/*--------------------------------------------------------------
>>> Main site styles, last editted on 04-16-24  
---------------------------------------------------------------- */
/* Version: 1.0.23 ----- */ 

@import url(normalize.css); 
@import url(topnav.css);
/* @import url(mobile-menu.css); */
@import url(l2-style.css);
@import url(footer.css);


@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
/* font-family: "Oswald", sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,500i,600,600i,700,700i');
 /* font-family: "Montserrat", sans-serif; */

/*-------------------------------------------------------------- 
# base styles
--------------------------------------------------------------*/
html { height: 100vh; scroll-behavior: smooth; }
html.top-expanded,
html.top-expanded body, 
html.expanded,
html.expanded body,
html#html.fixscroll,
html#html.fixscroll body
{ margin: 0; height: 100%; overflow: hidden; background-color: #000; }


body { color: #333; font-family: "Montserrat", sans-serif; 
  height: 100%;
  background-color: #000; 
	font-size: 100%;
 -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
           text-rendering: optimizeLegibility;
 text-align: center; margin: 0; padding: 0; overflow-x: hidden; 
 }
 
::selection { background: #c9e1fa; color: #fff !important; }
::-moz-selection { background: #c9e1fa; color: #fff !important; }
::-webkit-selection { background: #c9e1fa; color: #fff !important; } 


article, aside, details, figcaption, figure, footer, header, hgroup, nav, /* section, */ summary { display: block; } 

a img { border: 0 none; }

a:hover,
a:active,
a:focus { outline: 0; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}
button[disabled],
input[disabled] { cursor: default; }

textarea { overflow: auto; vertical-align: top; resize: vertical; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


div  { margin-top: 0; margin-bottom: 0; padding: 0; border: none; border-width: 0; }
img { text-decoration: none; margin: 0; padding: 0; border: none; border-width: 0; outline: none; outline-width: 0; }

img.nofloat { float: none; }
img.full { float: none; clear: both; margin-right: 0; margin-left: 0; width: 100%; max-width: 100%; height: auto; }
img.floatright { float: right; }
img.floatleft { float: left; }

a, a:visited { color: #2695cf; text-decoration: underline; border: none;  
  -webkit-transition: color .3s;
  -moz-transition: color .3s;
  -o-transition: color .3s;
  -ms-transition: color .3s;
  transition: color .3s;
	}
a:hover, a:active { color: #94a30c; text-decoration: none; border: none; }


/* 
 Base page structure
--------------------------------------------------------------*/
.row { width: 100%; max-width: 1180px; min-width: 320px; margin: 0 auto; /* overflow: hidden; */ }

div#page { min-width: 1180px; width: 100% !important; text-align: center; height: auto; min-height: 700px; margin: 0; padding: 0; overflow: hidden; float: left; clear: both; }
div#page-container { width: 100%; max-width: 100%; text-align: left; display: block; clear: both; margin: 0 auto !important; }
div.container { width: 100%; max-width: 100%; display: block; clear: both; margin: 0 auto !important; padding: 0; }

main { min-height: 1080px; display: block; }
section { min-height: 50px; min-width: 100%; }
section::before, section::after { content: " "; display: table; }

/*
 Main font weights and styles
--------------------------------------------------------------*/

.sansserif, sans-serif { font-family: "Montserrat", sans-serif !important; }
.caps, .uppercase { text-transform: uppercase !important; }
.normalcase { text-transform: none !important; }

.flush { margin-top: 0px; }

div.clear { height: 1px !important; margin-bottom: -1px; display: block !important; width: 100% !important; clear: both !important; }
p.clear { display: block !important; width: 100% !important; clear: both !important; }

.clear::before, .clear::after { content: " "; display: table; }

.clearfix { display: block !important; clear: both !important; } 
.clearfix::before, .clearfix::after { content: " "; display: table; }

.white { color: #fff !important; }
.black { color: #000 !important; }
.red { color: #e64500 !important; }
.lt-yellow { color: #e8ebb2 !important; }
.yellow { color: #fbd333 !important; }
.orange { color: #f8b026 !important; }
.orange-2 { color: #f9c958 !important; }

.purple { color: #4b0b76 !important; }
.dk-purple { color: #27034e !important; }
/* .blue { color: #0e4f8f !important; } */
.blue { color: #2695cf !important; }
.blue-2 { color: #20639B !important; }
.blue-3 { color: #2A8AE8 !important; }
.lt-blue, .blue-lt { color: #78d2fa !important; }

.gray { color: #c4c2c5 !important; }
.textgray { color: #807f81 !important; }
.dkgray { color: #6c7a7e !important; }
.green { color: #94a30c !important; } 

.textgray { color: #6a7684 !important; }
.on, .on a { color: #ebc061; font-weight: 700; }

.white-bg { background-color: #fff !important; }
.yellow-bg { background-color: #fbd333 !important; }
.lt-blue-bg { background-color: #2A8AE8 !important; }
.blue-bg { background-color: #2695cf !important; }
.blue-bg-2 { background-color: #20639B !important; }
.blue-bg-3 { background-color: #2A8AE8 !important; }
.blue-bg-lt { background-color: #78d2fa !important; }

.orange-bg { background-color: #f8b026 !important; }
.orange-bg-2, .orange-2-bg { background-color: #f9c958 !important; }

.transparent { background-color: transparent !important; }
.translucent-wh { background-color: rgba(255, 255, 255, 0.87) !important; }

.orange-bdr { border-color: #f8b026 !important; }
.blue-lt-bdr { border-color: #78d2fa !important; }

.site-heading { font-size: 16px !important; letter-spacing: 0.125em; font-weight: 800; }
strong { font-weight: 700; }

article p, p { color: #333; font-family: "Montserrat", sans-serif; font-weight: 400; }

.spaceletters { letter-spacing: 0.075em; }
.spaceletters-more { letter-spacing: 0.25em; }

.btn-wrap { padding: 0.5em 0; display: block; }
a.btn, .btn {
  color: #fff;
	font-size: 21px;
	letter-spacing: 0.0625em;
	font-weight: 700;
  background: #2695cf;
  padding: 11px 25px 12px 25px;
  border: solid 0px #fff;
  text-decoration: none;
	border-radius: 7px;
	white-space: nowrap;
}

/* a.btn:after, .btn:after { content: "\f105"; 
font-family: "Font Awesome 5 Pro"; font-size: 34px; line-height: 1; font-weight: 400; 
position: absolute; margin: 3px 0 0 10px; }

.overflow-scroll-story .expand-link a.btn:after,
.expanded a.btn:after { content: "\f068"; font-size: 21px; margin-top: 9px; } */

a.btn:hover, .btn:hover  {
  color: #fff;
  background: #a2b10a;
  text-decoration: none;
}

.overflow-scroll-story .expand-link a.btn { border: solid 1px #f0bd33; }
.overflow-scroll-story .expand-link a.btn:hover { border: solid 1px #f0bd33; }

a.download,
a.read { font-size: 21px; font-family: "Oswald", sans-serif; color: #fff; padding-right: 50px; border: solid 1px #fff; }
a.download:hover, a.read:hover { color: #f8b026; border: solid 1px #fff; }

a.download:after {
	color: #fff; 
	content: '\f063';
	font-family: "Font Awesome 5 Pro"; font-size: 27px; line-height: 1; font-weight: 400; 
	position: absolute; margin: 1px 0 0 5px;
	}
a.read:after {
	color: #fff; 
	content: '\f061';
	font-family: "Font Awesome 5 Pro"; font-size: 27px; line-height: 1; font-weight: 400; 
	position: absolute; margin: 1px 0 0 5px;
	} 

a.down { color: #fff; /* background: rgb(255, 255, 255, 0.50); */
 font-size: 36px; text-decoration: none; text-align: left; 
  /* width: 75px; min-height: 75px; 
  -webkit-border-radius: 50%; 
     -moz-border-radius: 50%; 
         -border-radius: 50%; */
				 cursor: pointer; 
} 
a.down:hover { color: #fff; opacity: 0.90; } 

.back-to-home a.btn { padding: 11px 35px 12px 45px; }
.back-to-home a.btn:before {
	color: #fff; content: '\f060';
	font-family: "Font Awesome 5 Pro"; font-size: 27px; line-height: 1; font-weight: 400; 
	position: absolute; margin: 2px 0 0 -30px; 
	}
.back-to-home a.btn:after { content: ' '; } 

.flex-center { display: flex; align-items: center; justify-content: center; }

.left, h2.left, h3.left, p.left { text-align: left !important; }
.btn-center { text-align: center; }

.footnav { display: block; height: 50px; width: 100%; max-width: 85%; padding-top: 15px; padding-bottom: 25px; }

.nowrap { white-space: nowrap !important; }
.inline { display: inline !important; width: auto; }

ul, ol { list-style: none; }

div, h1, h2, h3 h4, p, a, li, td, img { -webkit-text-size-adjust: none; } 

article, aside, p, li { font-family: "Montserrat", sans-serif; }
h1.linetop, h2.linetop, h3.linetop, h4.linetop, h5.linetop, p.linetop { border-top: 1px solid #ccc !important; padding-top: 15px !important; margin-top: 35px; width: 100%; }

h1 { font-family: "Oswald", sans-serif; font-weight: 700; font-size: 32px; line-height: 1.375em; }
h2, h3, h4 { color: #94a30c; font-family: "Oswald", sans-serif; font-weight: 700; clear: both; line-height: 1.25em; }
h2 .view, h3 .view { font-size: 70% !important; }

h2 { font-size: 42px; } 
h3 { font-size: 34px; }
h4 { font-size: 24px; }
h5 { font-size: 19px; font-weight: 400; clear: both; line-height: 1.3em; }

.scaleup { font-size: 625%; }

h2 .small { font-size: 75%; font-weight: 400; }

h2 .date, h3 .date { font-size: 45%; font-weight: 400; display: block; margin-top: -9px; padding-top: 0px; padding-bottom: 7px; }

p { font-size: 18px; line-height: 1.375em; font-weight: 400; }
p.intro { font-size: 23px; line-height: 1.5em; }
p.intro a, p.intro span { cursor: pointer; pointer-events: visible; }
p.intro a, p.intro a:hover, p.intro span { }

h2 + p.intro { padding-top: 0px !important; }
p.smaller, p.small, .small, .smalltext { font-size: 14px !important; }
cite, h3 cite { font-size: 16px; font-weight: 400; font-style: oblique; }

.col-2 .smalltext p { font-size: 14px; }

p.center, aside p.center, .center { text-align: center !important; }
aside p.center img { float: none; clear: both; display: block; margin-right: auto; margin-left: auto; }

p + h2 { padding-top: 13px; }

h4 + ul { padding-top: 3px; }
h3.linetop + ul { padding-top: 7px; } 

.hidden { display: none; visibility: hidden; position: absolute; margin-top: -1000px; }

.normal, h1 .normal, h2 .normal { font-weight: 400 !important; }

.heading-image { width: 250px; height: auto; display: inline-block; vertical-align: middle; margin: 0 auto 5px auto; 
     -moz-border-radius: 250px;
	-webkit-border-radius: 250px;
          border-radius: 250px; 
}

a.closed { cursor: pointer; }  

a.back-to-top { 
	color: #94a30c;
	font-family: Font Awesome 5 Pro !important;
	font-size: 57px; font-weight: 700 !important;
	-moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
	display: none;
/* width: 46px; height: 46px; */
	position: fixed;
	z-index: 500;
	right: 30px;
	bottom: 12px;
/*	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 23px; */	opacity: 0.75;
}
a:hover.back-to-top { color: #94a30c; opacity: 1.0; } 

img.floatright, p img.floatright { float: right; clear: none; margin: 1px 0px 30px 30px; position: relative; }
img.floatleft, p img.floatleft { float: left; clear: none; margin: 1px 30px 30px 0px; position: relative; }

img.clear, p img.clear { float: none; clear: both; margin: auto; display: block; }

.boxshadow { -webkit-box-shadow: 3px 3px 9px 0px rgba(102,102,102,0.42);
-moz-box-shadow: 3px 3px 9px 0px rgba(102,102,102,0.42);
box-shadow: 3px 3px 9px 0px rgba(102,102,102,0.42); }


/* Responsive
---------------------------------------------------------------- */

@media only screen and (max-width: 1200px) {
div#page { min-width: 100%; max-width: 100%; }
div.container { oveflow-x: hidden !important; }
    
}

@media only screen and (max-width: 1180px) {
div#page { }
div.container { }

}

@media only screen and (max-width: 1024px) {

}

@media only screen and (max-width: 980px) {
html, body { oveflow-x: hidden !important; }
div#page { oveflow-x: hidden !important; }
	
}

@media only screen and (max-width: 920px) {
.footnav { width: 100%; max-width: 100%; }

}

@media only screen and (max-width: 768px) {
div#page { oveflow: hidden !important; } 

}

@media only screen and (max-width: 740px) {

}

@media only screen and (max-width: 640px) {
h2 { font-size: 32px !important; } 
h3 { font-size: 21px !important; }
h4 { font-size: 21px !important; } 
.scaleup { font-size: 325% !important; }
article h2 { font-size: 32px !important; padding-bottom: 15px !important; } 
h3, h4, article h3, article h4 { font-size: 21px !important; } 
p, aside p, article p, article li, aside li { font-size: 18px !important; }
p.intro { font-size: 21px !important; }
p.smaller, p.small, .smalltext, figcaption { font-size: 12px !important; }

.scaleup, h3.scaleup { font-size: 325% !important; }
	
}

@media only screen and (max-width: 620px) {
.heading-image { float: none; margin: -10px auto 30px auto; display: block; }

img.floatleft, p img.floatleft,
img.floatright, p img.floatright
{ float: none !important; clear: both; margin: 1px auto 20px auto !important; display: block !important; }

}

@media only screen and (max-width: 480px) {
article h2 { font-size: 30px !important; padding-bottom: 15px !important; } 
h3, h4, article h3, article h4 { font-size: 20px !important; } 
p, aside p, article p, article li, aside li, page-wrapper ul li { font-size: 16px !important; }
p.intro { font-size: 20px !important; }

.scaleup, h3.scaleup { font-size: 250% !important; }	
	
}

@media only screen and (max-width: 430px) { 
article h2 { font-size: 28px !important;  } 
h3, h4, article h3, article h4 { font-size: 19px !important; } 
p.intro { font-size: 19px !important; }

.scaleup, h3.scaleup { font-size: 225% !important; }	
}

@media only screen and (max-width: 320px) {	
div#page { min-width: 320px; }

}


/*--------------------------------------------------------------
END
--------------------------------------------------------------*/