/*--------------------------------------------------------------- GLOBAL -----------------------------------------------------------------*/ body { overflow-x: hidden; } .wrapper { margin: 0 auto; width: 100%; max-width: 1280px; } .wrapper:after { content: ""; clear: both; display: block; } h1, h2, h3, h4, h5 { margin: 15px auto; } /*.home h1, .home h2, .home h3, .home h4, .home h5 { margin-top: 50px; }*/ p { line-height: 1.5rem; margin-bottom:20px; } /*a:focus { outline: none; }*/ #mobile-header { display: none; } .flexslider { border: none !important; background: none !important; } .mob-only { display: none; } .mob-only-inline { display:none; } .full-only { display: block; } .full-only-inline{ display:inline-block; } sup {font-size:.56rem; vertical-align:super;} strong sup { font-size:1.25rem; } hr { margin: 10px 0; } form { margin-bottom:30px; } a.btnLrg, button.btnLrg, form input[type=submit].btnLrg, input[type=submit].btnLrg{ -webkit-appearance: none;display:inline-block;border:0;/*outline:0;width:100%; max-width:400px;*/width: auto; max-width: none; padding:15px;font-weight:700;text-align:center;text-decoration:none;text-transform: uppercase; } a.btnLrg:hover{ text-decoration:none!important; } .contact .btnLrg { margin-bottom: 15px; } a.btnLrg, button.btnLrg, form input[type="submit"].btnLrg { /*background-color: transparent; color: #fff; border: 1px solid #d5a10e;*/ } a.btnLrg:hover { /*background-color: #d5a10e;*/ color: #FFF; } .screenreader { position: absolute; left: -10000px; } .ghost { opacity: 0; position: absolute; top: 0; left: 0; height: 0;width: 0; z-index: -1; } .hidden { display: none !important; } .visuallyhidden { position: absolute; text-indent: -99999px; } /* --------- END GLOBAL --------- */ /*--------------------------------------------------------------- HEADER AND LOGO -----------------------------------------------------------------*/ header{ position:relative;width:100%; } /*.home header{ position:absolute;z-index: 2;margin-top:30px; }*/ /*COMMENT OUT THIS LINE IF HEADER DOESNT OVERLAY IMPACT */ .headerContent.wrapper { position: relative; /*max-width: 1780px; padding:0 10px;*/ max-width: 1920px; padding:0;} .logo { float: left; position: absolute; overflow: visible; z-index: 9999999999999; top: -40px; max-width: 308px; } .logo a { float: left; } header .logo img { width: 100%; max-width: 308px; /*margin: 10px 10px 10px 0;*/ } header.scroll-on .logo img { max-width:235px; } header.scroll-on .logo { top: -10px; } header.scroll-on #menu{ margin-top:20px; } .headerContent { z-index: 99999; } /* END HEADER AND LOGO */ /*--------------------------------------------------------------- STICKY HEADER -----------------------------------------------------------------*/ header.scroll-on, .home header .scroll-on { position: fixed; top: 0; left: 0; right: 0; box-shadow: 0px 4px 3px 0px rgba(0,0,0,.2); -moz-box-shadow: 0px 4px 3px 0px rgba(0,0,0,.2); -webkit-box-shadow: 0px 4px 3px 0px rgba(0,0,0,.2); z-index: 10000; margin-top:0px; } .utilityHeader.hide-utility { display: none; } /* END STICKY HEADER */ /*--------------------------------------------------------------- BEGIN UTILITY NAVIGATION -----------------------------------------------------------------*/ .utilityHeader { position:relative; width: 100%; height: 30px; padding: 4px 8px 8px 8px; z-index:1; } .utilityHeader:after{ clear:both; display:block; content:""; } .utSocial a { font-size: 1.5em; } /*.home .utilityHeader{ position:absolute; }*/ /*COMMENT OUT THIS LINE IF HEADER DOESNT OVERLAY IMPACT */ .utilityHeader .wrapper > div:last-child { text-align: right; } .utilityHeader span { font-size: .85em; text-decoration: none; } .utilityHeader span.habla{ margin-right:15px;display:inline-block; } .utilityHeader .wrapper { padding: 0; } .utPhone a { text-decoration: none;font-weight: 700; } /* END UTILITY NAVIGATION */ /*--------------------------------------------------------------- SEARCH MOBILE -----------------------------------------------------------------*/ /* TOOLBAR MENU OPEN */ .headerContent #searchMobiletoggle { display: none; } nav #searchtoggle + label span, #mobile-header .searchButton span { position: absolute; overflow: hidden; z-index: -1000; font-size: 0; height: 1px; } /* OPENS CHANGES ICONS */ nav #searchtoggle + label:before, #mobile-header .searchButton:before { content: url(../images/icons/search-icon-gray.svg); } #mobile-header .searchButton:hover:before, #mobile-header .searchButton:focus:before { content: url(../images/icons/search-icon-hover.svg); } #mobile-header .searchButton.is-active:before { content: url(../images/icons/search-desktop-close.svg); } #mobile-header .searchButton.is-active:hover:before, #mobile-header .searchButton.is-active:focus:before { content: url(../images/icons/search-desktop-close-hover.svg); } input#q::-webkit-search-cancel-button { display: none; } input#q:-webkit-autofill,input#q:-webkit-autofill:hover, input#q:-webkit-autofill:focus, input#q:-webkit-autofill:active { border-top: none !important; border-right: none !important; border-left: none !important; -webkit-box-shadow: 0 0 0 30px #008071 inset !important; } input#q:-webkit-autofill,input#q:-webkit-autofill:hover, input#q:-webkit-autofill:focus, input#q:-webkit-autofill:active { color: #fff !important; } input#q:-webkit-autofill { -webkit-box-shadow:0 0 0 50px white inset; /* Change the color to your own background color */ -webkit-text-fill-color: #fff; } input#q:-webkit-autofill:focus { -webkit-box-shadow: /*your box-shadow*/0 0 0 50px white inset; -webkit-text-fill-color: #fff; } /* OPENS DIV */ nav #searchtoggle ~ label { width: 32px; display: block; width: initial; float: right; margin-right: 5.5%; padding-left: 30px; padding-top: 36px; cursor: pointer; } nav #searchtoggle:checked ~ .searchMobilecontent { opacity: 0; height: 0; display: none; position: absolute; overflow-x: hidden; z-index: 9999999999; } /* DIV */ nav .searchMobilecontent { border-style: solid; border-width: 1px; float: right; max-width: 100%; width: 100%; transition-property: all; transition-duration: .5s; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); padding: 30px 5%; margin-top: 31px; margin-bottom: 7px; z-index: 9999999; display: none; position: absolute; right: 0; top: 50px; } @media only screen and (min-width: 961px){ nav .searchMobilecontent { margin-top: -20px; } .scroll-on nav .searchMobilecontent { padding: 16px 5%; } } nav .searchMobilecontent ul.toolbar { list-style: none; padding-left: 0; display: block; } nav .searchMobilecontent li { display: block; } nav .searchMobilecontent li a { text-decoration: none; line-height: 2.5em; display: block; font-size: 0.875em; text-transform: initial; } /* SEARCH INPUT */ nav .searchMobilecontent input[type=search] { font-family: 'Proxima Nova Light', 'Montserrat', sans-serif; font-size: 1.1rem; font-weight: normal; color: #fff; background-color: #008071; text-transform: uppercase; padding: 10px 6px 5px 6px; /*width: 85%; float: left;*/ -webkit-appearance: none; margin: 0; /*position: absolute; top: 5px;*/ border-top: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid #fff; border-left: 1px solid transparent; border-radius: 0; -web-kit-border-radius: 0; } nav .searchMobilecontent input:focus { outline: none; } nav .searchMobilecontent button[type=submit] { float: left; position: relative; border: none; font-size: 1.125em; margin-top: 12px; overflow: hidden; } nav .searchMobilecontent button[type=submit]:before { content: url(../images/icons/search-icon-white.svg); } nav .searchMobilecontent button[type=submit] span { position: absolute; text-indent: -99999px; } nav .searchMobilecontent ::-webkit-input-placeholder { padding-left: 0px; color: #fff; font-family: 'Proxima Nova Light', 'Montserrat', sans-serif; font-weight: normal; } nav .searchMobilecontent :-moz-placeholder { padding-left: 0px; color: #fff; font-family: 'Proxima Nova Light', 'Montserrat', sans-serif; font-weight: normal; } nav .searchMobilecontent ::-moz-placeholder { padding-left: 0px; color: #fff; font-family: 'Proxima Nova Light', 'Montserrat', sans-serif; font-weight: normal; } nav .searchMobilecontent :-ms-input-placeholder { padding-left: 0px; color: #fff; font-family: 'Proxima Nova Light', 'Montserrat', sans-serif; font-weight: normal; } nav .searchMobilecontent.is-active { display: block; background-color: #008071; font-family: 'Proxima Nova Light', 'Montserrat', sans-serif; font-weight: normal; } /*--------------------------------------------------------------- BEGIN MAIN/TOP NAVIGATION -----------------------------------------------------------------*/ /* TOP NAV */ .topNav { height: 30px; margin-right: 0; padding-right: 4%; } .topNav ul { list-style: none; margin-top: 0; } .topNav ul li { display: inline-block; padding: 15px; } /*.topNav ul.nav > li > a, .topNav ul.nav > li > span { text-transform: uppercase; }*/ .topNav ul li a { text-decoration: none; } /* MAIN NAVIGATION */ .topNav input[type="checkbox"] { display: none; } .topNav .menu-container a span { position: relative; display: inline-block; font-size: 1rem; margin-left: 10px; } #menu .main-menu { display: none; } #tm:checked + .main-menu { display: block; } #menu input[type="checkbox"] { display: none; } #menu li, #menu a, #menu span { position: relative; display: block; font-weight:700; text-decoration: none; } #menu span{ cursor:pointer; } #menu { float: right; margin-top: 55px; margin-bottom: 10px; } /*header.scroll-on #menu { margin-top: 10px; }*/ #menu input[type="checkbox"]:checked + .sub-menu { display: block; } #menu > li { float: left; } /* 新增下划线效果 */ #menu a.active { color: #4a6bff; /* 选中状态文字颜色 */ } #menu a.active::after { content: ''; position: absolute; bottom: -5px; /* 调整下划线位置 */ left: 0; width: 100%; height: 3px; background-color: #4a6bff; border-radius: 3px; animation: underline 0.3s ease-out; } @keyframes underline { from { transform: scaleX(0); } to { transform: scaleX(1); } } .mobilenavtrigger{ display: none; } /* SUB NAVIGATION #menu .sub-menu { display: none; min-width:200px; margin: 0; position: absolute; top: 100%; left: 0px; z-index: 3000; padding: 40px 10px 10px 10px; } #menu > li:last-child > .sub-menu{ right:auto; left:auto; } #menu input[type="checkbox"]:checked + .sub-menu { display: block; } */ #menu .sub-menu h3 { font-weight: 700; } #menu .sub-menu li { text-align:left; padding: 0 5px; margin-right: 0; display: block; border-bottom: 1px solid #D8E6F3; } #menu ul.sub-menu li a:hover{ text-decoration:underline; } /*#menu li.has-sub:hover > a { text-decoration: underline; }*/ /*#menu #single { min-width: 235px; }*/ /*#menu #double, #menu #triple { min-width: 500px; }*/ /*#menu #single li { float: none; }*/ /*#menu #double li { width:50%;}*/ /*#menu #triple li { width: 33.333%; }*/ /*#menu #quad li { width:25%; }*/ /*#menu .sub-menu li[class^="col"] { float: left; } #menu .sub-menu a { font-size: .875em; line-height: 1em; margin-right: 0; } #menu .rightFloat .sub-menu { left: auto; right: 0; } #menu .sub-menu, #menu input[type="checkbox"]:checked + .sub-menu { display: none; } #menu .sub-menu .sub-menu { top: 0; left: 100%; } #menu li:hover > input[type="checkbox"] + .sub-menu { display: block; } #menu li:hover > input[type="checkbox"] + .sub-menu { display: block; } #menu li ul li { position: relative; padding: 0; margin: 0; } #menu li ul { list-style: none; padding: 0; margin: 0 0 12px 0; }*/ /*.dropdown_1column,.dropdown_2columns,.dropdown_3columns,.dropdown_4columns,.dropdown_5columns{margin:4px auto;float:left;position:absolute;left:-999em; /* Hides the drop down /*text-align:left;padding:10px 5px 10px 5px;border:1px solid #777777;border-top:none;background:#cdc8c5;*/ /* Rounded Corners */ /* -moz-border-radius:0px 5px 5px 5px;-webkit-border-radius:0px 5px 5px 5px;border-radius:0px 5px 5px 5px;}*/ /* ACESSIBLE NAV */ .nav ul.sub-menu { position: absolute; top: 3.7em; left: -9999px; opacity: 0; -webkit-transition: 0.1s linear opacity; min-width: 245px; } .nav li { float: left; position: relative; } /* Top level nav items */ .nav li > a, .nav li > select, .nav li > span { float: left; padding: 10px 12px; } .nav li:hover ul.sub-menu, .nav li:focus ul.sub-menu, ul.sub-menu.show-menu { left: 0; opacity: 0.99; } .nav ul.sub-menu li { float: none; position: static; } .nav ul.sub-menu a { float: none; display: block; color: #FFF; -webkit-transition: 0.1s linear all; } /* MOBILE MENU */ /* HIDE SELECT CHECKBOX */ .toggle, .full-screen-close { display: none; } .full-screen-close { width: 100%; height: 100%; position: absolute; cursor: pointer; top: 0; right: 0; } /* TOGGLE OFF-CANVAS MENU */ .container.show > .menu-container { height: 100%; /*margin-right: 0; min-width: 250px;*/ min-width: 100%; } .container.show > .content { margin-right: 40%; } .container.show > .content .full-screen-close { display: block; z-index: 15; } .menu { z-index: 104; position: relative; } .toggle-btn, .close-btn { cursor: pointer; } .toggle-btn { font-size: 1.4rem;margin-top: 10px;margin-right: 17px;display: inline-block; } .toggle-btn:after { content: url(../images/icons/mobile-menu-open-icon.svg); } .toggle-btn:hover:after { content: url(../images/icons/mobile-menu-open-icon-hover.svg); } .toggle-btn.on:after { content: url(../images/icons/mobile-menu-close-icon.svg); } .toggle-btn.on:hover:after { content: url(../images/icons/mobile-menu-close-icon-hover.svg); } .toggle-btn span { position: absolute; overflow: hidden; z-index: -1000; font-size: 0; height: 1px; } .close-btn { font-size: 1.4em; min-height: 45px; display: block; width: 100%; padding-top: 3px;/*float: right;margin-right: 10%;margin-top: 8px;*/ } /*.close-btn:after { content: '\f00d'; font-family: "Font Awesome\ 5 Free"; float: left; margin-left: 10px; display: inline-block; padding-top: 5px; vertical-align: top; }*/ /*.menu-container, .content { transition: margin 0.5s ease-in-out; }*/ .content { transition: margin 0.5s ease-in-out; } .menu-container { width: 100%; /*width: 40%; margin-right: -66%; margin-left: 0;*/ float: left; height: 0; /*height: 100%;*/ margin-top: 0px; position: fixed; top: 0; z-index: 102; display: inline-block; right: 0; transition: height 0.6s ease-in-out; } .slide-menu i { margin-right: 1rem; font-size: 1.5rem; vertical-align: middle; } .slide-menu li a { padding: 1.5rem; font-size: 1.125rem; text-transform: uppercase; font-weight: 600; display: block; transition: background-color .5s ease-in-out; } /* BEGIN Search Mobile */ .searchMobilecontent, #searchMobiletoggle, #searchMobiletoggle + label { display: none; } /* END MAIN/TOP NAVIGATION */ /* END SECTION UTILITY HEADER AND MAIN HEADER */ /*--------------------------------------------------------------- BEGIN HOME IMPACT BANNERS -----------------------------------------------------------------*/ .homeImpactBanners { float: left; clear: both; padding: 51px 0 0 0; } .homeImpactBanners .col6 { width: 50%; margin: 0; } .homeImpactBanners h1, .homeImpactBanners h2 { font-family: 'Proxima Nova Black', 'Montserrat', sans-serif; font-size: 2.8rem; font-weight: 900; line-height: 1.1; color: #525961 ; text-transform: none; } .homeImpactBanners h1 { /*margin-top: 40px;*/ margin-left: 24.5%; margin-bottom: 20px; } .homeImpactBanners h2 { padding-left: 20px; margin-right: 24.5%; } .homeImpactBanners .blurb { font-size: 1.1rem; line-height: 1.95; margin-top: 23px; } .homeImpactBanners .blurb .intro { padding-right: 7%; } .homeImpactBanners .blurb, .homeImpactBanners .blurb p { line-height: 1.6; margin-bottom: 20px; } .homeImpactBanners .blurb p:last-of-type { margin-bottom: 0; } .homeImpactBanners .blurb .subhead { display: block; font-family: 'Proxima Nova Bold', 'Montserrat', sans-serif; font-size: 1.53rem; font-weight: 600; line-height: 1.3; color: #991B1E; text-transform: uppercase; margin-bottom: 15px; } .homeImpactBanners .btnLinks { margin: 34px 0 0 0; } .homeImpactBanners .orangeHeadBorder { display: block; } .homeImpactBanners .orangeBanner { display: inline-block; background: #ffffff url(../images/home-banner-angle-orange.svg) no-repeat left top; background-size: contain; padding: 27px 0 73px 0; } .homeImpactBanners .orangeBanner .blurb { margin-left: 24.5%; } .homeImpactBanners .orangeBanner .fullImg { float: right; margin: 57px 0; padding-right: 3.5%; } .homeImpactBanners .orangeBanner .fullImg img { float: right; } .homeImpactBanners .blueBanner { display: inline-block; background: #ffffff url(../images/home-banner-angle-blue.svg) no-repeat right top; background-size: contain; padding: 58px 0 38px 0; } .homeImpactBanners .blueBanner .blurb { padding-left: 20px; margin-right: 24.5%; } .homeImpactBanners .blueBanner .fullImg { margin: 41px 0; padding-left: 3.5%; } .homeImpactBanners .blueBanner .fullImg img { float: left; } .orangeHeadBorder { display: block; margin: 5px 0; width: 100%; border: 4px solid #FCA133; background-color: #FCA133; } .homeMain { clear: both; } @media only screen and (min-width: 1421px) and (max-width: 1720px) { .homeImpactBanners .orangeBanner { background-position: -30px top; } .homeImpactBanners .blueBanner { background-position: 104% top; } } @media only screen and (min-width: 1120px) and (max-width: 1420px) { .homeImpactBanners .orangeBanner { background-position: -58px top; } .homeImpactBanners .blueBanner { background-position: 104% top; } } @media only screen and (min-width: 1024px) and (max-width: 1119px) { .homeImpactBanners .orangeBanner { background-position: -36px top; } .homeImpactBanners .blueBanner { background-position: 104% top; } .homeImpactBanners h1, .homeImpactBanners h2 { font-size: 2.3rem; } .homeImpactBanners a.btnLrg { min-width: 267px; } } @media only screen and (min-width: 961px) and (max-width: 1023px) { .homeImpactBanners .orangeBanner { background-position: -30px top; } .homeImpactBanners .blueBanner { background-position: 104% top; } .homeImpactBanners h1, .homeImpactBanners h2 { font-size: 2.3rem; } .homeImpactBanners a.btnLrg { min-width: 267px; } } @media only screen and (max-width: 960px) { .homeImpactBanners .col6 { width: 100%; } .homeImpactBanners h1 { margin-top: 8px; margin-left: 2.5%; margin-bottom: 15px; } .homeImpactBanners h1, .homeImpactBanners h2 { font-size: 2.5rem; line-height: 1.1; } .homeImpactBanners .blurb { font-size: 1rem; } .homeImpactBanners .orangeBanner { background-image: none; padding: 0; } .homeImpactBanners .orangeBanner .blurb { margin-left: 2.5%; margin-right: 2.5%; padding-left: 0; padding-right: 0; } .homeImpactBanners .orangeBanner .fullImg { float: right; margin: 0 0 10px 0; } .homeImpactBanners .blueBanner { background-image: none; padding: 22px 0 38px 0; } .homeImpactBanners .blueBanner .blurb { padding-left: 0; padding-right: 0; margin-left: 2.5%; margin-right: 2.5%; } .homeImpactBanners .blueBanner .fullImg { float: left; margin: 0 0 14px 0; } } @media only screen and (max-width: 580px) { .homeImpactBanners .blurb .intro { /*display: none;*/ } } /* END HOME IMPACT BANNERS */ /*--------------------------------------------------------------- BEGIN SECTION IMPACT IMAGE/SLIDER AREA -----------------------------------------------------------------*/ .slider { position: relative; /*box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,.6); -moz-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,.6); -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,.6);*/ } /*.slider:after{ content:"";width:100%;position:absolute;bottom:-25px;left:0;height:50px; background-image: url(../../_images/wave.png); background-repeat:repeat-x; background-position: 0 0; }*/ .interior .slider { box-shadow: none;z-index: -1; } .slider .wrapper { position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; max-width: 1250px/*1180px*/; } .slider img { display:block;width: 100%; } .slider h2 { font-size: 3.100rem; line-height: 1.15em; margin-bottom: 20px;text-shadow: 2px 2px #000; } .slider .blurb { display: block; margin: 10px 0 20px; width: 100%; line-height: 1.25em; font-size: 1.125em; font-style: italic;text-shadow: 2px 2px #000; } .slider a.button { margin-top: 40px; padding: 15px 60px 15px 60px; display: inline-block; font-size: 0.90rem; cursor: pointer; text-decoration: none; border-radius:500px; text-transform: uppercase; } .slider a.button:hover { cursor: pointer; } .slider .flexslider { margin-bottom: 0; } .slider .flexslider ul.slides li { position: relative; box-shadow: none; } .overlay { width: 46%; min-width: 525px; position: absolute; margin: auto; padding: 10px 30px 20px; } .overlay.left-top { top: 15%; bottom: auto; left: 20px; right: auto; text-align: left; } .overlay.left-bottom { top: auto; bottom: 15%; left: 20px; right: auto; text-align: left; } .overlay.center{ margin: auto;left: 0;right: 0;/*bottom: 0;*/top: 21%;height: 250px;width:60%; text-align:center;} .slider .overlay.center .blurb{ margin-left:auto;margin:0 auto; } /*.slider .overlay a.button:hover{ background:none; }*/ /*.slider .overlay.left-bottom h2:after, .slider .overlay.left-top h2:after { content: " "; border: 5px solid #00c5cd; margin-top: 10px; margin-bottom: 15px; display: block; min-width: 100px; position: absolute; left: 30px; }*/ .slider .overlay.left-bottom div.blurb, .slider .overlay.left-top div.blurb { margin-left: 0; } .slider .overlay.left-bottom a.button, .slider .overlay.left-top a.button { float: left; } .overlay.right-top { top: 10%; left: auto; right: 20px; text-align: right; } .overlay.right-bottom { top: auto; bottom: 10%; left: auto; right: 20px; text-align: right; } /*.slider .flexslider .slides img { min-height: 268px; min-width: 848px; background-position-x: 50%; }*/ .interior .slider .flexslider .slides img { min-height: auto; min-width: 100%; } /*.fullscreen-bg { position: fixed; top: 0px; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: -100; } .fullscreen-bg__video { position: relative; top: 50%; left: 50%; width: auto; height: auto; min-width: 100%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }*/ .fullscreen-bg { max-height: 900px;overflow: hidden; } .fullscreen-bg__video { display: block;position: relative; width: 100%; height: auto; min-width: 100%; min-height: 100%; } .homeImpact a.btnLrg{ margin-top:20px; } /* END SECTION IMPACT IMAGE/SLIDER AREA */ /* BEGIN Fancy Heading */ h3.headline { font-size: 1.875em; font-weight: 700; text-align: center; margin: 0 0 38px; position: relative; overflow: hidden; } h3.headlineborder span { position: relative; } /*h3.headlineborder span:before, h3.headlineborder span:after { content: ""; position: absolute; height: 2px; display: block; top: 50%; width: 150%; }*/ h3.headlineborder span:before { right: 100%; margin-right: 50px; } h3.headlineborder span:after { left: 100%; margin-left: 50px; } /* END Fancy Heading */ /* BEGIN ACCORDION AREA */ .accordion h2 { margin-top: 20px; } .accordion .acc-row { position: relative; border-bottom: 1px solid; margin-bottom:0px; } .accordion .acc-row input[type=checkbox] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 1; cursor: pointer; } .accordion .acc-row > h3 { font-size: 1.25rem; margin: 0; padding: 20px 20px 20px 0; } .accordion .acc-row h3, .accordion .acc-row h4, .accordion .acc-row h5 { margin-top: 0px; } .accordion .acc-row label { cursor: pointer; position: relative; display: block; padding-left: 35px; } .accordion .acc-row input[type=checkbox] { display: none; } /*.interior-content.col9 { margin-right: 0; }*/ /*.interior-content .accordion .acc-row p { border-style: solid; border-width: 1px; } */ .interior-content .accordion .acc-row label:before { font-family: "Font Awesome\ 5 Free"; content: "\f067"; font-weight: 900; position: absolute; width: 0; height: 0; top: 50%; left: 0; margin-top: -7px; } .interior-content .accordion .acc-row input[type=checkbox]:checked ~ h3 label:before { font-family: "Font Awesome\ 5 Free"; content: "\f068"; margin-top: -7px; font-weight: 900; } .accordion .acc-row input[type=checkbox]:checked ~ h3 ~ p, .accordion .acc-row input[type=checkbox]:checked ~ h3 ~ ul, .interior-content .accordion .acc-row input[type=checkbox]:checked ~ h3 ~ div { max-height: 100%; padding: 0 40px; -webkit-transition: max-height 0.2s ease; transition: max-height 0.2s ease; border-bottom: 1px solid #e6e5e5; } .accordion .acc-row div h3 { padding: 20px 0 15px; } .interior-content .accordion .acc-row div { box-sizing: border-box; max-height: 0; overflow: hidden; padding: 0 40px; -webkit-transition: max-height 0.1s ease; transition: max-height 0.1s ease; margin: 0; } /* END ACCORDION AREA */ /* BEGIN SECTION TRIPLE CIRCLES */ .tripleCircles .col4 { text-align: center; padding: 15px !important; } /* BEGIN CIRCLE CTA AREA */ .tripleCircles .col4 .circle { background-color: #000; width: 100%; height: 0; border-radius: 50%; cursor: pointer; border: 7px solid transparent; position: relative; margin: 1em auto; padding: 48% 0; } .tripleCircles .col4 .circle .content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; border-radius: 50%; } .tripleCircles .col4 .circle .content:after { content: " "; margin: 0px auto; display: block; max-width: 75px; position: relative; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .tripleCircles .col4 .circle .content:hover { background-color: rgba(0, 0, 0, .5); } .tripleCircles .col4 .circle .content:hover:after { max-width: 125px; } /* END CIRCLE CTA AREA */ .tripleCircles .col4 .circle h3 { font-weight: 700; margin: 10px; margin-top: 45%; font-size: 2em; text-decoration: none; vertical-align: middle; display: inline-block; } .tripleCircles .col4 .circle h3:after { position: absolute; bottom: 0; height: 4px; left: 50%; right: 50%; background: #c0392b; content: ''; } /* END SECTION TRIPLE BLURB AREA */ /* END SECTION TRIPLE CIRCLES */ /* BEGIN SECTION TRIPLE BLURB AREA */ .tripleBlurb { margin: 15px 0; } .tripleBlurb .col4 { text-align: center; padding: 15px !important; } /* BEGIN SECTION TRIPLE BLURB AREA */ .tripleBlurb { margin: 10px 0 10px 0px;text-align: center; } .tripleBlurb .col4 a{cursor:pointer;} .tripleBlurb i { font-size: 2em; display: inline-block; margin: 15px 0; padding: 11px 9px; height: 60px; width: 60px; } .tripleBlurb .fa-border { border: 5px solid; border-radius: 50%; } .tripleBlurb h3 { font-weight: 700; margin: 10px; } .tripleBlurb a { text-decoration:none; } .tripleBlurb ~ p { text-align: center; } /* END SECTION TRIPLE BLURB AREA */ .tripleBlurb .col4 a { text-decoration: none; } .tripleBlurb i { font-size: 2em; display: inline-block; margin: 15px 0; padding: 11px 9px; height: 60px; width: 60px; } .tripleBlurb .fa-border { border: 5px solid; border-radius: 50%; } /*.infoColumns .columns img{ border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;border-top-right-radius: 30px; }*/ /*.infoColumns .columns img, .infoColumns .columns iframe { width:auto; margin-bottom:15px; }*/ /*.infoColumns .columns .col12 img{ margin: 0 20px 0 20px; }*/ /*.wysiwyg-content img{ margin: 0 20px 0 20px; }*/ .infoColumns .color-overlay { position: relative; top: 0; left: 0; width: 100%; height: 100%;padding:50px 30px; } .noBgImg.infoColumns .color-overlay { padding: 20px 30px; } /*.infoColumns .columns .col4, .infoColumns .columns .col6 { margin-bottom: 50px; }*/ .infoColumns .columns .col4:last-child, .infoColumns .columns .col6:last-child { margin-bottom: auto; } .infoColumns h3.info-large { font-size: 7.5em; } .infoColumns .infographicWrap p { font-size:1.1rem;line-height: 1.6;padding: 0 20px; } .infoColumns .columns ul { text-align: left; margin: 0 0 20px 30px; list-style-type: initial; line-height: 1.2em; } .infoColumns span.signature{ display:inline-block;margin-top:25px;font-size:1.875rem; } .infoColumns img.colImage{ display:block;text-align:center;width:100%;margin:25px auto; } /*.infoColumns h2.imageTitle{ text-align:center; } */ .infoColumns a.titleLink { text-decoration:none;text-decoration-line: none; } .infoColumns a.titleLink:focus { outline: none; } .infoColumns a h3.imageTitle:hover, .infoColumns a.titleLink:focus h3.imageTitle { text-decoration:underline; } .infoColumns ul.circleCheck { list-style-type: none; margin: 0 0 20px 0; } .infoColumns ul.circleCheck li { padding-left: 53px; margin-bottom: 35px; background: url('../images/check.png') no-repeat left top;} .infoColumns .subhead, .infoColumns .wysiwyg-content span.subhead { display: block; font-family: 'Proxima Nova Semibold', 'Montserrat', sans-serif; color: #991B1E; font-weight: bold; font-size: 1.54rem; /*font-style: italic;*/ margin-bottom: 28px; line-height: 1.5; } .infoColumns h2 + .subhead, .infoColumns h3 + .subhead { margin-top: 36px; } .infoColumns .infographicWrap{ text-align:center;padding: 40px 0; } /* END COLUMNS AREA */ /* BEGIN COLUMNS AREA */ .infoColumns { position: relative; } .columnBg.infoColumns{ padding:0; } .infoColumns:not(.news):not(.toaster) { /*margin:0px 0px 20px 0px;*/padding: 15px 7%; position: relative; } .infoColumns.callToAction{ padding:0; } .infoColumns h2.title{ margin: 30px 0 15px 0; } /*OPTION TO CENTER HOMEPAGE HEADINGS AND "ALL" LINKS - COMMENT IF LEFT ALIGNED*/ .home .infoColumns h2.title{ margin: 30px 0 15px 0;text-align:center; } .home .infoColumns a.allLink { position: relative;display: inline-block;width: 100%;top:0;right:0;text-align: center; } /*END CENTER OPTION*/ .infoColumns .columns { position: relative; padding: 0px 0px 15px 0px; } /* HOME INFOCOLUMN DEFAULTS */ .home .infoColumns { display: block; clear: both; } .home .infoColumns .subhead { color: #991B1E; } .home .infoColumns .wysiwyg-content p, .home .infoColumns .wrapper > p, .home .infoColumns .wysiwyg-content span, .home .infoColumns .wrapper > span { font-size: 1.05rem; } .home .infoColumns .wysiwyg-content p.subhead, .home .infoColumns .wrapper > p.subhead, .home .infoColumns .wysiwyg-content span.subhead, .home .infoColumns .wrapper > span.subhead { font-size: 1.54rem; } .home .infoColumns .wrapper > p, .home .infoColumns .wrapper > span { font-size: 1.05rem; padding-left: 40px; padding-right: 40px; line-height: 1.6; } .orangeHeadBorder { display: none; } .home .columnBg.infoColumns > .above { position: absolute; top: 0; bottom: 0; right: 0; left: 0; } @media only screen and (max-width: 960px) { .home .infoColumns .wysiwyg-content p, .home .infoColumns .wrapper > p, .home .infoColumns .wysiwyg-content span, .home .infoColumns .wrapper > span { font-size: 1rem; margin-bottom: 9px; } .home .infoColumns .wysiwyg-content p.subhead, .home .infoColumns .wrapper > p.subhead, .home .infoColumns .wysiwyg-content span.subhead, .home .infoColumns .wrapper > span.subhead { font-size: 1rem; } .infoColumns h2 + .subhead, .infoColumns h3 + .subhead { margin-top: 20px; } } /* HOME INFOCOLUMN ONE COLUMN WITH BACKGROUND */ .home .infoColumns.colOne { background: #ffffff url(../images/one-column-bg-orange.svg) no-repeat left top; background-size: contain; } .home .infoColumns.colOne .wrapper { max-width: 1665px; background-color: #ffffff; margin: 45px auto; padding: 104px 0 61px 0; } .home .infoColumns.columnBg.colOne .wrapper { background-color: transparent; } .home .infoColumns.colOne .columns { width: 90%; margin: 0 auto; text-align: center; z-index: 1; } .home .infoColumns.colOne .wysiwyg-content p, .home .infoColumns.colOne .wysiwyg-content span { font-size: 1.34rem; line-height: 1.8; margin-bottom: 20px; } .home .infoColumns.colOne h2.title { position: relative; z-index: 1; margin: 0px auto 29px auto; } .home .infoColumns.colOne h2.title span { background-color: #ffffff; padding-right: 23px; padding-left: 23px; } .home .infoColumns.colOne h2.title.default { color: #991B1E; } .home .infoColumns.columnBg.colOne h2.title span { background-color: transparent; } .home .infoColumns.columnBg.colOne .orangeHeadBorder { display: none; } .home .infoColumns.columnBg.colOne:before { display: none; } .home .infoColumns.columnBg.colOne:after { display: none; } @media only screen and (min-width: 961px) { .home .infoColumns.colOne { min-height: 567px; } .home .infoColumns.colOne .orangeHeadBorder { display: none; } .home .infoColumns.colOne:before { content:''; position: absolute; display: block; top: 187px; left: 12%; width: 42%; border: 4px solid #ffffff; z-index: 0; } .home .infoColumns.colOne:after { content:''; position: absolute; display: block; top: 187px; right: 0; width: 50%; border: 4px solid #FCA133; z-index: 0; } .home .noTitle.infoColumns.colOne:before, .home .noTitle.infoColumns.colOne:after { display: none; } } @media only screen and (max-width: 960px) { .home .infoColumns .subhead { font-size: 1rem; } .home .infoColumns.colOne { background-color: #FCA133; } .home .infoColumns.colOne { background-image: none; padding: 1px 7%; } .home .infoColumns.colOne .wrapper { padding: 29px 0 0px 0; } .home .infoColumns.colOne .columns { margin: 10px auto 0 auto; } .home .infoColumns.colOne:before { display: none; } .home .infoColumns.colOne:after { display: none; } .home .infoColumns.colOne h2.title { padding-left: 15px; padding-right: 15px; } .home .infoColumns.colOne h2.title span { background-color: transparent; padding-right: 0; padding-left: 0; } .home .infoColumns.colOne .orangeHeadBorder { display: block; } .home .infoColumns.columnBg.colOne .orangeHeadBorder { display: none; } .home .infoColumns.colOne .wysiwyg-content p, .home .infoColumns.colOne .wysiwyg-content span { font-size: 1rem; line-height: 1.6; } } /* HOME INFOCOLUMN CTA COLUMN WITH BACKGROUND */ .home .infoColumns.colOne.callToAction .wrapper { padding: 85px 0 61px 0; } .home .infoColumns.colOne.callToAction:before { display: none; } .home .infoColumns.colOne.callToAction:after { display: none; } /* HOME INFOCOLUMN TWO COLUMNS WITH BACKGROUND */ .home .infoColumns.colTwo .wrapper { max-width: 1665px; background-color: #ffffff; margin: 57px auto; padding: 16px 0 16px 0; border-left: 8px solid #FCA133; border-top: none; border-right: none; border-bottom: none; } .home .infoColumns.columnBg.colTwo .wrapper { background-color: transparent; border-left: 8px solid transparent; } .home .infoColumns.colTwo .columns { width: 90%; margin: 0 auto; text-align: left; z-index: 1; } .home .infoColumns.colTwo .wysiwyg-content p, .home .infoColumns.colOne .wysiwyg-content span { line-height: 1.6; margin-bottom: 20px; } .home .infoColumns.colTwo > div { padding: 0 2.5%; } .home .infoColumns.colTwo .col6 { } .home .infoColumns.colTwo .wysiwyg-content p, .home .infoColumns.default.colOne .wysiwyg-content span { } .home .infoColumns.colTwo h2.title, .home .infoColumns.colTwo h2 { position: relative; z-index: 1; margin: 10px 0 29px 0; } .home .infoColumns.columnBg.colTwo .orangeHeadBorder { display: none; } @media only screen and (min-width: 961px) { } @media only screen and (max-width: 960px) { .home .infoColumns.colTwo { padding: 1px 1%; } .home .infoColumns.colTwo .wrapper { padding: 20px 0 0px 0; } .home .infoColumns.colTwo .col6 { width: 100%; margin-bottom: 25px; } .home .infoColumns.colTwo h2.title, .home .infoColumns.colTwo h2 { margin: 0px 0 15px 0; } .home .infoColumns.colTwo .orangeHeadBorder { display: none; } .home .infoColumns.colTwo .wysiwyg-content p, .home .infoColumns.colTwo .wysiwyg-content span { font-size: 1rem; line-height: 1.6; } } /* HOME INFOCOLUMN THREE OR MORE COLUMNS WITH BACKGROUND */ .home .infoColumns.colThree { background: #ffffff url(../images/three-column-bg-gray.svg) no-repeat right top; background-size: contain; } .home .infoColumns.colThree .wrapper { position: relative; max-width: 1665px; margin: 45px auto 9px auto; padding: 20px 0 20px 0; } .home .infoColumns.colThree .columns { background-color: #ffffff; width: 100%; padding: 20px 1% 94px 1%; margin: 0 auto; z-index: 1; } .home .infoColumns.columnBg.colThree .columns { background-color: transparent; } .home .infoColumns.colThree .wysiwyg-content p, .infoColumns.colThree .wysiwyg-content span { font-size: 1.05rem; line-height: 1.6; margin-bottom: 21px; } .home .infoColumns.colThree h2.title { width: 100%; position: relative; z-index: 1; margin: 0px 0 29px 35px; text-align: left; } .home .infoColumns.colThree h2.title span { background-color: #ffffff; padding-right: 23px; padding-left: 0; } .home .infoColumns.columnBg.colThree h2.title span { background-color: transparent; } .home .infoColumns.colThree .wrapper .mobileBg > p, .home .infoColumns.colThree .wrapper .mobileBg > span { width: 64%; padding-right: 0; padding-left: 0; } @media only screen and (min-width: 961px) and (max-width: 1280px) { .home .infoColumns.colThree h2.title { width: 64%; } } @media only screen and (min-width: 961px) { .home .infoColumns.colThree .orangeHeadBorder { display: none; } .home .infoColumns.colThree:after { content:''; position: absolute; display: block; top: 98px; right: 0; width: 85%; border: 4px solid #FCA133; z-index: 0; } .home .infoColumns.columnBg.colThree:after, .home .noTitle.infoColumns.columnBg.colThree:after { display: none; } .home .infoColumns.colThree .wrapper .mobileBg > p, .home .infoColumns.colThree .wrapper .mobileBg > span { padding-left: 40px; } } @media only screen and (max-width: 960px) { .home .infoColumns.colThree { background-image: none; padding: 1px 0 0 0; } .home .infoColumns.colThree .wrapper { background: #ffffff; padding: 29px 0 0px 0; } .home .infoColumns.columnBg.colThree .wrapper { background: transparent; } .home .infoColumns.colThree .columns { /*padding: 44px 1% 0 1%;*/ padding: 0 1% 44px 1%; } .home .infoColumns.colThree .orangeHeadBorder { display: block; } .home .infoColumns.columnBg.colThree .orangeHeadBorder { display: none; } .home .infoColumns.colThree:before { display: none; } .home .infoColumns.colThree:after { display: none; } .home .infoColumns.colThree .col4 { width: 100%; } .home .infoColumns.colThree h2.title { width: 88%; padding-left: 0; margin: 0px 0 8px 35px; } .home .infoColumns.columnBg.colThree h2.title { padding-left: 7%; margin: 0 0 8px 0; } .home .infoColumns.colThree h2.title span { padding-left: 0; display: block; } .home .infoColumns.columnBg.colThree h2.title span { padding-left: 0; } .home .infoColumns.colThree .wrapper .mobileBg > p, .home .infoColumns.colThree .wrapper .mobileBg > span { width: 95%; } .home .infoColumns.colThree .wysiwyg-content p, .home .infoColumns.colTwo .wysiwyg-content span { font-size: 1rem; line-height: 1.6; } .home .infoColumns.colThree .mobileBg { background-color: #ffffff; padding: 36px 7%; margin: 15px 0 0 0; } .home .infoColumns.columnBg.colThree .mobileBg { padding: 0 7% 36px 7%; margin: 0; } } /* HOME INFOCOLUMN INFOGRAPHICS WITH BACKGROUND */ .home .infoColumns.infoGraphics { background: #ffffff; } .home .infoColumns.infoGraphics .wrapper { max-width: 1665px; background-color: #ffffff; margin: 45px auto; padding: 37px 20px 0 20px; } .home .infoColumns.columnBg.infoGraphics .wrapper { background-color: transparent; } .home .infoColumns.infoGraphics .columns { width: 100%; margin: 0 auto; text-align: center; z-index: 1; } .home .infoColumns.infoGraphics .wysiwyg-content p, .home .infoColumns.infoGraphics .wysiwyg-content span { font-size: 1.34rem; line-height: 1.8; margin-bottom: 20px; } .home .infoColumns.infoGraphics h2.title { position: relative; z-index: 1; margin: 0px auto 29px auto; } .home .infoColumns.infoGraphics h2.title span { background-color: #ffffff; padding-right: 23px; padding-left: 23px; } .home .infoColumns.columnBg.infoGraphics h2.title span { background-color: transparent; } @media only screen and (min-width: 961px) { .home .infoColumns.infoGraphics .orangeHeadBorder { display: none; } .home .infoColumns.infoGraphics:before { content:''; position: absolute; display: block; top: 116px; left: 8%; width: 42%; border: 4px solid #ffffff; z-index: 0; } .home .infoColumns.infoGraphics:after { content:''; position: absolute; display: block; top: 116px; right: 0; width: 50%; border: 4px solid #FCA133; z-index: 0; } .home .infoColumns.columnBg.infoGraphics:before, .home .noTitle.infoColumns.infoGraphics:before { display: none; } .home .infoColumns.columnBg.infoGraphics:after, .home .noTitle.infoColumns.infoGraphics:after { display: none; } } @media only screen and (max-width: 960px) { .home .infoColumns.infoGraphics { background-image: none; padding: 1px 7%; } .home .infoColumns.infoGraphics .wrapper { padding: 29px 0 0px 0; } .home .infoColumns.infoGraphics:before { display: none; } .home .infoColumns.infoGraphics:after { display: none; } .home .infoColumns.infoGraphics h2.title { margin: 0px auto 8px auto; } .home .infoColumns.infoGraphics h2.title span { background-color: transparent; } .home .infoColumns.infoGraphics .orangeHeadBorder { display: block; margin-left: -9%; width: 117%; } .home .infoColumns.columnBg.infoGraphics .orangeHeadBorder { display: none; } .home .infoColumns.infoGraphics > div, .infoColumns.infoGraphics > p { margin-bottom:0; } .home .infoColumns.infoGraphics .wysiwyg-content p, .home .infoColumns.infoGraphics .wysiwyg-content span { font-size: 1rem; line-height: 1.6; } } /* HOME INFOCOLUMN NEWS COLUMNS WITH BACKGROUND */ .home .infoColumns.news { background: #ffffff url(../images/news-column-bg-orange.svg) no-repeat left top; background-size: contain; } .home .infoColumns.news .wrapper { position: relative; max-width: 1665px; margin: 18px auto 35px auto; padding: 20px 0 20px 0; } .home .infoColumns.news .columns { background-color: #ffffff; width: 100%; padding: 17px 0 34px 0; margin: 0 auto; z-index: 1; } .home .infoColumns.columnBg.news .columns { background-color: transparent; } .home .infoColumns.news .wysiwyg-content p, .infoColumns.news .wysiwyg-content span { font-size: 1.05rem; line-height: 1.6; margin-bottom: 21px; } .home .infoColumns.news .thoughtBlock .wysiwyg-content p { padding-bottom: 15px; } .home .infoColumns.news h2.title { position: relative; z-index: 1; margin: 21px 0 15px 0; text-align: right; } .home .infoColumns.news h2.title span { background-color: #ffffff; padding-right: 23px; padding-left: 23px; } .home .infoColumns.columnBg.news h2.title span { background-color: transparent; } .infoColumns.news .news-image { border-bottom: 9px solid #FCA133; margin-bottom: 10px; } .infoColumns.news .news-image img { margin-bottom: 0; } .newsMoreBtn { position: absolute; bottom: 20px; left: 35px; z-index: 1; } .home .infoColumns.columnBg.news .orangeHeadBorder { display: none; } @media only screen and (min-width: 961px) { .home .infoColumns.news .orangeHeadBorder { display: none; } .home .infoColumns.news:after { content:''; position: absolute; display: block; top: 98px; left: 0; width: 90%; border: 4px solid #FCA133; background-color: #FCA133; z-index: 0; } .home .infoColumns.columnBg.news:after, .home .noTitle.infoColumns.news:after { display: none; } } @media only screen and (max-width: 960px) { .home .infoColumns.news, .home .infoColumns.news { background-color: #fff; background-image: none; padding: 1px 0; } .home .infoColumns.news .wrapper { /*padding: 29px 0 0px 0;*/ padding: 0; margin: 18px auto 0 auto; } .home .infoColumns.news .columns { padding: 17px 0 78px 0; } .home .infoColumns.news:before { display: none; } .home .infoColumns.news:after { display: none; } .home .infoColumns.news h2.title { text-align: left; padding: 0; margin: 10px 0 10px 17px; } .home .infoColumns.news h2.title span { background-color: transparent; padding-left: 0; } .home .infoColumns.news .orangeHeadBorder { display: block; } .home .infoColumns.columnBg.news .orangeHeadBorder { display: none; } .home .infoColumns.infoGraphics .wysiwyg-content p, .home .infoColumns.infoGraphics .wysiwyg-content span { font-size: 1rem; line-height: 1.6; } .home .infoColumns.news .mobileBg { padding: 36px 7%; margin: 15px 0 0 0; } .home .infoColumns.columnBg.news .mobileBg { padding: 0 7% 36px 7%; margin: 0; } .home .infoColumns.news .mobileBg { background: #F57A12; } .newsMoreBtn { position: absolute; bottom: 48px; left: 0; right: 0; text-align: center; } } /* BEGIN SECTION PROGRAMS AREA */ .programs { margin: 10px 0 0; padding: 2%; } .programs h3 { font-size: 1.2em; } .programs .col4 { margin-bottom: 15px; } .programs .col4:nth-child(4n) { margin-right: 0; } .programs .wrapper .caption { float: left; position: relative; padding: 15px; height: auto; min-height: 68px; max-height: 68px; width: 100%; top: -2px; } .programs .wrapper .captionText { float: left; text-align: left; width: 80%; font-size: 1em; } .programs .wrapper .captionIcon { font-size: 1.5em; float: right; text-align: center; width: 15%; margin-top: -5px; } .programs .wrapper img { width: 100%; } /* END SECTION PROGRAMS AREA */ /* BEGIN Full Width CTA */ .callToAction { background: url("../../_global/images/background.jpg"); min-height: 300px; position: relative; } .callToAction .wrapper { /*position: absolute; top: 0; bottom: 0; right: 0; left: 0;*/ width: 100%; max-width: 1280px; } .callToAction .cta { text-align: center; padding: 50px 40px 65px; margin: 0 auto; } .home .colOne.callToAction .cta { padding: 0px 40px 65px; } .callToAction .cta h2.title { /*font-size: 3em;*/margin-top: 5px;margin-bottom: 25px; position: relative; line-height: 1em; } .callToAction .cta span { /*font-size: 2.5em; display: inline-block;*/ position : relative; /*top: 15px;*/ vertical-align: top; } .callToAction .cta .divider { height: 10px; max-width: 100px; margin: 0 auto 15px; background: #FFF; } .callToAction .cta p { width: 80%;margin: 20px auto; } /*.callToAction .color-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }*/ @media only screen and (max-width: 960px) { .home .infoColumns.colOne.callToAction .cta { padding: 0 0 40px 0; } .home .infoColumns.colOne.callToAction .wrapper { padding: 60px 0; } .home .infoColumns.colOne.callToAction h2.title { padding-left: 0; padding-right: 0; } } /* END Full Width CTA */ /* BEGIN News Section */ /*.news { margin-top: 60px; padding: 0 2%; }*/ .news .wrapper { position:relative;max-width: 1280px; } .news .color-overlay{ padding: 10px 0px; } .newsSearch{ position:relative; margin-top:12px; margin-bottom:12px; clear: both; } .newsSearch input{ width:100%; height:56px; padding:20px; font-weight: 400;/*background-image: url(../../_global/images/icons/search-icon-green.png);*/ background-repeat: no-repeat;background-position: right 20px center; } .allLinkWrap{ position:relative; } a.allLink{ position: absolute;right: 15px;top: 10px;text-decoration: none;text-transform: uppercase; } a.allLink:hover{ text-decoration:underline; } .news img { width: 100%; margin-bottom: 10px; } /*.news h3 { margin: 30px 0px 0px; }*/ .news .slides { display: flex!important; } .news .slides li:first-child { border-right-width: 0px; } .news .caption a { text-decoration: none; } /*.news .caption a h3 { font-size:1.125em;font-weight:700;margin-bottom:5px;line-height: 1.5rem; height: 100%;text-transform:none; }*/ .news .caption .postDate, .news .newsCaption .postDate { font-size: 1.1rem; text-transform: uppercase; margin-top: 0px; margin-bottom:-4px; } .news .newsCaption.thoughtBlock .postDate { margin-bottom: 16px; } .news h3.headlineborder span:before, .news h3.headlineborder span:after { width: 170%; } .news .flex-control-nav { bottom: -40px; } .news .flex-direction-nav .flex-prev { left: -30px; } .news .flex-direction-nav .flex-next { right: -30px; text-align: right; } /*.news .flexslider:hover .flex-direction-nav .flex-prev { left: -40px; }*/ /*.news .flexslider:hover .flex-direction-nav .flex-next { right: -40px; }*/ .news-grid.flexslider{ margin:30px auto; } .news .events{ position:relative;margin: 60px auto 40px auto; } .news .events h2.title{ margin-bottom:40px; } .news .events:after{ content:"";display:block;clear:both; } .news .events a.title{ display:block;text-decoration:none;font-size:1.5em;margin-bottom:10px;line-height: 1.25em; } .news .events p.postDate{ font-size: .85rem; } .divider { text-align: center;border-bottom: 1px solid #AD974F;margin-top: 20px; } .home .divider{ margin-top:60px; } .divider img { width: 100px;margin-bottom: -33px; } .columnBg.news .divider img { visibility: hidden; } /*.dateBox { background: #231F20;color: #FBDD7E;width: 100px;float: left;text-align: center;padding: 20px;margin-right: 15px;margin-bottom: 15px; }*/ .dateBox span { display: block; } /*.dateBox span.month { font-size: 1.5em;font-family: 'Oswald', sans-serif;font-weight: 700;margin-bottom: 5px;text-transform:uppercase; }*/ /*.dateBox span.day { font-size: 2.25em;font-family: 'Oswald', sans-serif; }*/ .dateBox { background: #231F20;color: #FBDD7E;width: 100px;float: left;text-align: center;padding: 20px;margin-right: 15px;margin-bottom: 40px;overflow: hidden;max-height: 130px;height: 100px;position: relative; } .dateBox span.month { font-size: 2.5em;font-family: 'Oswald', sans-serif;font-weight: 700;margin-bottom: 5px;text-transform: uppercase;margin-top: 10px; } .dateBox span.day { font-size: 8.25em;font-weight: 700;font-family: 'Oswald', sans-serif;bottom: -8px;position: absolute;left: -18px;color: #ffffff;opacity: 0.25; } .news p{ margin-bottom:10px; } /* END News Section */ /*HOME CAROUSEL*/ .carousel.flexslider ul li{ position:relative; } .carousel.flexslider ul li:before{ content:"";position:absolute;left:0;top:0;bottom:3px;width:100%;-webkit-box-shadow: inset 133px 28px 89px -133px rgba(0,0,0,0.53);-moz-box-shadow: inset 133px 28px 89px -133px rgba(0,0,0,0.53); box-shadow: inset 133px 28px 89px -133px rgba(0,0,0,0.53); } .carousel.flexslider ul.flex-direction-nav li:before{ content:none; } .carousel.flexslider ul li img{ width:100%; } .carousel.flexslider ol{ display:none; } /*END HOME CAROUSEL*/ /* BEGIN Yellow Outline Button */ /*.button-yellow { padding: 10px 15px; border-width: 3px; border-style: solid; display: block; font-size: 1em; text-align: center; cursor: pointer; text-decoration: none; width: 100%; margin-top: 10px; }*/ /*.widgetArea .button-yellow { text-align: center; padding: 20px 15px; }*/ /* END Yellow Outline Button */ /**BEGIN SECTION: MAIN CONTENT AREA */ /* BEGIN SHARE BUTTONS */ .addThisWrapper { float: right; margin: 5px 0 5px; font-size: .8rem; text-align: right; } .addThisWrapper:after { clear:both; } .addThisWrapper span { padding-right: 10px; } .addThisWrapper .addthis_inline_share_toolbox { float: right; } /* BEGIN BREADCRUMBS */ .breadcrumbs { height: 100%; min-height: 30px; margin: 0px 0 15px; float:left; width: 100%;} .breadcrumbs:after { content: "";clear: both;display: block; } .breadcrumbs ul { } .breadcrumbs ul li { float: left; } .breadcrumbs ul li:after { content: "\f101"; font-family:"Font Awesome\ 5 Free";font-size: .75rem;padding: 2px 9px; font-weight: 900; } .breadcrumbs ul li:last-child:after { content: ""; } .breadcrumbs ul li a, .breadcrumbs ul li { font-size: .8rem; font-weight: 400; text-decoration: none; line-height: 1rem; } .breadcrumbs ul li a:hover{ text-decoration:underline; } /* END BREADCRUMBS */ /* BEGIN LEFT NAVIGATION STYLES */ .leftcol .col3 { margin-right: 3%; } .leftcol .col3 .leftNav .leftNav-title h3 { margin-bottom: 10px; } .leftcol .accordion .acc-row h3 { padding: 18px; } .leftcol .accordion .acc-row label { padding-left: 0px; } .leftcol .accordion .acc-row label:before { font-family: Font Awesome\ 5 Free; content: "\f0d7"; font-size: 1.25rem; position: absolute; width: 0; height: 0; right:15px; font-weight: 900; } .leftcol .accordion .acc-row input[type=checkbox]:checked ~ .leftNav-title h3 label:before { font-family: "Font Awesome\ 5 Free"; content: "\f0d8"; font-size: 1.25rem; font-weight: 900; } .leftcol .acc-row input[type=checkbox]:checked ~ .leftNav-title ~ ul { max-height: 800px;padding: 5px 30px 20px 30px; } .leftNav { margin-bottom: 30px; } .leftNav input { display: none; } .leftNav ul { list-style: none; width: 100%; text-align: left; } .leftNav ul li { display: block; padding: 0; position: relative; } .leftNav ul li:last-child { border: none; } .leftNav-title h3 a { text-decoration: none; } .leftNav ul li a { font-size: 1em; font-weight: 400; text-decoration: none; display: block; padding: 15px 10px 15px 15px; line-height: 1.7; } .leftNav ul li a span { padding-right: 20px; } /*.leftNav ul li > a:before{ display:none;font-family: "Font Awesome\ 5 Free"; content: "\f054"; position: absolute; left: 5px; font-weight: 900; }*/ .leftNav ul li.active > a:before { display:block; } /*.leftNav-title { border-bottom-width: 1px; border-bottom-style: solid;}*/ .leftNav ul.sub-menu { padding-left: 20px; } .leftNav li.active ul.sub-menu li.active a, .leftNav li.active ul.sub-menu li:hover a{ text-decoration:underline; } .leftNav li.active ul.sub-menu li.active > a { color: #008071; } .leftNav ul:not(.sub-menu) > li:not(.active){ border-bottom:1px solid; } .left-nav.accordion .acc-row h3 { font-size: 1.5em; } .leftNav .accordion .acc-row p, .leftNav .accordion .acc-row ul { box-sizing: border-box; max-height: 0; overflow: hidden; -webkit-transition: max-height 0.1s ease; transition: max-height 0.1s ease; margin: 0; } .leftNav .accordion .acc-row ul.sub-menu { max-height: inherit; } /* END LEFT NAVIGATION STYLES */ /* BEGIN NEWS LEFT NAVIGATION DROP DOWN STYLES */ .newsCategory, .researchType { position: relative; margin-top: 12px !important; margin-bottom: 12px !important; } .newsCategory select{ width: 100%; height: 56px; padding: 0 20px; font-weight: 400; } .newsCategory label, .researchType label { position:relative; display:block; border: 1px solid #555; background: #fff; padding: 15px; height: 56px; margin-bottom: 15px; text-transform:uppercase; } .newsCategory label:after, .researchType label:after{ position:absolute; right:15px; content: '\f0d7'; font-family: "Font Awesome\ 5 Free"; font-size: 0.9rem; font-weight: 900; padding-left: 5px; vertical-align: middle; } ul.topicDrop { display:none; width:100%; position:absolute; top:55px; left:0; padding:0 15px 15px 15px !important; list-style:none !important; border: 1px solid #444; border-top:0; background:#fff; z-index:999; overflow:auto; max-height:160px; } ul.topicDrop li a { text-decoration: none; display:inline-block; color: #444; } input#category:checked ~ ul.topicDrop { display:block; } input#year:checked ~ ul.topicDrop { display:block; } .newsCategory input[type="text"], .researchType input[type="text"] { border: 1px solid #0054C7; } /* END NEWS LEFT NAVIGATION DROP DOWN STYLES */ /* BEGIN NEWS BLUE DROP DOWN STYLES */ .newsListingPage .newsCategory { position: relative; margin-top: 12px !important; margin-bottom: 12px !important; } .newsListingPage .newsCategory select{ width: 100%; height: 56px; padding: 0 20px; font-weight: 400; } .newsListingPage .newsCategory label { position:relative;display:block; border: 1px solid #D8E6F3; background: #D8E6F3;padding: 15px;height: 56px;margin-bottom: 15px; text-transform:uppercase; } .newsListingPage .newsCategory label:after { position:absolute;right:15px;content: '\f0d7';font-family: "Font Awesome\ 5 Free";font-size: 0.9rem;font-weight: 900;padding-left: 5px;vertical-align: middle; } .newsListingPage ul.topicDrop { display:none;width:100%;position:absolute;top:55px;left:0; padding:0 !important; list-style:none !important;border: 1px solid #D8E6F3;border-top:0; background:#fff; z-index:999; overflow:auto; max-height:none; } .newsListingPage ul.topicDrop li a { text-decoration: none;display:inline-block; color: #525961;} .newsListingPage input#category:checked ~ ul.topicDrop { display:block; } .newsListingPage input#year:checked ~ ul.topicDrop { display:block; } .newsListingPage input#type:checked ~ ul.topicDrop { display:block; } .newsListingPage .newsCategory input[type="text"] { border: 1px solid #0054C7; } /* END NEWS BLUE DROP DOWN STYLES */ /* BEGIN interior AREA */ .content-main, .wysiwyg { margin-bottom: 25px; } .content-main .wysiwyg-content:after { clear: both; content: ""; display: block; } .content-main ol { list-style: decimal; padding: 0 20px 20px; } .content-main ol li { line-height: 1.3em; } .content-main ul { list-style: disc; padding: 0 20px 20px; } .content-main ul li { line-height: 1.3em; } .content-main .leftAlign { margin-right: 20px; margin-bottom: 10px; } .content-main .rightAlign { float: right; margin-left: 20px; margin-bottom: 10px; } .content-main p.postDate { font-size: .8em; margin-bottom: 5px; } .content-main strong { font-weight: bold; } .content-main .wysiwyg-content .subhead { font-size: 0.875em; font-style: italic; margin-bottom: 20px; } .interior { position: relative; } .interior .impact img { display:block;width: 100%; } .interior .columns .one-row { margin-top: 25px; } .interior p { font-size: 1em; line-height: 1.5rem; margin-bottom: 20px; } .interior-content .col6:not(:last-child) { margin-right: 3%; } .interior .wrapper { padding: 20px 15px 0px 15px; } .interior-content.col9.last{ margin-right:0; } .interior-content a{ text-decoration:none; } .interior-content a:hover{ text-decoration:underline; } .interior-content ul { list-style: disc; padding: 0 50px 20px; line-height:1.5rem; } .interior-content ol { list-style: decimal; padding: 0 50px 20px; line-height:1.5rem; } .interior-content .wysiwyg-content img.leftAlign{ float:left;margin:0 20px 10px 0; } .interior-content .wysiwyg-content img.rightAlign{ float:right;margin:0 0 20px 10px; } .interior .impact{ position:relative; } /*.interior .impact:after { content: "";width: 100%;position: absolute;bottom: -25px;left: 0;height: 50px;background-image: url(../../_images/wave.png);background-repeat: repeat-x;background-position: 0 0; }*/ .interior .wrapper .impact:after { display:none; } /* END interior AREA */ /* BEGIN Accordion Area */ .accordion { margin-bottom: 20px; } /* BEGIN Gallery AREA */ .imageGallery { margin: 30px 0; } .imageGallery h2 { margin-bottom: 30px; } .imageGallery:after { clear: both; content: ""; display: block; } /*.imageGallery .col4:nth-child(3n+1) { margin-right: 0; }*/ .imageGallery .col4 { margin-bottom: 25px; } /* END Gallery AREA */ /* BEGIN Columns AREA */ .columns { height: 100%; } .columns strong { font-weight: bold; } .columns:after { clear: both; content: ""; display: block; } /*.columns:last-child { margin-bottom: 25px; }*/ .columns .col6 { margin-bottom: 5px; } .columns img{ max-width:100%!important; } .columns img.colImage { width: 100%; } .interior .columns img{ margin-bottom:15px; } .interior .columns h3{ margin: 5px auto 10px auto; } .columns h3 { margin: 18px auto 18px auto; } .columns a.button { padding: 15px 20px; border: 0; font-size: 1em; cursor: pointer; text-decoration: none; border-radius: 500px; } .columns a.button:hover { cursor: pointer; } .columns a.popup-youtube{ display: block; } .columns a.popup-youtube img{ display: block; } .columns a.button-yellow{ width:70%;margin:25px auto;padding: 14px 60px 10px 60px; border: 0;display:block;font-size: 1.313rem;text-align:center;cursor: pointer; text-decoration: none;border-radius:500px; } .columns a.button-yellow:hover{ background:none; } .overlayColumn { height: 325px;position: relative;margin-bottom:20px; } .overlayColumn .imageOffsetBorder { position: absolute;top: 10px;bottom: 10px;left: 10px;right: 10px;margin: auto;/*border: 3px solid;*/border:none;text-align: center; } /*TOGGLE BORDER STYLES HERE TO TURN INNER BORDER ON/OFF*/ .overlayColumn h2.imageTitle { position: absolute;top: 10px;bottom: 10px;left: 10px;right: 10px;margin: auto;height: 30px;font-size:1.825rem; } /* END Columns AREA */ /* BEGIN CTA Button AREA */ .cta-button { padding: 15px 0; } .cta-button a.btnLrg { max-width: 100%; } .cta-button a.btnLrg:hover{ text-decoration:none; } /* BEGIN Video Content AREA */ .videoContent { margin-top: 30px; clear: both; } .videoContent img { display: block; margin-bottom: 20px; } .videoResponsive { overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0; } .videoResponsive iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; border: none; } /* END Video Content AREA */ /* BEGIN Professionals AREA */ .professional.columns > .col12 { display: -ms-flex; display: -moz-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .professional .col4 { display: -ms-flex; display: -moz-flex; display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column; padding: 20px 0; margin-right: 2%; min-height: 420px; } .professional .col4 img { width: 100%; } .professional a.name { padding-top: 20px; margin-bottom: 0px;font-size:1.75rem;margin-bottom:10px; } /*.professional .name:before { content: " "; border: 5px solid #00c5cd; margin-bottom: 15px; display: block; max-width: 75px; }*/ .professional p strong { font-weight: 700; } .professional a { text-decoration: none; } .contactInformation a, .contactInformation a:hover { text-decoration: none; } .contactInformation i { padding-right: 5px; } .contactInformation a.button { padding: 5px 5px; border: 0; font-size: 1em; cursor: pointer; text-decoration: none; border-radius: 5px; display: initial; } .description { margin-top: 20px; } /* END Professionals AREA */ /* BEGIN FEATURED ITEM STYLES */ a.readMore { display: inline-block;text-decoration:none; } a.readMore:hover { cursor: pointer;text-decoration:underline; } /* END FEATURED ITEM STYLES */ /* BEGIN RIGHT COLUMN WIDGETS */ .widgetArea { border-bottom: 1px solid #ECEFF1; } .widgetArea h3{ font-size:1.25em;text-transform:uppercase; } .widgetArea h4 { margin-top: 10px;line-height:1.25em; } .widgetArea .leftNav-title { margin-bottom: 10px; } .contentWidget.three{ padding:15px; } .contentWidget.three h3{ margin-top:0; } .widgetArea .contentWidget, .widgetArea .videoWidget, .widgetArea .linkedList, .widgetArea .contact-widget { margin-bottom: 30px; } .vidOverlay { position: relative; cursor: pointer; } i.fa.fa-play { position: absolute; color: #fff; border: 5px solid #fff; border-radius: 50%; padding: 10px 16px; font-size: 2rem; right: 0; left: 0; top: 0; bottom: 0; margin: auto; width: 60px; height: 60px; } .widgetArea p, .widgetArea ul, .widgetArea ol { font-size: .875em; } .widgetArea .contentWidget ul, .widgetArea .videoWidget ul { list-style: disc; padding: 0 20px 20px; } .widgetArea .contentWidget ol, .widgetArea .videoWidget ol { list-style: decimal; padding: 0 20px 20px; } /*.widgetArea .contentWidget img, .widgetArea .videoWidget img { width:100%; }*/ .widgetArea .latestNews { border-bottom: 1px solid #ECEFF1; margin-bottom: 20px; } .widgetArea .latestNews h4 { margin-bottom: 0; } .widgetArea .latestNews a { text-decoration: none; } .widgetArea .latestNews p.postDate { font-size: .75em; } .widgetArea .linkedList ul li { padding-bottom: 10px; } .widgetArea .contact-widget a.button{ padding: 10px 50px; border: 0; font-size: 1.5rem; cursor: pointer; text-decoration: none; border-radius: 5px; display: inline-block; text-align: center;border-radius: 500px; } .widgetArea .contact-widget a.button:hover { cursor: pointer; } .widgetArea .leftNav-title > h3 { margin-top:0;padding: 12px 0; } .widgetArea .contentWidget.three .leftNav-title > h3{ padding: 5px 0; } /* END RIGHT COLUMN WIDGETS */ /**END SECTION: MAIN CONTENT AREA */ /* NEWS LISTING HUB PAGE*/ .newsListingPage > .wrapper { max-width: 1775px; } .newsListingPage .interior-content { max-width: 1570px; margin-left: auto; margin-right: auto; } .newsCornerTriangle { position: absolute; left: 0; top: 10px; background: #ffffff url(../images/new-orange-triangle.svg) no-repeat left top; height: 453px; width: 335px; z-index: -1; } .alignNewsRight { position: absolute; right: 0; width: 41%; } .alignNewsRight h1 { font-size: 4.05rem; padding-left: 40px; margin-bottom: 0; } .newsListing.orangeHeadBorder { display: block; margin: 0 0 5px 40px; width: 96.75%; right: 0; } .newsListingPage .newsTable .newsCategory { width: 49.25%; } .newsListingPage .newsTable .newsCategory#Filters { margin: 0 1.5% 0 0; } .newsListingPage .newsTable .newsCategory label { position: relative; display:block; font-family: 'Proxima Nova Light', 'Montserrat', sans-serif; font-size: 1.55rem; text-align: right; border: 1px solid #ebf2fa; background-color: #ebf2fa; padding: 23px 61px; height: 74px; margin-bottom: 15px; text-transform:uppercase; cursor: pointer; } .newsListingPage .newsTable .newsCategory#typeFilters label { text-align: left; } .newsListingPage .newsTable .newsCategory label:after { position: absolute; right: 20px; left: auto; content: url(../images/icons/dropdown-arrow.svg); padding-top: 9px; padding-left: 5px; vertical-align: middle; } .newsListingPage .newsTable .newsCategory#typeFilters label:after { left: 17px; right: auto; padding-right: 5px; } .newsListingPage .newsTable .newsCategory select{ width: 100%; height: 56px; padding: 0 20px; font-weight: 400; } .newsListingPage ul.topicDrop { top: 74px; } .newsListingPage ul.topicDrop li a { width: 100%; } .newsListingPage .newsTable .oneRow > .col12 { float: left; width: 100%; margin-bottom: 0; } .newsListingPage .newsTable .newsSearch form { border-bottom: 1px solid #525961; } .newsListingPage .newsTable .newsSearch button[type=submit] { float: left; background: #fff; color: #525961; padding: 17px 2px 0 2px; border: none; cursor: pointer; outline: none; } .newsListingPage .newsTable .newsSearch button[type=submit]:before { content: url(../images/icons/news-search-icon.svg); } .newsListingPage .newsTable .newsSearch button span { position: absolute; overflow: hidden; z-index: -1000; font-size: 0; height: 1px; } .newsListingPage .newsTable .newsSearch input { margin: 0; width: 95%; height: 44px; padding: 5px 16px 0 16px; border: none; font-family: 'Proxima Nova Light', 'Montserrat', sans-serif; font-size: 1.54rem; font-weight: normal; } .newsListingPage .newsTable .newsSearch input:focus { outline: none; } .newsSearch input#qNews::-webkit-input-placeholder { padding-left: 0px; color: #525961; font-family: 'Proxima Nova Light', 'Montserrat', sans-serif; } .newsSearch input#qNews:-moz-placeholder { padding-left: 0px; color: #525961; font-family: 'Proxima Nova Light', 'Montserrat', sans-serif; font-weight: normal; } .newsSearch input#qNews::-moz-placeholder { padding-left: 0px; color: #525961; font-family: 'Proxima Nova Light', 'Montserrat', sans-serif; font-weight: normal; } .newsSearch input#qNews:-ms-input-placeholder { padding-left: 0px; color: #525961; font-family: 'Proxima Nova Light', 'Montserrat', sans-serif; font-weight: normal; } .newsSearch input#qNews::-webkit-search-cancel-button { display: none; } .newsSearch input#qNews:-webkit-autofill,.newsSearch input#qNews:-webkit-autofill:hover, .newsSearch input#qNews:-webkit-autofill:focus, .newsSearch input#qNews:-webkit-autofill:active { border-top: none !important; border-right: none !important; border-left: none !important; -webkit-box-shadow: 0 0 0 30px #fff inset !important; } .newsSearch input#qNews:-webkit-autofill,.newsSearch input#qNews:-webkit-autofill:hover, .newsSearch input#qNews:-webkit-autofill:focus, .newsSearch input#qNews:-webkit-autofill:active { color: #525961 !important; } .newsSearch input#qNews:-webkit-autofill { -webkit-box-shadow:0 0 0 50px white inset; /* Change the color to your own background color */ -webkit-text-fill-color: #525961; } .newsSearch input#qNews:-webkit-autofill:focus { -webkit-box-shadow: /*your box-shadow*/0 0 0 50px white inset; -webkit-text-fill-color: #525961; } /* BEGIN: Original */ .article { padding: 10px 10px 10px 0; } .listingPage.article { margin-top: 20px; } .article:after { content: ""; clear: both; display: block; } .article .articleThumb{ height:100px;float:left;margin-right:15px; } .article h3 { margin: 0; margin-bottom:5px; } .article p { margin: 0; line-height:1.35em; } .article p.postDate { font-size: 1rem; margin-bottom: 5px; } .article a.readMore { text-decoration: none; border: none; margin: 10px 0; padding: 0; font-size: .8rem; } .article a { text-decoration: none; } .news .caption p { font-size: .875rem; margin-top: 10px; line-height: 1.5rem; } .leftAlign img { max-width: 300px; } /* END: Original */ .newsListingPage .article { padding: 10px 10px 10px 0; } .newsListingPage .listingPageGroup { float: left; display: -ms-flex; display: -moz-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; margin-top: 20px; } .newsListingPage .listingPageGroup:after { content: ""; flex: auto; } .newsListingPage .listingPage.article.hiddenSpacer { visibility: hidden; height: 0; margin: 0; background-color: #fff; } .newsListingPage .listingPage.article { display: -ms-flex; display: -moz-flex; display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column; width: 31%; color: #525961; background-color: #ebf2fa; padding: 0; margin: 0 0 36px 0; overflow: hidden; } .newsListingPage .listingPage.article.teal, .thoughtBlock.teal { background-color: #008071; } .newsListingPage .listingPage.article.rust, .thoughtBlock.rust { background-color: #991B1E; } .colSlideNews .thoughtBlock { min-height: 500px; padding: 20px 20px 0 20px; } .newsListingPage .listingPage.article.thoughtBlock a h3, .thoughtBlock a h3 { font-size: 2.4rem; line-height: 1.25; } .newsListingPage .listingPage.article.thoughtBlock a h3, .thoughtBlock a h3, .thoughtBlock a, .thoughtBlock p { color: #fff; font-weight: bold; } .newsListingPage .interior-content .listingPage.article.thoughtBlock a { color: #fff; } .newsListingPage .orangeBarSmall, .colSlideNews .orangeBarSmall { display: block; margin: 43px 0; width: 84px; border: 4px solid #FCA133; background-color: #FCA133; } .newsListingPage .article:after { content: ""; clear: both; display: block; } .newsListingPage .article img { float: left; width: 100%; } .newsGridImage { background-size: cover; background-repeat: no-repeat; background-position: center 0; } .newsGridContent { padding: 13px 20px 30px 20px; } .thoughtBlock .newsGridContent { padding: 37px 20px 20px 20px; } .newsGridContent.sunrise { border-top: 9px solid #E66D0A; } .newsGridContent.fall-aspen { border-top: 9px solid #fca133; } .newsListingPage .article h3, .newsListingPage .listingPage.article a h3 { font-family: 'Proxima Nova Semibold', 'Montserrat', sans-serif; font-size: 1.56rem; line-height: 1.55; margin: 0 0 14px 0; font-weight: 600; } .newsListingPage .article p.postDate { float: left; width: 100%; font-size: 1.1rem; margin: 0 0 10px 0; } .newsListingPage .article p.author { float: left; width: 100%; font-size: 1.1rem; margin: 0 0 14px 0; line-height: 1.6em; } .authorGridName { font-weight: bold; margin-bottom: 9px; font-size: 1.1rem; line-height: 1.6em; } .thoughtBlock .authorGridName { color: #fff; } .newsListingPage .article p.intro { float: left; width: 100%; font-size: 1.1rem; line-height: 1.6em; } .newsListingPage .article a.readMore { text-decoration: none; border: none; margin: 10px 0; padding: 0; font-size: .8rem; } .newsListingPage .article a { float: left; width: 100%; text-decoration: none; } .newsListingPage .news .caption p { font-size: .875rem; margin-top: 10px; line-height: 1.5rem; } @media only screen and (min-width: 1279px) { .colSlideNews .thoughtBlock a h3 { font-size: 1.85rem; } } @media only screen and (min-width: 961px) and (max-width: 1279px) { .colSlideNews .thoughtBlock a h3 { font-size: 1.85rem; } } @media only screen and (min-width: 1024px) and (max-width: 1775px) { .interior .newsListingPage .wrapper { padding: 20px 50px 0px 50px; } .newsListingPage .listingPage.article.thoughtBlock a h3 { font-size: 2rem; line-height: 1.2; } } @media only screen and (min-width: 961px) and (max-width: 1023px) { .interior .newsListingPage .wrapper { padding: 20px 40px 0px 40px; } } @media only screen and (max-width: 1200px) { .alignNewsRight { position: initial; width: 100%; } .alignNewsRight h1 { padding-left: 0; } .newsCornerTriangle { top: 105px; height: 229px; width: 170px; background-size: 170px 229px; } .newsListing.orangeHeadBorder { position: absolute; margin: 0; width: 98.75%; } .newsListingPage .listingPage.article { width: 48%; } } @media only screen and (max-width: 960px) { .colSlideNews .thoughtBlock { min-height: 400px; } .newsListingPage .listingPage.article.thoughtBlock a h3, .thoughtBlock a h3 { font-size: 1.85rem; } .newsListing.orangeHeadBorder { width: 97.25%; } .newsListingPage .newsTable .newsCategory { width: 100%; } .newsListingPage .newsTable .newsCategory#Filters { margin: 0; } .newsListingPage .newsTable .newsCategory label { text-align: left; font-size: 1.15rem; padding: 17px 32px; height: 51px; margin-bottom: 0px; } .newsListingPage .newsTable .newsCategory#typeFilters label:after { right: 33px; left: auto; padding-right: 0; } .newsListingPage .newsSearch { margin-top: 17px; } .newsListingPage .newsTable .newsSearch input { padding: 12px 16px 0 16px; font-size: 1.15rem; } .newsListingPage .newsTable .newsCategory label:after { padding-top: 2px; right: 33px; } .newsListingPage .newsCategory ul.topicDrop { top: 51px; } .newsListingPage .newsCategory ul.topicDrop li a { padding: 15px 12px; } .cta-button.fullWidth a.btnLrg, .cta-button.fullWidth .btnLrg { width: auto; max-width: none; } .cta-button.fullWidth button.btnLrg { width: 93%; } .cta-button.fullWidth .archive { width: 100%; } .cta-button.fullWidth .archive .btnLrg { width: 93%; max-width: none; } } @media only screen and (max-width: 767px) { .newsListingPage .listingPage.article { width: 100%; margin-right: 0; } .newsListingPage .newsTable .newsSearch input { width: 91%; } .newsGridContent { padding: 13px 32px 45px 32px; } .newsListingPage .listingPage.article { margin: 0 0 33px 0; } .newsListingPage .article h3 { line-height: 1.45; } .newsListingPage .article p.postDate { font-size: .95rem; margin: 0 0 7px 0; } .newsListingPage .article p.author { font-size: .95rem; } .newsListingPage .article p.intro { font-size: .95rem; } .authorGridName { font-size: .95rem; } .thoughtBlock .newsGridContent { padding: 30px 33px 45px 33px; } .newsListingPage .orangeBarSmall, .colSlideNews .orangeBarSmall { margin: 21px 0; } } @media only screen and (max-width: 580px) { .alignNewsRight h1 { font-size: 2.5rem; } .newsCornerTriangle { top: 115px; } .newsListingPage .article h3 { font-size: 1.15rem; } .newsListingPage .listingPage.article.thoughtBlock a h3, .thoughtBlock a h3 { font-size: 1.5rem; } } /* NEWS LISTING FEATURED SLIDER */ .gallery.featuredNews { position: relative; width: 100%; clear: both; margin: 30px 0; } .gallery.featuredNews .slick-list { width: 100%; } .gallery.featuredNews .slick-list, .gallery.featuredNews .slick-slide { padding: 0; } .gallery.featuredNews .galleryBG { float: left; width: 59%; background-position: 50% top; background-repeat: no-repeat; } .gallery.featuredNews .caption { position: relative; float: left; width: 43%; padding: 36px 40px 18px 0; background-color: #fff; } .gallery.featuredNews .caption h2 { font-family: 'Proxima Nova Semibold', sans-serif; font-size: 1.45rem; margin-top: 0; margin-bottom: 21px; color: #525961; text-transform: none; } .gallery.featuredNews .caption h2 a { color: #525961; text-decoration: none; } .gallery.featuredNews .slick-slide:not(.slick-active) a { visibility: hidden; } .gallery.featuredNews .caption h2 a:hover { text-decoration: underline; } .gallery.featuredNews .caption .date { font-size: .95rem; margin-bottom: 18px; } .gallery.featuredNews .caption .summary { width: 100%; max-width: 539px; } .gallery.featuredNews .caption .summary p { font-size: 1.1rem; line-height: 1.6; } .gallery.featuredNews .slick-prev { top: auto; right: 35%; bottom: 15px; left: auto; width: 50px; height: 42px; } .gallery.featuredNews .slick-next { top: auto; right: 28%; bottom: 15px; left: auto; width: 50px; height: 42px; } .gallery.featuredNews .pager { display: block; position: absolute; right: 31.5%; bottom: 47px; font-size: 1.3rem; font-weight: bold; color: #008071; z-index: 1; } .gallery.featuredNews .pager .pagingInfo, .gallery.featuredNews .pager .counter { color: #008071; background-color: #fff; } .gallery.featuredNews .slick-prev:before, .gallery.featuredNews .slick-next:before { font-size: 2.6rem; font-family: "Font Awesome\ 5 Free"; font-weight: 900; } .gallery.featuredNews .slick-prev:before { content: '\f0a8'; color: #008071; } .gallery.featuredNews .slick-next:before { content: '\f0a9'; color: #008071; } .gallery.featuredNews .slick-prev:hover:before { content: '\f0a8'; color: #525961; } .gallery.featuredNews .slick-next:hover:before { content: '\f0a9'; color: #525961; } @media all and (max-width: 1600px) and (min-width: 1401px) { .gallery.featuredNews .slick-prev { right: 33%; } .gallery.featuredNews .slick-next { right: 25%; } .gallery.featuredNews .pager { right: 29%; } } @media all and (max-width: 1400px) and (min-width: 1281px) { .gallery.featuredNews .slick-prev { right: 33%; } .gallery.featuredNews .slick-next { right: 25%; } .gallery.featuredNews .pager { right: 29%; } .gallery.featuredNews .caption .summary p { font-size: 1rem; } } @media all and (min-width: 1281px) { .gallery.featuredNews .galleryBG { width: 59%; height: 475px; background-size: contain; } .gallery.featuredNews .caption { width: 41%; background-color: #fff; padding: 0px 40px 0 54px; margin: 150px 0 0 0; } } @media all and (min-width: 1201px) and (max-width: 1280px) { .gallery.featuredNews .galleryBG { width: 59%; height: 350px; background-size: contain; } .gallery.featuredNews .caption { width: 41%; background-color: #fff; padding: 0px 0 0 28px; margin: 88px 0 0 0; } .gallery.featuredNews .slick-prev { right: 35%; bottom: 12px; } .gallery.featuredNews .slick-next { right: 25%; bottom: 12px; } .gallery.featuredNews .pager { right: 30.15%; bottom: 42px; } .gallery.featuredNews .caption .summary p { font-size: 1rem; } .gallery.featuredNews { margin: 16px 0 0 0; } .alignNewsRight h1 { padding-left: 17px; } .newsListing.orangeHeadBorder { margin: 0 0 5px 20px; } .newsListingPage .newsTable .newsCategory label { font-size: 1.4rem; padding: 20px 61px; height: 62px; } .newsListingPage .newsTable .newsCategory label:after { padding-top: 6px; } .newsListingPage ul.topicDrop { top: 62px; } .newsListingPage ul.topicDrop li a { padding: 18px 12px !important; } .newsListingPage .orangeBarSmall, .colSlideNews .orangeBarSmall { margin: 28px 0; } .newsSearch { margin-top: 0; } .newsSearch form { margin-bottom: 18px; } .thoughtBlock .newsGridContent { padding: 25px 20px 20px 20px; } } @media only screen and (max-width: 1280px) { .alignNewsRight h1 { font-size: 2.8rem; } .gallery.featuredNews .caption h2 { font-size: 1.15rem; margin-bottom: 13px; } .gallery.featuredNews .caption .date { margin-bottom: 11px; } .gallery.featuredNews .caption .summary p { line-height: 1.4; } .newsListingPage .article h3, .newsListingPage .listingPage.article a h3 { line-height: 1.4; font-size: 1.4rem; } } @media only screen and (max-width: 1200px) { .gallery.featuredNews { margin: 30px 0 20px 0; box-shadow: 0px 2px 5px 0px rgba(0,0,0,.2); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,.2); -webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,.2); } .gallery.featuredNews .galleryBG { width: 100%; background-size: cover; } .gallery.featuredNews .caption { width: 101.75%; padding: 0 10px 9px 10px; margin: 0 0 0 -8px; } .gallery.featuredNews .caption .wrap { width: 100%; padding: 20px 40px; } .gallery.featuredNews .caption .summary { padding-bottom: 38px; max-width: 100%; } .gallery.featuredNews .slick-prev { top: auto; left: 50%; bottom: 12px; margin-left: -91px; } .gallery.featuredNews .slick-next { top: auto; left: 50%; bottom: 12px; right: auto; margin-left: 38px; } .gallery.featuredNews .pager { left: 0; bottom: 45px; right: 0; text-align: center; width: 200px; margin: auto; } } @media only screen and (max-width: 960px) { .gallery.featuredNews { margin: 55px 0 11px 0; } } @media only screen and (max-width: 580px) { .gallery.featuredNews { margin: 47px 0 0 0; } .gallery.featuredNews .caption .wrap { padding: 20px 32px; } .gallery.featuredNews .caption { width: 103.5%; } .gallery.featuredNews .caption .summary p { font-size: 1.05rem; } } /* NEWS LISTING ARCHIVE PAGE */ .archivePage .alignNewsRight h1 { margin-top: 46px; } .archivePage .alignNewsRight .caption { position: relative; float: left; width: 78%; font-size: 1.1rem; padding: 18px 40px; background-color: #fff; } .archivePage .pastYears { padding-top: 266px; } .pastYears a { float: left; display: block; font-size: 1.4rem; padding: 0 0 18px 0; } .pastYears .col6:last-child a { float: right; } .interior-content .pastYears a:hover { color: #525961; text-decoration: none; } .pastYears a.prev:before, .pastYears a.next:before { font-size: 2.5rem; font-family: "Font Awesome\ 5 Free"; font-weight: 900; } .pastYears a.prev:before { float: left; content: '\f0a8'; color: #008071; padding: 0px 15px 0 0; } .pastYears a.prev strong { color: #008071; background-color: #fff; display: block; margin-top: 10px; float: left; } .pastYears a.prev:hover strong { color: #525961; } .pastYears a.prev:hover:before { content: '\f0a8'; color: #525961; text-decoration: none; } .pastYears a.next strong { color: #008071; background-color: #fff; display: block; margin-top: 10px; float: right; } .pastYears a.next:hover strong { color: #525961; } .pastYears a.next:before { content: '\f0a9'; color: #008071; float: right; padding: 0px 0 0 15px; } .pastYears a.next:hover:before { content: '\f0a9'; color: #525961; text-decoration: none; } .pastYears .col6:last-child { text-align: right; } .archivePage .cta-button.fullWidth .archive { display: none !important; } @media only screen and (max-width: 1860px) { .pastYears a.prev { margin-left: 15%; } .pastYears a.next { margin-right: 15%; } } @media only screen and (max-width: 1600px) { .pastYears a.prev { margin-left: 22%; } .pastYears a.next { margin-right: 22%; } } @media all and (min-width: 1201px) and (max-width: 1280px) { .archivePage .pastYears { padding-top: 216px; } } @media only screen and (max-width: 1200px) { .archivePage .alignNewsRight h1 { margin-top: 15px; } .archivePage .pastYears { padding-top: 155px; } .archivePage .alignNewsRight .caption { width: 99%; padding: 27px 35px; margin: 54px 10px 20px 0; box-shadow: 0px 2px 5px 0px rgba(0,0,0,.2); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,.2); -webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,.2); } .archivePage .alignNewsRight .caption .summary p { margin-bottom: 0; } } @media only screen and (max-width: 580px) { .newsCornerTriangle { top: 100px; left: -30px; } .archivePage .alignNewsRight h1 { margin-top: 15px; } .pastYears a.prev { margin-left: 10%; } .pastYears a.next { margin-right: 10%; } } /* NEWS ARTICLE PAGE */ .article-main p.first { font-weight: bold; } .article-main p strong { font-weight: bold; } .footnotes p { font-style: italic; font-size: .875rem; } .newsHubBack { clear: both; } .newsHubBack a { float: left; display: block; color: #008071; font-size: 1.4rem; padding: 0 0 18px 0; text-decoration: none; } .newsHubBack a:hover { color: #525961; text-decoration: none; } .newsHubBack a:before { float: left; content: '\f0a8'; color: #008071; padding: 0px 15px 0 0; font-size: 2.5rem; font-family: "Font Awesome\ 5 Free"; font-weight: 900; } .newsHubBack a:hover:before { color: #525961; } .newsHubBack a strong { display: block; margin-top: 10px; float: left; } .newsArticle > .wrapper { max-width: 1585px; } .newsArticle .pageTitle { float: left; width: 75%; margin-top: 27px; clear: both; } .article-main.wysiwyg-content h2:first-child { margin-top: -6px; } .newsArticle .postDate { float: left; width: 100%; font-size: 1.3rem; margin-bottom: 10px; } .newsArticle .headBorder { display: block; clear: both; } .newsArticle > .wrapper > .headBorder { position: absolute; width: 100%; padding: 0; margin: 60px 0 4px 0; } .newsArticle .articleArea.headBorder { position: absolute; width: 21%; left: 0; margin-top: 7px; } .newsArticle .headBorder.sunrise { border: 4px solid #F57A12; background-color: #F57A12; } .newsArticle .headBorder.fall-aspen { border: 4px solid #FCA133; background-color: #FCA133; } .newsArticle .headBorder.teal { border: 4px solid #008071; background-color: #008071; } .newsArticle .headBorder.rust { border: 4px solid #991B1E; background-color: #991B1E; } .newsArticle .featuredArea { position: relative; float: left; width: 100%; clear: both; margin-bottom: 50px; } .newsArticle .featuredArea.noFeature { margin-bottom: 30px; } .newsArticle .addThisWrapper { float: left; margin: 5px 0; } .newsArticle .featuredNewsBlock + .col4 > .addThisWrapper, .newsArticle .featuredNewsBlock + .col5 > .addThisWrapper { position: absolute; bottom: 0; } .newsArticle .featuredArea.noFeature > .col4, .newsArticle .featuredArea.noFeature > .col5 { width: 80%; margin: 0; } .newsArticle .addThisWrapper > span { display: block; font-size: 1rem; text-align: left; margin-bottom: 10px; } .newsArticle .featuredImage { width: 100%; background-repeat: no-repeat; background-size: cover; box-shadow: 0px 2px 5px 0px rgba(0,0,0,.2); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,.2); -webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,.2); } .newsArticleWrapper > .col3 { width: 14.5%; } .newsArticleWrapper > .col9.last { width: 82%; } .newsArticle .infoColumns.news.default { clear: both; } .newsArticle .home { margin-top: 100px; margin-bottom: -150px; } .endList { visibility: hidden; position: absolute; top: -10000px; left: -10000px; } @media only screen and (max-width: 1860px) { .newsArticle .articleArea.headBorder { width: 18%; } } @media only screen and (max-width: 1660px) { .newsArticle > .wrapper > .headBorder { width: 98.75%; right: 0; } .newsArticle .articleArea.headBorder { width: 15%; } } @media only screen and (min-width: 961px) { .newsArticle .infoColumns.news.default .pager { display: none; } } @media only screen and (max-width: 960px) { .newsArticle .pageTitle { width: 100%; } .newsArticle .featuredArea.noFeature { margin-bottom: 21px; } .featuredArea > .col8, .featuredArea > .col7 { width: 100%; } .featuredArea > .col4, .featuredArea > .col5 { width: 100%; } .newsArticle .featuredNewsBlock + .col4 > .addThisWrapper, .newsArticle .featuredNewsBlock + .col5 > .addThisWrapper { position: relative; margin: 37px 0 0 0; } .newsArticle > .wrapper > .headBorder { width: 98%; right: 0; } .newsArticle .articleArea.headBorder { width: 98%; margin-top: 0; } .newsArticleWrapper { float: left; } .newsArticleWrapper > .col3 { width: 100%; } .newsArticleWrapper > .col9.last { width: 100%; clear: both; padding-top: 10px; } .newsArticle .featuredArea { margin-bottom: 19px; } .newsArticle .home { margin-top: 0; } } @media only screen and (min-width: 980px) and (max-width: 1023px) { .newsArticle .featuredArea .at-style-responsive .at-share-btn { padding: 5px 0; } } @media only screen and (max-width: 580px) { .newsArticle > .wrapper > .headBorder { width: 96.75%; } .newsArticle .pageTitle { font-size: 1.7rem; line-height: 1.2; } .newsArticle .postDate { font-size: 1.1rem; margin-bottom: 30px; } } /* CONTACT FORM */ form:after { clear: both; } form.contact input[type=radio] { margin: 10px 10px 10px 20px; } form.contact input[type=radio]:first-of-type { margin: 10px 10px 10px 0px; } form.contact input[type=text], form.contact input[type=email], form.contact input[type=tel] { height: 40px; padding: 10px; width: 100%; margin: 5px 0 25px 0; } form.contact input:focus { outline: none; } form.contact select { height: 40px; padding: 10px; width: 100%; margin: 5px 0 25px 0; } form.contact textarea { width: 100%; min-height: 100px; margin: 5px 0 25px 0; } /*form.contact button:hover{ background:none; }*/ form input[type=submit] { float: left;padding: 5px 50px; font-size: 1.25rem; cursor: pointer; text-decoration: none; border-radius: 5px; display: block; text-align: center;border-radius: 500px;border:0;outline:0;border-radius:0; } /*form button.button.two{ margin-left:30px; }*/ /* FOOTER */ .home footer{ margin-top:0; } footer { position:relative; min-height: 200px; padding: 20px 0 0; margin-top: 150px; font-size: 1.05rem; } /*footer:after{ content: "";width: 100%;position: absolute;bottom: 0;left: 0;height: 5px;background-image: url(../../_images/footer-bar.jpg);background-repeat: repeat-x;background-position: 0 0; }*/ /*footer:before{ content: "";width: 100%;position: absolute;top: -25px;left: 0;height: 50px;background-image: url(../../_images/wave.png);background-repeat: repeat-x;background-position: 0 0; }*/ footer .one-row { padding: 15px 10px; } footer .subfooter .one-row{ padding:10px 10px; } footer .footerLinks label.linkHeading{ display:block;margin-bottom:15px;font-size: 1.5em;text-transform: uppercase; } footer .footerLinks input[type=checkbox]{ display:none; } footer .footerLinks ul{ list-style:none; } footer .footerLinks ul li { margin-bottom: 8px; } footer .footerLinks ul li a { display: inline-block;font-size: 1.125em;text-decoration:none;text-transform: none; } footer .footerLinks ul li a:hover{ text-decoration:underline; } footer .companyInfo{ text-align:right; } footer .companyInfo .address a { text-decoration: none; } footer .companyInfo a.footerLogo{ display:block;margin-bottom:25px; max-width: 250px; } footer .companyInfo .address p { font-size: 1.25em;line-height: 1.25em; } footer .textIndent { position: absolute; text-indent: -9999999px; } /*footer .footer-acc { padding: 15px 3%; text-align: center; }*/ /*footer h2{ margin-bottom:30px; }*/ /*footer ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; }*/ /*footer ul li { display: block;margin-bottom:15px; }*/ /*footer a { text-decoration: none; }*/ /*footer a i { padding: 0 15px; margin-bottom: 20px; font-size: 2em!important; }*/ /*footer a img { margin-bottom: 30px; }*/ /*footer p { line-height: 1.2rem; }*/ /*footer p.address, footer p.phoneEmail { margin-bottom:15px; }*/ /*footer p.socialMedia{ margin-top:15px; }*/ /*footer a.button { margin-top: 25px; padding: 15px 60px 15px 60px; display: inline-block; font-size: 0.750rem; cursor: pointer; text-decoration: none; border-radius:500px; text-transform: uppercase; }*/ /*footer .contact { line-height: 1.5em; font-size: .9em; }*/ /*footer .accordion .col3 { width: 100%; }*/ /*footer .accordion .acc-row { border-bottom-width: 1px; border-bottom-style: solid; }*/ /*footer .accordion .acc-row h3 { padding: 16px 5.5% 16px 3.5%; font-size: 1.2em; }*/ /*footer .accordion .acc-row label { padding: 0; }*/ /*footer .accordion .acc-row label:before { content: ""; }*/ /*footer .accordion .acc-row label:after { font-family: "Font Awesome\ 5 Free"; content: "\f107"; float: right; font-weight: 900; }*/ /*footer .accordion .acc-row input[type=checkbox]:checked ~ h3 label:before { content: ""; }*/ /*footer .accordion .acc-row input[type=checkbox]:checked ~ h3 label:after { font-family: "Font Awesome\ 5 Free"; content: "\f106"; float: right; font-weight: 900; }*/ /*footer #footerbottom { margin-top: 10px; min-height: 30px; padding: 12px 0 13px; text-align: center; }*/ /*footer #footerbottom p, footer #footerbottom ul { font-size: .725em; display: inline; }*/ /*footer #footerbottom p { padding-right: 5px; }*/ /*footer #footerbottom ul li { list-style-type: none; display: inline; }*/ /*footer #footerbottom ul li a { margin: 0 10px; text-decoration: none; }*/ /*footer #footerbottom ul li:before { content: "\007C"; }*/ /*.home footer{ margin-top:0; }*/ /* TOASTER */ .toaster{ background:url('../../_images/kidszone-bw.jpg') no-repeat 8% 0 #3B404B; background-size: cover; background-position: center; padding: 0; position:fixed; bottom:0; width:100%; display:none; z-index:99999 } .toaster.infoColumns .color-overlay { padding: 35px 30px; } .toaster .closeButton{ float: right; cursor: pointer; } .toaster .toaster-content{ text-align:center; padding: 0 20px; } .toaster .toaster-content h3{ color:#fff; font-size:1.75rem; text-transform:none; margin-bottom: 5px; } .toaster .toaster-content p { display:block; } /* BACK TO TOP LINK */ #top-link { bottom: 50px; max-width: 45px; padding: 10px 5px; position: fixed; right: 0; text-align: center; text-decoration: none; width: 100%; z-index: 999999; } #top-link:before { display: block; font-family: "Font Awesome\ 5 Free"; content: '\f062'; font-size: 1.75em; font-weight: 900; } #top-link span { display: none; } /* ============================================ == BEGIN MEDIA QUERIES == =============================================*/ @media all and (max-width: 1180px) { /* SLIDER */ .overlay { width: 50%; } .slider h2 { font-size: 2em; line-height: 1em; } .slider .blurb { margin-bottom: 20px; } .overlay.left-bottom, .overlay.left-top { left: 40px; } .overlay.left-top, .overlay.right-top { top: 27%; } .overlayColumn { height: 250px; } .news .caption { padding-right: 30px; } .news .flex-direction-nav .flex-prev { left: 5px; } .news .flex-direction-nav .flex-next { right: 5px; text-align: right; } .news .flexslider:hover .flex-direction-nav .flex-prev { left: 5px; } .news .flexslider:hover .flex-direction-nav .flex-next { right: 5px; } } @media (min-width:961px) { /* MAIN NAVIGATION */ .menu-container { background: transparent; min-width: 230px; max-width: 350px; width: 100%; max-width: 1657px; margin-left: auto; margin-right: auto; float: none; height: auto; position: relative; top: 0; z-index: initial; display: initial; overflow-y: inherit; display: block; } .menu-wrapper { display: block; } .close-btn { display: none; } } @media screen and (max-width: 960px) { /*960 GLOBAL*/ /*h1, h2, h3, h4, h5 { margin-top: 35px; }*/ .mob-only { display: block; } .mob-only-inline { display:inline-block } .full-only, .full-only-inline { display: none; } .interior-content.col6 { width: 100%;float:none; } .col9.last{ width:100%; } section.widgetArea.col3 { width:100%;margin-top: 25px;float:none; } /*960 HEADER */ header .logo img, header.scroll-on .logo img { max-width:135px;margin:5px 5px 10px 5px; } .headerContent { height: auto; } .utilityHeader { position: relative; } header{ position: relative;z-index: 3;margin-top: 0; } header .logo { /*max-width:150px;*/left: 0px; top: 0; } header.scroll-on #menu { margin-top:0px; } .acc-row ul.sub-menu { max-height: inherit; } header .toggle-btn { margin-top: 0; } /*960 SLIDER */ .overlay { top: 20%; width: 80%; } .overlay.left-bottom { left: 40px; } .slider h2 { font-size: 1.75em;} .slider .blurb { width: 100%; } /*960 MAIN NAVIGATION */ #mobile-header { padding-top: 15px; } #mobile-header .searchButton.is-active:before { content: url(../images/icons/mobile-menu-close-icon.svg); } .logo { width: 50%; position: relative; left: 0; z-index: 0; border: 0; box-shadow: none; } .menu-container { overflow-y: scroll; } .mobilenavtrigger{ /*height:0;*/ } #mobile-header { display: block; float: right; padding-top: 13px; margin-right: 4%; } #menu { float: none; width: 100%; padding: 0; text-align: left; margin-top: 0px; } #menu > li { float: left; width: 100%; padding: 0 0 20px 0; } #menu > li.open { margin-bottom: 0; padding-bottom: 0; } #menu li a, #menu li:last-child a, #menu li span{ margin-left: 15px; display: inline-block; } .topNav { height: 0; } #menu li.search { display: none; } .topNav ul li { padding-right: 0; border-top: none; border-right: none; border-left: none; } .topNav ul.sub-menu li { border-bottom: 1px solid #ffffff; } .topNav ul.sub-menu li:last-of-type { border-bottom: none; } /*#menu .sub-menu { border-width: 0; margin: 20px 0 0px 0; position: relative; top: 100%; min-width: inherit; width: auto; z-index: 3000;padding: 0px;left:0; } #menu .sub-menu li[class^="col"] { float: none; } #menu .sub-menu li { float: none; margin-right: 0; } #menu .sub-menu li a { font-size: .875em; line-height: 1.2rem; margin: 10px 30px; } #menu .sub-menu li{ border-bottom:1px solid; padding: 5px; } #menu .sub-menu li:last-child { border-bottom:none; } /*#menu .sub-menu li:first-child { padding-top: 20px; } #menu .sub-menu .sub-menu { top: 0; left: 100%; } #menu li:hover > input[type="checkbox"] + .sub-menu { display: none; position: relative; }*/ #menu .sub-menu { display: none; } #menu > li.has-sub .mobilenavtrigger { display: block; float: left; position: relative; /*height: 35px;*/ padding-left: 0; margin-top: 16px; background: none; border: 0; cursor: pointer; } #menu > li.has-sub .mobilenavtrigger:before { content: url(../images/icons/mobile-menu-expand-down.svg); } #menu > li.has-sub.open .mobilenavtrigger:before { content: url(../images/icons/mobile-menu-expand-up.svg); } #menu.nav ul.sub-menu { position: relative; float: left; width: 100%; left: auto; top: auto; opacity: 1; clear: both; } #menu > li:hover { cursor: pointer; } #menu .sub-menu li { display: block; padding: 0 5px; background-color: rgba(216, 230, 243, .2); } #menu #double li, #menu #triple li, #menu #quad li { width: 100%; } #menu li.has-sub:hover > a { text-decoration: none; } .accordion .acc-row div.leftNav-title h3{ margin:0; } .leftcol .acc-row input[type=checkbox]:checked ~ .leftNav-title ~ ul{ padding: 0px; } .leftcol .acc-row input[type=checkbox] ~ .leftNav-title ~ ul li{ padding:5px 15px; } .leftcol .acc-row input[type=checkbox]:checked ~ .leftNav-title ~ ul li.active{ padding:10px 15px; } .leftNav ul li a{ padding:10px; } /*.leftNav .accordion .acc-row p, .leftNav .accordion .acc-row ul { padding:0 5px; }*/ /* Mockup Mobile Nav .menu-container { margin-top: 90px; } */ /* Content Overlay for open mobile nav */ .dim { background: rgba(0, 0, 0, .05); position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: -100; opacity: 0; transition: height 0.6s ease-in-out; } .dim.on { opacity: 1; } /*960 SEARCH MOBILE */ .searchMobilecontent, #searchMobiletoggle, #searchMobiletoggle + label { display: block; } nav #searchtoggle ~ label { display: none; } /*960 TOOLBAR MENU OPEN */ #searchtoggle { display: none; } #searchMobiletoggle + label span { position: absolute; overflow: hidden; z-index: -1000; font-size: 0; height: 1px; } /* OPENS CHANGES ICONS */ #searchMobiletoggle + label:before { content: '\f002'; font-family: "Font Awesome\ 5 Free"; font-size: 1.25em; font-weight: 900; } /* OPENS DIV */ #searchMobiletoggle ~ label { width: 32px; display: block; width: initial; float: right; margin-right: 5.5%; padding-top: 20px; cursor: pointer; } #searchMobiletoggle:checked ~ .searchMobilecontent { opacity: 0; height: 0; display: block; position: absolute; overflow-x: hidden; } /*960 DIV */ .searchMobilecontent { position: absolute; bottom: -54px; border-style: solid; border-width: 2px; float: left; width: 100%; transition-property: all; transition-duration: .5s; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); margin-top: 10px; margin-bottom: 7px; } .searchMobilecontent ul.toolbar { list-style: none; padding-left: 0; display: block; } .searchMobilecontent li { display: block; } .searchMobilecontent li a { text-decoration: none; line-height: 2.5em; display: block; font-size: 0.875em; text-transform: initial; } /*960 SEARCH INPUT */ nav .searchMobilecontent input[type=search] { -webkit-appearance: none; } .searchMobilecontent input:focus { outline: none; } nav .searchMobilecontent button[type=submit] { float: left; position: relative; border: none; right: 0px; top: initial; overflow:hidden; } .searchMobilecontent::-webkit-input-placeholder { padding-left: 0px; } .searchMobilecontent:-moz-placeholder { padding-left: 0px; } .searchMobilecontent::-moz-placeholder { padding-left: 0px; } .searchMobilecontent:-ms-input-placeholder { padding-left: 0px; } /*960 BEGIN INFOGRAPHIC AREA*/ .infoColumns .infographicWrap { padding: 15px 0; } .infoColumns h3.info-large { font-size: 3em; } .infoColumns .infographicWrap p { font-size: 1em; line-height: 1.7; } /*960 NEWS SLIDER*/ .infoColumns.news .flex-viewport{ max-width: 97%;margin: 0 auto; } /*960 BEGIN TRIPLEBLURB AREA */ .tripleBlurb h3 { font-size: 1.3em; } .tripleBlurb .col4 .circle .content:after { max-width: 50px; } .tripleBlurb .col4 .circle .content:hover:after { max-width: 75px; } /*960 BEGIN SECTION PROGRAMS AREA */ .programs .wrapper .captionIcon { font-size: 1.15em; } /* BEGIN LEFT NAVIGATION STYLES */ .button-yellow { font-size: 1em; width: 100%; padding: 15px; } .leftNav { margin-bottom: 20px; } .leftcol { margin-bottom: 25px; width: 100%; } /*960 BEGIN WYSIWYG AREA */ .interior-content.col9 { width: 100%; float: none; } .interior-content > .col6 { width: 65%; } .widgetArea .col3 { width: 31%; } /* BEGIN Full Width CTA */ /*.callToAction .cta h2 { font-size: 1.5em; }*/ .callToAction .cta span { /*font-size: 2em; top: 10px;*/ } /* FOOTER */ footer #footerbottom .col6 { text-align: center; width: 100%; } footer .copyright, footer .designby { float: none; line-height: 2em; } } @media screen and (max-width: 720px) { .interior-content.col6 { width: 100%; float: none; } .widgetArea.col3 { width: 100%; float: none; padding-top: 20px; } section.widgetArea.col3 { margin-top: 0px; } .vidOverlay a img { width: 100%; } .infoColumns .columns .col4 { width: 100%; float: none; } .overlayColumn { height: 175px;margin-bottom:20px; } .overlayColumn h2.imageTitle{ font-size:1.25rem; } .columns .col6 { width:100%;margin:0;margin-bottom: 20px; } /*720 BEGIN UTILITY NAVIGATION */ .utilityHeader .wrapper { padding: 0 1%; } /*720 SEARCH MOBILE */ #searchMobiletoggle ~ label { padding-top: 15px; } .searchMobilecontent input[type=search] { width: 85%; -webkit-appearance: none; } /*720 SLIDER */ .slider .wrapper { position: relative; min-height: 250px; padding: 0px;margin-top: -3px; } .slider .wrapper .overlay{ position: relative; text-align: center; width: 100%; padding: 50px 20px; top:auto;bottom:auto;left:auto;right:auto;height:auto; min-width: 0; } .slider h2 { font-size: 2rem; margin-bottom:10px;text-shadow:none; } .slider .blurb { text-shadow: none; margin: 10px auto; width: 100%; line-height:1.5em; padding:0 7.5%; } /*.slider a.button { float: none; max-width: 175px; margin: 0 auto; padding: 15px 20px; }*/ .slider .overlay.left-bottom a.button{ float:none; } .slider .overlay.left-bottom h2:after, .slider .overlay.left-top h2:after { margin: 15px auto; display: block; max-width: 100px; position: relative; left: 0; } /*720 BEGIN SECTION PROGRAMS AREA */ .programs { margin: 23px 0 0; } .programs .wrapper .col4 { width: 47%; } .programs .col4 { margin-bottom: 6px; } .programs .col4:nth-child(4n) { margin-right: 3%; } .programs .col4:nth-child(odd) { margin-right: 0; } .programs .wrapper .caption { min-height: 60px; max-height: 64px; padding: 15px 10px; } .programs .wrapper .captionText { font-size: .725em; } /*720 BEGIN Full Width CTA */ .callToAction { min-height: 365px; } /*720 BEGIN INFOGRAPHIC*/ .infoColumns .infographicWrap p { padding: 0 20%; } /*720 NEWS SECTION */ .news .events .col4 { margin-bottom: 40px;width:100%; } .news li { border-left: none; } .news .caption h3 { font-weight: 400; text-align: left; } .news .readMore { max-width: 720px; } /*720 BEGIN WYSIWYG AREA */ .interior-content .col6 { width: 100%; float: none; } .pastYears .col6 { width: 48% !important; float: left !important; } .interior-content ul{ padding:0 20px 20px; } .interior-content .accordion .acc-row input[type=checkbox]:checked ~ h3 ~ div{ padding:0 20px; } .content-main img{ width:100%; margin:20px 0; } .widgetArea { border-bottom: none; } .widgetArea .col3 { margin-top: 50px; } .widgetArea .col3, .widgetArea .col3 img { width: 100%; } /*720 FOOTER */ footer { padding: 0; border-top-width: 5px; } footer .one-row, footer .subfooter .one-row{ padding: 0px; } footer .footerLinks.col3, footer .companyInfo.col3{ width:100%;margin:0; } footer .companyInfo.col3{ margin-top:30px; } footer .footerLinks label.linkHeading{ position:relative;margin-bottom: 0px;padding:15px;cursor:pointer; } footer .footerLinks label.linkHeading:after{ content:"\f107";position:absolute;font-family:"Font Awesome\ 5 Free";right:15px; font-weight: 900; } footer .footerLinks.col3{ padding:0; } footer .footerLinks.col3:not(:first-child) { border-top: 1px solid; } footer input { display: block; } footer .footer-acc { padding: 0; } footer .logo { padding: 15px 4%; } footer .logo p { padding: 0 1.25%; } footer ul.social-media { max-width: 250px; margin: auto; } footer .col4, footer .col8{ width:100%;float:none; } footer .footerLinks ul{ display:none; } footer .footerLinks input[type=checkbox]:checked + ul { display: block;margin: 0;padding: 15px 30px; } footer .footerLinks ul li { margin-bottom: 15px; } footer .companyInfo, footer .subfooter{ text-align:center; } } @media screen and (max-width: 580px) { .home header{ margin-top:0px; } .utilityHeader{ display:none; } /* MAIN NAVIGATION */ .container.show > .menu-container { min-width: 100%; } /*.flex-direction-nav{ display:none; }*/ .news .flex-direction-nav .flex-prev { left: -15px!important; } .news .flex-direction-nav .flex-next { right: -15px!important; } .overlayColumn { height: 300px; } .menu-container { width: 100%; } /* SEARCH MOBILE */ nav .searchMobilecontent input[type=search] { width: 94%; } .searchMobilecontent input:focus { outline: none; } nav .searchMobilecontent button[type=submit] { width: 6%; } /* BEGIN TRIPLEBLURB AREA */ .tripleBlurb h3 { font-size: 2em; } .tripleBlurb .col4 .circle .content:after { max-width: 75px; } .tripleBlurb .col4 .circle .content:hover:after { max-width: 125px; } /* BEGIN SECTION PROGRAMS AREA */ .programs .col4 { float: left; } .imageGallery .col4 { width: 31%; /*margin: 10px 1%;*/ float: left; } /* BEGIN PROFESSIONALS AREA */ .content-main .leftAlign { float: none; } .professional .col4 { min-height: 350px;margin: auto!important; } .infoColumns:not(.callToAction) .color-overlay { padding: 0px 10px; } .infoColumns .infographicWrap p { padding: 0px 10%; } /*580 BEGIN Full Width CTA */ .callToAction .cta h2.title { /*font-size: 2em;*/ } .callToAction .cta { padding: 30px 15px; } .callToAction .cta p { width: 96%;margin: 20px auto; } .noBgImg.infoColumns.callToAction .color-overlay { padding: 20px 5px; } /* BEGIN ADDTHIS AREA */ .addThisWrapper { margin: 0 0 15px; } /* BEGIN FOOTER Area */ footer #footerbottom p, footer #footerbottom ul { display: block; } } @media screen and (max-width: 420px) { header .logo img { min-width: 70px; } .searchMobilecontent { margin-top: 20px; } /* BEGIN SECTION PROGRAMS AREA */ .programs .wrapper .col4 { width: 100%; width: 94%; margin: 10px 3%; } /*.programs .col4:nth-child(odd){margin-right:3%;}*/ /*.programs .col4:nth-child(even){margin-left:0;}*/ /*NEWS LISTING*/ img.articleThumb { width: 100%;height: auto!important;margin-bottom: 15px; } /*BEGIN NEWS AREA*/ .news .events h2.title{ margin-bottom: 25px; } a.allLink { position: relative;right: auto;margin-bottom: 25px;top: auto;display: block; } /* BEGIN Full Width CTA */ /*.callToAction .cta h2 { font-size: 1.3em; }*/ .callToAction .cta span { /*font-size: 2.3em; top: 10px;*/ } } @media screen and (max-width:380px) { /* BEGIN UTILITY NAVIGATION */ .utilityHeader p { font-size: .775em; } } /*** BEGIN: SITE MAP ***/ .sitemapList { vertical-align: top ;margin-bottom: 5px; } ul.sitemapList { margin: 10px 0 10px 30px; } ul.sitemapList ul { margin: 10px 0 10px 30px; } ul.sitemapList li { margin-bottom: 10px; list-style-type: none; position: relative; } ul.sitemapList li:before { content: "\00bb"; position: absolute; left: -12px; } ul.sitemapList li a { color: #004d41; font-size: .85rem; margin-bottom: 7px; text-transform: uppercase; font-family: 'Proxima Nova', 'Montserrat', sans-serif; } @media all and (max-width:960px) { /* Site Map */ .sitemap div { width: 32%; } } @media all and (max-width:720px) { /* Site Map */ .sitemap div { width: 45%; } } @media all and (max-width:580px) { /* Site Map */ .sitemap div { width: 100%; } } /*** END: SITE MAP ***/ /** OUT OF DATE BROWERS SLIDE OUT STYLES **/ .buorg-buttons { display: none !important; } .buorgul { display: none !important; } /* Subscribe and Unsubscribe forms */ .subForms .wrapper{ max-width:700px; } .subforms { text-align:center; } .subForms .errorBlock { color: red; } .subforms .form-group { margin-bottom: 20px; width: 40px; } .subForms input[type=text].form-control, .subForms select.form-control{ height: 40px; padding: 10px; width: 100%; margin: 5px 0 25px 0; } .subForms textarea.form-control { width: 100%; min-height: 100px; margin: 5px 0 25px 0; } .subForms input[type=checkbox] { margin: 10px 10px 25px 0; } .subForms input[type=radio] { margin: 10px 10px 10px 0; } .subForms .error { color: red; } /*.g-recaptcha { margin-bottom: 25px; }*/ /* Search */ .zoom_button { display: none !important; } .results .highlight { background: #edd89e !important; } .results .result_title a {color: #008071; font-family: 'Proxima Nova', 'Montserrat', sans-serif; letter-spacing: .1rem; font-size: 1.1em; font-weight: 700; word-wrap: break-word; } .results .result_title { margin-bottom: 10px; } .searchheading { font-size: 120%; font-weight: bold; margin: 25px 0 !important;} .result_pages a {color: #008071; margin: 5px 0; } .results .context { margin-bottom: 15px; } /* NEWS SEARCH RESULTS - ADD TO NEWS ONLY */ /*.results { float: left; display: -ms-flex; display: -moz-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; margin-top: 20px; } .result_block, .result_altblock { display: -ms-flex; display: -moz-flex; display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column; width: 31%; color: #525961; background-color: #ebf2fa; padding: 0; margin: 0 0 36px 0; overflow: hidden; } .result_title { font-family: 'Proxima Nova Semibold', 'Montserrat', sans-serif; font-size: 1.56rem; line-height: 1.55; margin: 0 0 14px 0; font-weight: 600; padding-top: 20px; padding-left: 20px; padding-right: 20px; border-top: 9px solid #FCA133; } .result_title > b { font-size: 1.56rem; } .results .result_title a { text-decoration: none; color: #525961; font-family: 'Proxima Nova Semibold', 'Montserrat', sans-serif; letter-spacing: 0; line-height: 1.25; font-size: 1.56rem; font-weight: 600; } .results .result_title a:hover { text-decoration: underline; } .results .context { float: left; width: 100%; font-size: 1.1rem; margin: 0 0 10px 0; padding-left: 20px; padding-right: 20px; line-height: 1.9em; } .interior .description { float: left; width: 100%; color: #525961; font-size: 1.1rem; margin: 0 0 14px 0; line-height: 1.9em; padding-left: 20px; padding-right: 20px; } .infoline { float: left; width: 100%; font-size: 1.1rem; margin: 0 0 14px 0; line-height: 1.9em; padding-left: 20px; padding-right: 20px; }*/ /*ShareThis*/ #st-2, .sharethis-inline-share-buttons { display: inline-block!important; } #st-el-1, #st-el-1.st-hide, #st-cmp-v2 .st-cmp-app .st-cmp-content, #st-cmp-v2 { display: none!important; } .alturyon { border: 2px solid #ff6600; /* 橙色2像素实线边框 */ padding: 10px; /* 内边距 */ /* margin: 5px 0; 外边距 */ border-radius: 5px; /* 圆角 */ background-color: #fff8f0; /* 浅橙色背景 */ box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* 轻微阴影 */ } .pdf { padding-left: 25rem; padding-right: 25rem; padding-top: 10rem; } .pdf2 { padding-left: 18rem; padding-right: 18rem; padding-top: 10rem; padding-bottom: 10rem; } .highbtn { display: inline-block; padding: 16px 32px; border: 3px solid #ff6b6b; /* 亮色边框 */ border-radius: 12px; background: linear-gradient(135deg, #fff9f9 0%, #ffecec 100%); /* 渐变背景 */ box-shadow: 0 6px 20px rgba(255, 107, 107, 0.4); /* 强阴影 */ transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); animation: pulse 2s infinite alternate; /* 呼吸动画 */ } .highbtn:hover { transform: translateY(-5px) scale(1.05); box-shadow: 0 12px 30px rgba(255, 107, 107, 0.6); border-color: #ff4757; } .highbtn a { color: #ff4757 !important; /* 高对比度文字 */ text-decoration: none; font-weight: 800; font-size: 1.2em; letter-spacing: 1px; text-shadow: 0 2px 4px rgba(0,0,0,0.1); display: block; } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(255, 107, 107, 0.7); } 100% { box-shadow: 0 0 0 15px rgba(255, 107, 107, 0); } }