/* PAGE LAYOUT */

html {
	font-size: 12px;
}


body {
	font-family: "myriad-pro",sans-serif !important;
}

#wrap > section {
    padding-top: 8em !important; 
    
}
/*
div#showcase {
    padding-top: 7em !important;
}
*/
section > .container {
	margin:0px !important;
	width: 100%;
	padding-right: 0px;
	background: rgb(219,217,214);
    background: linear-gradient(180deg, rgba(219,217,214,0.25) 0%, rgba(255,255,255,1) 100%);
}

section > .container > #main {
	padding-top: 0px;
	width:100%;
}

.screenreader {
position:absolute;
left:-10000px;
top:0px;
width:1px;
height:1px;
overflow:hidden;
}


.moduletable {
	padding: 0px;	
		margin-bottom: 0px;

}	

nav.navbar {
	background-color: rgba(255,255,255,0.9) !important;
	border-color: #efefef !important;
}

div#top.navbar-inverse {
	background-color: #00539f !important;
	padding-top: 0px !important;
}

div.block.topalert {
	background-color: #fc0 !important;
	
}

/*
	div.block.topalert > div > div > div.custom > p {
	margin-bottom: 0px !important;
	
} */

div.block.topalert.elections {
	background-color: #c00 !important;
	
}

#fullwidth .moduletable {
	margin-bottom:0px;
}

.geo {
	text-align:right;
	line-height:110%;
	padding-top:1%;
	vertical-align:middle;
}

#breadcrumbs {
	background: rgba(100,101,105,0.2);
	padding: 1em 0;
}

#breadcrumbs > div.container {
	margin-left: 15px !important;
}

.breadcrumb {
	background: transparent;
	padding: 0px;
		color: rgb(100,101,105);

}

#main-box, #sidebar-2 {
	padding:0px 20px !important;
	margin-bottom: 0px;
}

#sidebar-2 {
	padding-top: 20px !important;
}

#container.col-sm-7 {
	background-color: transparent !important;
}

.alert {
    padding: 5px 15px !important;
    margin-bottom: 0px !important;
    border-radius: 1px !important;
}

.alert-info {
	background-color: rgba(4,53,136,0.05) !important;
	color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.showHere, dt.article-info-term {
	display:none;
}

.page-header {
	border:none !important;
	margin:10px 0px 0px 0px !important;
	padding-bottom: 2px !important;
}

.module-content ul li::before {
	content: none;
}

.menu-home {
	font-weight:bold;
	border-bottom: 1px solid #dfdfdf;
}

#bottom {
	background-color: rgba(219,217,214,0.8);
	background-image: url('/images/stories/trees_100p.png'); 
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center bottom;
	padding-bottom: 10%;
}

#dept-logo-container {
	width: 15%;
	height: 15%;
	position: absolute;
	top:0;
	left:20px;
	z-index: 1;
}

.newsflash-vert > .newsflash-item {
	border-bottom: 1px dotted rgba(100,101,105,0.5);
}

div.block.dept-static-links {
	padding-top: 20px;
}

div.custom.homepage-calendar {
	padding: 0px;
}



#sidebar-2 > div.homepage-features > div > div > div > div > div.col-xs-3 {
	padding-left: 5px;
	padding-right: 5px;
}

.hidden
{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

.alert-dismissible .close {
	top:-10px;
	right:-10px;
	
	}

/* From https://cpratt.co/twitter-bootstrap-callout-css-styles/ */

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}


/* TYPOGRAPHY */

body {
	font-size: 14px;
}

a {
	color: rgba(4,53,136,1);
}

h1, h2 {
	font-weight: 100 !important;
	
}

h3, h4, h5, h6 {
	font-weight: 800 !important;
}

div.well > h1:first-of-type, div.well > h2:first-of-type, div.well > h3:first-of-type, div.well > h4:first-of-type, div.alert > h1:first-of-type, div.alert > h2:first-of-type, div.alert > h3:first-of-type, div.alert > h4:first-of-type {
	margin-top:3px !important;
}

ul {
	padding-inline-start: 20px;
}

.alert h4 {

margin-top:10px !important;
margin-bottom: 10px !important;
}

div.item-page {
/*	font-size: 1.25em !important; */
	line-height: 1.55em;
}

.alert p, .alert ol, .alert ul {
	/* color: black !important; */
}

small {
	font-size: 14px !important;
	line-height: 14px !important;
}

.page-header h1, .page-header h2 {
	font-size:55px !important;
	font-weight: 100 !important;
	color: rgba(4,53,136,1) !important;
}

h3.newsflash-title {
	padding: 24px 4px 4px 4px;
	margin: 0;
	text-align: center;
}

h3.newsflash-title > a:hover {
	opacity: 0.85;
}

.newsflash-vert > * {
	text-align: center !important;
}

.newsflash-item > p {
	font-size: 16px;
}

p.newsflash-title {
	margin: 10px 0px 0px 0px;
	font-weight: bold;
}

p.dept-features-link {
	margin:0px;
}
/*
.dept-static-links > div > div > h4.bg-primary {
	padding: 8px;
	color:#ffffff;
}
*/
.dept-static-links > div > div > ul.list-unstyled > li {
	font-size: 14px;
}

.dept-static-links > div > div > ul.list-unstyled > li > a {
	color: black;
}

.dept-static-links > div > div > ul.list-unstyled > li > a:hover {
	color: #00539F;
}

.dept-area-links > div > div > h2 {
	font-weight: 100 !important;	
		
}

.article-info {
	font-size: 11px;
}

div.maximenuckh > div.maxiroundedcenter > ul > li.maximenuck.level1 > div > div.maxidrop-main > div > div.maximenuck2 > ul > li > a > span.titreck {
    color: rgb(0,83,159) !important;
}

.calendar {
	margin-top: 20px !important;
}

.sitefooter > .btn-link:focus, .btn-link:hover {
    color: #ccc;
} 
    

blockquote small {
    display: inline-block;
    }

.alert h1, .alert h2, .alert h3, .alert h4, .alert h5 {
margin-top:10px;
}


div.item-page.nr > div.page-header > h1 {
	font-size:1.55em !important;
	color:#666 !important;
	margin-bottom:0 !important;
}


time.icon
{
  font-size: 1em; /* change icon size */
  display: block;
  position: relative;
  width: 7em;
  height: 7em;
  background-color: #fff;
  margin: 1em;
  float: left;
  border-radius: 0.6em;
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(0deg) skewY(0deg);
  -webkit-transform-origin: 50% 10%;
  transform-origin: 50% 10%;
}

time.icon *
{
  display: block;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

time.icon strong
{
  position: absolute;
  top: 0;
  padding: 0.4em 0;
  color: #fff;
  background-color: #369;
  border-bottom: none;
  box-shadow: 0 1px 0 #69c;
}

time.icon em
{
  position: absolute;
  bottom: 0.3em;
  color: #369;
}

time.icon span
{
  width: 100%;
  font-size: 2.8em;
  letter-spacing: -0.05em;
  padding-top: 1.2em;
  color: #2f2f2f;
}

div.wf-mediabox-content > * {
	font-family: sans-serif;
}







/* TABS */


.rl_tabs .tab-content {


}

.rl_tabs>.tab-content>.tab-pane {
overflow: visible !important;
}	
	

/* SLIDESHOW CK */

.slideshowck.homepage-slideshow {
	padding-top: 16px;
	padding-bottom: 6px;
}

.cameraContent > .camera_caption > div {
	background-color: rgba(0,0,0,0.6);
}

.camera_caption_title {
    font-size: 3.2em !important;
    font-weight: 100 !important;
}

.camera_caption_desc {
	font-size: 16px;
	font-weight: bold;
	color: rgb(219,217,214) !important;
}

.camera-link, .camera-link:active, .camera-link:visited {
	color: rgb(255,255,255) !important;
}

.camera-link:hover {
	color: rgb(188,185,175) !important;
}

.camera_wrap .camera_pag .camera_pag_ul li {
    background: rgba(219,217,214, 0.5) !important;
}



/* DATATABLES */

.table.table-responsive.dataTable > tbody > tr > td {
	font-size: 12px;
}

.table.table-responsive.dataTable > thead > tr > th {
	font-size: 12px;
}




/* SEARCH BOX */

/*
div:not(.planning_datatable_sort_filter) > input[type=search] {
	width: 100%;
}
*/


div.homepage-search {
	padding: 0px 16px;
	box-sizing: border-box;
}

div.homepage-search input[type=search] {
  box-sizing: border-box;
  /* padding: 20px 20px; */
  width: 100%;
}

.homepage-search > form > input.search-query {
	font-size: 30px;
	background: rgba(255,255,255,0.8);
	font-weight: 100;
}

.homepage-search > form > input.search-query::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #646569;
	opacity: 1; /* Firefox */
}

.homepage-search > form > input.search-query:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #646569;
}

.homepage-search > form > input.search-query::-ms-input-placeholder { /* Microsoft Edge */
	color: #646569;
}





/* SEARCH RESULTS */
dt.result-title {
	margin-top:10px;
}
.result-title {
	font-size: 1.5em;

}

.result-category, .result-created {
	font-size: 0.65em;
	font-weight:normal;
	color:#666;
}

.result-created {
	color:#ccc;
}

.result-text {
	font-size: 15px;
}





/* GOOGLE TRANSLATE - OLD */
/*
select#gtranslate {
	display: inline-block;
	box-sizing: border-box;
	color: rgb(85, 85, 85);
	border: 1px solid rgb(204,204,204);
	background: #efefef;
	height: 30px;
	width: 160px;
} */





/* SIDEBAR MENU */

.backlink {
	font-weight: normal !important;
}



.coamenu {
	list-style-type: none; 
	margin: 1.5% 0 !important; 
	padding: 2% 0 !important; 
	border-top:1px dotted #ccc;
}

.coasubmenu {	
	padding-inline-start: 15px !important;
}

.coamenu-item {
	font-size: 125%;
	font-weight: bold;
	line-height: 160%;
	
}
.coamenu-item.backlink {
	font-weight: normal !important;
	font-size: 100% !important;
	color:#333 !important;
}

.custom > .coamenu:first-of-type {
	border-top: 0 !important;
}

#sidebar-2 > div.whatsnew > div > div.module-title {
	
	background: rgb(0,117,89);
	
}

#sidebar-2 > div.whatsnew > div > div.module-title > h3.title {
	
	color:white !important;
	margin-top: 20px;
	padding: 10px;
	
}


ul.accordion-menu {
	border:none !important;
	padding-bottom:20px !important;
	background-color: transparent !important;
}

ul.accordion-menu a {
	font-family: "myriad-pro", sans-serif !important;
	font-size: 14px;
}

ul.accordion-menu li {
	border:0px !important;
}

ul.accordion-menu li > .item-wrapper > .menu-link > a {
	padding-left: 0px !important;
}

ul.accordion-menu li > .item-wrapper > .menu-link {
	overflow:hidden !important;
}


ul.accordion-menu > li:hover {
	background-color: transparent !important;
}


/* CONTACT MODULE */

.contact > .moduletable {
	padding: 0px;
}	
	
div.contact blockquote {
	border: 0px;
	background: rgba(219,217,214,0.35);
	font-size: 15px;
}

div.contact blockquote small:before {
	content: '' !important;
}




/* FEATURES - HOMEPAGE */

div.features > h1 {
	margin-top:0;
	font-size: 16px;
}




/* TOP LINKS */

div.toplinks > div > div > div, div.block.gtranslate > div > div {
	margin-bottom: 0px;
}

div.toplinks > div > div > div > div > div > p > a {
		padding-right: 10px !important;

}

div.toplinks > div > div > div > div > div > p > a:last-of-type {
	padding-right: 0px !important;
	margin-bottom: 0px !important;
	text-align:right !important;
	
}

div.toplinks, div.toplinks.topalert, div.block.gtranslate > div > div > a {
	font-size: 14px;
	line-height: 16px;
}

div.toplinks.topalert {
	padding-top: 10px;
}

div.toplinks > div > div > div > div > div > p, div.block.gtranslate > div > div {
	margin-top: 14px;
	margin-bottom: 12px;
}

div.toplinks > div > div > div > div > div > p > a, div.block.gtranslate > div > div > a {
	color: #dbd9d6;
	font-weight: bold;
}

div.toplinks.topalert > div > div > div > p > a {
	color: #036;
}


div.block.gtranslate {
	
	text-align: right; 
}

a.flag {
	padding-left: 4px !important;

}

a.flag span {
	margin-right: 0px !important;
	font-size: 14px !important;
}


#geoinfo > p {
	margin:0px;
	margin-top:10px;
	padding-right: 0px !important;
	text-align:right !important;
	
}








/* MENU */

div.floatck {
	background: #efefef !important;
}




div ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > a,
div ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h2 a,
div ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h3 a,
div ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a,
div ul.maximenuck2 li:hover > a,
div ul.maximenuck2 li:hover > h2 a,
div ul.maximenuck2 li:hover > h3 a,
div ul.maximenuck2 li.active > a,
div#maximenuck430 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > a, 
div#maximenuck430 ul.maximenuck2 li:hover > a {
	color: rgb(100,101,105);
	background: rgba(188,185,175,0.2) !important;
}

div.maxidrop-main {
	width:100% !important;
	padding:4px;
}


div > div.maxiroundedcenter > ul > li.maximenucklogo > a > img {
	padding-top: 10px;
}

div.maximenuckh > div > ul.homepage-nav > li > div > div.search > form {
	display:none;	
}

li.maximenuck.headingck.parent.level1:hover {
	background-color: #efefef !important;
}

div#maximenuck430 ul.maximenuck li.level1.parent ul.maximenuck2 li.maximenuck.nodropdown li.maximenuck,
div#maximenuck430 .maxipushdownck ul.maximenuck2 li.maximenuck.nodropdown li.maximenuck {
	text-indent: 0px !important;
	}

span.descck {
	font-size:12px !important;
}


.mobilemenuck-bar-title, .mobilemenuck-title, .mobilemenuck, .mobilemenuck-bar-button {
	background: transparent !important;
	color:black !important;
	}


span.titreck {
	font-weight: normal !important;
}

div.maximenuckh > ul > li.maximenuck.level1.fullwidth > div > div > div > ul > li > span > span > span > span.titreck-title, 
div.maximenuckh > ul > li.maximenuck.level1.fullwidth > span > span > span > span.titreck-title {
	font-weight: bold !important;
}
div.maximenuckh > ul > li.maximenuck.level1.fullwidth > div > div > div > ul > li > span > span > span > span.titreck-title {
	color:#003366 !important;
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) { 
	
	
	span.titreck {
	font-size: 14px !important;
}

	
	}





/* FOOTER */

#footer {
	padding:0px 16px;
	background: rgba(0,0,0,0.85) !important;
}

.sitefooter > div >  div > div > p > a, .sitefooter > div >  div > div > p > span > small > a {
	color: white !important;
}

.sitefooter {
	color:#dbd9d6;
}

.sitefooter a {
	color:white;
}

div.footer.copyright > p, div.footer.contract > p {
	text-align: left;
}


div.footer.staff > p, div.footer.social > p {
	text-align: right;
}



/* FLEXSLIDER - CAN BE REMOVED??? */

.flexslider {
	margin: 0px !important;
} 


.flexslider ul.slides img {
	width:100% !important;
}













/* MOBILE OVERRIDES 
	
	(max-width: 768px)
	
	
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
	
*/

@media only screen 
and (max-device-width : 768px) {
	
	.page-header h1, .page-header h2 {
	font-size:36px !important;
}
	
section {
/*	padding-top: 6em !important; 
	z-index: -999 !important; */
	
}

section > .container {
	background: white !important;
}


.header--fixed {
	z-index: 100 !important;
}	

.header {
    line-height: 50px !important;
}
/*
#geoinfo > p {
	padding-right: 15px !important;
}
*/
div.toplinks:first-of-type {
	padding-right:2px;
}

div.toplinks:last-of-type {
	padding-left: 0px;
	}
div.toplinks, div.block.gtranslate > div > div > a, a.flag span {
	font-size: 12px !important;
}

a.flag span {
  display: none;
}
a[title*="English"].flag:after {
  content: 'EN';
}

a[title*="Español"].flag:after {
  content: 'SP';
}

div.toplinks > div > div > div > div > div > p {
	padding-left: 10px;
}

#main.show-grid > #container {
	padding-right: 0px;
}

#breadcrumbs {
	padding: 10px 0px !important;
}

.slideshowck.dept-slideshow {
	height:300px;
}
	
div.footer.staff > p, div.footer.social > p, div.footer.contact > p, div.footer.copyright > p {
	text-align: center !important;
}

#dept-logo-container {
	width: 22.5%;
	height: 22.5%;
}




.mobilemenuck {
background: rgba(255,255,255,0.95) !important;	
	color:#fff !important;
	}

.mobilemenuck-topbar {
background: rgba(0,0,0,0.8) !important;	
	color:#fff !important;
	}
	
.mobilemenuck-title {
	background: transparent !important;
	color:#fff !important;
	line-height: 48px !important;
	height:50px !important;
}

.mobilemenuck-bar-title {
	background: transparent !important;	
}

.mobilemenuck-bar-button {
	background: transparent !important;	
	color:#646569 !important;	
	font-size:3em !important;
	padding-top: 0px !important;
}

.mobilemenuck-bar {
	top:8px !important;
}
	
.mobilemenuck-button {
	font-size: 2em !important;
	line-height: 48px !important;
	height:50px !important;
	width:50px !important;
}	
	
.mobilemenuck-itemwrap {
	margin-left: 6px;
}	
	
.mobilemenuck-item > .level1, .mobilemenuck-item > .level2, .mobilemenuck-item > .level3 {
	background-color: rgba(0,0,0,0.05) !important;
	border-radius: 0px !important;
	padding-left:10px !important;
	width: 96% !important;
	}
	
.mobilemenuck-item > .level1 {
	background-color: rgba(0,0,0,0.11) !important;
	}	
	
	
.mobilemenuck-item > .level1 a, .mobilemenuck-item > .level2 a, .mobilemenuck-item > .level3 a {	
	color:#3a3b3d !important;

}		

.menuck.maximenuck {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}

.mobilemenuck-togglericon:after {
	height: 50px !important;
	line-height: 46px !important;
	width: 50px !important;
	background: #00539F !important;
	color: #dbd9d6 !important;
	font-size: 40px !important;
	content: "\00bb" !important;
	border-radius: 0px !important;
}

.mobilemenuck-backbutton:before {
	content: "\00ab\00a0" !important;
}


div.mobilemenuck > div.mobilemenuck-itemwrap > div > div > div.search.menusearch {
	padding:20px 0px !important;
	
}





div#showcase {
	padding-top: 2.5em !important; 
	padding-bottom: 2em !important; 
	
}

.breadcrumb {
	padding: 0px 10px;
}

h3.newsflash-title {
	font-size: 18px !important;
	padding-top: 4px !important;
}

.camera_caption_title {
    font-size: 2.2em !important;
}

#bottom {
	padding: 0px 20px 40px 10px !important;
}

div.dept-static-links {
	padding: 0px 10px !important;
}

div.dept-area-links {
	text-align: center !important;
}

}