/*======================
 HEADER
======================= */
#homeContentContainer h1 { position: absolute; left: -99999px; z-index: -1; }
#header img { max-width: 214px; display: block; }  
#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: 14px;}
#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) {
    #headerNav, .logo { padding-bottom: 12px; padding-right: 15px;}
	#headerNav { margin: 34px 0 0 0; }
	.headerContactWrapper { right: 0; padding-left: calc(4.5% + 15px); padding-right: calc(4.5% + 15px); margin: 0;}
	#bodyContainer .headerContactWrapper a.link { font-size: .8rem;}
	#bodyContainer .headerContactWrapper a.link::before { padding-left: 15px; margin-left: 15px;}
	.sidr-class-contain .headerContact a:hover, .sidr-class-contain .headerContact a:focus { text-decoration: none; }
	.slideout-menu { background: #fff; border-right: none; top: 142px; max-width: 339px; }
	.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;}
	.slideout-menu ul li.blueBg, .slideout-menu ul li.blueBg.active { background: #46842A; border-bottom-color: #46842A; }
	.slideout-menu ul li.blueBg .accordion-content { background: #fff;}
	.slideout-menu-toggle.active #mobile-menu { background: url(../../images/global/mobile-hamburger-menu-closed-green.png) center left no-repeat; padding-top: 5px;}
	.slideout-menu .accordion-toggle { position: relative; top: 9px; right: 10px; }
	#bodyContainer { max-width: 990px;}
	#header img { max-width: 166px; margin-top: 8px; }
	#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;}
	#companyMainNav { display: none;}
	.companyNavItem { background: #fff;}
	#mobile-minibar { margin-top: 80px; right: 53px; }
}

/* New Google Translate Overrides */
#bodyContainer .headerContactWrapper {top: -45px; background-color: #004987; display: flex; align-items: center;}
#bodyContainer .headerContactWrapper a { color: #fff; }
#bodyContainer .headerContactWrapper a:has(span.PhoneNumber), #bodyContainer .headerContact a:has(span.PhoneNumber):hover, #bodyContainer .headerContact a:has(span.PhoneNumber):focus { text-decoration: none; }
#bodyContainer .headerContactWrapper a span.PhoneNumber, #bodyContainer .headerContactWrapper a:hover span.PhoneNumber, #bodyContainer .headerContactWrapper a:focus span.PhoneNumber { text-decoration: underline; font-weight: 600; }
#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 { background-color: #004987; width: 100%; height: 50px; top: 0; flex-direction: row-reverse; justify-content: space-between; }
    #bodyContainer .headerContactWrapper .headerContact { display: block !important; float: none; width: auto; }
    .slideout-menu .headerContact { display: none; background-color: #004987; }
	#bodyContainer .headerContactWrapper a.link { top: 0; }
	.goog-te-gadget select.goog-te-combo { max-width: 130px; }
}
@media screen and (max-width: 640px) {
    #bodyContainer .headerContactWrapper .headerContact { width: 136px; }
    .headerContact > a { position: relative; }
    .headerContact .PhoneNumber { display: inline-block; position: absolute; left: 26px; background: #004987; width: 90px; }
}

/* 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; margin-top: 0;}
.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: 4px; }
}
@media screen and (max-width: 1100px) {
	#headerSearch .dropdownLabel { top: 1px;}
}
@media screen and (max-width: 990px) {
	#headerSearch ul.dropdown { padding-right: 20px;}
	#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;}
	#headerSearch .dropdown li.dropdownItems ul { top: 140px; }
	#bodyContainer #headerSearch .dropdown li.dropdownItems ul:after { right: 39px; }
	.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; }
	#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 ;}
}

/*======================
 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: 214px; }
#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 img { margin-top: 20px; }
}
@media screen and (min-width: 768px) {
    #copyrightContainer .logo { position: relative; top: -57px; margin-bottom: -57px;}
}

/* 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.btnLrg { border-radius: 8px; text-decoration: none; font-size: 1.125rem; max-width: 100%; display: inline-block; }
#bodyContainer a.readMore::after { color: #3B3b3b; }
body { font-size: 1.0625rem; }

/*======================
 LEFT NAV
 ======================= */
#bodyContainer .leftNav1Off a, #bodyContainer .leftNav1On a { color: #004987; }

/*======================
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
 ======================= */
 #leftNavContainer + #contentMain .columns .col12 { padding-right: 0; }
 #leftNavContainer + #contentMain .columns .col6 { padding-right: 0; }
 .col1:last-child, .col2:last-child, .col3:last-child, .col4:last-child, .col5:last-child, .col6:last-child, .col7:last-child, .col8:last-child, .col9:last-child, .col10:last-child, .col11:last-child, .col12 { padding: 0; }
 .columns.white .one-row, .columns.blue .one-row, .columns.green .one-row, .columns.lightBlue .one-row, .columns.lightGreen .one-row, .columns.white.twoCol .one-row, .columns.blue.twoCol .one-row, .columns.green.twoCol .one-row, .columns.lightBlue.twoCol .one-row, .columns.lightGreen.twoCol .one-row, .columns.white.threeCol .one-row, .columns.blue.threeCol .one-row, .columns.green.threeCol .one-row, .columns.lightBlue.threeCol .one-row, .columns.lightGreen.threeCol .one-row { padding: 18px; }

@media screen and (min-width: 641px) {
    .landingPage #contentMain.fullWidth .columns .one-row .col6 { flex-flow: column; }
    .col6, .columns .col6, #leftNavContainer + #contentMain .columns .col6 { width: 48.5%; }
     .col4 { margin: 0 3% 0 0; }
     .col4, .columns .col4, #leftNavContainer + #contentMain .columns .col4 { width: 31.33%; }
}

/*======================
FORM STYLES
======================= */
form { margin-top: 50px;}
#form1 { margin-top: 0; clear: both; background-color: #fff; padding: 25px; }
fieldset { padding-left: 0; }
fieldset > * { font-size: 1.0625rem; }
fieldset legend { font-size: 1.5rem;font-weight: 600; color: #326C9E; }
fieldset .form-group label { width: 200px; display: inline-block; font-weight: 500; position: relative; }
fieldset .form-group input { vertical-align: top; margin-top: 10px; }
fieldset .form-group input[type=radio] + label { width: 90%; }
fieldset .form-group input[type=checkbox] + label { width: 90%; }
fieldset .form-group input[type=radio] + label[for="contactus_rbHowHear6"] { width: 100px;}
fieldset .form-group input[type=text], form .form-group select { max-width: 420px; width: 100%; height: 40px; font-size: 1.0625rem; }
fieldset .form-group textarea { max-width: 100%;}
fieldset #contactus_tbOtherComments { width: 100%; max-width: 100%; margin-top: 25px; min-height: 100px; }
fieldset label[for="contactus_tbOtherComments"] { font-size: 1.5rem; font-weight: 600; color: #326C9E; width: 100%;}
fieldset.checkboxes .form-group label { padding-left: 10px;}
#formOption { margin-bottom: 35px; }
#formOption fieldset { display: flex; flex-flow: row;}
#formOption .radioButton { padding-right: 20px; }
#formOption .radioButton label { font-weight: 500; padding-left: 5px;}
fieldset .form-group #contactus_tbOtherComments { font-size: 1.062rem; }
#businessContactForm, #multifamilyContactForm { display: none;}
.form-group .btnLrg { background-color: #46842A; color: #fff; border: 0; border-radius: 8px; text-decoration: none; font-size: 1.125rem; min-width: 171px; cursor: pointer; }
.form-group .btnLrg:hover, .form-group .btnLrg:focus { background-color: #386921;}
.ghost { opacity: 0; position: absolute; top: 0; left: 0; height: 0; width: 0; z-index: -1; }
.hide { display: none;}
.hidden { visibility: hidden;}
.hidden.othertetfield { width: 100%;}
@media all and (max-width: 990px) {
	fieldset legend, fieldset label[for="contactus_tbOtherComments"] { font-size: 1.35rem; }
}
@media all and (max-width: 680px) {
	#formOption fieldset { flex-flow: column;}
}

/*PRINT STYLES*/
@media print {
    input[type='submit'].clive-submit, #bodyContainer a.btn, .btn, input.btn, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button { color: #3B3B3B !important; }
  .videoButton, #footerContainer, .impact picture, .slick-dots, .slick-autoplay-toggle-button, #headerUtilityContainer, .impact .impactGradient, .iconCircle { display: none !important; }
  .impact .slick-initialized .caption, .impact .videoTexture + .caption, .impact .caption .wrapper .captionContent { display: block !important; position: static !important; max-width: 100%; }
  .impact .caption .wrapper h1, .impact .caption .wrapper h2, .impact .caption .wrapper .subtext { position: static !important; color: #3B3B3B !important; }
  .cell { display: inline-block !important; float: left; }
  .blueBG { background: #fff !important; }
  .blueBG * { color: #3B3B3B !important; }
  #bodyContainer .blueBG a.btn, #bodyContainer .blueBG .btn { border-color: #46842A !important; color: #3B3B3B !important; }
  .homeBannerSlider .homeBannerSliderBg { border-bottom: none !important; }
  .home3ColGrid { display: block !important; width: 100%; margin-bottom: 30px; }
  .home3ColCell { display: block !important; max-width: 30%; float: left; }
  .homeCtaBannerRow > div { display: block !important; max-width: 48%; float: left; }
  .iconLinksFlexRow { display: block; width: 100%; }
  #bodyContainer .iconLink .cell > a { display: block !important; width: 30%; }
  .iconLink { padding-top: 0 !important; }
  .iconLink .iconLinkText { width: 300px; display: block; }
  .iconLink .cell::after { content: none !important; }
  .homeBannerSlider .textSliderCell { padding: 30px; }
  .homeCtaBannerContent { padding: 30px; }
  .impact { height: auto !important; overflow: visible; }
  .impact .slick-dotted.slick-slider { overflow: visible; padding-bottom: 0px !important; }
  .slick-list { overflow: visible; }
  .slick-track { width: 100%; }
  .slick-slide { display: block !important; width: 100%; opacity: 1; float: none; max-height: 100%; }
  .slick-slide h1, .slick-slide h2 { margin-top: 30px; }
  .columns { display: block !important; }
  .home3ColSection { margin-bottom: 30px; }
  h2 { margin-top: 25px; }
  section, .component { float: none; clear: both; }
}