/* ==================================================================================================================== * LEES MCCRAE COLLEGE * by BEACON | GREENSBORO, NORTH CAROLINA 27410 | WWW.BEACONTECHNOLOGIES.COM * * Fonts Colors Full Width Colors Accent Boxes *---------------------------------------------------------------------------------------------------------------------- * Roboto Thin - 100 Gold - #cf9b2c Lime Green - #8e9d11 Lime Green - #8e9d11 * Roboto Light - 300 Dark Gray - #474641 Orange - #d0812a Orange - #d0812a * Roboto Normal - 400 Green - #005c42 Blue - #26a57e Blue - #26a57e * Roboto Medium - 500 Light Gray - #e9e9e9 Red - #cd4129 Light Gray - #e9e9e9 * Roboto Bold - 700 Green - #005c42 Green - #005c42 Dark Gray - #474641 * ====================================================================================================================*/ /* Roboto Font */ @font-face { font-family: 'Roboto'; font-weight: 100; font-style: normal; src: url('fonts/Roboto-100/Roboto-100.eot'); src: url('fonts/Roboto-100/Roboto-100.eot?a#iefix') format('embedded-opentype'), local('asdfasdfaf'), local('asdfasdfaf'), url('fonts/Roboto-100/Roboto-100.woff2') format('woff2'), url('fonts/Roboto-100/Roboto-100.woff') format('woff'), url('fonts/Roboto-100/Roboto-100.ttf') format('truetype'), url('fonts/Roboto-100/Roboto-100.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; font-weight: 300; font-style: normal; src: url('fonts/Roboto-300/Roboto-300.eot'); src: url('fonts/Roboto-300/Roboto-300.eot?#iefix') format('embedded-opentype'), local('asdfasdfaf'), local('asdfasdfaf'), url('fonts/Roboto-300/Roboto-300.woff2') format('woff2'), url('fonts/Roboto-300/Roboto-300.woff') format('woff'), url('fonts/Roboto-300/Roboto-300.ttf') format('truetype'), url('fonts/Roboto-300/Roboto-300.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; font-weight: 400; font-style: normal; src: url('fonts/Roboto-regular/Roboto-regular.eot'); src: url('fonts/Roboto-regular/Roboto-regular.eot?#iefix') format('embedded-opentype'), local('asdfasdfaf'), local('asdfasdfaf'), url('fonts/Roboto-regular/Roboto-regular.woff2') format('woff2'), url('fonts/Roboto-regular/Roboto-regular.woff') format('woff'), url('fonts/Roboto-regular/Roboto-regular.ttf') format('truetype'), url('fonts/Roboto-regular/Roboto-regular.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; font-weight: 500; font-style: normal; src: url('fonts/Roboto-500/Roboto-500.eot'); src: url('fonts/Roboto-500/Roboto-500.eot?#iefix') format('embedded-opentype'), local('asdfasdfaf'), local('asdfasdfaf'), url('fonts/Roboto-500/Roboto-500.woff2') format('woff2'), url('fonts/Roboto-500/Roboto-500.woff') format('woff'), url('fonts/Roboto-500/Roboto-500.ttf') format('truetype'), url('fonts/Roboto-500/Roboto-500.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; font-weight: 700; font-style: normal; src: url('fonts/Roboto-700/Roboto-700.eot'); src: url('fonts/Roboto-700/Roboto-700.eot?#iefix') format('embedded-opentype'), local('asdfasdfaf'), local('asdfasdfaf'), url('fonts/Roboto-700/Roboto-700.woff2') format('woff2'), url('fonts/Roboto-700/Roboto-700.woff') format('woff'), url('fonts/Roboto-700/Roboto-700.ttf') format('truetype'), url('fonts/Roboto-700/Roboto-700.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; font-weight: 100; font-style: italic; src: url('fonts/Roboto-100italic/Roboto-100italic.eot'); src: url('fonts/Roboto-100italic/Roboto-100italic.eot?#iefix') format('embedded-opentype'), local('asdfasdfaf'), local('asdfasdfaf'), url('fonts/Roboto-100italic/Roboto-100italic.woff2') format('woff2'), url('fonts/Roboto-100italic/Roboto-100italic.woff') format('woff'), url('fonts/Roboto-100italic/Roboto-100italic.ttf') format('truetype'), url('fonts/Roboto-100italic/Roboto-100italic.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; font-weight: 300; font-style: italic; src: url('fonts/Roboto-300italic/Roboto-300italic.eot'); src: url('fonts/Roboto-300italic/Roboto-300italic.eot?#iefix') format('embedded-opentype'), local('asdfasdfaf'), local('asdfasdfaf'), url('fonts/Roboto-300italic/Roboto-300italic.woff2') format('woff2'), url('fonts/Roboto-300italic/Roboto-300italic.woff') format('woff'), url('fonts/Roboto-300italic/Roboto-300italic.ttf') format('truetype'), url('fonts/Roboto-300italic/Roboto-300italic.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; font-weight: 400; font-style: italic; src: url('fonts/Roboto-italic/Roboto-italic.eot'); src: url('fonts/Roboto-italic/Roboto-italic.eot?#iefix') format('embedded-opentype'), local('asdfasdfaf'), local('asdfasdfaf'), url('fonts/Roboto-italic/Roboto-italic.woff2') format('woff2'), url('fonts/Roboto-italic/Roboto-italic.woff') format('woff'), url('fonts/Roboto-italic/Roboto-italic.ttf') format('truetype'), url('fonts/Roboto-italic/Roboto-italic.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; font-weight: 500; font-style: italic; src: url('fonts/Roboto-500italic/Roboto-500italic.eot'); src: url('fonts/Roboto-500italic/Roboto-500italic.eot?#iefix') format('embedded-opentype'), local('asdfasdfaf'), local('asdfasdfaf'), url('fonts/Roboto-500italic/Roboto-500italic.woff2') format('woff2'), url('fonts/Roboto-500italic/Roboto-500italic.woff') format('woff'), url('fonts/Roboto-500italic/Roboto-500italic.ttf') format('truetype'), url('fonts/Roboto-500italic/Roboto-500italic.svg#Roboto') format('svg'); } @font-face { font-family: 'Roboto'; font-weight: 700; font-style: italic; src: url('fonts/Roboto-700italic/Roboto-700italic.eot'); src: url('fonts/Roboto-700italic/Roboto-700italic.eot?#iefix') format('embedded-opentype'), local('asdfasdfaf'), local('asdfasdfaf'), url('fonts/Roboto-700italic/Roboto-700italic.woff2') format('woff2'), url('fonts/Roboto-700italic/Roboto-700italic.woff') format('woff'), url('fonts/Roboto-700italic/Roboto-700italic.ttf') format('truetype'), url('fonts/Roboto-700italic/Roboto-700italic.svg#Roboto') format('svg'); } @font-face { font-family: 'bebas_neuebold'; src: url('fonts/bebasneue_bold-webfont.eot'); src: url('fonts/bebasneue_bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/bebasneue_bold-webfont.woff2') format('woff2'), url('fonts/bebasneue_bold-webfont.woff') format('woff'), url('fonts/bebasneue_bold-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bebas_neuebook'; src: url('fonts/bebasneue_book-webfont.eot'); src: url('fonts/bebasneue_book-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/bebasneue_book-webfont.woff2') format('woff2'), url('fonts/bebasneue_book-webfont.woff') format('woff'), url('fonts/bebasneue_book-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bebas_neuelight'; src: url('fonts/bebasneue_light-webfont.eot'); src: url('fonts/bebasneue_light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/bebasneue_light-webfont.woff2') format('woff2'), url('fonts/bebasneue_light-webfont.woff') format('woff'), url('fonts/bebasneue_light-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bebas_neue_regularregular'; src: url('fonts/bebasneue_regular-webfont.eot'); src: url('fonts/bebasneue_regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/bebasneue_regular-webfont.woff2') format('woff2'), url('fonts/bebasneue_regular-webfont.woff') format('woff'), url('fonts/bebasneue_regular-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bebas_neuethin'; src: url('fonts/bebasneue_thin-webfont.eot'); src: url('fonts/bebasneue_thin-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/bebasneue_thin-webfont.woff2') format('woff2'), url('fonts/bebasneue_thin-webfont.woff') format('woff'), url('fonts/bebasneue_thin-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* HTML5 Normalize */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font-size: 100%; font: inherit; margin: 0; padding: 0; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* ==================================================================================================================== * GLOBAL ELEMENTS * ====================================================================================================================*/ body { font-family: 'Roboto', sans-serif; font-size: 100%; } #standard img[src*="https://insight-event.brandcdn.com"]{ position: absolute; } h1 { font-size: 3em;/*48px*/ color: #005c42; font-weight: 100; } h2 { font-size: 21px;/*21px*/ color: #005c42; display: block; font-weight: 700; margin-bottom: 18px; padding: 10px 0; } h2.greenBar { background: #005c42; color: #eee; display: inline-block; font-weight: 700; line-height: 1.25em; margin-bottom: 18px; padding: 8px 18px; width: 100%; } h3 { color: #005c42; font-weight: 700; margin-bottom: 9px; font-size: 18px; /*18px*/ } h4 { font-size: 1.1em; color: #005c42; margin-bottom: 9px; } h5 { font-size: 1.0em; color: #005c42; margin-bottom: 9px; } h6 { font-size: .8em; color: #005c42; margin-bottom: 9px; } /* sub headings */ /* sub headings */ .xlargeHeading { font-size:34px; font-weight:100; color:inherit; } .largeHeading { font-size:28px; font-weight:100;color: inherit; } .mediumHeading { font-size:24px; font-weight:100;color: inherit; } .smallHeading { font-size:20px; font-weight:100; color: inherit; } .xlargeHeadingGreen { font-size:34px; font-weight:100; color:#005c42; } .largeHeadingGreen { font-size:28px; font-weight:100;color: #005c42; } .mediumHeadingGreen { font-size:24px; font-weight:100;color: #005c42; } .smallHeadingGreen { font-size:20px; font-weight:100; color: #005c42; } .xlargeHeadingBoldGreen { font-size:34px; font-weight:700; color:#005c42; } .largeHeadingBoldGreen { font-size:28px; font-weight:700; color: #005c42; } .mediumHeadingBoldGreen { font-size:24px; font-weight:700;color: #005c42; } .smallHeadingBoldGreen { font-size:20px; font-weight:700;color: #005c42; } .xlargeHeadingBlack { font-size:34px; font-weight:100; color:#000; } .largeHeadingBlack { font-size:28px; font-weight:100;color: #000; } .mediumHeadingBlack { font-size:24px; font-weight:100;color: #000; } .smallHeadingBlack { font-size:20px; font-weight:100; color: #000; } .xlargeHeadingBoldBlack { font-size:34px; font-weight:700; color:#000; } .largeHeadingBoldBlack { font-size:28px; font-weight:700; color: #000; } .mediumHeadingBoldBlack { font-size:24px; font-weight:700;color: #000; } .smallHeadingBoldBlack { font-size:20px; font-weight:700;color: #000; } p { font-size: 17px; line-height: 1.5em; /*21px*/ margin-bottom: 15px; } em { font-style: italic; } a { text-decoration: underline; color: #005c42; font-weight: 400; font-size: 1em; outline: 0; } ul { font-size: 1.063em; line-height: 1.5em; list-style: disc; margin-left: 3%; margin-bottom:10px; } li::-moz-list-bullet { font-size: 0.750em; margin-right: 5px; } strong { font-weight: bold; } .clear { clear: both; } *:focus { outline: 0; } .mobile, #mmenu { display: none; } img { max-width: 100%; } input, textarea { -webkit-border-radius: 0; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } table td { line-height: 1.2em; padding: 5px 0; vertical-align: top; } table td p { font-size: initial; } table td ul li { font-size: initial; } table td img { height: auto !important; padding: 0 10px 10px 0; width: inherit; } .noBullets { list-style: none; } .clear { clear: both; } .gold { color: #cf9b2c; } .grayline { border-bottom: 1px solid #7d7d7d; clear: both; padding: 30px 0 0; width: 100%; } a.readMore { color: #005c42; text-decoration: none; font-weight: 500; } a.readMore:hover { text-decoration: none; color: #ccc; } a.readMore:after { content: '\f101'; font-family: 'FontAwesome'; font-size: inherit; margin-left: 5px; } .simple-toggle, .searchwrapMobile, #mobile-header, .searchMobile { display: none; } .simple-toggle.open { background-color: #d8d8d8; display: none; list-style: none outside none; margin: 0; padding: 0; position: absolute; right: 15px; top: 15px; width: 90%; max-width: 301px; min-width: 301px; min-height: 430px; max-height: 440px; z-index: 500; } .white-text, .white-text p, .white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text a { color: #fff!important; } .white-text .xlargeHeading, .white-text .largeHeading, .white-text .mediumHeading, .white-text .smallHeading, .white-text .xlargeHeadingGreen, .white-text .largeHeadingGreen, .white-text .mediumHeadingGreen, .white-text .smallHeadingGreen, .white-text .xlargeHeadingBoldGreen, .white-text .largeHeadingBoldGreen, .white-text .mediumHeadingBoldGreen, .white-text .smallHeadingBoldGreen, .white-text .xlargeHeadingBlack, .white-text .largeHeadingBlack, .white-text .mediumHeadingBlack, .white-text .smallHeadingBlack, .white-text .xlargeHeadingBoldBlack, .white-text .largeHeadingBoldBlack, .white-text .mediumHeadingBoldBlack, .white-text .smallHeadingBoldBlack { color: inherit; } /* overrides */ .white-text .button, .white-text a.callToAction { border: 1px solid #fff!important; } /* ==================================================================================================================== * GRID * ====================================================================================================================*/ /* MAIN CONTAINER */ .wrapper { margin: 0 auto; max-width: 1220px; padding: 0; } .wrapper.main-content { line-height: 1.7em; } .one-row { clear: both; } .contentRow { margin-bottom: 30px; } /* COMMON COLUMNS */ .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { float: left; margin: 0 3% 0 0; } .col1.right, .col2.right, .col3.right, .col4.right, .col5.right .col6.right, .col7.right, .col8.right, .col9.right, .col10.right, .col11.right, .col12.right { float: right; margin: 0 0 0 0; } .col1:last-child, .col2:last-child, .col3:last-child, .col4:last-child, .col5:last-child, .col6:last-child, .col7:last-child, .col8:last-child, .col9:last-child, .col10:last-child, .col11:last-child, .col12 { margin: 0; clear:right; } .col1 { width: 5.5%; } .col2 { width: 14%; } .col3 { width: 22.5%; } .col4 { width: 31%; } .col5 { width: 39.5%; } .col6 { width: 48%; } .col7 { width: 56.5%; } .col8 { width: 65%; } .col9 { width: 73.5%; } .col10 { width: 82%; } .col11 { width: 90.5%; } .col12 { width: 100%; margin: 0; } img { border: none; height: auto; max-width: 100%; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width:580px) { .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 { float: none; width: 100%; } .col1.right, .col2.right, .col3.right, .col4.right, .col5.right .col6.right, .col7.right, .col8.right, .col9.right, .col10.right, .col11.right, .col12.right { float: none; } .col1:last-child, .col2:last-child, .col3:last-child, .col4:last-child, .col5:last-child, .col6:last-child, .col7:last-child, .col8:last-child, .col9:last-child, .col10:last-child, .col11:last-child, .col12 { clear:none; } /* .contentRow { padding: 0 2%; } */ } .contentRow ol { list-style-type:decimal!important; list-style-position: outside; margin-left:35px;} /* ==================================================================================================================== * HEADER * ====================================================================================================================*/ header { background: #FFF; display: block; height: auto; min-height: 142px; width: 100%; } header > .wrapper { display: flex; } header .logo { position: relative; z-index: 2; display: block; float: left; height: auto; margin: 30px 1% 0 0; max-width: 372px; width: 100%; } header .logo-campaign { display: block; float: left; height: auto; margin: 30px 1% 0 0; width: 100%; } header .logo a img { max-width: 100%; } @media only screen and (max-width:1233px) { header .logo { margin: 30px 2% 0 0; padding-left: 1%; } } @media only screen and (max-width:1172px) { header .logo { max-width: 350px; } } @media only screen and (max-width:1149px) { header .logo { max-width: 320px; margin: 34px 1% 0 0; } } @media only screen and (min-width:1111px) { header > .wrapper { margin-top: 16px; } } @media only screen and (max-width:1110px) { header .logo { max-width: 300px; } } @media only screen and (max-width:1088px) { header .logo { max-width: 275px; } } @media only screen and (max-width:1010px) { header .logo { padding: 0; } header > .wrapper { display: block; } } @media only screen and (max-width: 320px) { header .logo {max-width: 210px;} } /* RANDOM HEADER */ header .randomLogos a { position: relative; display: block; width: 100%; } header .randomLogos a .randomLogo img { position: absolute; width: 100%; top: 0; } @media all and (min-width: 1201px) { header .randomLogos, header .logo.randomLogos { max-width: 535px; margin: 14px 1% 0 0; } header .randomLogos a { height: 100px; max-width: 535px; } header .randomLogos a .randomLogo img { max-width: 535px; } } @media all and (min-width: 1011px) and (max-width: 1200px) { header .randomLogos, header .logo.randomLogos, header .randomLogos a, header .randomLogos a .randomLogo img { max-width: 445px; } header .randomLogos, header .logo.randomLogos { margin: 24px 1% 0 0; } header .randomLogos a { height: 100px; } } @media all and (max-width: 1010px) { header .randomLogos, header .logo.randomLogos, header .randomLogos a, header .randomLogos a .randomLogo img { max-width: 380px; } header .randomLogos a .randomLogo img { left: 0; right: 0; margin-top: 3px; } #standard.campaign header .logo-campaign.randomLogos { margin-top: 20px; } } @media all and (min-width: 581px) and (max-width: 1011px) { header { height: 79px !important; } header .randomLogos, header .logo.randomLogos, header .randomLogos a, header .randomLogos a .randomLogo img { max-width: 345px; } } @media all and (min-width: 581px) { .logoMobile { display: none; } } @media all and (max-width: 580px) { .logoDesktop { display: none; } .logoMobile { display: block; margin-top: 4px; } header .randomLogos, header .logo.randomLogos, header .randomLogos a, header .randomLogos a .randomLogo img { max-width: 254px; } header .randomLogos a .randomLogo img { margin-top: 0; } #standard.campaign header .logo-campaign.randomLogos { margin-top: 15px; } } @media all and (max-width: 375px) { header .randomLogos, header .logo.randomLogos, header .randomLogos a, header .randomLogos a .randomLogo img { max-width: 205px; } } /* UTILITY */ .utility { float: right; height: 20px; margin: 24px 0 0 0; width: 60%; min-width: 390px; } .utility ul { font-size: 1em; display: -webkit-box; display: flex; display: -ms-flexbox; /* for IE10 only */ -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; list-style-image: none; } .utility li { display: inline-block; } .utility .seperator { height: 22px; width: 1px; border-right: 1px solid #e2e2e2; } .utility .fa-search { font-size: 1.375em; /*21px*/ } .utility li a.wrench { text-align: center; } .utility a.support { background: #005c42; color: #FFF; padding: 2px 6px; margin-left:10px; } .utility li.covid a.support { background: #fab000; color: #005c42; } .utility .search label span {position: absolute; overflow: hidden; z-index: -1000; font-size:0; height:1px;} /* TOOLBAR MENU OPEN */ .utility input[type=checkbox] { display: none; } .utility .toolbarcontent ul.toolbar { list-style: none; padding-right: 0; display: block; } .utility .toolbarcontent li { display: block; } .utility .toolbarcontent li a { color: #FFF; text-decoration: none; line-height: 2.5em; display: block; font-size: 0.875em; text-transform: initial; } .utility .toolbar {margin-bottom:0;} .utility input[type="checkbox"] ~ .toolbarcontent {display:none;} .utility .toolsmenu { position: relative; margin-right: 5px; } .utility .toolsmenu:hover input[type="checkbox"] ~ .toolbarcontent {display:block; background:#005c42; z-index:1000;} .utility #toggleResources ~ .toolbarcontent { background: #fafafa; margin-left: 0; right: 0; left: auto; } .utility #toggleResources ~ .toolbarcontent li, .utility #toggleResources ~ .toolbarcontent li a { color: #000; } .toolsmenu.resources .fa.fa-caret-down { font-size: 1rem; padding-left: 3px; padding-bottom: 5px; vertical-align: bottom; } .utility li.toolsmenu.resources:hover a .fa.fa-caret-down { background: #fafafa; } .toolsmenu.resources .cont { display: none; } .ulility .toolsmenu:hover a .fa-wrench {background:#005c42; display:block;} .utility li a { color: #005c42; font-weight: 500; text-decoration: none!important; text-transform: uppercase; font-size: 0.875em; } .utility li.toolsmenu:hover input[type=checkbox]:checked ~ .toolbarcontent {background:#005c42;} .utility ul li a .fa-wrench {color:#005c42; font-size:1.125em; background:#FFF;padding: 6px;} .utility ul li a:hover .fa-wrench {color:#FFF; font-size:1.125em; background:#005c42;padding: 6px;} .utility ul li:hover a .fa-wrench {background: #005c42; color:#FFF;} /* DIV */ .utility .toolbarcontent { padding: 5px 8px; height: auto; display: block; background: #005c42; margin-left: -79px; position: absolute; z-index: 12; width: 110px; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); transition-timing-function: cubic-bezier(0, 1, 0.5, 1); } /* OPENS CHANGES ICONS */ /* .utility input[type=checkbox] ~ label:before { color: #fff; content: '\f0ad'; font-family: 'FontAwesome'; font-size: 1.125em; background: #005c42; padding: 5px; } .utility input[type=checkbox]:checked ~ label:before { color: #005c42; content: '\f0ad'; font-family: 'FontAwesome'; font-size: 1.125em; background: #FFF; cursor: pointer; } */ /* OPENS DIV */ /* .utility input[type=checkbox] ~ label { background: #FFF; color: #000; display: block; cursor: pointer; } .utility input[type=checkbox]:checked ~ label ~ .toolbarcontent { opacity: 0; height: 0; display: none; position: absolute; } .utility input[type=checkbox] label > span {position: absolute; overflow: hidden; z-index: -1000; font-size:0; height:1px;} */ @media only screen and (max-width:1233px) { .utility { /*width: 38%;*/ padding-right: 1%; } .utility > ul { margin-left: 0 !important; } .utility li { margin-right: 0; } } @media (min-width:1011px) { /* Utility Menu */ .utility ul { flex-direction: row; justify-content: flex-end; } li.give { order: 4; } li.covid { order: 5; } } @media (max-width:1010px) { .mobileOn { right: 0; top: 0; left: 0; bottom:0; position: fixed; } .utility { list-style: none; margin-bottom: 15px; clear: both; width: 100% !important; } .utility ul { display: block !important; list-style-image: none; } .utility li.seperator { display: none; } .utility li { margin-left: 0; line-height: 1.5em; width: 100%; } .utility a.support { background: #e9e9e9; color: #005c42; padding: 1px 0 0 50px; margin-left:0; font-weight: 600; text-decoration: none!important; text-transform: uppercase; font-size: 0.875em; } .utility li a { color: #005c42; text-decoration: none; display: block; line-height: 2.2em; padding-left: 50px; text-transform: initial; } .utility li.search { display: none; } input #toggle [type="checkbox"]:checked + .toolbarcontent { display: block; } .utility input[type="checkbox"]:checked ~ label::before { content: ''; display: block; } .utility input[type="checkbox"]:checked ~ label ~ .toolbarcontent { display: inline-block; opacity: 1; height: 100% !important; position: inherit; padding-bottom: 16px; margin-top: -20px; } .utility .toolbarcontent { margin-left: 0; position: initial; width: 100%; padding: 0; } .utility .toolbarcontent ul.toolbar { margin-left: 0; margin-top: 10px; } .utility #toggle + .toolbarcontent ul.toolbar { padding: 8px 0px; } } /* MAIN NAVIGATION */ #menu-wrapper input[type="checkbox"] { display: none; } #menu-wrapper label span { position: absolute; overflow: hidden; z-index: -1000; font-size: 0; height: 1px; } #menu ul { margin: 0; padding: 0; width: 65%; float: left; } #menu .main-menu { display: none; } #tm:checked + .main-menu { display: block; } #menu input[type="checkbox"] { display: none; } #menu li, #menu .sub-menu { border-style: solid; border-color: rgba(0, 0, 0, .05); } #menu li { border-width: 0 0 0; } #menu .sub-menu { background-color: #fafafa; } #menu .sub-menu li:last-child { border-width: 0; } #menu li, #menu a { position: relative; display: block; color: #000; text-decoration: none; margin-right: 15px; font-size: 1.313em; padding-bottom:21px; margin-bottom:-10px ; } #menu { font-size: 1em; float: right; margin-top: 40px; margin-left: 0; } #menu a { transition: all .125s ease-in-out; -webkit-transition: all .125s ease-in-out; font-size: 1em; font-weight: 300; } #menu a:hover { color: #005c42; } #menu .sub-menu { display: none; } #menu input[type="checkbox"]:checked + .sub-menu { display: block; } #menu .sub-menu a:hover { color: #005c42; } #menu .main-menu { display: inline; font-family: 'Roboto'; font-weight: 300; font-size: 1.313em; } #menu li { float: left; } #menu li:last-child, #menu li:last-child a { margin-right: 0; } #menu .sub-menu li { float: none; margin-right: 0; padding-bottom:0;} #menu .sub-menu li a { font-size: 14px; line-height: 1.2em; margin-right: 0; margin-bottom: 0px; } #menu .sub-menu { border-width: 0; margin: 0; position: absolute; top: 100%; left: 0; min-width: 235px; width: auto; z-index: 3000; padding: 10px; } #menu .sub-menu, #menu input[type="checkbox"]:checked + .sub-menu { display: none; } #menu .sub-menu li { border-width: 0 0 0; } #menu .sub-menu li:first-child { padding-top:10px; } #menu .sub-menu .sub-menu { top: 0; left: 100%; } #menu li:hover > input[type="checkbox"] + .sub-menu { display: block; } @media only screen and (max-width:1340px) { #menu .sub-menu { left: -50px; } } @media only screen and (max-width:1233px) { #menu { padding-right: 1%; } #menu a { font-size: 0.938em; } } @media only screen and (max-width:1062px) { #menu a { font-size: 0.875em; margin-right: 12px; } } /* SEARCH */ .search { position: relative; z-index: 11; } /* TOOLBAR MENU OPEN */ .search input[type=checkbox] { display: none; } /* OPENS CHANGES ICONS */ .search input[type=checkbox] ~ label:before, .search input[type=checkbox]:checked ~ label:before { color: #005c42; content: '\f002'; font-family: 'FontAwesome'; font-size: 1.125em; background: #FFF; } /* OPENS DIV */ .search input[type=checkbox] ~ label { background: #FFF; color: #000; display: block; cursor: pointer; } .search input[type=checkbox]:checked ~ label ~ .searchcontent { opacity: 0; height: 0; display: none; } /* DIV */ .search .searchcontent { display: block; position: relative; margin-left: -143px; margin-right: -214px; margin-top: 4px; background: #f2f1f1; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); transition-timing-function: cubic-bezier(0, 1, 0.5, 1); } .search .searchcontent ul.toolbar { list-style: none; padding-left: 0; display: block; } .search .searchcontent li { display: block; } .search .searchcontent li a { color: #FFF; text-decoration: none; line-height: 2.5em; display: block; font-size: 0.875em; text-transform: initial; } /* SEARCH INPUT */ input[type=search] { border: 0; background: #EEE; padding: 8px; width: 335px; } button[type=submit] { position: absolute; background: #f2f1f1; border: none; color: #005c42; font-size: 1.125em; right: 0; top: 4px; } .search ::-webkit-input-placeholder { color: #005c42; padding-left: 0px; } .search :-moz-placeholder { color: #005c42; padding-left: 0px; } .search ::-moz-placeholder { color: #005c42; padding-left: 0px; } .search :-ms-input-placeholder { color: #005c42; padding-left: 0px; } @media only screen and (max-width:1233px) { /* .search .searchcontent { margin-right: -395px; }*/ } @media (max-width:1100px) { /* .search .searchcontent { margin-right: -357px; } .search .searchcontent { margin-left: -272px; margin-right: -56px; }*/ input[type=search] { width: 315px; } } /* BREADCRUMBS */ .breadcrumbs { color: #000; font-size: 14px; padding-bottom: 22px; padding-top: 22px; text-transform: capitalize; } .breadcrumbs .fa-home { color: #005c42; } .breadcrumbs .fa-angle-right { color: #dadada; padding: 0 5px; } .breadcrumbs a { color: #000; line-height: 1.4em; text-decoration: none; } .breadcrumbs a:hover { color: #000; text-decoration: none; } .breadcrumbs a:last-child { color: #000; cursor: default; pointer-events: none; } /* ==================================================================================================================== * MOBILE MENU * ====================================================================================================================*/ /* SLIDE MENU */ /* HIDE SELECT CHECKBOX */ .toggle, .full-screen-close { display: none; } .full-screen-close { width: 100%; height: 100%; position: absolute; cursor: pointer; top: 0; left: 0; } /* TOGGLE OFF-CANVAS MENU */ .toggle:checked + .container > .menu-container { margin-left: 0; } .toggle:checked + .container > .content { margin-left: 40%; } .toggle:checked + .container > .content .full-screen-close { display: block; background: rgba(0, 0, 0, .5); z-index: 15; } .menu { z-index: 100; position: relative; } .toggle-btn, .close-btn { cursor: pointer; } .toggle-btn { font-size: 2.25rem; } .toggle-btn:after { content: '\f0c9'; font-family: 'FontAwesome'; } .toggle-btn span { position: absolute; overflow: hidden; z-index: -1000; font-size: 0; height: 1px; } .close-btn { color: #005c42; font-size: 2.25em; float: left; margin-left: 12px; margin-top: 8px; } .close-btn:after { content: '\f00d'; font-family: 'FontAwesome'; float: left; } .menu-container, .content { -webkit-transition: margin 0.5s ease-in-out; transition: margin 0.5s ease-in-out; } .menu-container { background: #fff; width: 85%; margin-left: -90%; margin-right: 0; float: left; height: 100%; position: relative; top: 0; z-index: 102; display: block; overflow-y: auto; left: 0; } .slide-menu i { margin-right: 1rem; font-size: 1.5rem; vertical-align: middle; } .slide-menu li a { color: #fff; padding: 1.5rem; font-size: 1.125rem; text-transform: uppercase; font-weight: 600; display: block; -webkit-transition: background-color .5s ease-in-out; transition: background-color .5s ease-in-out; } .slide-menu li a:hover { background-color: #34495e; } @media (min-width:1011px) { .menu-container { z-index:100; background: transparent; overflow-y: scroll; min-width: 230px; max-width: 350px; width: 100%; max-width: 1220px;height:100%; margin-left: auto; margin-right: auto; float: none; height: auto; top: 0; z-index: initial; display: initial; overflow-y: inherit; right:0;} .menu-wrapper { display: block; } .close-btn { display: none; } } @media (max-width:1010px) { .menu-container {position: fixed;} } /*===== MEDIA QUERIES ======*/ @media (max-width:460px) { .slide-menu li a { font-size: 0.875rem; padding-left: 12px; } .slide-menu li i { font-size: 17px; } } @media (max-width:320px) { .slide-menu li i { display: none; } } .left-nav { margin: 70px 0 0 0; list-style: none; } .left-nav ul { list-style: none; margin-left: 0 !important; } .left-nav li { margin-left: 10px; margin-right: 10px; border-bottom: 1px solid #f7f6f6; line-height: 40px; } .left-nav li ul li:last-child { margin-bottom: 0; } .left-nav li:last-child { margin-bottom: 25px; } .left-nav li a.active { /*background: #ebebeb; */ display: block !important; line-height: 60px; } .left-nav li a { text-decoration: none; color: #252525; line-height: 2em; padding-left: 0px; display: block; margin-left: 20px; } .left-nav li a:target { display: block; } .left-nav li a.navlinks:before { content: '\f105'; font-family: 'FontAwesome'; margin-right: 5px; color: #d7d7d7; } .left-nav li a.navlinks.active:before { content: '\f107'; font-family: 'FontAwesome'; /*background: #EEE;*/ } .left-nav li ul { display: none; } .left-nav li ul.active { display: block; } .left-nav li ul li { border-bottom: none; line-height: initial; } .left-nav li ul li a { margin-left: 25px; font-style: italic; } .left-nav li ul.nav-column li a:before { content: ''; } .angle-right:before { color: #005c42; content: '\f105'; font-family: 'FontAwesome'; margin-right: 6px; } .angle-down:before { color: #005c42; content: '\f107'; font-family: 'FontAwesome'; } .left-nav.utility-top li a:before { content: '\f105'; font-family: 'FontAwesome'; color: #dfdfdf; margin-right: 4px; } .left-nav.utility-top li a.active:before { content: '\f107'; font-family: 'FontAwesome'; color: #dfdfdf; margin-right: 4px; } .mobile-menu-utility-bottom { background-color: #005c42; width: 100%; height: auto; display: inline-block; padding: 10px 0 10px 30px; } .mobile-menu-utility-bottom .utility-bottom { list-style: none; } .mobile-menu-utility-bottom .utility-bottom li { margin-left: 10px; line-height: 1.5em; } .mobile-menu-utility-bottom .utility-bottom li a { color: #FFF; text-decoration: none; display: block; line-height: 2.2em; } /* ==================================================================================================================== * HOMEPAGE * ====================================================================================================================*/ /* EMERGENCY BANNER */ .emergency { width: 100%; z-index: 100; position: relative; display: table; } /*#standard .emergency { position: inherit; }*/ .emergencyText { display: table-cell; vertical-align: middle; margin: 0 auto; text-align: center; color: #FFF; font-size: 24px; font-weight: 700; text-align: center; line-height: 1.2em; padding: 1% 17%; } .emergLink { text-decoration:none!important; } .Yellow a { color: #FFF; text-decoration: none; } .Yellow a:after { font-family: 'FontAwesome'; content: '\f101'; margin-left: 10px; } @media only screen and (max-width:580px) { .Yellow h1 { font-size: 17px; } } .Green .emergencyText, .Red .emergencyText { display: table-cell; vertical-align: middle; margin: 0 auto; text-align: center; } .Green h1, .Red h1 { color: #FFF; font-size: 40px; font-weight: 700; text-align: center; line-height: 1.2em; } .Green p a, .Red p a { color: #FFF; text-decoration: none; font-size: 24px; text-align: center; } .Green { background: rgba(0, 92, 66, .85); height: 75px; } .Red { background: rgba(255, 0, 0, .85); height: 75px; } .Yellow { background: rgba(243, 195, 45, .9); height: 75px; } .DarkBlue { background:rgba(42,62,73,1); height:75px; } .DarkBlue .emergencyText a { color:#FFF; } @media only screen and (max-width:1010px) { #standard .emergency { top:90px; } } @media only screen and (max-width:580px) { #standard .emergency { top:58px; } } /* FULL IMPACT HOME */ .mainImpact { clear: both; } @media only screen and (max-width:1010px) { .mainImpact { margin-top: 50px; } } @media only screen and (max-width:960px) { .mainImpact { margin-top: 90px; } } @media only screen and (max-width:580px) { .mainImpact { margin-top: 58px; } } .mainImpact { -moz-animation: fadein 2s; /* Firefox */ -webkit-animation: fadein 2s; /* Safari and Chrome */ -o-animation: fadein 2s; /* Opera */ } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadein { /* Safari and Chrome */ from { opacity: 0; } to { opacity: 1; } } .mainImpact ul { margin-left: 0; } .mainImpact li {display:block;} .mainImpact.no-js li { display: block; list-style: none; } .mainImpact li:not(:first-child) {display:none;} .fullImpactHome { width: 100%; height: 705px; min-height: 375px; background-size: cover; position: relative; clear: both; display:block; background-position: top center; } .fullImpactHome .textBox { background: #005c42; max-width: 626px; max-height: 238px; width: 100%; height: auto; bottom: 30px; right: 0; position: absolute; padding: 24px 50px 24px 32px; display:table; } .fullImpactHome .textBox h2.title { font-size: 36px; color: #FFF; font-weight: 100; line-height: 48px; margin-bottom: 0; clear: both; padding-top:0;} .fullImpactHome .textBox h3.subTitle { font-size: 24px; color: #FFF; font-weight: 700; margin-top: 0px; margin-bottom: 15px; line-height: 1.4em; } .fullImpactHome .textBox a { font-size: 17px; text-decoration: none; color: #FFF; } .fullImpactHome .textBox a:after { content: '\f101'; font-family: 'FontAwesome'; margin-left: 5px; } .fullImpactHome .random:not(:nth-child(2)) {display:none;} /* Home Video */ .fullImpactHome .full-video-wrapper + .textBox { top: 0; z-index: 1; } .fullImpactHome .full-video-wrapper video {position: absolute; top: 50%; left: 50%; width: auto; height: auto; min-width: 100%; max-width: none; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media only screen and (max-width:800px) { .fullImpactHome { background-position: top center; } .fullImpactHome .textBox { max-width: inherit; min-height: inherit; bottom: 0; } } @media only screen and (max-width:680px) { .fullImpactHome { height: 499px; } .fullImpactHome .textBox h2.title { font-size: 30px; line-height: 1.2em;} .fullImpactHome .textBox { bottom: 0; padding: 12px 14px; min-height: inherit; } } /* VIDEO */ .full-video-wrapper { clear: both; background: transparent; position: relative; top: 0; right: 0; bottom: 0; left: 0; min-width: 100%; width: auto; height: 100%; z-index: 1; overflow: hidden; } /* ==================================================================================================================== * (YOUR FUTURE ELEVATED CALLOUT) * ====================================================================================================================*/ .mainCallout { width: 100%; height: 340px; background: #FFF; background-size: cover; position: relative; display: table; } .mainCallout .wrap { display: table-cell; vertical-align: middle; text-align: center; } .mainCallout .textcontainer { max-width: 780px; margin: 0 auto; padding:0 2%; } .mainCallout .wrap .textcontainer h2 { font-weight: 100; font-size: 3.750em; color: #000; margin-bottom: 20px; } .mainCallout .wrap .textcontainer h3 { font-weight: 300; font-size: 1.500em; color: #005c42; margin-bottom: 15px; } .mainCallout .wrap .textcontainer h3 span { color: #cf9b2c; font-size: 28px; font-weight: 300; } .mainCallout p { color: #000; font-size: 14px; line-height: 24px; } .mainCallout .wrap .textcontainer .buttonContainer { margin: 0 auto; display: inline-block; } .mainCallout .wrap .textcontainer .buttonswrap { float: left; margin-right: 40px; } .mainCallout .wrap .textcontainer .buttonswrap:last-of-type { margin-right: 0; } @media only screen and (max-width:767px) { .mainCallout { margin-bottom: 30px; margin-top: 10px; } } @media only screen and (max-width:630px) { .mainCallout .textcontainer { padding: 0 2%; width: 96%; } .mainCallout .wrap .textcontainer h2 { font-size: 40px; } .mainCallout .wrap .textcontainer h3, .mainCallout .wrap .textcontainer h3 span { font-size: 18px; } .mainCallout .wrap .textcontainer .buttonContainer { width: 100%; } .mainCallout .wrap .textcontainer .buttonswrap { margin-right: 2%; position: relative; display: inline-block; float: none; } } @media only screen and (max-width:595px) { .mainCallout .wrap .textcontainer h2 { font-size: 30px; margin-top: 36px; } .mainCallout .wrap .textcontainer .buttonswrap { width: 100%; margin-bottom: 20px; } .mainCallout .wrap .textcontainer .buttonContainer a.button { display: block; width: 100%; line-height: 47px; } } /* ==================================================================================================================== * HOMEPAGE BLOCKS * ====================================================================================================================*/ .blockwrapper { width: 100%; height: auto; display: block; } .blockwrapper.mobileOnly {display:none;} .colblock { width: 19.6%; height: 0; padding-bottom: 19.6%; margin: 0 .5% .5% 0; float: left; background-size: contain!important; position: relative; } a.colblock { text-decoration: none; } .colblock h3 { text-align: center; font-size: 3vw; font-weight: 700; text-transform: uppercase; color: #FFF; } .colblock:nth-child(5), .colblock:nth-child(10) { margin-right: 0; } .colblock:nth-child(n+1):nth-child(-n+5) { clear: right; } .colblock img { width: 100%; height: auto; } .colText { position: absolute; width: 100%; height: 100%; display: table; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* fallback for Safari is Flex */ .colblock .inner { vertical-align: middle; display: table-cell; } @media only screen and (max-width:767px) { .blockwrapper.desktopOnly {display:none;} .blockwrapper.mobileOnly {display:block;} .colblock { width: 50%; padding-bottom: 50%; margin: 0; } .colblock:nth-last-child(1):nth-child(odd) { width: 100%; overflow:hidden; background-size: cover!important; } .colblock h3 { font-size: 7vw; } } /* ==================================================================================================================== * WHAT'S HAPPENING SLIDER * ====================================================================================================================*/ .slideWrapper { margin: 65px 0 0 0; background: #f6f6f5; min-height: 485px; height: auto; width: 100%; } .slideWrapper h2 { font-weight: 100; font-size: 60px; color: #005c42; text-align: center; margin-bottom: 58px; padding-top: 63px; } .whatshappening.flexslider .slides img { width: initial; min-width: 272px; min-height: 185px; } .whatshappening .container { float: left; } .whatshappening .imgCol { float: left; margin-right: 10px; width: 45%; } .whatshappening .newsText { float: left; width: 47%; } .whatshappening .newsText a { text-decoration: none; } .whatshappening p.date { font-size: 14px; margin-bottom: 0; color: #000; } .whatshappening p.newsTitle a { font-size: 18px; font-weight: 700; color: #005c42; margin-bottom: 0; line-height: 1.4em; } .whatshappening p.newsTitle { margin-bottom: 0; } .whatshappening p.summary { font-size: 14px!important; line-height: 1.4em; font-weight: 500; color: #000; } .whatshappening .flex-direction-nav .flex-nav-prev a.flex-prev { left: -25px; } .whatshappening .flex-direction-nav .flex-nav-next a.flex-next { right: -20px; } .whatshappening .flex-control-paging li a { width: 13px; height: 13px; display: block; background: #959595; cursor: pointer; text-indent: -9999px; border-radius: 5px; } .whatshappening .flex-control-paging li a:hover { width: 13px; height: 13px; background: #959595; border-radius: 5px; } .whatshappening .flex-control-paging li a.flex-active { width: 13px; height: 13px; background: #005c42; cursor: default; border-radius: 5px; } .whatshappening.flexslider.no-js > .slides { padding-bottom: 60px; } .whatshappening.flexslider.no-js .slides > li { display: block !important; width: 50%; float: left; margin-bottom: 10px; } @media only screen and (max-width:1280px) { .slideWrapper { padding-bottom: 20px; } .whatshappening .container { float: none; padding: 0 2%; } .whatshappening.flexslider .slides img { margin: 0 auto; width: 100%; margin-bottom: 10px; } .whatshappening .imgCol { float: none; margin-right: 0px; width: 100%; } .whatshappening .newsText { float: none; width: 100%; text-align: center; } .whatshappening .flex-direction-nav { display: none; } .whatshappening .flex-control-nav { position: initial; padding: 28px; bottom: initial; } } @media only screen and (max-width:767px) { .slideWrapper { margin-top: 26px; } } @media only screen and (max-width:580px) { .slideWrapper h2 { font-size: 30px; margin-bottom: 23px; padding-top: 23px; } .whatshappening p.summary { font-size: 14px!important; } } /* ==================================================================================================================== * EXPERIENCE INTERACTIVE MAP * ====================================================================================================================*/ section.experience { overflow: hidden; margin: 65px 0; } section.experience ul { margin: 0; padding: 0; line-height: 0; } section.experience h2 { font-size: 60px; color: #005c42; font-weight: 100; font-family: 'Roboto', sans-serif; text-align: center; margin-bottom: 0; } section.experience h3 { font-size: 24px; color: #000; font-weight: 100; font-family: 'Roboto', sans-serif; text-align: center; margin-top: 0; margin-bottom: 0; } section.experience h3 span { font-size: 28px; color: #cf9b2c; font-weight: 400; font-family: 'Roboto', sans-serif; text-align: center; } section.experience p { color: #000; font-weight: 400; font-family: 'Roboto', sans-serif; text-align: center; margin-top: 0; } section.experience .experienceWrapper { max-width: 100%; height: auto; position: relative; padding-bottom: 67px; } section.experience .numberBlocks { width: 30px; height: 30px; background: #fff; color: #005c42; font-family: 'Roboto', sans-serif; position: absolute; display: block; cursor: pointer; } section.experience .numberText { text-align: center; padding: 0; margin: 0; line-height: 30px; font-family: 'Roboto', sans-serif; } section.experience .inner { margin: 0 10px 0; text-shadow: 1px 1px 3px #000000; } section.experience .inner p { margin-top: 12%!important; padding-bottom: 30px; } section.experience .largeNumber { padding: 0px 0 0 5px; } section.experience .closeBtn { color: rgba(255,255,255,1); position: absolute; top: -55px; left: 41%; display: block; } input#toggleAll[type="radio"] { display: none; } /* closes all when image is clicked */ /* Section One */ input#toggle1[type="radio"] { display: none; } input#toggle1[type="radio"]:checked + label { background: rgba(255, 255, 255, 0.5); } input#toggle1[type="radio"]:checked + label + .container1 { /* padding-bottom:14.28%; */ -webkit-box-shadow: none; box-shadow: none; overflow: inherit; height: 42%; } input#toggle1[type="radio"]:checked ~ .container1 .largeNumber { color: rgba(255,255,255,1); } input#toggle1[type="radio"]:checked ~ .container1 .inner p { color: rgba(255,255,255,1); text-shadow: 1px 1px 3px #000000; text-align: left; display: table-cell; vertical-align: bottom; } input#toggle1[type="radio"]:checked ~ .container1 .inner { color: rgba(255,255,255,1); display: table; height: 78%; } .container1 { width: 14.28%; float: left; height: 72px; font-size: 3vw; font-weight: 100; font-family: 'Roboto', sans-serif; line-height: 72px; position: absolute; bottom: 0; overflow: hidden; background: url(../../_images/homepage-experience/movie-night.jpg) no-repeat; background-size: cover; -webkit-box-shadow: inset 0 0 0 1000px rgba(0,0,0,.7); box-shadow: inset 0 0 0 1000px rgba(0,0,0,.7); color: rgba(255,255,255,.5); -webkit-transition: all 200ms cubic-bezier(0, 0.5, 0.5, 0.2); transition: all 200ms cubic-bezier(0, 0.5, 0.5, 0.2); z-index: 1; } /* Section Two */ input#toggle2[type="radio"] { display: none; } input#toggle2[type="radio"]:checked + label { background: rgba(255, 255, 255, 0.5); } input#toggle2[type="radio"]:checked + label + .container2 { /* padding-bottom:14.28%; */ -webkit-box-shadow: none; box-shadow: none; overflow: inherit; height: 42%; } input#toggle2[type="radio"]:checked ~ .container2 .largeNumber { color: rgba(255,255,255,1); } input#toggle2[type="radio"]:checked ~ .container2 .inner p { color: rgba(255,255,255,1); text-shadow: 1px 1px 3px #000000; text-align: left; display: table-cell; vertical-align: bottom; } input#toggle2[type="radio"]:checked ~ .container2 .inner { color: rgba(255,255,255,1); display: table; height: 78%; } .container2 { width: 14.28%; float: left; height: 72px; font-size: 3vw; font-weight: 100; font-family: 'Roboto', sans-serif; line-height: 72px; position: absolute; bottom: 0; overflow: hidden; background: url(../../_images/homepage-experience/play.jpg) no-repeat; background-size: cover; -webkit-box-shadow: inset 0 0 0 1000px rgba(0,0,0,.7); box-shadow: inset 0 0 0 1000px rgba(0,0,0,.7); color: rgba(255,255,255,.5); -webkit-transition: all 200ms cubic-bezier(0, 0.5, 0.5, 0.2); transition: all 200ms cubic-bezier(0, 0.5, 0.5, 0.2); z-index: 1; left: 14.28% } /* Section Three */ input#toggle3[type="radio"] { display: none; } input#toggle3[type="radio"]:checked + label { background: rgba(255, 255, 255, 0.5); } input#toggle3[type="radio"]:checked + label + .container3 { -webkit-box-shadow: none; box-shadow: none; height: 42%; overflow: inherit; } input#toggle3[type="radio"]:checked ~ .container3 .largeNumber { color: rgba(255, 255, 255, 1); } input#toggle3[type="radio"]:checked ~ .container3 .inner p { color: rgba(255, 255, 255, 1); display: table-cell; text-align: left; text-shadow: 1px 1px 3px #000000; vertical-align: bottom; } input#toggle3[type="radio"]:checked ~ .container3 .inner { color: rgba(255, 255, 255, 1); display: table; height: 78%; } .container3 { background: url(../../_images/homepage-experience/starbucks.jpg) 100% 0% no-repeat; background-size: cover; bottom: 0; -webkit-box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, .7); box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, .7); color: rgba(255, 255, 255, .5); float: left; font-family: 'Roboto', sans-serif; font-size: 3vw; font-weight: 100; height: 72px; left: 28.56%; line-height: 72px; overflow: hidden; position: absolute; -webkit-transition: all 200ms cubic-bezier(0, 0.5, 0.5, 0.2); transition: all 200ms cubic-bezier(0, 0.5, 0.5, 0.2); width: 14.28%; z-index: 1; } /* Section Four */ input#toggle4[type="radio"] { display: none; } input#toggle4[type="radio"]:checked + label { background: rgba(255, 255, 255, 0.5); } input#toggle4[type="radio"]:checked + label + .container4 { /* padding-bottom:14.28%; */ -webkit-box-shadow: none; box-shadow: none; overflow: inherit; height: 42%; } input#toggle4[type="radio"]:checked ~ .container4 .largeNumber { color: rgba(255,255,255,1); } input#toggle4[type="radio"]:checked ~ .container4 .inner p { color: rgba(255,255,255,1); text-shadow: 1px 1px 3px #000000; text-align: left; display: table-cell; vertical-align: bottom; } input#toggle4[type="radio"]:checked ~ .container4 .inner { color: rgba(255,255,255,1); display: table; height: 78%; } .container4 { width: 14.3%; float: left; height: 72px; font-size: 3vw; font-weight: 100; font-family: 'Roboto', sans-serif; line-height: 72px; position: absolute; bottom: 0; overflow: hidden; background: url(../../_images/homepage-experience/climbing.jpg) no-repeat; background-size: cover; -webkit-box-shadow: inset 0 0 0 1000px rgba(0,0,0,.7); box-shadow: inset 0 0 0 1000px rgba(0,0,0,.7); color: rgba(255,255,255,.5); -webkit-transition: all 200ms cubic-bezier(0, 0.5, 0.5, 0.2); transition: all 200ms cubic-bezier(0, 0.5, 0.5, 0.2); z-index: 1; left: 42.84% } /* Section Five */ input#toggle5[type="radio"] { display: none; } input#toggle5[type="radio"]:checked + label { background: rgba(255, 255, 255, 0.5); } input#toggle5[type="radio"]:checked + label + .container5 { /* padding-bottom:14.28%; */ -webkit-box-shadow: none; box-shadow: none; overflow: inherit; height: 42%; } input#toggle5[type="radio"]:checked ~ .container5 .largeNumber { color: rgba(255,255,255,1); } input#toggle5[type="radio"]:checked ~ .container5 .inner p { color: rgba(255,255,255,1); text-shadow: 1px 1px 3px #000000; text-align: left; display: table-cell; vertical-align: bottom; } input#toggle5[type="radio"]:checked ~ .container5 .inner { color: rgba(255,255,255,1); display: table; height: 78%; } .container5 { width: 14.28%; float: left; height: 72px; font-size: 3vw; font-weight: 100; font-family: 'Roboto', sans-serif; line-height: 72px; position: absolute; bottom: 0; overflow: hidden; background: url(../../_images/homepage-experience/hammock.jpg) no-repeat; background-size: cover; -webkit-box-shadow: inset 0 0 0 1000px rgba(0,0,0,.7); box-shadow: inset 0 0 0 1000px rgba(0,0,0,.7); color: rgba(255,255,255,.5); -webkit-transition: all 200ms cubic-bezier(0, 0.5, 0.5, 0.2); transition: all 200ms cubic-bezier(0, 0.5, 0.5, 0.2); z-index: 1; left: 57.12% } /* Section Six */ input#toggle6[type="radio"] { display: none; } input#toggle6[type="radio"]:checked + label { background: rgba(255, 255, 255, 0.5); } input#toggle6[type="radio"]:checked + label + .container6 { /* padding-bottom:14.28%; */ -webkit-box-shadow: none; box-shadow: none; overflow: inherit; height: 42%; } input#toggle6[type="radio"]:checked ~ .container6 .largeNumber { color: rgba(255,255,255,1); } input#toggle6[type="radio"]:checked ~ .container6 .inner p { color: rgba(255,255,255,1); text-shadow: 1px 1px 3px #000000; text-align: left; display: table-cell; vertical-align: bottom; } input#toggle6[type="radio"]:checked ~ .container6 .inner { color: rgba(255,255,255,1); display: table; height: 78%; } .container6 { width: 14.3%; float: left; height: 72px; font-size: 3vw; font-weight: 100; font-family: 'Roboto', sans-serif; line-height: 72px; position: absolute; bottom: 0; overflow: hidden; background: url(../../_images/homepage-experience/wildlife.jpg) no-repeat; background-size: cover; -webkit-box-shadow: inset 0 0 0 1000px rgba(0,0,0,.7); box-shadow: inset 0 0 0 1000px rgba(0,0,0,.7); color: rgba(255,255,255,.5); -webkit-transition: all 200ms cubic-bezier(0, 0.5, 0.5, 0.2); transition: all 200ms cubic-bezier(0, 0.5, 0.5, 0.2); z-index: 1; left: 71.4% } /* Section Seven */ input#toggle7[type="radio"] { display: none; } input#toggle7[type="radio"]:checked + label { background: rgba(255, 255, 255, 0.5); } input#toggle7[type="radio"]:checked + label + .container7 { /* padding-bottom:14.28%; */ -webkit-box-shadow: none; box-shadow: none; overflow: inherit; height: 42%; } input#toggle7[type="radio"]:checked ~ .container7 .largeNumber { color: rgba(255,255,255,1); } input#toggle7[type="radio"]:checked ~ .container7 .inner p { color: rgba(255,255,255,1); text-shadow: 1px 1px 3px #000000; text-align: left; display: table-cell; vertical-align: bottom; } input#toggle7[type="radio"]:checked ~ .container7 .inner { color: rgba(255,255,255,1); display: table; height: 78%; } .container7 { width: 14.28%; float: left; height: 72px; font-size: 3vw; font-weight: 100; font-family: 'Roboto', sans-serif; line-height: 72px; position: absolute; bottom: 0; overflow: hidden; background: url(../../_images/homepage-experience/bobcat-bank.jpg) no-repeat; background-size: cover; -webkit-box-shadow: inset 0 0 0 1000px rgba(0,0,0,.7); box-shadow: inset 0 0 0 1000px rgba(0,0,0,.7); color: rgba(255,255,255,.5); -webkit-transition: all 200ms cubic-bezier(0, 0.5, 0.5, 0.2); transition: all 200ms cubic-bezier(0, 0.5, 0.5, 0.2); z-index: 1; left: 85.7% } .container1 p, .container2 p, .container3 p, .container4 p, .container5 p, .container6 p, .container7 p { font-size:.9vw; font-weight: 700; font-family: 'Roboto', sans-serif; line-height: 1.4em; } .container1 a, .container2 a, .container3 a, .container4 a, .container5 a, .container6 a, .container7 a { font-size:.9vw; color: #FFF; text-decoration: none; font-weight: 400; text-shadow: 1px 1px 3px #000000; width: 100%; display: block; float: left; } .container1 a:hover, .container2 a:hover, .container3 a:hover, .container4 a:hover, .container5 a:hover, .container6 a:hover, .container7 a:hover { font-size:.9vw; text-decoration: none; } .container1 a:after, .container2 a:after, .container3 a:after, .container4 a:after, .container5 a:after, .container6 a:after, .container7 a:after { content: '>>'; margin-left: 5px; color: #FFF; } section.experience .experienceWrapper.flexslider { display: none; } @media only screen and (max-width:1458px) { input#toggle1[type="radio"]:checked + label + .container1 { height: 205px; } input#toggle2[type="radio"]:checked + label + .container2 { height: 205px; } input#toggle3[type="radio"]:checked + label + .container3 { height: 205px; } input#toggle4[type="radio"]:checked + label + .container4 { height: 205px; } input#toggle5[type="radio"]:checked + label + .container5 { height: 205px; } input#toggle6[type="radio"]:checked + label + .container6 { height: 205px; } input#toggle7[type="radio"]:checked + label + .container7 { height: 205px; } } @media only screen and (max-width: 1365px) { section.experience .experienceWrapper { display: none; } section.experience .experienceWrapper.flexslider { display: block; padding: 0 1%; } section.experience .experienceWrapper.flexslider .inner { position: absolute; height: 100%; margin: 0 10px 0; text-shadow: 1px 1px 3px #000000; color: #FFF; display: table; z-index: 10; bottom: 0; } section.experience .experienceWrapper.flexslider .inner p { color: #FFF; text-align: left; height: 100%; display: table-cell; vertical-align: bottom; padding-bottom: 20px; } section.experience .experienceWrapper.flexslider .inner p a { display: block; width: 100%; margin-top: 10px; } .largeNumber { color: #FFF; text-shadow: 1px 1px 3px #000000; } /* slide one */ .containerSlide { position: relative; width: 100%; float: left; height: 272px; padding-bottom: 100%; font-size: 72px; font-weight: 100; font-family: 'Roboto', sans-serif; line-height: 72px; z-index: 1; } .containerSlide p { font-size: 17px; font-weight: 700; font-family: 'Roboto', sans-serif; line-height: 1.4em; color: #FFF; } .containerSlide a { font-size: 17px; color: #FFF; text-decoration: none; font-weight: 400; text-shadow: 1px 1px 3px #000000; } .containerSlide a:hover { font-size: 17px; text-decoration: none; } .containerSlide a:after { content: '>>'; margin-left: 5px; color: #FFF; } .experienceWrapper.flexslider .flex-control-nav { position: initial; padding: 28px; bottom: initial; } .experienceWrapper.flexslider .flex-control-paging li a { width: 13px; height: 13px; display: block; background: #959595; cursor: pointer; text-indent: -9999px; border-radius: 5px; } .experienceWrapper.flexslider .flex-control-paging li a:hover { width: 13px; height: 13px; background: #959595; border-radius: 5px; } .experienceWrapper.flexslider .flex-control-paging li a.flex-active { width: 13px; height: 13px; background: #005c42; cursor: default; border-radius: 5px; } } @media only screen and (max-width: 900px) { .containerSlide p { font-size: 18px; } } @media only screen and (max-width: 580px) { section.experience h2 { font-size: 30px; margin-bottom: 10px; } section.experience h3, section.experience h3 span { font-size: 18px; font-weight: 400; margin-bottom: 10px; } } /* ==================================================================================================================== * STANDARD PAGE * ====================================================================================================================*/ /* HERO IMAGE */ #standard .hero { display: inline-block; margin: 0; position: relative; } #standard .hero:before { border: 1px solid #c4d6cf; bottom: 6%; content: ''; display: block; left: 2.5%; opacity: 1; position: absolute; right: 2.5%; top: 6%; } /* WYSIWYG */ #standard .wysiwyg { /* margin:30px 0 30px; */ } #standard .wysiwyg.col8 .youtube a img { width:100%; } #standard .wysiwyg.col8 .slider-wrapper .slider img { width:100%; } #standard .wysiwyg.col8 .slick-dotted.slick-slider { margin: 0 auto; } #standard .wysiwyg.col4 .slick-dotted.slick-slider { margin: 0 auto; } #standard .slider-wrapper { display:block!important; } #standard .slider { padding:0!important; } #standard .one-column .col12.sliderWrap, #standard .two-column .col6.sliderWrap, #standard .three-column .col4.sliderWrap { padding: 0; margin-bottom: 32px; } #standard .one-column .col12.captionWrapper, #standard .two-column .col12.captionWrapper, #standard .three-column .col12.captionWrapper { padding: 20px; } #standard .one-column .col12.captionWrapper, #standard .two-column .col12.captionWrapper, #standard .three-column .col12.captionWrapper { padding-bottom: 0; } #standard .one-column .col12.captionWrapper.noPadding, #standard .two-column .col12.captionWrapper.noPadding, #standard .three-column .col12.captionWrapper.noPadding { margin-bottom: 22px; } #standard .one-column .col12.captionWrapper.spacer, #standard .two-column .col12.captionWrapper.spacer, #standard .three-column .col12.captionWrapper.spacer { margin-bottom: 32px; } #standard .offset .one-column .col12.captionWrapper.padded, #standard .offset .two-column .col12.captionWrapper.padded, #standard .offset .three-column .col12.captionWrapper.padded { padding: 20px; margin-bottom: 0; } #standard .one-column .col12.captionWrapper.padded .captionWrap, #standard .two-column .col12.captionWrapper.padded .captionWrap, #standard .three-column .col12.captionWrapper.padded .captionWrap { margin-top: 0; } #standard .captionWrapper.padded { margin-bottom: 42px; } #standard .captionWrapper.padded .captionWrap { padding-top: 0; padding-bottom: 0; padding-left: 20px; padding-right: 20px; } #standard .offset .captionWrap { padding-top: 20px; padding-bottom: 20px; } #standard .one-column .col12.captionWrapper.padded, #standard .two-column .col12.captionWrapper.padded, #standard .three-column .col12.captionWrapper.padded { padding-bottom: 20px; } .sliderWrap .slick-dotted.slick-slider { margin: 0 auto; } #standard .offset .sliderWrap > .slider.slick-dotted.slick-slider { margin-bottom: 32px; } #standard .contentRow + .contentRow .offset { margin-bottom: 42px; } #standard .offset { margin-bottom: 42px; } #standard .offset .wysiwyg.col4 > .captionWrap, #standard .offset .wysiwyg.col8 > .captionWrap { padding-left: 20px; } #standard .offset .wysiwyg.col8 + .wysiwyg.col4 > .captionWrap { padding-left: 0; } #standard .offset .wysiwyg.col4:first-of-type { width: 32%; } #standard .offset .wysiwyg.col4 > div > img, #standard .offset .wysiwyg.col8 > div > img { margin-bottom: -3px; } #standard .offset .captionWrap.off { padding-top: 0; padding-bottom: 0; } #standard .offset .wysiwyg.col4 > .captionWrap.off, #standard .offset .wysiwyg.col8 > .captionWrap.off { padding-left: 0; } .captionWrap.off p:last-child { margin-bottom: 0; } #standard h1 { color: #005c42; font-size: 3em; /*48px*/ font-weight: 100; margin-bottom: 20px; line-height: normal; } #standard a.yellow { color: #cf9b2c; font-size: 1.125em; font-weight: 700; text-decoration: none; } #standard a.greenLink { text-decoration: underline; color: #005c42; font-weight: 400; font-size: 1em; } #standard a.lightGreenLink { color: #005c42; margin: 20px 0; font-size: inherit; font-weight: 700; text-decoration: none; } #standard a.lightGreenLink:after { content: '\f101'; font-family: 'FontAwesome'; margin-left: 5px; } #standard a.darkGrayLink { color: #32312E; margin: 20px 0; font-size: inherit; font-weight: 700; text-decoration: none; } #standard a.darkGrayLink:after { content: '\f101'; font-family: 'FontAwesome'; margin-left: 5px; } #standard a.whiteLink { color: #32312E; margin: 20px 0; font-size: inherit; font-weight: 700; text-decoration: none; } #standard a.whiteLink:after { content: '\f101'; font-family: 'FontAwesome'; margin-left: 5px; } #standard strong { color: inherit; font-weight: 500; } #standard.campaign strong, #standard.campaign strong span { color:inherit; font-weight:500; } #standard .wysiwyg ol { display: block; list-style-type: decimal; margin-left: 25px; } #standard .wysiwyg li { display: list-item; } #standard .wysiwyg .slick-dots li { display: inline-block; } /* BLANK SPACER BETWEEN CONTENT SECTION TYPES */ .blankSpace { width: 100%; margin-top: 62px; clear: both; } @media screen and (max-width:1240px){ #standard .sliderWrap { padding-left: 2% !important; padding-right: 2% !important; } #standard .offset { margin-left: 2%; margin-right: 2%; width: 96%; } #standard .wrapper h1 { /* padding-left:2%; */ } .col3.right + .wrapper h1 { padding-left:2%; } #standard .wrapper.search h1 { padding-left: 2%; } } @media screen and (max-width:1024px) { #standard h1 { font-size: 2.5em; } } /* CALL TO ACTION */ #standard a.callToAction { border: 1px solid #005c42; color: #005c42; display:inline-block; float: none; font-size: 1.125em; padding: 14px 0; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%; } #standard a.callToAction:hover { background: #005c42; color: #FFF !important; } /* ONE COLUMN ACCENT */ #standard .one-column { display: table; height: auto; width: 100%; margin:30px 0;} /*#standard .one-column img { width: 100%; }*/ #standard .one-column p { margin-top: 18px; margin-bottom: 10px; } #standard .one-column p:nth-child(1) { margin-top:0; } #standard .one-column h2 { padding-top:0; } #standard .one-column h3 { color: #005c42; font-weight: 700; margin-bottom: 12px; } #standard .one-column .col12 { display: table; height: auto; padding: 32px 28px; width: 100%; } /* TWO COLUMN CONTENT AREA */ #standard .two-column {display: -webkit-box;display: -ms-flexbox;display: flex; margin:30px 0;} #standard .two-column .col6 { float: left; margin: 0 4% 0 0; padding: 32px 28px; } #standard .one-column .col12.captionWrapper, #standard .two-column .col12.captionWrapper, #standard .three-column .col12.captionWrapper { padding-left: 0; padding-right: 0; } #standard .two-column .col6.Default, #standard .two-column .col6.default {padding:0!important;} #standard .two-column .col6.white, #standard .two-column .col6.White, {padding:0;} #standard .two-column .col6:last-of-type { margin: 0 0 0 0; } #standard .two-column h3 { color: #005c42; font-weight: 700; margin-bottom: 12px; } #standard .two-column img { width: 100%; } #standard .two-column p { margin-top: 18px; } #standard .two-column p:nth-child(1) { margin-top:0; } #standard .two-column strong {font-weight:700; color:inherit;} /* THREE COLUMN CONTENT AREA */ #standard .three-column {display: -webkit-box;display: -ms-flexbox;display: flex; margin:30px 0;} #standard .three-column .col4 { width: 32%; margin: 0 3% 0 0; padding: 20px 20px 20px 20px; } #standard .three-column .col4.sliderWrap { width: 31%; } #standard .three-column .col4.white, #standard .three-column .col4.White, #standard .three-column .col4.default, #standard .three-column .col4.Default {padding:0;} #standard .three-column .col4:last-of-type { margin: 0 0 0 0; } #standard .three-column h3 { color: #005c42; font-weight: 700; margin-bottom: 12px; } #standard .three-column img { width: 100%; } #standard .three-column p { margin-top: 18px; } #standard .three-column p:nth-child(1) { margin-top:0; } #standard .three-column strong {font-weight:700; color:inherit;} @media only screen and (max-width:1240px) { .wrapper.main-content .col12 { padding-left:2%; padding-right:2%; } .wrapper.main-content .col12.offset { padding-left: 0; padding-right: 0; } .breadcrumbs { padding: 22px 2% 20px; display: inline-block; } } @media only screen and (max-width: 1010px) { #standard .hero, #standard .heroNoBorder { margin-top: 90px; } } @media only screen and (max-width:680px) { .wrapper.main-content { margin-top:0; } } @media only screen and (max-width:580px) { #standard .hero, #standard .heroNoBorder { margin-top: 58px; } .wrapper.main-content { padding: 0 4%; } #standard .three-column .col4 { margin-bottom: 20px; } #standard .three-column {display: block;} #standard .two-column { display: block; margin-bottom: -25px!important;} #standard .two-column .col6 {padding:0!important;} #standard .offset .wysiwyg.col8 + .wysiwyg.col4 > .captionWrap { padding-left: 20px; } #standard .offset .wysiwyg.col8 + .wysiwyg.col4 > .captionWrap.off { padding-top: 20px; padding-left: 0; } #standard .offset .wysiwyg.col4:first-of-type > .captionWrap.off, #standard .offset .wysiwyg.col8:first-of-type > .captionWrap.off { padding-bottom: 20px; } #standard .offset .wysiwyg.col4:first-of-type, #standard .offset .wysiwyg.col8:first-of-type { width: 100%; } } /* TABLES */ table { margin-top: 20px; } div.table > h2 { color: #005c42; display: block; font-weight: 700; margin-bottom: 18px; padding: 10px 15px; width: 100%; } table th { background: #ebebeb; color: #005c42; font-size: 1.125em; /*18px*/ font-weight: 700; padding-bottom: 4px !important; padding-left: 15px; padding-top: 7px; text-align: left; width: 50%; } table th:nth-child(2) { padding-left: 0; padding-right: 15px; } table td { color: #005c42; font-size: 1.063em; /*16px*/ padding-left: 15px; } table td/* :nth-child(1), table td:nth-child(2) */{ padding-top: 15px; } table.tl-ticket-table th { background-color: #005c42 !important; } /* ACCORDION */ .accordion { margin: -18px 0 30px; clear:both; } .accordion h2 { margin-left: 20px; font-size: 1.313em; font-weight: 300; color: #005c42; margin-bottom: 10px; } .accordion div.accordion-content { margin-left: 25px; margin-bottom: 10px; position: relative; overflow: hidden; opacity: 1; z-index: 2; border-bottom: 1px solid #7d7d7d; display: block; font-size: 17px; line-height: 1.5em; padding-bottom:15px;} .accordion div.accordion-content p { font-size: 17px; line-height: 1.5em; } .accordion div.accordion-content span { font-size: 17px; line-height: 1.5em; display: block; } .accordion div.accordion-content ol { margin: 0 0 15px 35px; } .accordion div.accordion-content ol li { list-style: decimal; line-height:1.875em; } .accordion div.accordion-content ul { margin: 0 0 15px 35px; } .accordion div.accordion-content ul li { display: list-item; clear: both; line-height:1.875em; } .accordion ul { list-style: none; padding: 0; margin: 0; } .accordion ul li { position: relative; padding: 0; margin: 0; } .accordion ul li:last-of-type { padding-bottom: 0; } .accordion ul li i { position: absolute; left: 0; top: 10px; } .accordion ul li i:before { content: '\f068'; font-family: 'FontAwesome'; color: #005c42; } .accordion ul li input[type=checkbox] { position: absolute; cursor: pointer; width: 100%; height: 100%; z-index: 1; opacity: 0; } .accordion ul li input[type=checkbox]:checked ~ div { margin-top: 0; max-height: 0; opacity: 0; display: none; } .accordion ul li input[type=checkbox]:checked ~ i:before { content: '\f067'; font-family: 'FontAwesome'; color: #005c42; } .accordion div ul { font-size: 1em; line-height: 1.5em; list-style: disc; margin-left: 3%; } .accordion div li::-moz-list-bullet {font-size: 0.750em;margin-right: 5px;} /* ACCORDION ADVANCED*/ .accordion.advanced { margin: 0 0 30px; clear:both; } .accordion.advanced h2 { font-size: 1.22em; font-weight: 600; text-transform: none; padding: 20px 73px 20px 43px; margin-left: 0; margin-right: 0; margin-bottom: 0; } .accordion.advanced h2.gray { color: #32312E; } .accordion.advanced ul li i { top: 21px; right: 40px; left: auto; font-size: 1.4em; } .accordion.advanced > ul > li { margin-bottom: 5px; } .accordion.advanced div.accordion-content { margin-left: 0; } .accordion.advanced ul li i:before, .accordion.advanced ul li input[type=checkbox]:checked ~ i:before { color: #fff; } .accordion.advanced ul li.grayBg i:before, .accordion.advanced ul li.grayBg input[type=checkbox]:checked ~ i:before { color: #32312E; } .accordion.advanced div.accordion-content { font-size: 17px; font-weight: 300; padding: 23px 45px; border-bottom: none; } .accordion.advanced div.accordion-content.mediumGray a { color: #32312E; } .accordion.advanced div.accordion-content.mediumGray a.lightGrayLink { color: #32312E; } .accordion div.accordion-content span { line-height: 1.7em; } @media only screen and (max-width: 1240px) { .accordion.advanced { margin-left: 2%; margin-right: 2%; } } /* Accordions Horizontal Layout 4 Buttons */ .mainCallout.academic { display: block; float: left; width: 100%; position: relative; text-align: center; margin: 70px auto 0px; height: 100%; float: left; } .mainCallout.academic .wrap { display: inherit; text-align: center; vertical-align: inherit; margin-bottom: 20px; } .mainCallout.academic .wrap .textcontainer { max-width:1280px; } .mainCallout.academic .wrap .textcontainer .buttonContainer { margin-bottom: 20px; display: block; margin-bottom: 20px; } .four-btn-accordion { position: relative; } .four-btn-accordion:after { content: "";display: block;clear: both; } .academic h2 { font-family: 'bebas_neuebold' !important; font-size: 3.000rem !important; text-align: left!important; color: #005c42 !important; display:block!important; } .academic h2 span { font-size: 1.500rem;padding-left:10px; font-family: 'Roboto'; font-weight: 300; color: #000 !important; } .four-btn-accordion input[name='panel'] { display: none; } .four-btn-accordion .col3 { width: 24.25%; margin-right: 1%; margin-bottom:36px; } .four-btn-accordion .col3:last-child { margin-right: 0; } .four-btn-accordion label { position: relative; display: block; padding: 15px 19px; background: #ebebeb; font-size: 2em; font-family: 'bebas_neuebold'; cursor: pointer; /*-webkit-transition: all 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87); transition: all 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87); */text-align: left; color: #005c42; } .four-btn-accordion label:before { content: '+'; position: absolute; right: 10px; top:0; bottom:0; color: #b8b8b8; text-align: center; font-family: 'bebas_neuebold' !important; font-size: 3.125rem; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .four-btn-accordion label:hover { background: #005c42; color:#FFF; /*-webkit-transition: background 0.5s ease; transition: background 0.5s ease; */ } .four-btn-accordion label:hover:before { color:#FFF; /*-webkit-transition: color 0.5s ease; transition: color 0.5s ease; */} .four-btn-accordion input:checked+label { color: #FFF; background: #005c42; } .four-btn-accordion input:checked+label:before { content: '-'; right: 13px; color: #b8b8b8; font-family: 'bebas_neuebold' !important; font-size: 50px; } .four-btn-accordion .accordion__content { overflow: hidden; max-height: 0em; position: relative; background: #FFF; color: #000; -webkit-transition: all 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87); transition: all 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87); } .four-btn-accordion .accordion__content:not(:last-of-type) { } .four-btn-accordion .accordion__content .accordion__header { padding: 1em 0; } .four-btn-accordion .accordion__content .accordion__body { line-height: 1.4em; padding: 1.5rem 15px 1.5rem; font-size: 18px;} input[name='panel']:checked~.accordion__content { max-height: 200em; } .four-btn-accordion input:checked label:hover~.accordion__content.panel-1 { max-height: 50em; display: block; margin: 20px 0; } .four-btn-accordion .accordion__content.panel-1, .four-btn-accordion .accordion__content.panel-2, .four-btn-accordion .accordion__content.panel-3, .four-btn-accordion .accordion__content.panel-4 { margin-left:15px; margin-right:15px; min-width: 306%; background: #fff; text-align: left; position: relative; left: 0; right: 0; bottom: 0; margin-left: 0; float: left; } .four-btn-accordion .accordion__content.panel-1 { margin-left: 15px; } .four-btn-accordion .accordion__content.panel-2 { margin-left: -99%; } .four-btn-accordion .accordion__content.panel-3 { margin-left: -203%; } .four-btn-accordion .accordion__content.panel-4 { margin-left: -307%; } .four-btn-accordion .accordion__content.panel-1:hover { display: block; } .four-btn-accordion ul { columns: 3; -webkit-columns: 3; -moz-columns: 3; margin: 20px 0 20px!important; -webkit-column-gap: 25px; column-gap: 25px; } .four-btn-accordion .accordion__content.panel-1 ul li, .four-btn-accordion .accordion__content.panel-2 ul li, .four-btn-accordion .accordion__content.panel-3 ul li, .four-btn-accordion .accordion__content.panel-4 ul li { font-size: 18px; line-height: 1em; list-style: none; margin-bottom: 20px; } .four-btn-accordion .accordion__content.panel-1 p, .four-btn-accordion .accordion__content.panel-2 p, .four-btn-accordion .accordion__content.panel-3 p, .four-btn-accordion .accordion__content.panel-4 p { text-align:left; font-size: 18px; line-height: 1em; margin: 20px 0 20px 15px; line-height:1.4em; } .four-btn-accordion a.readMore { color: #005c42; text-decoration: none; font-weight: 500; font-size: 0.875rem; } .four-btn-accordion a.readMore:hover { text-decoration: none; } .four-btn-accordion a.readMore:after { content: '\f101'; font-family: 'FontAwesome'; font-size: inherit; margin-left: 5px; } /* Landing/Interior Accordions Horizontal Layout 4 Buttons */ /* .contentRow .mainCallout.academic { margin-top: 0; } */ .contentRow .mainCallout.academic .textcontainer { padding: 0; } .contentRow .mainCallout.academic .wrap { margin-bottom: 0; } @media screen and (max-width:1010px) { .mainCallout.academic { margin: 36px auto 36px; } } @media screen and (max-width:824px) { .academic h2 span { display:block; } } @media screen and (max-width:960px) { .four-btn-accordion label { font-size:1.4rem; } .four-btn-accordion label:before, .four-btn-accordion label:after { font-size:2.188rem; } .four-btn-accordion .col3 { width: 100%; margin-right: 0; margin-bottom:0; } .four-btn-accordion .accordion__content.panel-1, .four-btn-accordion .accordion__content.panel-2, .four-btn-accordion .accordion__content.panel-3, .four-btn-accordion .accordion__content.panel-4 { margin-left: 15px; min-width: 100%; } .four-btn-accordion label { position: relative; display: block; background: #ebebeb; font-size: 26px; font-family: 'bebas_neuebold'; cursor: pointer; -webkit-transition: all 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87); transition: all 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87); text-align: left; color: #005c42; float: left; width: 100%; margin-bottom: 20px; } .four-btn-accordion .accordion__content.panel-1 ul, .four-btn-accordion .accordion__content.panel-2 ul, .four-btn-accordion .accordion__content.panel-3 ul, .four-btn-accordion .accordion__content.panel-4 ul { font-size: 14px; columns: 1; -webkit-columns: 1; -moz-columns: 1; margin: 20px 0; -webkit-column-gap: 45px; column-gap: 45px; } .four-btn-accordion .accordion__content .accordion__body { padding-top:0;} } @media screen and (max-width:580px) { .four-btn-accordion { margin-top: -8px; margin-bottom: 25px; } .mainCallout.academic { margin-top:0px; margin-bottom:44px;} .academic h2 span { display: block; font-size:1.35rem; } } /* BACK TO TOP */ .cd-top { display: inline-block; height: 53px; width: 42px; position: fixed; bottom: 100px; right: 0px; font-size: 9px; font-weight: 400; text-align: center; text-transform: uppercase; background: #005c42; color: #FFF; z-index: 100; display: block; text-decoration: none; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; } .cd-top i { display: block; width: 100%; text-align: center; font-size: 30px; } .cd-top a { display: block; } .cd-top span { font-weight: 700; font-size: 12px; display: block; width: 100%; text-align: center; } .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } .cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: .5; } .cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ /* opacity: .5; */} .no-touch .cd-top:hover { background-color: #005C42; opacity: 1; } @media only screen and (max-width:480px){ .accordion div ul { margin-left: 8%; } } /* FLIPPING BOXES */ .flip { position: relative; } #standard .flip > .col12, #standard .flip > .col6, #standard .flip > .col4, #standard .flip > .wrapper > section .col8, #standard .flip > .wrapper > section .col4 { position: relative; padding: 0; } .flip.offset .col8 { width: 65.65%; } .flip.offset .col4 { width: 31.35%; } .flip a.readMore { color: #fff; font-weight: bold; } .flip .colorOverride a.readMore { color: #32312E; } .flip.noImage .colBox { position: relative; height: 100%; } .flip .bgColor { position: relative; z-index: 0; } /* Flipping Box Image Options */ .flip img.frontImage, .flip img.backImage, .flip img.oneImage { float: left; width: 100%; height: auto; } .flip img.backImage { display: none; } .flip > [class^="col"]:hover img.frontImage, .flip > [class^="col"]:focus img.frontImage, #standard .flip > .wrapper > section > .col8:hover img.frontImage, #standard .flip > .wrapper > section > .col8:focus img.frontImage, #standard .flip > .wrapper > section > .col4:hover img.frontImage, #standard .flip > .wrapper > section > .col4:focus img.frontImage { display: none; } .flip > [class^="col"]:hover img.backImage, .flip > [class^="col"]:focus img.backImage, #standard .flip > .wrapper > section > .col8:hover img.backImage, #standard .flip > .wrapper > section > .col8:focus img.backImage, #standard .flip > .wrapper > section > .col4:hover img.backImage, #standard .flip > .wrapper > section > .col4:focus img.backImage { display: block; } /* Flipping Box */ .flip .cardFront, .flip .cardBack { position: relative; z-index: 1; padding: 32px 28px; color: #fff; } .flip .colorOverride .cardFront, .flip .colorOverride .cardBack { color: #32312E; } .flip .title { font-size: 1.5rem; font-weight: bold; } /* Flipping Box Color Overrides */ .flip a.lightGreenLink { color: #fff !important; } .flip, .flip p, .flip span { color: #fff !important; } .flip .colorOverride, .flip .colorOverride p, .flip .colorOverride a, .flip .colorOverride span { color: #32312E !important; } /* Flipping Box Front */ .flip .cardFront { position: relative; z-index: 1; display: block; } .flip.hasImage .cardFront, .flip.noImage .cardFront { position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; } .flip > [class^="col"]:hover > .colBox > .cardFront, .flip > [class^="col"]:focus > .colBox > .cardFront, #standard .flip > .wrapper > section > .col8:hover > .colBox > .cardFront, #standard .flip > .wrapper > section > .col8:focus > .colBox > .cardFront, #standard .flip > .wrapper > section > .col4:hover > .colBox > .cardFront, #standard .flip > .wrapper > section > .col4:focus > .colBox > .cardFront { display: none; } /* Flipping Box Back */ .flip .cardBack { position: relative; z-index: 1; display: none; } .flip.hasImage .cardBack { position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; } .flip.hasImage .cardBack.noImage { opacity: 0; } .flip.noImage .cardBack { display: block; opacity: 0; } .flip.hasImage > [class^="col"]:hover > .colBox > .cardBack.noImage, .flip.hasImage > [class^="col"]:focus > .colBox > .cardBack.noImage, .flip.noImage > [class^="col"]:hover > .colBox > .cardBack, .flip.noImage > [class^="col"]:focus > .colBox > .cardBack, #standard .flip.noImage > .wrapper > section > .col8:hover > .colBox > .cardBack, #standard .flip.noImage > .wrapper > section > .col8:focus > .colBox > .cardBack, #standard .flip.noImage > .wrapper > section > .col4:hover > .colBox > .cardBack, #standard .flip.noImage > .wrapper > section > .col4:focus > .colBox > .cardBack, #standard .flip.hasImage > .wrapper > section > .col8:hover > .colBox > .cardBack.noImage, #standard .flip.hasImage > .wrapper > section > .col8:focus > .colBox > .cardBack.noImage, #standard .flip.hasImage > .wrapper > section > .col4:hover > .colBox > .cardBack.noImage, #standard .flip.hasImage > .wrapper > section > .col4:focus > .colBox > .cardBack.noImage { opacity: 1; z-index: 2; } .flip > [class^="col"]:hover > .colBox > .cardBack, .flip > [class^="col"]:focus > .colBox > .cardBack, #standard .flip > .wrapper > section > .col8:hover > .colBox > .cardBack, #standard .flip > .wrapper > section > .col8:focus > .colBox > .cardBack, #standard .flip > .wrapper > section > .col4:hover > .colBox > .cardBack, #standard .flip > .wrapper > section > .col4:focus > .colBox > .cardBack { display: block; height: 100%; } #standard .flip > .wrapper > section { display: flex; display: -webkit-flex; display: -ms-flexbox; } /* Flipping Box Text Position */ .flip .innerWrap { display: table; width: 100%; height: 100%; text-align: center; } .flip .innerWrap > .inner { display: table-cell; vertical-align: middle; } /* Flipping Box Text Position - Center (Default)*/ .flip .innerWrap.center { text-align: center; } .flip .innerWrap.center > .inner { vertical-align: middle; } /* Flipping Box Text Position - Top Left*/ .flip .innerWrap.top-left { text-align: left; } .flip .innerWrap.top-left > .inner { vertical-align: top; } /* Flipping Box Text Position - Bottom Left*/ .flip .innerWrap.bottom-left { text-align: left; } .flip .innerWrap.bottom-left > .inner { vertical-align: bottom; } @media screen and (max-width: 1240px) { #standard .offset.flip { margin-left: 0; margin-right: 0; width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .flip .title { font-size: 2.1vw; } .flip .innerWrap > .inner p, .flip .innerWrap > .inner { font-size: 1.8vw; } .flip .innerWrap > .inner a.readMore { font-size: 1.9vw; } } @media only screen and (min-width:768px) { #standard .flipWrapper .one-column, #standard .flipWrapper .two-column, #standard .flipWrapper .three-column { margin: 0 0 3% 0; } #standard .flipWrapper .contentRow { margin: 0; } #standard .flipWrapper:last-of-type .one-column, #standard .flipWrapper:last-of-type .two-column, #standard .flipWrapper:last-of-type .three-column { margin: 0 0 30px 0; } #standard .flipWrapper .two-column .col6 { width: 49%; margin: 0 3% 0 0; } #standard .flipWrapper .two-column .col6:last-of-type { margin: 0; } #standard .offset.flip { margin-bottom: 3%; } } @media only screen and (max-width: 767px) { .flip.hasImage .cardBack.noImage { position: relative; display: block; } #standard .flipWrapper .one-column { margin: 0 0 25px 0; } #standard .flipWrapper .three-column { margin: 0; } #standard .flipWrapper .contentRow { margin: 0; } #standard .flipWrapper:last-of-type .one-column, #standard .flipWrapper:last-of-type .two-column, #standard .flipWrapper:last-of-type .three-column, #standard .flipWrapper:last-of-type .offset { margin: 0 0 30px 0; } #standard .flipWrapper .two-column .col6 { width: 100%; margin: 0; } #standard .flipWrapper .two-column .col6:last-of-type { margin: 0; } #standard .two-column.flip { display: block; } #standard .offset.flip { margin-bottom: 0; } #standard .offset.flip .wysiwyg.col4:first-of-type { width: 100%; } #standard .two-column.flip .col8, #standard .flip .col8, #standard .two-column.flip .col6, #standard .flip .col4, #standard .two-column.flip .col4 { float: left; display: block; width: 100%; margin: 0 0 25px 0 !important; padding: 0 !important; } #standard .flip .col4 + .col8 { margin: 0 !important; } #standard .three-column.flip { display: block; } #standard .three-column.flip .col4 { width: 100%; margin: 0 0 25px 0; } #standard .flip > .wrapper > section { display: block; } } /* Flipping Box Solid Colors */ .flip .bgColor { position: absolute; top:0; left:0; right:0; bottom:0; opacity: 1; } .flip .green { background: #005c42; } .flip > [class^="col"]:hover .green, .flip > div > section > [class^="wysiwyg col"]:hover .green { background: #004331; } .flip .lightGreen { background: #26a57e; } .flip > [class^="col"]:hover .lightGreen, .flip > div > section > [class^="wysiwyg col"]:hover .lightGreen { background: #13795a; } .flip .limeGreen { background: #8e9d11; } .flip > [class^="col"]:hover .limeGreen, .flip > div > section > [class^="wysiwyg col"]:hover .limeGreen { background: #5F6900; } .flip .lightOrange { background: #FAB000;} .flip > [class^="col"]:hover .lightOrange, .flip > div > section > [class^="wysiwyg col"]:hover .lightOrange { background: #CA8900;} .flip .orange { background: #d0812a; } .flip > [class^="col"]:hover .orange, .flip > div > section > [class^="wysiwyg col"]:hover .orange { background: #A95D0B; } .flip .red { background: #cd4129; } .flip > [class^="col"]:hover .red, .flip > div > section > [class^="wysiwyg col"]:hover .red { background: #a02b15; } .flip .gray { background: #E9E9E9; } .flip > [class^="col"]:hover .gray, .flip > div > section > [class^="wysiwyg col"]:hover .gray { background: #d2d2d2; } .flip .darkGray { background: #474641; } .flip > [class^="col"]:hover .darkGray, .flip > div > section > [class^="wysiwyg col"]:hover .darkGray { background: #32312E; } .flip .darkBlue { background: #2a3e49; } .flip > [class^="col"]:hover .darkBlue, .flip > div > section > [class^="wysiwyg col"]:hover .darkBlue { background: #1d2b33; } /* Flipping Box Overlay Colors */ .flip .green.overlay { opacity: .5; } .flip > [class^="col"]:hover .green.overlay, .flip > div > section > [class^="wysiwyg col"]:hover .green.overlay { opacity: .85; } .flip .lightGreen.overlay { opacity: .5; } .flip > [class^="col"]:hover .lightGreen.overlay, .flip > div > section > [class^="wysiwyg col"]:hover .lightGreen.overlay { opacity: .85; } .flip .limeGreen.overlay { opacity: .5; } .flip > [class^="col"]:hover .limeGreen.overlay, .flip > div > section > [class^="wysiwyg col"]:hover .limeGreen.overlay { opacity: .85; } .flip .lightOrange.overlay { opacity: .5; } .flip > [class^="col"]:hover .lightOrange.overlay, .flip > div > section > [class^="wysiwyg col"]:hover .lightOrange.overlay { opacity: .85; } .flip .orange.overlay { opacity: .5; } .flip > [class^="col"]:hover .orange.overlay, .flip > div > section > [class^="wysiwyg col"]:hover .orange.overlay { opacity: .85; } .flip .red.overlay { opacity: .5; } .flip > [class^="col"]:hover .red.overlay, .flip > div > section > [class^="wysiwyg col"]:hover .red.overlay { opacity: .85; } .flip .gray.overlay { opacity: .5; } .flip > [class^="col"]:hover .gray.overlay, .flip > div > section > [class^="wysiwyg col"]:hover .gray.overlay { opacity: .85; } .flip .darkGray.overlay { opacity: .5; } .flip > [class^="col"]:hover .darkGray.overlay, .flip > div > section > [class^="wysiwyg col"]:hover .darkGray.overlay { opacity: .85; } .flip .darkBlue.overlay { opacity: .5; } .flip > [class^="col"]:hover .darkBlue.overlay, .flip > div > section > [class^="wysiwyg col"]:hover .darkBlue.overlay { opacity: .85; } /* ==================================================================================================================== * RIGHT COLUMN STANDARD * ====================================================================================================================*/ /* RIGHT NAV */ .right-nav { margin-bottom: 70px; margin-top: 34px; } .right-nav ul { list-style: none; } .right-nav li { margin-left: 10px; line-height: 42px; } .right-nav li ul li:last-child { margin-bottom: 0; } .right-nav li:last-child { margin-bottom: 0px; } .right-nav li a.active { background: #ebebeb; display: block; line-height: 42px; } .right-nav li a { text-decoration: none; color: #666; line-height:1.4em; padding-top:20px; padding-left: 10px; display: block; } .right-nav li a:target { display: block; } .right-nav li a.navlinks:before { content: '\f105'; font-family: 'FontAwesome'; margin-right: 5px; color: #d7d7d7; } .right-nav li a.navlinks.active:before { content: '\f107'; font-family: 'FontAwesome'; background: #EEE; } .right-nav li ul { display: none; } .right-nav li ul.active { display: block; } .right-nav li ul li { border-bottom: none; line-height: initial; } .right-nav li ul li a { margin-left: 25px; font-style: italic; } .angle-right:before { color: #005c42; content: '\f105'; font-family: 'FontAwesome'; margin-right: 6px; } .angle-down:before { color: #005c42; content: '\f107'; font-family: 'FontAwesome'; } .mobile-right-menu label { display: none; } .mobile-right-menu input[type="checkbox"]:checked { display: none; } /* Panel Content */ .right-nav input[type="radio"] { display: none; } .right-nav input[name='panel'] { display: none; } .right-nav label { position: relative; display: block; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 13px 10px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75); color: #666; cursor: pointer; border-bottom: 1px solid #e0ded9; line-height: 1.2em; } .right-nav label:before { content: '\f105'; font-family: 'FontAwesome'; margin-right: 5px; color: #d7d7d7; } /*.right-nav label:hover,*/ .right-nav label a { color: #666; text-decoration: none; display: block; } .right-nav input:checked + label { color: #666; background: #EEE; } /*.right-nav input:checked + label:before { content: '\f107'; font-family: 'FontAwesome'; line-height: .8em; }*/ .right-nav .menucontainer { overflow: hidden; height: 0px; position: relative; padding: 0 1.5em; -webkit-transition: height 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87); transition: height 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87); } .right-nav .menucontainer:not(:last-of-type) { } .right-nav .menucontainer .menuwrap { line-height: 1.4em; } input[name='panel']:checked ~ .menucontainer { height: auto; } /* .currentPage:before{content:'\f105';font-family:'FontAwesome';margin-right:5px;color:#d7d7d7; } .currentPage { text-decoration:underline; color:#d7d7d7;} */ .currentPage { font-weight: 700; } /* ==================================================================================================================== * RIGHT COLUMN WIDGETS * ====================================================================================================================*/ section.widget { font-size: 0.875em; line-height: 21px; min-width: 255px; width: 100%; margin: 0 auto 35px; text-align:center; } section.widget.padded { padding: 20px; } section.widget h2 { color: #005c42; font-weight: 700; /* font-size: 1em; */ margin-bottom: 10px; padding: 0; text-align:left; } section.widget img { margin-bottom: 10px; } section.widget p { font-size: 1em; line-height: 21px; padding: 0; margin: 0; text-align:left; } section.widget ul { margin-left: 10%; text-align:left; } /* VIDEO WIDGET */ .videoWidget { margin-bottom: 30px; padding-bottom: 15px; max-width: 255px; margin-left: 8px; } .videoWidget h2 { color: #054e81; font-size: 1.2em; font-weight: normal; margin-bottom: 20px; margin-top: 20px; text-align: left !important; text-transform: uppercase; } .videoWidget img { margin-bottom: 10px; margin-top: 0; max-width: 100%; } .videoWidget p { display: block; font-size: 0.875em; margin-bottom: 10px; } .video.flexslider .flex-control-paging li a.flex-active { background: rgba(10, 84, 139, 0.9) none repeat scroll 0% 0%; cursor: default; } .video.flexslider .flex-control-paging li a { background: rgba(255, 255, 255, 1) none repeat scroll 0% 0%; border-radius: 20px; border: 1px solid rgba(10, 84, 139, 1); -webkit-box-shadow: none; box-shadow: none; cursor: pointer; display: block; height: 14px; text-indent: -9999px; width: 14px; } .video.flexslider .flex-control-nav { z-index: 100; } a.popup-youtube { color: #3881b4; text-decoration: none; } a.popup-youtube:hover { color: #000; text-decoration: underline; } .videoWidget .flex-control-nav { bottom: -10px; position: absolute; text-align: center; width: 100%; } /* NEWS WIDGET */ .newsListingArticleContainer { } .newsListingArticle a { text-decoration: none; } .newsListingArticle a .newsListingDate { font-size: 1em; margin-bottom: 0; } .newsListingArticle a .newsListingTitle { font-size: 1em; font-weight: 700; line-height: 1.313em; } .newsListingArticle a .newsListingSummary { font-size: 1em; font-weight: 300; line-height: 1.313em; } /* SPOTLIGHT WIDGET*/ @media only screen and (max-width:767px) { /* section.spotlight { max-width: initial; width: 100%; } section.spotlight img { width: 98%; } */} /* UPCOMING EVENTS WIDGET */ /* UPCOMING EVENTS WIDGET */ section.widget { min-width:initial!important; } section.events { max-width: 270px; width: 100%; /*background: #ebebeb;*/ height: 100%; /*padding: 13px 24px*/; margin-bottom: 35px; display: inline-block; } section.events h2 { color: #005c42; font-weight: 700; margin-bottom: 12px; } section.events .event { clear: both; max-width: 100%; height: auto; display: inline-block; margin-bottom: 6px; } section.events .monthCol { float: left; width: 25px; margin-right: 10px; } section.events .descCol { float: left; width: 73%; } section.events .month { font-size: 12px; /*color: #005c42;*/ color:#FFF; text-transform: uppercase; text-align: center; display: block;clear:both; width:44px; height:44px; background:#005c42; margin-bottom:24px; } section.events .month span { font-size: 24px; font-weight: 700; text-align: center; display: block; margin-top: -3px; } section.events .desc p { font-size: 14px; line-height: 1; color: #080808; font-weight: 500; } section.events a.readMore { color: #005c42; text-decoration: none; font-weight: 500; font-size: 0.875em; } section.events a.readMore:hover { text-decoration: none; } section.events a.readMore:after { content: '\f101'; font-family: 'FontAwesome'; font-size: inherit; margin-left: 5px; } @media only screen and (max-width:1180px) { section.events { padding: 13px 10px; } } @media only screen and (max-width:1035px) { section.events .descCol { width: 71%; } } @media only screen and (max-width:970px) { section.events .descCol { width: 64%; } section.events .monthCol { } } @media only screen and (max-width:786px) { section.events .descCol { width: 61%; } } @media only screen and (max-width:767px) { /*section.events { max-width: inherit; } section.events .event { width: 100%; } section.events .descCol { width: 100%; float: none; min-height: 45px; margin-bottom: 10px; } section.events .desc { font-size: 1em; } section.events a.readMore { float: left; clear: both; margin-top: 10px; font-size: 1em; } section.events a.readMore:hover { text-decoration: underline; } section.events .desc p { font-size: 14px; } */} /* CALL TO ACTION BUTTON */ /*section.call-to-action { max-width: 270px; width: 100%; margin-bottom: 35px; } section.call-to-action a.callToAction { border: 1px solid #005c42; color: #005c42; display: block; float: left; font-size: 1.125em; margin-bottom: 10px; padding: 14px 0; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%; } section.call-to-action a.callToAction :hover { background: #005c42; color: #FFF !important; } @media only screen and (max-width:767px) { section.call-to-action { max-width: inherit; } } */ /* ==================================================================================================================== * LANDING PAGE * ====================================================================================================================*/ /* FULL IMPACT */ .fullImpact { width: 100%; height: 449px; display:inline-block; background: url(../_images/landing-full-width-image.jpg) no-repeat top center; background-size: cover; position: relative; margin-bottom:16px;} .fullImpact .bgImg { display: block; width: 100%; height: 100%; object-fit: cover; } .fullImpact .textBox { background: #005c42; max-width: 626px; min-height: 238px; width: 100%; height: auto; bottom: 30px; right: 0; display: block; position: absolute; padding: 34px 50px 34px 32px; } .fullImpact .textBox h2.title { font-size: 36px; color: #FFF; font-weight: 100; line-height: 48px; margin-bottom: 0; } .fullImpact .textBox h3.subTitle { font-size: 24px; color: #FFF; font-weight: 700; margin-top: 15px; margin-bottom: 15px; line-height: 1.4em; } .fullImpact .textBox a { font-size: 17px; text-decoration: none; color: #FFF; } .fullImpact .textBox a:after { content: '\f101'; font-family: 'FontAwesome'; margin-left: 5px; } @media only screen and (max-width:1010px) { .fullImpact { margin-top: 80px; } } @media only screen and (max-width:680px) { .fullImpact { background-position: top center; background-size: cover; height:250px;} .fullImpact.captionArea { height: auto; } .fullImpact .textBox { bottom:-238px!important; max-width:100%; } .fullImpact .textBox h2.title { font-size: 30px; } .fullImpact .textBox { bottom: 0; padding: 12px 14px 20px 14px; } .fullImpact .bgImg + .textBox { position: relative; top: auto; bottom: auto !important; left: auto; right: auto; } } @media only screen and (max-width: 580px) { .fullImpact {margin-top: 58px;} } /* FULL WIDTH BACKGROUND COLORS - these classes get added to the col12 call*/ .defaultFull { background: #ffffff; padding: 20px 0; margin:30px 0; } .limeGreenFull { background: #8e9d11; padding: 20px 0; margin:30px 0; } .orangeFull { background: #d0812a; padding: 20px 0; margin:30px 0; } .blueFull { background: #26a57e; padding: 20px 0; margin:30px 0; } .redFull { background: #cd4129; padding: 20px 0; margin:30px 0; } .darkGrayFull { background: #474641; padding: 20px 0; margin:30px 0; } .greenFull { background: #005c42; padding: 20px 0; margin:30px 0; } .lightGrayFull { background: #ebebeb; padding: 20px 0; margin:30px 0; } .darkBlueFull { background:#2a3e49; padding:20px 0; margin:30px 0; } .defaultFull .contentRow { margin-top: 30px;} .limeGreenFull .contentRow { margin-top: 30px;} .orangeFull .contentRow { margin-top: 30px;} .blueFull .contentRow { margin-top: 30px;} .redFull .contentRow { margin-top: 30px;} .darkGrayFull .contentRow {margin-top: 30px;} .greenFull .contentRow {margin-top: 30px;} .lightGrayFull .contentRow {margin-top: 30px;} .darkBlueFull .contentRow {margin-top:30px;} /* ==================================================================================================================== * NEWS PAGE * ====================================================================================================================*/ .newsNav { width: auto; margin-bottom: 30px; } .newsNav .drop { margin-left: 0; height: 50px; padding: 10px 20px 10px; border: 1px solid #005c42; } .newsNav .drop li { list-style: none; float: left; } .newsNav .drop li label { margin: 0 20px; color: #005c42; text-decoration: none; cursor: pointer; } .newsNav .drop li:nth-child(1) a { margin-left: 0; font-weight: 700; } .newsNav .drop li a:hover { color: #ccc; text-decoration: underline; } ul.drop li.hover, ul.drop li:hover { position: relative; z-index: 599; cursor: default; text-decoration: underline; } ul.drop ul { visibility: hidden; position: absolute; top: 20px; left: 20px; z-index: 598; width: inherit; background: #fff; list-style: none; margin: 0; padding: 20px; } ul.drop ul li a { width: 100%; display: block; } ul.drop li:hover > ul { visibility: visible; } ul.drop li:nth-child(2) { float: left; width: inherit; } ul.drop li:last-child { float: left; width: inherit; } .news { margin-top: 30px; } .newsListingArticle { margin: 10px 0; display: inline-block; width: 100%; text-align:left; } .newsListingArticle:last-of-type { margin-bottom: 30px; } .newsListingArticle .newsListingTitle { margin-bottom: 5px; } .newsListingDate { color: #005c42;margin-bottom: 15px;margin-top:15px; } .newsListingTitle a { color: #005c42; font-weight: 700; font-size: 18px; line-height: 1.2em; text-decoration: none; } .newsListingSummary p { } .newsListingLink > a { float: right; color: #005c42; text-decoration: none; font-weight: 500; } .newsWrap > a.readMore { float: right; } input[type="checkbox"]#newsCategoryToggle { display: none; } input[type="checkbox"]#yearToggle { display: none; } .newsNav input[type="checkbox"]#newsCategoryToggle:checked { display: none; } .newsNav input[type="checkbox"]#yearToggle:checked { display: none; } .newsNav input[type="checkbox"]#newsCategoryToggle + label { display: block; } .newsNav input[type="checkbox"]#yearToggle + label { display: block; } .newsNav input[type="checkbox"]#newsCategoryToggle:checked ~ ul { display: none; } .newsNav input[type="checkbox"]#yearToggle:checked ~ ul { display: none; } #standard .news-hub .page-title h1 {color:#000; font-weight:700; display:inline-block;} #standard .news-hub .page-title h2 {color:#000; font-weight:300; display:inline-block; margin-left:20px;} #standard .news-hub .featured-listing .three-column .col4 {padding:0; position:relative;} #standard .news-hub .featured-listing .three-column .col4 a {display:inline-block;} #standard .news-hub .featured-listing .three-column .col4 a img{ position:relative; } #standard .news-hub .featured-listing .three-column .col4 .greenOverlay {background: #005c42;position:absolute; top:0; left:0; right:0; bottom:0;opacity: .5;} #standard .news-hub .newsListingTitle img {float:left;} @media only screen and (max-width: 580px) { /* section.widget { padding: 0 4%; } */ .catFilterWrapper .catFilter li { display: block; margin-bottom: 20px; } .catFilterWrapper .catFilter li:last-child { margin-bottom: 0; } .catFilterWrapper .catFilter li a { margin-left: 0; } } @media only screen and (max-width: 480px) { .newsNav .drop { height: 75px; } .newsNav .drop li { width: 100%; } } /* ==================================================================================================================== * DIRECTORY PAGE * ====================================================================================================================*/ .directory { margin-top: 30px; } .directoryLetters { margin: 20px auto 0; text-align: center; } .directoryLetters ul { list-style: none; margin: 0; } .directoryLetters li { display: inline-block; margin-right: 15px; } .directoryLetters li a { font-size: 21px; font-weight: 300; color: #005c42; text-decoration: underline; text-transform: uppercase; } .directoryLetters li a:hover { text-decoration: underline; } .directoryListing h2 { font-size: 28px; font-weight: 300; color: #FFF; margin-bottom: 10px; background: #005c42; padding: 3px 6px; display: block; width: 100%; text-transform: uppercase; } .dirWrap { display: inline-block; margin: 15px 0; min-height: 50px; width: 100%; } .dirWrap ul { margin-left: 1%; } .dirWrap li { list-style: none; margin: 0; } .dirWrap li a { color: #005c42; text-decoration: none; } .dirWrap li a:hover { text-decoration: underline; color: #ccc; } .dirName, .dirTitle, .dirDept, .dirOffice, .dirPhone, .dirEmail { margin-bottom: 10px; } @media only screen and (max-width: 580px) { .dirWrap ul { margin-left: 1.5%; } } /* ==================================================================================================================== * DIRECTORY DETAIL PAGE * ====================================================================================================================*/ .dirPhotoWrap h3 { font-size: 20px; } .dirPhotoWrap img { float: left; margin-right: 40px; margin-bottom: 40px; } .dirPhotoWrap { display: inline-block; min-height: 228px; width: 100%; clear:both; } .dirPhotoWrap ul { } .dirPhotoWrap li { list-style: none; margin-bottom: 0; } .dirPhotoWrap li:nth-child(2) {margin-bottom:20px;} /* .dirPhotoWrap li:nth-child(even) { margin-bottom: 20px; } */ .dirPhotoWrap li:last-child { margin-bottom: 20px; } .dirPhotoWrap .dirName { font-size: 20px; font-weight: 400; } .dirPhotoWrap .dirTitle { font-size: 14px; font-weight: 400; } .dirPhotoWrap .dirEmail a { color: #005c42; text-decoration: none; } .dirPhotoWrap .dirEmail a:hover { text-decoration: underline; color: #ccc; } .dirPhotoWrap .dirDept, .dirPhotoWrap .dirOffice, .dirPhotoWrap .dirOfficeHours, .dirPhotoWrap .dirPhone, .dirPhotoWrap .dirEmail { font-size: 17px; font-weight: 400; line-height: 1.4em; } @media only screen and (max-width: 580px) { .directoryDetail img { text-align: center; float: none; } .dirPhotoWrap { text-align: center; margin: 0 auto; } .dirPhotoWrap > ul { margin: 0 auto; width: 100%; text-align: center; } .dirPhotoWrap li { text-align: center; } .dirPhotoWrap .dirName, .dirPhotoWrap .dirTitle, .dirPhotoWrap .dirDept, .dirPhotoWrap .dirOffice, .dirPhotoWrap .dirOfficeHours, .dirPhotoWrap .dirPhone, .dirPhotoWrap .dirEmail { float: left; clear: both; } } /* ==================================================================================================================== * ABOVE THE FOOTER BAR / (YOUR FUTURE ELEVATED CALLOUT) * ====================================================================================================================*/ .prefooter { width: 100%; height: 340px;margin-top:30px; margin-bottom:-40px; background: url(../_images/above-footer-background-image.jpg)no-repeat; background-size: cover; background-position:center; position: relative; display: inline-block; } .prefooter .col12 { width: 100%; height: 341px; background-size: cover; position: relative; display: table; } .prefooter .defaultFull { background-color: rgba(255, 255, 255, 0.75); padding: 0; margin:0; } .prefooter .defaultFull.noOverlay { background-color: rgba(255, 255, 255, 0); } .prefooter .limeGreenFull { background-color: rgba(142, 157, 17, 0.75); padding: 0; margin:0; } .prefooter .orangeFull { background-color: rgba(208, 129, 42, 0.75); padding: 0; margin:0; } .prefooter .blueFull { background-color: rgba(38, 165, 126, 0.75); padding: 0; margin:0; } .prefooter .redFull { background-color: rgba(205, 65, 41, 0.75); padding: 0; margin:0; } .prefooter .darkGrayFull { background-color: rgba(71, 70, 65, 0.75); padding: 0; margin:0; } .prefooter .greenFull { background-color: rgba(0, 92, 66, 0.75); padding: 0; margin:0; } .prefooter .lightGrayFull { background-color: rgba(235, 235, 235, 0.75); padding: 0; margin:0; } .prefooter .darkBlueFull { background-color:rgba(42,62,73,0.75); padding:0; margin:0; } .prefooter .wrap { display: table-cell; vertical-align: middle; text-align: center; } .prefooter .textcontainer { max-width: 780px; margin: 0 auto; } .prefooter .wrap .textcontainer h2 { font-weight: 100; font-size: 3.750em; color: #000; margin-bottom: 20px; line-height:1em; } .prefooter .wrap .textcontainer h3 { font-weight: 300; font-size: 1.500em; color: #005c42; margin-bottom: 15px; } .prefooter .wrap .textcontainer h3 span { color: #cf9b2c; font-size: 28px; font-weight: 300; } .prefooter p { color: #000; font-size: 0.875em; line-height: 24px; } .prefooter .wrap .textcontainer .buttonContainer { margin: 15px auto 0; display: inline-block; clear: both; } .prefooter .wrap .textcontainer .buttonswrap { float: left; margin-right: 40px; } .prefooter .wrap .textcontainer .buttonswrap:last-of-type { margin-right: 0; } @media only screen and (max-width:767px) { .one-row .col6 {margin-bottom:15px!important;} .one-row .two-column .col6:last-of-type {margin:15px 0;} #standard.campaign .wysiwyg.col4 {margin:15px 0!important;} } @media only screen and (max-width:630px) { .prefooter .textcontainer { padding: 0 2%; width: 96%; } .prefooter .wrap .textcontainer h2 { font-size: 40px; } .prefooter .wrap .textcontainer h3, .prefooter .wrap .textcontainer h3 span { font-size: 18px; } .prefooter .wrap .textcontainer .buttonContainer { width: 100%; } .prefooter .wrap .textcontainer .buttonswrap { margin-right: 2%; } } @media only screen and (max-width:595px) { .prefooter .wrap .textcontainer h2 { font-size: 30px; margin-top: 36px; } .prefooter .wrap .textcontainer .buttonswrap { width: 100%; margin-bottom: 20px; } .prefooter .wrap .textcontainer .buttonContainer a.button { display: block; width: 100%; line-height: 47px; } } /* ==================================================================================================================== * COLORS * ====================================================================================================================*/ .limeGreen { background: #8e9d11; } .darkLimeGreen { background: #5F6900; } .orange { background: #d0812a; } .darkerOrange { background: #A95D0B; } .lightOrange { background: #FAB000; } .darkOrange { background: #CA8900; } .blue { background: #26a57e; } .darkBlue { background:#2a3e49; } .darkerBlue { background:#1d2b33; } .red { background: #cd4129; } .darkRed { background: #A02B15; } .gray { background: #E9E9E9; } .mediumGray { background: #d2d2d2; } .lightGray { background: #ebebeb; } .darkGray { background: #474641; } .darkerGray { background: #32312E; } .lightGreen { background: #26A57E; } .darkGreen { background: #13795A; } .green { background: #005c42; } .darkerGreen { background: #004331; } /* ==================================================================================================================== * FOOTER * ====================================================================================================================*/ footer { background: #474641; color: #fff; height: auto; min-height: 284px; width: 100%; position: absolute; margin:30px 0 0 0; } footer .col4 ul { margin-left: 28%; } footer .col4:first-child { margin-top: 25px; } footer .col4:nth-child(2), footer .col4:nth-child(3) { margin-top: 54px; } footer .col4:nth-child(3) ul {margin-left:20%;} footer .col4 li { display: block; list-style-image: none; /*18px*/ padding:2px 0; } footer .col4 li:first-child { color: #FFF; font-size: 1.125em; /*18px*/ font-weight: 700; } footer .col4 li a { color: #FFF; font-size: 1em; text-decoration: none; } footer .col4 li a:hover { text-decoration: underline; } footer .address { font-size: .875rem; float: left; display: block; margin-bottom: 5px; } footer .state { font-size: .875rem; float: left; display: block; margin-bottom: 5px; } footer a.phone { font-size: .875rem; float: left; display: block; margin-bottom: 5px; color: #FFF; } footer .address:after, footer .state:after { content: '|'; padding: 0 10px; } footer .address a, footer .state a, footer a.phone { color: #fff; text-decoration: none; } footer .address a:hover, footer .address a:focus, footer .state a:hover, footer .state a:focus, footer a.phone:hover, footer a.phone:focus { color: #fff; text-decoration: underline; } footer span.gold { padding: 0 5px; } .fa-3x { font-size: 2.5em; } .socialMedia { margin-top: 58px; } .socialMedia a { color: #FFF; } .socialMedia .fa-facebook, .socialMedia .fa-instagram { margin-right: 9%; } .socialMedia a span { font-size: 0; width: 0; height: 1px; position: absolute; overflow: hidden; z-index: -1000; } @media only screen and (max-width:1220px) { footer .one-row { padding: 0 1%; } } @media only screen and (max-width:1199px) { footer .address, footer .state, footer a.phone { width: 100%; display: block; text-align: center; font-size: 17px; } footer a.phone { margin-bottom: 20px; } footer .address:after, footer .state:after { content: ''; padding: 0; } .socialMedia { text-align: center; } } @media only screen and (max-width:800px) { footer .col4:nth-child(2) ul { margin-left: 5%; } footer .col4 ul { margin-left: 5%; } footer .col4 li { font-size: .925em; } } @media only screen and (max-width:580px) { .fa-3x { font-size: 2.5em; } footer .col4:nth-child(2) ul { margin-left: 0; } footer .col4:nth-child(2), footer .col4:nth-child(3) { margin-top: 20px; } footer .col4:nth-child(3) ul {margin-left: auto; margin-bottom:30px;} footer .col4 li { margin-bottom: 10px; } } /* ==================================================================================================================== * BUTTONS * ====================================================================================================================*/ .button { border: solid 1px #005c42; width: 168px; height: 50px; display: table-cell; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; color: #005c42; text-decoration: none; text-transform: uppercase; font-size: 18px; } .button:hover, .button.active { background: #005c42; color: #FFF; } /* ==================================================================================================================== * CSE SEARCH * ====================================================================================================================*/ .gs-result img.gs-image, .gs-result img.gs-promotion-image {border:0!important;} .gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * { font-size: 17px; line-height: initial!important; } .gsc-table-result { margin-top: 0!important; } .gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b {color: #005c42!important; font-weight:bold;} .gsc-results .gsc-cursor-box .gsc-cursor-page { border-color: #E9E9E9;background-color: #FFFFFF;color: #005c42!important; } .gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b {color:#005c42!important;} .gsc-results .gsc-cursor-box .gsc-cursor-page { color: #005c42!important; } /* ==================================================================================================================== * MEDIA QUERIES * ====================================================================================================================*/ @media only screen and (max-width:1010px) { /*ul { margin-left: 6px; }*/ .noScroll { overflow: hidden; position: fixed; } .Scroll { overflow-y: scroll; position: absolute; height: 100%; } /* HEADER */ header { min-height: inherit; position: fixed; top: 0; z-index: 2; } header .logo { float: none; margin: 0 auto; } /* Mobile Menu */ .mobileWrapper { display: -webkit-box; display: flex; display: -ms-flexbox; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-flow: column-reverse; -ms-flex-flow: column-reverse; float: left; width: 100%; } #mobile-header { display: block; float: left; width: 50px; margin-top: 21px; margin-left: 10px; color: #005c42; } .mobile-menu input[type="checkbox"] { display: none; } #menu-wrapper input[type="checkbox"] {opacity:0; display:block;} .main-content.search { margin-top: 75px; } /* menu Menu ---------------------------------------------------------- */ /*.utility ul, .toolsmenu { margin-top: -25px; }*/ #menu { display:none;} #mmenu { display:block; list-style: none; padding: 0; margin: 24px 0 0 24px; } #mmenu a { margin-left: 18px;text-decoration: none; font-size: 0.875em; font-weight:400;} #mmenu ul { list-style: none;} #mmenu li { position: relative; padding: 0; margin: 10px 0 10px 8px; text-indent: -18px } #mmenu li:last-of-type { padding-bottom: 0; } #mmenu li i { left: 0; top: 10px; } #mmenu li i:before { content: '\f068'; font-family: 'FontAwesome'; color: #005c42; } #mmenu li input[type=checkbox] { position: absolute; cursor: pointer; width: 25px; height: 25px; z-index: 1; opacity: 0; left:-27px; top:-2px;} #mmenu li input[type=checkbox]:checked ~ ul { margin-top: 0; max-height: 0; opacity: 0; display: none; } #mmenu li input[type=checkbox]:checked ~ i:before { content: '\f067'; font-family: 'FontAwesome'; color: #005c42; } #mmenu div ul { font-size: 1em; line-height: 1.5em; list-style: disc; margin-left: 3%; } #mmenu div li::-moz-list-bullet {font-size: 0.750em; margin-right: 5px;} /* Resources Menu */ #menu-wrapper #tm, #menu-wrapper #toggle { position: absolute; } .utility .toolbarcontent ul.toolbar { margin-top: 0; } .utility #toggleResources ~ .toolbarcontent { background: #fff; left: 0; } .utility #toggleResources ~ .toolbarcontent li, .utility #toggleResources ~ .toolbarcontent li a { color: #005c42; } .utility #toggleResources ~ .toolbarcontent ul.toolbar { margin-top: 0; } .utility .toolsmenu:hover input#toggleResources[type="checkbox"] ~ .toolbarcontent { display: none; } .utility .toolsmenu input#toggleResources[type="checkbox"]:checked ~ .toolbarcontent, .utility .toolsmenu:hover input#toggleResources[type="checkbox"]:checked ~ .toolbarcontent { display: block; } .toolsmenu.resources a { text-decoration: none; font-size: 0.875em; font-weight:400; } .toolsmenu.resources .fa.fa-caret-down { display: none; } .toolsmenu.resources .cont { display: inline; } .toolsmenu.resources { position: relative; padding: 0; margin: 0 0 25px 0; } .toolsmenu.resources:last-of-type { padding-bottom: 0; } .toolsmenu.resources input#toggleResources[type=checkbox] { position: absolute; cursor: pointer; width: 90%; height: 25px; z-index: 1; opacity: 0; left:5px; top:-2px;} .toolsmenu.resources input#toggleResources[type="checkbox"] ~ .toolbarcontent { display: none; } .toolsmenu.resources i { position: absolute; left: 14px; top: 2px; } .toolsmenu.resources i:before { content: '\f067'; font-family: 'FontAwesome'; color: #005c42; } .toolsmenu.resources input#toggleResources[type=checkbox]:checked ~ i:before { content: '\f068'; font-family: 'FontAwesome'; color: #005c42; } .toolsmenu.resources div ul { font-size: 1em; line-height: 1.5em; list-style: disc; margin-left: 3%; } .toolsmenu.resources div li::-moz-list-bullet {font-size: 0.750em; margin-right: 5px;} .utility { height: 0; margin: 0; } .utility ul li a .fa-wrench {display:none;} .utility input[type="checkbox"] ~ .toolbarcontent { display: block; } /* SEARCH MOBILE */ .searchMobile { position: absolute; display: table; float: right; text-align: right; width: 100%; top:20px; right:0; z-index:1; /* margin-top: -56px; */ } /* TOOLBAR MENU OPEN */ .searchMobile input[type=checkbox] { display: none; } .searchMobile label span { position: absolute; overflow: hidden; z-index: -1000; font-size: 0; height: 1px; } /* OPENS CHANGES ICONS */ .searchMobile input[type=checkbox] ~ label:before, .search input[type=checkbox]:checked ~ label:before { color: #005c42; content: '\f002'; font-family: 'FontAwesome'; font-size: 2em; background: #FFF; } /* OPENS DIV */ .searchMobile input[type=checkbox] ~ label { background: #FFF; color: #000; display: block; width: initial; float: right; margin-right: 10px; margin-top: 0; cursor: pointer; } .searchMobile input[type=checkbox]:checked ~ label ~ .searchMobilecontent { opacity: 0; height: 0; display: block; position: absolute; overflow-x: hidden; } /* DIV */ .searchMobile .searchMobilecontent { margin-top: 60px; background: #f2f1f1; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); transition-timing-function: cubic-bezier(0, 1, 0.5, 1); } .searchMobile .searchMobilecontent ul.toolbar { list-style: none; padding-left: 0; display: block; } .searchMobile .searchMobilecontent li { display: block; } .searchMobile .searchMobilecontent li a { color: #FFF; text-decoration: none; line-height: 2.5em; display: block; font-size: 0.875em; text-transform: initial; } /* SEARCH INPUT */ .searchMobile input[type=search] { border: 0; background: #EEE; padding: 14px 6px; width: 92%; float: left; } .searchMobile button[type=submit] { position: relative; background: #f2f1f1; border: none; color: #005c42; font-size: 1.125em; right: initial; top: initial; width: 45px; height: 45px; } .searchMobile::-webkit-input-placeholder { color: #005c42; padding-left: 0px; } .searchMobile:-moz-placeholder { color: #005c42; padding-left: 0px; } .searchMobile::-moz-placeholder { color: #005c42; padding-left: 0px; } .searchMobile:-ms-input-placeholder { color: #005c42; padding-left: 0px; } /* ==================================================================================================================== * STANDARD PAGE * ====================================================================================================================*/ /* WYSIWYG */ #standard .wysiwyg h1 { margin-top: 20px; } #standard .wysiwyg ul { margin-left: 25px; } } @media only screen and (max-width:767px) { /* GRID */ .col9, .col3 { width: 100%; } /* SEARCH TOGGLE */ #search-toggle { display: block !important; } /* MOBILE MENU RIGHT */ .mobile-right-menu { display: block; background: #eee; display: block; width: 100%; padding: 10px; margin: 28px 0; } /* MENU OPEN */ .mobile-right-menu input[type=checkbox] { display: none; } /* OPENS CHANGES ICONS */ .mobile-right-menu input[type=checkbox] ~ label:before { cursor: pointer; content: '\f107'; font-family: 'FontAwesome'; font-size: 1.125em; background: #eee; padding: 5px; cursor: pointer; } .mobile-right-menu input[type=checkbox]:checked ~ label:before { cursor: pointer; color: #005c42; content: '\f105'; font-family: 'FontAwesome'; font-size: 1.125em; background: #eee; cursor: pointer; } /* OPENS DIV */ .mobile-right-menu input[type=checkbox] ~ label { cursor: pointer; color: #005c42; display: block; font-size: 1.125em; text-transform: uppercase; } .mobile-right-menu input[type=checkbox]:checked ~ label ~ .mobilenav { cursor: pointer; color: #005c42; display: block; font-size: 1.125em; height: 0; display: none; text-transform: uppercase; } /* DIV */ .mobile-right-menu input[type=checkbox]:checked ~ .mobilenav { padding: 0; } .mobile-right-menu input[type=checkbox] ~ .mobilenav { padding: 20px; } .right-nav { margin: 0; } /* BREADCRUMBS */ .breadcrumbs { display: none; } .main-content.search { margin-top: 90px; } } @media only screen and (max-width:580px) { /* Header */ header { height: 58px; left: 0; padding: 0; width: 100%; z-index: 101; } header .logo { float: none; height: auto; margin: 0px auto 0 auto; width: 100%; position: relative; top: 0; text-align: center; z-index: 100; } header .logo a { display: block; } header .logo a img { max-width: 65%; } /* Mobile Header */ #mobile-header { margin-top: 11px; } #mobile-header #menu-toggle.anchor-link { top: 0; } .mobile-right-menu { margin: 0 0 28px 0; } /* SEARCH MOBILE */ .searchMobile { top:10px;/* margin-top: -34px; */ z-index:1;} .searchMobile input[type="checkbox"] ~ label::before, .search input[type="checkbox"]:checked ~ label::before { margin-right: 0px; } .searchMobile input[type="search"] { width: 85%; } .searchMobile .searchMobilecontent { margin-top: 48px; } .searchMobile input[type="search"] { padding: 14px 6px; } .searchMobile button[type="submit"] { width: auto; height: 45px; } /* Two Column Content Area */ #standard .two-column .col6 { margin: 0 4% 25px 0!important; padding: 32px 28px!important;} /* Three Column Content Area */ #standard .three-column .col4 { clear: both; margin: 0 0 20px 0; width: inherit; } #standard a.callToAction { margin-bottom: 20px; } /* Widgets */ section.events h2 { padding-top: 10px; } /* Footer */ footer img:first-of-type { margin-top: 18px; width:90%; } footer .address { text-align: center; color: #FFF; float: none; } footer .address a { color: #FFF; text-decoration: none; } footer .col4 ul { margin-left: 0; } footer .socialMedia { text-align: center; clear: both; } footer .col4 { text-align: center !important; } } /* ==================================================================================================================== * CAMPAIGN PAGE * ====================================================================================================================*/ #standard.campaign .fullImpact.desktop { display:block; } #standard.campaign .fullImpact.mobile { display:none; } #standard.campaign .fullImpact { height:auto; width:100%; display: inline-block; margin-bottom:16px; } #standard.campaign .darkGray { background:#232323; color:#fff; padding:32px 28px; } #standard.campaign .wysiwyg { line-height: 1.2} #standard.campaign .wysiwyg.col8 img { width:100%; height:auto; } /*#standard.campaign .wysiwyg.col4 { margin:30px 0 30px; }*/ #standard.campaign .two-column .col6.default.darkGray strong { font-size:34px; font-family: 'Roboto'; font-weight: 100!important; display: block; line-height: 1.4; } #standard.campaign .two-column .col6.default.darkGray h3 { color:#FFF!important; font-family: 'Roboto'; font-weight: 400!important; margin: 20px 0; } #standard.campaign footer .col4:nth-child(2) { text-align: center; margin-right:auto; margin-left:auto; margin-top:25px; float:none; } #standard.campaign #mobile-header { display: none; } #standard.campaign .two-column .col6.Default, #standard.campaign .two-column .col6.default {padding:0!important; margin-bottom:0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-flow:column wrap; flex-flow:column wrap;} #standard.campaign .textWrap { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; height:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #standard.campaign .textContainer { padding: 0 26px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-flow:column wrap; flex-flow:column wrap; width:100%;} #standard.campaign .campaignTitle { font-family: 'bebas_neuebold'; font-size: 60px;color: #FFF; text-align: center;line-height: 1.2; margin-bottom:0; padding-bottom:0;text-shadow: 0px 0px 6px #000000; } #standard.campaign .campaignText { font-family: 'Roboto'; font-weight: 500; font-size:24px; color:#FFF; text-align: center;line-height: 1.2; margin-top:0; padding-top:0; text-shadow: 0px 0px 6px #000000; } #standard.campaign .formContainer {padding-top: 48px; padding-left: 20px; padding-right: 20px; } #standard.campaign .formContainer h4 { font-size: 24px; font-weight: 400; color: #FFF; text-align: left; padding-left: 4%; } #standard.campaign .two-column { /*display: block;*/ margin:30px 0; } #standard.campaign .two-column .col6.default.slider { display:table-cell; } #standard.campaign .two-column.slider-wrapper { margin:30px 0;} #standard.campaign .formColor { background: rgba(71,70,64,0.9)!important; } #standard.campaign .formColor-impact { background: rgba(71,70,64,0)!important; } #standard.campaign .backImage { position: relative; z-index: 1; } #standard.campaign .formBackground { height:100%;background: rgba(71,70,64,0.9)!important; float:right; } #standard.campaign .col7 { height:100%; width:65.5%;} #standard.campaign .wrapperPosition { overflow:hidden; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-flow:row wrap; flex-flow:row wrap; position:absolute;width:100%; z-index: 100; top:0; right:0; bottom:4px; left:0; display: -webkit-box; display: -ms-flexbox; display: flex; background-size: cover; } #standard.campaign .wrapperPosition + img { position: relative; z-index: 1; } #standard.campaign .wrapperPosition > .one-row { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width:1220px; text-align: center; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:wrap; flex-wrap:wrap;} /*#standard.campaign ul { margin-left:20px; }*/ #standard.campaign footer { min-height:226px; } #standard.campaign footer .socialMedia { display: none!important;} /* Campaign Form */ #standard.campaign .fsBody { padding: 0 0% 0 2%; } #standard.campaign .fsForm .fsSubmit { background:transparent!important; padding: 20px 30px 20px 20px!important; } .fsboxshadow .fsBody .fsForm { background:transparent!important;} #standard.campaign .fsBody .fsSubField { width:48%; } #standard.campaign .fsBody .fsForm .fsRequiredLabel {color: #FFF!important;} #standard.campaign .fsBody .fsForm input[type=text].fsRequired, #standard.campaign .fsBody .fsForm input[type=file].fsRequired, #standard.campaign .fsBody .fsForm input[type=number].fsRequired, #standard.campaign .fsBody .fsForm input[type=email].fsRequired, #standard.campaign .fsBody .fsForm #standard.campaign input[type=tel].fsRequired, #standard.campaign .fsBody .fsForm textarea.fsRequired, #standard.campaign .fsBody .fsForm select.fsRequired { border:none!important; } #standard.campaign #field54992715 { width:100%!important; border-color:inherit;} #standard.campaign #field57910609 { padding:3px; width:95%; } #standard.campaign .fsSubmit input.fsSubmitButton {cursor:pointer; padding: 3px; margin: 0 auto; clear: both; background: transparent !important; color:#FFF!important; float:right; } #standard.campaign .fsForm .fsSubmit { margin-top:0px!important; } #standard.campaign div.fsError { display:none!important; } #standard.campaign .fsBody .fsFieldRow { clear: left; /*margin: 10px 0 10px;*/ margin:-6px 0;} #standard.campaign .fsFieldFocused { background-color:transparent!important; } #standard.campaign .fsEmbed .fsPage { text-align:left!important; } #standard.campaign .fsBody p { margin-top: 0; padding: 0; border: 0; vertical-align: baseline; color:#FFF!important; } #standard.campaign .prefooter { min-height:340px; height:inherit!important; } @media only screen and (max-width:1368px) { /*#standard.campaign .fullImpact { height:508px; }*/ #standard.campaign .formContainer { padding-top: 10px; padding-bottom:10px; padding-left: 20px; padding-right: 20px; } } @media screen and (max-width:1240px) { #standard.campaign .two-column.slider-wrapper { margin:30px 0; display: block;} /* #standard.campaign .two-column .col6.Default, #standard.campaign .two-column .col6.default { margin-bottom:30px; } */} @media only screen and (max-width:1180px) { #standard.campaign .fsRow.fsFieldRow.fsLastRow { margin:0!important; } #standard.campaign .fsBody .fsRowBody { padding:5px 0 5px 5px!important; } #standard.campaign .fsForm .fsSubmit { padding: 20px 16px 20px !important; } } @media screen and (max-width:1024px) { /*#standard.campaign .fsBody .fsSubField { width: 100%; } #standard.campaign .fsBody .fsForm input[type=text].fsRequired, #standard.campaign .fsBody .fsForm input[type=file].fsRequired, .fsBody .fsForm input[type=number].fsRequired, #standard.campaign .fsBody .fsForm input[type=email].fsRequired, .fsBody .fsForm input[type=tel].fsRequired, #standard.campaign .fsBody .fsForm textarea.fsRequired, #standard.campaign .fsBody .fsForm select.fsRequired { width:100%; } #standard.campaign .fsBody .fsSubField { margin:0px 5px 20px 0; } #standard.campaign .fsSubField.fsNameLast { margin:10px 5px -10px 0; } #standard.campaign .fsSubField.fsNameFirst { margin: 0px 5px -5px 0; } #standard.campaign .formContainer h4 { font-size: 14px; font-weight: 400; color: #FFF; margin-bottom: -5px; padding-bottom:5px;} #standard.campaign .fsForm .fsSubmit { padding: 5px 16px 20px 20px!important; } #standard.campaign .fsBody .fsForm .fsLabel, #standard.campaign .fsBody .fsForm .fsOptionLabel, #standard.campaign .fsBody .fsForm .fsMatrix th, .fsBody .fsForm .fsMatrixLabel { font-size:.725rem!important; } #standard.campaign .fsBody .fsForm input[type=text].fsField, #standard.campaign .fsBody .fsForm input[type=file].fsField, .fsBody .fsForm input[type=number].fsField, #standard.campaign .fsBody .fsForm input[type=email].fsField, .fsBody .fsForm input[type=tel].fsField, #standard.campaign .fsBody .fsForm textarea.fsField { padding:1px 4px!important; } header .logo-campaign {max-width: 275px!important; padding-left:1%;} #standard.campaign .fsEmbed .fsPage { margin-top:-20px; } #standard.campaign #field57910609 { padding: 1px 4px; } #standard.campaign .fsSubmit input.fsSubmitButton { font-size:12px!important; } #standard.campaign .fsRow.fsFieldRow.fsLastRow { margin:inherit; } .fsForm .fsSubmit { padding: 0 13px; } #standard.campaign .formContainer h4 { font-size:12px; margin-bottom:-27px; }*/ } @media screen and (max-width:1125px) { /*#standard.campaign .fullImpact.desktop { display:none; } #standard.campaign .fullImpact.mobile { display:block;margin-bottom:30px; height:342px;} #standard.campaign .fullImpact.mobile .col12 { height:100%; } #standard.campaign .fullImpact.mobile .col12.formColor { height:initial; } #standard.campaign .fullImpact.mobile .col12 img { -o-object-fit: cover; object-fit: cover; overflow: hidden; height:342px; width:100%;} #standard.campaign .fullImpact.mobile .textContainer { text-align: center; } #standard.campaign .fullImpact.mobile .fsBody .fsSubField { width: 48%!important; } #standard.campaign .fullImpact.mobile .fsSubField.fsNameLast { margin: 0px 5px -10px 0; } #standard.campaign .fullImpact.mobile .formContainer h4 { padding-left:2.5%; font-size:24px; } #standard.campaign .fullImpact.mobile .fsBody { margin-top:20px; margin-bottom: 0px; } #standard.campaign .fullImpact.mobile .formContainer { padding-top: 30px; } #standard.campaign .fullImpact.mobile .fsForm .fsSubmit { margin-bottom:0!important; } #standard.campaign .fullImpact.mobile .col12:last-of-type { margin-bottom:30px; }*/ #standard.campaign .col7, #standard.campaign .col4 { margin: 0; } #standard.campaign .col7 { background: rgba(71,70,64,0.9)!important; height: 379px; } #standard.campaign .wrapperPosition { display: block; position: relative; } #standard.campaign .wrapperPosition .col7 { width:100%; } #standard.campaign .wrapperPosition .col4 { width:100%; } #standard.campaign .wrapperPosition + img { position: absolute!important; top: 0; -o-object-fit: cover; object-fit: cover; overflow: hidden; height: 342px; width: 100%; } #standard.campaign .wrapperPosition > .one-row { display: block; } #standard.campaign .fullImpact .formContainer h4 { padding-left: 2.5%; font-size: 24px; } #standard.campaign .fullImpact .fsBody { margin-top:20px; margin-bottom: 0px; } #standard.campaign .fullImpact .fsBody .fsSubField { width: 48%!important; } #standard.campaign .fullImpact .fsSubField.fsNameLast { margin: 0px 5px -10px 0; } #standard.campaign .formColor-impact { background: rgba(71,70,64,0.9)!important; position: absolute; z-index: 1; } #standard.campaign .formColor-impact .campaignTitle { font-family: 'bebas_neuebold'; font-size: 60px; color: #FFF; text-align: center; line-height: 1.2; margin-bottom: 0; padding-bottom: 0; text-shadow: 0px 0px 6px #000000; } #standard.campaign .fsBody .fsForm input[type=text].fsRequired, #standard.campaign .fsBody .fsForm input[type=file].fsRequired, .fsBody .fsForm input[type=number].fsRequired, #standard.campaign .fsBody .fsForm input[type=email].fsRequired, .fsBody .fsForm input[type=tel].fsRequired, #standard.campaign .fsBody .fsForm textarea.fsRequired, #standard.campaign .fsBody .fsForm select.fsRequired { height:35px!important; } #standard.campaign .fsSubField.fsNameFirst input, #standard.campaign .fsSubField.fsNameLast input { width:100%!important; } #standard.campaign .fsBody .fsForm .fsSupporting { font-size: 11px!important; } #standard.campaign .fsSubmit input.fsSubmitButton {cursor:pointer; padding: 7px 14px!important; margin: 0 auto; clear: both; background: transparent !important; color:#FFF!important; float:right; } #standard.campaign .fsSubmit input.fsSubmitButton { padding: 3px; margin: 0 2.7vw 0 auto!important; clear: both; } #standard.campaign .formContainer { padding-left:28px; padding-right:inherit; } #standard.campaign .fsBody .fsSubField { width: 100%; } #standard.campaign .fsBody .fsForm input[type=text].fsRequired, #standard.campaign .fsBody .fsForm input[type=file].fsRequired, .fsBody .fsForm input[type=number].fsRequired, #standard.campaign .fsBody .fsForm input[type=email].fsRequired, .fsBody .fsForm input[type=tel].fsRequired, #standard.campaign .fsBody .fsForm textarea.fsRequired, #standard.campaign .fsBody .fsForm select.fsRequired { width:100%; } #standard.campaign .fsBody .fsSubField { margin:0px 5px 20px 0; } #standard.campaign .fsSubField.fsNameLast { margin:10px 5px -10px 0; } #standard.campaign .fsSubField.fsNameFirst { margin: 0px 5px -5px 0; } #standard.campaign .formContainer h4 { font-size: 14px; font-weight: 400; color: #FFF; margin-bottom: -5px; padding-bottom:5px;} #standard.campaign .fsForm .fsSubmit { padding: 5px 16px 20px 20px!important; } #standard.campaign .fsBody .fsForm .fsLabel, #standard.campaign .fsBody .fsForm .fsOptionLabel, #standard.campaign .fsBody .fsForm .fsMatrix th, .fsBody .fsForm .fsMatrixLabel { font-size:.725rem!important; } #standard.campaign .fsBody .fsForm input[type=text].fsField, #standard.campaign .fsBody .fsForm input[type=file].fsField, .fsBody .fsForm input[type=number].fsField, #standard.campaign .fsBody .fsForm input[type=email].fsField, .fsBody .fsForm input[type=tel].fsField, #standard.campaign .fsBody .fsForm textarea.fsField { padding:1px 4px!important; } header .logo-campaign {max-width: 275px!important; padding-left:1%;} #standard.campaign .fsEmbed .fsPage { margin-top:-20px; } #standard.campaign #field57910609 { padding: 1px 4px; } #standard.campaign .fsSubmit input.fsSubmitButton { font-size:12px!important; } #standard.campaign .fsRow.fsFieldRow.fsLastRow { margin:inherit; } .fsForm .fsSubmit { padding: 0 13px; } #standard.campaign .formContainer h4 { font-size:12px; } } @media only screen and (max-width:1010px) { #standard.campaign .fullImpact { margin-top:93px; } #standard.campaign header .logo-campaign {max-width: 275px; float:none;} #standard.campaign header .logo-campaign { margin:10px auto; text-align: center;} } @media only screen and (max-width:767px) { /*#standard.campaign .two-column { display:flex; }*/ #standard.campaign .two-column .col6.Default, #standard.campaign .two-column .col6.default { } #standard.campaign .two-column .col6.Default:nth-child(2), #standard.campaign .two-column .col6.default:nth-child(2) { margin-top:30px; } /*#standard .two-column .col6:last-of-type { width:100%!important; }*/ #standard.campaign .wysiwyg.col8 { width:100%!important; } #standard.campaign .wysiwyg.col4 { width:100%!important; } #standard.campaign .wysiwyg.col4 img { width:100%!important; } #standard.campaign .fullImpact.mobile .formContainer h4 { margin-bottom:initial; padding-left: 1.5vw; } #standard.campaign .formContainer { padding-left: 28px; padding-right: 16px;} } @media only screen and (max-width:690px) { #standard.campaign .fsForm .fsSubmit { /*padding: 20px 0vh 20px !important;*/} #standard.campaign .fsSubmit input.fsSubmitButton { margin: 0 2.5vw 0 auto!important; } } @media only screen and (max-width:580px) { #standard.campaign .fullImpact { margin-top:58px; } #standard.campaign header .logo-campaign img {max-width: 100%!important;} #standard.campaign .two-column .col6.default.slider { margin: 0 auto; } #standard.campaign header .logo-campaign { max-width:180px!important; } #standard.campaign footer img { } #standard.campaign .fsForm .fsSubmit { padding: 20px 0vh 20px !important; } #standard.campaign .fsSubmit input.fsSubmitButton { margin: 0 5vw 0 auto!important; } #standard.campaign .formContainer { padding-left:16px; padding-right: 16px;} } /* Slick Slider */ .slick-slider { position: relative; display: block!important; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0 } .slick-list:focus { outline: none } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .slick-track { position: relative; top: 0; left: 0; display: block } .slick-track:before, .slick-track:after { display: table; content: '' } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { display: none; float: left; height: 100%; min-height: 1px } [dir='rtl'] .slick-slide { float: right } .slick-slide img { display: block; } .one-column .slick-slide img { display: block; width: 100%; } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } .slick-arrow.slick-hidden { display: none } /* Slick Slider with Captions */ .slideCaptions .slick-slide img { width: 100%; } .slideCaptions .slick-prev { left: -5.5%; } .slideCaptions .slick-next { right: -5.5%; } .slideCaptions .slick-prev:before { background: url(../../_images/arrow-left-gray.png) no-repeat; } .slideCaptions .slick-next:before { background: url(../../_images/arrow-right-gray.png) no-repeat; } .slideCaptions ul.slick-dots > li button:before { color: #707070; opacity: .20; } .slideCaptions ul.slick-dots > li.slick-active button:before { opacity: 1; } #standard .slideCaptions .slick-dots { bottom: 0; margin-top: 24px; } .slideCaptions .slick-dots { position: relative; } .slideCaptions :not(.gray).bgColor, .slideCaptions :not(.gray).bgColor h2, .slideCaptions :not(.gray).bgColor h3, .slideCaptions :not(.gray).bgColor h4, .slideCaptions :not(.gray).bgColor p, .slideCaptions :not(.gray).bgColor a { color: #fff !important; } .slideCaptions .bgColor { padding: 32px 28px; } #standard .slideCaptions .captionWrapper.padded { margin-bottom: 0; } #standard .slideCaptions .captionWrapper.padded .captionWrap { padding: 0; } .slideCaptions.one-column .slick-slide img { margin-bottom: 19px; } @media only screen and (min-width:1011px) and (max-width:1400px) { .slideCaptions .slick-prev { left: -2%; } .slideCaptions .slick-next { right: -5.5%; } } @media only screen and (max-width:1010px) { .slideCaptions .slick-slide img { margin-bottom: 19px; } .slideCaptions .slick-prev { display: none !important; } .slideCaptions .slick-next { display: none !important; } } /* Slick Slider Theme */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('/_global/_fonts/slick.eot'); src: url('/_global/_fonts/slick.eot?#iefix') format('embedded-opentype'), url('/_global/_fonts/slick.woff') format('woff'), url('/_global/_fonts/slick.ttf') format('truetype'), url('/_global/_fonts/slick.svg#slick') format('svg') } .slick-prev, .slick-next { font-size: 0; line-height: 0; z-index: 1; height:50px;position: absolute; top: 50%; display: block; padding: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; border-radius: 50%; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1 } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25 } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 1.250em; line-height: 1; opacity: .75; color: white } .slick-prev { left: 15px; border-radius: 50%; } [dir='rtl'] .slick-prev { right: 15px; left: auto } .slick-prev:before { content: ''; background: url(../../_images/arrow-left.png) no-repeat; color: #fff; font-size: 24px; font-family: 'FontAwesome'; display: block; width: 32px;height: 32px; vertical-align: middle } [dir='rtl'] .slick-prev:before { content: ''; color: #7BAFD4; font-family: 'FontAwesome'; font-size: 4rem } .slick-next { right: 15px; border-radius: 50%; } [dir='rtl'] .slick-next { right: auto; left: 0px } .slick-next:before { content: ''; background:url(../../_images/arrow-right.png) no-repeat; color: #fff; font-size: 24px; font-family: 'FontAwesome'; display: block; width: 32px; height: 32px; vertical-align: middle } [dir='rtl'] .slick-next:before { content: ''; color: #7BAFD4 } .slick-dotted.slick-slider { margin: 20px auto } #standard .slick-dots { bottom:15px; } .slick-dots { position: absolute; bottom: -10px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; margin-left:0!important; } .slick-dots li { position: relative; display: inline-block; margin: 0; padding: 0; cursor: pointer } #standard.campaign .slick-dots li { position: relative; display: inline-flex; justify-content: center; align-items: center; margin: 0; padding: 0; cursor: pointer } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent } .slick-dots li button:hover, .slick-dots li button:focus { outline: none } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1 } .slick-dots li button:before { font-family: 'slick'; font-size: .375em; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: ' '; text-align: center; opacity: .55; color: white } .slick-dots li.slick-active button:before { opacity: .75; color: white } ul.slick-dots > li button:before { font-size: .675rem; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '\2022'; text-align: center; color: #ccc } ul.slick-dots li:before { content: '' } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent } ul.slick-dots > li button:before { font-size: 35px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '\2022'; text-align: center; color: #ccc } /* FIXING JUICER FEED */ .juicer-feed.slider .slick-prev:before, .juicer-feed.slider .slick-next:before { background:none!important; } .juicer-feed.slider .slick-prev:before { background:none!important; } @media screen and (max-width:580px) { .slick-next { right:15px; } .slick-prev { left:15px; } #standard.campaign .slider {width:104%; margin-left:-10px; overflow-x:hidden; margin-right:0; } } /*-------------------------------------------------------------*/ /*GLOBAL NEWS-HUB STYLES*/ .news-hub .one-row:after{ content:"";display:block;clear:both; } .news-hub .sectionHeader{ background:#ebebeb;width:100%;padding:10px 15px;margin-top:10px; } .news-hub .sectionHeader h3.heading{ display:inline-block;font-family: 'bebas_neuebold';font-weight:normal;font-size:1.825em;line-height: 1.25em;margin-bottom:0;color:#252525;font-smoothing: antialiased;-webkit-font-smoothing:antialiased; } .news-hub .sectionHeader span.subHead{ font-family: 'Roboto'; font-weight: 300;font-size:1.125em;color:#252525;margin-left:10px; } .news-hub a.viewAll{ font-family: 'Roboto'; font-weight: 500;text-transform: uppercase;color:#005c42;margin: 10px 0px;float:right; } .news-hub a.viewAll:hover{ text-decoration: underline; } .news-hub a.viewAll:after{ display:inline-block;content:"\f101";font-family: "FontAwesome";margin-left:5px; } .news-hub a.viewAll.mob-only{ display:none; } .news-hub .columns{ margin-bottom:50px; } .news-hub .columns a{ text-decoration: none; } .news-hub .columns a h4{ font-family: 'Roboto'; font-weight: 700;font-size:1.125em;line-height: 1.25em;color:#252525;margin-top:15px;text-decoration: none; } .news-hub .columns p.newsDate{ font-size:.875em; } .news-hub .columns img{ width:100%;margin-top:20px; } .news-hub .columns.trending{ padding:20px 15px 15px 15px;background:#ebebeb; } .news-hub .columns.trending .sectionHeader{ margin-top:0;padding: 10px 5px; } .news-hub .columns.trending .one-row .overlay{ position:relative; } .news-hub .columns.trending .one-row .overlay img{ margin:0;display:block; } .news-hub .columns.trending .one-row .cover{ position:absolute;top:0;right:0;bottom:0;left:0; } .news-hub .columns.trending .one-row > div:first-child a .overlay .cover{ background:rgba(0,92,66,.75); } .news-hub .columns.trending .one-row > div:nth-child(2) a .overlay .cover{ background:rgba(205,155,44,.75); } .news-hub .columns.trending .one-row > div:last-child a .overlay .cover{ background:rgba(38,165,126,.75); } .news-hub .inTheNews .sectionHeader, .news-hub .followUs .sectionHeader { background:none;padding-left:0; } .news-hub .trending .sectionHeader{ padding-left:0;margin-bottom:20px; } .news-hub .columns .inTheNews .article{ margin-top: 20px; } .news-hub .columns .inTheNews .article .blurb{ padding:4% 10px; } .news-hub .columns .inTheNews .article .blurb a.headline{ font-size: 1.125em;line-height:1.5em;color:#252525; } .news-hub .columns .inTheNews img{ width:100%;margin-top:0px; } .news-hub .followUs ul.juicer-feed.loaded{ max-height:500px;overflow-y:scroll; } .news-hub .columns .athletics{ display:flex;display: -ms-flex;display: -moz-flex;display: -webkit-flex; } .news-hub .columns .athletics > div{ margin-top:25px;max-width:31%;display:flex;display: -ms-flex;display: -moz-flex;display: -webkit-flex; } .news-hub .columns .athletics div a{ display:block;width:100%;padding:25px 30px 40px 30px;background:#005c42;text-transform: uppercase; } .news-hub .columns .athletics div a > h4{ font-size:1.5em;font-family: 'bebas_neuebold';font-weight:normal;letter-spacing: 1px;line-height: 1.25em;color:#ffffff; } .news-hub .columns .athletics div a > span.date{ font-size: .875em;font-family: 'Roboto'; font-weight: 400;color:#ffffff; } .news-hub .col3.right{ padding-right:10px; } /*END GLOBAL NEWS-HUB STYLES*/ /*NEWS HUB NAVIGATION*/ .news-hub .newsNav{ background:#ebebeb;width:100%;margin-bottom: 10px;margin-top:10px; } .news-hub .newsNav:after{ content:"";display:block;clear:both; } .news-hub .newsMenu{ position:relative;float:left;background:#005c42;width:26%; } .news-hub .newsMenu label{ float:left;margin:10px;font-family: 'bebas_neuebold';font-size: 1.75em;text-transform: uppercase;letter-spacing: .75px;color:#ffffff;cursor:pointer; } .news-hub .newsMenu input[type="checkbox"] + label:before{ content:"\f0c9";font-family: "FontAwesome";color:#ffffff;margin:0 15px 0 10px;font-size:1.45rem; } .news-hub .newsMenu input[type="checkbox"]:checked + label:before{ content:"\f00d"; } .news-hub .newsMenu input[type="checkbox"]:checked + label + .categoriesDrop{ display:block; } .news-hub .newsMenu a.home{ display:block;float:right;padding:12px 15px 13px 15px;background:#26745e;color:#ffffff; } .news-hub .newsMenu a.home > i{ font-size: 1.25em;margin-top: 3px;display: inline-block;margin-left: 2px; } .news-hub .categoriesDrop{ position:absolute;top:48px;left:0;padding:25px;background:#005c42;min-width:425px;z-index:9999;display:none; } .news-hub .categoriesDrop .catMenu{ border-right:1px solid #26745e; } .news-hub .categoriesDrop ul{ margin-left: 0;list-style: none; } .news-hub .categoriesDrop ul li{ margin-bottom:3px; } .news-hub .categoriesDrop ul li a{ text-decoration:none;color:#ffffff; } .news-hub .categoriesDrop span.menuHeading{ font-family: 'bebas_neuebold';color: #ffffff;font-size: 1.25em;letter-spacing: .8px;padding-left:10px;margin-bottom: 10px;display: inline-block; } .news-hub .categoriesDrop span.menuHeading + ul{ padding-left:10px;font-size: .85em; } .news-hub .categoriesDrop span.menuHeading + ul li{ margin-bottom:5px; } .news-hub .categoriesDrop span.menuHeading + ul li a:before{ content:"\f105";font-family: "FontAwesome";color:#ffffff;margin-right:5px; } .news-hub .newsSearch{ float:left;background:#eeeeee;width:74%;text-align: right; } .news-hub .newsSearch .searchcontent{ margin:10px; } .news-hub .newsSearch .searchcontent input[type=search]{ padding:0;width:auto;text-align: right;width:70%; } /* NEWS-HUB FEATURE ARTICLE PAGE*/ #standard .news-hub.feature .detail .sectionHeader h1.heading { text-transform: uppercase;font-family: 'bebas_neuebold';font-size:4.75rem;line-height: 1em;text-align: center;letter-spacing: 0px; } #standard .news-hub.feature .fullImpact { height:auto;max-width:99999px; } #standard .news-hub.feature .detail .sectionHeader span.subtitle { display: block;text-align: center;margin-bottom: 30px;font-size: 1.5rem;font-weight: 700;color: #005c42; } #standard .news-hub.feature .image-caption .caption { font-style: italic;font-size: .85rem;padding: 10px 0;line-height: 1.25rem; } @media only screen and (max-width:1550px) { /*#standard .news-hub.feature .detail .sectionHeader h1.heading { font-size: 8vw; }*/ /*#standard .news-hub.feature .detail .sectionHeader span.subtitle { font-size: 2.25vw; }*/ } @media only screen and (max-width:1280px) { .news-hub .landing > .wrapper:not(.newsNav){ padding:0 20px; } } @media only screen and (max-width:1240px) { .news-hub .newsNav{ width:98%;margin:0px 1% 0 1%; } /*#standard .news-hub.feature .detail .sectionHeader h1.heading { font-size: 8.5vw; }*/ /*#standard .news-hub.feature .detail .sectionHeader span.subtitle { font-size: 3vw; }*/ #standard .news-hub.feature section.wrapper{ margin-left:20px;margin-right:30px; } } @media only screen and (max-width:1010px) { /*#standard .news-hub.feature .detail .sectionHeader h1.heading { font-size: 8.75vw; }*/ .news-hub .newsSearch .searchcontent{ margin:15px; } .news-hub .newsSearch .searchcontent button{ display:none; } .news-hub .newsNav{ margin-top:100px; } .news-hub.feature .fullImpact + .newsNav{ margin-top:10px; } .news-hub .newsMenu{ width:37%; } .news-hub .newsSearch{ width:63%; } .news-hub .inTheNews a.viewAll{ display:none; } .news-hub .inTheNews a.viewAll.mob-only{ display:block;float:none;margin-top:15px; } } @media only screen and (max-width:720px) { .news-hub .sectionHeader a.viewAll{ display:none; } .news-hub .sectionHeader span.subHead{ display: block;margin-top:2px;margin-left:0; } .news-hub a.viewAll.mob-only{ display:block;float:none;margin: 0px 0px 25px 0;font-size: 1em; } .news-hub .featured a.viewAll.mob-only{ margin-top:25px; } .news-hub .athletics + a.viewAll.mob-only, .news-hub .trending a.viewAll.mob-only{ margin-top: 30px;margin-bottom: 35px; } .news-hub .newsMenu{ width:100%;float:none; } .news-hub .newsMenu input[type="checkbox"] + label:before{ content: "\f196"; } .news-hub .newsSearch{ width:100%;float:none; } .news-hub .newsMenu:after, .news-hub .landing .newsSearch:after, .news-hub .landing .newsSearch .searchcontent:after{ content:"";display:block;clear:both; } .news-hub .newsSearch .searchcontent{ position:relative;height: 35px; } .news-hub .newsSearch .searchcontent input[type=search]{ width:100%;padding: 6px;text-align: left;direction: LTR; } .news-hub .newsSearch .searchcontent button{ display:none;position: absolute;top:0px;right:0px; } .news-hub .columns.trending .one-row > div.col4:not(:last-child){ margin-bottom:30px; } .news-hub .columns .athletics{ display: block; } .news-hub .columns .athletics > div.col4{ display: block;width:100%;max-width:100%;margin-right:0; } /*.news-hub .columns .athletics div a{ text-align:center; }*/ .news-hub .inTheNews a.viewAll.mob-only{ margin-top:5px;margin-bottom:35px; } #standard .news-hub.feature .detail .sectionHeader h1.heading { font-size: 3.25rem; } #standard .news-hub.feature .detail .sectionHeader span.subtitle { font-size: 1.75rem; } } @media only screen and (max-width:580px) { header .logo a img { max-width: 254px; } .news-hub .newsNav{ width:92%;margin:100px 4% 0 4%; } .news-hub.feature .fullImpact + .newsNav{ margin-top:10px; } .news-hub.feature .newsNav { margin-bottom: 30px; } .news-hub .categoriesDrop{ min-width:100%; } .news-hub .categoriesDrop .catMenu{ border: none;border-bottom: 1px solid #26745e;margin-bottom: 15px; } .news-hub .categoriesDrop span.menuHeading{ margin-top:20px;padding-left:0; } .news-hub .categoriesDrop span.menuHeading + ul{ padding-left: 0px; } .news-hub .columns .inTheNews .article .blurb{ padding:0% 10px 20px 0px; } .news-hub .columns.trending { padding: 20px 20px 15px 20px; } .news-hub .columns.trending .sectionHeader{ padding: 10px 0px; } } @media only screen and (max-width:375px) { header .logo a { max-width: 205px; } header .logo a img { max-width: 205px; } } /*END NEWS HUB NAVIGATION*/ /*NEWS LANDING IMPACT/SLIDER*/ .news-hub .newsImpact.slider { margin-bottom: 40px; } .news-hub .newsImpact.slider .slick-dots{ display:none!important; } .news-hub .newsImpact.slider .slick-prev:before, .newsImpact.slider .slick-next:before{ background:none!important; } .news-hub .newsImpact.slider .slick-prev:before{ content:"\f104";font-family:"FontAwesome";font-size: 3rem; } .news-hub .newsImpact.slider .slick-next:before{ content:"\f105";font-family:"FontAwesome";font-size: 3rem; } .news-hub .newsImpact.slider .slide{ position: relative; } .news-hub .newsImpact.slider .slide > img{ width:100%; } .news-hub .newsImpact.slider .overlay{ position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto auto;text-align: center;height: 45%; } .news-hub .newsImpact.slider .overlay .sliderHeading{ display:block;font-family: 'bebas_neuebold';font-size:5em;color:#ffffff;line-height: 1em;text-shadow: 2px 2px #000000; } .news-hub .newsImpact.slider .overlay .sliderSubheading{ display:block;font-family: 'Roboto';font-weight: 400;font-size:1.5em;margin:auto;margin-top:15px;color:#ffffff;max-width:90%;text-shadow: 1px 1px #000000; } .news-hub .newsImpact.slider .overlay a.btnLrg { color: #005c42;background: rgba(255,255,255,.75);display: inline-block;padding: 10px 20px;margin-top: 30px;text-decoration: none;text-transform: uppercase;font-size: .8em; } .news-hub .landing .col4:not(:last-child){ margin-right:3.5%; } .news-hub .columns .col6:not(:last-child){ margin-right:4%; } .news-hub .landing .recent{ display: -ms-flex;display: -moz-flex;display: -webkit-flex;display: flex;flex-direction: column;-webkit-flex-direction: column;padding-top:20px; } .news-hub .landing .recent .recentImage{ display: -ms-flex;display: -moz-flex;display: -webkit-flex;display: flex;-webkit-align-items: flex-end;align-items: flex-end;flex: 1 auto;flex-wrap: wrap;width:100%;max-height:350px;overflow:hidden } .news-hub .landing .recent .recentImage a{ display:block;max-width:100%; } .news-hub .landing .recent p.newsDate { margin-bottom: 0; } .news-hub .landing .recentRow{ 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; } @media only screen and (max-width:960px) { .news-hub .newsImpact.slider .overlay .sliderHeading{ font-size:3.35em; } .news-hub .newsImpact.slider .overlay .sliderSubheading{ font-size:1.25em; } } @media only screen and (max-width:720px) { .news-hub .newsImpact.slider .slick-prev, .newsImpact.slider .slick-next{ top:27%; } .news-hub .newsImpact.slider .overlay{ position: relative;display:block;background:#ebebeb;padding:30px 15px;min-height:290px; } .news-hub .newsImpact.slider .overlay .sliderHeading{ font-size:2.5em;color:#005c42;text-shadow:none; } .news-hub .newsImpact.slider .overlay .sliderSubheading{ font-size:1rem;line-height:1.25em;color:#000000;text-shadow:none; } .news-hub .newsImpact.slider .overlay a.btnLrg{ font-family: 'bebas_neuebold';font-size:1.25rem;background: none; } .news-hub .newsImpact.slider .overlay a.btnLrg:after{ content:"\f101";font-family: "FontAwesome";font-size:1em;margin-left:5px;color:#005c42; } .news-hub .newsImpact.slider .slide { position: relative;overflow: hidden; } .news-hub .newsImpact.slider .slide > img{ min-height: 250px;width: 100%;max-width: 9999px;position: relative;object-fit:cover; } .news-hub .landing .recent{ padding-top:0; } .news-hub .landing .recent p.newsDate{ margin-bottom:10px; } .news-hub .landing .featured .one-row .col6:not(:last-child){ margin-bottom:40px!important; } } @media only screen and (max-width:380px) { .news-hub .newsImpact.slider .overlay { min-height: 325px; } } /*END NEWS LANDING IMPACT/SLIDER*/ /*NEWS LISTING PAGE*/ .news-hub .listing .sectionHeader{ background:none;padding:10px 0px; } #standard .news-hub .listing .sectionHeader h1.heading{ display:inline-block;font-family: 'bebas_neuebold';font-size:2.5em;line-height: 1.25em;margin-bottom:0;color:#005c42;padding-left:0px; } #standard .news-hub .listing .sectionHeader span.subHead{ font-family: 'Roboto';font-weight: 300;font-size:1.25em;margin-left:10px;color:#252525; } .news-hub .topThree{ margin:10px 0 50px 0;padding-left: 0px; } .news-hub .topThree > div.col4{ position: relative;margin-bottom:25px;max-height: 212px;overflow: hidden; } .news-hub .topThree > div.col4:not(:last-child){ margin:0 3.5% 25px 0; } .news-hub .topThree > div.col4 a{ display:block; } .news-hub .topThree > div.col4 img.newsImage{ display:block;width:100%; } .news-hub .topThree > div.col4 .overlay{ position: absolute;top:0;right:0;bottom:0;left:0;margin:auto;padding: 50px 15px 0px 15px;background:rgba(0,92,66, .75);text-align: center; } .news-hub .col9 .topThree > div.col4 .overlay{ padding-top: 25px; } .news-hub .topThree > div.col4 .overlay > h2{ font-family: 'Roboto';font-weight: 400;font-size:1.5em;line-height:1.75rem;margin:0;color:#ffffff;text-transform: uppercase; } /*.news-hub .topThree.bottom > div.col4 .overlay > h2{ font-size:1.25em; }*/ .news-hub .topThree > div.col4 .overlay > p.newsDate{ color:#ffffff; } .news-hub .listing .newsListingArticle { margin: 10px 0 35px 0; } .news-hub .listing .newsListingTitle a, .news-hub .listing .newsListingSummary p, .news-hub .listing .newsListingDate{ color:#252525; } .news-hub .listing .newsListingTitle a{ font-size:1.125em; } .news-hub .listing .newsListingSummary p{ margin-bottom:5px; } .news-hub .listing .newsListingDate{ font-size:.875em; } @media only screen and (max-width:1240px) { #standard .news-hub .listing .sectionHeader h1.heading { padding-left: 15px; } .news-hub .listing .newsListingContainer, .news-hub .listing.sectionHeader{ padding:0px 15px; } .news-hub .topThree > div.col4 .overlay > h2 { font-size: 1.5em; } .news-hub .topThree{ padding-left: 15px;padding-right:15px; } } @media only screen and (max-width:1040px) { .news-hub .topThree > div.col4 .overlay { padding-top: 30px; } } @media only screen and (max-width:960px) { .news-hub .topThree > div.col4 .overlay{ padding:10px; } .news-hub .topThree > div.col4 .overlay > h2 { font-size: 1.25em; } .news-hub .topThree > div.col4 .overlay { padding-top: 8%; } .news-hub .columns .recent a h4{ word-wrap:break-word; } } @media only screen and (max-width:768px) { .news-hub .topThree > div.col4 .overlay{ padding:15%; } .news-hub .col3.right{ padding-left:10px; } .news-hub .sectionHeader{ padding:10px; } .news-hub .featured .sectionHeader{ margin-bottom:20px; } #standard .news-hub .listing .sectionHeader span.subHead{ margin-left:0;padding-left:10px;margin-top:5px; } .news-hub .topThree{ padding:10px;padding-top:30px;background:#eeeeee; } .news-hub .topThree > div.col4{ width:100%; } .news-hub .topThree > div.col4 .overlay > h2 { font-size: 1.75em; } .news-hub .topThree > div.col4 .overlay { padding-top: 9%; } .news-hub .listing .newsListingContainer{ padding:10px; } .news-hub .listing .newsListingArticle{ margin-bottom:30px; } .news-hub .listing .newsListingArticle img.newsImage{ width:100%; } .news-hub .listing .newsListingSummary{ margin-top:12px; } .news-hub .listing .newsListingDate{ margin-top:18px; } } @media only screen and (max-width:580px) { /*.news-hub .listing.newsNav { width: 100%;margin: 100px 0% 0 0%; }*/ .news-hub .listing.newsListingContainer, .news-hub .listing.sectionHeader{ padding:0px; } .news-hub .topThree > div.col4 .overlay > h2 { font-size: 1.25em; } .news-hub .listing .newsListingTitle{ margin-top:20px; } .news-hub .landing .columns img { width: 100%;margin-top:0px;margin-bottom: 10px; } .news-hub .landing .columns .recent img { margin-bottom: 30px; } .news-hub .inTheNews .sectionHeader{ background:#ebebeb;padding-left:10px; } } @media only screen and (max-width:420px) { .news-hub .topThree > div.col4 .overlay { padding-top: 15%; } } /*END NEWS LISTING PAGE*/ /* NEWS HUB DETAIL PAGE*/ /*.news-hub .detail .newsNav{ width:100%;margin-left:0;margin-right:0; }*/ .detail.wrapper:after { clear: both;display: block;content: ""; } #standard .news-hub .hero.col12{ margin-top: 30px;float:none; } /*#standard .news-hub .hero:before { border: 1px solid #c4d6cf;bottom: 6%;content: '';display: block;left: 4.5%;opacity: 1;position: absolute;right: 4.5%;top: 4%; }*/ #standard .news-hub .wrapper h1 { padding-left:0;margin-top:30px; } .news-hub .hero{ margin-top:20px; } .news-hub .hero > img { width: 100%; } .news-hub .newsImpact.detail{ margin-top:20px; } .news-hub .newsImpact.detail > img{ width:100%;margin-top:10px; } .news-hub .detail .sectionHeader{ background: none;padding:10px 0; } #standard .news-hub .detail .sectionHeader h1.heading{ font-size: 2.625em;color:#005c42; } .news-hub .detail .newsArticle .authorInfo, .news-hub .detail .newsArticle .newsDate{ font-weight:700;display: block; } .news-hub .detail .newsArticle .newsDate{ margin-top:10px; } .news-hub.feature .newsNav { margin-bottom: 40px; } .news-hub .detail .newsShare{ margin:20px 0;margin-bottom:20px; } .news-hub .detail .newsShare span.share{ font-size: 1.5em;font-weight: 300;text-transform: uppercase; } .news-hub .detail .newsShare .addthis_toolbox{ display:inline-block;margin-left:15px; } .news-hub .detail .newsListingCategory{ margin:15px 0 35px 0; } .news-hub .detail .newsListingCategory span.newsCat{ display: inline-block;margin-right:10px;margin-bottom:10px;padding:10px 15px;font-weight:700;color:#005c42;background:#ebebeb;text-decoration: none;text-transform: lowercase; } .news-hub .detail .topThree{ margin-top:30px; } .news-hub .detail .topThree.bottom{ padding:0;margin:10px 0 30px 0;padding-left: 0px; } @media only screen and (max-width:1240px) { .news-hub:not(.feature) .detail.wrapper, .newsArticle > .col12 > .wrapper, #standard .news-hub.feature .detail .sectionHeader span.subtitle, .mediaInfo.wrapper { padding: 0px 4%; } /*#standard .news-hub .hero.col12 { padding: 0 10px; }*/ } @media only screen and (max-width:960px) { #standard .news-hub .detail .sectionHeader h1.heading{ font-size: 2.25em; } } @media only screen and (max-width:768px) { .news-hub .detail .topThree.bottom{ padding: 30px 10px 5px 10px;background:none; } .news-hub.feature .fullImpact > img { height: auto;min-height: 250px;max-width: 99999px;width: 100%;position: relative;object-fit: cover; } } @media only screen and (max-width:580px) { .news-hub .detail .newsNav { width: 100%;margin: 100px 0% 0 0%; } .news-hub .detail .newsListingContainer, .news-hub .detail .sectionHeader{ padding:0px; } } /*END NEWS HUB DETAIL PAGE*/ /* CHAT BOT */ iframe#cwlChat { bottom: 120px !important; top: auto !important; }