@charset "UTF-8"; /* latin-ext */ @import url("https://fonts.googleapis.com/css?family=Lato"); @import url("https://fonts.googleapis.com/css?family=Lora"); @import url("https://fonts.googleapis.com/css?family=PT+Sans"); @font-face { font-family: 'Lato'; font-style: italic; font-weight: 300; src: local("Lato Light Italic"), local("Lato-LightItalic"), url(https://fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI9w2_FQftx9897sxZ.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lato'; font-style: italic; font-weight: 300; src: local("Lato Light Italic"), local("Lato-LightItalic"), url(https://fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI9w2_Gwftx9897g.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Lato'; font-style: italic; font-weight: 400; src: local("Lato Italic"), local("Lato-Italic"), url(https://fonts.gstatic.com/s/lato/v14/S6u8w4BMUTPHjxsAUi-qNiXg7eU0.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lato'; font-style: italic; font-weight: 400; src: local("Lato Italic"), local("Lato-Italic"), url(https://fonts.gstatic.com/s/lato/v14/S6u8w4BMUTPHjxsAXC-qNiXg7Q.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Lato'; font-style: italic; font-weight: 700; src: local("Lato Bold Italic"), local("Lato-BoldItalic"), url(https://fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI5wq_FQftx9897sxZ.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lato'; font-style: italic; font-weight: 700; src: local("Lato Bold Italic"), local("Lato-BoldItalic"), url(https://fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI5wq_Gwftx9897g.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; src: local("Lato Light"), local("Lato-Light"), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwaPGQ3q5d0N7w.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; src: local("Lato Light"), local("Lato-Light"), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwiPGQ3q5d0.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: local("Lato Regular"), local("Lato-Regular"), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: local("Lato Regular"), local("Lato-Regular"), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wXiWtFCc.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: local("Lato Bold"), local("Lato-Bold"), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwaPGQ3q5d0N7w.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: local("Lato Bold"), local("Lato-Bold"), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwiPGQ3q5d0.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Lora'; font-style: normal; font-weight: 400; src: local("Lora Regular"), local("Lora-Regular"), url(https://fonts.gstatic.com/s/lora/v12/0QIvMX1D_JOuMwf7I_FMl_GW8g.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Lora'; font-style: normal; font-weight: 400; src: local("Lora Regular"), local("Lora-Regular"), url(https://fonts.gstatic.com/s/lora/v12/0QIvMX1D_JOuMw77I_FMl_GW8g.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Lora'; font-style: normal; font-weight: 400; src: local("Lora Regular"), local("Lora-Regular"), url(https://fonts.gstatic.com/s/lora/v12/0QIvMX1D_JOuMwX7I_FMl_GW8g.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Lora'; font-style: normal; font-weight: 400; src: local("Lora Regular"), local("Lora-Regular"), url(https://fonts.gstatic.com/s/lora/v12/0QIvMX1D_JOuMwT7I_FMl_GW8g.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lora'; font-style: normal; font-weight: 400; src: local("Lora Regular"), local("Lora-Regular"), url(https://fonts.gstatic.com/s/lora/v12/0QIvMX1D_JOuMwr7I_FMl_E.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Lora'; font-style: normal; font-weight: 400; src: local("Lora Regular"), local("Lora-Regular"), url(https://fonts.gstatic.com/s/lora/v12/0QIvMX1D_JOuMwf7I_FMl_GW8g.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Lora'; font-style: normal; font-weight: 400; src: local("Lora Regular"), local("Lora-Regular"), url(https://fonts.gstatic.com/s/lora/v12/0QIvMX1D_JOuMw77I_FMl_GW8g.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Lora'; font-style: normal; font-weight: 400; src: local("Lora Regular"), local("Lora-Regular"), url(https://fonts.gstatic.com/s/lora/v12/0QIvMX1D_JOuMwX7I_FMl_GW8g.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Lora'; font-style: normal; font-weight: 400; src: local("Lora Regular"), local("Lora-Regular"), url(https://fonts.gstatic.com/s/lora/v12/0QIvMX1D_JOuMwT7I_FMl_GW8g.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lora'; font-style: normal; font-weight: 400; src: local("Lora Regular"), local("Lora-Regular"), url(https://fonts.gstatic.com/s/lora/v12/0QIvMX1D_JOuMwr7I_FMl_E.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 400; src: local("PT Sans"), local("PTSans-Regular"), url(https://fonts.gstatic.com/s/ptsans/v9/jizaRExUiTo99u79D0-ExcOPIDUg-g.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 400; src: local("PT Sans"), local("PTSans-Regular"), url(https://fonts.gstatic.com/s/ptsans/v9/jizaRExUiTo99u79D0aExcOPIDUg-g.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 400; src: local("PT Sans"), local("PTSans-Regular"), url(https://fonts.gstatic.com/s/ptsans/v9/jizaRExUiTo99u79D0yExcOPIDUg-g.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 400; src: local("PT Sans"), local("PTSans-Regular"), url(https://fonts.gstatic.com/s/ptsans/v9/jizaRExUiTo99u79D0KExcOPIDU.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* ============================================================================= Structure ============================================================================= */ body { background: #3e3e3e; margin: 0; padding: 0; text-rendering: optimizeLegibility; overflow-x: hidden; } .container { padding-top: 60px; padding-bottom: 60px; } .container + * { margin-top: 0; } .wrap { margin: 0 auto; max-width: 1170px; } @media only screen and (min-width: 73.063em) { .row { max-width: 1000px; } } @media only screen and (min-width: 90.063em) { .row { max-width: 1200px; } } @media only screen and (min-width: 120.063em) { .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; } body { font-family: "Lato", sans-serif; font-weight: 400; font-size: 16px; color: #ababab; line-height: 1.4; } /* Default Link Styles */ a, a:link, a:visited { color: #cc243b; text-decoration: none; } a:hover, a:active, a:link:hover, a:link:active, a:visited:hover, a:visited:active { color: #6d6f71; 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: "Lato", sans-serif; font-weight: 700; color: #3e3e3e; margin-top: 3.2px; margin-bottom: 8px; line-height: 1.6; text-transform: uppercase; letter-spacing: 0.1rem; } h1 { font-size: 44px; color: #6d6f71; } @media only screen and (max-width: 40em) { h1 { font-size: 44px; } } h2 { font-size: 24px; color: #2bbaaf; } @media only screen and (max-width: 40em) { h2 { font-size: 24px; } } h3 { font-size: 22px; color: #6d6f71; } @media only screen and (max-width: 40em) { h3 { font-size: 22px; } } h4 { font-size: 20px; color: #2bbaaf; } @media only screen and (max-width: 40em) { h4 { font-size: 20px; } } h5 { font-size: 18px; color: #6d6f71; } @media only screen and (max-width: 40em) { h5 { font-size: 18px; } } h6 { font-size: 16px; color: #6d6f71; } @media only screen and (max-width: 40em) { h6 { font-size: 16px; } } /* Default hr styles */ hr { border: solid #fff; } /* ============================================================================= Form Styling ============================================================================= */ select, 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 { border-radius: 0px; border: 1px solid #dcdcdc; box-shadow: none; color: #3e3e3e; background-image: none; border-color: #dcdcdc; } .form-row, .e2ma_signup_form_row { margin: 0 0 0.65rem; max-width: 455px; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; background: #2bbaaf; color: #fff; text-transform: uppercase; font-style: normal; font-weight: bold; padding: 15px 30px; width: auto; transition: 0.4s ease; border: none; border-radius: 0px; } button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: transparent; outline: 0; background-color: #fff; background-image: none; color: #2bbaaf; } .e2ma_signup_message { max-width: 455px; } .spotlight--list ul, .spotlight--random ul { height: 750px; overflow: hidden; } @media only screen and (max-width: 73em) { .spotlight--list ul, .spotlight--random ul { height: 450px; } } @media only screen and (max-width: 40em) { .spotlight--list ul, .spotlight--random ul { height: 300px; } } .spotlight--list li, .spotlight--random li { opacity: 1; } .spotlight--list .spotlight-overlay, .spotlight--random .spotlight-overlay { position: relative; max-width: 1170px; height: 750px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .spotlight--list .spotlight-overlay .spotlight-text, .spotlight--random .spotlight-overlay .spotlight-text { text-align: left; -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; margin: 0px 100px 30px 0px; max-width: 100%; } .spotlight--list .spotlight-overlay .spotlight-text .spotlight-text__title, .spotlight--random .spotlight-overlay .spotlight-text .spotlight-text__title { font-weight: 700; font-size: 56px; line-height: 56px; margin: 0px 0px 20px 0px; padding: 0; max-width: 100%; color: #6d6f71; } .spotlight--list .spotlight-overlay .spotlight-text .spotlight-text__title:hover, .spotlight--random .spotlight-overlay .spotlight-text .spotlight-text__title:hover { color: #6d6f71; } .spotlight--list .spotlight-overlay .spotlight-text .spotlight-text__content, .spotlight--random .spotlight-overlay .spotlight-text .spotlight-text__content { color: #fff; font-size: 22px; } .spotlight--list .spotlight-overlay .spotlight-text .spotlight-text__content p, .spotlight--random .spotlight-overlay .spotlight-text .spotlight-text__content p { font-weight: 300; } @media only screen and (max-width: 73em) { .spotlight--list .spotlight-overlay .spotlight-text, .spotlight--random .spotlight-overlay .spotlight-text { margin: 0px 50px 30px 20px; } .spotlight--list .spotlight-overlay .spotlight-text .spotlight-text__title, .spotlight--random .spotlight-overlay .spotlight-text .spotlight-text__title { font-size: 48px; line-height: 48px; margin: 0px 0px 10px 0px; } } @media only screen and (max-width: 40em) { .spotlight--list .spotlight-overlay .spotlight-text, .spotlight--random .spotlight-overlay .spotlight-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin: 20px; } .spotlight--list .spotlight-overlay .spotlight-text .spotlight-text__title, .spotlight--random .spotlight-overlay .spotlight-text .spotlight-text__title { font-size: 38px; line-height: 38px; margin: 0px 0px 0px 0px; text-align: center; } .spotlight--list .spotlight-overlay .spotlight-text .spotlight-text__content, .spotlight--random .spotlight-overlay .spotlight-text .spotlight-text__content { display: none; } } .spotlight--list .spotlight-overlay .spotlight-button, .spotlight--random .spotlight-overlay .spotlight-button { -webkit-box-flex: 0; -ms-flex: 0 1 400px; flex: 0 1 400px; margin-bottom: 50px; background: #6d6f71; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: background 0.4s; } .spotlight--list .spotlight-overlay .spotlight-button .spotlight-button__contents, .spotlight--random .spotlight-overlay .spotlight-button .spotlight-button__contents { color: #fff; text-transform: uppercase; font-weight: 700; letter-spacing: 0.5px; padding: 20px 40px; max-width: 100%; } .spotlight--list .spotlight-overlay .spotlight-button:hover, .spotlight--random .spotlight-overlay .spotlight-button:hover { background: #2bbaaf; } @media only screen and (max-width: 73em) { .spotlight--list .spotlight-overlay .spotlight-button, .spotlight--random .spotlight-overlay .spotlight-button { margin: 0px 20px 40px 20px; } } @media only screen and (max-width: 40em) { .spotlight--list .spotlight-overlay .spotlight-button, .spotlight--random .spotlight-overlay .spotlight-button { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin: 0px 20px 30px 20px; } .spotlight--list .spotlight-overlay .spotlight-button .spotlight-button__contents, .spotlight--random .spotlight-overlay .spotlight-button .spotlight-button__contents { padding: 15px 30px; } } @media only screen and (max-width: 73em) { .spotlight--list .spotlight-overlay, .spotlight--random .spotlight-overlay { height: 450px; } } @media only screen and (max-width: 40em) { .spotlight--list .spotlight-overlay, .spotlight--random .spotlight-overlay { height: 300px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .spotlight--list .slider__nav, .spotlight--random .slider__nav { display: none; } .controls-container { background: #fff; } .controls-container .wrap { height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .slider__controls { display: none; } .slider--controls { background: #fff; height: 49px; position: relative; bottom: 0px; padding: 0px 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 500; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .slider-nav--prev, .slider-nav--next { color: #6d6f71; font-size: 42px; line-height: 42px; width: 30px; position: absolute; display: block; cursor: pointer; top: 50% !important; z-index: 999; line-height: 0; text-align: center; -webkit-transform: translateY(-50%) !important; transform: translateY(-50%) !important; } .slider-nav--prev:after, .slider-nav--next:after { color: #3e3e3e; font-size: 42px; line-height: 42px; } .slider-nav--prev { margin-left: -15px; } .slider-nav--next { margin-right: -15px; } .slider-nav--next:after { content: '\f105'; } .slider-nav--prev:after { content: '\f104'; } .pager-container { background: #fff; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; } .pager-container span { height: 13px; width: 13px; margin: 0px 10px; background: #59d9cf; border-radius: 50%; display: block; } .pager-container span .fire-pager-active { background: #2bbaaf; } .pager-container span.fire-pager-active { background: #2bbaaf; } /* ============================================================================= Header ============================================================================= */ header { background: #fff; position: relative; z-index: 9999; } header .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 73em) { header .wrap { padding: 0px 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } header .nav-logo { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; text-align: center; padding: 20px 0px; } header .nav-logo img { max-height: 250px; } @media only screen and (max-width: 73em) { header .nav-logo img { max-height: 150px; } } @media only screen and (max-width: 40em) { header .nav-logo img { max-height: 100px; } } @media only screen and (max-width: 28em) { header .nav-logo img { max-width: 100%; } } @media only screen and (max-width: 73em) { header .nav-logo { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; text-align: center; } } header .header-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: end; align-self: flex-end; -webkit-box-flex: 4; -ms-flex: 4; flex: 4; } @media only screen and (max-width: 73em) { header .header-row nav.dropdown { display: none; } } header .header-row .search-overlay-toggle { margin-left: 10px; } header .header-row .search-overlay-toggle .fa { color: #3e3e3e; font-size: 22px; } @media only screen and (max-width: 73em) { header .header-row .search-overlay-toggle { display: none; } } header .header-row .mobile-menu-toggle { display: none; } header .header-row .mobile-menu-toggle i { color: #3e3e3e; font-size: 32px; transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1); } @media only screen and (max-width: 73em) { header .header-row .mobile-menu-toggle { display: block; } } @media only screen and (max-width: 73em) { header .header-row { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; -webkit-box-flex: 0; -ms-flex: 0 1 60px; flex: 0 1 60px; -ms-flex-item-align: center; align-self: center; } } /* ============================================================================= Footer ============================================================================= */ footer { background: #303030; padding: 80px 0px; -webkit-font-smoothing: antialiased; } footer .wrap .footer-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 40em) { footer .wrap .footer-row { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } footer a { font-weight: 700; } footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 { color: #fff; line-height: 1; margin: 0; padding: 0; } footer .col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 0px 5px; } @media only screen and (min-width: 40.063em) { footer .col { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; } } @media only screen and (max-width: 40em) { footer .col { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media only screen and (max-width: 73em) { footer .col2 { text-align: center; } } @media only screen and (max-width: 40em) { footer .col2 { margin: 80px 0px 0px 0px; } } footer .locations-container .location { color: #fff; margin-bottom: 15px; } @media only screen and (max-width: 40em) { footer .locations-container .location { text-align: center; margin-top: 50px; margin-bottom: 0px; } } footer .locations-container .location-hours { max-width: 100%; } footer .locations-container .label { display: inline-block; height: auto; background: transparent; color: #fff; font-weight: 400; font-size: 100%; line-height: 1; text-align: center; border-radius: 0px; padding-right: 0; padding-left: 0; } footer .locations-container .pp-tc-container { margin: 20px 0px; } footer .locations-container .pp-tc-container .policy-links { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } @media only screen and (max-width: 40em) { footer .locations-container .pp-tc-container .policy-links { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } footer .locations-container .pp-tc-container .policy-link + .policy-link { margin-left: 0; } footer .locations-container .copyright-container p { color: #fff; } @media only screen and (max-width: 73em) { footer { padding: 80px 20px; } } /* ============================================================================= Content Blocks ============================================================================= */ .search-container { height: 100%; bottom: 0; position: absolute; top: auto; left: 0; right: 0; z-index: 7000; background: rgba(43, 186, 175, 0.95); padding: 50px 20px 20px 20px; text-align: right; -webkit-transform: translateX(-100%); transform: translateX(-100%); transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1); } @media only screen and (max-width: 40em) { .search-container { padding: 30px 20px 20px 20px; } } .search-close .fa { color: #fff; font-size: 38px; margin-bottom: 20px; } .content-block.search-block input[type="search"] { display: block; -webkit-appearance: none; width: 100%; height: 70px; border-radius: 0px; background-color: transparent; font-family: inherit; border: 1px solid #fff; box-shadow: none; color: #fff; font-size: 0.875rem; padding-right: 0.5rem; padding: 20px; text-transform: uppercase; font-weight: 700; font-size: 28px; } .content-block.search-block .search-form { max-width: 660px; margin: 0 auto; } .content-block.search-block .search-form .form-row { margin: 0 auto; } .content-block.search-block .form-control--search:before { font-family: 'FontAwesome'; content: "\f002"; color: #fff; position: absolute; right: 1.6875rem; left: auto; font-size: 32px; } .content-block.donate-block { background: #c090b4; -webkit-box-flex: 0; -ms-flex: 0 0 69px; flex: 0 0 69px; height: auto; min-height: 140px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: -60px; margin-left: 30px; top: -40px; padding-top: 30px; position: relative; transition: -webkit-transform 500ms cubic-bezier(0.68, 0, 0.35, 1.04); transition: transform 500ms cubic-bezier(0.68, 0, 0.35, 1.04); z-index: 9999; max-width: 69px; -webkit-transform: translateY(0px); transform: translateY(0px); margin-bottom: -30px; top: -20px; -ms-flex-item-align: start; align-self: flex-start; } .content-block.donate-block ul { list-style: none; margin: 0; padding: 0; max-width: 69px; } .content-block.donate-block li { margin: 0; padding: 0; max-width: 100%; } .content-block.donate-block .collection { margin-bottom: 7px; } .content-block.donate-block .collection-item__content { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .content-block.donate-block .collection-item-image { max-width: 37px; max-height: 37px; margin: 10px; padding: 0; } .content-block.donate-block .collection-item-image img { height: 100%; width: 100%; margin: 0; padding: 0; } .content-block.donate-block .collection-item-image.image { max-width: 37px !important; } .content-block.donate-block .collection-item-description { display: none; } .content-block.donate-block .collection-item-label { color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 400; text-align: center; max-width: 100%; } .content-block.donate-block .collection-item-label a { color: #fff; word-break: break-word; max-width: 100%; } .content-block.donate-block:after { content: ""; width: 0; height: 0; position: absolute; left: 0; bottom: -38px; display: block; border: solid; border-width: 19px 35px; border-color: #c090b4 transparent transparent transparent; } .content-block.donate-block:hover { -webkit-transform: translateY(20px); transform: translateY(20px); } @media only screen and (max-width: 73em) { .content-block.donate-block { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin-left: 0; margin-right: 20px; } } @media only screen and (max-width: 40em) { .content-block.donate-block { min-height: 90px; } .content-block.donate-block .collection-item-image { max-width: 28px; max-height: 28px; margin: 5px; padding: 0; } .content-block.donate-block .collection-item-label { font-size: 12px; } } .content-block.additional-header-block { position: absolute; top: 0; } @media only screen and (max-width: 73em) { .content-block.additional-header-block { display: none; } } .sponsors-container { position: relative; background: #fff; padding: 50px 0px; } .sponsors-container .wrap { position: relative; max-width: 1130px; padding: 0; } .sponsors-container h1, .sponsors-container h2, .sponsors-container h3, .sponsors-container h4, .sponsors-container h5, .sponsors-container h6 { text-align: center; color: #6d6f71; } .sponsors-container .collection--list { padding: 0 40px; margin: 0 auto; z-index: 100; } .sponsors-container ul { position: relative; height: 150px; max-width: 1170px; list-style: none; margin: 0 auto; padding: 0; overflow: hidden; z-index: 300; } @media only screen and (max-width: 40em) { .sponsors-container ul { height: 100px; } } .sponsors-container li { opacity: 1 !important; } .sponsors-container .collection-item-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 90%; max-width: 90% !important; height: 150px; margin: 0 auto; } .sponsors-container .collection-item-image img { width: auto; height: auto; max-height: 100%; max-height: 100%; } @media only screen and (max-width: 40em) { .sponsors-container .collection-item-image { height: 100px; } } .sponsors-container .collection-item-label, .sponsors-container .collection-item-description { display: none; } .sponsors-container .slider__nav { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } .sponsors-container .slider-nav--prev, .sponsors-container .slider-nav--next { color: #6d6f71; font-size: 42px; line-height: 42px; width: 30px; position: absolute; display: block; cursor: pointer; top: 50% !important; z-index: 999; line-height: 0; text-align: center; -webkit-transform: translateY(-50%) !important; transform: translateY(-50%) !important; } .sponsors-container .slider-nav--next:after { right: 0; left: auto; } @media only screen and (max-width: 40em) { .sponsors-container { padding: 30px 0px !important; } } .social-container { background: #2bbaaf; } .social-container .wrap { height: 22px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .content-block.social-media-block { background: #2bbaaf; position: absolute; height: 50px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .content-block.social-media-block .collection { margin: 0; padding: 0; } .content-block.social-media-block ul { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; padding: 0; } .content-block.social-media-block li { margin: 10px 20px; padding: 0; max-height: 30px; max-width: 30px; opacity: 1; transition: 0.4s ease; } .content-block.social-media-block li:hover { opacity: 0.7; } .content-block.social-media-block .collection-item-image { max-height: 30px; max-width: 30px; } .content-block.social-media-block .collection-item-image img { max-height: 30px; max-width: 30px; width: 30px; } .content-block.social-media-block .collection-item-image.image { max-width: 30px !important; } .content-block.social-media-block .collection-item-label { display: none; } .content-block.social-media-block .collection-item-description { display: none; } .content-block.email-marketing-block .e2ma_signup_form_element, .content-block.email-marketing-block select { display: block; -webkit-appearance: none; width: 100%; height: auto; padding-top: 10px; padding-bottom: 10px; border-radius: 0px; background-color: #525252; font-family: inherit; border: none; box-shadow: none; color: rgba(0, 0, 0, 0.75); font-size: 18px; padding-right: 0.5rem; padding-left: 0.5rem; font-style: italic; color: #303030; background-image: none; text-shadow: none; } .content-block.email-marketing-block .e2ma_signup_form_element input { background: transparent; border: none; padding: 0; margin: 0; font-style: italic; font-size: 18px; } .content-block.email-marketing-block .e2ma_signup_form_element input:focus { box-shadow: none; } .content-block.email-marketing-block ::-webkit-input-placeholder { color: #303030; } .content-block.email-marketing-block :-moz-placeholder { /* Firefox 18- */ color: #303030; } .content-block.email-marketing-block ::-moz-placeholder { /* Firefox 19+ */ color: #303030; } .content-block.email-marketing-block :-ms-input-placeholder { color: #303030; } .content-block.email-marketing-block .form-title { margin-top: 0px; } .content-block.email-marketing-block input[type="submit"], .content-block.email-marketing-block input[type="reset"] { background: #2bbaaf; color: #fff; text-transform: uppercase; font-style: normal; font-weight: bold; padding: 10px 30px; width: auto; transition: 0.4s ease; } .content-block.email-marketing-block input[type="submit"]:hover, .content-block.email-marketing-block input[type="reset"]:hover { background: #fff; color: #2bbaaf; } .content-block.email-marketing-block input[type="reset"] { display: none; } .content-block.email-marketing-block .form-row, .content-block.email-marketing-block .e2ma_signup_form_row { margin: 0 0 0.625rem; } .content-block.email-marketing-block .form-actions { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .content-block.email-marketing-block .e2ma_signup_form_button_row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 40em) { .content-block.email-marketing-block form { text-align: center; } } @media only screen and (max-width: 40em) { .content-block.email-marketing-block div#e2ma_signup_message { text-align: center; } } @media only screen and (max-width: 40em) { .content-block.email-marketing-block { text-align: center; } } .content-block.footer-links-block ul { list-style: none; margin: 0; } .content-block.footer-links-block ul .collection-item-label { color: #6d6f71; } .content-block.footer-links-block ul .collection-item-label a { color: #6d6f71; } .content-block.footer-links-block ul .collection-item-label a:hover { color: #fff; } .content-block.footer-links-block ul .collection-item-description { display: none; } .content-block.footer-links-block ul .collection-item-image { display: none; } .content-block.powered-by-block { background: #3e3e3e; padding: 20px 20px 10px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .content-block.powered-by-block p { color: #fff; font-size: 13px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; } .content-block.powered-by-block a { color: #fff; margin-left: 3px; } .content-block.powered-by-block a:hover { color: #6d6f71; } /* ============================================================================= BODY CLASSES ============================================================================= */ body.search-overlay-is-visible { overflow: hidden; } body.search-overlay-is-visible .search-container { -webkit-transform: translateX(0); transform: translateX(0); } @media only screen and (max-width: 73em) { body.mobile-menu-is-visible { overflow: hidden; } body.mobile-menu-is-visible .mobile-nav-container { -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; } body.mobile-menu-is-visible .mobile-menu-toggle i { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } body.mobile-menu-is-visible .mobile-menu-toggle .fa-navicon:before, body.mobile-menu-is-visible .mobile-menu-toggle .fa-reorder:before, body.mobile-menu-is-visible .mobile-menu-toggle .fa-bars:before { content: "\f00d"; } } body.desktop-nav-is-too-wide .header-row { -webkit-box-ordinal-group: 21; -ms-flex-order: 20; order: 20; -webkit-box-flex: 0; -ms-flex: 0 1 60px; flex: 0 1 60px; -ms-flex-item-align: center; align-self: center; } body.desktop-nav-is-too-wide .header-row .content-block.additional-header-block { display: none; } body.desktop-nav-is-too-wide .header-row .content-block.donate-block { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } body.desktop-nav-is-too-wide .nav-logo { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; text-align: center; } body.desktop-nav-is-too-wide nav.dropdown { display: none; } body.desktop-nav-is-too-wide .search-overlay-toggle { display: none; } @media only screen and (max-width: 99999999em) { body.desktop-nav-is-too-wide .mobile-nav-container .search-overlay-toggle { display: block; } body.desktop-nav-is-too-wide .mobile-nav-container .search-overlay-toggle .fa { font-size: 22px; color: #2bbaaf; } body.desktop-nav-is-too-wide .mobile-menu-toggle { display: block; } body.desktop-nav-is-too-wide .mobile-menu-toggle i { color: #3e3e3e; font-size: 32px; transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1); } } @media only screen and (max-width: 99999999em) { body.desktop-nav-is-too-wide.mobile-menu-is-visible { overflow: hidden; } body.desktop-nav-is-too-wide.mobile-menu-is-visible .mobile-nav-container { -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; } body.desktop-nav-is-too-wide.mobile-menu-is-visible .mobile-menu-toggle i { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } body.desktop-nav-is-too-wide.mobile-menu-is-visible .mobile-menu-toggle .fa-navicon:before, body.desktop-nav-is-too-wide.mobile-menu-is-visible .mobile-menu-toggle .fa-reorder:before, body.desktop-nav-is-too-wide.mobile-menu-is-visible .mobile-menu-toggle .fa-bars:before { content: "\f00d"; } body.desktop-nav-is-too-wide.mobile-menu-is-visible .mobile-nav-container .search-overlay-toggle { display: block; } body.desktop-nav-is-too-wide.mobile-menu-is-visible .mobile-nav-container .search-overlay-toggle .fa { font-size: 22px; color: #2bbaaf; } body.desktop-nav-is-too-wide.mobile-menu-is-visible .mobile-menu-toggle { display: block; } body.desktop-nav-is-too-wide.mobile-menu-is-visible .mobile-menu-toggle i { color: #3e3e3e; font-size: 32px; transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1); } } /* ============================================================================= Extends ============================================================================= */ .spotlight--list li:before, .spotlight--random li:before, .internal .masthead-container:before { content: ""; height: 100%; display: block; /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.65) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ position: absolute; top: 0; left: 0; right: 0; } nav.dropdown ul { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; margin: 0; padding: 0; z-index: 99999; } nav.dropdown li { position: relative; -ms-flex-negative: 0; flex-shrink: 0; } nav.dropdown li:not(:first-child):before { content: "\f111"; font-family: FontAwesome; font-size: 6px; color: #303030; display: inline; position: absolute; left: -4px; top: 45%; width: 20px; } nav.dropdown a { display: block; } nav.dropdown ul ul .nav__list--parent:hover:after { color: #fff; } nav.dropdown ul ul .nav__list--parent a { padding-right: 22.5px; } 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: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #fff; font-size: 15px; padding: 0 10px; z-index: 1; } nav.dropdown ul ul li:not(:first-child):before { display: none; } nav.dropdown ul ul ul .nav__list--parent:after { color: #fff; } nav.dropdown ul ul ul .nav__list--parent:hover:after { color: #fff; } nav.dropdown > ul > li > a { border-bottom: 10px solid transparent; } nav.dropdown > ul li:hover > a { background-color: transparent; color: #303030; border-color: #2bbaaf; } nav.dropdown > ul a { background-color: transparent; color: #303030; font-size: 14px; font-weight: 700; text-transform: uppercase; padding: 35px 16px 25px 16px; } nav.dropdown > ul > li.nav__list--here > a { border-bottom: 10px solid #2bbaaf; } nav.dropdown > ul > li:last-child ul { right: 0; } nav.dropdown > ul > li:last-child ul li.nav__list--parent a { padding-left: 30px; } nav.dropdown > ul > li:last-child ul li.nav__list--parent:after { content: "\f104"; left: 0px; right: auto; font-size: 16px; } nav.dropdown > ul > li:last-child ul ul { left: -100%; right: auto; } nav.dropdown ul ul { display: none; position: absolute; width: auto; background-color: #3e3e3e; } nav.dropdown ul ul li:hover > a { background-color: #6d6f71; color: #fff; } nav.dropdown ul ul li:not(:last-child) a { border-bottom: none; } nav.dropdown ul ul a { background-color: #3e3e3e; color: #fff; width: 240px; font-size: 14px; font-weight: 700; text-transform: uppercase; padding: 12px 30px; } nav.dropdown ul ul ul { top: 0; left: 100%; background-color: #3e3e3e; } nav.dropdown ul ul ul li:hover > a { background-color: #6d6f71; color: #fff; } nav.dropdown ul ul ul a { background-color: #3e3e3e; color: #fff; } nav.dropdown li:hover > ul { display: block; } nav.dropdown > ul > li > ul li a { font-family: "PT Sans", sans-serif; } nav.subnav { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 350px; flex: 1 0 350px; margin-top: 40px; } nav.subnav ul { list-style: none; margin: 0; padding: 0; } nav.subnav a { display: block; position: relative; text-align: right; font-size: 16px; font-weight: 500; transition: 0.3s ease; } nav.subnav a span.accordian_toggle { width: 50px; height: 100%; position: absolute; top: 0; bottom: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #6d6f71; } nav.subnav a span.accordian_toggle:after { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: ""; color: #6d6f71; font-size: 22px; } nav.subnav a span.accordian_toggle:hover:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } nav.subnav li.nav__list--parent a { padding-right: 50px; } nav.subnav li.accordian_open > a { color: null; background: null; } nav.subnav li.accordian_open > a > span.accordian_toggle:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } nav.subnav ul li { line-height: 1.2; padding: 3px 0px; } nav.subnav ul li a { font-size: 16px; text-transform: uppercase; padding: 5px 50px 5px 20px; background: #efefef; color: #6d6f71; } nav.subnav ul li:hover > a { background: #efefef; color: #2bbaaf; } nav.subnav ul ul { display: none; } nav.subnav ul ul li a { font-size: 16px; text-transform: capitalize; padding: 0px 20px 0px 40px; background: #efefef; color: #6d6f71; font-weight: 300; font-style: italic; } nav.subnav ul ul li:hover > a { background: #efefef; color: #2bbaaf; } nav.subnav ul ul ul { display: none; } nav.subnav ul ul ul li a { font-size: 14px; padding: 0px 20px 0px 60px; background: #efefef; color: #6d6f71; font-style: normal; } nav.subnav ul ul ul li:hover > a { background: #efefef; color: #2bbaaf; } .mobile-nav-container { background: rgba(62, 62, 62, 0.6); height: 100%; bottom: 0; position: absolute; visibility: hidden; top: 0; z-index: 5000; right: 0; width: 500px; -webkit-transform: translateY(-100%); transform: translateY(-100%); transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1); overflow-y: scroll; } .mobile-nav-container .search-overlay-toggle { text-align: right; padding: 20px; background: #303030; } .mobile-nav-container .search-overlay-toggle .fa { color: #2bbaaf; font-size: 22px; } @media only screen and (max-width: 40em) { .mobile-nav-container { width: 100%; left: 0; } } nav.mobile ul { list-style: none; margin: 0; padding: 0; } nav.mobile a { display: block; position: relative; font-size: 16px; font-weight: 400; } nav.mobile a span.accordian_toggle { width: 70px; height: 100%; position: absolute; top: 0; bottom: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-left: 1px solid rgba(255, 255, 255, 0.15); } nav.mobile a span.accordian_toggle:after { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: ""; font-size: 40px; } nav.mobile a span.accordian_toggle:hover:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } nav.mobile li.nav__list--parent a { padding-right: 70px; } nav.mobile li.accordian_open > a { color: null; background: null; } nav.mobile li.accordian_open > a > span.accordian_toggle:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } nav.mobile ul li a { border-top: 1px solid rgba(255, 255, 255, 0.15); } nav.mobile ul li a { font-size: 16px; text-transform: uppercase; padding: 22px; background: #303030; color: #fff; } nav.mobile ul li:hover > a { background: #303030; color: #fff; } nav.mobile ul ul { display: none; } nav.mobile ul ul li a { padding: 20px 20px 20px 40px; background: #3e3e3e; color: #fff; } nav.mobile ul ul li:hover > a { background: #3e3e3e; color: #fff; } nav.mobile ul ul ul { display: none; } nav.mobile ul ul ul li a { padding: 20px 20px 20px 60px; background: #525252; color: #fff; } nav.mobile ul ul ul li:hover > a { background: #525252; color: #fff; } /* ============================================================================= General ============================================================================= */ /* ============================================================================= Homepage ============================================================================= */ .spotlight-container { border-bottom: 29px solid #fff; position: relative; height: 750px; margin-bottom: 29px; } @media only screen and (max-width: 73em) { .spotlight-container { height: 450px; } } @media only screen and (max-width: 40em) { .spotlight-container { height: 300px; } } .intro-container { background: #2bbaaf; text-align: center; color: #59d9cf; font-size: 20px; font-weight: 300; position: relative; z-index: 100; padding: 50px 0px 20px 0px; } .intro-container .wrap { max-width: 790px; position: relative; } .intro-container a { color: #6d6f71; } .intro-container a:hover { color: #2bbaaf; } .intro-container p { font-style: italic; } .intro-container h1, .intro-container h2, .intro-container h3, .intro-container h4, .intro-container h5, .intro-container h6 { color: #fff; } .intro-container h1 { font-size: 28px; } @media only screen and (max-width: 40em) { .intro-container h1 { font-size: 28px; } } @media only screen and (max-width: 40em) { .intro-container { font-size: 18px; padding: 60px 15px 20px 15px; } } .square-wrap { max-width: 1170px; margin: 0 auto; position: relative; } .square-container { position: absolute; left: 50%; bottom: -40px; height: 80px; width: 80px; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 50; } .square-container .square { width: 70px; height: 70px; background: #2bbaaf; border: 10px solid #fff; position: absolute; z-index: 50; -webkit-transform: rotate3d(-2.4, -1, 0, -206deg); transform: rotate3d(-2.4, -1, 0, -206deg); } .featured-container { background: #efefef; padding: 80px 0px 60px 0px; position: relative; border-top: 10px solid #fff; } .featured-container ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (max-width: 40em) { .featured-container ul { display: block; } } .featured-container li { background: #fff; padding: 0px 22px 25px 22px; position: relative; margin: 20px 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (min-width: 40.063em) { .featured-container li { min-height: 140px; -webkit-box-flex: 1; -ms-flex: 1 0 22%; flex: 1 0 22%; } } .featured-container li:nth-child(3n+1) .collection-item-label { background: #6d6f71; } .featured-container li:nth-child(3n+1) .read-more .fa { color: #6d6f71; } .featured-container li:nth-child(3n+1) .read-more:hover:after { border-color: #6d6f71 transparent transparent transparent; } .featured-container li:nth-child(3n+1) .read-more:hover .fa { color: #fff; } .featured-container li:nth-child(3n+2) .collection-item-label { background: #2bbaaf; } .featured-container li:nth-child(3n+2) .read-more .fa { color: #2bbaaf; } .featured-container li:nth-child(3n+2) .read-more:hover:after { border-color: #2bbaaf transparent transparent transparent; } .featured-container li:nth-child(3n+2) .read-more:hover .fa { color: #fff; } .featured-container li:nth-child(3n+3) .collection-item-label { background: #6d6f71; } .featured-container li:nth-child(3n+3) .read-more .fa { color: #6d6f71; } .featured-container li:nth-child(3n+3) .read-more:hover:after { border-color: #6d6f71 transparent transparent transparent; } .featured-container li:nth-child(3n+3) .read-more:hover .fa { color: #fff; } .featured-container .collection { margin-bottom: 0px; } .featured-container .collection-item__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .featured-container .collection-item-label { padding: 30px; text-transform: uppercase; color: #fff; text-align: center; font-size: 22px; letter-spacing: 2px; margin: 0; position: relative; top: -20px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .featured-container .collection-item-label a { color: #fff; } .featured-container .collection-item-description { margin-right: 20px; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-ordinal-group: 301; -ms-flex-order: 300; order: 300; } .featured-container .collection-item-image { -webkit-box-ordinal-group: 101; -ms-flex-order: 100; order: 100; max-height: 210px; text-align: center; } @media only screen and (max-width: 40em) { .featured-container .collection-item-image { display: none; } } .featured-container .collection-item-image img { max-height: 210px; width: auto !important; } .featured-container .read-more { position: absolute; right: 0; bottom: 0; transition: 0.4s ease; height: 100%; width: 100%; overflow: hidden; } .featured-container .read-more a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 10; } .featured-container .read-more:after { content: ""; border: solid; border-width: 60px 60px; height: 0; width: 0; z-index: 1; position: absolute; border-color: transparent transparent transparent transparent; right: -60px; bottom: -60px; transition: 0.4s ease; -webkit-transform: rotate3d(1, 2.4, 0, -182deg); transform: rotate3d(1, 2.4, 0, -182deg); } .featured-container .read-more .fa { right: 12px; position: absolute; bottom: 3px; color: #fff; z-index: 100; font-size: 52px; transition: 0.4s ease; } @media only screen and (max-width: 40em) { .featured-container .read-more { display: none; } } .featured-container:after { content: ""; border: solid; border-width: 30px 30px; height: 0; width: 0; z-index: 1; position: absolute; border-color: #efefef transparent transparent transparent; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -60px; } @media only screen and (max-width: 73em) { .featured-container ul li { -webkit-box-flex: 1; -ms-flex: 1 0 46%; flex: 1 0 46%; } } @media only screen and (max-width: 40em) { .featured-container { padding: 70px 0px 30px 0px; } .featured-container ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .featured-container ul li { background: transparent; -webkit-box-flex: 100%; -ms-flex: 100%; flex: 100%; margin: 0px; } .featured-container ul li:nth-child(n+3) { display: block; } .featured-container ul li:not(:first-child) { margin-left: 0px; } .featured-container ul .collection-item-description { display: none; } .featured-container ul .collection-item-label { top: 0; font-size: 18px; padding: 25px; font-weight: 600; } } .primary-container { background: #2bbaaf; padding: 50px 0px; position: relative; color: #fff; -webkit-font-smoothing: antialiased; } .primary-container h1, .primary-container h2, .primary-container h3, .primary-container h4, .primary-container h5, .primary-container h6 { color: #fff; } .primary-container:after { content: ""; border: solid; border-width: 30px 30px; height: 0; width: 0; z-index: 1; position: absolute; border-color: #2bbaaf transparent transparent transparent; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -60px; } @media only screen and (max-width: 73em) { .primary-container { padding: 70px 20px; } } .news-container { background: #6d6f71; padding: 70px 20px 70px 10px; -webkit-font-smoothing: antialiased; } .news-container h1, .news-container h2, .news-container h3, .news-container h4, .news-container h5, .news-container h6 { color: #fff; text-align: center; } .news-container h5 { letter-spacing: 0rem; } .news-container a { color: #fff; } .news-container .news-articles { margin-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.28); padding-top: 21px; } .news-container .news-articles h1, .news-container .news-articles h2, .news-container .news-articles h3, .news-container .news-articles h4, .news-container .news-articles h5, .news-container .news-articles h6 { text-align: left; text-transform: initial; font-size: 20px; font-weight: 400; max-width: 100%; } @media only screen and (max-width: 40em) { .news-container .news-articles h1, .news-container .news-articles h2, .news-container .news-articles h3, .news-container .news-articles h4, .news-container .news-articles h5, .news-container .news-articles h6 { max-width: 100%; } } .news-container .news-articles--list .news-article:last-child { padding-bottom: 1.5rem; } .news-container .news-article-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } @media only screen and (min-width: 40.063em) { .news-container .news-article-header .news-article-meta--date { -ms-flex-preferred-size: 20%; flex-basis: 20%; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .news-container .news-article-header .news-article-meta.news-article-meta--author { display: none; } @media only screen and (max-width: 40em) { .news-container .news-article-header { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .news-container .news-article-description { color: #fff; font-size: 14px; margin: 0px 20px 0px 64px; } .news-container .news-article-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin-left: 40px; } .news-container .news-article-title:before { content: "\f1ea"; color: rgba(255, 255, 255, 0.28); font-family: "FontAwesome"; display: inline; font-size: 22px; position: relative; left: -30px; } @media only screen and (min-width: 40.063em) { .news-container .news-article-title { -ms-flex-preferred-size: 65%; flex-basis: 65%; -ms-flex-negative: 0; flex-shrink: 0; } } @media only screen and (max-width: 40em) { .news-container .news-article-title { margin-left: 65px; width: 100%; padding: 0px 40px 0px 0px; } .news-container .news-article-title:before { position: absolute; left: -40px; top: 7px; } } .news-container .news-article-meta { color: #6d6f71; text-transform: initial; margin-left: 10px; } @media only screen and (max-width: 40em) { .news-container .news-article-meta { margin-left: 65px; } } .news-container .news-articles--list .news-article { box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.25); } .news-container .news-articles-archive { text-align: center; margin-top: 50px; height: 43px; } .news-container .news-articles-archive a { color: #fff; background: #2bbaaf; text-align: center; margin: 0 auto; padding: 15px 30px; font-size: 20px; text-transform: uppercase; font-weight: 700; transition: 0.4s ease; } .news-container .news-articles-archive:hover a { color: #2bbaaf; background: #fff; } @media only screen and (max-width: 73em) { .news-container { padding: 70px 30px; } } /* ============================================================================= Internal ============================================================================= */ .white-background { background: #fff !important; } .no-masthead { height: 80px !important; background: #efefef !important; } .no-masthead:before { display: none !important; } .internal .masthead-container { height: 403px; position: relative; border-bottom: 18px solid #fff; } .internal .masthead-container .wrap { position: relative; z-index: 100; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 100%; padding-bottom: 60px; } .internal .masthead-container .image { margin: 0; } .internal .masthead-container h1, .internal .masthead-container h2, .internal .masthead-container h3, .internal .masthead-container h4, .internal .masthead-container h5, .internal .masthead-container h6 { color: #fff; text-transform: capitalize; line-height: 1.2; letter-spacing: 0rem; } .internal .masthead-container h4 { font-size: 44px; } @media only screen and (max-width: 40em) { .internal .masthead-container h4 { font-size: 28px; } } .internal .masthead-container h3 { font-size: 46px; } @media only screen and (max-width: 40em) { .internal .masthead-container h3 { font-size: 30px; } } .internal .masthead-container h2 { font-size: 48px; } @media only screen and (max-width: 40em) { .internal .masthead-container h2 { font-size: 32px; } } .internal .masthead-container h1 { font-size: 50px; } @media only screen and (max-width: 40em) { .internal .masthead-container h1 { font-size: 34px; } } @media only screen and (max-width: 73em) { .internal .masthead-container { height: 293px; } .internal .masthead-container .wrap { padding-bottom: 30px; } } @media only screen and (max-width: 40em) { .internal .masthead-container { height: 209px; } .internal .masthead-container .wrap { padding-bottom: 15px; } } .internal .primary-container-internal { background: #efefef; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #efefef 2%, #efefef 52%, #efefef 52%, #fff 53%, #fff 53%, #fff 61%, #fff 61%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ color: #3e3e3e; font-size: 16px; font-weight: 300; } .internal .primary-container-internal h1 { font-size: 28px; } @media only screen and (max-width: 40em) { .internal .primary-container-internal h1 { font-size: 28px; } } .internal .primary-container-internal .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 73em) { .internal .primary-container-internal .wrap { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .internal .primary-container-internal .sidebar-container { background: #efefef; -webkit-box-flex: 1; -ms-flex: 1 0 350px; flex: 1 0 350px; } .internal .primary-container-internal .sidebar-container .section-title { background: #6d6f71; padding: 4px 40px 4px 24px; position: relative; height: auto; min-height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .internal .primary-container-internal .sidebar-container .section-title h4 { color: #fff; letter-spacing: 2px; margin: 0; line-height: 1.2; max-width: 100%; } .internal .primary-container-internal .sidebar-container .section-title:before { content: ""; height: 100%; background: #6d6f71; width: 5000px; display: inline; position: absolute; left: -5000px; top: 0; } .internal .primary-container-internal .sidebar-container .section-title:after { content: ""; border: solid; border-width: 28px 28px; height: 0; width: 0; z-index: 1; position: absolute; border-color: #fff #fff transparent transparent; right: -29px; bottom: 0px; top: 13px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } @media only screen and (max-width: 73em) { .internal .primary-container-internal .sidebar-container .section-title { display: none; } } @media only screen and (max-width: 73em) { .internal .primary-container-internal .sidebar-container nav.subnav { display: none; } } .internal .primary-container-internal .sidebar-container .under_sidebar { padding: 20px; } @media only screen and (min-width: 40.063em) { .internal .primary-container-internal .sidebar-container { -webkit-box-flex: 1; -ms-flex: 1 0 350px; flex: 1 0 350px; } } @media only screen and (max-width: 73em) { .internal .primary-container-internal .sidebar-container { background: #fff; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } } .internal .primary-container-internal .primary-content { background: #fff; padding: 30px 70px; -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; } .internal .primary-container-internal .primary-content hr { border: solid #6d6f71; } .internal .primary-container-internal .primary-content .collection--list li { margin-bottom: 13px; } .internal .primary-container-internal .primary-content .collection-item-label { line-height: 1.4; } .internal .primary-container-internal .primary-content button:hover, .internal .primary-container-internal .primary-content html input[type="button"]:hover, .internal .primary-container-internal .primary-content input[type="reset"]:hover, .internal .primary-container-internal .primary-content input[type="submit"]:hover { border-color: transparent; outline: 0; background-color: rgba(43, 186, 175, 0.8); background-image: none; color: #fff; } @media only screen and (max-width: 73em) { .internal .primary-container-internal .primary-content { padding: 20px; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } } .internal .primary-container-internal:after { display: none; } .internal .sponsors-container { border-top: 28px solid #efefef; } .internal .primary-container-internal .primary-content { font-family: "Laro", serif; } .internal .primary-container-internal .primary-content h4 { color: #cc243b; } /* ============================================================================= Landing Pages ============================================================================= */ .landing .header-row { display: none; } .landing .donate-block { display: none; } .landing header .wrap { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 40px 20px; } @media only screen and (max-width: 73em) { .landing header .wrap { padding: 20px; } } .landing .masthead-container { min-height: 837px; height: auto; border-bottom: none; } .landing .masthead-container:after { content: ""; height: 100%; display: block; /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.85) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ position: absolute; top: 0; left: 0; right: 0; } @media only screen and (max-width: 73em) { .landing .masthead-container { min-height: 450px; } } .landing .intro-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 100px 20px 20px 20px; width: 100%; max-width: 770px; } .landing .intro-content .image-container { margin: 0px 0px 10px 0px; width: 100%; height: auto; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 40em) { .landing .intro-content .image-container { max-height: 320px; } } .landing .intro-content .image-container img { max-height: 100%; margin: 0; padding: 0; } .landing .intro-content .image-container .image__text { text-align: center; } .landing .intro-content .image-container .image { max-width: 100% !important; } .landing .intro-content .headline-container { margin: 10px 0px 10px 0px; max-width: 100%; } .landing .intro-content .headline-container h1 { color: #6d6f71; font-size: 56px; text-align: center; margin: 0; padding: 0; } @media only screen and (max-width: 73em) { .landing .intro-content .headline-container h1 { font-size: 38px; } } .landing .intro-content .callout-container { font-size: 20px; font-weight: 300; color: #fff; max-width: 100%; text-align: left; } .landing .intro-content .callout-container p { line-height: 1.8; margin: 10px 0px 0px 0px; } @media only screen and (max-width: 73em) { .landing .intro-content { margin: 20px 0px 0px 0px; padding: 20px; } } .landing .fundraising-container { border-top: 35px solid #fff; background: #6d6f71; color: #6d6f71; } .landing .fundraising-container .fundraising-campaign-status { color: #fff; } .landing .fundraising-container .wrap { position: relative; padding: 88px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .landing .fundraising-container .wrap .fundraising-campaign-progress { max-width: 700px; width: 100%; } .landing .fundraising-container .wrap:after { content: ""; border: solid; border-width: 30px 30px; height: 0; width: 0; z-index: 1; position: absolute; border-color: #6d6f71 transparent transparent transparent; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -60px; } @media only screen and (max-width: 73em) { .landing .fundraising-container .wrap { padding: 30px 20px; } } @media only screen and (max-width: 73em) { .landing .fundraising-container { border-top: 25px solid #fff; } } .landing .primary-container-internal { background: #fff; padding: 70px 20px; } .landing .primary-container-internal button:hover, .landing .primary-container-internal html input[type="button"]:hover, .landing .primary-container-internal input[type="reset"]:hover, .landing .primary-container-internal input[type="submit"]:hover { border-color: transparent; outline: 0; background-color: rgba(43, 186, 175, 0.8); background-image: none; color: #fff; } .landing .primary-container-internal .wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (min-width: 40.063em) { .landing .primary-container-internal .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media only screen and (max-width: 73em) { .landing .primary-container-internal .wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: block; } } .landing .primary-container-internal .primary-content { padding: 0; } @media only screen and (min-width: 40.063em) { .landing .primary-container-internal .primary-content { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; } } @media only screen and (max-width: 73em) { .landing .primary-container-internal .primary-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } .landing .primary-container-internal .action-content { -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; margin-left: 50px; } @media only screen and (max-width: 73em) { .landing .primary-container-internal .action-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0; } } .landing .primary-container-internal .action-content .e2ma_signup_form_button_row input, .landing .primary-container-internal .action-content .button, .landing .primary-container-internal .action-content .button:active, .landing .primary-container-internal .action-content .button:focus, .landing .primary-container-internal .action-content .button:link, .landing .primary-container-internal .action-content .button:visited, .landing .primary-container-internal .action-content .spotlight--list .spotlight-overlay .spotlight-button, .landing .primary-container-internal .action-content .outro_section .collection--list ul .collection-item-label { background: #f55930; } .landing .primary-container-internal .action-content .e2ma_signup_form_button_row input:hover, .landing .primary-container-internal .action-content .button:hover, .landing .primary-container-internal .action-content .button:active:hover, .landing .primary-container-internal .action-content .button:focus:hover, .landing .primary-container-internal .action-content .button:link:hover, .landing .primary-container-internal .action-content .button:visited:hover, .landing .primary-container-internal .action-content .spotlight--list .spotlight-overlay .spotlight-button:hover, .landing .primary-container-internal .action-content .outro_section .collection--list ul .collection-item-label:hover { background: #f66d48; } .landing .primary-container-internal .action-content ul { list-style: none; margin: 0; padding: 0; } .landing .primary-container-internal .action-content li { margin: 0px 0px 10px 0px; } .landing .primary-container-internal .action-content .collection-item-label { text-align: center; } .landing .primary-container-internal .action-content .collection-item-label a { color: #fff; background: #f55930; display: inline-block; font-family: "Lato", sans-serif; text-align: center; padding: 10px 25px; text-transform: uppercase; font-weight: 700; } .landing .primary-container-internal .action-content .collection-item-label a:hover { background: #f66d48; } .landing .primary-container-internal .action-content .collection-item-image, .landing .primary-container-internal .action-content .collection-item-description { display: none; } @media only screen and (max-width: 73em) { .landing .primary-container-internal { padding: 60px 20px; } } .landing .testimonials-container { background: #efefef; padding: 62px 20px; } .landing .testimonials-container h1, .landing .testimonials-container h2, .landing .testimonials-container h3, .landing .testimonials-container h4, .landing .testimonials-container h5, .landing .testimonials-container h6 { text-align: center; text-transform: uppercase; font-weight: bold; margin-bottom: 60px; } .landing .testimonials-container ul { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: 65px; } @media only screen and (max-width: 73em) { .landing .testimonials-container ul { display: block; margin-left: 0px; } } .landing .testimonials-container li { position: relative; max-width: 48%; margin-right: 85px; -webkit-box-flex: 1; -ms-flex: 1 0 240px; flex: 1 0 240px; } @media only screen and (max-width: 73em) { .landing .testimonials-container li { max-width: none; margin-bottom: 50px; margin-right: 0px; margin-left: 65px; } } .landing .testimonials-container .collection-item__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #fff; display: flex; padding: 35px 35px 35px 100px; position: relative; z-index: 100; min-height: 200px; } .landing .testimonials-container .collection-item__content:after { content: ""; width: 150px; height: 150px; position: absolute; bottom: 0; right: 28px; content: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IlxhICAgICAgICAgIHdpZHRoPSIyMDAiIGZpbGw9IiNlZmVmZWYiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+XGEgICAgICAgICAgPHBhdGggaWQ9InF1b3RlLTYtaWNvbiIgZD0iTTQ1Ni44MjIsMTc5LjEwN2MyMi4yMTksNzkuNDM0LTI2Ljg3NywxOTguOTczLTE1MS4wMDQsMjIzLjQ3MWwtMTYuODg3LTM2LjQ5OFxhICAgICAgICAgIGMzOC4wMjMtMTQuMzMsNjMuMjE5LTQ3LjA2NCw2Ni45NDMtODEuNDY1Yy00Mi43NTYtNi43My03NS40NTktNDMuNzM5LTc1LjQ1OS04OC4zODVcYSAgICAgICAgICBDMjgwLjQxNiw5Ni45ODYsNDI2LjgxOCw3MS44MzcsNDU2LjgyMiwxNzkuMTA3eiBNMjI2LjQwNSwxNzkuMTA3YzIyLjIyLDc5LjQzNC0yNi44NzYsMTk4Ljk3My0xNTEuMDA0LDIyMy40NzFMNTguNTE1LDM2Ni4wOFxhICAgICAgICAgIGMzOC4wMjItMTQuMzMsNjMuMjE4LTQ3LjA2NCw2Ni45NDMtODEuNDY1QzgyLjcwMiwyNzcuODg1LDUwLDI0MC44NzYsNTAsMTk2LjIzQzUwLDk2Ljk4NiwxOTYuNDAyLDcxLjgzNywyMjYuNDA1LDE3OS4xMDd6Ii8+XGEgICAgICAgICAgPC9zdmc+'); } .landing .testimonials-container .collection-item-image { width: 150px; height: 150px; border: 7px solid #fff; position: absolute; top: 30px; left: -70px; } .landing .testimonials-container .collection-item-image img { -o-object-fit: cover; object-fit: cover; height: 135px; width: 150px; } .landing .testimonials-container .collection-item-label { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; color: #2bbaaf; text-transform: uppercase; z-index: 100; } .landing .testimonials-container .collection-item-description { margin-bottom: 20px; z-index: 100; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .landing .testimonials-container .collection-item-description p { font-weight: 300; line-height: 1.8; } .landing .sponsors-container { display: none; } .progress-bar { max-width: 700px; margin: 0 auto; width: 100%; } .progress-bar__trench { height: 3rem; border-radius: 30px; padding: 0px; background-color: #fff; border: 7px solid #fff; box-shadow: 0px 0px 0px 4px #6d6f71; overflow: hidden; } .progress-bar__meter { height: 100%; border-radius: 30px; background-color: #2bbaaf; position: relative; } .progress-bar__meter:after { content: ""; border: 39px solid #2bbaaf; position: absolute; -webkit-transform: rotate(38deg); transform: rotate(38deg); top: -93%; height: 100%; right: -23px; } .fundraising-campaign-status { text-align: center; text-transform: uppercase; font-weight: bold; font-size: 14px; letter-spacing: 0.5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 40em) { .fundraising-campaign-status { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .fundraising-campaign-status__amount { font-weight: 700; font-size: 26px; margin: 0px 5px; color: #6d6f71; } .progress-bar__metrics { font-size: 20px; font-weight: 700; } /* // 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/9248/5888/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/9248/5888/css+imgSrc+')' + options); }); } backgroundImage($(".has-bg-li__collection li .collection-item-image"), "center center / cover no-repeat"); // scss dependencies ////////////////////////////////////////////// requires breakpoint mixin */ .landing { background: #fff; } .landing .lp-site-container { display: block; background: #fff; } .landing .wrap { margin: 0 auto; max-width: 1170px; padding: 0 20px; } .landing header.landing-opt { position: relative; width: 100%; text-align: center; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -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(48, 48, 48, 0.5); } .landing .lp-headline-container { position: relative; text-align: center; z-index: 10; } .landing .lp-headline-container h1 { font-size: 44px; font-weight: 700; line-height: 1.6; text-transform: uppercase; margin-bottom: 30px; } @media only screen and (max-width: 73em) { .landing .lp-headline-container h1 { font-size: 34px; font-weight: 690; line-height: -8.4; margin-bottom: 30px; } } @media only screen and (max-width: 73em) { .landing .lp-headline-container h1 { font-size: 24px; font-weight: 680; 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: #fff; margin: 10px 0; } .landing .lp-media-container { margin-top: -120px; position: relative; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 1210px; } @media only screen and (max-width: 73em) { .landing .lp-columns-container .wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .landing .lp-columns-container .lp-columns-content { -webkit-box-flex: 0; -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: #303030; } .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 .form-row, .landing .lp-columns-container .lp-cta-container .e2ma_signup_form_row { max-width: 100%; } .landing .lp-columns-container .lp-cta-container button, .landing .lp-columns-container .lp-cta-container html input[type="button"], .landing .lp-columns-container .lp-cta-container input[type="reset"], .landing .lp-columns-container .lp-cta-container input[type="submit"], .landing .lp-columns-container .lp-cta-container .button, .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 .button:focus, .landing .lp-columns-container .lp-cta-container .button:active { background: #2bbaaf; } .landing .lp-columns-container .lp-cta-container button:hover, .landing .lp-columns-container .lp-cta-container html input[type="button"]:hover, .landing .lp-columns-container .lp-cta-container input[type="reset"]:hover, .landing .lp-columns-container .lp-cta-container input[type="submit"]:hover, .landing .lp-columns-container .lp-cta-container .button: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 .button:focus:hover, .landing .lp-columns-container .lp-cta-container .button:active:hover { background: #fff; color: #2bbaaf; } .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: #fff; background: #2bbaaf; padding: 15px 30px; display: inline-block; font-weight: lighter; text-transform: uppercase; font-family: "Lato", sans-serif; font-size: 14px; font-weight: bold; transition: 0.3s ease; } .landing .lp-columns-container .lp-cta-container .collection-item-label a:hover { background: #fff; color: #2bbaaf; } .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: #303030; text-align: center; font-size: 18px; padding: 40px 0; position: relative; z-index: 10; } .landing .lp-primary-container { background: #fff; color: #303030; font-size: 16px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .landing .lp-primary-container .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 73em) { .landing .lp-primary-container .wrap { display: block; } } .landing .lp-primary-container .lp-primary-content { max-width: 48%; } @media only screen and (max-width: 73em) { .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: #303030; 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: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; } @media only screen and (max-width: 73em) { .landing .lp-testimonials-container ul { display: block; } } .landing .lp-testimonials-container li { position: relative; -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; min-height: 140px; padding-right: 20px; } @media only screen and (max-width: 73em) { .landing .lp-testimonials-container li { max-width: none; margin-bottom: 50px; } } .landing .lp-testimonials-container .collection-item__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 40em) { .landing .lp-testimonials-container .collection-item__content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } } .landing .lp-testimonials-container .collection-item-image { width: 100px; height: 100px; border: 4px solid #fff; position: absolute; top: 0; left: 0; } @media only screen and (max-width: 40em) { .landing .lp-testimonials-container .collection-item-image { position: initial; } } .landing .lp-testimonials-container .collection-item-label { margin-left: 120px; -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; color: #303030; } @media only screen and (max-width: 40em) { .landing .lp-testimonials-container .collection-item-label { margin-left: 0px; } } .landing .lp-testimonials-container .collection-item-description { margin-left: 120px; margin-bottom: 20px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media only screen and (max-width: 40em) { .landing .lp-testimonials-container .collection-item-description { margin-left: 0px; } } .landing .lp-fundraising-container { color: #303030; text-align: center; background: #fff; padding: 0px 0px 60px 0px; } .landing .lp-logos-container { background: #fff; 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: #303030; } .landing .lp-logos-container ul { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 73em) { .landing .lp-logos-container ul { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .landing .lp-logos-container li { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 15px; } @media only screen and (max-width: 40em) { .landing .lp-logos-container li { -webkit-box-flex: 0; -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: 0px 0px 20px 0px; background: #fff; } .landing footer.landing-opt .content-block.social-media-block { position: initial; left: auto; width: 100%; -webkit-transform: none; transform: none; margin-bottom: 20px; } .landing footer.landing-opt .location-container { text-align: center; margin-bottom: 20px; } .landing footer.landing-opt .location-container .locations-hours--variable { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media only screen and (max-width: 40em) { .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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 73em) { .landing footer.landing-opt .bottom-footer-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -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; background: transparent; color: #ababab; display: block; padding: 0; } .landing footer.landing-opt .powered-by-block p { color: #ababab; font-size: 16px; } .landing footer.landing-opt .powered-by-block a { color: #6d6f71; } .landing footer.landing-opt .powered-by-block a:hover { color: #2bbaaf; } /* ============================================================================= Product Pages ============================================================================= */ /* ============================================================================= General QA ============================================================================= */ html.video { margin-bottom: 0px; } span.separator { padding-right: 3px; } .fundraising-campaign-progress { min-width: 200px; } .collection--gallery .collection-item { background-color: transparent; } button.mfp-close:hover { background: transparent; color: #fff; } .inline-popup__content input[type="submit"] { padding: 0.5rem 1rem; } .inline-popup__content input[type="submit"]:hover { border-color: transparent; outline: 0; background-color: rgba(43, 186, 175, 0.8); background-image: none; color: #fff; } .event-calendar-search__keywords .form-control--search:before { left: 0.6875rem; } .mfp-arrow:hover { opacity: 1; background-color: transparent !important; } .emma-show header { background: transparent; padding: 0; } .emma-show form input { width: 242px !important; } /* ============================================================================= 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; } }