/************* BEGIN: SITE-WIDE STYLES *************/ /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { background: #F8F8F8; padding: 0; margin: 0; color: #3B3B3B; font-family: 'Montserrat', Verdana, Helvetica, Arial, _san; font-size: 16px; overflow-x: hidden; -webkit-text-size-adjust: 100%; } body, html { height: 100%; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } img { border: none; height: auto; max-width: 100%; } @media screen and (max-width: 640px) { .clearMobile { display: block; float: left; width: 100%; text-align: center; margin: auto; } .clearMobile img { float: none !important; margin: 5px auto !important; text-align: center; } } * { -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: subpixel-antialiased; box-sizing: border-box; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;} .contentWrapper { max-width: 1920px; width: 100%; margin: 0 auto; } #bodyContainer { max-width: 100%; width: 100%; margin: 0 auto; } .fullWidth { max-width: none; } #pageBodyContainer { float: left; width: 100%; background: #F8F8F8; display: inline-block; } #interiorContentContainer { display: block; max-width: 1334px; padding: 32px 25px 0 25px; margin: 0 auto; clear: both; } body, p, th, td { font-family: 'Montserrat', Verdana, Helvetica, Arial, sans-serif; /*color: #343434; font-size: 12px;*/ vertical-align: top; } p { margin: 0 /*0*/20px 14px 0; } #bodyContainer a { text-decoration: none; color: #004987; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } a:hover { color: #124C7E; } .clear { clear: both; } #screenreaderNav { position: absolute; left: 0; top: 0; z-index: -1; } .screenreaderNavAnchor { display: none; } #topOfPage { display: none; position: fixed; right: 0; bottom: 200px; z-index: 99999; } #topOfPage img { max-width: 44px; width: 100%; image-rendering: -webkit-optimize-contrast; transform: translateZ(0); will-change: transform; } fieldset { border: none; } .visuallyHidden { position: absolute; left: -9999999px; } /************ END: SITE-WIDE STYLES ************/ /************ BEGIN: COLUMN STRUCTURE ************/ .two_col { width: 48%; float: left; margin: 0 2% 0 0; } .four_col { width: 23%; float: left; margin: 0 2% 0 0; } .four_col:nth-child(4) { margin: 0; } /************ END: COLUMN STRUCTURE************/ /**** HIDE MOBILE ELEMENTS ****/ #mobile-minibar { display: none; } /**** COMPANY NAV ****/ #companyNavContainer { width: 100%; overflow: hidden; display:none; } #companyMainNavContainer { width: 100%; background: #004987; overflow: hidden; } #companyMainNav { float: left; width: 100%; padding: 8px 2% 8px 4.5%; margin: 0; overflow: hidden; background-color: #004987; } .companyManNavDivider { width: 6px; float: left; } .companyNavItem { float: left; background: #004987; list-style: none; padding: 5px 0; margin: 0; } #bodyContainer .companyNavItem a { width: 100%; font-size: .8rem; color: #fff; padding: 0 12px; border-right: 1px solid #7BA0C4; letter-spacing: .013em; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #bodyContainer .companyNavItem:last-child a { border-right: 1px solid transparent; } #bodyContainer .companyNavItem a.active { color: #fff; } #bodyContainer .companyNavItem a:hover { text-decoration: underline; color: #A2BAD2; } /*Original color #97b4cd not used for ADA */ #companySubNavContainer { display: none; font-size: 0.8rem; background: #004987; padding: 0px 0px 5px 0px; overflow: hidden; } #companySubNavContainer div { float: left; margin: 6px 4px 0 8px; } #companySubNavContainer a { color: #fff; text-decoration: none; } #companySubNavContainer a:hover { color: #fff; } #companySubNavContainer #companySubNav { height: 23px; font-size: 0.917em; width: 100%; padding: 0; margin: 0; } .subItems { padding: 7px 21px 0 17px; margin: 0; } .subItems li { list-style: none; float: left; } .subItems a.hide { visibility: hidden; } .subItems a { padding: 0px 15px 0px 0px; margin: 0px 20px 0px 0px; color: #fff!important; background: url("../images/header/arrow_off.png") center right no-repeat; } .subItems a:hover { color: #fff!important; background: url("../images/header/arrow_on.png") center right no-repeat; } /************ BEGIN: HEADER ************/ #headerContainer { width: 100%; } html > body #headerContainer { margin-left: 0px; } .logo { margin: 21px 2% 10px 5.5%; display: inline-block; } /**** header ****/ #header { width: 100%; min-height: 100px; background-color: #fff; border-bottom: 1px solid #E9E9E9; position: relative; } #header img { max-width: 190px; image-rendering: -webkit-optimize-contrast; transform: translateZ(0); will-change: transform; } #headerNav { float: right; /*width: 78%;*/ width: auto; clear: both; margin-top: 39px; padding-right: 3.5%; text-align: right; margin-right: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } #headerSearch { float: left; margin: 0; z-index: 1; } #headerSearch .dropdown { background: none; } #headerSearch .dropdownLabel { background: #fff url(../images/header/search-icon.svg) no-repeat right center; padding-right: 28px; } #headerSearch .dropdownLabel.active, #headerSearch .dropdown li.dropdownItems button.dropdownLabel:hover { background-image: url(../images/header/search-icon-open.svg); } #headerSearch ul.dropdown { position: static; padding: 0 28px 0 0; } #headerSearch .dropdown li.dropdownItems { position: static; } #headerSearch .dropdown li.dropdownItems ul { top: 83px; left: 0; right: 0; width: 100%; height: 100px; border: none; background-color: #004987; color: #fff; margin: 13px 0 0 0; padding: 20px 3.5% 20px 5.5%; box-shadow: none; } #headerSearch .dropdown li.dropdownItems ul form { position: relative; float: left; width: 100%; border-bottom: 1px solid #7BADD3; } #bodyContainer #headerSearch .dropdown li.dropdownItems ul:after { content: " "; position: absolute; width: 0; height: 0; margin-left: -0.55em; top: 1px; left: auto; right: 5%; border-style: solid; border-width: 1em; border-color: #004987 #004987 #004987 #004987; transform-origin: 0 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform: rotate(-45deg) skew(8deg, 8deg); -ms-transform: rotate(-45deg) skew(8deg, 8deg); -webkit-transform: rotate(-45deg) skew(8deg, 8deg); } #bodyContainer #headerSearch .dropdown li.dropdownItems ul:before { display: none; } .headerQuickLinksField, .headerSearchField, .headerSearchFieldInternal { font-size: 1rem; color: #3B3B3B; font-family: 'Montserrat', Verdana, Helvetica, Arial, sans-serif; } .headerSearchField { position: relative; width: 100%; height: 56px; float: left; font-size: 1.65rem; color: #EBF5FF; border: none; background-color: #004987; border: 1px solid #004987; padding: 0 55px 0 0; } .dropdownLabel.active + ul .headerSearchField:focus { outline: 1px solid transparent; } #headerSearch .dropdown li.dropdownItems .dropdownLabel.active + ul form input.headerSearchField:focus { border-bottom: 1px solid #fff; } .headerSearchField::placeholder{ color: #EBF5FF; } .headerSearchField::-webkit-input-placeholder { color: #EBF5FF; } .headerSearchField::-moz-placeholder { color: #EBF5FF; } .headerSearchField:-ms-input-placeholder { color: #EBF5FF; } .headerSearchField:-moz-placeholder { color: #EBF5FF; } .headerSearchField:focus::-webkit-input-placeholder { color:transparent; } .headerSearchField:focus:-moz-placeholder { color:transparent; } .headerSearchField:focus::-moz-placeholder { color:transparent; } .headerSearchField:focus:-ms-input-placeholder { color:transparent; } .headerSearchFieldInternal { height: 19px; } .headerQuickLinksSubmit { position: relative; top: 2px; } .headerSearchSubmit { position: absolute; right: 0; width: 31px; height: 31px; margin: 13px 15px 0 0; } #bodyContainer #headerLogin { float: right; font-size: 0.85rem; color: #F8DF8D; font-weight: 500; margin: 10px 25px 0 0; } #bodyContainer #headerLogin a { /*font-size: 0.917em;*/ color: #F8DF8D; } #bodyContainer #headerLogin a:hover, #bodyContainer #headerLogin a:focus { text-decoration: underline; color: #F8DF8D; } .headerContactWrapper { display: flex; position: absolute; top: -45px; right: 0; float: right; margin: 5px 4.5% 0 0; background-color: #004987; } .blugBg ~ .headerContactWrapper, .accordion-content + .headerContactWrapper { display: none; } .headerContact { float: left; font-size: 0.85rem; color: #fff; font-weight: 500; /*background: url(../images/header/phone-icon.png) left center no-repeat;*/ padding: 0 0 0 20px; margin: 10px 30px 0 0; } #bodyContainer .headerContact a { /*font-size: 0.917em;*/ color: #fff; } #bodyContainer .headerContact a:hover, #bodyContainer .headerContact a:focus { text-decoration: underline; color: #A2BAD2; } #bodyContainer .headerContact a:hover:before, #bodyContainer .headerContact a:focus:before { text-decoration: none; color: #A2BAD2; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .headerContact a:before { color: #fff; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: .85rem; content: "\f879"; padding-right: 12px; } /**** quicklinks ****/ #quicklinksSelect { float: left; margin: 0 9px; font-size: .9rem; text-align: left!important; } .desc { color: #3B3B3B; } .desc a { color: #0092dd; } .dropdown { position: relative; z-index: 3001!important; float: left; font-family: 'Montserrat', Verdana, Helvetica, Arial; } ul.dropdown { padding: 0 9px 0 0; margin: 0; } .dropdown li { list-style: none; } .dropdown li.dropdownItems { position: relative; } .dropdown a { font-size: .9rem; font-weight: 500; color: #3B3B3B; text-align: left; text-decoration: none; padding: 11px 20px; line-height: inherit; } .dropdown a:visited, .dropdown a:hover { font-size: .9rem; color: #004987; background-color: #f8f5f5; } .dropdown li.dropdownItems button.dropdownLabel { height: 19px; background-color: #fff; border: none; line-height: 1.2; cursor: pointer; text-align: center; color: #3B3B3B; font-weight: 500; font-family: 'Montserrat', Verdana, Helvetica, Arial, sans-serif; font-size: 1rem; text-decoration: none; padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; } .dropdownLabel { /*background: #fff url(../images/header/carat-down.svg) no-repeat right center;*/ padding-right: 19px; } #quicklinksSelect button.dropdownLabel:after { position: absolute; top: -1px; bottom: auto; left: auto; right: 0; content: url("../images/header/carat-down.svg"); line-height: 1; margin: 0; padding: 0 0 0 10px; vertical-align: middle; transition: all 0.4s ease-in-out; } #quicklinksSelect button.dropdownLabel.active:after { transform: rotate(-90deg); top: 7px; } .dropdown li.dropdownItems button.dropdownLabel:hover { color: #004987; } .dropdown li.dropdownItems ul { display: none; position: absolute; top: 18px; width: 180px; max-height: none; background-color: #fff; border: 1px solid #E3E3E3; color: #3B3B3B; margin: 13px 0 0 13px; padding: 12px 0; box-sizing: border-box; box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.4); z-index: 2001!important; } #bodyContainer .dropdown li.dropdownItems ul:after { content: " "; position: absolute; width: 0; height: 0; margin-left: -0.55em; top: 1px; left: 32px; right: auto; border-style: solid; border-width: 0.55em; border-color: #fff #fff #fff #fff; transform-origin: 0 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform: rotate(-45deg) skew(8deg, 8deg); -ms-transform: rotate(-45deg) skew(8deg, 8deg); -webkit-transform: rotate(-45deg) skew(8deg, 8deg); } #bodyContainer .dropdown li.dropdownItems ul:before { content: " "; position: absolute; width: 0; height: 0; margin-left: -0.6em; top: 0px; left: 32px; right: auto; border-style: solid; border-width: 0.6em; border-color: #E3E3E3 #E3E3E3 #fff #fff; transform-origin: 0 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform: rotate(-45deg) skew(8deg, 8deg); -ms-transform: rotate(-45deg) skew(8deg, 8deg); -webkit-transform: rotate(-45deg) skew(8deg, 8deg); z-index: -1; } #bodyContainer .dropdown li.dropdownItems ul li a { display: block; font-size: .9rem; font-weight: 500; color: #3B3B3B; text-align: left; text-decoration: none; padding: 11px 20px; line-height: inherit; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #bodyContainer .dropdown li.dropdownItems ul li a:hover { font-size: .9rem; color: #004987; background-color: #f8f5f5; } .noscript li.dropdownItems:hover ul { display: block; } #google_translate_element { float: none; margin: 0; position: relative; top: 2px; z-index: 1;} .goog-te-gadget { font-family: 'Montserrat', Verdana, Helvetica, Arial, _san !important; font-weight: 400 !important; font-size: 1rem !important; color: transparent !important; font-size:0px !important; } .goog-te-gadget::before { content: url(../images/google.png); left: 0; position: relative; z-index: -1; padding-right: 15px; top: 4px;} /* URL TO BE UPDATED TO "../images/google.png" */ .goog-te-gadget::after { content: url(../images/carrot-dropdown.svg); position: relative; right: 10px; z-index: -1; } /* URL TO BE UPDATED TO "../images/carrot-dropdown.svg" */ .goog-te-gadget, .goog-te-gadget select { font-family: 'Montserrat', Verdana, Helvetica, Arial, _san; font-weight: 400; font-size: 1rem; transition: all 0.4s ease-in-out; } .goog-te-gadget select.goog-te-combo { max-width: 162px; cursor: pointer; font-size: 1rem; font-family: 'Montserrat', Verdana, Helvetica, Arial, _san; appearance: none; -moz-appearance: none;} .goog-te-gadget > div { display: inline-block; color: #fff; } .goog-te-gadget select.goog-te-combo {background-color: transparent; color: #fff; border: none; /* webkit-appearance: none; appearance: none;*/ margin: 0; position: relative; } .goog-te-gadget select.goog-te-combo option { background-color: #fff; color: #000000; font-size: 1rem; text-align: left;} .goog-te-gadget > div + * { display: none; text-indent: -99999px; } .goog-te-gadget #text { display: none;} @media screen and (max-width: 1440px) { #companyMainNav { padding: 8px 2%; } .headerContactWrapper { margin: 5px 10px 0 0; } } @media screen and (max-width: 1360px) { .goog-te-gadget select.goog-te-combo, .goog-te-gadget select.goog-te-combo option { font-size: .8rem;} #google_translate_element { top: 1px; } } @media screen and (max-width: 1200px) { .goog-te-gadget select.goog-te-combo, .goog-te-gadget select.goog-te-combo option { font-size: .7rem;} #google_translate_element { top: 0; } } @media screen and (min-width: 991px) and (max-width: 1220px) { #companyMainNav { padding: 8px 1%; } .headerContactWrapper { margin: 5px 5px 0 0; } .goog-te-gadget select.goog-te-combo { width: 108px; } .goog-te-gadget::before { padding-right: 4px; } } @media screen and (max-width: 990px) { .goog-te-gadget select.goog-te-combo, .goog-te-gadget select.goog-te-combo option { font-size: .8rem;} #google_translate_element { top: -3px; } #bodyContainer .headerContactWrapper a.link { top: 0; } } /**** top nav ****/ #topNavContainer { float: left; width: 70%; background-color: #fff; } #topNav { background: #fff; width: 100%; z-index: 2000; position: relative; padding: 1px 0 2px; } .imsubc { width: 260px; top: 2px; } .imcm ul, .imcm li, .imcm div, .imcm span, .imcm a { display: block; text-align: left; vertical-align: top; padding: 0px; margin: 0; list-style: none; border-style: none; background-image: none; clear: none; float: none; position: static; overflow: visible; line-height: normal; } .imcm span { display: inline; } .imcm .imclear, .imclear { clear: both; height: 0px; visibility: hidden; line-height: 0px; } .sidr-class-contain .imclear { display: none; } .imcm .imsc { position: absolute; } .imcm .imsubc { position: absolute; visibility: hidden; } .imcm li { list-style: none; float: left; padding: 0 15px; flex: none; } .imcm ul ul li { width: 100%; float: none !important;padding:0; } .imcm a { display: block; position: relative; } .imcm ul .imsc, .imcm ul .imsubc { z-index: 10; margin-top: -5px; margin-left: 7px; } .imcm ul ul .imsc, .imcm ul ul .imsubc { z-index: 20; } .imcm ul ul ul .imsc, .imcm ul ul .imsubc { z-index: 30; } .imde ul li:hover .imsubc { visibility: visible; } .imde ul ul li:hover .imsubc { visibility: visible; } .imde ul ul ul li:hover .imsubc { visibility: visible; } .imde li:hover ul .imsubc { visibility: hidden; } .imde li:hover ul ul .imsubc { visibility: hidden; } .imde li:hover ul ul ul .imsubc { visibility: hidden; } .imcm .imea { display: block; position: relative; left: 0px; font-size: 0.083em; line-height: 0px; height: 0px; float: right; } .imcm .imea span { display: block; position: relative; font-size: 0.083em; line-height: 0px; } .dvs, .dvm { border-width: 0px } ul#imenus0 { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } #imenus0 .imeam span, #imenus0 .imeamj span { } #imenus0 li:hover .imeam span, #imenus0 li a.iactive .imeamj span { } #imenus0 ul .imeas span, #imenus0 ul .imeasj span { } #imenus0 ul li:hover .imeas span, #imenus0 ul li a.iactive .imeasj span { } #imouter0 { } #imenus0 li ul { display: none; position: relative; max-width: 360px; margin: 0; padding: 12px 0; background-color: #fff; border: 1px solid #E3E3E3; line-height: 12px; box-sizing: border-box; box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.4); top: 34px; } #imenus0 li ul:after { content: " "; position: absolute; width: 0; height: 0; margin-left: -0.55em; top: 1px; left: 32px; right: auto; border-style: solid; border-width: 0.55em; border-color: #fff #fff #fff #fff; transform-origin: 0 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform: rotate(-45deg) skew(8deg, 8deg); -ms-transform: rotate(-45deg) skew(8deg, 8deg); -webkit-transform: rotate(-45deg) skew(8deg, 8deg); } #imenus0 li ul:before { content: " "; position: absolute; width: 0; height: 0; margin-left: -0.6em; top: 0px; left: 32px; right: auto; border-style: solid; border-width: 0.6em; border-color: #E3E3E3 #E3E3E3 #fff #fff; transform-origin: 0 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform: rotate(-45deg) skew(8deg, 8deg); -ms-transform: rotate(-45deg) skew(8deg, 8deg); -webkit-transform: rotate(-45deg) skew(8deg, 8deg); z-index: -1; } #imenus0 li a { line-height: 22px; text-align: center; color: #3B3B3B; font-weight: 500; font-family: 'Montserrat', Verdana, Helvetica, Arial, sans-serif; font-size: 1rem; text-decoration: none; line-height: 1.2; padding-bottom: 16px; } #imenus0 li:hover a { } #imenus0 li a:hover, .imde imenus0 a:hover { color: #004987; } #imenus0 li a.iactive { color: #004987; } #imenus0 ul a { line-height: inherit; font-size: .9rem; font-weight: 500; color: #3B3B3B; text-align: left; text-decoration: none; padding: 11px 20px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #imenus0 ul li:hover a { color: #004987; background-color: #f8f5f5; } #imenus0 ul li a:hover { color: #004987; background-color: #f8f5f5; } #imenus0 ul li a.iactive { } #imenus0 .dvs { } .topNav { float: left; height: 24px; margin: 0 0 0 3px; padding: 0 13px 0 7px; } .topNav a, .topNav a:hover, .topNav a:visited, .topNav a:active { color: #fff; font-variant: small-caps; font-size: 1rem; text-decoration: none; line-height: 22px; } /**** utility nav ****/ #headerUtilityContainer { width: 100%; padding: 0; margin: 0; background: #FFF; } #headerTier2Img { float: left; width: 100%; margin: 0; } #headerTier2Img img { position: relative; width: 100%; float: left; } #headerUtility { float: right; margin: 0; text-align: right; width: 20%; font-weight: 500; } #headerUtility a { float: right; display: block; padding: 0; margin: 0 0 4px 0; } #headerUtility a:hover, #headerUtility a:focus { color: #326C9E; } #headerUtility a em { padding-left: 5px; } /* MP4 Wrap */ #headerUtilityContainer .videoTexture { position: relative; max-height: 246px; overflow: hidden; } #headerUtilityContainer video { width: 100%; height: auto; display: block; padding: 0; margin: 0; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%);} @media all and (min-width: 991px){ #bodyContainer .headerContactWrapper #headerLogin a::before { content: ""; border-left: 1px solid #7BA0C4; padding-left: 25px; margin-left: 25px; } } @media all and (max-width: 990px){ #headerTier2Img .videoTexture > img { height: 120px; } #headerUtilityContainer .videoTexture > video { height: 120px; object-fit: cover; } } @media screen and (max-width: 1750px) { .imcm li { padding: 0 8px; } #quicklinksSelect { margin: 0 17px 0 5px; } } @media screen and (max-width: 1620px) { .imcm li { padding: 0 12px; } #imenus0 > li { padding-top: 3px; } #imenus0 li a { font-size: .85rem; } .dropdown li.dropdownItems button.dropdownLabel { font-size: .85rem; height: 23px; } #quicklinksSelect { margin: 0 5px; } #quicklinksSelect button.dropdownLabel:after { top: 4px; } #quicklinksSelect button.dropdownLabel.active:after { padding: 0 0 0 2px; } } @media screen and (max-width: 1520px) { .imcm li { padding: 0 7px; } } @media screen and (max-width: 1440px) { .logo { margin: 30px 2% 10px 5%; } #headerNav { margin-top: 42px; } #header img { max-width: 150px; } #headerSearch ul.dropdown { padding: 0 10px 0 0; } } @media screen and (max-width: 1360px) { .logo { margin: 30px 2% 10px 4.5%; } #headerNav { padding-right: 2.5%; } #bodyContainer .companyNavItem a { font-size: .8rem; padding: 0 6px; } .imcm li { padding: 0 10px; } #imenus0 li a { font-size: .8rem; } .dropdown li.dropdownItems button.dropdownLabel { font-size: .8rem; } .dropdownLabel { padding-right: 14px; } #headerSearch .dropdownLabel { text-indent: -99999px; padding-right: 14px; } #bodyContainer #headerSearch .dropdown li.dropdownItems ul:after { top: 11px; right: 6%; } #quicklinksSelect .dropdown li.dropdownItems ul { right: 0; } #bodyContainer #quicklinksSelect .dropdown li.dropdownItems ul:before { left: auto; right: 32px; } #bodyContainer #quicklinksSelect .dropdown li.dropdownItems ul:after { left: auto; right: 32px; } } @media screen and (max-width: 1200px) { #headerNav { padding-right: 0; } #quicklinksSelect ul.dropdown { padding: 0 4px 0 0; } #bodyContainer .companyNavItem a { font-size: .75rem; padding: 0 6px; } #imenus0 > li { padding-top: 4px; } #imenus0 li a { font-size: .75rem; } #headerSearch ul.dropdown { padding: 0 15px 0 0; } .dropdown li.dropdownItems button.dropdownLabel { font-size: .75rem; } .headerContactWrapper { margin: 5px 10px 0 0; } #bodyContainer .headerContact a { font-size: 0.75rem; } #bodyContainer #headerLogin { font-size: 0.75rem; margin: 10px 25px 0 0; } #bodyContainer #headerLogin a { font-size: 0.75rem; } } @media screen and (max-width: 1279px) { .imcm li { padding: 0 6px; } } @media screen and (max-width: 1100px) { .logo { margin: 34px 2% 10px 2.5%; } #header img { max-width: 130px; } #headerNav { padding-right: 0; } #quicklinksSelect ul.dropdown { padding: 0 4px 0 0; } #bodyContainer .companyNavItem a { font-size: .7rem; padding: 0 5px; } #imenus0 > li { padding-top: 5px; } #imenus0 li a { font-size: .7rem; } .imcm li { padding: 0 6px; } .dropdown li.dropdownItems button.dropdownLabel { font-size: .7rem; } #headerSearch ul.dropdown { padding: 0 20px 0 0; } } @media screen and (max-width: 1023px) { .imcm li { padding: 0 4px; } } /* Adelphia Gateway Logo */ #header .logo.adelphia img { max-width: 334px; image-rendering: unset; transform: none; will-change: unset; } #copyrightContainer .logo.adelphia { max-width: 260px; } @media screen and (max-width: 1440px) { .logo.adelphia { margin: 17px 2% 10px 5%; } } @media screen and (max-width: 1360px) { .logo.adelphia { margin: 17px 2% 10px 4.5%; } } @media screen and (max-width: 1100px) { #header .logo.adelphia img { max-width: 303px; } } @media screen and (min-width: 801px) and (max-width: 900px) { #copyrightContainer .logo.adelphia { max-width: 190px; } } @media screen and (min-width: 768px) and (max-width: 800px) { #copyrightContainer .logo.adelphia { max-width: 140px; } } @media screen and (max-width: 990px) { .logo.adelphia { margin: 10px 2% 6px 4.5%; } #header .logo.adelphia img { max-width: 255px; } } @media screen and (max-width: 767px) { .logo.adelphia { margin: 17px 2% 10px 4.5%; } #header .logo.adelphia img { max-width: 204px; } } @media screen and (max-width: 320px) { #header .logo.adelphia img { max-width: 200px; } } /* Leaf River Logo */ #header .logo.leafriver img { max-width: 334px; image-rendering: unset; transform: none; will-change: unset; } #copyrightContainer .logo.leafriver { max-width: 256px; } @media screen and (max-width: 1440px) { .logo.leafriver { margin: 17px 2% 10px 5%; } } @media screen and (max-width: 1360px) { .logo.leafriver { margin: 17px 2% 10px 4.5%; } } @media screen and (max-width: 1100px) { #header .logo.leafriver img { max-width: 303px; } } @media screen and (min-width: 801px) and (max-width: 900px) { #copyrightContainer .logo.leafriver { max-width: 190px; } } @media screen and (min-width: 768px) and (max-width: 800px) { #copyrightContainer .logo.leafriver { max-width: 140px; } } @media screen and (max-width: 990px) { .logo.leafriver { margin: 10px 2% 6px 4.5%; } #header .logo.leafriver img { max-width: 255px; } } @media screen and (max-width: 767px) { .logo.leafriver { margin: 17px 2% 10px 4.5%; } #header .logo.leafriver img { max-width: 204px; } } @media screen and (max-width: 320px) { #header .logo.leafriver img { max-width: 185px; } } /************ END: HEADER ************/ /************ BEGIN: HOME TOP BANNER ************/ .bannerTop { position: relative; width: 100%; font-size: 1.1rem; text-align: center; padding: 20px 3%; } .bannerTop p { margin: 0 0 10px 0; } .bannerTop p:last-of-type { margin-bottom: 0; } .bannerTop.green { background-color: #46842A; color: #fff; } #bodyContainer .bannerTop a { font-weight: bold; } #bodyContainer .bannerTop a:hover, #bodyContainer .bannerTop a:focus { text-decoration: underline; } #bodyContainer .bannerTop.green a { color: #fff; } .bannerTop.yellow { background-color: #ddc748; color: #000; } #bodyContainer .bannerTop.yellow a { color: #000; } /************ END: HOME TOP BANNER ************/ /************ BEGIN: HOME IMPACT ************/ #homeMainImageArea { width: 100%; max-width: 100%; padding: 0; margin: 0 0 38px 0; overflow: hidden; } .sliderMain { margin: 0 auto; overflow: hidden; } .sliderMain .slick-slide { max-height: 650px; } /* Home Impact Caption */ #homeMainImageArea .slideBg { position: relative; } #homeMainImageArea .caption { position: absolute; top: auto; bottom: 19%; left: 0; right: auto; width: 100%; max-width: 660px; padding: 0 204px 0 0; } #homeMainImageArea .captionInner { max-width: 434px; width: 100%; height: 100%; min-height: 116px; background-color: #46842A; padding: 23px 0 15px 23%; } #homeMainImageArea .captionAccent { position: absolute; z-index: 0; top: 0; bottom: 0; right: 0; left: auto; height: 100%; } #homeMainImageArea .captionAccent.large { display: block; width: 256px; } #homeMainImageArea .captionAccent.small { display: none; width: 98px; } .sliderMain h1, .sliderMain h2 { position: relative; z-index: 1; color: #fff; font-family: 'Montserrat', Verdana, Helvetica, Arial, _san; font-size: 1.5rem; font-weight: 700; line-height: 1.2; margin: 0 0 14px 0; } .sliderMain .subText { position: relative; z-index: 1; color: #fff; font-size: 1rem; font-weight: 400; line-height: 1.4; } .sliderMain .subText:hover, .sliderMain a:focus .subText { color: #fff; /*color: #dce8d7;*/ text-decoration: underline; } .sliderMain .caption .wrapper { height: 100%; } /* Home Slick Dots */ .sliderMain .slick-dots { bottom: 37px; } .sliderMain .slick-dots li button:focus .slick-dot-icon, .sliderMain .slick-dots li button:hover .slick-dot-icon { background-color: #fff; border: 2px solid #fff; } .sliderMain .slick-dots li button .slick-dot-icon { background-color: transparent; border: 2px solid #fff; } .sliderMain .slick-dots li.slick-active button .slick-dot-icon { background-color: #fff; border: 2px solid #fff; } /* Slider Play/Pause Controls */ .sliderMain .slick-autoplay-toggle-button { position: absolute; right: 16px; bottom: 12px; width: 32px; height: 36px; cursor: pointer; color: #fff; background: none; border: none; z-index: 1; } .sliderMain .slick-play-text, .sliderMain .slick-pause-text { position: absolute; left: -9999px; } .sliderMain .slick-play-icon { width: 16px; height: 22px; padding: 10px; background-image: url(../images/play.svg); background-repeat: no-repeat; } .sliderMain .slick-pause-icon { width: 16px; height: 22px; padding: 10px; background-image: url(../images/pause.svg); background-repeat: no-repeat; } @media all and (max-width: 1440px) { #homeMainImageArea .captionInner { padding: 23px 0 15px 14%; } } @media all and (max-width: 1024px) { #homeMainImageArea .captionInner { padding: 23px 0 15px 5%; } } @media all and (max-width: 990px) { /* Home Impact */ #homeMainImageArea .slideBg { height: 450px; } #homeMainImageArea .caption { bottom: 13%; max-width: 416px; padding: 0 88px 0 0; } #homeMainImageArea .captionInner { min-height: 101px; padding: 23px 0 15px 5%; } .sliderMain h1, .sliderMain h2 { font-size: 1.2rem; margin: 0 0 14px 0; } #homeMainImageArea .captionAccent.large { display: none; } #homeMainImageArea .captionAccent.small { display: block; right: 10px; } /* Home Impact Caption */ .sliderMain .caption { padding: 0 7%; } .sliderMain .slick-dots { bottom: 29px; } } @media all and (max-width: 767px) { /* Home Impact Caption */ .sliderMain h1, .sliderMain h2 { font-size: 1.3rem; } } @media all and (max-width: 580px) { #homeMainImageArea .caption { padding: 0 12% 0 0; } } @media all and (max-width: 460px) { #homeMainImageArea .caption { padding: 0 16% 0 0; } #homeMainImageArea .captionInner { padding: 15px 0 15px 11%; } } /************ END: HOME IMPACT ************/ /************ BEGIN: GLOBAL IMPACT MESSAGE BANNER ************/ #bodyContainer .impactMessage { position: relative; display: block; width: 100%; color: #fff; background-color: #004987; padding: 0 25px; } #bodyContainer .impactMessage > .wrapper { display: flex; padding: 8px 20px; max-width: 1640px; width: 100%; margin: 0 auto; } #bodyContainer .impactMessage .messageImage { display: inline-block; max-width: 85px; width: 100%; padding: 0 20px 0 0; margin-top: 0; } #bodyContainer .impactMessage .messageImage img { width: 100%; max-width: 70px; vertical-align: middle; } #bodyContainer .impactMessage .content { display: inline-block; width: 91%; align-self: center; } /* Callout Link */ #bodyContainer .impactMessage a.callout { display: inline-block; color: #fff; transition: all 0.4s ease-in-out; font-size: 1.1rem; font-weight: 500; margin-bottom: 0; } #bodyContainer .impactMessage a.callout:after { display: inline-block; color: #fff; width: 12px; height: 14px; padding-left: 10px; content: '\f061'; font-family: "Font Awesome 5 Free"; font-size: 1rem; font-weight: 900; transition: all 0.4s ease-in-out; } #bodyContainer .impactMessage a.callout > span { padding: 5px 0; border-bottom: 1px solid transparent; transition: all 0.4s ease-in-out; } #bodyContainer .impactMessage a.callout:hover > span, #bodyContainer .impactMessage a.callout:focus > span { border-bottom: 1px solid #fff; } #bodyContainer .impactMessage a.callout:hover, #bodyContainer .impactMessage a.callout:focus, #bodyContainer .impactMessage a.callout:hover:after, #bodyContainer .impactMessage a.callout:focus:after { color: #fff; } #bodyContainer .impactMessage a.callout:hover:after, #bodyContainer .impactMessage a.callout:focus:after { padding-left: 15px; } /* Home Impact Message Banner Overrides */ .homePage #bodyContainer .impactMessage > .wrapper { padding: 12px 20px; } .homePage #bodyContainer .impactMessage .messageImage { width: 17%; max-width: none; } .homePage #bodyContainer .impactMessage .messageImage img { max-width: 174px; } .homePage #bodyContainer .impactMessage .content { width: 82%; } .homePage #bodyContainer .impactMessage a.callout { font-size: 2.2rem; } .homePage #bodyContainer .impactMessage a.callout:after { font-size: 1.9rem; padding-left: 40px; } .homePage #bodyContainer .impactMessage a.callout:hover:after, .homePage #bodyContainer .impactMessage a.callout:focus:after { padding-left: 60px; } @media screen and (max-width: 1440px) { .homePage #bodyContainer .impactMessage a.callout { font-size: 1.8rem; } .homePage #bodyContainer .impactMessage a.callout:after { font-size: 1.6rem; padding-left: 20px; } .homePage #bodyContainer .impactMessage a.callout:hover:after, .homePage #bodyContainer .impactMessage a.callout:focus:after { padding-left: 30px; } } @media screen and (max-width: 1279px) { .homePage #bodyContainer .impactMessage a.callout { font-size: 1.5rem; } .homePage #bodyContainer .impactMessage a.callout:after { font-size: 1.3rem; } } @media screen and (min-width: 991px) { .homePage #bodyContainer .impactMessage .messageImage { margin-top: -58px; } } /* Global Impact Message Banner Overrides */ @media screen and (max-width: 990px) { #bodyContainer .impactMessage > .wrapper, .homePage #bodyContainer .impactMessage > .wrapper { padding: 15px 5%; } #bodyContainer .impactMessage, .homePage #bodyContainer .impactMessage { padding: 0 5px; } #bodyContainer .impactMessage .messageImage, .homePage #bodyContainer .impactMessage .messageImage { width: 19%; margin-top: 0; } #bodyContainer .impactMessage .content, .homePage #bodyContainer .impactMessage .content { width: 80%; } #bodyContainer .impactMessage a.callout > span, .homePage #bodyContainer .impactMessage a.callout > span { padding: 0; } } @media screen and (max-width: 580px) { #bodyContainer .impactMessage a.callout, .homePage #bodyContainer .impactMessage a.callout { font-size: 1rem; line-height: 1.3; } #bodyContainer .impactMessage a.callout:after, .homePage #bodyContainer .impactMessage a.callout:after { font-size: 1rem; padding-left: 10px; } #bodyContainer .impactMessage a.callout:hover:after, .homePage #bodyContainer .impactMessage a.callout:hover:after { padding-left: 15px; } } /* Video Play/Pause Controls */ #playButton { background: #004887; padding: 10px 10px 10px 12px; z-index: 2; position: absolute; bottom: 25px; right: 25px; cursor: pointer; border: none; -webkit-appearance: none; -moz-appearance: none;} #playButton:focus { outline: 1px solid #fff; } #playButton span { color: #fff; display: block; position: absolute; text-indent: -999999px; } #playButton:after { content: '\f04c'; color: #fff; font-family: "Font Awesome 5 Free"; font-weight: 900; } #playButton.on.initial:after { content: '\f04c'; } #playButton.on:after,#playButton.initial:after { content: '\f04b'; } @media screen and (max-width: 767px) { #playButton:after { content: '\f04b'; } } .videoTexture video::-webkit-media-controls, .videoTexture video::-moz-media-controls, .videoTexture video::-o-media-controls { display: none; opacity: 0; z-index: -1; } /************ END: GLOBAL IMPACT MESSAGE BANNER ************/ /************ BEGIN: TIER 2 CONTENT ************/ #contentContainer { width: 974px; } #contentMain { float: left; position: relative; width: 100%; min-height: 200px; margin-right: 0; } #contentMain a { text-decoration: underline; } #leftNavContainer + #contentMain { float: right; position: relative; width: 76%; min-height: 200px; margin-right: -2%; } @media screen and (max-width: 1375px) { #contentMain { margin-right: 0; } } @media screen and (max-width: 1025px) { #contentMain { width: 100%; } #leftNavContainer + #contentMain { width: 72%; } } #content { width: 77%; line-height: 1.9em; float: left; /*background: #fff;*/ padding: 0 0 20px 0; } #content > sup { color: #000; } .blankImage { display: none; } #content h1 { margin: 17px 0 23px 0; font-size: 2.45rem; line-height: 1.15; font-weight: 600; color: #3B3B3B; } .heading { margin: 0 0 15px 0; font-size: 1.5rem; color: #3B3B3B; } .subheading { margin: 0 0 15px 0; font-size: 1.25rem; font-weight: 600; color: #3B3B3B; } #content h2 { margin: 0 0 15px 0; font-size: 1.5rem; line-height: 1.4; font-weight: 600; color: #3B3B3B; } #content h3 { margin: 0 0 7px 0; font-size: 1.11rem; line-height: 1.4; font-weight: 600; color: #3B3B3B; } #content div h3, #content a h3, #content img h3 { margin-top: 7px; } #content a { text-decoration: underline; word-wrap: break-word; } #content a:hover, #content a:focus { color: #326C9E; text-decoration: underline; } h4 { margin: 0 0 7px 0; font-size: 1rem; line-height: 1.3; color: #3B3B3B; } h5 { margin: 0 0 7px 0; font-size: .9rem; line-height: 1.3; font-weight: 600; color: #3B3B3B; } .emphasis { color: #5E1102; } .contentSeparator { height: 10px; } /**** tier 5 nav ****/ #tier5NavContainer { width: 100%; margin-bottom: 15px; font-size: 0.8rem; } html > body #tier5NavContainer { height: auto; min-height: 28px; } #tier5NavTop { /* height: 5px; background: url("../images/global/tier5Nav/top_bg.gif") no-repeat;*/ } #tier5NavSubContainer { /*background: url("../images/global/tier5Nav/border_bg.gif") repeat-y;*/ } #tier5Nav { margin: 0 0 5px 0; } #tier5Nav a { font-weight: 600; text-decoration: none; border-right: 1px solid #dde6e8; padding: 0 10px; } #tier5Nav a:first-child { padding-left: 0; } #tier5Nav a:last-child { border-right: none; } .tier5NavDivider { width: 1px; height: 16px; margin: 0 7px 0px 7px; vertical-align: middle; } .tier5NavRowDiv { height: 1px; margin: 5px 0 5px 0; background: url("../images/global/tier5Nav/rowDivider.gif") no-repeat; } /**** breadcrumbs ****/ .breadcrumbs { float: left; width: 100%; padding: 10px 0; margin: 0; clear: both; color: #004987; line-height: 1.5; background-color: #fff; } .breadcrumbs > .wrapper { display: block; width: 100%; max-width: 1334px; padding: 6px 25px; margin: 0 auto; } .breadcrumbs > .wrapper > span, .breadcrumbs > .wrapper > a { font-size: .9rem; padding: 0 7px; } .breadcrumbs > .wrapper > a { font-weight: 500; } #bodyContainer .breadcrumbs > .wrapper > a:hover, #bodyContainer .breadcrumbs > .wrapper > a:focus { color: #326C9E; } .breadcrumbs > .wrapper > span { color: #3B3B3B; font-weight: 400; } .breadcrumbs .crumbs { float: left; width: 80%; } /**** tables ****/ #content table { max-width: 100%; } #content table td { vertical-align: top; line-height: 1.2em; } #content table.tbl { margin-bottom: 14px; border: 1px solid #004987; } #content table.tbl tr.odd { background-color: #fff; } #content table.tbl tr.even { background-color: #EDEEEF; } #content table.tbl th { background: #004987; color: #ffffff; font-size: 0.917em; padding: 5px; line-height: 1.5em; vertical-align: top; border-bottom: 1px solid #004987; } #content table.tbl td { border-right: 1px solid #004987; padding: 5px 5px 10px 5px; border-bottom: 1px solid #BFD1DD; border-top: 1px solid #fff; } table.dark-borders td, table.dark-borders th { border: 2px solid #3B3B3B; } @media (max-width: 960px) { #content table.tablesaw-stack.tbl td { border-top: 1px solid #004987; } table.dark-borders td, table.dark-borders th { border: 1px solid #3B3B3B; } } /* Responsive Tables */ .tablesaw { width: 100%; max-width: 100%; empty-cells: show; border-collapse: collapse; border: 0; padding: 0; } .tablesaw * { box-sizing: border-box; } .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label { display: none; } @media only all { /* Show the table cells as a block level element */ .tablesaw-stack { clear: both; } .tablesaw-stack td, .tablesaw-stack th { text-align: left; display: block; } .tablesaw-stack tr { clear: both; display: table-row; } /* Make the label elements a percentage width */ .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label { display: inline-block; padding: 0 .6em 0 0; width: 30%; font-size: .9rem; } /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */ .tablesaw-stack th .tablesaw-cell-label-top, .tablesaw-stack td .tablesaw-cell-label-top { display: block; padding: .4em 0; margin: .4em 0; } .tablesaw-cell-label { display: block; } /* Avoid double strokes when stacked */ .tablesaw-stack tbody th.group { margin-top: -1px; } /* Avoid double strokes when stacked */ .tablesaw-stack th.group b.tablesaw-cell-label { display: none !important; } } @media (max-width: 960px) { /* Table rows have a gray bottom stroke by default */ .tablesaw-stack { width: 100% !important; } .tablesaw-stack tbody tr { display: block; width: 100%; height: auto !important; } .tablesaw-stack thead td, .tablesaw-stack thead th { display: none; } .tablesaw-stack tbody td, .tablesaw-stack tbody th { display: block; float: left; clear: left; width: 100% !important; height: auto !important; } .tablesaw-stack tbody td + td, .tablesaw-stack tbody tr:not(:first-child) td, .tablesaw-stack tbody th { border-top: none; } .tablesaw-cell-label, .tablesaw-cell-label * { vertical-align: top !important; text-align: left !important; color: #343434 !important; } .tablesaw-cell-content { display: inline-block; max-width: 67%; } .tablesaw-stack .tablesaw-stack-block .tablesaw-cell-label, .tablesaw-stack .tablesaw-stack-block .tablesaw-cell-content { display: block; width: 100%; max-width: 100%; padding: 0; } .tablesaw-stack td:empty, .tablesaw-stack th:empty { display: none; } } @media (min-width: 961px) { .tablesaw-stack tr { display: table-row; } /* Show the table header rows */ .tablesaw-stack td, .tablesaw-stack th, .tablesaw-stack thead td,.tablesaw-stack thead th { display: table-cell; margin: 0; } /* Hide the labels in each cell */ .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label { display: none !important; } } /**** article listings ****/ .newsArticle { margin: 11px 0 0 0; } #content .newsArticle h5 { display: inline; margin: 0 12px 0 0; font-size: 0.917em; font-weight: bold; } #content .newsArticle h5 a { color: #516F87; } #content .newsArticle h5 a:hover { color: #004987; } #content .newsArticle .text { font-size: 0.9rem; color: #3B3B3B; margin: 5px 0 10px 0; } #content .newsArticle h6.alsoSee { color: #003F5E; font-size: 0.9rem; font-weight: bold; margin: 0 0 0 0; } #content .newsArticle p.alsoSee { margin: 0 auto 35px 0; } #content .newsArticle p.alsoSee a { display: block; margin: 6px 0 0 0; } a.viewPDF { margin: 0 10px 0 auto; text-decoration: none; color: #004987; font-weight: bold; } a.viewPDF:hover { color: #326C9E; } /**** left nav ****/ .SectionTitle { display: none; } #leftNavContainer { float: left; max-width: 230px; width: 100%; margin: 0 0 35px 0; } #leftNav { width: 100%; max-width: 211px; margin-left: 9px; } /* left nav module */ .leftNav1Off { padding: 11px 0; font-size: .9rem; font-weight: 400; } .leftNav1On { padding: 11px 0; font-weight: 600; } #bodyContainer .leftNav1Off a, #bodyContainer .leftNav1On a { width: 100%; display: block; font-size: .9rem; text-decoration: none; } #bodyContainer .leftNav1Off a:hover, #bodyContainer .leftNav1Off a:hover { color: #326C9E; font-weight: 600; text-decoration: none; } #bodyContainer .leftNav1On a { color: #326C9E; } #bodyContainer .leftNav1On a:hover, #bodyContainer .leftNav1On a:active { color: #326C9E; font-weight: 600; text-decoration: none; } .leftNav2Off, .leftNav2On { color: #3B3B3B; } .leftNav2Off div { padding: 11px 7px 11px 0; margin-left: 32px; } .leftNav2On div { margin-left: 7px; padding: 11px 7px 11px 25px; background: url("../images/leftNavBullet_on.gif") no-repeat 10px 16px; } #bodyContainer .leftNav2Off a, #bodyContainer .leftNav2On a { font-size: 0.9rem; font-weight: 400; width: 100%; display: block; text-decoration: none; } #bodyContainer .leftNav2On a { color: #326C9E; } #bodyContainer .leftNav2Off a { } #bodyContainer .leftNav2On a, #bodyContainer .leftNav2On a, #bodyContainer .leftNav2Off a:hover, #bodyContainer .leftNav2On a:hover, #bodyContainer .leftNav2Off a:visited, #bodyContainer .leftNav2On a:visited, #bodyContainer .leftNav2Off a:active, #bodyContainer .leftNav2On a:active { color: #326C9E; font-weight: 600; } .leftNav3Off, .leftNav3On { font-weight: normal; } .leftNav3Off div { padding: 11px 7px 11px 0; margin-left: 48px; } .leftNav3On div { margin-left: 13px; padding: 11px 7px 11px 35px; background: url("../images/leftNavBullet_on.gif") no-repeat 20px 16px; } #bodyContainer .leftNav3Off a, #bodyContainer .leftNav3On a { font-size: 0.9rem; width: 100%; display: block; text-decoration: none; } #bodyContainer .leftNav3On a { color: #326C9E; } #bodyContainer .leftNav3Off a { } #bodyContainer .leftNav3On a,#bodyContainer .leftNav3On a, #bodyContainer .leftNav3Off a:hover, #bodyContainer .leftNav3On a:hover, #bodyContainer .leftNav3Off a:visited, #bodyContainer .leftNav3On a:visited, #bodyContainer .leftNav3Off a:active, #bodyContainer .leftNav3On a:active { color: #326C9E; font-weight: 600; } .closeNav { display: none; } .leftNavBottom { max-width: 221px; width: 22%; display: block; clear: left; margin: 0 0 30px; padding-left: 6px; } .PromoLeft { float: left; max-width: 221px; width: 22%; display: block; margin: 0 0 30px; padding-left: 6px; clear: left; } .PromoLeft ul { padding: 0; margin: 0; } /* zipCheck */ #zipCheckContainer { margin-left: 0px; border-right: 1px solid #99c1db; border-bottom: 1px solid #99c1db; } #zipCheck { width: 100%; margin-left: 5px; padding: 8px 1px 10px 0; display: inline-block; } #zipCheck p { margin: 0 0 10px 0; } #zipCheck h5 { margin: 0 0 8px 0; font-size: 0.917em; font-weight: 600; color: #004987; } #zipSearchInput { font-size: 0.917em; line-height: 11px; height: 14px; padding: 0 0 0 0; margin: 0 0 2px 0; vertical-align: baseline; font-family: "courier new", monospace, courier; voice-family: "\"}\""; voice-family: inherit; height: 11px; } html > body #zipSearchInput { margin: 0 0 0 0; } #zipCheck_btn { margin: 0 0 -2px 0; } html > body #zipCheck_btn { margin: 0 0 -2px 0; } /**** right nav ****/ #rightNav { float: right; display: inline; width: 23%; padding: 16px 1%; font-size: 1rem; } #bodyContainer .rightNavBanner a { color: #004987; } .rightNavBanner { margin: 0 auto 36px; /*font-size: 0.833em;*/ width: 100%; max-width: 180px; } .rightNavBannerImg { max-width: 180px; margin-bottom: 12px; } .rightNavBannerTitle { margin-bottom: 10px; font-size: .85rem; font-weight: 600; color: #004987; } .rightNavBannerTitle a, .rightNavBanner > a { font-size: 0.85rem; font-weight: 400; color: #004987; text-decoration: none; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .rightNavBannerTitle a:hover, .rightNavBannerTitle a:focus, .rightNavBanner > a:hover div, .rightNavBanner > a:focus div { color: #326C9E; text-decoration: underline; } .rightNavBannerContent > div { line-height: 1.6; } h2.videoTitle { margin: 0 0 5px 0; font-size: 1rem; font-weight: 600; color: #004987; display: inline-block; } .rightVideoContainer { margin: 0 auto; width: 100%; } .rightVideoContainer div { max-width: 175px; width: 100%; height: auto; float: left; margin: 0 auto 10px; } #newsReportsContainer { float: right; width: 246px; } .newsDivide { height: 4px; margin: 10px 0 10px 0;border-top: 1px solid #D2DCE5; } .newsReportsDivide { width: 100%;height: 2px;margin: 0 0 0 0; background: #D2DCE5; } .article img{ width:100%;max-width:250px; } /**** schedule a service call ****/ .schedule-a-service-call {-webkit-border-radius: 10; -moz-border-radius: 10; border-radius: 10px;font-family: Arial; color: #eddfd9; font-size: 20px; background: #429739; padding: 10px 20px 10px 20px; text-decoration: none; text-align:center;-webkit-box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.20);-moz-box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.20);box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.20);border:2px solid white; margin-bottom:25px;} .service-call-text {text-align: center;color: #429739;} /**** Footer ****/ .footerCallout { display: block; width: 100%; background-color: #46842A; } .footerCallout .wrapper { display: block; width: 100%; max-width: 1334px; color: #fff; padding: 25px 25px; margin: 0 auto 12px auto; } .footerCallout .wrapper p { font-size: 1.12rem; margin: 0; padding: 0; line-height: 1.9; } #bodyContainer .footerCallout .wrapper a { color: #fff; } #footerContainer { display: inline-block; width: 100%; background-color: #fff; border-top: 1px solid #F8F8F8; padding-bottom: 20px; clear: both; } #footerContainer a.link { display: inline-block; margin: 8px 20px 8px 0; } #utilityNavContainer { width: 100%; max-width: 1334px; margin: 0 auto; background: #FFF; display: block; padding: 10px 25px; font-size: 0.917em; } #utilityNav { width: 100%; float: left; border-bottom: 1px solid #D2DCE5; } #utilityNav .text { margin: 8px 0; float: left; } #utilityNav .text a:first-child { margin-left: 0; } #utilityNav a { margin: 0px 20px 10px 0; color: #004987; line-height: 1.7; display: inline-block; } #utilityNav a:hover, #utilityNav a:focus { color: #326C9E; text-decoration: underline; } .utilityNavDivider { display: none; width: 5px; height: 12px; margin: 0 8px -3px 8px; } #utilityNavText { float: right; margin: 5px 0px 0px 10px; font-weight: 600; } .socialMediaIcons { margin: 0; float: right; } .socialMediaIcons img { width: 100%; max-width: 26px; padding:1px 5px 0; } #copyrightContainer { margin-top: 2px; color: #3B3B3B; font-size: 0.833em; background-color: #fff; width: 100%; padding: 0; display: inline-block; } #copyrightContainer .logo { float: right; max-width: 140px; margin: 0; } #copyrightContainer .logo img {image-rendering: -webkit-optimize-contrast; transform: translateZ(0); will-change: transform; } #copyright { width: 100%; max-width: 1334px; padding: 10px 10px 10px 25px; margin: 14px auto; } #utilityNav .socialMediaIcons em { color: #004987; } #utilityNav .socialMediaIcons a:hover em, #utilityNav .socialMediaIcons a:focus em { color: #326C9E; } #utilityNav .socialMediaIcons a { position: relative; font-size: 1.1rem; display: inline-block; padding: 0; margin: 8px 5px; } #utilityNav .socialMediaIcons a:last-child { padding-right: 0; margin-right: 0; } #utilityNav .socialMediaIcons a span { position: absolute; text-indent: -99999px; } #beaconInfo { float: right; margin: .5% 1% .5% 0; } #beaconInfo a { color: #fff; } #beaconInfo img { margin: 0 6px -1px 6px; } #footerDisclaimer { float: left; width: 100%; padding: 0; font-size: .8rem; background-color: #fff; width: 100%; line-height: 1.6; } #footerDisclaimer .wrapper { width: 100%; max-width: 1334px; padding: 10px 10px 10px 25px; margin: 0 auto; } #footerDisclaimer .wrapper p { font-size: .8rem; } /*#footerDisclaimer p { font-size: 0.833em; }*/ .footerContact { display: none; } /**** BEGIN: SEO Footer Content switchcontent function ****/ #seoFooterContent { padding: 0%; clear: both; background-color: #fff; width: 100%; } #seoFooterContent #switchcontent { width: 100%; } #seoFooterContent #switchcontent .headingContainer { cursor: pointer; margin-bottom: 8px; font-size: 0.833em; } #seoFooterContent #switchcontent .headingContainer .icon { float: left; position: relative; top: 3px; padding-right: 5px; } #seoFooterContent #switchcontent .expanded-content { padding-left: 12px; font-size: 0.917em; } #seoFooterContent #switchcontent .expanded-content a { text-decoration: underline; display: block; } #seoFooterContent #switchcontent .expanded-content a:hover { text-decoration: underline; } #seoFooterContent #switchcontent .expanded-content p { margin: 0; padding: 0 0 8px 0; } /**** END: switchcontent function ****/ /**** START: SEO Footer Columns ****/ .category-sitemap {padding:0; margin:0; -webkit-column-count: 4; -moz-column-count: 4; -ms-column-count: 4; -o-column-count: 4; column-count: 4; -webkit-column-gap: 15px; -moz-column-gap: 15px; -ms-column-gap: 15px; -o-column-gap: 15px; column-gap: 15px; columns: 4; line-height:2em;} .category-sitemap li {list-style: none;} /**** END: SEO Footer Columns ****/ /**** BEGIN: SEO Footer Dropdown ****/ /*#sfnav { list-style: none; margin: 0px; padding: 0px; float: left; width: 100%; height: 200px; } #sfnav li { float: left; margin-right: 30px; position: relative; max-width: 250px; } #sfnav a { display: block; padding: 2px; text-decoration: none; } #sfnav a:hover { text-decoration: underline; } #sfnav ul { background: rgba(255,255,255,0); list-style: none; position: absolute; left: -9999px; margin: 0px; padding: 0px; } #sfnav ul li { padding-top: 1px; float: none; } #sfnav ul a { white-space: nowrap; } #sfnav li:hover ul { left: 0; } #sfnav li:hover a { text-decoration: underline; } #sfnav li:hover ul a { text-decoration: none; } #sfnav li:hover ul li a:hover { } */ /**** END: SEO Footer Dropdown ****/ /************ END: TIER 2 CONTENT ************/ /************ BEGIN: FORMS ************/ div.field.long > input[type=text] {max-width: 50%;} /*form { padding: 0; margin: 0; display: inline; font-size: 1.083em; font-family: 'Montserrat', Verdana, Helvetica, Arial, sans-serif; } .required { color: #990B08; font-weight: bold; } .response { font-weight: bold; color: #124C7E; } .error { width: auto; text-align: center; margin: 6px 20px 6px 20px; padding: 3px; font-weight: bold; color: #5E1102; clear: both; } #content table.formTable td { vertical-align: top; padding: 0 5px 15px 5px; } #content table.formTable td.formHeading { vertical-align: top; padding: 15px 5px 5px 5px; } #content table.formTable td.formHeading h5 { background: #BFD1DD; padding: 5px; } #content .label { text-align: left; font-family: 'Montserrat', Verdana, Helvetica, Arial, sans-serif; font-size: 1.000em; color: #343434; } .label { text-align: left; font-family: 'Montserrat', Verdana, Helvetica, Arial, sans-serif; font-size: 1.000em; color: #343434; padding: 0px 0px 3px 0px; } #content .labelL { text-align: left; font-family: 'Montserrat', Verdana, Helvetica, Arial, sans-serif; font-size: 1.000em; color: #343434; font-weight: bold; } .labelL { text-align: left; font-family: 'Montserrat', Verdana, Helvetica, Arial, sans-serif; font-size: 1.083em; color: #343434; } #content input.field { color: #343434; height: 18px; font-size: 1.083em; background: #ffffff; border: 1px solid #AAAAAA; } input.field { color: #343434; height: 18px; font-size: 1.083em; background: #ffffff; border: 1px solid #AAAAAA; margin: 0px 0px 15px 0px; } .zipCodefield { color: #343434; height: 18px; font-size: 1.083em; background: #ffffff; border: 1px solid #AAAAAA; margin: 0px 0px 0px 0px; } .zipCodebtn { margin: 0px 0px -2px 0px; } #content input.radio { margin-left: 0; margin-right: 0; margin-top: -4px; padding: 0; vertical-align: middle; } .radioDiv { margin-bottom: 15px; } input.radio { margin-left: 0; margin-right: 0; margin-top: -4px; padding: 0; vertical-align: middle; } html > body input.radio { margin-top: -4px; } html > body #content input.radio { margin-top: -4px; } #content input.check_box { vertical-align: middle; margin: 0px 7px 0px 0px; float: left; } input.check_box { vertical-align: middle; margin: 0px 7px 4px 0px; float: left; } html > body input.check_box { vertical-align: middle; margin-top: 0px; } html > body #content input.check_box { vertical-align: middle; margin-top: 0px; } .check_box_label { vertical-align: middle; margin: -2px 0px 5px 20px; } #content select { color: #343434; height: 21px; font-size: 1.083em; background: #ffffff; border: 1px solid #AAAAAA; } #content textarea { color: #343434; font-size: 1.083em; font-family: 'Montserrat', Verdana, Helvetica, Arial, sans-serif; background: #ffffff; border: 1px solid #AAAAAA; } select { color: #343434; height: 14px; font-size: 1.083em; background: #ffffff; border: 1px solid #AAAAAA; margin: 0px 0px 15px 0px; } html > body select { height: 21px; } html > body #content select { height: 21px; } #content .example { font-size: 0.750em; }*/ span.example.block { display: block; margin: -8px 0 10px 0; } /*@media screen and (max-width: 375px) { span.example { display: block; float: left; clear: both; width: 100%; margin: -8px 0 10px 0; } }*/ /************ END: FORMS ************/ /************ BEGIN: PRINT ************/ /*#printHeader { display: none; } #pageTitleContainer { display: none; } #pageTitle { display: none; } */ /************ END: PRINT ************/ /************ BEGIN: EXTRAS ************/ /*span.darkHighLight { color: #666666; } span.redHighLight { color: #990B08; } span.lightBlue { color: #7895A0; } h3 .pageHeading { display: inline; margin: 0 12px 0 0; font-size: 0.833em; font-weight: bold; color: #516F87; } #content table tr { vertical-align: top; } */ /************ BEGIN: EXTRAS ************/ /*.formTable {display:inline-block; clear:both; width:100%; margin:0 0 40px 0;} .formTable .tableHeader {clear:both;} .formTable .tableHeader .checkBox-data {width:67%; text-align:left; float:left;} .formTable .tableHeader div { margin:.2%; border:1px solid #7895A0; width:12%; padding:1% 1%; text-align:center; float:left;} .formTable .data {clear:both;} .formTable .data .checkBox-data {width:67%; text-align:left; float:left;} .formTable .data .check_box {margin-right:20px;} .formTable .data div {margin:.2%; border:1px solid #7895A0; width:12%; padding:1% 1%; text-align:center; float:left;} .formTable .data div.contentData {margin:0; border:none; width:80%; padding:0; text-align:left; float:left;} .formTable .empty {border:1px solid #fff!important;} */ .formTable { display: table; margin:0 0 40px 0; width:100%;} .formTable .data .check_box { margin-right: 20px; } .formTable .tableHeader { display: table-row; text-align: center; width:100%;} .formTable .tableHeader div { display: table-cell; border: 1px solid #7895A0; border-right:none; padding:1% 1%;} .formTable .tableHeader div:last-child {border-right: 1px solid #7895A0;} .formTable .tableHeader div.regularRate, .formTable .tableHeader div.seniorRate {width:12%;} .formTable .data { display: table-row; width:100%;} .formTable .data div { display: table-cell; border: 1px solid #7895A0; border-right:none; padding:1% 1%; vertical-align:top; } .formTable .data div:last-child {border-right: 1px solid #7895A0;} .formTable .data div.contentData { margin: 0; border: none; width: 80%; padding: 0; text-align: left; float: left; } .formTable .empty {border:1px solid #fff!important;border-bottom: 1px solid #7895A0!important;} .formTable .data div.priceData, .formTable .data div.seniorData, .formTable .data div.basicComfort, .formTable .data div.totalComfort, .formTable .data div.platinumComfort {text-align:center;} form sup {color:#C00; font-weight:bold;} /* Buttons and Forms */ input[type='submit'].clive-submit, #bodyContainer a.btn, .btn, input.btn, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button { cursor: pointer; float: left; display: block; font-family: 'Montserrat', Verdana, Helvetica, Arial, _san; font-size: 1.1rem; font-weight: 400; color: #fff; background-color: #46842A; padding: 14px 25px; margin: 10px 20px 10px 0; text-align: center; text-decoration: none; border-radius: 4em; border: 1px solid #46842A; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-appearance: none; -moz-appearance: none; } input[type='submit'].clive-submit:hover, input[type='submit'].clive-submit:focus, #bodyContainer a.btn:hover, .btn:hover, input.btn:hover, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:hover { color: #fff; background-color: #386921; } #bodyContainer a.btn:last-of-type, .btn:last-of-type, input.btn:last-of-type, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:last-of-type { margin-right: 0; } .btn:after, input.btn:after { /*content: " \00bb" !important; color: #FFF;*/ } .btn:last-child { margin-bottom: 0; } input[type='submit'] { padding: 14px 25px; } #bodyContainer .formButtons a.btn:last-of-type { margin-right: 20px; } #submit.btn:last-child { margin: 0 0 20px 0; } .check_box { float: left; clear:left; } #contactForm .check_box { margin-top: 8px; } .check_box_label {margin:1px 3px 4px 3px;} div.field > input[type=text] { max-width: 30%; padding: 8px 8px; margin: 0 0 15px 0; border: 1px solid #767676;} div.field > input[type=password] { border: 1px solid #767676; } div.field > input { max-width: 30%; margin: 0 0 15px; } div.field > input[type=checkbox] { margin: 3px 3px 0; } div.field.textWrap { margin-bottom: 15px; } div.field.textWrap > input { max-width: 30%; margin: 0 } div.hpField { display: none; } textarea { width: 100%; max-width: 50%; border: 1px solid #767676;} select { margin: 0 0 15px; } form > ul { float:none;width: 100%; list-style: none; column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; margin-left: 0; padding-left: 0; } form > ul li { line-height: 1.7em; display:block;float:left;clear:both;} form input[type=radio]{line-height: 1.7em;} #rbEnroll { margin-bottom: 80px; } #pnlTermsCheckbox #cbTerms { display: inline; } #pnlTermsCheckbox #cbTerms + p {display: inline-block; width: 85%;} form > ul li > input[type=checkbox] { float: left; text-align: left; } p.required { color: #930; } .recaptcha_input_area input { max-width: 302px !important; width: 97% !important; margin-right: 3% !important; } .hidden { display: none; } #recaptcha_image, .recaptchatable .recaptcha_image_cell center img { max-width: 300px !important; width: 100% !important; height: auto !important; } #recaptcha_reload_btn img, #recaptcha_switch_audio_btn img, #recaptcha_switch_img_btn img { width: 25px !important; } #recaptcha_table td:nth-of-type(2) { width: 25px !important; } #recaptcha_table td:nth-of-type(3) { width: 71px !important; } /* Clive */ input[type='submit'].clive-submit { width: auto; border: 1px solid #46842A; } input[type='submit'].clive-submit:hover, input[type='submit'].clive-submit:focus { border: 1px solid #386921; } .clive-dropdown-wrapper > select { -webkit-appearance: auto !important; -moz-appearance: auto !important; appearance: auto !important; background-color: #fff !important; } /***** START: Google 404 Widget Styles ****/ /* Widget content container */ #goog-wm { } /* Heading for "Closest match"*/ #goog-wm h3.closest-match { color: #7895A0; } /* "Closest match" link*/ #goog-wm h3.closest-match a { text-decoration: underline; color: #687c86; } /* Heading for "Other things" */ #goog-wm h3.other-things { } /* "Other things" list item */ #goog-wm ul li { } /* */ #goog-wm li.search-goog { display: list-item; } /* Site search box */ #goog-wm-qt { width: 150px; font-size: 0.917em; color: #6b6b6b; font-family: 'Montserrat', Verdana, Helvetica, Arial, sans-serif; height: 13px; border: 1px solid #6699cc; } /* Button */ #goog-wm-sb { background: #ffffff url("../images/header/google-btn.gif") 0px 0px no-repeat; color: #ffffff; font-size: 0.917em; font-family: 'Montserrat', Verdana, Helvetica, Arial, sans-serif; border: none; width: 100px; margin-left: 12px; padding-bottom: 5px; } /***** END: Google 404 Widget Styles ****/ .slideout-menu, .slideout-company-menu { display: none; } /************ BEGIN:TREE MENU added 2015.01.12 ************/ ul.treeview { padding-left: 0; } #content ul.treeview h2 { color: #004987; font-size: .98rem; line-height: 1.7em; padding-right: 20px; margin-bottom: 0; } #content ul.treeview > li > h2:hover, #content ul.treeview > li > h2:focus { color: #3B3B3B; } .treeview > ul { margin: 0; padding: 0; /*width:500px;*/ } /*Style for LI elements in general (excludes an LI that contains sub lists)*/ .treeview > li { list-style-type: none; padding-left: 0; margin-bottom: 32px; margin-left: 0; } .treeview li img { vertical-align: top; } /* Style for LI that contains sub lists (other ULs). */ .treeview > li.submenu { background-color: #fff; background-repeat: no-repeat; background-position: right 20px top 25px; background-image: url(/images/global/tree_menu/plusNew.gif); cursor: pointer !important; line-height: 1.9em; padding: 15px 28px; } .treeview > li.submenu .submenu { background: none !important; background-repeat: no-repeat; } /*Style for ULs that are children of LIs (submenu) *//*Hide them by default. Don't delete. */ .treeview li.submenu h2 + ul {display:none;} .treeview li.submenu h2 + ul li { background-repeat: no-repeat; background-image: none !important; } /*Style for LIs of ULs that are children of LIs (submenu) */ .treeview > .submenu > ul { list-style-type: none; padding-left: 0; margin-left: 0; margin-top: 20px; cursor: default; color:#3B3B3B!important; } .treeview > .submenu > ul > li { padding-bottom: 7px; } .treeview .submenu ul li .submenu ul { margin-left: 20px; display:block;} .treeview .submenu ul li .submenu ul li { background: none; margin-left: 0; margin-top: 0; padding:0; cursor: default; color:#3B3B3B!important; list-style-type:disc; } #faqs h5 { text-decoration: none; font-size: 0.9rem; } #faqs .date { font-size: 0.8em; } @media screen and (max-width: 990px) { .treeview > li.submenu { padding: 15px 23px; } } /************ END: TREE MENU ************/ /*** Full width accordion ***/ .header-accordion-blue, .ui-widget-header { width: 100%; border: 1px solid #CDCDCD; background: #004e85;font-weight: bold; font-size: 19px; padding: 10px; cursor: pointer; } .header-accordion-blue .text { position: relative; color: #fff; background: url(../images/header/accordion-off.png) left center no-repeat; padding: 0 20px 0 25px; } .header-accordion-blue .text.on { background: url(../images/header/accordion-on.png) left center no-repeat; padding: 0 20px 0 25px; } .header-accordion-green .text { position: relative; color: #fff; background: url(../images/header/accordion-off.png) left center no-repeat; padding: 0 20px 0 25px; } .header-accordion-green .text.on { background: url(../images/header/accordion-on.png) left center no-repeat; padding: 0 20px 0 25px; } .header-accordion .text { background: url(../images/header/accordion-off.png) left center no-repeat; padding: 0 20px 0 25px; } .header-accordion .text.on { background: url(../images/header/accordion-on.png) left center no-repeat; padding: 0 20px 0 25px; } .header-accordion-green { width: 100%; border: 1px solid #CDCDCD; background: #397d2f; vertical-align: middle; text-transform: uppercase; color: #FFF; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode"; font-weight: bold; font-size: 19px; padding: 10px; } /* site map module */ #sitemap { margin-left: 0px; } #sitemap a, #sitemap a:visited, #sitemap a:active { } #sitemap a:hover { text-decoration: underline; } .sitemapTitle { font-size: 1.083em; font-weight: bold; } .sitemap1 { margin-left: 20px; } .sitemap2 { font-size: 0.917em; margin-left: 20px; } /*PRODUCT LISTING*/ .productBorder:first-child { margin-top: 25px; } .productBorder { float: left; border-top: 1px solid #003F5E; width: 100%; margin: 0; } h5.productSection { margin: 0 0 25px 0; max-width: 525px; width: 100%; } .productListing { float: left; max-width: 525px; width: 100%; margin: 0 0 10px 0; } .productListing:last-child { padding-bottom: 17px; } .productListing .text { float: left; margin: 0 0 8px 0; max-width: 320px; width: 100%; } .productListing .thumbnail { float: right; max-width: 185px; width: 100%; } .productListing .thumbnail img { float: left; } .productListing .buttonWrap { float: left; display: block; } .productListing strong { margin-right: 7px; } .productListing .icon { display: inline; vertical-align: middle; } /*PRODUCT DETAIL*/ .productDetail { float: left; width: 72%; padding-right: 1%; display: block; border-right: 1px solid #c8e1ed; } .productDetail .border { border-top: 1px solid #003F5E; width: 100%; margin: 5px 0; } .productDetail .thumbnail { float: left; width: 37%; } .productDetail .thumbnail img { max-width: 185px; width: 100%; } .productDetail .counter { float: right; margin-right: 5px; } .productDetail .redLink { color: #5e1102; font-weight: bold; } .productDetail .information { float: left; display: block; width: 63%; margin: 0 0 25px 0; } .productDetail .btn { clear: both; } .productDetail .call { float: left; clear: both; margin: 5px 0 10px; } .productDetail .icon { display: inline; vertical-align: middle; } .productDetail .closeNav { cursor: pointer; display: block; background: url(../images/close-nav.png) right center no-repeat; padding: 0 30px 0 0; float: right; color: #204b80; font-size: 0.917em; font-weight: bold; margin: 0 10px 0 0; } .productDetail .moreDetail { clear: both; width:100%; } .productDetail .moreDetail .detailItem { float: left; clear: both; display: block; width: 100%; margin-bottom: 5px; font-weight: normal; } .productDetail .moreDetail .detailTitle { float: left; display: block; font-weight: bold; width: 50%; } .productDetail .moreDetail .detailText { float: right; display: block; width: 50%; } .productDetail .moreWarranty { clear: both; width: 100%; } .productDetail .description { float: left; margin-top: 30px; } .productDetail .return { float: left; width: 100%; margin-top: 30px; } .productRightNav { float: right; display: block; width: 24%; padding: 0 1% 0 0; } .text-button {color:#2d65a9; font-size:14px; } .call-for-quote-wrapper {clear:both;} .call-for-quote.request{line-height:1.4em;margin-bottom: 10px;} .call-for-quote {color:#429739; font-size:14px; line-height: 2em;} .call-for-quote-phone {color:#429739; font-size:20px;} /*** TOOLTIP ***/ .tooltip { color: #3B3B3B; position: absolute; z-index: 100; padding: 15px !important; background: #fff !important; max-width: 260px !important; border: 1px solid #000; } .tooltip.top:after { border-top-color: transparent; top: 20px; } .tooltip.left:after { left: 10px; margin: 0; } .tooltip.right:after { right: 10px; left: auto; margin: 0; } .mapWrap { max-width: 408px; width: 100%; height: 524px; display: block; } .maphotSpot { position: relative; width: 20px; height: 20px; border: 3px solid transparent; display: block; } .maphotSpot a { width: 100%; height: 100%; display: block; padding: 5px; } .maphotSpot.one { top: 20px; margin-left: 47%; } .maphotSpot.two { top: 31px; margin-left: 64%; } .maphotSpot.three { top: 15px; margin-left: 24%; } .maphotSpot.four { top: 16px; margin-left: 26%; } .maphotSpot.five { top: 50px; margin-left: 23%; } .maphotSpot.six { top: 42px; margin-left: 68%; } .maphotSpot.seven { top: 100px; margin-left: 41%; } .maphotSpot.eight { top: 130px; margin-left: 26%; } .maphotSpot.nine { top: 35px; margin-left: 57%; } .maphotSpot.ten { top: 9px; margin-left: 81%; } .maphotSpot.eleven { top: 142px; margin-left: 8%; } .project_col_left {float:left; width:32%; padding-right:3%; padding-bottom:3%;} .project_col_right {float:left; width:65%; padding-bottom:3%;} /*@media screen and (max-width: 955px) { .formTable2 {margin:40px 0 0 0; display:inline-block;} .formTable2 .tableHeader {width:99%; clear:both;} .formTable2 .tableHeader div { margin:0 0 3px 3px; border:1px solid #7895A0; width:12%; padding:1% 1%; text-align:center; float:right;} .formTable2 .data {clear:both; width:100%;} .formTable2 .data div{border:1px solid #7895A0; padding:1% 1%; margin-bottom:3px; min-height:55px;} .formTable2 .data .checkBox-data {width:67.3%; text-align:left; float:left;} .formTable2 .data .checkBox-data .check_box {margin-right:20px;} .formTable2 .data .priceData {width:12%; text-align:center; float:left; margin:0 0 3px 3px;} } */ @media screen and (max-width: 990px) { #google_translate_element.googleTranslate { margin: 9px 0 0 4px; clear: both; } #companyNavContainer, #topNavContainer, #quicklinksSelect { display: none!important; } #headerUtilityContainer { height: 120px; width: 100%; padding: 0; } #bodyContainer { max-width: 980px; width: 100%; margin: 0; } /*** MOBILE TOP NAV ***/ #bodyContainer #headerLogin { position: absolute; top: 59px; right: 10px; left: auto; width: 400px; font-size: 0.85rem; font-weight: 500; margin: 18px 108px 0 0; text-align: right; color: #004987; } #bodyContainer #headerLogin a { color: #004987; } #bodyContainer #headerLogin a:hover, #bodyContainer #headerLogin a:focus { color: #326C9E; text-decoration: underline; } #header { position: relative; float: left; min-height: 74px; } #headerNav { float: right; margin: 22px 0 0 0; clear: none;} #header img { max-width: 170px; } .logo { float: left; max-width: 170px; margin: 10px 2% 0 2.5%; } .dropdown li.dropdownItems button.dropdownLabel { line-height: 22px; height: 29px; } #mobile-minibar { display: block; position: absolute; right: 47px; width: 57px; height: 40px; margin: 68px 0 0 0; background: #fff; } #mobile-menu { position: absolute; text-indent: -99999px; color: #fff; font-weight: 500; padding: 3px 5px 3px 25px; background: url(../images/header/mobile-menu.svg) center left no-repeat; margin: 0; } .slideout-menu-toggle.active #mobile-menu { border: none; margin: 0; padding: 0px 0px 3px 25px; background: url(../images/header/close-menu.svg) center left no-repeat; margin-left: 4%; font-weight: 500; } .slideout-menu-toggle { height: 28px; border: 1px solid transparent; display: inline-block; padding: 4px 8px; text-decoration: none; } .slideout-menu-toggle.close { border: none; margin: 0; padding: 0px 0px 3px 25px; background: url(../images/header/close-menu.svg) center left no-repeat; margin-left: 4%; font-weight: 500; } .slideout-menu-toggle:hover { color: #fff; } .slideout-menu { display: block; position: absolute; left: -380px; top: 120px; height: auto; z-index: 999999; max-width: 375px; width: 100%; overflow-x: hidden; overflow-y: auto; font-size: 1em; background: #004987; color: #fff; padding-top: 0; padding-bottom: 0; border-right: 1px solid #004987; -webkit-box-shadow: 1px 2px 2px 0 rgba(50, 50, 50, 0.75); -moz-box-shadow: 1px 2px 2px 0 rgba(50, 50, 50, 0.75); box-shadow: 1px 2px 2px 0 rgba(50, 50, 50, 0.75); } .slideout-menu .sidr-inner { border-top: 1px solid #E9E9E9; } .slideout-menu .sidr-inner:first-of-type { padding: 0; border-top: 0; } .slideout-menu .sidr-inner:last-of-type { border-bottom: 0; } .slideout-menu.right { left: auto; right: -16.25em } .slideout-menu.left { left: -16.25em; right: auto } .slideout-menu ul { display: block; padding: 0; margin: 0; } #accordion-menu { background-color: #fff; } .slideout-menu ul li { display: inline-block; vertical-align: text-bottom; width: 100%; margin: 0; padding: 0; border-bottom: 1px solid #E9E9E9; } .slideout-menu ul li.blueBg { background: #004987; border-bottom: 1px solid #326C9E; } .slideout-menu ul li.blueBg .accordion-toggle { background: url(../images/header/accordion-off-white.svg) center center no-repeat; } .slideout-menu ul li.blueBg .accordion-toggle.active { background: url(../images/header/accordion-on-white.svg) center center no-repeat; } .slideout-menu ul li.active { background: #fff; } .slideout-menu ul li.blueBg.active { background: #004987; } .slideout-menu ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active { border-top: none; } .slideout-menu ul li a { padding: 0; text-decoration: none; color: #3B3B3B; padding: 16px 6%; margin-right: 3%; font-size: .9rem; font-weight: 500; /*background: url(../images/header/arrow-white.png) center right no-repeat;*/ width: 86.5%; line-height: normal; display: block; float: left; } .slideout-menu ul li a:hover, .slideout-menu ul li a:focus { color: #004987; } .slideout-menu ul li.blueBg > a { color: #fff; } .slideout-menu form { display: inline-block; padding: 4%; } .slideout-menu label { font-size: .8125em; } .slideout-menu input[type="search"] { padding-right: 28px; margin-bottom: 0; } .slideout-menu form img { float: left; margin: 4px 10px 0 0; } .slideout-menu .headerSearchField { background: #004987; color: #fff; border: 1px solid #8facca; float: none; position: inherit; height: 23px; width: 166px; padding: 0 0 1px 5px; margin: 0 4px 0 0; } .slideout-menu .headerSearchSubmit { position: inherit; } .slideout-menu .sidr-class-icon-search { border: none; cursor: pointer; color: #333; background: none; position: relative; left: 0em; top: -1.5em; float: right; } .slideout-menu .accordion-toggle { cursor: pointer; background: url(../images/header/accordion-off.svg) center center no-repeat; width: 16px; height: 17px; display: block; float: left; padding: 25px 13px; } .slideout-menu .accordion-toggle.active { background: url(../images/header/accordion-on.svg) center center no-repeat; } .slideout-menu .accordion-content { display: none; clear: both; padding: 14px 0; background: #F8F5F5; border-top: 1px solid #E9E9E9; } .slideout-menu .accordion-content li { border: none; } .slideout-menu .accordion-content li a { font-weight: normal; float: none; width: auto; border: none; padding: 9px 6%; } .slideout-menu .accordion-content.default { display: block; } .quicklinks { background: #edeeef; display: inline-block; } .slideout-menu .quicklinks ul li { border-bottom: 1px solid #cdcdcd; } .slideout-menu .quicklinks ul li a { color: #1f4a7f; background: url(../images/header/arrow-blue.png) center right no-repeat; border-left: none; width: 87%; float: left; } /*** MOBILE COMPANY NAV ***/ #company-mobile-menu { color: #fff; font-weight: 500; padding: 1px 25px 0 5px; background: url(../images/header/mobile-company-menu.png) center right no-repeat; margin: 0; float: right; font-size: 0.833em; } #bodyContainer .headerContactWrapper { background-color: #004987; display: flex; align-items: center; } .headerContactWrapper { display: block; position: relative; height: 50px; top: auto; right: auto; width: 100%; float: left; margin: 0; } .headerContactWrapper, #headerUtility { right: 0; padding-left: calc(4.5% + 15px); margin: 0; } .headerContact { float: left; width: 100%; font-size: 0.85rem; font-weight: 500; margin: 0; } .headerContactWrapper .headerContact { display: none !important; } .blugBg ~ .headerContactWrapper, .accordion-content + .headerContactWrapper { display: block; } .blueBg .headerContactWrapper { position: relative; width: 100%; } .blueBg .headerContactWrapper .headerContact { position: relative; display: block; } .sidr-class-contain .headerContact a { display: block; color: #fff; text-decoration: none; padding: 15px 0; } .sidr-class-contain .headerContact a:hover, .sidr-class-contain .headerContact a:focus { text-decoration: underline; color: #A2BAD2; } .sidr-class-contain .headerContact a:hover:before, .sidr-class-contain .headerContact a:focus:before { text-decoration: none; color: #A2BAD2; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #headerLogin { float: left; width: 100%; } .slideout-company-menu-toggle { float: left; border: 1px solid #3E75C1; display: inline-block; padding: 5px 10px 5px 5px; margin: 4px 9px 5px; color: #fff; text-decoration: none; vertical-align: top; } .slideout-company-menu-toggle.close { float: none; border: none; margin: 0; padding: 0px 0px 3px 25px; background: url(../images/header/close-menu.png) center left no-repeat; margin-left: 4%; font-weight: 500; } .slideout-company-menu-toggle:hover { color: #fff; } .slideout-company-menu { display: block; position: relative; height: 100%; z-index: 999999; width: 265px; background: #439539; color: #fff; } .slideout-company-menu .sidr-inner:first-of-type { padding: 0 0 5px; } .slideout-company-menu .sidr-inner:last-of-type { border-bottom: 0; } .slideout-company-menu.right { left: auto; right: -16.25em } .slideout-company-menu.left { left: -16.25em; right: auto } .slideout-company-menu ul { display: block; padding: 0; margin: 0; } .slideout-company-menu ul li { display: inline-block; width: 100%; margin: 0; line-height: 3; padding: 0; border-bottom: 1px solid #54aa49; } .slideout-company-menu ul li.active { background: #4aa140; } .slideout-company-menu ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active { border-top: none; } .slideout-company-menu ul li a { padding: 0; text-decoration: none; color: #fff; padding: 4% 5.5% 4% 4%; font-weight: 500; background: url(../images/header/arrow-white.png) center right no-repeat; } .slideout-company-menu .sidr-class-icon-search { border: none; cursor: pointer; color: #333; background: none; position: relative; left: 0em; top: -1.5em; float: right; } .slideout-company-menu .accordion-toggle { cursor: pointer; background: url(../images/header/accordion-off.png) center center no-repeat; width: 16px; height: 14px; display: block; float: left; border-right: 1px solid #54aa49; padding: 4%; } .slideout-company-menu .accordion-toggle.active { background: url(../images/header/accordion-on.png) center center no-repeat; border-bottom: 1px solid #54aa49; } .slideout-company-menu .accordion-content { display: none; background: #4aa140; border-top: 1px solid #54aa49; border-left: 1px solid #54aa49; margin-left: 37px; } .slideout-company-menu .accordion-content li { border: none; } .slideout-company-menu .accordion-content li a { font-weight: normal; line-height:normal; display:block; margin-right:10px; } .slideout-company-menu .accordion-content.default { display: block; } /*** MOBILE SEARCH ***/ #headerSearch .dropdownLabel { background-size: 27px; padding: 3px 15px; } #headerSearch .dropdown li.dropdownItems ul { top: 73px; height: 65px; margin: 0; padding: 10px 3.5% 10px 5.5%; } .headerSearchField { height: 41px; font-size: 1.2rem; -webkit-appearance: none; -moz-appearance: none; border-radius: 0; } .headerSearchSubmit { width: 25px; height: 25px; margin: 7px 3px 0 0; } #bodyContainer #headerSearch .dropdown li.dropdownItems ul:after { right: 19px; z-index: -1; } /*** MOBILE LEFT NAV AND BREADCRUMB AREA ***/ #mobileLeftNav { float: left; width: 100%; padding: 0; margin: 0; } .breadcrumbs { padding: 0; } .breadcrumbs > .wrapper { padding: 0; } .breadcrumbs .crumbs, .breadcrumbs > .wrapper > a, .breadcrumbs > .wrapper > span { display: none; } #headerUtility { float: left; width: 100%; background-color: #F8F8F8; padding: 16px 20px; } .SectionTitle { cursor: pointer; display: inline-block; width: 100%; font-size: 1rem; font-weight: 500; color: #004987; background: #fff; padding: 18px 12px 16px 12px; } .SectionTitle img { float: right; margin: 8px 15px 0 0; } .menuCarat { float: right; width: 12px; height: 7px; margin: 8px 15px 0 0; background: url(../images/header/mobile-company-menu.svg) center center no-repeat; } .menuCarat.active { background: url(../images/header/mobile-company-menu-open.svg) center center no-repeat; } #leftNav { display: none; width: 100%; max-width: 100%; margin: 0; padding: 20px 15px 40px; background-color: #fff; border: none; } .leftNav1On, .leftNav2Off, .leftNav2On, .leftNav1Off { } .leftNav1On { background: #fff; font-weight: 600; } .leftNav1On a { color: #1f4a7f; font-weight: 600; } .leftNavBottom { max-width: 400px; width: 100%; float: none; margin: 0 auto; } /* added 2015.01.14 */ .PromoLeft { max-width: none; width: 100%; float: right; margin: 0 0 30px 0; padding: 20px 0 70px 0; } /* added 2015.01.14 */ .PromoLeft img { margin: 0 auto; } .leftNavBottom div { text-align: center; } #leftNavContainer { display: none; } #zipCheckContainer { border: none; } .closeNav { cursor: pointer; display: block; background: url(../images/close-nav.png) right center no-repeat; padding: 0 30px 0 0; float: right; color: #204b80; font-size: 0.917em; font-weight: 500; margin: 10px 10px 0 0; } #interiorContentContainer { float: left; width: 100%; padding: 0 25px; } #contentMain { float: left; width: 100%; padding: 0; min-height: inherit; } #contentMain { width: 100%; } #leftNavContainer + #contentMain { width: 100%; margin-right: 0; } #content { width: 76%; } #content h1 { font-size: 1.85rem; line-height: 1.3; margin: 10px 0 26px 0; } /*** FOOTER ***/ #utilityNavContainer { font-size: 0.85rem; } #utilityNav a { margin: 8px 5px; } #utilityNav .socialMediaIcons a { margin: 8px 3px; } } @media screen and (max-width: 767px) { #bodyContainer #headerLogin { width: 326px; } #footerContainer a { text-align: center; margin: 0 auto; } #footerContainer a.link { float: left; display: block; width: 100%; margin: 10px 0; } #utilityNav .text { width: 100%; margin: 0 auto; } #utilityNav .text a:first-child { margin-left: auto; } #utilityNav a { display: table; margin: 22px auto; text-align: center; } .socialMediaIcons { float: none; display: block; float: left; width: 100%; margin: 15px 0 2px 0; text-align: center; } #copyrightContainer .logo { float: none; } #copyright { font-size: .8rem; clear: both; text-align: center; margin: 0; } #google_translate_element.googleTranslate { display: block; margin: 40px auto; clear: both; } #beaconInfo { clear: both; float: none; text-align: center; } form > ul li {display:block;} /**** START: SEO Footer Columns ****/ .category-sitemap { -webkit-column-count: 3; -moz-column-count: 3; -ms-column-count: 3; -o-column-count: 3; column-count: 3; -webkit-column-gap: 15px; -moz-column-gap: 15px; -ms-column-gap: 15px; -o-column-gap: 15px; column-gap: 15px; columns: 3; line-height:2em;} /**** END: SEO Footer Columns ****/ #pnlEnroll #btnSubmit { width: 100%; } #pnlEnroll #btnReqMail { width: 100%; } } @media screen and (max-width: 640px) { #utilityNav .text { margin: 8px auto; text-align: center; float: none; } .socialMediaIcons { clear: both; float: none; clear: both; float: none; text-align: center; margin: 0 auto 8px; } #utilityNavText { float: none; } #content { width: 100%; } #rightNav { float: left; clear: both; display: block; width: 100%; border-left: none; padding: 0 0 10px 0; margin-top: -25px; } .rightNavBanner { display: inline-block; width: 100%; max-width: none; } .rightNavBannerImg { max-width: 105px; } .rightNavBanner a img { float: left; } .rightNavBannerContent { float: left; width: 60%; padding-left: 2.5%; } .rightVideoContainer div { float: none; clear: both; margin: 0 0 10px; } .leftNavBottom { float: none; clear: both; display: block; width: 100%; border-left: none; border-top: 1px solid #c8e1ed; padding: 20px 0 20px 9px; margin: 0; } /* added 2015.01.14 */ .PromoLeft { float: none; clear: both; display: block; width: 100%; border-left: none; border-top: 1px solid #c8e1ed; padding: 20px 0 70px 0; margin: 0; text-align: center; } /* added 2015.01.14 */ #zipCheckContainer { border: none; } /************ COLUMN STRUCTURE ************/ .two_col { width: 100%; float: none; margin: 0 0 0 0; } .four_col { width: 100%; } form > ul { width: 100%; list-style: none; column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; margin-left: 0; padding-left: 0;clear:right; } /*PRODUCT LISTING*/ .productListing { margin: 0 0 22px 0; } .productListing .text { width: 63%; padding-right: 2%; max-width: none; } .productListing .thumbnail { margin: 0 0 5px 0; width: 35%; max-width: none; } .productListing .buttonWrap { clear: both; margin-top: 10px; } /*PRODUCT DETAIL*/ .productDetail { width: 99%; border-right: none; } .productDetail .border { margin-bottom: 30px; } .productDetail .thumbnail { width: 100%; text-align: center; margin-top: 10px; } .productDetail .information { width: 100%; } .productRightNav { float: left; width: 99%; } #header { height: auto; padding-bottom: 3px; } /*#headerLogin { font-size: 0.917em; color: #439539 !important; font-weight: bold; vertical-align: middle; display: block; clear: both; float: right; margin: 17px 0 0; } #headerLogin a { font-size: 0.917em; color: #0065a4 !important; border: 1px solid #cdcdcd; background: #edeeef; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 8px 0; width: 92px; display: block; text-align: center; float: left; }*/ #headerLogin .headerWelcome { display: none; } /*.headerContact { font-size: 0.917em; color: #0065a4 !important; border: 1px solid #cdcdcd; background: #edeeef url(../images/header/phone-icon.png) 7px center no-repeat; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 8px 0 8px 0; width: 92px; text-align: center; display: block; clear: both; float: right; margin: 10px 0 0; }*/ .headerContact .PhoneNumber { display: none; } .project_col_left {float:left; clear:both; width:auto; padding-bottom:1%;} .project_col_right {float:left; width:100%; padding-bottom:3%;} .footerContact { position: fixed; bottom: 0; left: 1%; right: 1%; width: 98%; font-size: 0.95em; font-weight: bold; color: #fff; border: 1px solid #0065a4; background: #0065a4; border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; padding: 8px 0; text-align: center; display: block; margin: 0; } .footerContact a { display: block; width: 100%; } .footerContact a span { background: #0065a4 url(../images/footer/phone-icon.png) left center no-repeat; padding-left: 16px; } #bodyContainer .footerContact a { color: #fff; } #contactForm div.field > input[type=text] { width: 100%; max-width: 100%; } #contactForm input.btn, input.btn { width: auto; } .field ~ .example, .field .example { display: block; margin-bottom: 20px; } #pnlEnroll div.field > input[type=text] { max-width: 100%; } div.field > input[type=text], div.field > input[type=password] { max-width: 100%; } } @media screen and (max-width: 555px) { .header-accordion .text { background: url(../images/header/accordion-off.png) left center no-repeat; padding: 0 20px 0 25px; } .header-accordion .text.on { background: url(../images/header/accordion-on.png) left center no-repeat; padding: 0 20px 0 25px; } #threeOptions .confirmationMessage { float: none; clear: both; padding: 0 20px 0 25px; } .header-accordion-blue .text { background: url(../images/header/accordion-off.png) left center no-repeat; padding: 0 20px 0 25px; } /** SERVICE CONTRACTS SIGN UP FORM/TABLE **/ .formTable .tableHeader { display: none; } .formTable .data { clear: both; border: 1px solid #7895A0; padding: 1% 0; display: inline-block; width: 100%; } .formTable .data div { border: none; padding: 0; clear: both; } .formTable .data .checkBox-data { width: 100%; text-align: left; float: left; } .formTable .data .checkBox-data .check_box { margin-right: 20px; } .formTable .data div.contentData { width: 80%; clear: none; } .formTable .data .priceData { width: 90%; text-align: left; float: left; margin-left: 37px; } .formTable .data .seniorData { width: 90%; text-align: left; float: left; margin-left: 37px; } .formTable .data .basicComfort { width: 90%; text-align: left; float: left; margin-left: 37px; } .formTable .data .totalComfort { width: 90%; text-align: left; float: left; margin-left: 37px; } .formTable .data .platinumComfort { width: 90%; text-align: left; float: left; margin-left: 37px; } .formTable .data .priceData:before { content: "Monthly Regular Rate"; padding: 0 10px 0 0; } .formTable .data .seniorData:before { content: "Monthly Senior Rate"; padding: 0 10px 0 0; } .formTable .data .seniorData.empty:before { content: ""; padding: 0; } .formTable .data .basicComfort:before { content: "Monthly Basic Comfort"; padding: 0 10px 0 0; } .formTable .data .totalComfort:before { content: "Monthly Total Comfort"; padding: 0 10px 0 0; } .formTable .data .platinumComfort:before { content: "Monthly Platinum Comfort"; padding: 0 10px 0 0; } #additionalCoverage.formTable .data .priceData { width: 90%; text-align: left; float: left; margin-left: 60px; } #additionalCoverage.formTable .data .seniorData { width: 90%; text-align: left; float: left; margin-left: 60px; } #additionalCoverage.formTable .data .basicComfort { width: 90%; text-align: left; float: left; margin-left: 60px; } #additionalCoverage.formTable .data .totalComfort { width: 90%; text-align: left; float: left; margin-left: 60px; } #additionalCoverage.formTable .data .platinumComfort { width: 90%; text-align: left; float: left; margin-left: 60px; } #additionalCoverage.formTable .data .priceData:before { content: "Premier Plan Rate"; padding: 0 10px 0 0; } #additionalCoverage.formTable .data .seniorData:before { content: "Basic Plan Rate"; padding: 0 10px 0 0; } #additionalCoverage.formTable .data .basicComfort:before { content: "Monthly Basic Comfort"; padding: 0 10px 0 0; } #additionalCoverage.formTable .data .totalComfort:before { content: "Monthly Total Comfort"; padding: 0 10px 0 0; } #additionalCoverage.formTable .data .platinumComfort:before { content: "Monthly Platinum Comfort"; padding: 0 10px 0 0; } #annualInspection.formTable .data .priceData { width: 90%; text-align: left; float: left; margin-left: 60px; } #annualInspection.formTable .data .seniorData { width: 90%; text-align: left; float: left; margin-left: 60px; } #annualInspection.formTable .data .basicComfort { width: 90%; text-align: left; float: left; margin-left: 60px; } #annualInspection.formTable .data .totalComfort { width: 90%; text-align: left; float: left; margin-left: 60px; } #annualInspection.formTable .data .platinumComfort { width: 90%; text-align: left; float: left; margin-left: 60px; } .formTable .data div.priceData, .formTable .data div.seniorData, .formTable .data div.basicComfort, .formTable .data div.totalComfort, .formTable .data div.platinumComfort {text-align:left;} .formTable .tableHeader div:last-child {border-right:none;} .formTable .data div:last-child {border-right:none;} .formTable .empty {border:none!important;} /**** START: SEO Footer Columns ****/ .category-sitemap { -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2; -webkit-column-gap: 15px; -moz-column-gap: 15px; -ms-column-gap: 15px; -o-column-gap: 15px; column-gap: 15px; columns: 2; line-height:2em;} /**** END: SEO Footer Columns ****/ } @media screen and (max-width: 480px) { .tooltip { max-width: 230px !important; } .maphotSpot.one { top: 16px; margin-left: 45%; } .maphotSpot.two { top: 21px; margin-left: 63%; } .maphotSpot.three { top: 0px; margin-left: 23%; } .maphotSpot.four { top: 2px; margin-left: 25%; } .maphotSpot.five { top: 26px; margin-left: 22%; } .maphotSpot.six { top: 16px; margin-left: 67%; } .maphotSpot.seven { top: 60px; margin-left: 40%; } .maphotSpot.eight { top: 84px; margin-left: 25%; } .maphotSpot.nine { top: -3px; margin-left: 56%; } .maphotSpot.ten { top: -28px; margin-left: 81%; } .maphotSpot.eleven { top: 80px; margin-left: 8%; } .clearImg { float: left; width: 100%; display: block; } form > ul > li{float:none;} /**** START: SEO Footer Columns ****/ .category-sitemap { -webkit-column-count: 1; -moz-column-count: 1; -ms-column-count: 1; -o-column-count: 1; column-count: 1; -webkit-column-gap: 15px; -moz-column-gap: 15px; -ms-column-gap: 15px; -o-column-gap: 15px; column-gap: 15px; columns: 1; line-height:2em;} /**** END: SEO Footer Columns ****/ } @media screen and (max-width: 400px) { .utilityNavDivider.hideMobile { clear: both; display: block; visibility: hidden; } .mobileBreak { clear: both; display: block; visibility: hidden; } .leftNavBottom div { text-align: inherit; } .utilityNavDivider { width: 5px; height: 12px; margin: 0 4px -3px 4px; } #bodyContainer #headerLogin { margin: 18px 95px 0 0; } } /* ============================ Slick Slider * ============================*/ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative;display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: '';} .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: auto; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slider */ /*.slick-loading .slick-list{ background: #fff url('./ajax-loader.gif') center center no-repeat;}*/ /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; bottom: 20px; display: block; width: 30px; height: 33px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; border: none; z-index: 2; background-color: rgba(66, 180, 62, 0.8); } .slick-prev:hover, .slick-next:hover { background-color: rgba(66, 180, 62, 1); } .slick-prev { left: 10px; } .slick-prev:before { font-size: 1.9rem; color: #757575; content:"\f104"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-block; padding-top: 6px; } .slick-next { right: 10px; } .slick-next:before { font-size: 1.9rem; color: #757575; content:"\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-block; padding-top: 6px; } /* Dots */ .slick-dots, [class^="content col"] ul.slick-dots { position: absolute; bottom: -40px; display: block; padding: 0; margin: 0; width: 100%; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; margin: 0 5px; padding: 0; } .slick-dots li button { display: block; height: 20px; width: 20px; margin-top: -4px; margin-left: -4px; line-height: 0; font-size: 0; color: transparent; border: 0; background: 0 0; cursor: pointer; } .slick-dots li button:focus .slick-dot-icon, .slick-dots li button:hover .slick-dot-icon { opacity: 1; background-color: #757575; border-radius: 50%; padding: 3px; border: 2px solid #757575; } .slick-dots li button:focus .slick-dot-icon:before { color: #004987; } .slick-dots li button .slick-dot-icon { color: #000; opacity: 1; background-color: transparent; border-radius: 50%; padding: 3px; border: 2px solid #757575; } .slick-dots li button .slick-dot-icon:before { display: none; /*position: absolute; top: 0; left: 0; content: "•"; font-family: slick; font-size: 26px; line-height: 1; text-align: center; transition: all 0.05s linear;*/ } .slick-dots li.slick-active button:focus .slick-dot-icon { color: #004987; opacity: 1; } .slick-dots li.slick-active button .slick-dot-icon { color: #000; opacity: 1; background-color: #757575; border-radius: 50%; padding: 3px; border: 2px solid #757575; } .slick-dots li.slick-active button .slick-dot-icon:before { margin-top: 0; margin-left: 0; font-size: 26px; } /* MODULE ADDITION */ /* Common Grid */ .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 { float: left; margin: 0 3% 0 0; } .col4 { float: left; margin: 0 4% 0 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 { margin: 0; } .col1 { width: 5.5%; } .col2 { width: 14%; } .col3 { width: 22.5%; } .col4 { width: 29.9%; } .col5 { width: 39.5%; } .col6 { width: 48%; } .col7 { width: 56.5%; } .col8 { width: 65%; } .col9 { width: 73.5%; } .col10 { width: 82%; } .col11 { width: 90.5%; } .col12 { width: 100%; margin: 0; } .columns .col4 { width: 30.66%; } #leftNavContainer + #contentMain .columns .col4 { width: 29.9%; } #leftNavContainer + #contentMain .columns .col6 { padding-right: 1.5%; } #leftNavContainer + #contentMain .columns .col12 { padding-right: 2.5%; } #leftNavContainer + #contentMain .columns.white .one-row, #leftNavContainer + #contentMain .columns.blue .one-row, #leftNavContainer + #contentMain .columns.green .one-row, #leftNavContainer + #contentMain .columns.lightBlue .one-row, #leftNavContainer + #contentMain .columns.lightGreen .one-row { margin-right: 2.5%; } .columns .colImage { width: 100%; } @media screen and (max-width: 990px) { #leftNavContainer + #contentMain .columns .col6, .columns .col6 { width: 48.5%; padding-right: 0; } #leftNavContainer + #contentMain .columns .col4, .columns .col4 { width: 30.6%; padding-right: 0; } #leftNavContainer + #contentMain .columns .col12, .columns .col12 { width: 100%; padding-right: 0; } #leftNavContainer + #contentMain .columns.white .one-row, #leftNavContainer + #contentMain .columns.blue .one-row, #leftNavContainer + #contentMain .columns.green .one-row, #leftNavContainer + #contentMain .columns.lightBlue .one-row, #leftNavContainer + #contentMain .columns.lightGreen .one-row { margin-right: 0; } .columns .col6, .columns .col12 { padding-right: 0; } .columns .col3:last-of-type, .columns .col4:last-of-type, .columns .col6:last-of-type { /*margin-bottom: 38px;*/ margin-bottom: 0; margin-right: 0; } } @media screen and (max-width: 640px) { #content p { margin-right: 0; } .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 { float: none; width: 100%; } #leftNavContainer + #contentMain .columns .col6, #leftNavContainer + #contentMain .columns .col4, #leftNavContainer + #contentMain .columns .col12 { width: 100%; } .columns .col6 { width: 100%; } .columns .col4 { width: 100%; } .columns .col3, .columns .col4, .columns .col6 { margin-bottom: 38px; margin-right: 0; } .columns .col3:last-of-type, .columns .col4:last-of-type, .columns .col6:last-of-type { /*margin-bottom: 38px;*/ margin-bottom: 0; margin-right: 0; } } /* Main container */ .one-row { clear: both; padding: 0 0; } .one-row:after{ content:"";clear:both;display:block; } /* Page Columns and Extras */ .columns { display: block; float: left; width: 100%; margin: 15px auto; clear: both; } .columns.white .one-row, .columns.blue .one-row, .columns.green .one-row, .columns.lightBlue .one-row, .columns.lightGreen .one-row { padding: 24px 28px 14px 28px; } /* Column Background Color Font Styles */ .columns.white .one-row { background-color: #fff; } /* Blue and Green Colors*/ .columns.blue .one-row { background-color: #004887; color: #fff; } .columns.green .one-row { background-color: #46842A; color: #fff; } #content .columns.blue .one-row h2, #content .columns.green .one-row h2, #content .columns.blue .one-row h3, #content .columns.green .one-row h3, #content .columns.blue .one-row h4, #content .columns.green .one-row h4, #content .columns.blue .one-row h5, #content .columns.green .one-row h5, #content .columns.blue a, #content .columns.green a { color: #fff; } #content .columns.blue a:hover, #content .columns.blue a:focus { color: #A2BAD2; } #content .columns.blue a.btnLrg:hover, #content .columns.blue a.btnLrg:focus { color: #fff; } #content .columns.green a:hover, #content .columns.green a:focus { color: #fff; } /* Light Blue and Light Green Colors */ .columns.lightBlue .one-row { background-color: #c5d4e2; } .columns.lightGreen .one-row { background-color: #a1d683; } #content .columns.lightBlue a, #content .columns.lightGreen a { color: #3b3b3b; } #content .columns.lightBlue a:hover, #content .columns.lightBlue a:focus { color: #000; } #content .columns.lightGreen a:hover, #content .columns.lightGreen a:focus { color: #000; } #content .columns.lightBlue a.btnLrg, #content .columns.lightGreen a.btnLrg { color: #fff; } #content .columns.lightBlue a.btnLrg:hover, #content .columns.lightBlue a.btnLrg:focus, #content .columns.lightGreen a.btnLrg:hover, #content .columns.lightGreen a.btnLrg:focus { color: #fff; } .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 { padding: 19px 18px 14px 28px; } .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: 19px 5px 14px 28px; } /* Rule Line Break */ #leftNavContainer + #contentMain .wrapper.double { width: 97.5%; } .wrapper.double { float: left; width: 100%; height: 1px; clear: both; background-color:rgba(123,160,196,0.25); margin: 20px auto; } /* CTA Read More Button */ #bodyContainer a.readMore { display: block; font-size: 1.1rem; font-weight: 500; color: #326C9E; margin: 10px 0; text-decoration: none; position: relative; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #bodyContainer a.readMore:after { display: inline-block; width: 19px; height: 14px; content:"\f061"; font-family: "Font Awesome 5 Free"; font-weight: 900; padding-left: 8px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #bodyContainer a.readMore:hover:after, #bodyContainer a.readMore:focus:after { padding-left: 13px; } /* Large CTA Button */ #bodyContainer a.btnLrg { position: relative; display: block; font-size: 1.1rem; font-weight: 400; color: #fff; background-color: #46842A; padding: 10px 25px; margin: 10px 0; text-align: center; text-decoration: none; border-radius: 4em; border: 1px solid #46842A; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #bodyContainer a.btnLrg:hover, #bodyContainer a.btnLrg:focus { /*color: #DCE8D7;*/ background-color: #386921; color: #fff; } /* Video Options */ a.popup-youtube { position: relative; display: block; margin-bottom: 16px; } a.popup-youtube img { display: block; width: 100%; } #leftNavContainer + #contentMain .fullVideo { padding-right: 2.5%; } .fullVideo a.popup-youtube img { width: 100%; } a.popup-youtube .videoButton { width: 108px; height: 108px; position: absolute; right: 0; left: 0; top: 0; bottom: 0; color: #3B3B3B; padding: 10px 16px; margin: auto; background: url("../images/video-play.svg") center center no-repeat; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } a.popup-youtube:hover .videoButton, a.popup-youtube:focus .videoButton { background: url("../images/video-play-hover.svg") center center no-repeat; } .videoWrapper { position:relative; width: 100%; height: 0; padding-bottom: 56.25%; margin-bottom: 18px; } .videoWrapper > iframe { position: absolute; width: 100%; height: 100%;left: 0; top: 0; border: none; } /* Content Accordions */ .accordion.wrapper{ max-width: 1334px; } #content .accordion { float: left; width: 100%; padding: 00; } #leftNavContainer + #contentMain #content .accordion { padding: 0 2.5% 0 0; } #content .accordion .accordionPanel h2 { margin-top: 20px; } #content .accordion > h2:not(.accHead), #content .accordion > h3 { float: left; width: 100%; color: #004987; font-size: 1.11rem; line-height: 1.4; font-weight: 500; background-color: #fff; margin: 30px 0 0 0; padding: 0; } #content .accordion > h2:not(.accHead):first-of-type, #content .accordion > h3:first-of-type { margin-top: 10px; } #content .accordion > h2:not(.accHead):last-of-type, #content .accordion > h3:last-of-type { margin-bottom: 0; } .accordion.focus { border-color: #3B3B3B; } .accordionTrigger { position: relative; background: none; color: #004987; display: block; font-weight: 500; font-size: .98rem; line-height: 1.7em; padding: 0 48px 0 28px; margin: 0; text-align: left; width: 100%; outline: none; cursor: pointer; } .accordionTrigger[aria-expanded="true"], .accordionTrigger:focus, .accordionTrigger:hover { color: #3B3B3B; } .accordion button { font-family: 'Montserrat', Verdana, Helvetica, Arial, sans-serif; border: none; } .accordion button::-moz-focus-inner { border: 0; } .accordionTitle { display: block; pointer-events: none; border: transparent 2px solid; padding: 15px 15px 15px 0; outline: none; } .accordionTrigger:focus .accordionTitle { color: #3B3B3B; } .accordionIcon { position: absolute; top: 24px; right: 28px; display: block; width: 12px; height: 12px; background-repeat: no-repeat; background-position: center; background-image: url(../images/header/mobile-company-menu.svg); } .accordionTrigger[aria-expanded="true"] .accordionIcon { background-image: url(../images/header/mobile-company-menu-open.svg); } .accordionPanel { float: left; width: 100%; margin: 0; padding: 0 28px 10px 28px; background-color: #fff; } .accordionPanel[hidden] { display: none; } @media screen and (max-width: 990px) { #leftNavContainer + #contentMain .fullVideo { padding-right: 0; } #leftNavContainer + #contentMain #content .accordion { padding-right: 0; } #leftNavContainer + #contentMain .wrapper.double { width: 100%; } } @media screen and (max-width: 640px) { .accordionTrigger { padding: 0 48px 0 22px; } } /* Landing Page */ .landingPage #interiorContentContainer { max-width: 100%; padding: 0; } .landingPage #headerUtilityContainer .videoTexture { max-height: 1080px; } .fullWidth > #content { width: 100%; } #contentMain.fullWidth .columns .one-row { max-width: 1334px; width: 100%; margin: 0 auto; padding: 32px 25px; } #contentMain.fullWidth .columns.edge { margin: 0 auto; } #contentMain.fullWidth .columns.edge .wysiwyg-content > img { float: left; width: 100%; } #contentMain.fullWidth .columns.edge .one-row { max-width: 100%; padding: 0; } .darkBlueBg { background-color: #004887; color: #fff; } #content .darkBlueBg *, .darkBlueBg a { color: #fff; } .darkBlueBg a:hover, .darkBlueBg a:focus { color: #fff; } .darkGreenBg { background-color: #46842A; color: #fff; } #content .darkGreenBg *, .darkGreenBg a { color: #fff; } .darkGreenBg a:hover, .darkGreenBg a:focus { color: #fff; } #contentMain.fullWidth .lightBlue { background-color: #c5d4e2; } #contentMain.fullWidth .lightGreen { background-color: #a1d683; } #contentMain.fullWidth .hasBg { margin: 0 auto; } #contentMain.fullWidth #content { padding: 0; } #contentMain.fullWidth .wrapper.double {float: none; width: 96%; max-width: 1286px; } /* Landing Impact Video Caption */ .impactCaption { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 50px 5%; font-size: 1.8rem; font-weight: 600; line-height: 1.4; color: #fff; text-shadow: 2px 2px 8px #000000; white-space: pre-wrap; } .impactCaption.topLeft { top: 0; bottom: auto; left: 0; right: auto; } .impactCaption.bottomLeft { top: auto; bottom: 0; left: 0; right: auto; } .impactCaption.topRight { top: 0; bottom: auto; left: auto; right: 0; text-align: right; } .impactCaption.bottomRight { top: auto; bottom: 0; left: auto; right: 0; text-align: right; } @media screen and (max-width: 990px) { .impactCaption { padding: 25px; font-size: 1.2rem; } .landingPage #headerTier2Img .videoTexture > img { height: auto; } .landingPage #headerUtilityContainer .videoTexture > video { height: auto; object-fit: unset; } } @media screen and (max-width: 767px) { .landingPage #headerTier2Img .videoTexture > img { height: auto; } .landingPage #headerUtilityContainer video { display: block; } } @media screen and (min-width: 641px) { .landingPage #contentMain.fullWidth .columns .one-row { display: flex; } .landingPage #contentMain.fullWidth .columns .one-row .col6 { display: flex; } .landingPage #contentMain.fullWidth .columns .one-row .col6 .wysiwyg-content { display: flex; flex-direction: column; margin: auto; } .landingPage #contentMain.fullWidth .columns .one-row .col6 .colImage { align-self: center; } } /* Landing News Area Columns */ #content .newsBlurb a { text-decoration: none; } .landingPage #newsReportsContainer { position: relative; display: block; float: none; width: 100%; clear: both; background-color: #004987; padding: 47px 20px 0 20px; margin: 0 auto; } .landingPage #newsReportsContainer #newsContent { width: 100%; max-width: 1334px; padding: 10px 20px 60px 20px; margin: 0 auto; background-color: #fff; border: 1px solid #fff; } .landingPage #newsReportsContainer > .wrapper { position: relative; display: block; width: 100%; max-width: 1720px; clear: both; padding: 20px 20px 40px 20px; margin: 0 auto; background-color: #fff; z-index: 1; float: none; } .landingPage #newsReportsContainer > .wrapper > h2 { width: 100%; max-width: 1334px; font-weight: 500; text-transform: uppercase; padding: 47px 20px 0 20px; margin: 0 auto; } .landingPage #newsReportsContainer > .wrapper > h2:after { display: block; content: ''; background: #46842A; width: 70px; height: 1px; margin: 20px 0 15px 0; } .columnHeader { font-size: 1.5rem; font-weight: 500; width:100%; padding:0; text-transform: uppercase; } .landingPage #newsReportsContainer h3 { margin: 6px 0; color: #3B3B3B; font-family: 'Montserrat', Verdana, Helvetica, Arial, sans-serif; font-size: 1.5rem; font-weight: 500; } .landingPage #newsReportsContainer .slick-dots { bottom: 0; } .landingPage #newsContent .slick-slide { margin: 0 10px; } .landingPage #newsContent .slick-list { margin: 0 -10px; } .landingPage #newsContent p { font-size: .95rem; } .landingPage #newsContent { padding: 0 0 36px 0; margin: 20px auto 10px auto; } .landingPage #newsContent .slick-dots { bottom: 20px; } .landingPage #newsContent .slick-slide { margin: 0 10px; } .landingPage #newsContent .slick-list { margin: 0 -10px; } .landingPage #newsContent p.newsDate { font-size: .85rem; font-weight: 500; margin-bottom: 9px; } .landingPage #newsContent p.newsBlurb { font-size: 1.2rem; font-weight: 500; line-height: 1.3em; margin-bottom: 10px; } .landingPage #newsContent p.newsBlurb a { text-transform: capitalize; } #bodyContainer .landingPage #newsContent p.newsBlurb a:hover, #bodyContainer .landingPage #newsContent p.newsBlurb a:focus { color: #326C9E; } .landingPage #newsContent p.newsSummary { font-size: 1rem; line-height: 1.9em; } #bodyContainer .landingPage #theNews a.readMore:hover, #bodyContainer .landingPage #theNews a.readMore:focus { color: #326C9E; text-decoration: underline; } .landingPage .newsDivide { display: none; } @media screen and (max-width: 990px) { .landingPage #newsReportsContainer > .wrapper { padding: 20px 20px 0px 20px; } .landingPage #newsReportsContainer { padding: 38px 15px 0 15px; } .landingPage #newsReportsContainer > .wrapper > h2 { padding: 40px 5px 0 5px; } .landingPage #newsReportsContainer #newsContent .readMore { text-align: left; } .landingPage #newsReportsContainer #newsContent { padding: 10px 5px 37px 5px; } } @media print { #companyNavContainer, #quicklinksSelect, #headerSearch, #topNavContainer, #headerUtilityContainer, #leftNavContainer, #rightNav, #utilityNavContainer, #beaconInfo { display: none; } #contentMain, #content { width: 100%; } #copyrightContainer { border: none; box-shadow: none; } }