/* ======================================================================================================================== * 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 * BebasNeue Bold Dark Gray - #474641 Dark Blue - #2a3e49 * BebasNeue Book * BebasNeue Light * BebasNeue Regular * BebasNeue Thin * ========================================================================================================================*/ /* 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('/_global/fonts/Roboto-regular/Roboto-regular.eot?#iefix[/system-asset]') format('embedded-opentype'), local('asdfasdfaf'), local('asdfasdfaf'), url('/_global/fonts/Roboto-regular/Roboto-regular.woff2[/system-asset]') format('woff2'), url('/_global/fonts/Roboto-regular/Roboto-regular.woff[/system-asset]') format('woff'), url('/_global/fonts/Roboto-regular/Roboto-regular.ttf[/system-asset]') format('truetype'), url('/_global/fonts/Roboto-regular/Roboto-regular.svg#Roboto[/system-asset]') 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(''); 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(''); 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'); } /* Bebas Neue Font*/ @font-face { font-family: 'bebas_neuebold'; src: url('../fonts/bebasneue_bold-webfont.woff2') format('woff2'), url('../fonts/bebasneue_bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bebas_neuebook'; src: url('../fonts/bebasneue_book-webfont.woff2') format('woff2'), url('../fonts/bebasneue_book-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bebas_neuelight'; src: url('../fonts/bebasneue_light-webfont.woff2') format('woff2'), url('../fonts/bebasneue_light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bebas_neue_regularregular'; src: url('../fonts/bebasneue_regular-webfont.woff2') format('woff2'), url('../fonts/bebasneue_regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bebas_neuethin'; src: url('../fonts/bebasneue_thin-webfont.woff2') format('woff2'), url('../fonts/bebasneue_thin-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } .mobOnly { display:none; } /* ==================================================================================================================== * GLOBAL ELEMENTS * ====================================================================================================================*/ body { font-family: 'Roboto', sans-serif; font-size: 100%; } 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 */ .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: 16px; 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: 1em; 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; } .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%; } /* .contentRow { padding: 0 2%; } */ } .contentRow ol { list-style-type:decimal!important; list-style-position: outside; margin-left:35px;} /* 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 * ====================================================================================================================*/ .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:1010px) { .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: 16px; } } @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; } .emergLink { text-decoration: none; } .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: 16px; } } .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,.9); height:75px; } @media only screen and (max-width:1010px) { #standard .emergency { position:fixed; top:94px; } } @media only screen and (max-width:580px) { #standard .emergency { position:fixed; top:58px; } } /* FULL IMPACT HOME */ .mainImpact { clear: both; } @media only screen and (max-width:1010px) { .mainImpact { margin-top: 80px!important; } } @media only screen and (max-width:580px) { .mainImpact { margin-top: 50px!important; } } .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 { background-color:#000; width: 100%; height: calc(100vh - 142px)!important; background-size: cover; position: relative; clear: both; display:block; background-position: top center; } /*REMOVED max-height:880px;*/ .fullImpactHome .content { text-align:center; text-shadow: 2px 2px #000000;} .fullImpactHome .transparent { background-color:transparent!important; border-color:#FFF!important; text-align:center; } .fullImpactHome .transparent:hover { background-color:#005c42!important; border-color:#005c42!important; } .fullImpactHome .textBox a.scroll { display:block; } .fullImpactHome .fa-angle-double-down { color:#FFF; font-size:48px; display:block; cursor:pointer; margin-top:30px;} .fullImpactHome .textBox { background:transparent; max-width: 999999px !important; max-height: 999999px !important; bottom:initial; width: 100%; height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 24px 50px 0 32px; } .fullImpactHome .textBox h2.title { font-size: 95px; font-family: 'bebas_neuebold'; color: #FFF; font-weight: 100; line-height: 1.0; margin-bottom: 0px; clear: both; padding-top:0; text-align:center;} .fullImpactHome .textBox h3.subTitle { font-size: 30px; color: #FFF; font-weight: 400; margin-top: 0px; margin-bottom: 40px; line-height: 1.4em; text-align: center; } .fullImpactHome .textBox a { font-size: 16px; text-decoration: none; text-align: center; display: inline-block; line-height: 50px; text-shadow:none; margin-top:10px;} .fullImpactHome .textBox a:after { content:''; } .fullImpactHome .random:not(:nth-child(2)) {display:none;} @media only screen and (max-width:1010px) { .fullImpactHome { height: calc(100vh - 93px)!important; } } @media only screen and (max-width:800px) { .fullImpactHome { height: calc(100vh - 120px)!important; } .fullImpactHome { background-position: top center; } .fullImpactHome .textBox { max-width: inherit; min-height: inherit; bottom: 0; } .fullImpactHome .textBox h2.title { font-size: 70px; } } @media only screen and (max-width:680px) { /*.fullImpactHome { height: 499px; }*/ .fullImpactHome .textBox h2.title { font-size: 3.750em; line-height: 1.0;} .fullImpactHome .textBox { bottom: 0; padding: 12px 14px; min-height: inherit; } .fullImpactHome .textBox h3.subTitle { line-height: 1.2; } } @media only screen and (max-width:580px) { .fullImpactHome { height: calc(100vh - 120px)!important; } } /*@media only screen and (max-height:600px) and (orientation: landscape){*/ @media only screen and (max-height:600px){ header .logo { max-width: 175px; } #mobile-header{ margin-top:3px; } #mobile-header #menu-wraooer{ height:0; } .toggle-btn { font-size: 1.75rem; } .searchMobile{ top:14px; } .searchMobile input[type=checkbox] ~ label:before, .search input[type=checkbox]:checked ~ label:before{font-size:1.25rem;} .mainImpact { margin-top: 70px!important; } .fullImpactHome .textBox h2.title{ font-size:2.5rem; } .fullImpactHome .textBox h3.subTitle{ font-size:1.5rem;margin-bottom:10px; } } /* ==================================================================================================================== * (YOUR FUTURE ELEVATED CALLOUT) * ====================================================================================================================*/ .mainCallout { width: 100%; height: 0; background: #FFF; background-size: cover; position: relative; display: table;padding-top:20px; } .mainCallout .wrap { display: table-cell; vertical-align: middle; text-align: center; } .mainCallout .textcontainer { max-width: 926px; margin: 0 auto; padding:0 2%; } .mainCallout .wrap .textcontainer h2 { font-weight: 100; font-size: 3.750em; color: #005c42; margin-bottom: 20px; } .mainCallout .wrap .textcontainer h3 { font-weight: 300; font-size: 1.500em; color: #000; margin-bottom: 15px; line-height:1.2; } .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 { padding-top:5px; } .mainCallout .wrap .textcontainer h2 { font-size: 2rem!important; margin-top: 15px; } .mainCallout.elevated .wrap .textcontainer h2 { margin-top: -10px; } .mainCallout .wrap .textcontainer .buttonswrap { width: 100%; margin-bottom: 20px; } .mainCallout .wrap .textcontainer .buttonContainer a.button { display: block; width: 100%; line-height: 47px; } } /* ==================================================================================================================== * HOMEPAGE BLOCKS - NEW LAYOUT * ====================================================================================================================*/ /* BIG BLOCK LEFT */ .blockwrapper-new.desktopOnly { width: 100%; margin:35px 0 90px 0; float:left; } .blockwrapper-new.mobileOnly { display: none; } .blockwrapper-new .colblock { background:#000; width: 19.6%; height: 0; padding-bottom: 19.6%; margin: 0 .5% .5% 0; float: left; position: relative; } .blockwrapper-new .colblock { text-decoration: none; } .blockwrapper-new .colblock h3 { text-align: center; font-size: 3vw; font-weight: 700; text-transform: uppercase; color: #FFF; } .blockwrapper-new .colblock img { width: 100%; height: auto; } .blockwrapper-new .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; } .blockwrapper-new .colblock:nth-child(6) { z-index:9; overflow: hidden; width:39.7%; max-height:376px; } .blockwrapper-new .colblock:nth-child(4), .colblock:nth-child(6) { margin-right: 0; } .blockwrapper-new .colblock:nth-child(5) { margin-right: .5%; } .blockwrapper-new .colblock .inner { z-index:201; position:relative; } .blockwrapper-new .colblock .inner .date { font-weight: 400; text-transform: uppercase; font-family: 'Roboto'; font-size: 1vw; line-height: 1.2; margin-top:10px; } .blockwrapper-new .colblock .inner .title { font-weight: 500; font-size: 1.3vw; font-family: 'Roboto'; text-transform: uppercase; line-height: 1.2 } .blockwrapper-new .colblock:first-child .colText, .blockwrapper-new .colblock .colText { z-index:1; display:-webkit-box; display:-ms-flexbox; display:flex; cursor:pointer; } .blockwrapper-new .colblock:first-child .colText .inner { padding:4% 19%; } .blockwrapper-new .colblock:first-child {background:#000; width: 39.7%; height:0; padding-bottom:39.7%; margin:0 .5% .5% 0; float:left; } .blockwrapper-new .colblock .card_content { display:none; left:0; overflow:hidden; position: absolute; top: 100%; color: #fff; z-index: 1; height: 100%;/* padding: 0 15px;*/ float:left;} .blockwrapper-new .colblock:hover .card_content { display:block; top: 0%; 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; } .blockwrapper-new .colblock:hover .card_content .inner p { color:#FFF; font-weight: 300; font-size: 1.15vw; font-family: 'Roboto'; margin-bottom:0; padding-bottom:10px; line-height: 1.2 } .blockwrapper-new .colblock:hover .card_content .inner a { color:#FFF; font-family: 'bebas_neue_regularregular'; font-weight: normal; font-size:1.5vw; letter-spacing: 1px; } .blockwrapper-new .colblock:hover .title, .blockwrapper-new .colblock:hover .colText > .inner { display: none; } .blockwrapper-new .colblock:hover .card_content .inner a { display:block;margin-top:8px; } .blockwrapper-new a.readMoreNews { color: #005c42; text-decoration: none; font-family: 'bebas_neuebold'; font-size: 30px; } .blockwrapper-new a.readMoreNews:hover { text-decoration: none; } .blockwrapper-new a.readMoreNews:after { content: '\f101'; font-family: 'FontAwesome'; font-size: inherit; margin-left: 5px; } .blockwrapper-new .news { text-align:center; -webkit-box-ordinal-group:8; -ms-flex-order:7; order:7; } /* BIG BLOCK RIGHT */ .blockwrapper-new.desktopOnly.right .colblock:first-child { float:right; margin:0 0 .5% 0;} .blockwrapper-new.desktopOnly.right .colblock:nth-child(2) { margin:0 .5% .5% 0; } .blockwrapper-new.desktopOnly.right .colblock:nth-child(1) { -webkit-box-ordinal-group:7; -ms-flex-order:6; order:6; } .blockwrapper-new.desktopOnly.right .colblock:nth-child(2) { -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; width: 39.7%; max-height: 376px; overflow:hidden;} .blockwrapper-new.desktopOnly.right .colblock:nth-child(3) { -webkit-box-ordinal-group:4; -ms-flex-order:3; order:3; } .blockwrapper-new.desktopOnly.right .colblock:nth-child(4) { -webkit-box-ordinal-group:5; -ms-flex-order:4; order:4; margin: 0 .5% 0 0;} .blockwrapper-new.desktopOnly.right .colblock:nth-child(5) { -webkit-box-ordinal-group:6; -ms-flex-order:5; order:5; } .blockwrapper-new.desktopOnly.right .colblock:nth-child(6) { -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1; width:19.6%; } @media screen and (max-width:960px) { .blockwrapper-new .colblock:hover .card_content .inner p { font-size: 1.5vw; } } @media screen and (max-width:767px) { .blockwrapper-new.desktopOnly { width: 100%; margin:0 0 60px 0; float:left; 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 } .blockwrapper-new .colblock:first-child {width: 98%; height:0; padding-bottom:98%; margin:1% 1%; float:left; } .blockwrapper-new .colblock { width: 48%; height: 0; padding-bottom: 48%; margin: 1% 1%; float: left; position: relative; } .blockwrapper-new .colblock:nth-child(1) { -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1; } .blockwrapper-new .colblock:nth-child(2) { -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; } .blockwrapper-new .colblock:nth-child(3) { -webkit-box-ordinal-group:4; -ms-flex-order:3; order:3; } .blockwrapper-new .colblock:nth-child(4) { -webkit-box-ordinal-group:5; -ms-flex-order:4; order:4; margin:1% 1%; } .blockwrapper-new .colblock:nth-child(5) { -webkit-box-ordinal-group:6; -ms-flex-order:5; order:5; } .blockwrapper-new .colblock:nth-child(6) { -webkit-box-ordinal-group:7; -ms-flex-order:6; order:6; width:98%; margin:1% 1%; } .blockwrapper-new .colblock .inner .title { font-size:3.6vw; } .blockwrapper-new .colblock .inner .date { font-size:2.6vw; } .blockwrapper-new .colblock:hover .card_content .inner p, .blockwrapper-new .colblock:hover .card_content .inner a { font-size:3.2vw; } .blockwrapper-new .colblock:hover .card_content .inner p { font-weight:400; } .blockwrapper-new .colblock:hover .card_content .inner a { font-family: 'bebas_neue_regularregular'; } .blockwrapper-new .colblock:hover .card_content .inner a .date { display: block; } /* BIG BLOCK RIGHT*/ .blockwrapper-new.desktopOnly.right { margin-bottom:40px; } .blockwrapper-new.desktopOnly.right .colblock { width: 48%; height: 0; padding-bottom: 48%; margin: 1% 1%; float: left; position: relative; } .blockwrapper-new.desktopOnly.right .colblock:first-child.right {width: 98%; height:0; padding-bottom:98%; margin:1% 1%; float:left; } .blockwrapper-new.desktopOnly.right .colblock:nth-child(1) { -webkit-box-ordinal-group:7; -ms-flex-order:6; order:6; width:98%;padding-bottom:98%; margin:1%; } .blockwrapper-new.desktopOnly.right .colblock:nth-child(2) { -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1; width:98%; margin:1%; } .blockwrapper-new.desktopOnly.right .colblock:nth-child(3) { -webkit-box-ordinal-group:4; -ms-flex-order:3; order:3; } .blockwrapper-new.desktopOnly.right .colblock:nth-child(4) { -webkit-box-ordinal-group:5; -ms-flex-order:4; order:4; margin:1% 1%; } .blockwrapper-new.desktopOnly.right .colblock:nth-child(5) { -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; width:48%; } .blockwrapper-new.desktopOnly.right .colblock:nth-child(6) { -webkit-box-ordinal-group:6; -ms-flex-order:5; order:5; width:48%;} } /* overlay colors */ .blockwrapper-new .colblock .limegreenOverlaySolid { background: #8e9d11; position:absolute; top:0; left:0; right:0; bottom:0; } .blockwrapper-new .colblock:hover .colText .limegreenOverlaySolid { background: #5f6900; opacity: 1;} .blockwrapper-new .colblock .colText .goldOverlaySolid { background: #fab000;position:absolute; top:0; left:0; right:0; bottom:0; opacity: 1;} .blockwrapper-new .colblock:hover .colText .goldOverlaySolid { background: #ca8900; opacity: 1;} .blockwrapper-new .colblock .colText .darkgrayOverlaySolid { background: #484743;position:absolute; top:0; left:0; right:0; bottom:0;opacity: 1;} .blockwrapper-new .colblock:hover .colText .darkgrayOverlaySolid { background: #32312c; opacity: 1;} .blockwrapper-new .colblock .colText .orangeOverlaySolid { padding-bottom: 100%; background: #D0812a;position:absolute; top:0; left:0; right:0; bottom:0; color:#FFF; opacity: 1; } .blockwrapper-new .colblock:hover .colText .orangeOverlaySolid { background: #a95D0B; opacity: 1;} .blockwrapper-new .colblock .colText .greenOverlaySolid { background: #005c42;position:absolute; top:0; left:0; right:0; bottom:0;opacity: 1;} .blockwrapper-new .colblock:hover .colText .greenOverlaySolid { background: #004331; opacity: 1;} .blockwrapper-new .colblock .colText .lightgrayOverlaySolid { background: #ebebeb;position:absolute; top:0; left:0; right:0; bottom:0;opacity: 1;} .blockwrapper-new .colblock:hover .colText .lightgrayOverlaySolid { background: #dedede; opacity: 1;} .blockwrapper-new .colblock .colText .redOverlaySolid { background: #cd4129;position:absolute; top:0; left:0; right:0; bottom:0;opacity: 1;} .blockwrapper-new .colblock:hover .colText .redOverlaySolid { background: #a02b15; opacity: 1;} .blockwrapper-new .colblock .colText .lightgreenOverlaySolid { background: #26a57e;position:absolute; top:0; left:0; right:0; bottom:0;opacity: 1;} .blockwrapper-new .colblock:hover .colText .lightgreenOverlaySolid { background: #13795a; opacity: 1;} .blockwrapper-new .colblock .colText .limegreenOverlay { background: #8e9d11;position:absolute; top:0; left:0; right:0; bottom:0; opacity: .5;} .blockwrapper-new .colblock .colText .goldOverlay { background: #fab000;position:absolute; top:0; left:0; right:0; bottom:0; opacity: .5;} .blockwrapper-new .colblock .colText .orangeOverlay { padding-bottom: 100%; background: #D0812a;position:absolute; top:0; left:0; right:0; bottom:0; color:#FFF; opacity: .5; } .blockwrapper-new .colblock .colText .darkgrayOverlay { background: #484743;position:absolute; top:0; left:0; right:0; bottom:0;opacity: .5;} .blockwrapper-new .colblock .colText .greenOverlay { background: #005c42;position:absolute; top:0; left:0; right:0; bottom:0;opacity: .5;} .blockwrapper-new .colblock .colText .lightgrayOverlay { background: #ebebeb;position:absolute; top:0; left:0; right:0; bottom:0;opacity: .5;} .blockwrapper-new .colblock .colText .redOverlay { background: #cd4129;position:absolute; top:0; left:0; right:0; bottom:0;opacity: .5;} .blockwrapper-new .colblock .colText .lightgreenOverlay { background: #26a57e;position:absolute; top:0; left:0; right:0; bottom:0;opacity: .5;} .blockwrapper-new .colText .date, .blockwrapper-new .colText .title {/* text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.75); */} .blockwrapper-new .colblock:hover .colText .limegreenOverlay, .blockwrapper-new-right .colblock:hover .colText .limegreenOverlay { opacity: .85;} .blockwrapper-new .colblock:hover .colText .goldOverlay, .blockwrapper-new-right .colblock:hover .colText .goldOverlay { opacity: .85;} .blockwrapper-new .colblock:hover .colText .orangeOverlay, .blockwrapper-new-right .colblock:hover .colText .orangeOverlay { opacity: .85;} .blockwrapper-new .colblock:hover .colText .darkgrayOverlay, .blockwrapper-new-right .colblock:hover .colText .darkgrayOverlay { opacity: .85;} .blockwrapper-new .colblock:hover .colText .greenOverlay, .blockwrapper-new-right .colblock:hover .colText .greenOverlay { opacity: .85;} .blockwrapper-new .colblock:hover .colText .lightgrayOverlay, .blockwrapper-new-right .colblock:hover .colText .lightgrayOverlay { opacity: .85;} .blockwrapper-new .colblock:hover .colText .redOverlay, .blockwrapper-new-right .colblock:hover .colText .redOverlay { opacity: .85;} .blockwrapper-new .colblock:hover .colText .lightgreenOverlay, .blockwrapper-new-right .colblock:hover .colText .lightgreenOverlay { opacity: .85;} .blockwrapper-new .colblock .inner, .blockwrapper-new-right .colblock .inner { vertical-align: middle; display: block; color: #FFF; text-align: center; margin: 4% 8%; width: 100%; } @media only screen and (max-width:767px) { .blockwrapper-new .colblock:hover .card_content .inner p { font-size:3.8vw;margin-bottom:5px;padding-bottom:5px; } .blockwrapper-new .colblock:hover .card_content .inner a { font-size:3.2vw; } } @media only screen and (max-width:480px) { .blockwrapper-new .colblock:hover .card_content .inner p { font-size:3.2vw;margin-bottom:2px;padding-bottom:5px; } .blockwrapper-new .colblock:hover .card_content .inner a { font-size: 3.75vw; } } /* ==================================================================================================================== * 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: 0 0 0; } section.experience .mainCallout .wrap { display:block; text-align: center; } section.experience .mainCallout { /*display: none;*/ } section.experience ul { margin: 0;padding: 0; line-height: 0; } section.experience .three-btn-accordion ul{ padding: 0 15px; } section.experience h2 { font-size: 60px; color: #005c42; font-weight: 100; font-family: 'Roboto', sans-serif; text-align: center; margin-bottom: 0; } section.experience h2:not(:nth-child(2n)) { display:none; } 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:0; text-align: left;} 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: none; } section.experience .inner p { margin-top: 12%!important; padding-bottom: 30px; } section.experience .largeNumber { padding: 0px 0 0 5px; color: #fff; background: rgba(0,0,0,.45); } 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: 48%; } 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: 48%; } 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: 48%; 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: 48%; } 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: 48%; } 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: 48%; } 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: 48%; } 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) { .mobOnly { display:block; } .mainCallout { margin-bottom:45px; } section.experience { overflow: hidden; margin: 45px 0 20px; } section.experience .experienceWrapper { display: none; } section.experience .mainCallout { display: block; height:auto; background:#ebebeb; margin-bottom:-20px; } section.experience .experienceWrapper.flexslider { display: block; padding: 10px 1% 0; /*margin-top:30px;*/ background:#ebebeb; } 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: 16px; font-weight: 700; font-family: 'Roboto', sans-serif; line-height: 1.4em; color: #FFF; } .containerSlide a { font-size: 16px; color: #FFF; text-decoration: none; font-weight: 400; text-shadow: 1px 1px 3px #000000; } .containerSlide a:hover { font-size: 16px; 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; } .mainCallout.academic { background:#FFF!important; margin-bottom:20px!important;} } @media only screen and (max-width:1365px) { section.experience h2 { font-family: 'bebas_neuebold' !important; font-size: 3.000rem !important; text-align: left!important; color: #005c42 !important; padding-top: 24px;} section.experience h2 span { font-size: 1.825rem; font-family: 'Roboto'; font-weight: 300; color: #000 !important; } section.experience h2:not(:nth-child(2n)) { display:block; } section.experience .mainCallout .textcontainer { max-width: 100%; } } @media only screen and (max-width: 900px) { .containerSlide p { font-size: 18px; } } @media only screen and (max-width:825px) { section.experience h2 span { display: block; font-size:18px;margin-top:5px;padding-left: 0; } } @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 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; display: block; } #standard a.lightGreenLink:after { content: '\f101'; font-family: 'FontAwesome'; margin-left: 5px; } #standard strong { color: inherit; font-weight: 500; } #standard.campaign strong, #standard.campaign strong span { font-size:48px; color:inherit; font-weight:500; } #standard .wysiwyg ol { display: block; list-style-type: decimal; margin-left: 25px; } #standard .wysiwyg li {display: list-item;} @media screen and (max-width:1240px){ #standard .wrapper 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 p { margin-bottom: 10px; } #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: 18px 20px; 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 .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.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 { padding: 0 2%; } .wrapper.main-content .col12 { padding: 0 2%; } .breadcrumbs { padding: 22px 2% 20px; display: inline-block; } } @media only screen and (max-width: 1010px) { #standard .hero { margin-top: 94px; } } @media only screen and (max-width:680px) { .wrapper.main-content { margin-top:0; } } @media only screen and (max-width:580px) { #standard .hero { 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: inherit;} #standard .two-column .col6 {padding:0!important;} } /* 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: 1em; /*16px*/ padding-left: 15px; } table td/* :nth-child(1), table td:nth-child(2) */{ padding-top: 15px; } /* ACCORDION */ .accordion { margin: 30px 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: 16px; line-height: 1.5em; padding-bottom:15px;} .accordion div.accordion-content p { font-size: 16px; line-height: 1.5em; } .accordion div.accordion-content span { font-size: 16px; 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 15px; } .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;} /* Corrects Juicer Feed Button Color - Changes from Red to LMC Green */ .juicer-feed .j-paginate { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; border: 2px solid #005c42 !important; font-size: 12px; font-weight: bold; letter-spacing: 0.5px; color: #005c42 !important; text-align: center; padding: 12px 0 10px; cursor: pointer; background-color: transparent; width: 150px; display: block; text-transform: uppercase; } .juicer-feed .j-paginate:hover { background: #005c42 !important; color: #fff !important; } /* Accordions Horizontal Layout 3 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; } .three-btn-accordion { position: relative; } .three-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; } .three-btn-accordion input[name='panel'] { display: none; } .three-btn-accordion .col4 { margin-right:1%; width:32%; margin-bottom:36px; } .three-btn-accordion label { position: relative; display: block; padding: 15px; 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; } .three-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; } .three-btn-accordion label:hover { background: #005c42; color:#FFF; /*-webkit-transition: background 0.5s ease; transition: background 0.5s ease; */ } .three-btn-accordion label:hover:before { color:#FFF; /*-webkit-transition: color 0.5s ease; transition: color 0.5s ease; */} .three-btn-accordion input:checked+label { color: #FFF; background: #005c42; } .three-btn-accordion input:checked+label:before { content: '-'; right: 13px; color: #b8b8b8; font-family: 'bebas_neuebold' !important; font-size: 50px; } .three-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); } .three-btn-accordion .accordion__content:not(:last-of-type) { } .three-btn-accordion .accordion__content .accordion__header { padding: 1em 0; } .three-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; } .three-btn-accordion input:checked label:hover~.accordion__content.panel-1 { max-height: 50em; display: block; margin: 20px 0; } .three-btn-accordion .accordion__content.panel-1 { 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; } .three-btn-accordion .accordion__content.panel-2 { margin-left:15px; margin-right:15px; min-width: 306%; background: #fff; text-align: left; position: relative; left: 0; right: 0; bottom: 0; margin-left: -103%; float: left; } .three-btn-accordion .accordion__content.panel-3 { margin-left:15px; margin-right:15px; min-width: 306%; background: #fff; text-align: left; position: relative; left: 0; right: 0; bottom: 0; margin-left: -206%; float: left; } .three-btn-accordion .accordion__content.panel-1:hover { display: block; } .three-btn-accordion ul { columns: 3; -webkit-columns: 3; -moz-columns: 3; margin: 20px 0 20px!important; -webkit-column-gap: 45px; column-gap: 45px; } .three-btn-accordion .accordion__content.panel-1 ul li, .three-btn-accordion .accordion__content.panel-2 ul li, .three-btn-accordion .accordion__content.panel-3 ul li { font-size: 18px; line-height: 1em; list-style: none; margin-bottom: 20px; } .three-btn-accordion .accordion__content.panel-1 p, .three-btn-accordion .accordion__content.panel-2 p, .three-btn-accordion .accordion__content.panel-3 p { text-align:left; font-size: 18px; line-height: 1em; margin: 20px 0 20px 15px; line-height:1.4em; } .three-btn-accordion a.readMore { color: #005c42; text-decoration: none; font-weight: 500; font-size: 0.875rem; } .three-btn-accordion a.readMore:hover { text-decoration: none; } .three-btn-accordion a.readMore:after { content: '\f101'; font-family: 'FontAwesome'; font-size: inherit; margin-left: 5px; } @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:767px) { .three-btn-accordion label { font-size:1.4rem; } .three-btn-accordion label:before, .three-btn-accordion label:after { font-size:2.188rem; } } @media screen and (max-width:580px) { .three-btn-accordion { margin-top:-25px;margin-bottom:25px; } .mainCallout.academic { margin-top:0px; margin-bottom:44px;} .academic h2 span { display: block; font-size:1.35rem; } .three-btn-accordion .col4 { margin-right: 0; width: 100%; } .three-btn-accordion .accordion__content.panel-1, .three-btn-accordion .accordion__content.panel-2, .three-btn-accordion .accordion__content.panel-3 { margin-left: inherit; min-width: 100%; } .three-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; } .three-btn-accordion .accordion__content.panel-1 ul, .three-btn-accordion .accordion__content.panel-2 ul, .three-btn-accordion .accordion__content.panel-3 ul { font-size: 14px; columns: 1; -webkit-columns: 1; -moz-columns: 1; margin: 20px 0; -webkit-column-gap: 45px; column-gap: 45px; } .three-btn-accordion .accordion__content .accordion__body { padding-top:0;} } /* BACK TO TOP */ .cd-top { display: inline-block; height: 53px; width: 42px; position: fixed; bottom: 40px; 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 { visibility: visible; opacity: .5; } .cd-top.cd-fade-out {/* 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%; } } @media only screen and (min-width:768px) { .cd-top { right: 0px; bottom: 20px; } } @media only screen and (min-width:1024px) { .cd-top { height: 60px; width: 60px; right: 00px; bottom: 30px; } } /* ==================================================================================================================== * 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 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 */ /* 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: 30px; } section.events .descCol { float: left; width: 73%; } section.events .month { font-size: 12px; color: #005c42; text-transform: uppercase; text-align: center; display: block;clear:both; } section.events .month span { font-size: 24px; font-weight: 700; text-align: center; display: block; margin-top: 3px; } section.events .desc p { font-size: 12px; color: #000; } 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: 67%; } section.events .monthCol { margin-right: 20px; } } @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 .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: 16px; text-decoration: none; color: #FFF; } .fullImpact .textBox a:after { content: '\f101'; font-family: 'FontAwesome'; margin-left: 5px; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } .bounce { -webkit-animation: bounce 3s infinite; animation: bounce 3s infinite; } .pulse { -webkit-animation: pulsate 2.5s ease-out; -webkit-animation-iteration-count: infinite; animation: pulsate 2.5s ease-out; animation-iteration-count: infinite; opacity: 0.60; height:64px; position: absolute; bottom:40px; left:0; right:0;} @-webkit-keyframes pulsate { 0% { -webkit-transform: scale(1, 1); opacity: 0.60; } 50% { opacity: 1.0; } 100% { -webkit-transform: scale(1, 1); opacity: 0.60; } } @keyframes pulsate { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 0.60; } 50% { opacity: 1.0; } 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 0.60; } } @media only screen and (max-width:1010px) { .fullImpact { margin-top:90px; } #scroll { display: block; float: left; padding-top: 90px; margin-top: -60px; } } @media only screen and (max-width:680px) { .fullImpact { background-position: top center; background-size: cover; height:250px;} .fullImpact .textBox { bottom:-238px!important; max-width:100%; } .fullImpact .textBox h2.title { font-size: 30px; } .fullImpact .textBox { bottom: 0; padding: 12px 14px; } } @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; } /* ==================================================================================================================== * 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; } .newsListingDate { color: #005c42; margin-bottom: 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; } @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: 16px; 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-bottom:-30px; background: url(../_images/above-footer-background-image.jpg)no-repeat; background-size: cover; background-position:center; position: relative; display: table; } .prefooter .col12 { width: 100%; height: 340px; background-size: cover; position: relative; display: table; } .prefooter .defaultFull { background-color: rgba(255, 255, 255, 0.75); padding: 0; margin: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 .darkBlue { 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) { .prefooter { margin-top: 10px; } } @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; } .orange { background: #d0812a; } .blue { background: #26a57e; } .red { background: #cd4129; } .darkGray { background: #474641; } .green { background: #005c42; } .lightGray { background: #ebebeb; } .darkBlue { background:#2a3e49; } /* ==================================================================================================================== * 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: 14px; float: left; display: block; margin-bottom: 5px; } footer .state { font-size: 14px; float: left; display: block; margin-bottom: 5px; } footer a.phone { font-size: 14px; float: left; display: block; margin-bottom: 5px; text-decoration: none; color: #FFF; } footer .address:after, footer .state:after { content: '|'; padding: 0 10px; } 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: 16px; } footer a.phone { margin-bottom: 20px; } footer .address:after, footer .state:after { content: ''; padding: 0; } .socialMedia { text-align: center; } } @media only screen and (min-width:1024px) { footer a.phone { pointer-events: none; cursor: default; } } @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; min-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; padding:0 10px; } .button:hover, .button.active { background: #005c42; color: #FFF; } .fullImpactHome .button.gray { background: rgba(235,235,235,.8); min-width: 128px; width:auto; height: 40px; line-height:40px; display: inline-block; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; color: rgba(0,92,66,1); text-decoration: none; border:none; text-transform: uppercase; font-size: 16px; padding: 0 10px;} .fullImpactHome .button.gray:hover, .button.gray:hover { 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: 16px; 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; } [type="search"] { -webkit-appearance: textfield; } /* ==================================================================================================================== * 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: 203; } 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;} /* 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;} .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; } /* WYSIWYG */ #standard .wysiwyg h1 { margin-top: 20px; } #standard .wysiwyg ul { margin-left: 25px; } } @media screen and (max-width:767px) { .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; } } @media only screen and (max-width:580px) { /* Header */ header { height: 58px; left: 0; padding: 0; width: 100%; z-index: 301; } header .logo { float: none; height: auto; margin: 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; } /*.pulse { bottom:40px; }*/ /* 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 0 20px 0; padding: 20px 20px 10px 20px!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 { min-width:initial; width:100%; display: inline-block; margin-bottom:16px; min-height:initial; height:auto; } /*#standard.campaign .wysiwyg { margin: 30px 0 30px!important; }*/ #standard.campaign .darkGray { background:#232323; color:#fff; padding:32px 28px; } #standard.campaign .wysiwyg { margin:30px 3% 80px 0; line-height: 1.2} #standard.campaign .wysiwyg.col4 { margin:30px 0 30px; } /*#standard.campaign .wysiwyg.col8 { 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:0; margin-left:auto; } #standard.campaign #mobile-header { display: none; } #standard.campaign .two-column .col6.Default, #standard.campaign .two-column .col6.default {padding:0!important; margin-bottom:-8px; display: table-cell;} #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: -webkit-box; display: -ms-flexbox; display: flex; margin:30px 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #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 > .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 */ .fsForm .fsSubmit { background:transparent!important; padding: 20px 30px 20px 20px!important; } .fsboxshadow .fsBody .fsForm { background:transparent!important;} .fsBody .fsSubField { width:48%; } /*.fsBody .fsRowBody { padding: 10px 0px 10px 15px!important;}*/ .fsBody .fsForm .fsRequiredLabel {color: #FFF!important;} .fsBody .fsForm input[type=text].fsRequired, .fsBody .fsForm input[type=file].fsRequired, .fsBody .fsForm input[type=number].fsRequired, .fsBody .fsForm input[type=email].fsRequired, .fsBody .fsForm input[type=tel].fsRequired, .fsBody .fsForm textarea.fsRequired, .fsBody .fsForm select.fsRequired { border:none!important; } #field54992715 { width:100%!important; } .fsSubmit input.fsSubmitButton {cursor:pointer; padding: 3px; margin: 0 auto; clear: both; background: transparent !important; color:#FFF!important; float:right; } .fsForm .fsSubmit { margin-top:0px!important; } div.fsError { display:none!important; } .fsBody .fsFieldRow { clear: left; margin: 10px 0 10px; } .fsFieldFocused { background-color:transparent!important; } .fsEmbed .fsPage { text-align:left!important; } .fsBody p { margin-top: 0; padding: 0; border: 0; vertical-align: baseline; color:#FFF!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 { display: block; margin:30px 0;} #standard.campaign .two-column .col6.Default, #standard.campaign .two-column .col6.default { margin-bottom:30px; } } @media only screen and (max-width:1180px) { .fsRow.fsFieldRow.fsLastRow { margin:0!important; } .fsBody .fsRowBody { padding:5px 0 5px 15px!important; } .fsForm .fsSubmit { padding: 20px 16px 20px !important; } } @media screen and (max-width:1024px) { .fsBody .fsSubField { width: 100%; } .fsBody .fsForm input[type=text].fsRequired, .fsBody .fsForm input[type=file].fsRequired, .fsBody .fsForm input[type=number].fsRequired, .fsBody .fsForm input[type=email].fsRequired, .fsBody .fsForm input[type=tel].fsRequired, .fsBody .fsForm textarea.fsRequired, .fsBody .fsForm select.fsRequired { width:100%; } .fsBody .fsSubField { margin:0px 5px 20px 0; } .fsSubField.fsNameLast { margin:10px 5px -10px 0; } .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;} .fsForm .fsSubmit { padding: 5px 16px 20px 20px!important; } .fsBody .fsForm .fsLabel, .fsBody .fsForm .fsOptionLabel, .fsBody .fsForm .fsMatrix th, .fsBody .fsForm .fsMatrixLabel { font-size:.725rem!important; } .fsBody .fsForm input[type=text].fsField, .fsBody .fsForm input[type=file].fsField, .fsBody .fsForm input[type=number].fsField, .fsBody .fsForm input[type=email].fsField, .fsBody .fsForm input[type=tel].fsField, .fsBody .fsForm textarea.fsField { padding:1px 4px!important; } /*.fsSubmit input.fsSubmitButton { font-size:12px!important; padding:2px 4px!important;}*/ header .logo-campaign {max-width: 275px!important; padding-left:1%;} } @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 screen and (max-width:920px) { #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; } #standard.campaign .fullImpact.mobile .textContainer { text-align: center; } /*#standard.campaign .fullImpact.mobile .textContainer h1 { text-transform: uppercase; }*/ #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 { font-size:24px!important; padding-left:3%; } #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 .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; } .fsBody .fsForm input[type=text].fsRequired, .fsBody .fsForm input[type=file].fsRequired, .fsBody .fsForm input[type=number].fsRequired, .fsBody .fsForm input[type=email].fsRequired, .fsBody .fsForm input[type=tel].fsRequired, .fsBody .fsForm textarea.fsRequired, .fsBody .fsForm select.fsRequired { height:35px!important; } .fsSubField.fsNameFirst input, .fsSubField.fsNameLast input { width:100%!important; } .fsBody .fsForm .fsSupporting { font-size: 11px!important; } .fsSubmit input.fsSubmitButton {cursor:pointer; padding: 7px 14px!important; margin: 0 auto; clear: both; background: transparent !important; color:#FFF!important; float:right; } .fsSubmit input.fsSubmitButton { padding: 3px; margin: 0 22px 0 auto!important; clear: both; } } @media only screen and (max-width:767px) { #standard.campaign .two-column { display:block; } #standard.campaign .two-column .col6.Default, #standard.campaign .two-column .col6.default { width:100%!important; } #standard .two-column .col6:last-of-type { width:100%!important; margin:30px 0!important; } #standard.campaign .wysiwyg.col8 { width:100%!important; } #standard.campaign .wysiwyg.col4 { width:100%!important; } #standard.campaign .wysiwyg.col4 img { width:100%!important; } } @media only screen and (max-width:690px) { .fsForm .fsSubmit { padding: 20px 0vh 20px !important; } } @media only screen and (max-width:580px) { header .logo a img { max-width: 254px; display:inline-block; } } @media only screen and (max-width: 375px) { header .logo a img { max-width: 205px; margin: 5px 0 0 0; } } #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 { } .fsForm .fsSubmit { padding: 20px 0vh 20px !important; } } /* Slick Slider */ .slick-slider { position: relative; display: block; -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 } .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 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; position: absolute; top: 50%; display: block; width: 30px; height: 30px; 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; background:#005c42; 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; background:#005c42; border-radius: 50%; } [dir='rtl'] .slick-prev { right: 15px; left: auto } .slick-prev:before { content: '\f104'; color: #fff; font-size: 25px; font-family: 'FontAwesome'; display: block; width: 27px; height: 29px; vertical-align: middle } [dir='rtl'] .slick-prev:before { content: '\f104'; color: #7BAFD4; font-family: 'FontAwesome'; font-size: 4rem } .slick-next { right: 15px; background:#005c42; border-radius: 50%; } [dir='rtl'] .slick-next { right: auto; left: 0px } .slick-next:before { content: '\f105'; color: #fff; font-size: 25px; font-family: 'FontAwesome'; b display: block; width: 27px; height: 29px; vertical-align: middle } [dir='rtl'] .slick-next:before { content: '\f105'; color: #7BAFD4 } .slick-dotted.slick-slider { margin: 20px auto } .slick-dots { position: absolute; bottom: 20px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center } .slick-dots li { position: relative; display: inline-block; 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 } @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; } }