@charset "UTF-8"; @import url("https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic"); @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic"); /* ============================================================================= Structure ============================================================================= */ body { background: #813d48; margin: 0; padding: 0; text-rendering: optimizeLegibility; } .container { padding-top: 60px; padding-bottom: 60px; } .container + * { margin-top: 0; } .wrap { margin: 0 auto; max-width: 1170px; } .outer-wrap { max-width: 1510px; margin: 0 auto; } @media only screen and (min-width: 875px) { .row { max-width: 1000px; } } @media only screen and (min-width: 1025px) { .row { max-width: 1200px; } } @media only screen and (min-width: 1441px) { .row { max-width: 1400px; } } /* ============================================================================= Typography ============================================================================= */ /* Typography resets */ em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 60%; line-height: inherit; } html { -webkit-font-smoothing: antialiased; } body { font-family: "Merriweather", Georgia, serif; font-weight: normal; font-size: 18px; color: #6f6f6f; line-height: 1.4; } /* Default Link Styles */ a, a:link, a:visited { color: #032a56; text-decoration: none; } a:hover, a:active, a:link:hover, a:link:active, a:visited:hover, a:visited:active { color: #813d48; text-decoration: none; } /* Default paragraph styles */ p { font-family: inherit; font-weight: inherit; font-size: inherit; line-height: 1.4; margin-bottom: 18px; } /* Default header styles */ h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: normal; color: #813d48; margin-top: 3.6px; margin-bottom: 9px; line-height: 1.6; } h1 { font-size: 48px; font-family: "Merriweather", Georgia, serif; } @media only screen and (max-width: 674px) { h1 { font-size: 44px; } } h2 { font-size: 44px; font-weight: lighter; color: #813d48; } @media only screen and (max-width: 674px) { h2 { font-size: 24px; line-height: 1; margin-bottom: 20px; } } h3 { font-size: 38px; font-family: "Merriweather", Georgia, serif; font-style: italic; color: #813d48; } @media only screen and (max-width: 674px) { h3 { font-size: 32px; line-height: 1.5; } } h4 { font-size: 20px; text-transform: uppercase; letter-spacing: 2px; color: #989898; } @media only screen and (max-width: 674px) { h4 { font-size: 20px; } } h5 { font-size: 18px; font-weight: bold; color: #2f2f2f; } @media only screen and (max-width: 674px) { h5 { font-size: 18px; } } h6 { font-size: 16px; font-weight: bold; color: #2f2f2f; } @media only screen and (max-width: 674px) { h6 { font-size: 16px; } } /* Default hr styles */ hr { border: solid #989898; } /* ============================================================================= Form Styling ============================================================================= */ .e2ma_login_container { width: 100% !important; margin: 0 auto; } .e2ma_signup_form_button_row { margin-top: 0px; } .e2ma_signup_form_row { margin: 0px; } input[type='text'], input[type='password'], input[type='date'], input[type='datetime'], input[type='datetime-local'], input[type='month'], input[type='week'], input[type='email'], input[type='number'], input[type='search'], input[type='tel'], input[type='time'], input[type='url'], input[type='color'], textarea { color: #2f2f2f; font-family: "Open Sans", Helvetica, Arial, sans-serif; border-radius: 0px; height: 3.5em; } select { color: #2f2f2f; font-family: "Open Sans", Helvetica, Arial, sans-serif; border-radius: 0px !important; height: 3.5em; } label, .e2ma_signup_form_label { color: #101010; } .form-row { margin: 0 0 1rem; } .e2ma_signup_form_button_row input, .button, .button:active, .button:focus, .button:link, .button:visited { color: #ffffff; border: none; box-shadow: none; } @media only screen and (max-width: 674px) { .e2ma_signup_form_button_row input, .button, .button:active, .button:focus, .button:link, .button:visited { width: 100%; } } .spotlight_section .slider-nav { max-width: 1510px; margin: 0 auto; position: relative; bottom: 360px; } .spotlight_section .slider { height: 720px; } @media only screen and (max-width: 674px) { .spotlight_section .slider { height: 600px !important; } } .spotlight_section .spotlight--list .slider__contents li, .spotlight_section .spotlight--random .slider__contents li { opacity: 1; } .spotlight_section .spotlight--list ul, .spotlight_section .spotlight--random ul { height: 720px; } @media only screen and (max-width: 674px) { .spotlight_section .spotlight--list ul, .spotlight_section .spotlight--random ul { height: 600px !important; } } .spotlight_section .spotlight--list .spotlight-image img, .spotlight_section .spotlight--random .spotlight-image img { display: none; } .spotlight_section .spotlight--list .spotlight-overlay, .spotlight_section .spotlight--random .spotlight-overlay { position: relative; max-width: 1170px; margin: 0 auto; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; height: 720px; color: #ffffff; } .spotlight_section .spotlight--list .spotlight-overlay .spotlight-text, .spotlight_section .spotlight--random .spotlight-overlay .spotlight-text { max-width: 850px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .spotlight_section .spotlight--list .spotlight-overlay .spotlight-text .spotlight-text__title, .spotlight_section .spotlight--random .spotlight-overlay .spotlight-text .spotlight-text__title { font-weight: 400; font-size: 80px; max-width: 100%; } @media only screen and (min-width: 675px) { .spotlight_section .spotlight--list .spotlight-overlay .spotlight-text .spotlight-text__title, .spotlight_section .spotlight--random .spotlight-overlay .spotlight-text .spotlight-text__title { padding-top: 100px; } } .spotlight_section .spotlight--list .spotlight-overlay .spotlight-text .spotlight-text__content, .spotlight_section .spotlight--random .spotlight-overlay .spotlight-text .spotlight-text__content { font-size: 20px; line-height: 28px; max-width: 600px !important; } @media only screen and (max-width: 874px) { .spotlight_section .spotlight--list .spotlight-overlay .spotlight-text, .spotlight_section .spotlight--random .spotlight-overlay .spotlight-text { padding: 0px 15px; } .spotlight_section .spotlight--list .spotlight-overlay .spotlight-text .spotlight-text__title, .spotlight_section .spotlight--random .spotlight-overlay .spotlight-text .spotlight-text__title { font-size: 62px; font-weight: 300; margin-bottom: 20px; } } @media only screen and (max-width: 674px) { .spotlight_section .spotlight--list .spotlight-overlay .spotlight-text, .spotlight_section .spotlight--random .spotlight-overlay .spotlight-text { padding: 0px 30px; } .spotlight_section .spotlight--list .spotlight-overlay .spotlight-text .spotlight-text__title, .spotlight_section .spotlight--random .spotlight-overlay .spotlight-text .spotlight-text__title { font-size: 28px; font-weight: 300; } .spotlight_section .spotlight--list .spotlight-overlay .spotlight-text .spotlight-text__content, .spotlight_section .spotlight--random .spotlight-overlay .spotlight-text .spotlight-text__content { font-size: 14px; } } .spotlight_section .spotlight--list .spotlight-overlay .spotlight-button, .spotlight_section .spotlight--random .spotlight-overlay .spotlight-button { position: relative; margin-top: 30px !important; max-width: 30%; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-line-pack: center; align-content: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 15px 35px 15px 25px !important; } .spotlight_section .spotlight--list .spotlight-overlay .spotlight-button:after, .spotlight_section .spotlight--random .spotlight-overlay .spotlight-button:after { content: '\f105'; font-family: FontAwesome; font-size: 18px; position: relative; right: -10px; line-height: 12px; } @media only screen and (max-width: 674px) { .spotlight_section .spotlight--list .spotlight-overlay .spotlight-button, .spotlight_section .spotlight--random .spotlight-overlay .spotlight-button { max-width: 100%; width: 100%; border-radius: 0 !important; position: absolute; bottom: -10px; left: 0; right: 0; padding: 30px 10px !important; } } @media only screen and (max-width: 674px) { .spotlight_section .spotlight--list .spotlight-overlay, .spotlight_section .spotlight--random .spotlight-overlay { height: 600px !important; } } .spotlight_section .spotlight--list .slider-nav--prev, .spotlight_section .spotlight--list .slider-nav--next, .spotlight_section .spotlight--random .slider-nav--prev, .spotlight_section .spotlight--random .slider-nav--next { z-index: 100; position: absolute; } .spotlight_section .spotlight--list .slider-nav--prev, .spotlight_section .spotlight--random .slider-nav--prev { left: 20px; } .spotlight_section .spotlight--list .slider-nav--next, .spotlight_section .spotlight--random .slider-nav--next { right: 20px; } .spotlight_section .spotlight--list .slider-nav--prev:after, .spotlight_section .spotlight--list .slider-nav--next:after, .spotlight_section .spotlight--random .slider-nav--prev:after, .spotlight_section .spotlight--random .slider-nav--next:after { content: "\f104"; font-family: FontAwesome; color: #ffffff; font-size: 56px; } @media only screen and (max-width: 674px) { .spotlight_section .spotlight--list .slider-nav--prev:after, .spotlight_section .spotlight--list .slider-nav--next:after, .spotlight_section .spotlight--random .slider-nav--prev:after, .spotlight_section .spotlight--random .slider-nav--next:after { display: none; } } .spotlight_section .spotlight--list .slider-nav--next:after, .spotlight_section .spotlight--random .slider-nav--next:after { content: "\f105"; } .slider-controls-pager { display: none; } .sponsors_section { position: relative; background: #f1f1f1; } .sponsors_section .wrap { position: relative; max-width: 1130px; padding: 0; } .sponsors_section h1, .sponsors_section h2, .sponsors_section h3, .sponsors_section h4, .sponsors_section h5, .sponsors_section h6 { text-align: center; color: #813d48; } .sponsors_section .collection--list { padding: 0 40px; margin: 0 auto; z-index: 100; } .sponsors_section ul { position: relative; height: 150px; max-width: 1000px; list-style: none; margin: 0 auto; padding: 0; overflow: hidden; z-index: 300; } .sponsors_section li { opacity: 1 !important; } .sponsors_section .collection-item-image { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 90%; height: 150px; margin: 0 auto; } .sponsors_section .collection-item-image a { max-width: 100%; } .sponsors_section .collection-item-image img { width: auto; height: auto; max-height: 100%; max-height: 100%; } .sponsors_section .collection-item-label, .sponsors_section .collection-item-description { display: none; } .sponsors_section .slider__nav { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } .sponsors_section .slider-nav:after { color: #813d48; font-size: 40px; } .sponsors_section .slider-nav--prev:after { content: "\f104"; } .sponsors_section .slider-nav--next:after { content: "\f105"; } .homepage .spotlight-container2 .spotlight--list ul, .homepage .spotlight-container2 .spotlight--random ul { height: 652px; } @media only screen and (max-width: 1024px) { .homepage .spotlight-container2 .spotlight--list ul, .homepage .spotlight-container2 .spotlight--random ul { height: 430px; } } @media only screen and (max-width: 674px) { .homepage .spotlight-container2 .spotlight--list ul, .homepage .spotlight-container2 .spotlight--random ul { height: 630px; } } .homepage .spotlight-container2 .spotlight--list li, .homepage .spotlight-container2 .spotlight--random li { opacity: 1; } .homepage .spotlight-container2 .spotlight--list .spotlight-content, .homepage .spotlight-container2 .spotlight--random .spotlight-content { display: -ms-flexbox; display: flex; } @media only screen and (max-width: 674px) { .homepage .spotlight-container2 .spotlight--list .spotlight-content, .homepage .spotlight-container2 .spotlight--random .spotlight-content { -ms-flex-direction: column; flex-direction: column; } } .homepage .spotlight-container2 .spotlight--list .spotlight-content a, .homepage .spotlight-container2 .spotlight--random .spotlight-content a { display: -ms-flexbox; display: flex; width: 100%; } @media only screen and (max-width: 674px) { .homepage .spotlight-container2 .spotlight--list .spotlight-content a, .homepage .spotlight-container2 .spotlight--random .spotlight-content a { -ms-flex-direction: column; flex-direction: column; } } .homepage .spotlight-container2 .spotlight--list .spotlight-image, .homepage .spotlight-container2 .spotlight--random .spotlight-image { height: 652px; width: 45%; display: block !important; } @media only screen and (max-width: 1024px) { .homepage .spotlight-container2 .spotlight--list .spotlight-image, .homepage .spotlight-container2 .spotlight--random .spotlight-image { height: 430px; } } @media only screen and (max-width: 874px) { .homepage .spotlight-container2 .spotlight--list .spotlight-image, .homepage .spotlight-container2 .spotlight--random .spotlight-image { width: 100%; } } @media only screen and (max-width: 674px) { .homepage .spotlight-container2 .spotlight--list .spotlight-image, .homepage .spotlight-container2 .spotlight--random .spotlight-image { height: 300px; } } .homepage .spotlight-container2 .spotlight--list .spotlight-image img, .homepage .spotlight-container2 .spotlight--random .spotlight-image img { display: none; } .homepage .spotlight-container2 .spotlight--list .spotlight-overlay, .homepage .spotlight-container2 .spotlight--random .spotlight-overlay { position: initial; width: 55%; background: #ffffff; position: relative; top: 0; bottom: 0; right: 0; text-align: left; padding: 65px 75px; height: 652px; } @media only screen and (max-width: 1024px) { .homepage .spotlight-container2 .spotlight--list .spotlight-overlay, .homepage .spotlight-container2 .spotlight--random .spotlight-overlay { height: 430px; padding: 40px; } } @media only screen and (max-width: 874px) { .homepage .spotlight-container2 .spotlight--list .spotlight-overlay, .homepage .spotlight-container2 .spotlight--random .spotlight-overlay { width: 100%; padding: 0px; } } @media only screen and (max-width: 674px) { .homepage .spotlight-container2 .spotlight--list .spotlight-overlay, .homepage .spotlight-container2 .spotlight--random .spotlight-overlay { height: 330px; } } .homepage .spotlight-container2 .spotlight--list .spotlight-overlay .spotlight-text, .homepage .spotlight-container2 .spotlight--random .spotlight-overlay .spotlight-text { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 1024px) { .homepage .spotlight-container2 .spotlight--list .spotlight-overlay .spotlight-text, .homepage .spotlight-container2 .spotlight--random .spotlight-overlay .spotlight-text { max-width: 90%; } } @media only screen and (max-width: 874px) { .homepage .spotlight-container2 .spotlight--list .spotlight-overlay .spotlight-text, .homepage .spotlight-container2 .spotlight--random .spotlight-overlay .spotlight-text { max-width: 100%; text-align: center; padding: 40px; } } @media only screen and (max-width: 674px) { .homepage .spotlight-container2 .spotlight--list .spotlight-overlay .spotlight-text, .homepage .spotlight-container2 .spotlight--random .spotlight-overlay .spotlight-text { padding: 10px; } } .homepage .spotlight-container2 .spotlight--list .spotlight-overlay .spotlight-text .spotlight-text__title, .homepage .spotlight-container2 .spotlight--random .spotlight-overlay .spotlight-text .spotlight-text__title { font-family: "Open Sans", Helvetica, Arial, sans-serif; color: #252525; font-size: 42px; margin-bottom: 15px; } @media only screen and (max-width: 1024px) { .homepage .spotlight-container2 .spotlight--list .spotlight-overlay .spotlight-text .spotlight-text__title, .homepage .spotlight-container2 .spotlight--random .spotlight-overlay .spotlight-text .spotlight-text__title { font-size: 36px; } } @media only screen and (max-width: 874px) { .homepage .spotlight-container2 .spotlight--list .spotlight-overlay .spotlight-text .spotlight-text__title, .homepage .spotlight-container2 .spotlight--random .spotlight-overlay .spotlight-text .spotlight-text__title { line-height: 37px; } } .homepage .spotlight-container2 .spotlight--list .spotlight-overlay .spotlight-text .spotlight-text__content, .homepage .spotlight-container2 .spotlight--random .spotlight-overlay .spotlight-text .spotlight-text__content { color: #6f6f6f; font-size: 16px; max-width: 70%; } @media only screen and (max-width: 1024px) { .homepage .spotlight-container2 .spotlight--list .spotlight-overlay .spotlight-text .spotlight-text__content span.hide, .homepage .spotlight-container2 .spotlight--random .spotlight-overlay .spotlight-text .spotlight-text__content span.hide { display: none; } } @media only screen and (min-width: 875px) { .homepage .spotlight-container2 .spotlight--list .spotlight-overlay .spotlight-text .spotlight-text__content span.elipses, .homepage .spotlight-container2 .spotlight--random .spotlight-overlay .spotlight-text .spotlight-text__content span.elipses { display: none; } } @media only screen and (max-width: 1440px) { .homepage .spotlight-container2 .spotlight--list .spotlight-overlay .spotlight-text .spotlight-text__content, .homepage .spotlight-container2 .spotlight--random .spotlight-overlay .spotlight-text .spotlight-text__content { max-width: 90%; } } @media only screen and (max-width: 1024px) { .homepage .spotlight-container2 .spotlight--list .spotlight-overlay .spotlight-text .spotlight-text__content, .homepage .spotlight-container2 .spotlight--random .spotlight-overlay .spotlight-text .spotlight-text__content { max-width: 100%; } } @media only screen and (max-width: 874px) { .homepage .spotlight-container2 .spotlight--list .spotlight-overlay .spotlight-text .spotlight-text__content, .homepage .spotlight-container2 .spotlight--random .spotlight-overlay .spotlight-text .spotlight-text__content { line-height: 1.2; } } .homepage .spotlight-container2 .spotlight--list .spotlight-overlay .spotlight-button, .homepage .spotlight-container2 .spotlight--random .spotlight-overlay .spotlight-button { display: -ms-flexbox; display: flex; margin-top: 60px; } @media only screen and (max-width: 1024px) { .homepage .spotlight-container2 .spotlight--list .spotlight-overlay .spotlight-button, .homepage .spotlight-container2 .spotlight--random .spotlight-overlay .spotlight-button { margin-top: 20px; } } @media only screen and (max-width: 874px) { .homepage .spotlight-container2 .spotlight--list .spotlight-overlay .spotlight-button, .homepage .spotlight-container2 .spotlight--random .spotlight-overlay .spotlight-button { display: block; position: absolute; bottom: 0; left: 0; right: 0; } } .homepage .spotlight-container2 .spotlight--list .spotlight-overlay .spotlight-button .spotlight-button__contents, .homepage .spotlight-container2 .spotlight--random .spotlight-overlay .spotlight-button .spotlight-button__contents { text-transform: uppercase; color: #ffffff; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 22px; background: #813d48; font-weight: bold; padding: 15px 30px; transition: background 0.3s ease; } .homepage .spotlight-container2 .spotlight--list .spotlight-overlay .spotlight-button .spotlight-button__contents:hover, .homepage .spotlight-container2 .spotlight--random .spotlight-overlay .spotlight-button .spotlight-button__contents:hover { background: #924552; } @media only screen and (max-width: 874px) { .homepage .spotlight-container2 .spotlight--list .spotlight-overlay .spotlight-button .spotlight-button__contents, .homepage .spotlight-container2 .spotlight--random .spotlight-overlay .spotlight-button .spotlight-button__contents { text-align: center; width: 100%; padding: 25px 30px; } } .homepage .spotlight-container2 .spotlight--list .slider__controls .slider-controls-nav .slider-nav, .homepage .spotlight-container2 .spotlight--random .slider__controls .slider-controls-nav .slider-nav { display: none; } .homepage .spotlight-container2 .spotlight--list .slider__controls .slider-controls-nav .slider-nav:after, .homepage .spotlight-container2 .spotlight--random .slider__controls .slider-controls-nav .slider-nav:after { font-size: 120px; color: #ffffff; } .homepage .spotlight-container2 .spotlight--list .slider__controls .slider-controls-nav .slider-nav--prev:after, .homepage .spotlight-container2 .spotlight--random .slider__controls .slider-controls-nav .slider-nav--prev:after { content: '\f104'; } .homepage .spotlight-container2 .spotlight--list .slider__controls .slider-controls-nav .slider-nav--next:after, .homepage .spotlight-container2 .spotlight--random .slider__controls .slider-controls-nav .slider-nav--next:after { content: '\f105'; } .homepage .spotlight-container2 .spotlight--list .slider__controls .slider-controls-pager, .homepage .spotlight-container2 .spotlight--random .slider__controls .slider-controls-pager { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; left: auto; right: 80px; top: 50%; height: 100%; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; transform: translateY(-50%); } .homepage .spotlight-container2 .spotlight--list .slider__controls .slider-controls-pager span, .homepage .spotlight-container2 .spotlight--random .slider__controls .slider-controls-pager span { height: 20px; width: 20px; background: #989898; margin: 7px 0px; } .homepage .spotlight-container2 .spotlight--list .slider__controls .slider-controls-pager span.fire-pager-active, .homepage .spotlight-container2 .spotlight--random .slider__controls .slider-controls-pager span.fire-pager-active { background: #949b54; } @media only screen and (max-width: 1024px) { .homepage .spotlight-container2 .spotlight--list .slider__controls .slider-controls-pager, .homepage .spotlight-container2 .spotlight--random .slider__controls .slider-controls-pager { right: 20px; } } @media only screen and (max-width: 674px) { .homepage .spotlight-container2 .spotlight--list .slider__controls .slider-controls-pager, .homepage .spotlight-container2 .spotlight--random .slider__controls .slider-controls-pager { right: auto; -ms-flex-direction: row; flex-direction: row; width: 100%; top: 43%; } .homepage .spotlight-container2 .spotlight--list .slider__controls .slider-controls-pager span, .homepage .spotlight-container2 .spotlight--random .slider__controls .slider-controls-pager span { margin: 0px 7px; } } body.nav-is-offscreen .nav-container { z-index: 9000; top: 0; right: 0; left: 0; height: 130px; transform: translateY(-100%); } body.nav-is-visible .nav-container { position: fixed; transform: translateY(0); transition: transform 0.3s cubic-bezier(0.4, 0, 1, 1); } body.nav-is-visible .nav-container .nav-logo, body.nav-is-visible .nav-container nav.dropdown { transform: translateX(0); } body.nav-is-visible .nav-container .nav-logo { transition: transform 1.2s cubic-bezier(0.68, -0.55, 0.27, 1.55); } body.nav-is-visible .nav-container nav.dropdown { transition: transform 1.4s cubic-bezier(0.68, -0.55, 0.27, 1.55); } @media only screen and (max-width: 874px) { body.nav-is-visible .nav-container { height: 90px; } body.nav-is-visible .content-block.donate-block a { height: 90px; } } @media only screen and (max-width: 674px) { body.nav-is-visible .nav-container { height: 60px; } body.nav-is-visible .content-block.donate-block a { height: 60px; } } @media only screen and (max-width: 874px) { body.nav-is-visible .nav-row .menu-toggle { height: 90px; } } @media only screen and (max-width: 674px) { body.nav-is-visible .nav-container { height: auto; border-bottom: none; } body.nav-is-visible .nav-row { -ms-flex-direction: row; flex-direction: row; height: auto; } body.nav-is-visible .nav-row .content-block.donate-block { width: 77%; } body.nav-is-visible .nav-row .content-block.donate-block a { height: 60px; } } @media only screen and (max-width: 674px) and (max-width: 674px) { body.nav-is-visible .nav-row .content-block.donate-block ul { -ms-flex-direction: row; flex-direction: row; } body.nav-is-visible .nav-row .content-block.donate-block ul li { -ms-flex: 1; flex: 1; } } @media only screen and (max-width: 674px) { body.nav-is-visible .nav-row .menu-toggle { padding: 20px; height: 55px; width: 100%; } } body.desktop-nav-is-too-wide .nav-logo, body.in-portal .nav-logo { transform: translateX(0); } body.desktop-nav-is-too-wide nav.dropdown, body.in-portal nav.dropdown { display: none; } body.desktop-nav-is-too-wide .menu-toggle, body.in-portal .menu-toggle { display: block; height: 130px; } @media only screen and (max-width: 674px) { body.desktop-nav-is-too-wide .menu-toggle, body.in-portal .menu-toggle { height: 70px; } } @media only screen and (max-width: 674px) { body.internal.desktop-nav-is-too-wide .menu-toggle, body.in-portal .menu-toggle { height: 55px; } } body.menu-is-visible .menu-container { transform: translateY(0%); } /* ============================================================================= Header ============================================================================= */ header { position: absolute; left: 0; right: 0; z-index: 999; transition: background 0.4s; } header .outer-wrap { position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; transition: background 0.4s; } header .nav-logo { padding: 26px 0px; -ms-flex: 1; flex: 1; } header .nav-logo img { max-height: 80px; transition: .35s max-height ease; } @media only screen and (max-width: 874px) { header .nav-logo { padding: 16px 0px; } } @media only screen and (max-width: 674px) { header .nav-logo img { max-height: 45px; } } header nav.dropdown { -ms-flex: 5; flex: 5; } header .search_icon { -ms-flex: 0.2; flex: 0.2; padding-left: 10px; color: #ffffff; cursor: pointer; } header .search_icon .fa { color: #ffffff; font-size: 20px; margin-right: 19px; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; } header .mobile_menu { margin-right: auto; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #ffffff; letter-spacing: 1px; } header .mobile_menu i { display: none; margin-right: 6px; transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1); font-size: 36px; } @media only screen and (max-width: 674px) { header .mobile_menu i { margin-right: 0; } } @media only screen and (max-width: 874px) { header { background: #032a56; } header .outer-wrap { background: #032a56; } header nav.dropdown { display: none; } header .search_icon { display: none; } header .mobile_menu i { display: initial; } } @media only screen and (max-width: 1440px) { header .outer-wrap { padding: 0px 20px; } } /* ============================================================================= BODY CLASSES ============================================================================= */ body.desktop_nav_is_too_wide header, body.desktop_nav_is_too_wide header .outer-wrap { background: #032a56; } body.desktop_nav_is_too_wide nav.dropdown { display: none; } body.desktop_nav_is_too_wide .search_icon { display: none; } body.desktop_nav_is_too_wide .mobile_menu i { display: block; } @media only screen and (max-width: 874px) { body.mobile_menu_is_visible .mobile_nav_container { visibility: visible; transform: translateY(100%); transition: 0.4s transform cubic-bezier(0.65, 0.05, 0.36, 1) 0.1s, 0s visibility ease 0s; } body.mobile_menu_is_visible .mobile_menu i { transform: rotate(180deg); } body.mobile_menu_is_visible .mobile_menu .fa-navicon:before, body.mobile_menu_is_visible .mobile_menu .fa-reorder:before, body.mobile_menu_is_visible .mobile_menu .fa-bars:before { content: "\f00d"; } body.mobile_menu_is_visible header .outer-wrap { background: #032a56; } } body.desktop_nav_is_too_wide.mobile_menu_is_visible .mobile_nav_container { visibility: visible; transform: translateY(100%); transition: 0.4s transform cubic-bezier(0.65, 0.05, 0.36, 1) 0.1s, 0s visibility ease 0s; } body.nav_is_offscreen header { transform: translateY(-100%); transition: transform .5s ease; } body.sticky_nav_is_visible header { position: fixed; left: 0; right: 0; top: 0; background: #032a56; z-index: 2000; transform: translateY(0); } body.sticky_nav_is_visible header .nav-logo { padding: 12px 0px; } body.sticky_nav_is_visible header .nav-logo img { max-height: 45px; } body.search_overlay_is_visible { overflow: hidden; } body.search_overlay_is_visible .search_section { opacity: 1; visibility: visible; } /* ============================================================================= Footer ============================================================================= */ .outro_section { background: #032a56; color: #ffffff; text-align: center; overflow: hidden; position: relative; transition: max-height 0.5s ease-in-out; } .outro_section .wrap { max-width: 855px; } .outro_section h1, .outro_section h3, .outro_section h4, .outro_section h5, .outro_section h6 { color: #ffffff; } .outro_section h2:first-of-type { color: #ffffff; } .outro_section p { font-size: 18px; line-height: 1.7; } .outro_section .collection--list ul { margin: 0; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .outro_section .collection--list ul .collection-item-label { max-width: 220px; font-size: 20px; } .outro_section .collection--list ul .collection-item-label a { color: #ffffff; } .outro_section .collection--list ul .collection-item-description { display: none; } .outro_section .collection--list ul .image { display: none; } @media only screen and (max-width: 674px) { .outro_section { max-height: 100%; } .outro_section:after { display: none; } } .outro_section { padding: 64px 30px; } @media only screen and (max-width: 674px) { .outro_section { padding: 32px 25px; } } .email_marketing { background: #0a3e4e; padding: 64px 0px; color: #ffffff; text-align: center; } .email_marketing .wrap { max-width: 855px; } .email_marketing h1, .email_marketing h2, .email_marketing h3, .email_marketing h4, .email_marketing h5, .email_marketing h6 { color: #ffffff; } @media only screen and (max-width: 874px) { .email_marketing { padding: 64px 50px; } } @media only screen and (max-width: 674px) { .email_marketing { padding: 32px 25px; } } footer { padding: 60px 0px; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-direction: center; flex-direction: center; -ms-flex-align: start; align-items: flex-start; color: #032a56; font-size: 16px; } footer a { color: #032a56; } footer a:hover { color: #ffffff; } footer .footer-logo { margin: 0px 0px 25px 0px; } footer .location_section .location { margin-bottom: 15px; } footer .location_section .location a { color: #a44d5b; } footer .location_section .location a:hover { color: #ffffff; } footer .location_section .label { display: inline-block; height: 1.3125rem; background: transparent; color: #032a56; font-weight: 400; font-size: 14px; line-height: 1.3125rem; text-align: center; border-radius: 4px; padding-right: 0.4375rem; padding-left: 0.4375rem; font-style: italic; } footer .location_section .location__title h5 { color: #032a56; font-family: "Merriweather", Georgia, serif; } footer .location_section .location__address { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } footer .location_section .location__address .address1, footer .location_section .location__address .location-address--1 { position: relative; margin-right: 12px; } footer .location_section .location__address .address1:after, footer .location_section .location__address .location-address--1:after { content: "\f111"; font-family: FontAwesome; font-size: 4px; display: inline; position: absolute; right: -16px; top: 9px; width: 20px; } @media only screen and (max-width: 674px) { footer .location_section .location__address .address1:after, footer .location_section .location__address .location-address--1:after { display: none; } } footer .location_section .location__address .address3, footer .location_section .location__address .location-address--3, footer .location_section .location__address .location-address--4, footer .location_section .location__address .location-address--5 { position: relative; margin-left: 12px; } footer .location_section .location__address .address3:before, footer .location_section .location__address .location-address--3:before, footer .location_section .location__address .location-address--4:before, footer .location_section .location__address .location-address--5:before { content: "\f111"; font-family: FontAwesome; font-size: 4px; display: inline; position: absolute; left: -16px; top: 9px; width: 20px; } @media only screen and (max-width: 674px) { footer .location_section .location__address .address3:before, footer .location_section .location__address .location-address--3:before, footer .location_section .location__address .location-address--4:before, footer .location_section .location__address .location-address--5:before { display: none; } } @media only screen and (max-width: 674px) { footer .location_section .location__address { -ms-flex-direction: column; flex-direction: column; } } footer .location_section .location__email, footer .location_section .location-links-email { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } footer .location_section .phone1, footer .location_section .location-phone--1, footer .location_section .phone2, footer .location_section .location-phone--2, footer .location_section .phone3, footer .location_section .location-phone--3 { display: -ms-flexbox; display: flex; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } footer .footer_info { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; color: #ffffff; } footer .footer_info a { color: #032a56; } footer .footer_info .copyright { font-weight: normal; padding: 10px 0px 0px 0px; } footer .footer_info .copyright p { margin: 0; padding: 0; } footer .footer_info .pp_tc { margin: 10px 20px 0px 0px; } footer .footer_info .pp_tc .policy-link { margin-left: 1rem; } footer .footer_info .pp_tc a { color: #ffffff; } footer .footer_info .pp_tc a:hover { color: #a44d5b; } footer .footer_info .powered_by { padding: 10px 0px 0px 0px; } footer .footer_info .powered_by .powered-by-block { color: #032a56; font-style: italic; } footer .footer_info .powered_by .powered-by-block a { color: #ffffff; font-style: normal; font-weight: bold; } footer .footer_info .powered_by .powered-by-block a:hover { color: #a44d5b; } footer .footer_info .powered_by .powered-by-block p { margin: 0; padding: 0; } @media only screen and (max-width: 674px) { footer .footer_info { -ms-flex-direction: column; flex-direction: column; } } footer .footer_info .powered_by .powered-by-block p { color: #ffffff; } footer .footer_info .powered_by .powered-by-block a:hover { color: #ffffff; border-bottom: 1px dotted #ffffff; } footer .footer_info .pp_tc a:hover { color: #ffffff; border-bottom: 1px dotted #ffffff; } footer .location_section .location a { color: #ffffff; } footer .location_section .location a:hover { border-bottom: 1px dotted #ffffff; } footer .location_section .label { color: #ffffff; } footer .location_section .location__address { color: #ffffff; } /************************ google translate ************************/ footer .footer_info .powered_by .powered-by-block { display: -ms-flexbox; display: flex; } .goog-te-gadget { margin-left: 12px; } /* ============================================================================= Extends ============================================================================= */ .e2ma_signup_form_button_row input, .button, .button:active, .button:focus, .button:link, .button:visited, .spotlight_section .spotlight--list .spotlight-overlay .spotlight-button, .spotlight_section .spotlight--random .spotlight-overlay .spotlight-button, .outro_section .collection--list ul .collection-item-label { background: #032a56; text-align: center; padding: 15px 25px; border-radius: 4px; text-transform: uppercase; font-weight: 700; font-family: "Open Sans", Helvetica, Arial, sans-serif; margin: 10px 5px 10px 0px; transition: background 0.3s; text-shadow: none; } .e2ma_signup_form_button_row input:hover, .button:hover, .spotlight_section .spotlight--list .spotlight-overlay .spotlight-button:hover, .spotlight_section .spotlight--random .spotlight-overlay .spotlight-button:hover, .outro_section .collection--list ul .collection-item-label:hover { background: #04366f; } .spotlight_section .spotlight--list .slider__contents li:before, .spotlight_section .spotlight--random .slider__contents li:before, .internal .masthead_section:before { content: ""; height: 550px; /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ position: absolute; top: 0; left: 0; right: 0; } /* ============================================================================= content blocks ============================================================================= */ .content-block.additional-header-block { color: #ffffff; } .content-block.additional-header-block h1, .content-block.additional-header-block h2, .content-block.additional-header-block h3, .content-block.additional-header-block h4, .content-block.additional-header-block h5, .content-block.additional-header-block h6 { color: #ffffff; } @media only screen and (max-width: 874px) { .content-block.additional-header-block { display: none; } } .content-block.sponsors-block, .content-block.logos-block { padding: 64px 30px; } @media only screen and (max-width: 674px) { .content-block.sponsors-block, .content-block.logos-block { padding: 32px 25px; } } .content-block.email-marketing-block { text-align: center; } .content-block.email-marketing-block form { max-width: 375px; margin: 0 auto; } .content-block.email-marketing-block .button, .content-block.email-marketing-block .e2ma_signup_form_button_row input { width: 100%; margin: 0px; } .content-block.email-marketing-block .form-row--checkbox, .content-block.email-marketing-block .form-row--radio { text-align: left; } .content-block.additional-footer-block { color: #ffffff; } .content-block.additional-footer-block h1, .content-block.additional-footer-block h2, .content-block.additional-footer-block h3, .content-block.additional-footer-block h4, .content-block.additional-footer-block h5, .content-block.additional-footer-block h6 { color: #ffffff; } .content-block.social-media-block { margin: 50px 0px 20px 0px; } .content-block.social-media-block .collection { margin: 0; } .content-block.social-media-block ul { list-style: none; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin: 0; padding: 0; position: relative; } .content-block.social-media-block ul .collection-item-label, .content-block.social-media-block ul .collection-item-description { display: none; } .content-block.social-media-block ul .collection-item-image { margin: 0; min-width: 25px; min-height: 25px; } .content-block.social-media-block ul .collection-item-image img { opacity: 1; transition: opacity, 0.4s; } @media only screen and (max-width: 874px) { .content-block.social-media-block ul .collection-item-image { max-width: 65px !important; max-height: 65px !important; } } @media only screen and (max-width: 674px) { .content-block.social-media-block ul .collection-item-image { max-width: 25px !important; max-height: 25px !important; } } .content-block.social-media-block ul .collection-item-image.image { max-width: 65px !important; } @media only screen and (max-width: 674px) { .content-block.social-media-block ul .collection-item-image.image { max-width: 25px !important; } } .content-block.social-media-block ul li { padding: 0px 5px; margin: 0; display: -ms-flexbox; display: flex; -ms-flex: none; flex: none; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .content-block.social-media-block ul li:hover .collection-item-image img { opacity: .75; } @media only screen and (max-width: 674px) { .content-block.social-media-block ul li { padding: 0px 2px; } } .content-block.social-media-block ul:before, .content-block.social-media-block ul:after { content: ""; top: 50%; background: #032a56; height: 1px; width: 100%; display: inline; } .content-block.social-media-block ul:after { margin-left: 10px; } .content-block.social-media-block ul:before { margin-right: 10px; } .search_section { position: fixed; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 3000; background: rgba(3, 42, 86, 0.95); transition: all 0.4s ease-in-out; opacity: 0; visibility: hidden; display: -ms-flexbox; display: flex; } .search_section .search_close { position: absolute; top: 13px; right: 18px; color: #ffffff; font-size: 20px; cursor: pointer; } .search_section .search_close i { font-size: 30px; } .search_section .search_close span { display: none; } .search_section .content-block.search-block { width: 100%; } .search_section .content-block.search-block .form-control--search:before { color: #ffffff; position: absolute; font-size: 42px; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .search_section .search-form { text-align: center; padding: 100px 37px 0; max-width: 700px; margin: 0 auto; } .search_section input { width: 100%; padding: 0 25px 0px 60px; background-color: transparent; background-position: 96% center; color: #ffffff; border: 2px solid #ffffff; border-radius: 4px; font-size: 26px; line-height: 70px; font-family: "Merriweather", Georgia, serif; height: auto; box-shadow: none; height: 72px; } .search_section input:focus { border-color: #ffffff; color: #ffffff; } @media only screen and (max-width: 674px) { .search_section input { font-size: 20px; line-height: 60px; } } .search_section .search_overlay_toggle { position: absolute; top: 20px; right: 20px; font-size: 35px; width: 40px; height: 40px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-radius: 100px; color: #ffffff; cursor: pointer; } .fast-facts-container { position: relative; } .fast-facts-container:before { content: ""; background: rgba(16, 16, 16, 0.5); position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; z-index: 0; } .content-block.fast-facts-block { padding: 60px 20px; position: relative; z-index: 10; } .content-block.fast-facts-block h1, .content-block.fast-facts-block h2, .content-block.fast-facts-block h3, .content-block.fast-facts-block h4, .content-block.fast-facts-block h5, .content-block.fast-facts-block h6 { text-align: center; line-height: 1; margin: 0; padding-bottom: 25px; } .content-block.fast-facts-block ul { margin: 0; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .content-block.fast-facts-block li { text-align: center; -ms-flex: 0 1 300px; flex: 0 1 300px; background: rgba(37, 37, 37, 0.5); position: relative; margin: 10px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 1440px) { .content-block.fast-facts-block li { -ms-flex: 0 1 240px; flex: 0 1 240px; } } .content-block.fast-facts-block li:after { content: ""; position: absolute; display: block; right: -5px; bottom: -5px; width: 0; height: 0; border-style: solid; border-width: 0 0 38px 38px; } .content-block.fast-facts-block li:nth-child(4n+1):after { border-color: transparent transparent #032a56 transparent; } .content-block.fast-facts-block li:nth-child(4n+2):after { border-color: transparent transparent #949b54 transparent; } .content-block.fast-facts-block li:nth-child(4n+3):after { border-color: transparent transparent #032a56 transparent; } .content-block.fast-facts-block li:nth-child(4n+4):after { border-color: transparent transparent #813d48 transparent; } .content-block.fast-facts-block .collection-item__content { font-family: "Open Sans", Helvetica, Arial, sans-serif; margin: 60px 20px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; max-width: 100%; width: 171px; } .content-block.fast-facts-block .collection-item-label { color: #813d48; text-align: center; margin-bottom: 15px; max-width: 100%; font-size: 24px; line-height: 26px; font-weight: bold; } .content-block.fast-facts-block .collection-item-label a { color: #813d48; } .content-block.fast-facts-block .collection-item-description { font-size: 46px; line-height: 48px; font-weight: bold; text-align: center; } .content-block.fast-facts-block .collection-item-description p { color: #ffffff; } @media only screen and (max-width: 1440px) { .content-block.fast-facts-block .collection-item-description { font-size: 36px; line-height: 38px; font-weight: bold; } } .fast-facts-container.has-bg-no-list.container-dark { height: auto !important; max-height: none !important; } nav.subnav { width: 100%; } nav.subnav ul { list-style: none; margin: 0; padding: 0; } nav.subnav a { display: block; position: relative; font-size: 16px; font-weight: 400; } nav.subnav a span.accordian_toggle { width: 50px; height: 100%; position: absolute; top: 0; bottom: 0; right: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } nav.subnav a span.accordian_toggle:after { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: ""; font-size: 22px; } nav.subnav a span.accordian_toggle:hover:after { transform: rotate(90deg); } nav.subnav li.nav__list--parent a { padding-right: 50px; } nav.subnav li.subnav_open > a { color: null; background: null; } nav.subnav li.subnav_open > a > span.accordian_toggle:after { transform: rotate(90deg); } nav.subnav ul li:not(:last-child) a { border-bottom: 1px solid rgba(152, 152, 152, 0.2); } nav.subnav ul li a { font-size: 16px; padding: 20px 20px 20px 0px; background: #ffffff; color: #813d48; } nav.subnav ul li:hover > a { background: #ffffff; color: #813d48; } nav.subnav ul ul { display: none; } nav.subnav ul ul li:not(:last-child) a { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } nav.subnav ul ul li a { font-size: 14px; padding: 15px 20px 15px 20px; background: #032a56; color: #ffffff; } nav.subnav ul ul li:hover > a { background: #032a56; color: #a5aeb7; } nav.subnav ul ul ul { display: none; } nav.subnav ul ul ul li:not(:last-child) a { border-bottom: none; } nav.subnav ul ul ul li a { font-size: 14px; padding: 10px 20px 10px 20px; background: #813d48; color: #ffffff; } nav.subnav ul ul ul li:hover > a { background: #813d48; color: #032a56; } .mobile_nav_container { visibility: hidden; transform: translateY(-100%); transition: transform .5s ease; position: absolute; right: 0; top: auto; bottom: 450px; height: 150vh; padding-top: 450px; background: #813d48; width: 500px; z-index: -1; bottom: 0; right: 0; height: 100%; padding-top: 0; transform: translateY(0); height: 100vh; transition: 0.4s transform cubic-bezier(0.65, 0.05, 0.36, 1) 0.1s, 0s visibility ease 1s; } @media only screen and (min-width: 875px) { .mobile_nav_container { transition: none; } } @media only screen and (max-width: 674px) { .mobile_nav_container { width: 100%; } } .mobile_nav_container .search_icon.search_overlay_toggle { color: #ffffff; cursor: pointer; float: right; padding: 15px 20px; } .mobile_nav_container .search_icon.search_overlay_toggle .fa { margin-right: 0 !important; color: #ffffff; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; font-size: 24px; } @media only screen and (max-width: 874px) { .mobile_nav_container .search_icon.search_overlay_toggle { display: block; } } .mobile_nav_container .mobile_menu { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #ffffff; letter-spacing: 1px; float: right; padding: 15px 20px; } .mobile_nav_container .mobile_menu i { font-size: 28px; } @media only screen and (max-width: 674px) { .mobile_nav_container .mobile_menu i { margin-right: 0; } } @media only screen and (max-width: 674px) { .mobile_nav_container { width: 100%; } } nav.mobile_dropdown ul { list-style: none; margin: 0; padding: 0px; } nav.mobile_dropdown ul:first-child { padding: 0px 0px 100px 0px; } nav.mobile_dropdown a { display: block; position: relative; font-size: 16px; font-weight: 400; } nav.mobile_dropdown a span.accordian_toggle { width: 50px; height: 100%; position: absolute; top: 0; bottom: 0; right: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } nav.mobile_dropdown a span.accordian_toggle:after { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: ""; font-size: 22px; } nav.mobile_dropdown a span.accordian_toggle:hover:after { transform: rotate(90deg); } nav.mobile_dropdown li.nav__list--parent a { padding-right: 50px; } nav.mobile_dropdown li.mobile_open > a { color: null; background: null; } nav.mobile_dropdown li.mobile_open > a > span.accordian_toggle:after { transform: rotate(90deg); } nav.mobile_dropdown ul li:not(:last-child) a { border-bottom: 1px solid rgba(152, 152, 152, 0.5); } nav.mobile_dropdown ul li a { font-size: 16px; padding: 20px; background: transparent; color: #ffffff; } nav.mobile_dropdown ul li:hover > a { background: #0a3e4e; color: #ffffff; } nav.mobile_dropdown ul ul { display: none; } nav.mobile_dropdown ul ul li:not(:last-child) a { border-bottom: 1px solid rgba(255, 255, 255, 0.3); } nav.mobile_dropdown ul ul li a { font-size: 14px; padding: 15px 20px 15px 40px; background: #0a3e4e; color: #ffffff; } nav.mobile_dropdown ul ul li:hover > a { background: #0a3e4e; color: #ffffff; } nav.mobile_dropdown ul ul ul { display: none; } nav.mobile_dropdown ul ul ul li:not(:last-child) a { border-bottom: 1px solid rgba(255, 255, 255, 0.3); } nav.mobile_dropdown ul ul ul li a { font-size: 14px; padding: 15px 20px 15px 60px; background: #032a56; color: #ffffff; } nav.mobile_dropdown ul ul ul li:hover > a { background: #032a56; color: #ffffff; } nav.mobile_dropdown ul ul ul ul { display: none; } nav.mobile_dropdown ul ul ul ul li:not(:last-child) a { border-bottom: 1px solid rgba(255, 255, 255, 0.3); } nav.mobile_dropdown ul ul ul ul li a { font-size: 12px; padding: 10px 20px 10px 80px; background: #032a56; color: #ffffff; } nav.mobile_dropdown ul ul ul ul li:hover > a { background: #032a56; color: #ffffff; } nav.dropdown ul { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; list-style: none; margin: 0; padding: 0; } nav.dropdown li { position: relative; -ms-flex-negative: 0; flex-shrink: 0; } nav.dropdown a { display: block; } nav.dropdown ul ul .nav__list--parent a { padding-right: 21px; } nav.dropdown ul ul .nav__list--parent:after { content: ""; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); color: #813d48; font-size: 14px; padding: 0 10px; z-index: 1; } nav.dropdown ul ul > li.nav__list--parent:hover:after { color: #032a56; } nav.dropdown > ul li:hover > a { background-color: transparent; color: #ffffff; border-top: 10px solid #ffffff; } nav.dropdown > ul a { background-color: transparent; color: #ffffff; font-size: 18px; padding: 19px 0px; font-weight: bold; margin: 0px 16px; border-top: 10px solid transparent; } nav.dropdown > ul > li:last-child ul { right: 0; left: auto; } nav.dropdown > ul > li:last-child ul .nav__list--parent a { padding-left: 21px; } nav.dropdown > ul > li:last-child ul .nav__list--parent:after { content: "\f104"; left: 10px; } nav.dropdown > ul > li:last-child ul ul { left: -100%; } nav.dropdown ul ul { display: none; position: absolute; width: auto; left: 18px; width: 250px; background-color: #ffffff; } nav.dropdown ul ul li:hover > a { background-color: #ffffff; color: #032a56; border-top: none; } nav.dropdown ul ul a { background-color: #ffffff; color: #813d48; font-size: 16px; font-weight: normal; border-top: none; border-bottom: 1px solid rgba(152, 152, 152, 0.2); } nav.dropdown ul ul .nav__list--parent:after { color: #813d48; } nav.dropdown ul ul > li.nav__list--parent:hover:after { color: #032a56; } nav.dropdown ul ul ul { top: 0; left: 100%; background-color: #032a56; } nav.dropdown ul ul ul li:hover > a { background-color: #032a56; color: #a5aeb7; border-top: none; } nav.dropdown ul ul ul a { background-color: #032a56; color: #ffffff; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } nav.dropdown ul ul ul .nav__list--parent:after { color: #ffffff; } nav.dropdown ul ul ul > li.nav__list--parent:hover:after { color: #a5aeb7; } nav.dropdown ul ul ul ul { top: 0; left: 100%; background-color: #813d48; } nav.dropdown ul ul ul ul li:hover > a { background-color: #813d48; color: #032a56; } nav.dropdown ul ul ul ul a { background-color: #813d48; color: #ffffff; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } nav.dropdown ul ul ul ul .nav__list--parent:after { color: #ffffff; } nav.dropdown ul ul ul ul > li.nav__list--parent:hover:after { color: #032a56; } nav.dropdown ul ul ul ul ul { top: 0; left: 100%; background-color: #ffffff; } nav.dropdown ul ul ul ul ul li:hover > a { background-color: #ffffff; color: #032a56; } nav.dropdown ul ul ul ul ul a { background-color: #ffffff; color: #813d48; border-bottom: 1px solid rgba(152, 152, 152, 0.2); } nav.dropdown ul ul ul ul ul .nav__list--parent:after { color: #813d48; } nav.dropdown ul ul ul ul ul > li.nav__list--parent:hover:after { color: #032a56; } nav.dropdown li:hover > ul { display: block; } /* ============================================================================= General ============================================================================= */ /* ============================================================================= Homepage ============================================================================= */ main { background-color: #ffffff; padding: 64px 10px; } main p, .donate_section p, .video_section p, .email_section p { line-height: 2; } @media only screen and (max-width: 674px) { main, .donate_section, .video_section, .email_section { padding: 0; } main p, .donate_section p, .video_section p, .email_section p { line-height: 1.7; font-size: 16px; } } .donate_section { padding: 64px 0px; color: #ffffff; } .donate_section .wrap { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .donate_section a { color: #ffffff; transition: color ease 0.4s; display: block; } .donate_section a:hover { color: #032a56; } .donate_section .collection { margin: 0; padding: 0; } .donate_section ul { list-style: none; margin: 0; padding: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; } .donate_section ul li { margin: 0; padding: 0px 5px; } .donate_section ul .image { display: none; } .donate_section ul .collection-item-description { display: none; } .donate_section ul .collection-item-label { font-family: "Open Sans", Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 18px; letter-spacing: 1px; margin: 0; padding: 0; position: relative; transition: all ease 0.4s; } .donate_section ul .collection-item-label a { font-family: "Open Sans", Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 18px; letter-spacing: 1px; margin: 0; border: 2px solid #ffffff; border-radius: 4px; padding: 10px 25px; padding-right: 35px; position: relative; transition: all ease 0.4s; } .donate_section ul .collection-item-label a:after { content: '\f105'; font-family: FontAwesome; font-size: 14px; position: absolute; right: 20px; top: 0; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .donate_section ul .collection-item-label:hover a { color: #032a56; border: 2px solid #032a56; } @media only screen and (max-width: 874px) { .donate_section ul { padding: 0px 10px; } } @media only screen and (max-width: 674px) { .donate_section ul .wrap { -ms-flex-direction: column; flex-direction: column; } .donate_section ul li { margin: 10px 5px; padding: 5px; } } .intro_content, .primary_content { text-align: center; } .intro_content .form-row--checkbox, .intro_content .form-row--radio, .primary_content .form-row--checkbox, .primary_content .form-row--radio { text-align: left; } .intro_content .form-row__label, .primary_content .form-row__label { text-align: left; } @media only screen and (max-width: 874px) { .intro_content, .primary_content { padding: 20px 25px; } } .spotlight-container2 { background: #ffffff; } main { background: #ffffff; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 874px) { main { -ms-flex-direction: column; flex-direction: column; } } main .news-container { -ms-flex: 1 0 50%; flex: 1 0 50%; padding: 70px 55px; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; } @media only screen and (max-width: 1024px) { main .news-container { padding: 20px; } } @media only screen and (max-width: 874px) { main .news-container { -ms-flex: none; flex: none; } } @media only screen and (max-width: 674px) { main .news-container { width: 100%; } main .news-container h1, main .news-container h2, main .news-container h3, main .news-container h4, main .news-container h5, main .news-container h6 { text-align: center; } } main .news-container .news-content { width: 100%; max-width: 100%; } main .news-container .news-content a:hover { cursor: pointer; } @media only screen and (min-width: 1025px) { main .news-container .news-content { margin-left: 20%; } } main .news-container .news-articles--list .news-article { box-shadow: none; margin-top: 30px; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 674px) { main .news-container .news-articles--list .news-article { text-align: center; display: block; } } main .news-container .news-article-title h5 { font-size: 30px; line-height: 36px; font-weight: bold; margin-bottom: 10px; } main .news-container .news-article-title h5 a { color: #252525; padding-bottom: 2px; transition: border-bottom 0.3s ease; border-bottom: 1px solid transparent; } main .news-container .news-article-title h5:hover a { border-bottom: 1px solid #252525; } main .news-container span.separator { display: none; } main .news-container .news-article-meta--date { color: #813d48; font-family: "Open Sans", Helvetica, Arial, sans-serif; display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 0px 45px 0px 0px; border-right: 1px solid rgba(152, 152, 152, 0.8); margin-right: 25px; width: 119px; max-width: 100%; } main .news-container .news-article-meta--date span.date-month { font-size: 18px; line-height: 20px; font-weight: bold; } main .news-container .news-article-meta--date span.date-day { font-size: 72px; line-height: 66px; font-weight: bold; } main .news-container .news-article-meta--date span.date-year { display: none; } @media only screen and (max-width: 674px) { main .news-container .news-article-meta--date { border-right: 0px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 0px; margin: 0px 0px 25px 0px; min-width: 100%; } main .news-container .news-article-meta--date span.date-month { padding: 0px 0px 25px 0px; border-bottom: 1px solid #989898; } } main .news-container .news-article-meta--author { color: #949b54; line-height: 1; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 20px; font-weight: bold; text-transform: uppercase; } main .news-container .news-article-image { display: none; } main .news-container .news-article-description { color: #6f6f6f; transition: all 0.3s ease; } main .news-container .news-article-description p { display: inline; } main .news-container .news-article-description span.show { display: inline !important; } main .news-container .news-article-description span.hide { display: none; } main .news-container .news-articles-archive { text-align: right; text-transform: uppercase; color: #ffffff; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 22px; } main .news-container .news-articles-archive a { background: #813d48; color: #ffffff; font-weight: bold; padding: 10px 20px; transition: background 0.3s ease; } main .news-container .news-articles-archive:hover a { background: #924552; } @media only screen and (max-width: 674px) { main .news-container .news-articles-archive { text-align: center; width: 100%; } main .news-container .news-articles-archive a { width: 100%; } } main .image-container { -ms-flex: 1 0 35%; flex: 1 0 35%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 100px 50px; position: relative; height: auto; } @media only screen and (max-width: 1024px) { main .image-container { padding: 0; } } @media only screen and (max-width: 874px) { main .image-container { height: 540px; -ms-flex: none; flex: none; width: 100%; } } @media only screen and (max-width: 674px) { main .image-container { height: 420px; padding: 50px; } } main .image-container:before { content: ""; background: rgba(255, 255, 255, 0.1); position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; z-index: 0; } main .image-container .collection { position: relative; z-index: 10; margin-bottom: 0; } @media only screen and (max-width: 1024px) { main .image-container .collection { width: 100%; } } @media only screen and (max-width: 674px) { main .image-container .collection { width: auto; } } main .image-container ul { list-style: none; margin: 0; padding: 0; } main .image-container li:not(:first-child) { display: none; } main .image-container .collection-item-description { display: none; } main .image-container .collection-item-label { font-family: "Open Sans", Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 22px; line-height: 24px; font-weight: bold; } main .image-container .collection-item-label a { color: #ffffff; padding: 36px 40px; background: rgba(3, 42, 86, 0.8); transition: background 0.3s ease; display: block; text-align: center; } main .image-container .collection-item-label:hover a { background: #032a56; } main .image-container .spotlight--random .spotlight-overlay { position: relative; top: auto; left: auto; width: 100%; height: 100%; } main .image-container .spotlight--random .spotlight-text { display: none; } main .image-container .spotlight--random .spotlight-button { font-family: "Open Sans", Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 22px; line-height: 24px; font-weight: bold; color: #ffffff; padding: 36px 40px; background: rgba(3, 42, 86, 0.8); transition: background 0.3s ease; display: block; text-align: center; margin-bottom: 30px; } @media only screen and (max-width: 674px) { main .image-container .spotlight--random .spotlight-button { margin-bottom: none; } } main .image-container .spotlight--random .spotlight-button:hover { background: #032a56; } .testimonials-container { color: #252525; margin: 0; position: relative; overflow: hidden; } .testimonials-container .collection { margin: 0; } .testimonials-container hr { max-width: 70%; } .testimonials-container > *:not(.collection--list) { max-width: 1170px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } .testimonials-container .collection--list ul { list-style: none; margin: 0; padding: 0; } .testimonials-container .collection--list li { background: #813d48; position: relative; } .testimonials-container .collection--list li + li { margin-top: 100px; } @media only screen and (max-width: 674px) { .testimonials-container .collection--list li { padding-bottom: 40px; } } .testimonials-container .collection--list li:nth-child(n+2) { display: none; } .testimonials-container .collection--list .collection-item__content { display: -ms-flexbox; display: flex; margin: 0 auto; -ms-flex-align: stretch; align-items: stretch; } @media only screen and (max-width: 874px) { .testimonials-container .collection--list .collection-item__content { display: block; text-align: center; } } .testimonials-container .collection--list .collection-item-image { -ms-flex: 0 1 45%; flex: 0 1 45%; min-width: 200px; min-height: 490px; margin-top: 0px; margin-bottom: 0px; margin-right: 20px; } @media only screen and (max-width: 874px) { .testimonials-container .collection--list .collection-item-image { margin-right: 0; min-height: 350px; } } .testimonials-container .collection--list .testimonials-col { -ms-flex: 0 1 50%; flex: 0 1 50%; padding: 40px 80px; margin: 30px; position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 1024px) { .testimonials-container .collection--list .testimonials-col { padding: 40px; } } @media only screen and (max-width: 874px) { .testimonials-container .collection--list .testimonials-col { padding: 0px 20px; display: block; margin-top: 100px; } } .testimonials-container .collection--list .testimonials-col:before { position: absolute; display: block; top: -155px; left: -235px; transform: rotate(-13deg); content: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iODAwIiBmaWxsPSIjMjUyNTI1IiBoZWlnaHQ9IjEwMDAiIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMDAgMjAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4gPHBhdGggZD0iTTgxLjEsMjQuMWMtMC42LDAuNy0xLjIsMi0yLDMuOWMtMC4xLDAuNC0wLjQsMC42LTAuOSwwLjhjLTAuMywwLjEtMC43LDAuMi0xLjEsMC4yYy0wLjQsMC0wLjksMC0xLjQsMCBjLTEuNC0wLjEtMi4xLTAuNS0yLjEtMS4yYzAtMC4yLDAtMC4zLDAuMS0wLjVjMC0wLjIsMC4xLTAuMywwLjEtMC41YzAuMy0xLjMsMS4zLTIuOCwzLTQuNWMxLjktMS45LDMuNy0zLjIsNS42LTMuOCBjMC41LTAuMiwwLjktMC4yLDEuMi0wLjFjMC40LDAuMSwwLjcsMC4zLDEsMC43YzAuMywwLjQsMC40LDAuOCwwLjMsMS4xYy0wLjEsMC4zLTAuMywwLjYtMC42LDAuN0M4My42LDIxLjQsODIuNSwyMi41LDgxLjEsMjQuMXogTTkwLjQsMjYuNmMtMC42LDAuNy0xLjIsMi0yLDMuOWMtMC4xLDAuNC0wLjQsMC42LTAuOSwwLjhjLTAuMywwLjEtMC43LDAuMi0xLjEsMC4yYy0wLjQsMC0wLjksMC0xLjQsMEM4My42LDMxLjQsODMsMzEsODMsMzAuMyBjMC0wLjIsMC0wLjMsMC4xLTAuNWMwLTAuMiwwLjEtMC4zLDAuMS0wLjVjMC4zLTEuMywxLjMtMi44LDMtNC41YzEuOS0xLjksMy43LTMuMiw1LjYtMy44YzAuNS0wLjIsMC45LTAuMiwxLjItMC4xIGMwLjQsMC4xLDAuNywwLjMsMSwwLjdjMC4zLDAuNCwwLjQsMC44LDAuMywxLjFjLTAuMSwwLjMtMC4zLDAuNi0wLjYsMC43QzkyLjksMjMuOSw5MS45LDI0LjksOTAuNCwyNi42eiIvPiA8L3N2Zz4='); z-index: 1; } @media only screen and (max-width: 1024px) { .testimonials-container .collection--list .testimonials-col:before { left: -270px; } } @media only screen and (max-width: 874px) { .testimonials-container .collection--list .testimonials-col:before { left: 56%; transform: translateX(-50%) rotate(-13deg); top: -250px; height: 100px; text-align: center; } } .testimonials-container .collection--list .collection-item-label { position: relative; z-index: 100; } .testimonials-container .collection--list .collection-item-label a { display: inline-block; color: #252525; font-size: 18px; line-height: 32px; font-weight: normal; font-family: "Merriweather", Georgia, serif; } @media only screen and (max-width: 874px) { .testimonials-container .collection--list .collection-item-label a { font-size: 16px; line-height: 18px; font-weight: normal; padding: 10px 30px; } } .testimonials-container .collection--list .collection-item-description { margin-bottom: 20px; position: relative; z-index: 100; font-size: 18px; line-height: 32px; font-weight: normal; font-family: "Merriweather", Georgia, serif; color: #252525; } @media only screen and (max-width: 874px) { .testimonials-container .collection--list .collection-item-description { margin-top: 45px; } } main { padding: 0; } .spotlight-container2 { height: 460px; max-height: 460px; } .spotlight-container2 .slider, .spotlight-container2 .slider__contents, .spotlight-container2 .spotlight--list ul, .spotlight-container2 .spotlight--random ul, .spotlight-container2 .spotlight--list .spotlight-overlay, .spotlight-container2 .spotlight--random .spotlight-overlay { height: 460px; max-height: 460px; } .spotlight-container2 span.slider-controls-pager__active { background: #813d48 !important; } .testimonials-container { max-height: none; } .testimonials-container .collection--list li { background: #f1f1f1; } .content-block.fast-facts-block h1, .content-block.fast-facts-block h2, .content-block.fast-facts-block h3, .content-block.fast-facts-block h4, .content-block.fast-facts-block h5, .content-block.fast-facts-block h6 { font-size: 24px; text-transform: initial; letter-spacing: 2px; color: #989898; font-weight: bold; color: #ffffff; } .content-block.fast-facts-block .collection-item-label { color: #ffffff; } .news-content h1, .news-content h2, .news-content h3, .news-content h4, .news-content h5, .news-content h6 { font-size: 24px; text-transform: initial; letter-spacing: 2px; color: #989898; font-weight: bold; color: #101010; } header .nav-logo img { max-height: 120px; } .featured_section .collection-item-label { background: rgba(16, 16, 16, 0.1); } .donate_section { padding: 40px 0px; } .donate_section ul .collection-item-label:hover a { color: #8995a0; border-color: #8995a0; } #main-content > div > div.intro_content > p { color: #101010; } .news_section .news-articles .news-article-description { color: #101010; } .featured_section .collection-item-description p { color: #101010; } nav.dropdown > ul a, nav.nav.accordian.mobile_dropdown { font-family: "Open Sans", Helvetica, Arial, sans-serif; } @media only screen and (min-width: 1025px) { main .news-container .news-content { margin-left: 0; } } .spotlight_section .spotlight--list .spotlight-overlay .spotlight-text .spotlight-text__title, .spotlight_section .spotlight--random .spotlight-overlay .spotlight-text .spotlight-text__title { font-weight: 600; font-family: "Open Sans", Helvetica, Arial, sans-serif; } /* ============================================================================= Internal ============================================================================= */ .internal .masthead_section { width: 100%; position: relative; } @media only screen and (min-width: 875px) { .internal .masthead_section { min-height: 470px; } } .internal .masthead_section:before { height: 300px !important; } .internal .masthead_section .image:first-of-type { display: none; } .internal .masthead_section .wrap { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; height: 100%; text-align: center; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 180px 0 100px; z-index: 200; position: relative; } .internal .masthead_section h1 { color: #ffffff; font-size: 62px; font-weight: lighter; } @media only screen and (max-width: 874px) { .internal .masthead_section h1 { padding: 0px 20px; text-align: center; } } @media only screen and (max-width: 674px) { .internal .masthead_section h1 { font-size: 28px; } } .internal .masthead_section h4 { color: #ffffff; } .internal .masthead_section h2, .internal .masthead_section h3, .internal .masthead_section h5, .internal .masthead_section h6 { color: #fff; } .internal main .wrap { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 874px) { .internal main .wrap { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .internal main .sidebar_section { margin-right: 55px; } .internal main .sidebar_section .fundraising-campaign-status { display: none; } .internal main .sidebar_section .under_sidebar { padding: 10px 5px; } @media only screen and (min-width: 675px) { .internal main .sidebar_section { -ms-flex: 0 0 275px; flex: 0 0 275px; } } @media only screen and (max-width: 874px) { .internal main .sidebar_section { margin-right: 0px; -ms-flex: auto; flex: auto; } .internal main .sidebar_section nav.subnav { display: none; } .internal main .sidebar_section .under_sidebar { padding: 20px 25px; } } .internal main .primary_content { text-align: left; } @media only screen and (min-width: 875px) { .internal main .primary_content { -ms-flex: 0 1 100%; flex: 0 1 100%; } } /* ============================================================================= Landing Page ============================================================================= */ body.landing.sticky_nav_is_visible header { position: absolute; left: 0; right: 0; top: 0; background: transparent; transform: none; } body.landing.sticky_nav_is_visible header .nav-logo { padding: 26px 0px; } body.landing.sticky_nav_is_visible header .nav-logo img { max-height: 80px !important; transition: none !important; } body.landing.desktop_nav_is_too_wide header .outer-wrap { background: transparent !important; } body.landing.desktop_nav_is_too_wide header { background: transparent !important; } .landing header { position: absolute; } .landing header .mobile_menu { display: none; } .landing header nav.dropdown { display: none; } .landing header .nav-logo { text-align: center; } .landing header .nav-logo img { transition: none !important; max-height: 80px !important; } @media only screen and (max-width: 874px) { .landing header { background: transparent; } } @media only screen and (max-width: 874px) { .landing .outer-wrap { background: transparent !important; } } .landing .masthead_section { height: 720px; } .landing .intro-container { position: relative; padding: 220px 0px 60px 0; z-index: 10; } .landing .intro-container .wrap { display: block; position: relative; z-index: 500; } .landing .intro-container h1, .landing .intro-container h2, .landing .intro-container h3, .landing .intro-container h4, .landing .intro-container h5, .landing .intro-container h6 { color: #ffffff; text-align: center; } .landing .intro-container h1 { font-size: 82px; font-weight: lighter; line-height: 1.2; } @media only screen and (max-width: 874px) { .landing .intro-container h1 { font-size: 56px; } } @media only screen and (max-width: 674px) { .landing .intro-container h1 { font-size: 32px; } } .landing .intro-container h4 { margin: 0; padding: 0; line-height: 1; } .landing .intro-container p { line-height: 2; color: #ffffff; } .landing .intro-container:before { content: ""; height: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .landing .intro-container .media-container { max-width: 800px; margin: 0 auto; } .landing .intro-container .media-container .image { max-width: 700px !important; text-align: center; } .landing .intro-container .callout-container { max-width: 850px; margin: 0 auto; text-align: center; } @media only screen and (max-width: 874px) { .landing .intro-container { padding: 150px 20px 20px 20px; } } .landing .wrap { max-width: 1170px; } .landing .fundraising_section { color: #101010; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: bold; background: #ffffff; padding: 50px 0px 30px 0px; } .landing .fundraising_section .progress-bar__trench { height: 2.3rem; border: 1px solid #101010; border-radius: 0px; padding: 8px; background-color: #101010; } .landing .fundraising_section .progress-bar__meter { border-radius: 0px; background-color: #032a56; } .landing .fundraising_section .progress-bar__metrics { margin-top: 16px; } .landing .fundraising_section .fundraising-campaign-status { margin-top: -20px; } @media only screen and (max-width: 874px) { .landing .fundraising_section .fundraising-campaign-status { display: none; } } @media only screen and (max-width: 874px) { .landing .fundraising_section { padding: 25px; } } .landing main .wrap .primary_content { margin-right: 50px; } @media only screen and (max-width: 874px) { .landing main .wrap .primary_content { margin-right: 0px; } } @media only screen and (min-width: 675px) { .landing main .wrap .right_column { -ms-flex: 1 0 45%; flex: 1 0 45%; } } @media only screen and (max-width: 874px) { .landing main .wrap .right_column { -ms-flex: auto; flex: auto; padding: 20px 25px; } } .landing main .wrap .right_column .e2ma_signup_form_button_row input, .landing main .wrap .right_column .button, .landing main .wrap .right_column .button:active, .landing main .wrap .right_column .button:focus, .landing main .wrap .right_column .button:link, .landing main .wrap .right_column .button:visited, .landing main .wrap .right_column .spotlight--list .spotlight-overlay .spotlight-button, .landing main .wrap .right_column .outro_section .collection--list ul .collection-item-label { background: #f55930; } .landing main .wrap .right_column .e2ma_signup_form_button_row input:hover, .landing main .wrap .right_column .button:hover, .landing main .wrap .right_column .button:active:hover, .landing main .wrap .right_column .button:focus:hover, .landing main .wrap .right_column .button:link:hover, .landing main .wrap .right_column .button:visited:hover, .landing main .wrap .right_column .spotlight--list .spotlight-overlay .spotlight-button:hover, .landing main .wrap .right_column .outro_section .collection--list ul .collection-item-label:hover { background: #f66d48; } .landing main .wrap .right_column ul { list-style: none; margin: 0; padding: 0; } .landing main .wrap .right_column li { margin: 0px 0px 10px 0px; } .landing main .wrap .right_column .collection-item-label { text-align: center; } .landing main .wrap .right_column .collection-item-label a { color: #ffffff; background: #f55930; display: inline-block; font-family: "Open Sans", Helvetica, Arial, sans-serif; text-align: center; padding: 10px 25px; border-radius: 4px; text-transform: uppercase; font-weight: 700; } .landing main .wrap .right_column .collection-item-label a:hover { background: #f66d48; } .landing main .wrap .right_column .collection-item-image, .landing main .wrap .right_column .collection-item-description { display: none; } @media only screen and (max-width: 874px) { .landing main .wrap { -ms-flex-direction: column; flex-direction: column; } } .landing .testimonials_section { background: #032a56; padding: 40px 25px; color: #ffffff; } .landing .testimonials_section h4 { color: #ffffff; text-align: center; } .landing .testimonials_section ul { list-style: none; display: -ms-flexbox; display: flex; margin: 0; padding: 0; width: 100%; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .landing .testimonials_section ul li { -ms-flex: 1 0 380px; flex: 1 0 380px; padding: 0; margin: 15px 25px 15px 0px; } .landing .testimonials_section ul li .image { margin-bottom: 0px; -ms-flex-order: 1; order: 1; float: left; margin: 0px 25px 25px 0px; } .landing .testimonials_section ul li .image img { width: 130px; height: 130px; border-radius: 50%; } .landing .testimonials_section ul li .collection-item-description { -ms-flex-order: 10; order: 10; } .landing .testimonials_section ul li .collection-item-description p { font-style: italic; font-size: 14px; line-height: 2; } .landing .testimonials_section ul li .collection-item-label { -ms-flex-order: 20; order: 20; font-family: "Open Sans", Helvetica, Arial, sans-serif; } @media only screen and (max-width: 874px) { .landing .testimonials_section ul li { -ms-flex: 1 0 auto; flex: 1 0 auto; } } @media only screen and (max-width: 674px) { .landing .testimonials_section ul li { -ms-flex-direction: column; flex-direction: column; } .landing .testimonials_section ul li .collection-item__content { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .landing .testimonials_section ul li .collection-item-description { margin: 10px 0px; text-align: center; } .landing .testimonials_section ul li .collection-item-label { text-align: center; } } @media only screen and (max-width: 874px) { .landing .testimonials_section ul { -ms-flex-direction: column; flex-direction: column; padding: 0px 55px; } } @media only screen and (max-width: 674px) { .landing .testimonials_section ul { padding: 0px; } .landing .testimonials_section ul li .image { margin: 0px; } } .progress-bar__trench { height: 2.3rem; border: 1px solid #101010; border-radius: 0px; padding: 8px; background-color: #101010; } .progress-bar__meter { border-radius: 0px; background-color: #032a56; } .progress-bar__metrics { margin-top: 16px; } .fundraising-campaign-status { margin-top: -20px; } @media only screen and (max-width: 874px) { .fundraising-campaign-status { display: none; } } /* // js dependencies ////////////////////////////////////////////// function landingImage(element, options) { $( element ).each(function() { var imgSrc = $(this).find('.masthead-container img').first().attr('src'); $(this).find('.masthead-container').hide(); $(this).css('background', 'url('/layouts/8786/5736/css+imgSrc+')' + options); }); } landingImage($(".has-bg-landing"), "center center / cover no-repeat"); function backgroundImage(element, options) { $( element ).each(function() { var imgSrc = $(this).find('img').first().attr('src'); $(this).find('img').first('img').hide(); $(this).css('background', 'url('/layouts/8786/5736/css+imgSrc+')' + options); }); } backgroundImage($(".has-bg-li__collection li .collection-item-image"), "center center / cover no-repeat"); // scss dependencies ////////////////////////////////////////////// requires breakpoint mixin */ .landing { background: #813d48; } .landing .lp-site-container { display: block; background: #ffffff; } .landing .wrap { margin: 0 auto; max-width: 1170px; padding: 0 20px; } .landing header.landing-opt { position: relative; width: 100%; text-align: center; background: #ffffff; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .landing header.landing-opt .lp-nav-logo img { max-width: 100%; max-height: 150px; padding: 20px 0px; } .landing .lp-masthead-container { position: relative; padding: 20px 0 140px; } .landing .lp-masthead-container:before { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgba(16, 16, 16, 0.5); } .landing .lp-headline-container { position: relative; text-align: center; z-index: 10; } .landing .lp-headline-container h1 { font-size: 48px; font-weight: bold; line-height: 1.6; text-transform: uppercase; margin-bottom: 30px; } @media only screen and (max-width: 874px) { .landing .lp-headline-container h1 { font-size: 38px; font-weight: bold-10; line-height: -8.4; margin-bottom: 30px; } } @media only screen and (max-width: 874px) { .landing .lp-headline-container h1 { font-size: 28px; font-weight: bold-20; line-height: -18.4; margin-bottom: 30px; } } .landing .lp-headline-container h1, .landing .lp-headline-container h2, .landing .lp-headline-container h3, .landing .lp-headline-container h4, .landing .lp-headline-container h5, .landing .lp-headline-container h6 { color: #ffffff; margin: 10px 0; } .landing .lp-media-container { margin-top: -120px; position: relative; z-index: 10; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .landing .lp-media-container .wrap { max-width: 640px; } .landing .lp-columns-container { padding: 20px 0 100px; } .landing .lp-columns-container .wrap { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; max-width: 1210px; } @media only screen and (max-width: 874px) { .landing .lp-columns-container .wrap { -ms-flex-direction: column; flex-direction: column; } } .landing .lp-columns-container .lp-columns-content { -ms-flex: 0 1 auto; flex: 0 1 auto; margin: 0 20px; } .landing .lp-columns-container .lp-cta-container { border-radius: 5px; background: #eee; min-width: 50%; margin: 0 20px; padding: 20px; color: #101010; } .landing .lp-columns-container .lp-cta-container .form-title { margin-top: 0px; } .landing .lp-columns-container .lp-cta-container form { margin-bottom: 10px; } .landing .lp-columns-container .lp-cta-container .e2ma_signup_form_button_row input, .landing .lp-columns-container .lp-cta-container .button, .landing .lp-columns-container .lp-cta-container .button:active, .landing .lp-columns-container .lp-cta-container .button:focus, .landing .lp-columns-container .lp-cta-container .button:link, .landing .lp-columns-container .lp-cta-container .button:visited, .landing .lp-columns-container .lp-cta-container .spotlight--list .spotlight-overlay .spotlight-button, .landing .lp-columns-container .lp-cta-container .outro_section .collection--list ul .collection-item-label { background: #fd4500; } .landing .lp-columns-container .lp-cta-container .e2ma_signup_form_button_row input:hover, .landing .lp-columns-container .lp-cta-container .button:hover, .landing .lp-columns-container .lp-cta-container .button:active:hover, .landing .lp-columns-container .lp-cta-container .button:focus:hover, .landing .lp-columns-container .lp-cta-container .button:link:hover, .landing .lp-columns-container .lp-cta-container .button:visited:hover, .landing .lp-columns-container .lp-cta-container .spotlight--list .spotlight-overlay .spotlight-button:hover, .landing .lp-columns-container .lp-cta-container .outro_section .collection--list ul .collection-item-label:hover { background: #d93b00; } .landing .lp-columns-container .lp-cta-container ul { list-style: none; margin: 0; padding: 0; } .landing .lp-columns-container .lp-cta-container .collection-item-label a { color: #ffffff; background: #fd4500; padding: 10px 20px; display: inline-block; font-weight: lighter; text-transform: uppercase; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; border-radius: 3px; } .landing .lp-columns-container .lp-cta-container .collection-item-label a:hover { background: #d93b00; } .landing .lp-columns-container .lp-cta-container .collection-item-image, .landing .lp-columns-container .lp-cta-container .collection-item-description { display: none; } .landing .lp-callout-container { color: #101010; text-align: center; font-size: 18px; padding: 40px 0; position: relative; z-index: 10; } .landing .lp-primary-container { background: #ffffff; color: #101010; font-size: 18px; -ms-flex-direction: column; flex-direction: column; } .landing .lp-primary-container .wrap { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 874px) { .landing .lp-primary-container .wrap { display: block; } } .landing .lp-primary-container .lp-primary-content { max-width: 48%; } @media only screen and (max-width: 874px) { .landing .lp-primary-container .lp-primary-content { max-width: none; } } .landing .lp-testimonials-container { background: #fbfbfb; border: 1px solid #e1e1e1; border-width: 1px 0 1px 0; padding: 30px 0; } .landing .lp-testimonials-container h1, .landing .lp-testimonials-container h2, .landing .lp-testimonials-container h3, .landing .lp-testimonials-container h4, .landing .lp-testimonials-container h5, .landing .lp-testimonials-container h6 { color: #101010; text-align: center; text-transform: uppercase; font-weight: bold; margin-bottom: 60px; } .landing .lp-testimonials-container ul { list-style: none; margin: 0; padding: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; } @media only screen and (max-width: 874px) { .landing .lp-testimonials-container ul { display: block; } } .landing .lp-testimonials-container li { position: relative; -ms-flex: 0 1 50%; flex: 0 1 50%; min-height: 140px; padding-right: 20px; } @media only screen and (max-width: 874px) { .landing .lp-testimonials-container li { max-width: none; margin-bottom: 50px; } } .landing .lp-testimonials-container .collection-item__content { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 674px) { .landing .lp-testimonials-container .collection-item__content { -ms-flex-align: center; align-items: center; text-align: center; } } .landing .lp-testimonials-container .collection-item-image { width: 100px; height: 100px; border: 4px solid #ffffff; position: absolute; top: 0; left: 0; } @media only screen and (max-width: 674px) { .landing .lp-testimonials-container .collection-item-image { position: initial; } } .landing .lp-testimonials-container .collection-item-label { margin-left: 120px; -ms-flex-order: 5; order: 5; color: #101010; } @media only screen and (max-width: 674px) { .landing .lp-testimonials-container .collection-item-label { margin-left: 0px; } } .landing .lp-testimonials-container .collection-item-description { margin-left: 120px; margin-bottom: 20px; -ms-flex-order: 1; order: 1; } @media only screen and (max-width: 674px) { .landing .lp-testimonials-container .collection-item-description { margin-left: 0px; } } .landing .lp-fundraising-container { color: #101010; text-align: center; background: #ffffff; padding: 0px 0px 60px 0px; } .landing .lp-fundraising-container .fundraising-campaign-status { margin-top: 0px; } .landing .lp-logos-container { background: #ffffff; position: relative; padding: 20px 0; } .landing .lp-logos-container h1, .landing .lp-logos-container h2, .landing .lp-logos-container h3, .landing .lp-logos-container h4, .landing .lp-logos-container h5, .landing .lp-logos-container h6 { text-align: center; text-transform: uppercase; letter-spacing: 2px; color: #101010; } .landing .lp-logos-container ul { list-style: none; margin: 0; padding: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 874px) { .landing .lp-logos-container ul { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .landing .lp-logos-container li { -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 15px; } @media only screen and (max-width: 674px) { .landing .lp-logos-container li { -ms-flex: 0 1 50%; flex: 0 1 50%; } .landing .lp-logos-container li:nth-child(n+5) { display: none; } } .landing .lp-logos-container .collection { margin-bottom: 0; } .landing .lp-logos-container .collection-item-image { margin: 0; text-align: center; } .landing .lp-logos-container .collection-item-label, .landing .lp-logos-container .collection-item-description { display: none; } .landing footer.landing-opt { padding: 20px 0; background: #813d48; } .landing footer.landing-opt a:hover { color: #ffffff; } .landing footer.landing-opt .location-container { text-align: center; margin-bottom: 20px; } .landing footer.landing-opt .location-container .locations-hours--variable { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: start; align-items: flex-start; } @media only screen and (max-width: 674px) { .landing footer.landing-opt .location-container .locations-hours--variable { display: block; } } .landing footer.landing-opt .location-container .location { margin: 20px; } .landing footer.landing-opt .location-container .location__title { display: none; } .landing footer.landing-opt .location-container .label { display: none; } .landing footer.landing-opt .location-container .location__hours { display: none; } .landing footer.landing-opt .bottom-footer-container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 874px) { .landing footer.landing-opt .bottom-footer-container { -ms-flex-direction: column; flex-direction: column; text-align: center; } } .landing footer.landing-opt .policy-links { margin-left: 1rem; } .landing footer.landing-opt .powered-by-block { text-align: center; margin-left: 1rem; } /* ============================================================================= Product Pages ============================================================================= */ /* ============================================================================= General QA ============================================================================= */ .news-articles a { color: #032a56; } .news-articles a:hover { color: #813d48; } .fc-event:hover, .fc-event:active { background-color: #f1f1f1; color: #fff; } .fc-day-grid-event > .fc-content { white-space: normal; text-align: center; } .e2ma_signup_form_required_footnote { display: none; } .form--inline .button { width: 100%; height: auto; } .content-block.email-marketing-block .e2ma_signup_form_element, .outro_section .e2ma_signup_form_element { margin: 15px 0px; } .event-calendar .button-group { -ms-flex-wrap: nowrap; flex-wrap: nowrap; /* max-width: 0px; */ } .event-calendar .button, .event-calendar .button-link { padding: 10px 15px; } /* ============================================================================= Browser QA ============================================================================= */ /* Modern */ /* Internet Explorer 9 (.ie9) */ /* Internet Explorer 8 (.ie8) */ /* Internet Explorer 8 & Internet Explorer 7 (.oldie) */ /* Internet Explorer 7 (.ie7) */ @media only screen and (max-width: 874px) { header { float: left; position: relative; width: 100%; } } nav.mobile_dropdown { overflow-y: scroll; height: calc(100vh - 133px); } header { position: fixed; left: 0; right: 0; top: 0; z-index: 2000; transform: translateY(0); } /* ============================================================================= Extras ============================================================================= */ /* Print Styles */ @media print { * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }