/*--------------------------------------------------------------
>>> Main site styles, last editted on 08-27-18
---------------------------------------------------------------- */
@charset "UTF-8";

@import url(normalize.css);
@import url(topnav.css);
@import url(l2-style.css);
@import url(footer.css);

@import url(slide-menu-base.css); 
@import url(slide-menu-component.css);


@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700'); /* font-family: 'Roboto Slab', serif; */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i,900,900i'); /* font-family: 'Roboto', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400i,700,700i'); /* font-family: 'Roboto Condensed', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,800,900'); /* font-family: 'Source Sans Pro', sans-serif; */

/* @import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i'); */ /* font-family: 'Montserrat', sans-serif; */ 
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css');



/*-------------------------------------------------------------- 
# base styles
--------------------------------------------------------------*/
html { background: #807f81; }

body { color: #807f81; font-family: 'Roboto Slab', serif; 
  background-color: #f1eff2;
	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; 
 border-top: solid #174f91 12px;
 }
 
::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: #6d93c0; text-decoration: none; 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: #f8b852; text-decoration: underline; border: none; }


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

div#page { background: url(../css-images/bg.png) repeat-y center top; 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, div.container { width: 100%; max-width: 1460px; text-align: left; display: block; clear: both; margin: 0 auto !important; padding: 0 10px; /* overflow: hidden; */ }



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

.sansserif { font-family: 'Source Sans Pro', sans-serif !important; }
.serif { font-family: 'Roboto Slab', serif !important; }
.caps { text-transform: uppercase !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; }

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

.black { color: #000 !important; }
.red { color: #9e3039 !important; }
.orange { color: #f8b852 !important; }
.purple { color: #4b0b76 !important; }
.dk-purple { color: 27034e !important; }
.blue { color: #174f91 !important; }
.gray { color: #c4c2c5 !important; }
.textgray { color: #807f81 !important; }
.dkgray { color: #888 !important; }
.green { color: #a0ce67 !important; }

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

a.btn {
  color: #fff;
	font-size: 18px; font-weight: 700;
  background: #174f91;
  padding: 7px 18px 7px 18px;
  border: solid #174f91 1px;
  text-decoration: none;
}

a.btn:hover {
  color: #fff;
	font-size: 18px; font-weight: 700;
  background: #f8b852;
  padding: 7px 18px 7px 18px;
  border: solid #f7893b 1px;
  text-decoration: none;
}

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

.next-prev a { color: #807f81; text-decoration: none; }
.next-prev a:hover { color: #f8b852; } 
.nav-circle { font-size: 36px; display: inline-block; border-radius: 100%; border: 2px solid #807f81; height: 49px; width: 49px; text-align: center; position: absolute; margin-top: 2px; }
.nav-circle i.fa-chevron-right { margin: auto; padding-top: 7px; padding-left: 5px; }
.nav-circle i.fa-chevron-left { margin: auto 0 auto -3px; padding-top: 7px; padding-left: 0px; }

.next-prev span { font-size: 18px; display: inline-block; }
.next-prev span strong { display: block; border-top: 1px solid #ccc; padding-top: 1px; margin-top: 1px; } 

.next-prev span.right { text-align: right !important; padding: 2px 58px 0 0; }
.next-prev span.left { text-align: left; padding: 2px 0 0 58px; }

.next { float: right; } 
.prev { float: left; }

.next .nav-circle { margin-left: -54px; }

.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, h2, h3, h4, h5, p, li { font-family: 'Roboto Slab', 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, { color: #fff; font-weight: 700; clear: both; line-height: 1.1875em; }
h2, h3, h4 { color: #003357; font-weight: 700; clear: both; line-height: 1.1875em; }
h2 .view, h3 .view { font-size: 70% !important; }

h2 { font-size: 48px; }
h3 { font-size: 21px; }
h4 { font-size: 23px; }
h5 { color: #174f91; font-size: 19px; font-weight: 400; clear: both; line-height: 1.3em; }

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

h2 .date, h3 .date { font-size: 45%; font-weight: 400; display: block; margin-top: -13px; padding-top: 0px; }
h2 strong, h3 strong { font-weight: 800; }

p { color: #807f81; font-size: 20px; line-height: 1.5em; font-weight: 400; }
p.intro { color: #807f81; font-size: 26px; line-height: 1.5em;  font-weight: 700; }
p.intro a, p.intro span { cursor: text; pointer-events: none; }
p.intro a, p.intro a:hover, p.intro span { /* color: #6d93c0; */ pointer-events: none; }
h2 + p.intro { margin-top: -30px !important; 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; }

a.closed { cursor: pointer; }  

a.back-to-top {
	color: #f7893b;
	font-family: FontAwesome !important;
	font-size: 57px; 
	-moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
	display: none;
/* width: 46px; height: 46px; */
	position: fixed;
	z-index: 999;
	right: 25px;
	bottom: 25px;
/*	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 23px; */	opacity: 0.80;
}
a:hover.back-to-top {
	color: #f8b852;
	opacity: 0.95;
 }
 

.expand .content { display: none; }
.expand a.btn, .expanded a.btn {
  color: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 21px; font-weight: 700;
  background: #f8b852;
  padding: 7px 18px 7px 18px;
	margin-top: 15px;
	border: solid #f8b852 1px;  
  text-decoration: none;
	text-transform: uppercase;
	display: inline-block;
}

.expand a.btn:hover, .expanded a.btn:hover {
  color: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 21px; font-weight: 700;
  background: #174f91;
  padding: 7px 18px 7px 18px;
	margin-top: 15px;
  border: solid #174f91 1px;
  text-decoration: none;
	text-transform: uppercase;
	display: inline-block;
}

.expanded .show-image { display: none !important; }



/* Slide-in or Fade-in CSS
---------------------------------------------------------------- */
/* .full {
  transform: translateY(150px);
  animation: come-in 0.8s ease forwards;
}
.full:nth-child(odd) {
  animation-duration: 0.6s; /* So they look staggered */
/* }

@keyframes full {
  to { transform: translateY(0); }
} */


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

@media only screen and (max-width: 1470px) {
div#page { min-width: 100%; width: 100% !important; text-align: center; height: auto; min-height: 700px; margin: 0; padding: 0; overflow: hidden; float: left; clear: both; }
div#page-container, div.container { min-width: 100%; width: 100%; max-width: 1470px; text-align: left; display: block; clear: both; margin-left: 0; padding: 0; overflow: hidden; }

}

@media only screen and (max-width: 1290px) {
article h2:first-child { padding-top: 0px; margin-top: 20px; }

}

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

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


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

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

}

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

}

@media only screen and (max-width: 759px) {
/* .stories .expand .content { }
.stories .expand a.btn, 
.stories .expanded a.btn {
	position: relative !important; top: auto !important; left: auto !important; 
  color: #fff !important;
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 21px !important; font-weight: 700 !important;
  background: #f8b852 !important;
  padding: 7px 18px 7px 18px !important;
	margin: 15px auto !important;
	border: solid #f8b852 1px !important;  
  text-decoration: none !important;
	text-transform: uppercase !important;
	display: inline-block !important;
}

.stories .expand a.btn:hover, .stories .expanded a.btn:hover {
	position: relative !important; top: auto !important; left: auto !important; 
  color: #fff !important;
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 21px !important; font-weight: 700 !important;
  background: #174f91 !important;
  padding: 7px 18px 7px 18px !important;
	margin: 15px auto !important;
  border: solid #174f91 1px !important;
  text-decoration: none !important;
	text-transform: uppercase !important;
	display: inline-block !important;
}

.stories .expanded .show-image { } */

}

@media only screen and (max-width: 640px) {
body { border-top: solid #174f91 24px; }

article h2 { font-size: 33px !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: 23px !important; }
p.smaller, p.small, .smalltext, figcaption, { font-size: 12px !important; }

}

@media only screen and (max-width: 520px) {	
body { border-top: solid #174f91 32px; }

}

@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 { font-size: 16px !important; }
p.intro { font-size: 20px !important; }

a.back-to-top { right: 20px; bottom: 20px; }
	
}

@media only screen and (max-width: 430px) {
body { border-top: solid #174f91 44px; }	
article h2 { font-size: 28px !important;  } 
h3, h4, article h3, article h4 { font-size: 19px !important; } 
p, aside p, article p, article li, aside li { font-size: 15px !important; }
p.intro { font-size: 19px !important; }

}

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

}


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