/* NOTE: ALL URL PATHS WILL NEED TO BE UPDATED ONCE IN CASCADE TO ROOT FOLDER */

/*======================
 HEADER
======================= */
#homeContentContainer h1 { position: absolute; left: -99999px; z-index: -1; }
#header img { max-width: 276px;}  
#quicklinksSelect { display: none;}
#imenus0 li a:hover { color: #46842A;}
#bodyContainer .headerContactWrapper a.link { color: #DDC748; font-size: 1rem; font-weight: 500;}
#bodyContainer .headerContactWrapper a.link:hover, #bodyContainer .headerContactWrapper a.link:focus { text-decoration: underline;}
#bodyContainer .headerContactWrapper a.link::before { content: ""; border-left: 1px solid #7BA0C4; padding-left: 25px; margin-left: 25px;}
#copyright { max-width: 1766px;}
.logo { margin-left: 4.5%; padding-left: 15px; margin-top: 25px;}
#companyNavContainer { display: block !important;}
#headerNav { padding-right: 4.5%;}
@media screen and (max-width: 1360px) {
	#bodyContainer .headerContactWrapper a.link { font-size: .8rem;}
}
@media screen and (max-width: 1200px) {
	#bodyContainer .headerContactWrapper a.link { font-size: .7rem;}
	#bodyContainer .headerContactWrapper a.link::before { padding-left: 10px; margin-left: 10px;}
}
@media screen and (max-width: 1000px) {
    #bodyContainer .companyNavItem a { font-size: .68rem };
}
@media screen and (max-width: 990px) {
	.headerContactWrapper { right: 0; padding-left: calc(4.5% + 15px); margin: 0;}
	#bodyContainer .headerContactWrapper a.link { font-size: .8rem;}
	#bodyContainer .headerContactWrapper a.link::before { padding-left: 15px; margin-left: 15px;}
	.slideout-menu { background: #fff; border-right: none;}
	.slideout-menu ul li { border-bottom: none;}
	.slideout-menu ul li:not(li.blueBg), .slideout-menu ul li.blueBg a { padding-left: calc(4.5% + 15px);}
	.slideout-menu ul li.blueBg a { padding-top: 15px; padding-bottom: 15px;}
	.slideout-menu ul li.blueBg .accordion-toggle { top: 0;}
	.slideout-menu ul li.companyNavItem a { padding-left: 0;}
	.slideout-menu ul li::before { content: ""; display: block; border-bottom: 1px solid #E9E9E9; padding-right: 35px; margin-right: 20px;}
	.slideout-menu ul li.blueBg::before, .slideout-menu ul li:first-child::before  { content: none;}
	.slideout-menu ul li a { padding-left: 0; font-size: 1rem; padding-top: 25px; padding-bottom: 25px;}
	#bodyContainer { max-width: 990px;}
	#header img { max-width: 173px;}
	#mobile-menu { background: url(/images/global/mobile-hamburger-menu.png) no-repeat center center;} /* URL TO BE UPDATED TO "/global/images/mobile-hamburger-menu.png" */
	.slideout-menu .accordion-content { margin-right: 20px;}
	.slideout-menu li.blueBg .accordion-content { margin-right: 0;}
	.slideout-menu .accordion-content li a { padding-left: 0;}
	.slideout-menu ul.accordion-content li::before { content: none;}
}

/* New Google Translate Overrides */
#bodyContainer .headerContactWrapper {top: -45px; background-color: #004987; display: flex; align-items: center;}
#bodyContainer .headerContactWrapper a { color: #fff; }
#bodyContainer .headerContactWrapper a:hover > span:first-child, #bodyContainer .headerContactWrapper a:focus ~ span:first-child { text-decoration: underline;}
#bodyContainer .headerContactWrapper a.link { top: 4px; position: relative;}
@media screen and (min-width: 991px) and (max-width: 1220px) {
    .goog-te-gadget select.goog-te-combo { width: 129px; }
}
@media screen and (max-width: 990px) {
	#bodyContainer .headerContactWrapper a.link { top: 0; }
	.goog-te-gadget select.goog-te-combo { max-width: 130px; }
}

/* Search */
#headerSearch ul.dropdown { padding-right: 0;}
#headerSearch .dropdown li.dropdownItems ul { background-color: #46842A; opacity: .95;}
.headerSearchField { background-color: #46842A; border-color: #46842A;}
#bodyContainer #headerSearch .dropdown li.dropdownItems ul:after { border-color: #46842A;}
.dropdown li.dropdownItems button.dropdownLabel:hover { color: #46842A; }
#headerSearch .dropdownLabel { position: relative; top: 0;}
.headerSearchField { font-size: 1.25rem; font-weight: 300; color: #EBF5FF; height: 40px;}
#headerSearch .dropdown li.dropdownItems ul form { padding-top: 10px; border-bottom: 1px solid #ffffffcb;}
.headerSearchSubmit { margin-top: -2px; height: 30px;}
#headerSearch .dropdownLabel, #headerSearch .dropdown li.dropdownItems button.dropdownLabel { background: url(/images/global/desktop-search-black.png)no-repeat right center;} /* URL TO BE UPDATED TO "/global/images/desktop-search-black.png" */
#headerSearch .dropdownLabel.active, #headerSearch .dropdown li.dropdownItems button.dropdownLabel:hover { background: url(/images/global/desktop-search-green.png)no-repeat right center ;} /* URL TO BE UPDATED TO "/global/images/desktop-search-green.png" */
@media screen and (max-width: 1620px) {
	#headerSearch .dropdownLabel { top: 1px;}
}
@media screen and (max-width: 1360px) {
	#bodyContainer #headerSearch .dropdown li.dropdownItems ul:after { top: 7px;}
}
@media screen and (max-width: 1100px) {
	#headerSearch .dropdownLabel { top: 1px;}
}
@media screen and (max-width: 990px) {
	#headerSearch ul.dropdown { padding-right: 20px;}
	#companyMainNav { display: none;}
	#bodyContainer .headerContactWrapper { background-color: #004987; width: 100%; height: 50px; top: 0;}
	#headerNav, .logo {padding-bottom: 18px;}
	#mobile-minibar { margin-top: 73px;}
	#headerSearch .dropdown li.dropdownItems ul { top: 143px; }
	.slideout-menu ul li.blueBg, .slideout-menu ul li.blueBg.active { background: #46842A; border-bottom-color: #46842A; }
	.companyNavItem { background: #fff;}
	.slideout-menu{ top: 114px; max-width: 339px; }
	.slideout-menu ul li.blueBg .accordion-content { background: #fff;}
	#headerSearch .dropdown li.dropdownItems ul form { padding-top: 0;}
	.headerSearchSubmit { height: 22px; margin-top: 12px;}
	#headerSearch .dropdown li.dropdownItems ul { padding-left: calc(4.5% + 15px); padding-right: 35px;}
	#headerNav, .logo { padding-bottom: 12px; padding-right: 15px;}
	#mobile-minibar { margin-top: 68px; right: 53px; }
	#headerSearch .dropdown li.dropdownItems ul { top: 114px; }
	.headerSearchSubmit { height: 18px; margin-top: 8px;}
	.headerSearchField { font-size: 1rem; height: 35px; }
	#headerSearch .dropdownLabel, #headerSearch .dropdown li.dropdownItems button.dropdownLabel, #headerSearch .dropdown li.dropdownItems button.dropdownLabel:focus { background: url(/images/global/mobile-search-green.png) no-repeat right center; } /* URL TO BE UPDATED TO "/global/images/mobile-search-green.png" */
	#headerSearch .dropdownLabel.active, #headerSearch .dropdown li.dropdownItems button.dropdownLabel.active, #headerSearch .dropdown li.dropdownItems button.dropdownLabel:hover { background: url(/images/global/mobile-hamburger-menu-closed-green.png)no-repeat right center ;} /* URL TO BE UPDATED TO "/global/images/mobile-hamburger-menu-closed-green.png" */
	.slideout-menu-toggle.active #mobile-menu { background: url(../../images/global/mobile-hamburger-menu-closed-green.png) center left no-repeat; padding-top: 5px;} /* URL TO BE UPDATED TO "/global/images/mobile-hamburger-menu-closed-green.png" */
	.slideout-menu .accordion-toggle { position: relative; top: 9px; right: 10px;}
}
@media screen and (max-width: 640px) {
	.slideout-menu{ top: 117.5px;}
}

/*======================
 FOOTER
======================= */
#footerContainer { border-top: none; font-size: 1rem;}
.socialMediaIcons { width: 200px; display: flex; justify-content: flex-end; align-items: center;}
.socialMediaIcons img {  width: 100%; max-width: none; position: relative; top: 0; transition: all .4s ease-in-out;}
.socialMediaIcons img:hover { top: -5px;}
#copyright { margin: 0 auto; position: relative;}
#copyrightContainer .logo { max-width: 339px; position: relative; top: -45px;}
#copyrightContainer .logo img { width: 100%; max-width: none;}
#utilityNav { margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between; }
#utilityNavContainer { max-width: 1766px;}
#utilityNavContainer .link { text-decoration: underline;}
#bodyContainer #utilityNavContainer a { margin-bottom: 15px; color: #004987; white-space: nowrap; display: inline-block;}
#bodyContainer #utilityNav .text a { margin-left: 0; margin-right: 40px; }
@media screen and (max-width: 1150px ) {
	#utilityNav { flex-flow: column; }
	#utilityNav .text  { align-items: center; justify-content: center; display: flex; flex-flow: row wrap;}
	#bodyContainer #utilityNav .text a { margin: 9px 10px;}
	.socialMediaIcons { width: 100%; justify-content: center;}
}
@media screen and (max-width: 768px) {
	#utilityNav { flex-flow: column; }
	#utilityNav .text { flex-flow: column;}
	.socialMediaIcons { justify-content: center; width: 100%; margin-top: 15px;}
	#footerContainer { padding-bottom: 40px; padding-top: 28px;}
	#copyrightContainer #copyright { max-width: 270px; margin: 0 auto;}
	#copyrightContainer .logo { max-width: 262px; top: 0;}
	#copyrightContainer .logo img { margin-top: 20px; }
}

/* Search Results */
#pageBodyContainer .search { padding-left: 15px; left: 4.5%; position: relative; padding-bottom: 40px;}
#pageBodyContainer .search h1 { font-size: 2.45rem; }
@media screen and (max-width: 990px) {
	#pageBodyContainer .search h1 { font-size: 1.85rem; }

}

/*======================
 SCREEN READER SKIP LINKS
======================= */
#screenreaderNav { position: fixed; top: 0; z-index: 99999; }
#screenreaderNav a { position: absolute; width: 260px; padding: 10px; left: -100000px; background-color: #46842A; color: #fff; font-weight: bold; text-decoration: none; line-height: 1.4; text-align: center; }
#screenreaderNav a:hover { text-decoration: underline; }
#screenreaderNav a:focus { left: 0; top: 0; }

/*======================
 BUTTONS AND LINKS
 ======================= */
#bodyContainer a { text-decoration:underline;color: #097AC1;}
#bodyContainer a.btnLrg { border-radius: 8px; text-decoration: none; font-size: 1.125rem; min-width: 171px; }
#bodyContainer a.readMore::after { color: #3B3b3b; }
body { font-size: 1.0625rem; }

/*======================
YOUTUBE BUTTONS
 ======================= */
a.popup-youtube .videoButton {  display: block;  position: absolute;  top: 0; right: 0; bottom: 0; left: 0;  margin: auto; opacity: .8; background-repeat: no-repeat;  transition: all .4s ease-in-out; background-position: center; background: url(../../images/global/play-button.png) center center no-repeat; }
a.popup-youtube:hover .videoButton, a.popup-youtube:focus .videoButton { background: url(../../images/global/play-button.png) center center no-repeat; opacity: .6;}

/*======================
COLUMN UPDATES
 ======================= */
@media screen and (min-width: 641px) {
    .landingPage #contentMain.fullWidth .columns .one-row .col6 { flex-flow: column; }
}