@charset "UTF-8"; /* ========================================================================= */ /* !RESETS AND DEFAULTS */ /* ========================================================================= */ @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap"); html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp, var, hr, acronym, dl, dt, dd, ol, ul, li, pre, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { border: 0; outline: 0; font-style: normal; font-size: 100%; vertical-align: baseline; margin: 0; padding: 0; -webkit-text-size-adjust: 100%; } em, strong, b, i, a, span, sub, sup, small { border: 0; outline: 0; font-size: 100%; vertical-align: baseline; margin: 0; padding: 0; } /* a:focus { outline:0; } :focus, :active { outline:none; outline:0; } ::-moz-focus-inner { outline:none; } */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } li { list-style: none; } a { text-decoration: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border-top: 1px solid #000; color: #000; } input, select { vertical-align: middle; } sub { vertical-align: sub; font-size: smaller; line-height: 0px; } sup { vertical-align: super; font-size: smaller; line-height: 0px; } input, button, textarea, select, label, img { display: inline-block; max-width: 100%; height: auto; } input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } input[type=text], input[type=password], input[type=url], input[type=number], input[type=tel], input[type=email], input[type=submit], input[type=search], button, textarea, select { -webkit-appearance: none; outline: 1px solid transparent; } textarea { resize: none; overflow: auto; } button, a span { cursor: pointer; } button { border: 0; text-align: center; } button::-moz-focus-inner { padding: 0; border: 0; } table { table-layout: fixed; } a[href^=tel] { color: inherit; } select { -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; } select:-moz-focusring { color: transparent; } select::-ms-expand { display: none; } /* != FONT SMOOTHING */ body, input, button, textarea { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* != ms-clear */ input[type=text]::-ms-clear { display: none; } /* != BACKGROUND POSITION AND BOX SIZING */ *, *:before, *:after { box-sizing: border-box; background-position: center; background-repeat: no-repeat; } /* != .clearfix - CLEAR ELEMENTS */ .clear { clear: both; } .clearfix { display: block; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* != .wordwrap - CONTINUE LONG URLS/WORDS ON NEXT LINE */ .wordwrap { white-space: pre; white-space: pre-wrap; white-space: pre-line; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; word-wrap: break-word; } @font-face { font-family: 'Utile'; src: url("/wp-content/themes/sevita-mentor-south-bay/ui/fonts/Utile/UtileDisplay-Light.woff") format("woff"), url("/wp-content/themes/sevita-mentor-south-bay/ui/fonts/Utile/UtileDisplay-Light.woff2") format("woff2"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Utile'; src: url("/wp-content/themes/sevita-mentor-south-bay/ui/fonts/Utile/UtileDisplay-LightItalic.woff") format("woff"), url("/wp-content/themes/sevita-mentor-south-bay/ui/fonts/Utile/UtileDisplay-LightItalic.woff2") format("woff2"); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: 'Utile'; src: url("/wp-content/themes/sevita-mentor-south-bay/ui/fonts/Utile/UtileDisplay-Book.woff") format("woff"), url("/wp-content/themes/sevita-mentor-south-bay/ui/fonts/Utile/UtileDisplay-Book.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Utile'; src: url("/wp-content/themes/sevita-mentor-south-bay/ui/fonts/Utile/UtileDisplay-BookItalic.woff") format("woff"), url("/wp-content/themes/sevita-mentor-south-bay/ui/fonts/Utile/UtileDisplay-BookItalic.woff2") format("woff2"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Utile'; src: url("/wp-content/themes/sevita-mentor-south-bay/ui/fonts/Utile/UtileDisplay-Regular.woff") format("woff"), url("/wp-content/themes/sevita-mentor-south-bay/ui/fonts/Utile/UtileDisplay-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Utile'; src: url("/wp-content/themes/sevita-mentor-south-bay/ui/fonts/Utile/UtileDisplay-Italic.woff") format("woff"), url("/wp-content/themes/sevita-mentor-south-bay/ui/fonts/Utile/UtileDisplay-Italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Utile'; src: url("/wp-content/themes/sevita-mentor-south-bay/ui/fonts/Utile/UtileDisplay-Medium.woff") format("woff"), url("/wp-content/themes/sevita-mentor-south-bay/ui/fonts/Utile/UtileDisplay-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Utile'; src: url("/wp-content/themes/sevita-mentor-south-bay/ui/fonts/Utile/UtileDisplay-MediumItalic.woff") format("woff"), url("/wp-content/themes/sevita-mentor-south-bay/ui/fonts/Utile/UtileDisplay-MediumItalic.woff2") format("woff2"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Utile'; src: url("/wp-content/themes/sevita-mentor-south-bay/ui/fonts/Utile/UtileDisplay-Semibold.woff") format("woff"), url("/wp-content/themes/sevita-mentor-south-bay/ui/fonts/Utile/UtileDisplay-Semibold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Utile'; src: url("/wp-content/themes/sevita-mentor-south-bay/ui/fonts/Utile/UtileDisplay-SemiboldItalic.woff") format("woff"), url("/wp-content/themes/sevita-mentor-south-bay/ui/fonts/Utile/UtileDisplay-SemiboldItalic.woff2") format("woff2"); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Utile'; src: url("/wp-content/themes/sevita-mentor-south-bay/ui/fonts/Utile/UtileDisplay-Bold.woff") format("woff"), url("/wp-content/themes/sevita-mentor-south-bay/ui/fonts/Utile/UtileDisplay-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Utile'; src: url("/wp-content/themes/sevita-mentor-south-bay/ui/fonts/Utile/UtileDisplay-BoldItalic.woff") format("woff"), url("/wp-content/themes/sevita-mentor-south-bay/ui/fonts/Utile/UtileDisplay-BoldItalic.woff2") format("woff2"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Utile'; src: url("/wp-content/themes/sevita-mentor-south-bay/ui/fonts/Utile/UtileDisplay-Black.woff") format("woff"), url("/wp-content/themes/sevita-mentor-south-bay/ui/fonts/Utile/UtileDisplay-Black.woff2") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'Utile'; src: url("/wp-content/themes/sevita-mentor-south-bay/ui/fonts/Utile/UtileDisplay-BlackItalic.woff") format("woff"), url("/wp-content/themes/sevita-mentor-south-bay/ui/fonts/Utile/UtileDisplay-BlackItalic.woff2") format("woff2"); font-weight: 800; font-style: italic; font-display: swap; } /* ========================================================================= */ /* !SASS VARIABLES & MIXINS */ /* ========================================================================= */ /* // Use Case: $b (second) variable is optional and defaults to 'max-width' @include break(1100){ h1{ background: red; } } // Output @media screen and (max-width: 1100px) { h1 { background: red; } } // Also, if you want to specify the 2nd variable for break type (i.e., min-height) @include break(1100, 'min-height'){ h1 { background:red; } } // Output @media screen and (min-height: 1100px) { h1 { background: red; } } */ /* // inline SVGs // usage: background-image: inline-svg(''); */ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { transform: scale(0.75); } .mfp-arrow-left { transform-origin: 0; } .mfp-arrow-right { transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .flex-grid-wrap { display: flex; justify-content: space-between; flex-wrap: wrap; } @media screen and (max-width: 600px) { .flex-grid-wrap { flex-direction: column; } } .flex-grid-wrap > * { width: 100%; } @media screen and (min-width: 480px) { .flex-grid-wrap.f-columns-2-sml > * { width: calc(50% - 30px); } } @media screen and (min-width: 769px) { .flex-grid-wrap.f-columns-2-med > * { width: calc(50% - 30px); } .flex-grid-wrap.f-columns-3-med > * { width: calc(33.333333333333333333333333% - 30px); } } @media screen and (min-width: 960px) { .flex-grid-wrap.f-columns-2-lrg > * { width: calc(50% - 30px); } .flex-grid-wrap.f-columns-3-lrg.lrg-gutter > * { width: calc(33.333333333% - 60px); } .flex-grid-wrap.f-columns-3-lrg > * { width: calc(33.333333333% - 30px); } .flex-grid-wrap.f-columns-4-lrg > * { width: calc(25% - 30px); } .flex-grid-wrap.f-columns-5-lrg > * { width: calc(20% - 30px); } .flex-grid-wrap.f-columns-6-lrg > * { width: calc(16.66666666666666666666666666666% - 30px); } } @media screen and (min-width: 960px) { .flex-grid-wrap .f-column-1-lrg { width: calc( (((97 * 1) / 1140) * 100%) - 30px); } } @media screen and (min-width: 960px) { .flex-grid-wrap .f-column-2-lrg { width: calc( (((97 * 2) / 1140) * 100%) - 30px); } } @media screen and (min-width: 960px) { .flex-grid-wrap .f-column-3-lrg { width: calc( (((97 * 3) / 1140) * 100%) - 30px); } } @media screen and (min-width: 960px) { .flex-grid-wrap .f-column-4-lrg { width: calc( (((97 * 4) / 1140) * 100%) - 30px); } } @media screen and (min-width: 960px) { .flex-grid-wrap .f-column-5-lrg { width: calc( (((97 * 5) / 1140) * 100%) - 30px); } } @media screen and (min-width: 960px) { .flex-grid-wrap .f-column-6-lrg { width: calc( (((97 * 6) / 1140) * 100%) - 30px); } } @media screen and (min-width: 960px) { .flex-grid-wrap .f-column-7-lrg { width: calc( (((97 * 7) / 1140) * 100%) - 30px); } } @media screen and (min-width: 960px) { .flex-grid-wrap .f-column-8-lrg { width: calc( (((97 * 8) / 1140) * 100%) - 30px); } } @media screen and (min-width: 960px) { .flex-grid-wrap .f-column-9-lrg { width: calc( (((97 * 9) / 1140) * 100%) - 30px); } } @media screen and (min-width: 960px) { .flex-grid-wrap .f-column-10-lrg { width: calc( (((97 * 10) / 1140) * 100%) - 30px); } } @media screen and (min-width: 960px) { .flex-grid-wrap .f-column-11-lrg { width: calc( (((97 * 11) / 1140) * 100%) - 30px); } } @media screen and (min-width: 960px) { .flex-grid-wrap .f-column-12-lrg { width: calc( (((97 * 12) / 1140) * 100%) - 30px); } } .grid-wrap { display: grid; grid-gap: 30px; grid-template-columns: repeat(4, 1fr); } @media screen and (min-width: 769px) { .grid-wrap { grid-template-columns: repeat(8, 1fr); } } @media screen and (min-width: 960px) { .grid-wrap { grid-template-columns: repeat(12, 1fr); } } .grid-wrap .g-column-sml-span-1 { grid-column: span 1; } .grid-wrap .g-row-sml-span-1 { grid-row: span 1; } .grid-wrap .g-column-sml-span-2 { grid-column: span 2; } .grid-wrap .g-row-sml-span-2 { grid-row: span 2; } .grid-wrap .g-column-sml-span-3 { grid-column: span 3; } .grid-wrap .g-row-sml-span-3 { grid-row: span 3; } .grid-wrap .g-column-sml-span-4 { grid-column: span 4; } .grid-wrap .g-row-sml-span-4 { grid-row: span 4; } @media screen and (min-width: 769px) { .grid-wrap .g-column-med-span-1 { grid-column: span 1; } .grid-wrap .g-row-med-span-1 { grid-row: span 1; } } @media screen and (min-width: 769px) { .grid-wrap .g-column-med-span-2 { grid-column: span 2; } .grid-wrap .g-row-med-span-2 { grid-row: span 2; } } @media screen and (min-width: 769px) { .grid-wrap .g-column-med-span-3 { grid-column: span 3; } .grid-wrap .g-row-med-span-3 { grid-row: span 3; } } @media screen and (min-width: 769px) { .grid-wrap .g-column-med-span-4 { grid-column: span 4; } .grid-wrap .g-row-med-span-4 { grid-row: span 4; } } @media screen and (min-width: 769px) { .grid-wrap .g-column-med-span-5 { grid-column: span 5; } .grid-wrap .g-row-med-span-5 { grid-row: span 5; } } @media screen and (min-width: 769px) { .grid-wrap .g-column-med-span-6 { grid-column: span 6; } .grid-wrap .g-row-med-span-6 { grid-row: span 6; } } @media screen and (min-width: 769px) { .grid-wrap .g-column-med-span-7 { grid-column: span 7; } .grid-wrap .g-row-med-span-7 { grid-row: span 7; } } @media screen and (min-width: 769px) { .grid-wrap .g-column-med-span-8 { grid-column: span 8; } .grid-wrap .g-row-med-span-8 { grid-row: span 8; } } @media screen and (min-width: 960px) { .grid-wrap .g-column-lrg-span-1 { grid-column: span 1; } .grid-wrap .g-row-lrg-span-1 { grid-row: span 1; } } @media screen and (min-width: 960px) { .grid-wrap .g-column-lrg-span-2 { grid-column: span 2; } .grid-wrap .g-row-lrg-span-2 { grid-row: span 2; } } @media screen and (min-width: 960px) { .grid-wrap .g-column-lrg-span-3 { grid-column: span 3; } .grid-wrap .g-row-lrg-span-3 { grid-row: span 3; } } @media screen and (min-width: 960px) { .grid-wrap .g-column-lrg-span-4 { grid-column: span 4; } .grid-wrap .g-row-lrg-span-4 { grid-row: span 4; } } @media screen and (min-width: 960px) { .grid-wrap .g-column-lrg-span-5 { grid-column: span 5; } .grid-wrap .g-row-lrg-span-5 { grid-row: span 5; } } @media screen and (min-width: 960px) { .grid-wrap .g-column-lrg-span-6 { grid-column: span 6; } .grid-wrap .g-row-lrg-span-6 { grid-row: span 6; } } @media screen and (min-width: 960px) { .grid-wrap .g-column-lrg-span-7 { grid-column: span 7; } .grid-wrap .g-row-lrg-span-7 { grid-row: span 7; } } @media screen and (min-width: 960px) { .grid-wrap .g-column-lrg-span-8 { grid-column: span 8; } .grid-wrap .g-row-lrg-span-8 { grid-row: span 8; } } @media screen and (min-width: 960px) { .grid-wrap .g-column-lrg-span-9 { grid-column: span 9; } .grid-wrap .g-row-lrg-span-9 { grid-row: span 9; } } @media screen and (min-width: 960px) { .grid-wrap .g-column-lrg-span-10 { grid-column: span 10; } .grid-wrap .g-row-lrg-span-10 { grid-row: span 10; } } @media screen and (min-width: 960px) { .grid-wrap .g-column-lrg-span-11 { grid-column: span 11; } .grid-wrap .g-row-lrg-span-11 { grid-row: span 11; } } @media screen and (min-width: 960px) { .grid-wrap .g-column-lrg-span-12 { grid-column: span 12; } .grid-wrap .g-row-lrg-span-12 { grid-row: span 12; } } html { scroll-behavior: smooth; } /* ========================================================================= */ /* !STYLES */ /* ========================================================================= */ html, body { font-family: "Poppins", sans-serif; font-size: 16px; color: #63666A; letter-spacing: 0; line-height: 1.6; scroll-behavior: smooth; } .body-wrapper { min-height: 500px; } /* != SELECTION STYLES (Leaving these blank will show no indication of text selection) ===== */ /* ::selection { background: #aaa; color: #fff; } ::-moz-selection { background: #aaa; color: #fff; } ::-webkit-selection { background: #aaa; color: #fff; } */ /* != DEFAULT WORDPRESS STYLES = USE AS NEEDED = .wp-caption = .wp-caption-dd = .wpGallery = .shutter = .shutterset ==== */ .aligncenter { display: block; margin: 25px auto; } .alignleft { float: left; margin: 0 25px 25px 0; } .alignright { float: right; margin: 0 0 25px 25px; } .alignnone { display: inline-block; } /* != ACCESSIBILITY STYLES ===== */ .sr-only { /* Styles below are so elements are shown to screen readers only */ border: none !important; clip: rect(0, 0, 0, 0) !important; height: 0.01em !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; white-space: nowrap !important; width: 0.01em !important; } *:focus { outline: 3px solid rgba(0, 0, 0, 0.5); } /* != LAYOUT STYLES ===== */ .left { float: left; } .right { float: right; } label, legend.gfield_label { font-weight: 600; font-size: 14px; color: #007F6E; } .content-main > * + * { margin-top: 20px; } .content-main p + h3, .content-main p + h4, .content-main p + h5 { margin-top: 30px; } .content-main p a { text-decoration: underline; } .content-main p a:hover { text-decoration: none; } h1, .h1 { font-weight: 600; font-size: 60px; letter-spacing: 0; line-height: 1.1; font-family: "Utile", serif, "Poppins", sans-serif; color: #007F6E; } h1 strong, .h1 strong { font-weight: inherit; } @media screen and (max-width: 1000px) { h1, .h1 { font-size: 50px; } } @media screen and (max-width: 768px) { h1, .h1 { font-size: 40px; } } h2, .h2 { font-family: "Utile", serif, "Poppins", sans-serif; font-weight: 600; font-size: 50px; letter-spacing: 0; line-height: 1.2; color: #007F6E; } h2 strong, .h2 strong { font-weight: inherit; color: #007F6E; } @media screen and (max-width: 768px) { h2, .h2 { font-size: 36px; } } h3 { font-family: "Utile", serif, "Poppins", sans-serif; font-weight: 600; font-size: 40px; letter-spacing: 0; line-height: 1; color: #007F6E; } h3 strong { font-weight: inherit; } h3.white { color: #fff; } @media screen and (max-width: 768px) { h3 { font-size: 30px; } } h4 { font-family: "Utile", serif, "Poppins", sans-serif; font-weight: 600; font-size: 32px; letter-spacing: 0; line-height: 1.2; color: #007F6E; } h4 strong { font-weight: inherit; } @media screen and (max-width: 768px) { h4 { font-size: 28px; } } h5 { font-family: "Utile", serif, "Poppins", sans-serif; font-weight: 600; font-size: 20px; letter-spacing: 0; line-height: 1.3; color: #007F6E; } h5 strong { font-weight: inherit; } h6 { font-family: "Utile", serif, "Poppins", sans-serif; font-size: 14px; line-height: 1.2; color: #007F6E; } h6 strong { font-weight: inherit; } h4 + .select-menu { margin-top: 20px; } p + .btn { margin-top: 20px; } a { color: #EE8922; } a:hover { color: #007F6E; } .learn-more { font-weight: 600; font-size: 14px; color: #FFFFFF; letter-spacing: 0.5px; text-transform: uppercase; } /* BUTTONS */ .btn, form button, form input[type="submit"] { display: inline-block; text-decoration: none; text-align: center; font-weight: 600; font-size: 16px; color: #FFFFFF; padding: 0 30px; border-radius: 50px; height: 50px; line-height: 50px; transition: .2s; background: #EE8922; border: none; } .btn.orange, form button.orange, form input[type="submit"].orange { background: #EE8922; } .btn:hover, form button:hover, form input[type="submit"]:hover { color: #fff; background: #56C2B6; } .btn:hover.green-hover, form button:hover.green-hover, form input[type="submit"]:hover.green-hover { color: #fff; background: #56C2B6; } .btn.white, form button.white, form input[type="submit"].white { color: #EE8922; background: #fff; } .btn.white:hover, form button.white:hover, form input[type="submit"].white:hover { background: #EE8922; color: #FFF; } @media screen and (max-width: 500px) { .btn, form button, form input[type="submit"] { font-size: 14px; height: 40px; line-height: 40px; } } .callout-module { margin: 80px 0; } @media screen and (max-width: 870px) { .callout-module { margin: 60px 0; } } .callout-module .wrap .callout-container { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 130px; border-radius: 5px; padding: 0 40px; background-color: #00816D; } .callout-module .wrap .callout-container h2 { color: #FFF; font-family: "Utile", serif; font-size: 32px; font-weight: 600; } .callout-module .wrap .callout-container .btn { font-family: "Poppins", sans-serif; font-weight: 600; font-size: 16px; } @media screen and (max-width: 870px) { .callout-module .wrap .callout-container { height: auto; padding: 40px 20px; display: block; text-align: center; align-items: column; } .callout-module .wrap .callout-container .btn { margin-top: 30px; } } @media screen and (max-width: 870px) and (max-width: 500px) { .callout-module .wrap .callout-container .btn { font-size: 14px; } } /* read more style */ .more { font-weight: 600; font-size: 14px; letter-spacing: 0.5px; text-transform: uppercase; } .more.white { color: #fff; } .more svg { fill: #EE8922; width: 15px; height: 15px; position: relative; top: 2px; } .more:hover svg { fill: #007F6E; } p.intro { font-weight: 300; font-size: 22px; color: #007F6E; line-height: 36px; } p + p, h1 + p, h2 + p, h3 + p, h4 + p, h5 + p { margin-top: 25px; } sup { font-size: 30%; position: relative; top: -5px; } p > sup { font-size: 60%; } .content-main ul:not([class*="gf"]), .accordion-content ul:not([class*="gf"]), .service-box ul:not([class*="gf"]) { margin: 20px 0 20px 20px; } .content-main ul:not([class*="gf"]) > li, .accordion-content ul:not([class*="gf"]) > li, .service-box ul:not([class*="gf"]) > li { position: relative; padding-left: 10px; margin-bottom: 10px; } .content-main ul:not([class*="gf"]) > li:before, .accordion-content ul:not([class*="gf"]) > li:before, .service-box ul:not([class*="gf"]) > li:before { content: ''; position: absolute; left: -2px; top: 9px; display: block; width: 6px; height: 6px; border-bottom: 0; border-left: 0; transform: rotate(45deg); border: 1px solid #007F6E; } .content-main ol, .accordion-content ol, .service-box ol { counter-reset: li; margin: 20px 0 20px 20px; } .content-main ol > li, .accordion-content ol > li, .service-box ol > li { position: relative; padding-left: 20px; margin-bottom: 10px; } .content-main ol > li:before, .accordion-content ol > li:before, .service-box ol > li:before { content: counter(li) ". "; counter-increment: li; position: absolute; right: calc(100% - 15px); } .accordion-content ul:not([class*="gf"]) > li:before { border-color: #fff; } .wrap { max-width: 1180px; width: 100%; margin: 0 auto; padding: 0 20px; } #skipnav { background: rgba(0, 0, 0, 0.8); color: #fff; height: 30px; left: 50%; padding: 8px; position: absolute; transform: translateY(-100%); transition: transform 0.3s; } #skipnav:focus { transform: translateY(0%); } #header { position: sticky; top: 0; z-index: 99; background-color: #fff; } #header .wrap { height: 90px; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; flex-direction: row; position: static; /* .sub-brand & { position: static; } */ } #header .tagline-text { font: 600 22px/1.2 "Utile", serif, "Poppins", sans-serif; letter-spacing: 0; text-align: right; color: #56C2B6; } #header .tagline-text strong { font-weight: 600; color: #007F6E; } #header #logo img { display: block; } #header .menu-toggle.open { z-index: 0; } #header .sub-brand-nav-wrap { background: #f2f3f3; border-top: 1px solid #D9D9D6; padding: 2px 0; } #header .sub-brand-nav-wrap .wrap { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; flex-direction: row; height: auto; padding: 0 20px; position: relative; } #header .sub-brand-nav-wrap .wrap.mobile { display: none; } #header .sub-brand-nav-wrap .sub-brand-main-nav { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: nowrap; flex-direction: row; gap: 0; } #header .sub-brand-nav-wrap .sub-brand-main-nav li { position: relative; } #header .sub-brand-nav-wrap .sub-brand-main-nav li > a { padding: 15px 20px; font-weight: 500; font-size: 16px; display: inline-block; border-radius: 5px; transition: .2s; color: #007F6E; } #header .sub-brand-nav-wrap .sub-brand-main-nav li ul { display: block; opacity: 0; visibility: hidden; position: absolute; top: 100%; left: 0; width: 200px; height: auto; transition: .2s; z-index: 10; border-radius: 0 5px 5px 5px; background: #007F6E; } #header .sub-brand-nav-wrap .sub-brand-main-nav li ul li { text-align: left; background: none; border-radius: 0; } #header .sub-brand-nav-wrap .sub-brand-main-nav li ul li a { color: #fff; display: block; } #header .sub-brand-nav-wrap .sub-brand-main-nav li ul li a:hover { color: #56C2B6; } #header .sub-brand-nav-wrap .sub-brand-main-nav li.menu-item-has-children a { border-radius: 5px 5px 0 0; } #header .sub-brand-nav-wrap .sub-brand-main-nav li:hover > a { color: #FFF; background: #007F6E; } #header .sub-brand-nav-wrap .sub-brand-main-nav li:hover ul { visibility: visible; opacity: 1; } #header .sub-brand-nav-wrap .sub-brand-main-nav li:hover ul li { display: block; } #header .sub-brand-nav-wrap .sub-brand-main-nav li:hover ul li a { background: transparent; } #header .sub-brand-nav-wrap .sub-brand-utility-nav { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: nowrap; flex-direction: row; gap: 0 20px; } #header .sub-brand-nav-wrap .sub-brand-utility-nav li a { font-size: 14px; text-transform: uppercase; color: #007F6E; transition: .2s; font-weight: 700; padding: 18px 20px; border-radius: 5px; background: transparent; position: relative; line-height: 26px; } #header .sub-brand-nav-wrap .sub-brand-utility-nav li:hover a { color: #fff; background: #007F6E; } #header .sub-brand-nav-wrap .sub-brand-utility-nav li:hover a:before { opacity: 1; } #header .sub-brand-nav-wrap .sub-brand-utility-nav.state > li a { border-radius: 5px 5px 0 0; } #header .sub-brand-nav-wrap .sub-brand-utility-nav.state > li a:before { opacity: 0; content: ''; display: block; width: 8px; height: 8px; transform: rotate(45deg); border-right: 1px solid #56C2B6; border-bottom: 1px solid #56C2B6; bottom: 0; position: absolute; left: calc(50% - 4px); z-index: 5; } #header .sub-brand-nav-wrap .sub-brand-utility-nav.state > li a:hover a { color: #fff; background: #007F6E; } #header .sub-brand-nav-wrap .sub-brand-utility-nav.state > li a:hover a:before { opacity: 1; } #header .sub-brand-nav-wrap .sub-brand-utility-nav.state > li:hover a:before { opacity: 1; } #header .sub-brand-nav-wrap .sub-brand-utility-nav.state .state-dropdown { position: absolute; background: #007F6E; left: 20px; top: 100%; right: 20px; border-radius: 5px 0 5px 5px; padding: 30px 40px; color: #fff; font-size: 16px; opacity: 0; visibility: hidden; transition: .2s; } #header .sub-brand-nav-wrap .sub-brand-utility-nav.state .state-dropdown .state-list { column-count: 5; column-gap: 30px; margin-top: 20px; } #header .sub-brand-nav-wrap .sub-brand-utility-nav.state .state-dropdown .state-list li { display: inline-block; width: 100%; } #header .sub-brand-nav-wrap .sub-brand-utility-nav.state .state-dropdown .state-list a { color: #a3f5d6; padding: 0; text-transform: none; font-weight: 400; font-size: 16px; } #header .sub-brand-nav-wrap .sub-brand-utility-nav.state .state-dropdown .state-list a:before { display: none; } #header .sub-brand-nav-wrap .sub-brand-utility-nav.state .state-dropdown .state-list a:hover { color: #fff; } #header .sub-brand-nav-wrap .sub-brand-utility-nav > li:hover .state-dropdown { opacity: 1; visibility: visible; } #header .sub-brand-nav-wrap .sub-brand-mobile-menu { position: absolute; } @media screen and (max-width: 1000px) { #header .sub-brand-nav-wrap .sub-brand-main-nav li > a { padding: 10px 15px; font-size: 14px; } #header .sub-brand-nav-wrap .sub-brand-utility-nav li a { font-size: 12px; } } @media screen and (max-width: 940px) { #header .sub-brand-nav-wrap .sub-brand-utility-nav.state .state-dropdown .state-list { column-count: 4; } #header .tagline-text { display: none; } } @media screen and (max-width: 880px) { #header.sub-header-mobile-open #logo img { filter: contrast(0) brightness(10); } #header #logo { width: 115px; position: relative; z-index: 100; } #header .tagline-text { font-size: 22px; } #header .career-btn.desktop { display: none; } #header .services-btn.desktop { display: none; } #header .career-btn.mobile { margin: 0; display: block; position: relative; order: 1; } #header .services-btn.mobile { margin: 0; display: block; position: relative; order: 1; } #header .menu-toggle { margin: 0; position: relative; order: 2; } #header .menu-toggle.open + .career-btn { color: #fff; box-shadow: 0 0 0 1px #fff; } #header #logo { width: auto; } #header .sub-brand-nav-wrap { padding: 5px 0; } #header .sub-brand-nav-wrap .wrap.desktop { display: none; } #header .sub-brand-nav-wrap .wrap.mobile { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; flex-direction: row; } #header .sub-brand-nav-wrap .wrap .menu-toggle { position: relative; z-index: 100; } #header .sub-brand-nav-wrap .wrap .career-btn { position: relative; z-index: 100; } #header .sub-brand-nav-wrap .wrap .mega-menu-header { height: 170px; overflow: hidden; /* &:after { display: none; } */ } #header .sub-brand-nav-wrap .wrap .wrap { display: block; } #header .sub-brand-nav-wrap .wrap ul.sub-brand-main-nav-mobile li { margin: 10px 0; } #header .sub-brand-nav-wrap .wrap ul.sub-brand-main-nav-mobile li a { color: #fff; font-size: 16px; } #header .sub-brand-nav-wrap .wrap ul.sub-brand-utility-nav-mobile { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap; flex-direction: row; padding-top: 20px; margin-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.2); } #header .sub-brand-nav-wrap .wrap ul.sub-brand-utility-nav-mobile li a { color: #fff; text-transform: uppercase; font-size: 14px; } #header .sub-brand-nav-wrap .wrap ul.sub-brand-utility-nav-mobile.state > li a { margin-bottom: 5px; display: inline-block; } #header .sub-brand-nav-wrap .wrap ul.sub-brand-utility-nav-mobile.state .state-dropdown { color: #fff; } #header .sub-brand-nav-wrap .wrap ul.sub-brand-utility-nav-mobile.state .state-dropdown .state-list { margin-top: 20px; column-count: 3; column-gap: 20px; } #header .sub-brand-nav-wrap .wrap ul.sub-brand-utility-nav-mobile.state .state-dropdown .state-list a { color: #a3f5d6; text-transform: none; } #header .sub-brand-nav-wrap .wrap ul.sub-brand-utility-nav-mobile.state .state-dropdown .state-list a:hover { color: #fff; } } @media screen and (max-width: 768px) { #header .tagline-text { display: none; } } @media screen and (max-width: 600px) { #header .sub-brand-nav-wrap .wrap ul.sub-brand-utility-nav-mobile.state .state-dropdown .state-list { column-count: 2; } } @media screen and (max-width: 520px) { #header .sub-brand-nav-wrap .wrap.mobile .services-btn { background: #56C2B6; padding: 0 20px; } } .menu-toggle { background: transparent; padding: 0 25px; border-radius: 5px; font-weight: 500; margin-left: 90px; position: relative; z-index: 100; transition: .2s; font-size: 16px; line-height: 50px; box-shadow: 0 0 0 1px rgba(0, 127, 110, 0.2); color: #007F6E; } .menu-toggle .menu-toggle-icon { vertical-align: middle; display: inline-block; margin: 2px 10px 0 0; cursor: pointer; height: 25px; width: 25px; background: none; } .menu-toggle .menu-toggle-icon span { margin: 10px 0 0 0; width: 20px; height: 2px; } .menu-toggle .menu-toggle-icon span, .menu-toggle .menu-toggle-icon span:before, .menu-toggle .menu-toggle-icon span:after { cursor: pointer; border-radius: 5px; position: absolute; display: block; content: ''; background: #007F6E; } .menu-toggle .menu-toggle-icon span:before { top: -6px; width: 15px; height: 2px; } .menu-toggle .menu-toggle-icon span:after { bottom: -6px; width: 10px; height: 2px; } .menu-toggle .menu-toggle-icon, .menu-toggle .menu-toggle-icon span:before, .menu-toggle .menu-toggle-icon span:after { transition: all .2s ease-in-out; } .menu-toggle:hover { box-shadow: 0 0 0 1px #007F6E; } .menu-toggle.open { color: #fff; box-shadow: 0 0 0 1px white; } .menu-toggle.open .menu-toggle-icon span { background-color: transparent; } .menu-toggle.open .menu-toggle-icon span:before, .menu-toggle.open .menu-toggle-icon span:after { background: #fff; } .menu-toggle.open .menu-toggle-icon span:before { top: 0; transform: rotate(45deg); width: 20px; height: 2px; } .menu-toggle.open .menu-toggle-icon span:after { transform: translateY(-8px) rotate(-45deg); top: 8px; width: 20px; height: 2px; } @media screen and (max-width: 768px) { .menu-toggle { font-size: 14px; line-height: 45px; padding: 0 20px; } } .footer-menu .menu-item-has-children > span, .site-menu > ul > .menu-item-has-children > span { float: right; width: 20px; height: 20px; display: inline-block; position: relative; margin: 0 5px 0 0; cursor: pointer; } .footer-menu .menu-item-has-children > span:before, .footer-menu .menu-item-has-children > span:after, .site-menu > ul > .menu-item-has-children > span:before, .site-menu > ul > .menu-item-has-children > span:after { content: ''; top: 12px; position: absolute; width: 6px; height: 1px; background: #fff; display: block; transition: all .2s ease-in-out; } .footer-menu .menu-item-has-children > span:before, .site-menu > ul > .menu-item-has-children > span:before { left: 5px; transform: rotate(45deg); } .footer-menu .menu-item-has-children > span:after, .site-menu > ul > .menu-item-has-children > span:after { right: 5px; transform: rotate(-45deg); } .footer-menu .menu-item-has-children > span.open:before, .site-menu > ul > .menu-item-has-children > span.open:before { transform: rotate(-45deg); } .footer-menu .menu-item-has-children > span.open:after, .site-menu > ul > .menu-item-has-children > span.open:after { transform: rotate(45deg); } .mega-menu-bg { visibility: hidden; opacity: 0; width: 100%; height: 100%; position: fixed; z-index: 99; top: 0; left: 0; margin-top: 0 !important; transition: .2s; background-image: linear-gradient(225deg, rgba(0, 127, 110, 0.98) 0%, rgba(86, 194, 182, 0.98) 100%); } .mega-menu-bg.is-open { opacity: 1; visibility: visible; } .mega-menu { position: fixed; z-index: 99; overflow-y: scroll; width: 100%; height: 100vh; top: 0; left: 0; opacity: 0; visibility: hidden; transition: .2s; padding: 0 0 50px 0; } .mega-menu .mega-menu-header { position: sticky; top: 0; z-index: 99; overflow: hidden; } .mega-menu .mega-menu-header .menu-toggle { margin-left: 0; } .mega-menu .mega-menu-header:after { content: ''; position: absolute; z-index: -1; width: 100%; height: 100vh; top: 0; left: 0; background-image: linear-gradient(225deg, rgba(0, 127, 110, 0.98) 0%, rgba(86, 194, 182, 0.9) 100%); } .mega-menu .mega-menu-header .wrap { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; flex-direction: row-reverse; height: 90px; } .mega-menu .mega-menu-header .tagline-text { font: 600 20px/1.2 "Utile", serif, "Poppins", sans-serif; display: none; width: calc(100% - 140px); color: #a3f5d6; } .mega-menu .mega-menu-header .tagline-text strong { color: #fff; font-weight: inherit; } .mega-menu .mega-menu-header .utility-menu { display: block; width: calc(100% - 140px); } .mega-menu .utility-menu { display: none; } .mega-menu .utility-menu > ul > li { margin-bottom: 5px; display: inline-block; vertical-align: top; margin-right: 50px; } .mega-menu .utility-menu > ul > li:last-child { margin-right: 0; } .mega-menu .utility-menu > ul > li > a { color: #fff; font-weight: 500; } .mega-menu .site-menu > ul { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 30px; grid-row-gap: 0px; } .mega-menu .site-menu > ul:after { content: ''; width: calc(33.333% - 20px); } .mega-menu .site-menu > ul > li:nth-child(1) { grid-area: 1 / 1 / 2 / 2; } .mega-menu .site-menu > ul > li:nth-child(2) { grid-area: 2 / 1 / 3 / 2; } .mega-menu .site-menu > ul > li:nth-child(3) { grid-area: 1 / 2 / 3 / 4; } .mega-menu .site-menu > ul > li { margin: 0 0 50px 0; } .mega-menu .site-menu > ul > li.menu-item-has-children span { display: none; } .mega-menu .site-menu > ul > li > a { font-weight: 500; font-size: 24px; line-height: 1.2; color: #FFFFFF; display: block; margin-bottom: 20px; padding: 0 0 10px; border-bottom: 1px solid #fff; } .mega-menu .site-menu > ul > li > ul > li { margin-bottom: 5px; } .mega-menu .site-menu > ul > li > ul > li a { font-size: 16px; letter-spacing: -0.47px; display: block; position: relative; color: #a3f5d6; } .mega-menu .site-menu > ul > li > ul > li a:after { content: ""; display: inline-block; height: 7px; width: 7px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); position: absolute; margin-top: 9px; margin-left: 3px; opacity: 0; transition: all .25s ease-in-out; } .mega-menu .site-menu > ul > li > ul > li a:hover { color: #fff; } .mega-menu .site-menu > ul > li > ul > li a:hover:after { opacity: 1; margin-left: 10px; } .mega-menu .site-menu > ul > li > ul > li.current-menu-item a, .mega-menu .site-menu > ul > li > ul > li.current-menu-parent a { color: #fff; } .mega-menu .site-menu > ul > li > ul > li ul { display: none; } .mega-menu .site-menu > ul > li.service-grid > ul { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 30px; } .mega-menu .site-menu > ul > li.service-grid > ul > li:nth-child(1) { grid-area: 1 / 1 / 2 / 2; } .mega-menu .site-menu > ul > li.service-grid > ul > li:nth-child(2) { grid-area: 1 / 2 / 2 / 3; } .mega-menu .site-menu > ul > li.service-grid > ul > li:nth-child(3) { grid-area: 2 / 1 / 3 / 2; } .mega-menu .site-menu > ul > li.service-grid > ul > li:nth-child(4) { grid-area: 2 / 2 / 3 / 3; } .mega-menu .site-menu > ul > li.service-grid > ul > li { margin-bottom: 50px; } .mega-menu .site-menu > ul > li.service-grid > ul > li > a { font-weight: 500; font-size: 20px; line-height: 1.2; color: #FFFFFF; display: block; padding: 0 0 10px; } .mega-menu .site-menu > ul > li.service-grid > ul > li > ul { display: block; } .mega-menu .site-menu > ul > li.service-grid > ul > li > ul a { margin-bottom: 5px; display: block; } .mega-menu.is-open { opacity: 1; visibility: visible; } @media screen and (max-width: 768px) { .mega-menu .mega-menu-header .tagline-text { display: block; } .mega-menu .mega-menu-header .utility-menu { display: none; } .mega-menu .site-menu > ul { display: grid; grid-template-columns: repeat(2, 1fr); } .mega-menu .site-menu > ul > li:nth-child(1) { grid-area: 1 / 1 / 2 / 2; } .mega-menu .site-menu > ul > li:nth-child(2) { grid-area: 1 / 2 / 2 / 3; } .mega-menu .site-menu > ul > li:nth-child(3) { grid-area: 2 / 1 / 3 / 3; } .mega-menu .utility-menu.mobile { display: block; margin: 0 0 30px 0; padding: 30px 0; } .mega-menu .utility-menu.mobile ul { border-top: 1px solid #fff; padding: 10px 0 0 0; } .mega-menu .utility-menu.mobile ul li { display: block; } } @media screen and (max-width: 550px) { .mega-menu .mega-menu-header .tagline-text { font-size: 18px; } .mega-menu .site-menu > ul { display: block; margin: 0 0 30px 0; } .mega-menu .site-menu > ul > li { width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin: 0; position: relative; } .mega-menu .site-menu > ul > li > a { font-size: 20px; border: none; margin: 0; padding: 20px 0; } .mega-menu .site-menu > ul > li > ul { display: none; padding: 0 0 20px 0; } .mega-menu .site-menu > ul > li.service-grid > ul { display: none; } .mega-menu .site-menu > ul > li.service-grid > ul > li > a { font-size: 18px; } .mega-menu .site-menu > ul > li.menu-item-has-children a { width: calc(100% - 40px); } .mega-menu .site-menu > ul > li.menu-item-has-children > span { position: absolute; display: block; top: 18px; right: 5px; } .mega-menu .site-menu > ul > li:last-child { border: none; } } .submenu-mobile { position: absolute; top: 17px; right: 0; display: flex; align-items: center; height: 15px; width: 15px; cursor: pointer; } .submenu-mobile:before { content: ''; display: block; height: 10px; width: 10px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='10px' height='7px' viewBox='0 0 10 7' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E_directionals/Angles/Small Down Copy 5%3C/title%3E%3Cdefs%3E%3Cfilter color-interpolation-filters='auto' id='filter-1'%3E%3CfeColorMatrix in='SourceGraphic' type='matrix' values='0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0'%3E%3C/feColorMatrix%3E%3C/filter%3E%3C/defs%3E%3Cg id='---✓-1.-Homepage' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='MNT_018_mobile-menu_1b' transform='translate(-341.000000, -456.000000)'%3E%3Cg id='_directionals/Angles/Small-Down-Copy-5' transform='translate(341.000000, 454.000000)' filter='url(%23filter-1)'%3E%3Cg transform='translate(5.000000, 5.000000) rotate(-360.000000) translate(-5.000000, -5.000000) '%3E%3Cpath d='M0.225302476,2.53299478 C0.502597831,2.25569943 0.938929413,2.23436902 1.24069188,2.46900355 L1.31315906,2.53299478 L5.00777933,6.22767004 L8.70239959,2.53299478 C8.97969495,2.25569943 9.41602653,2.23436902 9.717789,2.46900355 L9.79025618,2.53299478 C10.0675515,2.81029014 10.0888819,3.24662172 9.85424742,3.54838419 L9.79025618,3.62085137 L5.55170762,7.85939993 C5.27441227,8.13669528 4.83808069,8.1580257 4.53631822,7.92339117 L4.46385104,7.85939993 L0.225302476,3.62085137 C-0.0751008253,3.32044807 -0.0751008253,2.83339809 0.225302476,2.53299478 Z' id='Color' fill='%23000000'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } @media screen and (min-width: 768px) { .submenu-mobile { display: none; } } .header-btn { background: transparent; padding: 0 25px; border-radius: 5px; font-weight: 500; transition: .2s; font-size: 16px; line-height: 50px; display: block; box-shadow: 0 0 0 1px rgba(0, 127, 110, 0.2); color: #007F6E; } .header-btn:hover { box-shadow: 0 0 0 1px #007F6E; } .header-btn.services-btn { margin: 0 0 0 10px; background: #56C2B6 url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2225%22 height%3D%2226%22 viewBox%3D%220 0 25 26%22 fill%3D%22none%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M12.4848 4.5C17.1708 4.5 20.9696 7.85153 20.9696 11.9859C20.9696 13.6356 20.3647 15.1608 19.3399 16.398L20.9738 20.0734C21.0418 20.2265 20.9729 20.4058 20.8197 20.4739C20.7413 20.5087 20.6517 20.5087 20.5733 20.4739L16.4101 18.6242C15.2363 19.1656 13.9011 19.4717 12.4848 19.4717C7.79877 19.4717 4 16.1202 4 11.9859C4 7.85153 7.79877 4.5 12.4848 4.5Z%22 stroke%3D%22white%22%2F%3E%3C%2Fsvg%3E") no-repeat 15px 50%; color: #fff; padding: 0 25px 0 50px; box-shadow: 0 0 0 1px #56C2B6; } .header-btn.services-btn:hover { background-color: #EE8922; box-shadow: 0 0 0 1px #EE8922; } @media screen and (max-width: 768px) { .header-btn { font-size: 14px; line-height: 45px; padding: 0 20px; } } @media screen and (max-width: 470px) { .header-btn { display: none; } } .menu-wrap { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; flex-direction: row; } .menu-wrap.has-careers .menu-toggle { margin-left: 10px; } .menu-wrap.has-careers .search-site { right: 285px; } .menu-wrap.has-careers .search-site.open { width: calc(100% - 500px); } .menu-wrap.has-careers .header-btn { margin-left: 90px; } @media screen and (max-width: 880px) { .menu-wrap.has-careers .search-site.open { width: calc(100% - 440px); } } @media screen and (max-width: 768px) { .menu-wrap.has-careers .search-site { right: 252px; } } @media screen and (max-width: 550px) { .menu-wrap.has-careers .search-site.open { width: calc(100% - 270px); } } @media screen and (max-width: 470px) { .menu-wrap.has-careers .search-site { right: 145px; } .menu-wrap.has-careers .search-site.open { width: calc(100% - 165px); } } .search-site { border-radius: 5px; margin: 0 0 0 30px; display: flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap; flex-direction: row-reverse; position: absolute; right: 160px; transition: .4s; width: 50px; box-shadow: 0 0 0 1px rgba(0, 127, 110, 0.2); } .search-site .search-toggle { font-size: 0; padding: 15px; transition: .2s; background: transparent; } .search-site .search-toggle .search-icon { font-size: 20px; position: relative; display: block; width: 20px; height: 20px; background: transparent; } .search-site .search-toggle .search-icon:before, .search-site .search-toggle .search-icon:after { content: ''; position: absolute; display: block; transition: .2s; } .search-site .search-toggle .search-icon:before { width: 12px; height: 12px; border-radius: 50%; left: 2px; top: 1px; border: 2px solid #007F6E; } .search-site .search-toggle .search-icon:after { width: 8px; height: 0; transform: rotate(45deg); top: 12.5px; left: 10px; border-radius: 2px; border: 1px solid #007F6E; } .search-site form { position: relative; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; flex-direction: row; overflow: hidden; background: none; width: 0; transition: .4s; border-radius: 6px; } .search-site form input.search { background-color: #fff; border: none; color: #63666A; padding: 10px 20px; width: 100%; font-size: 18px; line-height: 50px; height: 50px; box-shadow: none; outline: none; } .search-site form .search-button, .search-site form label { position: absolute; left: -9000px; } .search-site:hover { box-shadow: 0 0 0 1px #007f6e; } .search-site.open { width: calc(100% - 380px); } .search-site.open .search-toggle .search-icon:before { width: 20px; height: 0; border-radius: 2px; transform: rotate(-45deg); top: 9px; left: 0px; border: 1px solid #007F6E; } .search-site.open .search-toggle .search-icon:after { width: 20px; height: 0; transform: rotate(45deg); top: 9px; left: 0px; border: 1px solid #007F6E; } .search-site.open form { width: 100%; } @media screen and (max-width: 880px) { .search-site.open { width: calc(100% - 310px); } } @media screen and (max-width: 768px) { .search-site { right: 145px; width: 45px; transition: .2s; } .search-site .search-toggle { padding: 12.5px; } .search-site form { transition: .2s; } .search-site form input.search { line-height: 45px; height: 45px; font-size: 16px; } } @media screen and (max-width: 500px) { .search-site.open { width: calc(100% - 165px); } } /* .search-site { form { display: block; label { font-size: 20px; } input[type="search"] { font-size: 15px; } .search-button { top: auto; bottom: 15px; } } } */ #alert { display: none; /* background-color: $orange; */ background-color: #fff; /* color: #fff; */ color: #63666A; position: relative; z-index: 100; border-bottom: 1px solid #D9D9D6; } #alert .wrap { position: relative; padding: 30px 20px; } #alert .alert-content { max-width: 800px; } #alert .alert-content h2 { /* color: #FFFFFF; */ /* font-size: 20px; */ font-size: 30px; color: #007F6E; } #alert .alert-content p { font-size: 14px; margin: 20px 0; } #alert .alert-content a { /* color: #fff; */ color: #EE8922; display: inline-block; padding-right: 33px; background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2222%22 height%3D%2222%22 viewBox%3D%220 0 22 22%22%3E%3Cpath fill-rule%3D%22evenodd%22 fill%3D%22%23ED8B00%22 d%3D%22M13.63 10.994L8.734 15.89c-.27.27-.27.704 0 .972.268.27.703.27.972 0L14.97 11.6c.165-.165.216-.39.179-.605.038-.212-.014-.439-.179-.604L9.706 5.125c-.269-.268-.704-.268-.972 0-.27.27-.27.704 0 .974l4.896 4.895zM0 11c0 6.075 4.924 11 11 11s11-4.925 11-11S17.075 0 11 0 0 4.925 0 11zm1.375 0c0-5.316 4.31-9.625 9.625-9.625 5.316 0 9.625 4.31 9.625 9.625 0 5.316-4.31 9.625-9.625 9.625-5.316 0-9.625-4.31-9.625-9.625z%22%2F%3E%3C%2Fsvg%3E"); background-position: calc(100% - 10px) 3px; background-size: 17px; } #alert .alert-content a:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2222%22 height%3D%2222%22 viewBox%3D%220 0 22 22%22%3E%3Cpath fill-rule%3D%22evenodd%22 fill%3D%22%2300816D%22 d%3D%22M13.63 10.994L8.734 15.89c-.27.27-.27.704 0 .972.268.27.703.27.972 0L14.97 11.6c.165-.165.216-.39.179-.605.038-.212-.014-.439-.179-.604L9.706 5.125c-.269-.268-.704-.268-.972 0-.27.27-.27.704 0 .974l4.896 4.895zM0 11c0 6.075 4.924 11 11 11s11-4.925 11-11S17.075 0 11 0 0 4.925 0 11zm1.375 0c0-5.316 4.31-9.625 9.625-9.625 5.316 0 9.625 4.31 9.625 9.625 0 5.316-4.31 9.625-9.625 9.625-5.316 0-9.625-4.31-9.625-9.625z%22%2F%3E%3C%2Fsvg%3E"); color: #007F6E; } #alert .close-alert { position: absolute; top: 20px; right: 20px; display: block; background: transparent; width: 12px; height: 12px; padding: 0; } #alert .close-alert svg { width: 12px; height: 12px; /* fill: #fff; */ fill: #EE8922; display: block; pointer-events: none; } #footer { background-image: linear-gradient(225deg, #007F6E 0%, #56C2B6 100%); } #footer .top-bar { background: rgba(0, 0, 0, 0.08); padding: 20px 0; } #footer .top-bar .wrap { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; flex-direction: row; gap: 30px; } #footer .top-bar p { color: #fff; font: 600 normal 24px/1.2 "Utile", serif; } #footer .top-bar form .search { font-size: 14px; height: 40px; line-height: 40px; width: 360px; padding-left: 40px; background: #fff url("data:image/svg+xml,%3Csvg width%3D%2215%22 height%3D%2216%22 viewBox%3D%220 0 15 16%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill%3D%22%23A7A8A9%22 d%3D%22M10.77 9.894c.699-.982 1.118-2.175 1.118-3.438 0-3.298-2.657-5.964-5.944-5.964S0 3.158 0 6.456c0 3.298 2.657 5.965 5.944 5.965 1.258 0 2.448-.421 3.427-1.123l3.916 3.93c.35.351.978.351 1.398 0 .42-.421.42-.982 0-1.404l-3.916-3.93zM1.398 6.456c0-2.526 2.028-4.56 4.545-4.56s4.545 2.034 4.545 4.56c0 2.527-2.027 4.561-4.545 4.561s-4.545-2.034-4.545-4.56z%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat 15px center; } #footer .top-bar form button, #footer .top-bar form label { position: absolute; left: -9999px; } #footer .top-bar .top-footer-menu { margin-bottom: 20px; } @media screen and (min-width: 768px) { #footer .top-bar .top-footer-menu { float: left; margin-bottom: 0; } } #footer .top-bar .top-footer-menu ul li { display: inline-block; vertical-align: top; margin-right: 30px; } #footer .top-bar .top-footer-menu ul li a { font-weight: 500; font-size: 16px; color: #FFFFFF; letter-spacing: 0; line-height: 1.1; display: inline-block; padding: 5px 0; } #footer .top-bar .top-footer-menu ul li a:hover { color: #a3f5d6; } #footer .middle-bar { padding: 30px 0; } #footer .middle-bar .wrap { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; flex-direction: row-reverse; gap: 30px; } #footer .middle-bar .footer-menu ul { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; flex-direction: row; gap: 30px; } #footer .middle-bar .footer-menu ul li a { color: #fff; font-weight: 500; font-size: 16px; line-height: 1.2; } #footer .middle-bar .footer-menu ul li a:hover { color: #a3f5d6; } #footer .middle-bar #nav-social ul { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; flex-direction: row; gap: 10px; } #footer .middle-bar #nav-social ul li a { background-color: #fff; } #footer .middle-bar #nav-social ul li a svg { fill: #128D7D; } #footer .middle-bar #nav-social ul li a:hover { background: #a3f5d6; } #footer .sub-footer { border-top: 1px solid rgba(255, 255, 255, 0.2); display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: nowrap; flex-direction: row; gap: 20px; font-size: 11px; padding: 20px 0 40px 0; color: #a3f5d6; } #footer .sub-footer a { display: inline-block; color: #a3f5d6; } #footer .sub-footer a:hover { color: #fff; } #footer .sub-footer .footer-logo { display: inline-block; flex: 0 1 17%; } #footer .sub-footer .footer-logo img { filter: brightness(5); display: block; } #footer .sub-footer .sub-footer-options { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; flex-direction: row; width: calc(100% - 90px); } #footer .sub-footer .sub-footer-options .sub-left .copyright { display: inline-block; margin-right: 10px; } #footer .sub-footer .sub-footer-options .sub-left nav { margin-right: 10px; display: inline-block; } #footer .sub-footer .sub-footer-options .sub-left nav a { display: inline-block; } #footer .sub-footer .sub-footer-options .sub-left nav a:not(:first-child) { position: relative; margin-left: 6px; padding-left: 10px; } #footer .sub-footer .sub-footer-options .sub-left nav a:not(:first-child):before { position: absolute; content: ''; width: 0; height: 12px; top: calc(50% - 6px); left: 0; border-left: 1px solid #a3f5d6; } #footer .sub-footer .sub-footer-options .sub-left, #footer .sub-footer .sub-footer-options .copyright, #footer .sub-footer .sub-footer-options nav { display: block; } @media screen and (max-width: 800px) { #footer .top-bar form { flex: 0 0 calc(50% - 15px); } #footer .top-bar form .search { width: 100%; } #footer .middle-bar .footer-menu ul { gap: 15px; } #footer .sub-footer { display: block; } #footer .sub-footer .footer-logo { max-width: 200px; } #footer .sub-footer .sub-footer-options { width: 100%; } } @media screen and (max-width: 680px) { #footer .middle-bar .wrap { flex-direction: column; align-items: flex-start; } #footer .middle-bar .footer-menu ul { display: block; } #footer .middle-bar .footer-menu ul li { margin: 2px 0; } #footer .middle-bar .footer-menu ul li a { font-size: 14px; } } @media screen and (max-width: 600px) { #footer .top-bar .wrap { display: block; } #footer .top-bar p { margin-bottom: 20px; font-size: 20px; } #footer .top-bar form { flex: 0 1 100%; } #footer .sub-footer { display: block; } #footer .sub-footer .sub-footer-options { display: block; padding-top: 0; } #footer .sub-footer .sub-footer-options .copyright { margin: 10px 0; } #footer .sub-footer .sub-footer-options .jackrabbit { margin-top: 10px; } #footer .sub-footer .sub-footer-options nav { display: block; } #footer .sub-footer .sub-footer-options nav a { display: block; margin: 0; padding: 0; } #footer .sub-footer .sub-footer-options nav a:before { display: none; } } .load-more { text-align: center; margin: 30px 0; } .contact-module { margin: 80px 0; } .contact-module .inner-wrap { max-width: 800px; } .contact-module .gform_body { display: flex; justify-content: space-between; flex-wrap: wrap; } @media screen and (min-width: 768px) { .contact-module .gform_body > ul { flex-basis: calc(50% - 15px); } } .contact-module .gform_wrapper { margin-top: 30px; } .contact-module .two-columns { display: flex; flex-wrap: wrap; justify-content: space-between; } .contact-module .two-columns li { margin-bottom: 20px; } @media screen and (min-width: 600px) { .contact-module .two-columns li { width: calc(50% - 15px); } } .contact-module .one-column { width: 100%; } .contact-module .one-column textarea { height: 165px; } .contact-module .gform_footer { margin-top: 20px; } @media screen and (max-width: 768px) { .contact-module { margin: 50px 0; } } .contact-page { padding: 0 0 100px 0; } .contact-page .wrap { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; flex-direction: row; } .contact-page .wrap > div { width: 47.5%; } .contact-page .form-col .gform_wrapper { margin-top: 20px; } @media screen and (max-width: 768px) { .contact-page .wrap > div { width: 100%; } .contact-page .location-col { margin-bottom: 50px; } } .residential-openings { margin: 80px 0; } .residential-openings .section-header { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap; flex-direction: row; gap: 30px; } .residential-openings .section-header h2 { flex: 0 0 calc(50% - 15px); } .residential-openings form { display: flex; justify-content: flex-end; align-items: center; flex-wrap: nowrap; flex-direction: row; gap: 20px; flex: 0 0 calc(50% - 15px); } .residential-openings form label { position: absolute; left: -9000px; } .residential-openings form .select-menu { flex: 0 1 265px; } .residential-openings .locations-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; } .residential-openings .locations-grid .location { border: 1px solid #D9D9D6; border-radius: 5px; padding: 40px; position: relative; overflow: hidden; transition: .2s; background-color: #fff; } .residential-openings .locations-grid .location:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 4px; background: #007F6E; } .residential-openings .locations-grid .location:hover { box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.2); } @media screen and (max-width: 700px) { .residential-openings .section-header { display: block; } .residential-openings .section-header h2 { margin-bottom: 20px; } .residential-openings form { justify-content: flex-start; } .residential-openings .locations-grid { grid-template-columns: 1fr; } } .mod-tabs { padding: 80px 0; background: #F6FBF9; } .mod-tabs .section-header { max-width: 800px; margin: 0 auto; text-align: center; } .mod-tabs .mod-tabs-container { margin: 30px 0 0 0; } .mod-tabs .tabs-select .options-toggle { display: none; } .mod-tabs .tabs-select ul { text-align: center; margin-bottom: -1px; padding: 0 30px; position: relative; z-index: 1; display: flex; justify-content: center; align-items: stretch; flex-wrap: nowrap; flex-direction: row; } .mod-tabs .tabs-select ul li .tab-btn { font-size: 16px; font-weight: 500; transition: .2s; background: transparent; padding: 15px 30px; display: inline-block; border: 1px solid transparent; border-bottom: 1px solid transparent; border-radius: 10px 10px 0 0; color: #007F6E; height: 100%; } .mod-tabs .tabs-select ul li .tab-btn.current { background: #fff; border: 1px solid #D9D9D6; border-bottom: 1px solid #fff; } .mod-tabs .tabs-select ul li .tab-btn:hover { color: #EE8922; } .mod-tabs .tab-container { background: #fff; border: 1px solid #D9D9D6; box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.2); border-radius: 10px; overflow: hidden; } .mod-tabs .tab-container .tab-content .tab-content-inner { display: flex; justify-content: space-between; align-items: stretch; flex-wrap: nowrap; flex-direction: row-reverse; border-radius: 10px; } .mod-tabs .tab-container .tab-content .tab-content-inner .tab-content-text { flex: 0 1 50%; padding: 50px; } .mod-tabs .tab-container .tab-content .tab-content-inner .tab-content-image { flex: 0 1 50%; position: relative; } .mod-tabs .tab-container .tab-content .tab-content-inner .tab-content-image img { height: 100%; object-fit: cover; } @media screen and (max-width: 750px) { .mod-tabs .mod-tabs-container { background: #fff; border: 1px solid #D9D9D6; box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.2); border-radius: 10px; padding: 20px; } .mod-tabs .tabs-select { border: 1px solid #D9D9D6; border-radius: 5px; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05); position: relative; z-index: 1; margin: 0 0 20px 0; } .mod-tabs .tabs-select .options-toggle { display: block; padding: 10px 10px; text-align: left; width: 100%; background: transparent url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2213%22 height%3D%228%22 viewBox%3D%220 0 13 8%22%3E%3Cpath fill-rule%3D%22evenodd%22 fill%3D%22%23959595%22 d%3D%22M.293.293c.36-.36.928-.388 1.32-.083l.094.083L6.51 5.096 11.313.293c.36-.36.928-.388 1.32-.083l.094.083c.36.36.389.928.084 1.32l-.084.094-5.51 5.51c-.36.36-.927.388-1.32.083l-.094-.083-5.51-5.51c-.39-.39-.39-1.024 0-1.414z%22%2F%3E%3C%2Fsvg%3E") no-repeat calc(100% - 20px) center; color: #007F6E; } .mod-tabs .tabs-select ul { position: absolute; background: #fff; display: none; width: calc(100% + 2px); left: -1px; margin-top: -2px; text-align: left; border: 1px solid #D9D9D6; border-radius: 0 0 5px 5px; border-top: 1px solid #fff; } .mod-tabs .tabs-select ul li { display: block; } .mod-tabs .tabs-select ul li .tab-btn { width: 100%; border: none; border-radius: 0; text-align: left; padding: 10px; font-weight: 400; } .mod-tabs .tabs-select ul li .tab-btn.current { border: none; background: #F6FBF9; } .mod-tabs .tabs-select.open ul { display: block; } .mod-tabs .tab-container { background-color: transparent; border: none; box-shadow: none; border-radius: 0; } .mod-tabs .tab-container .tab-content .tab-content-inner { display: block; } .mod-tabs .tab-container .tab-content .tab-content-inner .tab-content-text { padding: 30px 0; } .mod-tabs .tab-container .tab-content .tab-content-inner .tab-content-image img { height: auto; object-fit: cover; } } .mod-stats { padding: 35px 0; } .mod-stats .wrap { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; flex-direction: row; } .mod-stats .section-header { flex: 0 1 37.7192982456%; } .mod-stats .stats-control ul { display: flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap; flex-direction: row; gap: 10px; margin-top: 30px; } .mod-stats .stats-control ul li button { width: 10px; height: 10px; border-radius: 50%; padding: 0; display: block; font-size: 0; background: #D9D9D6; } .mod-stats .stats-control ul li.slick-active button { background: #EE8922; } .mod-stats .stats { flex: 0 1 57.4561403509%; } .mod-stats .stats .stats-slider .slick-list .slick-track .slide { padding: 30px; border-radius: 10px; transition: .2s; } .mod-stats .stats .stats-slider .slick-list .slick-track .slide h3 { font-size: 50px; } .mod-stats .stats .stats-slider .slick-list .slick-track .slide h3 + p { margin-top: 10px; } .mod-stats .stats .stats-slider .slick-list .slick-track .slide p { font-weight: 700; color: #000; } .mod-stats .stats .stats-slider .slick-list .slick-track .slide:hover { box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.2); } @media screen and (max-width: 800px) { .mod-stats .wrap { display: block; } } @media screen and (min-width: 600px) { .mod-stats .stats-control { display: none; } .mod-stats .stats .stats-slider .slick-list { overflow: visible; } .mod-stats .stats .stats-slider .slick-list .slick-track { display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; flex-direction: row; width: auto !important; } .mod-stats .stats .stats-slider .slick-list .slick-track .slide { flex: 0 1 50%; } } @media screen and (max-width: 599px) { .mod-stats .stats { width: calc(100% + 40px); margin-left: -20px; } .mod-stats .stats .stats-slider .slick-list .slick-track .slide { box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.2); margin: 0 20px 40px; } .mod-stats .stats .slick-dots { margin-top: 0; } } .contact-sub-brand { margin: 80px 0; } .contact-sub-brand .wrap { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap; flex-direction: row; } .contact-sub-brand .section-header { flex: 0 1 38.5964912281%; } .contact-sub-brand .section-header h2 + p { margin-top: 3px; } .contact-sub-brand .contact-sub-content { flex: 0 1 56.1403508772%; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap; flex-direction: row; margin-top: 27px; } .contact-sub-brand .contact-sub-content h5 { margin: 0 0 10px; } .contact-sub-brand .contact-sub-content .contact { flex: 0 1 calc(50% - 15px); } .contact-sub-brand .contact-sub-content .social { flex: 0 1 calc(50% - 15px); } .contact-sub-brand .contact-sub-content .social .social-media ul { display: flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap; flex-direction: row; gap: 10px; } .contact-sub-brand .contact-sub-content .social .social-media ul li a { transition: .2s; background: #56C2B6; } .contact-sub-brand .contact-sub-content .social .social-media ul li a:hover { background: #EE8922; } @media screen and (max-width: 768px) { .contact-sub-brand .wrap { display: block; } } @media screen and (max-width: 550px) { .contact-sub-brand .contact-sub-content { display: block; } .contact-sub-brand .contact-sub-content div { margin-top: 30px; } } /* != PLACEHOLDER ATTRIBUTE STYLES = input or textarea - placeholder="whatever" ===== */ ::-webkit-input-placeholder { color: #007F6E; } ::-moz-placeholder { color: #007F6E; } input[type=text], input[type=password], input[type=url], input[type=number], input[type=tel], input[type=email] { height: 55px; line-height: 55px; font-size: 16px; padding: 0 20px; border: none; outline: 1px solid rgba(0, 0, 0, 0.2); width: 100%; background: #FFFFFF; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.08); border-radius: 3px; color: #63666A; transition: .2s; } input[type=text]:focus, input[type=password]:focus, input[type=url]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=email]:focus { outline: 2px solid #007F6E; } input[type=text]::placeholder, input[type=password]::placeholder, input[type=url]::placeholder, input[type=number]::placeholder, input[type=tel]::placeholder, input[type=email]::placeholder { opacity: 1; color: #63666A; } input[type=submit], button { display: inline-block; cursor: pointer; } textarea { font-size: 16px; padding: 17px 20px; border: none; outline: 1px solid rgba(0, 0, 0, 0.2); border-radius: 3px; width: 100%; background: #FFFFFF; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.08); color: #63666A; transition: .2s; } textarea:focus { outline: 2px solid #007F6E; } textarea::placeholder { opacity: 1; color: #63666A; } /* != Select menus with a .select-menu container or gform-select-menu applied in gravity forms ===== */ .select-menu, .gform-select-menu div, .ginput_container_select { position: relative; width: 100%; vertical-align: middle; display: inline-block; overflow: hidden; outline: 1px solid rgba(0, 0, 0, 0.2); border-radius: 3px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08); transition: .2s; } .select-menu select, .gform-select-menu div select, .ginput_container_select select { padding: 0 50px 0 20px; cursor: pointer; font-size: 16px; letter-spacing: 0; background-color: #fff; width: 100%; height: 59px; line-height: 59px; text-indent: 0.01px; text-overflow: ''; position: relative; z-index: 1; background-color: #FFFFFF; border: none; background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2213%22 height%3D%228%22 viewBox%3D%220 0 13 8%22%3E%3Cpath fill-rule%3D%22evenodd%22 fill%3D%22%23959595%22 d%3D%22M.293.293c.36-.36.928-.388 1.32-.083l.094.083L6.51 5.096 11.313.293c.36-.36.928-.388 1.32-.083l.094.083c.36.36.389.928.084 1.32l-.084.094-5.51 5.51c-.36.36-.927.388-1.32.083l-.094-.083-5.51-5.51c-.39-.39-.39-1.024 0-1.414z%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: calc(100% - 20px) center; color: #007F6E; } .select-menu:hover, .gform-select-menu div:hover, .ginput_container_select:hover { outline: 1px solid rgba(0, 0, 0, 0.3); } .gform-select-menu div select, .ginput_container_select select { height: 55px; line-height: 55px; } .validation_error { padding: 15px; color: #fff; background: #c00; margin: 20px 0; } .validation_error h2 { color: #fff; font-size: 24px; } .validation_message { text-transform: uppercase; font-size: 12px; color: #c00; font-weight: 600; padding-top: 10px; } .gform_validation_errors { padding: 15px; color: #fff; background: #c00; margin: 20px 0; } .gform_validation_errors h2 { color: #fff; font-size: 24px; } .gform_validation_container { position: absolute; top: -9999px; left: -9999px; pointer-events: none; opacity: 0; } .gform_body .gfield { margin: 0 0 20px 0; } .landing-with-form { margin: 100px 0; } .landing-with-form .wrap { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; flex-direction: row; } .landing-with-form article, .landing-with-form aside { width: 47.5%; } .landing-with-form .gform_wrapper { padding: 30px; border-radius: 5px; background: linear-gradient(225deg, #007F6E 0, #56C2B6 100%); } .landing-with-form .gform_wrapper label { color: #fff; } .landing-with-form .gform_wrapper input[type="submit"], .landing-with-form .gform_wrapper button { color: #EE8922; background-color: #fff; } .landing-with-form .gform_wrapper input[type="submit"]:hover, .landing-with-form .gform_wrapper button:hover { color: #56C2B6; } @media screen and (max-width: 768px) { .landing-with-form .wrap { display: block; } .landing-with-form article, .landing-with-form aside { width: 100%; } .landing-with-form article { margin-bottom: 50px; } } /* .page-banner { @media screen and (min-width: 1500px) { max-width: 1500px; margin: 0 auto; } @media screen and (min-width: 768px) { min-height: 550px; } overflow: hidden; position: relative; &.green { h1 { color: #FFFFFF; } p { color: #FFFFFF; } .image-block { &:after { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='1041px' height='1420px' viewBox='0 0 1041 1420' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EFill 9%3C/title%3E%3Cdefs%3E%3ClinearGradient x1='-3.55897409%25' y1='64.0358108%25' x2='94.2068255%25' y2='64.0358108%25' id='linearGradient-1'%3E%3Cstop stop-color='%235EBCA7' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%235EBCA7' stop-opacity='0' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath d='M3.30817161,0 C-1.10272387,179.263443 -1.10272387,1232.77979 3.30817161,1419.44371 C3.30817161,1419.97042 789.603662,1416.98451 789.603662,1416.98451 C1015.87944,990.736983 1103.47866,471.440407 993.005157,0 C520.296697,0 402.21875,0 3.30817161,0 Z' id='path-2'%3E%3C/path%3E%3C/defs%3E%3Cg id='---✓-1.-Homepage' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' opacity='0.800000012'%3E%3Cg id='Fill-9'%3E%3Cuse fill='%2300816D' xlink:href='%23path-2'%3E%3C/use%3E%3Cuse fill='url(%23linearGradient-1)' xlink:href='%23path-2'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } } @media screen and (max-width: 768px) { .text-block { background-image: linear-gradient(90deg, $light_green 0%, rgba(94,188,167,0.00) 94%); } } } &.white { h1 { } p { color: $body; } .image-block { &:after { } } @media screen and (max-width: 768px) { .text-block { background-image: linear-gradient(83deg, #F7FBFA 1%, #F7FBFA 98%); } } } @media screen and (min-width: 768px) { .wrap { display: flex; height: 100%; align-items: center; } } .image-block { display: block; height: 40vh; background-size: cover; @media screen and (min-width: 768px) { float: right; min-height: 547px; width: 75%; position: absolute; right: 0; top: 0; &:before { content: ''; height: 100%; display: block; position: absolute; top: 0; left: 0; width: 300px; background-image: linear-gradient(270deg, rgba(255,255,255,0.00) 57%, #FFFFFF 98%); } &:after { content: ''; display: block; height: 100%; width: 750px; position: absolute; top: 0; right: 65%; background-position: right center; z-index: 1; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='818px' height='1420px' viewBox='0 0 818 1420' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EFill 9%3C/title%3E%3Cdefs%3E%3ClinearGradient x1='35.2857554%25' y1='89.4203687%25' x2='67.3163364%25' y2='76.7360614%25' id='linearGradient-1'%3E%3Cstop stop-color='%23F7FBFA' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23FFFFFF' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='---✓-10.-Landing-with-Form' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' opacity='0.900259835'%3E%3Cpath d='M3.30817161,719.296869 C-1.10272387,898.560312 -1.10272387,1232.77979 3.30817161,1419.44371 C3.30817161,1419.97042 566.31844,1416.98451 566.31844,1416.98451 C792.594215,990.736983 880.193433,471.440407 769.719934,0 C435.584869,178.577859 168.661401,346.81219 3.30817161,719.296869 Z' id='Fill-9' fill='url(%23linearGradient-1)'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } } } .text-block { position: relative; padding: 40px 0 60px; height: 100%; width: 100%; @media screen and (max-width: 768px) { &:after { content: ""; border-right: 0 solid transparent; border-left: 37px solid transparent; border-bottom: 72px solid #fff; position: absolute; right: 0; bottom: 0; border-radius: 4px 0 0 0; } } @media screen and (min-width: 768px) { position: absolute; } @media screen and (min-width: 768px) { .inner-wrap { z-index: 1; position: relative; max-width: 425px; } } h1 { margin-bottom: 20px; line-height: 1.2; } p { font-size: 16px; letter-spacing: 0; line-height: 27px; } } } */ .hero-banner { position: relative; display: flex; align-items: stretch; background-color: #00b19f; } .hero-banner .wrap { position: relative; z-index: 1; } .hero-banner .slide { position: absolute; z-index: 0; top: 0; right: 0; width: calc(50% + 300px); height: 100%; background-size: cover; background-position: 25% 50%; } .hero-banner .slide .ambient-video { object-fit: cover; position: absolute; display: block; width: 100%; height: 100%; } .hero-banner .hero-banner-text { position: relative; background: url("../svg/overlay_green.svg") no-repeat 100% 50%; background-size: cover; width: 50%; min-width: 570px; min-height: 400px; padding: 120px 130px 120px 0; } .hero-banner .hero-banner-text h1 { margin: 0 0 10px; } .hero-banner .hero-banner-text p { font-size: 16px; color: #FFFFFF; } .hero-banner .hero-banner-text .scroll-down { margin-top: 20px; display: inline-block; } .hero-banner .hero-banner-text .scroll-down svg { width: 54px; height: 54px; padding: 15px; border-radius: 50%; fill: #fff; position: relative; border: 1px solid rgba(255, 255, 255, 0.3); transition: .2s; top: 0; } .hero-banner .hero-banner-text .scroll-down:hover svg { top: 5px; border: 1px solid #fff; } .hero-banner.frontpage .hero-banner-text h1 { font-size: 35px; color: #FFFFFF; font-weight: 600; letter-spacing: 0; line-height: 1.2; } .hero-banner.interior { background-color: #f7fbfa; } .hero-banner.interior .hero-banner-text { min-height: 500px; display: flex; align-content: center; flex-wrap: wrap; background: url("../svg/overlay_white.svg") no-repeat 100% 50%; } .hero-banner.interior .hero-banner-text h1 { margin: 0 0 10px 0; flex: 0 0 100%; } .hero-banner.interior .hero-banner-text p { color: #63666A; flex: 0 0 100%; } .hero-banner.interior.state { background-color: transparent; } .hero-banner.interior.state .slide { width: 100%; } .hero-banner.interior.state .hero-banner-text { background: none; } .hero-banner.interior.state .hero-banner-text h1 { color: #fff; text-shadow: 0px 0px 25px black; } .hero-banner.interior.state .hero-banner-text p { color: #fff; text-shadow: 0px 0px 15px black; margin-top: 10px; font-size: 18px; font-weight: 500; } @media screen and (max-width: 1000px) { .hero-banner .hero-banner-text { min-width: 475px; padding: 80px 110px 80px 0; } .hero-banner .hero-banner-text h2 { font-size: 30px; } } @media screen and (max-width: 768px) { .hero-banner { display: block; background: none; } .hero-banner .slide { position: static; padding: 50% 0 0 0; width: 100%; } .hero-banner .hero-banner-text { display: block; width: calc(100% + 40px); min-height: auto; min-width: auto; margin: 0 -20px 0 -20px; padding: 40px 20px; background: linear-gradient(to bottom left, #007F6E 0, #56C2B6 100%); } .hero-banner .hero-banner-text:after { content: ''; background: url("../svg/overlay_corner.svg") no-repeat 100% 100%; width: 36px; height: 75px; position: absolute; z-index: 0; bottom: 0; right: 0; display: block; } .hero-banner.interior { margin: 0 0 50px 0; } .hero-banner.interior .hero-banner-text { min-height: auto; background: #f7fbfa; display: block; } .hero-banner.interior + div { margin-top: 0; } .hero-banner.interior.state .hero-banner-text h1 { text-shadow: none; color: #007F6E; } .hero-banner.interior.state .hero-banner-text p { text-shadow: none; color: #63666A; } } .finder { margin: 60px 0; /* #filter_services { option:not(.default) { display: none; &.show { display: block; } } } */ /* #filter_services { span { display: none; &.show { display: block; } } } */ } .finder h2 { text-align: center; margin-bottom: 40px; color: #56C2B6; } .finder h2 strong { font-weight: inherit; color: #007F6E; } .finder ul { margin-bottom: 40px; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; flex-direction: row; } .finder ul li { width: calc(33.333% - 20px); } .finder .btn-wrap { text-align: center; } .finder input::placeholder { opacity: 1; color: #007F6E; } .finder select { height: 55px; line-height: 55px; } @media screen and (max-width: 650px) { .finder ul { display: block; } .finder ul li { margin: 0 0 20px 0; width: 100%; } } .service-box { background: #FFFFFF; box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.08); border-radius: 5px; overflow: hidden; } .service-box .img { border-bottom: 5px solid #007F6E; } .service-box .img img { display: block; width: 100%; } .service-box .img.green { border-color: #007F6E; } .service-box .img.lightgreen { border-color: #56C2B6; } .service-box .img.limegreen { border-color: #6cc24a; } .service-box .img.lightblue { border-color: #009cde; } .service-box .img.darkblue { border-color: #171c8f; } .service-box .img.orange { border-color: #EE8922; } .service-box .img.purple { border-color: #753bbd; } .service-box .img.pink { border-color: #db3fb1; } .service-box .img.yellow { border-color: #ffb600; } .service-box .text-block { padding: 40px; } .service-box .text-block h3 { margin-bottom: 20px; } .service-box .text-block p { margin-bottom: 20px; } .dots-container { text-align: center; } .dots-container ul li { display: inline-block; margin: 20px 8px; } .dots-container ul li button { background-color: #D9D9D6; } .dots-container ul li.slick-active button { background-color: #EE8922; } .dots-container ul li:only-child { display: none; } .dots-container button { height: 10px; width: 10px; border-radius: 10px; display: block; font-size: 0; padding: 0; } .testimonial-slider-container { background-color: #F9F9F9; padding: 70px 0 80px; } .testimonial-slider-container .wrap { max-width: 960px; } .testimonial { text-align: center; } .testimonial img { max-height: 95px; max-width: 95px; border-radius: 100%; margin: 0 auto 20px; display: block; } .testimonial q { font-weight: 300; font-size: 26px; padding: 15px 50px 0; text-align: center; color: #63666A; letter-spacing: -0.77px; text-align: center; line-height: 1.4; position: relative; display: block; margin-bottom: 36px; } .testimonial q:before, .testimonial q:after { font-size: 126px; line-height: 1; position: absolute; top: 0; font-family: Georgia; color: #DFDFDF; } .testimonial q:before { content: '“'; left: 0; } .testimonial q:after { content: '”'; right: 0; } .testimonial .btn { margin-top: 20px; } @media screen and (max-width: 768px) { .testimonial q { font-size: 18px; padding-top: 5px; } .testimonial q:before, .testimonial q:after { font-size: 66px; } } @media screen and (max-width: 500px) { .testimonial q { padding: 5px 30px; } } .name { font-weight: 600; font-size: 13px; text-transform: uppercase; display: block; margin: 0 auto; line-height: 1.1; } .job-title { font-size: 13px; line-height: 1.1; padding-bottom: 5px; display: block; margin: 0 auto; } .content-grid-text { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; } .content-grid-text h5 + p { margin-top: 10px; } @media screen and (max-width: 850px) { .content-grid-text { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 650px) { .content-grid-text { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 450px) { .content-grid-text { grid-template-columns: repeat(1, 1fr); } } .video-section { margin: 50px 0; } .video-section .video-wrap { margin-bottom: 50px; } @media screen and (min-width: 768px) { .video-section { margin: 50px 0 80px; } .video-section .sidebar-column { text-align: right; } } .youtube-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin: 30px 0; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28); } .youtube-container iframe, .youtube-container object, .youtube-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .page-anchor { position: absolute; margin-top: -110px; display: block; height: 1px; width: 1px; } .sub-brand .page-anchor { margin-top: -170px; } .vimeo-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28); } .vimeo-container iframe, .vimeo-container object, .vimeo-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } iframe { width: 100%; max-width: 100%; } .section-header { margin: 0 0 50px 0; } .section-header h2, .section-header .section-header-content { max-width: 800px; width: 100%; } .section-footer .footnote { font-size: 13px; max-width: 800px; width: 100%; } .sub-brand-banner { position: relative; } .sub-brand-banner .slide { height: 600px; background-size: cover; background-position: 50% 50%; } .sub-brand-banner .sub-brand-banner-text { max-width: 100%; width: 1000px; margin: -50px auto 0 auto; border-radius: 10px; padding: 40px; color: #fff; text-align: center; box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.2); background: #007F6E; } .sub-brand-banner .sub-brand-banner-text h1 { color: #fff; font-size: 50px; } .sub-brand-banner .sub-brand-banner-text p { margin-top: 10px; } .sub-brand-banner .sub-brand-banner-text .btn { margin-top: 20px; } @media screen and (max-width: 950px) { .sub-brand-banner .slide { aspect-ratio: 19 / 12; height: auto; } } @media screen and (max-width: 650px) { .sub-brand-banner .sub-brand-banner-text { padding: 30px; } .sub-brand-banner .sub-brand-banner-text h1 { font-size: 40px; } } @media screen and (max-width: 550px) { .sub-brand-banner .sub-brand-banner-text { padding: 30px 20px; } .sub-brand-banner .sub-brand-banner-text h1 { font-size: 30px; } } .full-height-cta { position: relative; } .full-height-cta.bg-color { background-color: #F6FBF9; } .page-title-bar.fullheight-content-area + .full-height-cta { margin-top: -50px; } .full-height-cta .wrap { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; flex-direction: row-reverse; min-height: 50vw; height: 100vh; } .full-height-cta .full-height-cta-image { width: calc(50% + 100px); position: absolute; clip: rect(0, auto, auto, 0); height: 100%; left: 0; background-size: cover; background-position: 50% 50%; } .full-height-cta .full-height-cta-image.mobile { display: none; background-size: cover; } .full-height-cta .full-height-cta-image .image { height: calc(100vh - 90px); width: calc(50% + 100px); /* width of its container */ background-position: 50% 25%; background-attachment: scroll; background-repeat: no-repeat; background-size: cover; position: fixed; /* need this */ /* top: 0; */ bottom: 0; transform: translateZ(0); } .full-height-cta .full-height-cta-content { width: calc(50% - 100px); padding-left: 60px; } .full-height-cta.alt .wrap { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; flex-direction: row; } .full-height-cta.alt .full-height-cta-image { right: 0; left: auto; } .full-height-cta.alt .full-height-cta-content { padding-right: 60px; padding-left: 0; } @media screen and (max-width: 900px) { .full-height-cta .full-height-cta-image { width: 50%; } .full-height-cta .full-height-cta-content { width: 50%; } } @media screen and (max-width: 768px) { .full-height-cta { margin-bottom: 50px; } .full-height-cta .wrap { height: auto; min-height: auto; } .full-height-cta .full-height-cta-image { width: 100%; position: static; padding: 50% 0 0 0; background-attachment: scroll; margin: 0 0 50px 0; } .full-height-cta .full-height-cta-image.mobile { display: block; } .full-height-cta .full-height-cta-image.desktop { display: none; } .full-height-cta .full-height-cta-content { width: 100%; padding-left: 0; } .page-title-bar.fullheight-content-area + .full-height-cta { margin-top: 0; } .full-height-cta.bg-color .full-height-cta-image { margin: 0; } .full-height-cta.bg-color .full-height-cta-content { padding: 50px 0; } } /* .full-content-area { width: 100%; @media screen and (max-width: 768px) { flex-direction: column-reverse; flex-wrap: wrap; height: auto; } .inner-wrap { @media screen and (min-width: 768px) { max-width: 585px; float: right; } padding: 20px; width: 100%; @media screen and (min-width: 1140px) { padding: 20px 80px 20px 20px; } } .img-column{ background-attachment: fixed; background-position: right center; @media screen and (max-width: 768px) { width: 100%; min-height: 50vh; background-position: center; background-attachment: scroll; } // @media screen and (max-width: 600px) { // width: 100%; // height: 100vh; // } } } */ /* .full-height-cta { height: 100vh; align-items: center; .img-column { background-attachment: fixed; background-position: left center; width: 57%; height: 100%; @media screen and (max-width: 768px) { width: 50%; } @media screen and (max-width: 600px) { width: 100%; height: 50vh; } } .text-column { width: 43%; padding: 50px 60px; @media screen and (max-width: 768px) { width: 50%; } @media screen and (max-width: 600px) { width: 100%; padding: 50px 20px; } @media screen and (min-width: 768px) { .inner-wrap { max-width: 390px; } } h4, p { margin-bottom: 20px; } } } */ .metadata { font-weight: 500; font-size: 14px; color: #A7A8A9; letter-spacing: -.02em; margin: 0 0 5px 0; line-height: 1.1; text-transform: uppercase; display: block; } .metadata.green { color: #56C2B6; } .news-article img, .blog-post img, .search-result img { margin-bottom: 10px; width: 100%; } .news-article h2, .blog-post h2, .search-result h2 { margin-bottom: 50px; } @media screen and (max-width: 768px) { .news-article h2, .blog-post h2, .search-result h2 { margin-bottom: 20px; } } .news-article h4, .blog-post h4, .search-result h4 { font-size: 20px; line-height: 1.3; margin-bottom: 20px; padding: 5px 0; } .news-article a, .blog-post a, .search-result a { display: block; } .news-article a h2, .news-article a h4, .blog-post a h2, .blog-post a h4, .search-result a h2, .search-result a h4 { padding-right: 40px; background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2222%22 height%3D%2222%22 viewBox%3D%220 0 22 22%22%3E%3Cpath fill-rule%3D%22evenodd%22 fill%3D%22%23ED8B00%22 d%3D%22M13.63 10.994L8.734 15.89c-.27.27-.27.704 0 .972.268.27.703.27.972 0L14.97 11.6c.165-.165.216-.39.179-.605.038-.212-.014-.439-.179-.604L9.706 5.125c-.269-.268-.704-.268-.972 0-.27.27-.27.704 0 .974l4.896 4.895zM0 11c0 6.075 4.924 11 11 11s11-4.925 11-11S17.075 0 11 0 0 4.925 0 11zm1.375 0c0-5.316 4.31-9.625 9.625-9.625 5.316 0 9.625 4.31 9.625 9.625 0 5.316-4.31 9.625-9.625 9.625-5.316 0-9.625-4.31-9.625-9.625z%22%2F%3E%3C%2Fsvg%3E"); background-position: calc(100% - 10px) 6px; background-size: 22px; } .news-article a:hover h2, .news-article a:hover h4, .blog-post a:hover h2, .blog-post a:hover h4, .search-result a:hover h2, .search-result a:hover h4 { background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2222%22 height%3D%2222%22 viewBox%3D%220 0 22 22%22%3E%3Cpath fill-rule%3D%22evenodd%22 fill%3D%22%2300816D%22 d%3D%22M13.63 10.994L8.734 15.89c-.27.27-.27.704 0 .972.268.27.703.27.972 0L14.97 11.6c.165-.165.216-.39.179-.605.038-.212-.014-.439-.179-.604L9.706 5.125c-.269-.268-.704-.268-.972 0-.27.27-.27.704 0 .974l4.896 4.895zM0 11c0 6.075 4.924 11 11 11s11-4.925 11-11S17.075 0 11 0 0 4.925 0 11zm1.375 0c0-5.316 4.31-9.625 9.625-9.625 5.316 0 9.625 4.31 9.625 9.625 0 5.316-4.31 9.625-9.625 9.625-5.316 0-9.625-4.31-9.625-9.625z%22%2F%3E%3C%2Fsvg%3E"); } .news-article.small a h2, .news-article.small a h4, .blog-post.small a h2, .blog-post.small a h4, .search-result.small a h2, .search-result.small a h4 { background-position: calc(100% - 10px) 10px; background-size: 17px; } .updates { margin: 80px 0; border-bottom: 1px solid #EFEFEF; } .updates h2 { margin-bottom: 40px; } .updates .updates-wrap article:first-child h4 { font-size: 32px; } @media screen and (max-width: 600px) { .updates .updates-wrap article:not(:first-child) h4 { background-size: 17px; } .updates .updates-wrap article:not(:first-child) img { display: none; } } @media screen and (max-width: 768px) { .updates { margin: 50px 0; } } .tagline { text-align: center; margin: 80px 0; } .tagline .h2 { color: #56C2B6; } .newsletter-signups { padding: 50px 0; border-top: 1px solid #D9D9D6; margin-top: 50px; } .newsletter-signups #gform_ajax_spinner_2 { display: none; } .newsletter-signups .gfield_consent_label a { text-decoration: underline; } .newsletter-signups .gfield_consent_label a:hover { text-decoration: none; } .newsletter-signups .gform_heading { width: 100%; margin-bottom: 25px; } .newsletter-signups .gform_heading h3 { font-size: 32px; } .newsletter-signups .gform_heading span { display: block; margin-top: 10px; } @media screen and (min-width: 768px) { .newsletter-signups form { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } } @media screen and (min-width: 768px) { .newsletter-signups form .gform_body { width: calc(100% - 160px); } } @media screen and (min-width: 768px) { .newsletter-signups form .gform_body > ul > li { margin-right: 20px; } } .newsletter-signups form .gform_body > ul > li:last-child { margin-right: 0; } .newsletter-signups form .gform_body > ul > li#field_41_1 label, .newsletter-signups form .gform_body > ul > li#field_41_2 label, .newsletter-signups form .gform_body > ul > li#field_41_3 label { /* Styles below are so label is shown to screen readers */ border: none !important; clip: rect(0, 0, 0, 0) !important; height: 0.01em !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; white-space: nowrap !important; width: 0.01em !important; } .newsletter-signups form .gform_footer { width: 130px; padding-left: 0; } @media screen and (min-width: 768px) { .newsletter-signups .gform_fields { display: flex; flex-wrap: wrap; } } .newsletter-signups .gform_fields li { margin-bottom: 0; width: calc(33% - 20px); } .newsletter-signups .gform_fields #field_41_4 { width: 100%; padding-top: 10px; } .newsletter-signups .gform_fields #field_41_4 div label { display: inline-block; width: calc(100% - 30px); } @media screen and (max-width: 767px) { .newsletter-signups .gform_fields li { width: 100%; margin-bottom: 20px; } } @media screen and (min-width: 768px) { .newsletter-signups .gform_footer { width: 130px; } } .page-title-bar { margin: 50px 0 40px 0; position: relative; } .page-title-bar:before { content: ''; top: -47px; position: absolute; height: 10px; width: 100%; background: linear-gradient(225deg, #007F6E 0%, #56C2B6 100%); } .page-title-bar.green { padding: 50px 0px; margin: 0 0 50px; background: linear-gradient(225deg, #007F6E 0%, #56C2B6 100%); } .page-title-bar.green:before { content: none; } .page-title-bar.green h1 { color: #fff; } .page-title-bar:not(.green) + div { margin-top: 0; } .page-title-bar.fullheight-content-area { margin: 10px 0 50px; position: relative; } .page-title-bar.fullheight-content-area:before { top: -10px; } .page-title-bar.fullheight-content-area .wrap { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap; flex-direction: row; min-height: 25vw; } .page-title-bar.fullheight-content-area .fullheight-content-image { width: calc(50% - 100px); position: absolute; height: 100%; left: calc(50% + 100px); background-size: cover; background-position: 50% 50%; clip: rect(0, auto, auto, 0); } .page-title-bar.fullheight-content-area .fullheight-content-image.mobile { display: none; } .page-title-bar.fullheight-content-area .fullheight-content-image .image { /* height: 100%; */ height: calc(100vh - 90px); width: calc(50% - 100px); /* width of its container */ background-position: 50% 25%; background-attachment: scroll; background-repeat: no-repeat; background-size: cover; position: fixed; /* need this */ /* top: 0; */ bottom: 0; transform: translateZ(0); } .page-title-bar.fullheight-content-area .fullheight-content { padding: 40px 50px 50px 0; width: calc(50% + 100px); } .page-title-bar.fullheight-content-area .fullheight-content h1 { margin-bottom: 40px; } @media screen and (max-width: 1040px) { .page-title-bar.fullheight-content-area .fullheight-content-image { width: 50%; left: 50%; } .page-title-bar.fullheight-content-area .fullheight-content-image .image { width: 50%; } .page-title-bar.fullheight-content-area .fullheight-content { width: 45%; } } @media screen and (max-width: 768px) { .page-title-bar.fullheight-content-area .wrap { display: block; min-height: auto; } .page-title-bar.fullheight-content-area .fullheight-content-image { width: calc(100% + 40px); position: static; height: auto; left: auto; padding: 60% 0 0 0; background-attachment: scroll; background-position: 50% 50%; background-size: cover; margin: 0 0 40px -20px; } .page-title-bar.fullheight-content-area .fullheight-content-image.desktop { display: none; } .page-title-bar.fullheight-content-area .fullheight-content-image.mobile { display: block; } .page-title-bar.fullheight-content-area .fullheight-content { width: 100%; padding: 40px 0 0 0; } } .news-title-bar:before, .story-title-bar:before { content: ''; top: -50px; position: absolute; height: 10px; width: 100%; background: linear-gradient(225deg, #007F6E 0%, #56C2B6 100%); } .news-listing { margin: 80px 0; } .page-title-bar + .news-listing-container .news-listing { margin: 0 0 80px 0; } .featured-news { padding: 80px 0; background-color: #F9F9F9; } .featured-news .wrap { align-items: center; } @media screen and (max-width: 768px) { .featured-news .wrap { flex-direction: column; } } @media screen and (max-width: 768px) { .featured-news .img-col { margin-bottom: 20px; } } @media screen and (max-width: 768px) { .featured-news .text-col { margin-bottom: 20px; } } .loadmore { margin: 80px 0; text-align: center; } .news-title-bar { margin: 50px 0; } time { text-transform: uppercase; font-size: 14px; font-weight: 500; letter-spacing: -0.42px; line-height: 18px; color: #56C2B6; } .news-detail .img-wrap { margin-bottom: 40px; } @media screen and (max-width: 767px) { .news-detail aside { margin-top: 30px; } } .share-container.mobile { display: none; } @media screen and (max-width: 767px) { .share-container.desktop { display: none; } .share-container.mobile { display: block; } } .mod-tabs .tabs-accordion ul { display: flex; justify-content: center; align-items: stretch; flex-wrap: nowrap; flex-direction: row; } .mod-tabs .tab-container .tab-content { display: none; } .share { border: 1px solid #D9D9D6; border-radius: 5px; padding: 35px 20px 45px; text-align: center; width: 100%; position: sticky; top: 110px; } @media screen and (min-width: 768px) { .share { max-width: 295px; float: right; } } .share ul { margin-top: 30px; } .share ul li { display: inline-block; margin: 0 5px; } .share a { border-radius: 100%; background-color: #EE8922; height: 24px; width: 24px; display: block; position: relative; } .share a:hover { background-color: #56C2B6; } .share svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); fill: #fff; height: 19px; width: 19px; } .social-media a { border-radius: 100%; background-color: #EE8922; height: 24px; width: 24px; display: block; position: relative; } .social-media a:hover { background-color: #007F6E; } .social-media svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); fill: #fff; height: 18px; width: 18px; } .centered-content { text-align: center; margin: 80px 0; } .centered-content.bg-color { background-color: #F6FBF9; padding: 80px 0; margin: 0; } .centered-content .wrap { max-width: 840px; } .centered-content .wrap > * + * { margin-top: 20px; } .centered-content .btn-wrap { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: row; gap: 20px; } @media screen and (max-width: 768px) { .centered-content { margin: 50px 0; } .centered-content.bg-color { background-color: #F6FBF9; padding: 50px 0; margin: 0; } } .anchor { position: relative; top: -90px; } q { color: #63666A; font-family: Poppins; font-size: 22px; font-weight: 300; letter-spacing: -0.65px; line-height: 1.5; display: block; position: relative; } q:before, q:after { font-size: 56px; line-height: 1; position: absolute; top: 0; font-family: Georgia; color: #DFDFDF; } q:before { content: '“'; left: -25px; } q:after { content: '”'; top: auto; } @media screen and (max-width: 500px) { q { font-size: 18px; } } .story-landing { margin: 80px 0; } .story-landing .story { padding: 50px 0; border-bottom: 1px solid #D9D9D6; flex-direction: row-reverse; } .story-landing .story .quote-col { width: 50%; padding: 0 25px; } .story-landing .story .img-col { width: 45%; } .story-landing .story .author-info { margin: 20px 0; color: #63666A; } .story-landing .story .author-info .name { color: #63666A; margin-bottom: 5px; } .story-landing .story img { display: block; } .story-landing .story:first-child { padding-top: 0; } .story-landing .story:last-child { border: none; } @media screen and (max-width: 768px) { .story-landing .story { padding: 20px 0 50px 0; } .story-landing .story .quote-col { width: 100%; } .story-landing .story .img-col { width: 100%; margin: 0 0 30px 0; } } .teaser-text { font-family: Poppins; font-size: 22px; font-weight: 300; letter-spacing: -0.65px; line-height: 36px; margin-bottom: 20px; color: #007F6E; } .story-title-bar { margin: 50px 0; position: relative; } .story-title-bar h1 { max-width: 800px; } .story-title-bar + div { margin-top: 0; } .story-detail aside img { position: sticky; top: 110px; } @media screen and (max-width: 768px) { .story-detail aside { margin-bottom: 20px; } } .error-page-content { padding-top: 50px; max-width: 500px; margin: 50px auto 50px; text-align: center; } .error-page-content h1 { margin-bottom: 30px; } .error-page-content form { margin: 50px; position: relative; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; flex-direction: row; } .error-page-content form label { position: absolute; left: -9999px; } .error-page-content form input.search { background-color: #fff; border-radius: 3px; padding: 10px 50px 10px 20px; width: 100%; font-size: 21px; font-weight: 300; } .error-page-content form .search-button { font-size: 0; width: 18px; height: 15px; padding: 0; background: none; position: absolute; right: 15px; bottom: 19px; transition: .2s; } .error-page-content form .search-button svg { width: 18px; height: 15px; fill: #EE8922; display: block; } .error-page-content form .search-button:hover { right: 10px; } .team-info { max-width: 800px; margin: 0 0 50px 0; } .team-grid { display: flex; justify-content: space-between; align-items: space-between; flex-wrap: wrap; flex-direction: row; } .team-grid .team-member { width: calc(20% - 25px); margin-bottom: 50px; text-align: center; } .team-grid .team-member .img-wrap { position: relative; margin-bottom: 10px; display: block; overflow: hidden; } .team-grid .team-member .img-wrap img { display: block; } .team-grid .team-member .img-wrap .hover-content { display: flex; align-items: center; justify-content: center; position: absolute; height: 100%; width: 100%; top: 0; left: 0; opacity: 0; transition: all .25s ease-in-out; background: linear-gradient(225deg, rgba(0, 127, 110, 0.9) 0%, rgba(86, 194, 182, 0.9) 100%); } .team-grid .team-member a { display: block; } .team-grid .team-member a:hover .hover-content, .team-grid .team-member a:focus .hover-content { opacity: 1; } .team-grid .team-member h5 { margin-bottom: 5px; } .team-grid .team-member .job-title { color: #A7A8A9; text-transform: uppercase; font-weight: 500; } @media screen and (max-width: 1000px) { .team-grid .team-member { width: calc(25% - 20px); } } @media screen and (max-width: 768px) { .team-grid .team-member { width: calc(33.333% - 20px); } } @media screen and (max-width: 550px) { .team-grid .team-member { width: calc(50% - 15px); } } .team-spacer { width: calc(20% - 25px); } .mfp-bg { opacity: 0.95; background: linear-gradient(225deg, #007F6E 0%, #56C2B6 100%); } .team-bios { display: none; } .team-bio { border-radius: 5px; background-color: #FFFFFF; box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.22); padding: 50px; max-width: 750px; margin: 0 auto; position: relative; } .team-bio header { display: flex; align-items: center; margin-bottom: 40px; justify-content: space-between; } .team-bio header img { display: block; width: 35%; } .team-bio .name-info { width: 60%; } .team-bio .name-info h3 { margin-bottom: 10px; } .team-bio .name-info .job-title { text-transform: uppercase; font-size: 14px; } .team-bio .name-info nav { margin-top: 15px; } .team-bio .name-info nav ul li { display: inline-block; margin: 0 10px 0 0; } @media screen and (max-width: 550px) { .team-bio { padding: 20px 20px 30px 20px; } .team-bio header img { width: 45%; } .team-bio header .name-info { width: 50%; } } @media screen and (max-width: 480px) { .team-bio header { display: block; } .team-bio header img { width: 100%; margin: 0 0 30px 0; } .team-bio header .name-info { width: 100%; } } .resources-module { margin: 50px 0; } .resources-module .top-bar { margin-bottom: 50px; } .resources-module .resources-list p + .more { margin-top: 20px; display: inline-block; } .resources-module .resources-list li { margin: 0 0 50px 0; flex-grow: 1; /* max-width: 50%; */ padding: 0 30px 0 0; } .video-listing .video-item { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; flex-direction: row-reverse; margin: 0 0 50px 0; } .video-listing .video-item .video-item-wrap { width: 57.5%; } .video-listing .video-item .video-item-content { width: 37.5%; } @media screen and (max-width: 850px) { .video-listing .video-item .video-item-wrap { width: 47.5%; } .video-listing .video-item .video-item-content { width: 47.5%; } } @media screen and (max-width: 720px) { .video-listing .video-item { display: block; } .video-listing .video-item .video-item-wrap { width: 100%; margin-bottom: 20px; } .video-listing .video-item .video-item-content { width: 100%; } } .accordion-module { margin: 50px 0; } .accordion-module h2 { margin-bottom: 50px; } .accordion-module .accordion { border-bottom: 1px solid #D9D9D6; } .accordion-module .accordion .inner-wrap { max-width: 800px; } .accordion-module .accordion .accordion-header { position: relative; background: none; padding: 25px 0 25px 35px; display: block; width: 100%; text-align: left; } .accordion-module .accordion .accordion-header:before { content: ''; height: 16px; width: 16px; background-position: center center; display: block; position: absolute; left: 0; top: 35px; transition: .2s; background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22%3E%3Cpath fill%3D%22%2356C2B6%22 fill-rule%3D%22evenodd%22 d%3D%22M7 1c0-.552.448-1 1-1s1 .448 1 1v6h6c.552 0 1 .448 1 1s-.448 1-1 1H9v6c0 .552-.448 1-1 1s-1-.448-1-1V9H1c-.552 0-1-.448-1-1s.448-1 1-1h6V1z%22%2F%3E%3C%2Fsvg%3E"); background-size: 16px 16px; } .accordion-module .accordion .accordion-content { display: none; padding: 0 0 25px 35px; } .accordion-module .accordion .accordion-content ul:not([class*="gf"]) > li:before { content: ''; border-color: #007F6E; } .accordion-module .accordion.is-open .accordion-header:before { transform: rotate(45deg); } @media screen and (min-width: 768px) { .hide-on-desk { display: none; } } .accordion-callout { position: relative; display: flex; align-items: stretch; background-color: #00b19f; } .accordion-callout .wrap { position: relative; z-index: 1; } .accordion-callout .bg-images { position: absolute; z-index: 0; top: 0; right: 0; width: calc(50% + 275px); height: 100%; } .accordion-callout .bg-images .slide { position: absolute; z-index: 0; top: 0; right: 0; width: 100%; height: 100%; background-size: cover; background-position: 25% 50%; opacity: 0; transition: .5s; } .accordion-callout .bg-images .slide.active { opacity: 1; } .accordion-callout .accordion-box .accordion { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .accordion-callout .accordion-box .accordion:last-child { border: none; } .accordion-callout .accordion-box .accordion-header { font-size: 20px; font-weight: 500; background: none; padding: 20px 30px 20px 0; text-align: left; width: 100%; position: relative; color: #99fff4; } .accordion-callout .accordion-box .accordion-header:hover { color: #fff; } .accordion-callout .accordion-box .accordion-header span { right: 0; top: 24px; width: 20px; height: 20px; display: inline-block; position: absolute; margin: 0 5px 0 0; cursor: pointer; } .accordion-callout .accordion-box .accordion-header span:before, .accordion-callout .accordion-box .accordion-header span:after { content: ''; top: 12px; position: absolute; width: 6px; height: 1px; background: #fff; display: block; transition: all .2s ease-in-out; } .accordion-callout .accordion-box .accordion-header span:before { left: 5px; transform: rotate(45deg); } .accordion-callout .accordion-box .accordion-header span:after { right: 5px; transform: rotate(-45deg); } .accordion-callout .accordion-box .accordion-header.active { color: #fff; } .accordion-callout .accordion-box .accordion-header.active span:before { transform: rotate(-45deg); } .accordion-callout .accordion-box .accordion-header.active span:after { transform: rotate(45deg); } .accordion-callout .accordion-box .accordion-content { display: none; padding: 0 0 20px 0; font-size: 16px; color: #FFFFFF; } .accordion-callout .accordion-box .accordion-content img.mobile { display: none; } .accordion-callout .accordion-box .accordion-content.active { display: block; } .accordion-callout .accordion-box .accordion-content p { margin-bottom: 10px; } .accordion-callout .accordion-box h2 { font-size: 50px; color: #FFFFFF; } .accordion-callout.partial .accordion-box { position: relative; /* width: 50%; */ width: calc(50% + 40px); min-width: 570px; padding: 120px 200px 120px 0; position: relative; background: url("../svg/overlay_green.svg") no-repeat 100% 50%; background-size: cover; } .accordion-callout.partial .accordion-box:before { content: ''; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 200px; z-index: 0; background: linear-gradient(to right, #00b19f 0, rgba(0, 177, 159, 0) 100%); } .accordion-callout.partial .accordion-box h2, .accordion-callout.partial .accordion-box .accordion { position: relative; z-index: 0; } .accordion-callout.full { background: linear-gradient(to bottom left, #007F6E 0, #56C2B6 100%); } .accordion-callout.full .bg-images { /* width: 60%; */ width: calc(50% + 200px); height: 100%; } .accordion-callout.full .bg-images .slide { background-position: 50% 50%; } .accordion-callout.full .accordion-box { width: 40%; min-height: 100vh; padding: 120px 130px 120px 0; } @media screen and (max-width: 1500px) { .accordion-callout.full .bg-images .slide { background-position: 60% 50%; } } @media screen and (max-width: 1000px) { .accordion-callout .accordion-box h2 { font-size: 30px; } .accordion-callout.partial .accordion-box { min-width: 475px; padding: 80px 200px 80px 0; } } @media screen and (max-width: 768px) { .accordion-callout { display: block; background: none; } .accordion-callout .bg-images { display: none; } .accordion-callout .slide { position: static; padding: 50% 0 0 0; width: 100%; } .accordion-callout .accordion-box .accordion .accordion-content img.mobile { display: block; margin: 20px 0; } .accordion-callout.partial .accordion-box { width: calc(100% + 40px); min-width: auto; margin: 0 -20px 0 -20px; padding: 40px 20px; background: linear-gradient(to bottom left, #007F6E 0, #56C2B6 100%); } .accordion-callout.partial .accordion-box:before { display: none; } .accordion-callout.partial .accordion-box:after { content: ''; background: url("../svg/overlay_corner.svg") no-repeat 100% 100%; width: 36px; height: 75px; position: absolute; z-index: 0; bottom: 0; right: 0; display: block; } .accordion-callout.full .bg-images { display: none; } .accordion-callout.full .accordion-box { width: 100%; min-height: auto; padding: 40px 0; } } .related-news { margin: 80px 0; } .related-news .section-header { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; flex-direction: row; } .related-news .section-header .btn { margin-top: 5px; } .related-news h2 { margin-bottom: 20px; width: calc(100% - 200px); } @media screen and (max-width: 768px) { .related-news { margin: 50px 0; } .related-news .section-header .btn { margin-top: -5px; } } @media screen and (max-width: 550px) { .related-news .section-header { display: block; } .related-news .section-header h2 { width: 100%; } .related-news .section-header .btn { margin-top: 0; } } .blog-posts { margin: 80px 0; } .blog-posts .section-header { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; flex-direction: row; } .blog-posts .section-header .btn { margin-top: 5px; } .blog-posts h2 { margin-bottom: 20px; width: calc(100% - 200px); } .blog-posts img { object-fit: cover; aspect-ratio: 555/350; object-position: center center; } @media screen and (max-width: 768px) { .blog-posts { margin: 50px 0; } .blog-posts .section-header .btn { margin-top: -5px; } } @media screen and (max-width: 550px) { .blog-posts .section-header { display: block; } .blog-posts .section-header h2 { width: 100%; } .blog-posts .section-header .btn { margin-top: 0; } } .partners-module { margin: 80px 0; } .partners-module h2 { margin-bottom: 20px; } .logo-grid .logo { border: 1px solid #D9D9D6; border-radius: 5px; text-align: center; position: relative; overflow: hidden; padding: 30px 20px; display: flex; align-items: center; } .logo-grid .logo img { display: block; margin: 0 auto; } .logo-grid a.logo:before { content: ''; height: 100%; width: 100%; top: 0; left: 0; position: absolute; opacity: 0; transition: .2s; background: linear-gradient(225deg, #007F6E 0%, #56C2B6 100%); } .logo-grid a.logo:after { content: 'View Info'; color: #EE8922; line-height: 1; font-weight: 600; background-color: #fff; width: 141px; padding: 15px 30px 15px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: inline-block; border-radius: 27px; opacity: 0; transition: .2s; } .logo-grid a.logo:hover:before { opacity: 1; } .logo-grid a.logo:hover:after { opacity: 1; } .impact-module { margin: 80px 0; } @media screen and (max-width: 768px) { .impact-module { margin: 50px 0; } } .impact-list { margin: 50px 0 0 0; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; flex-direction: row; } .impact { margin: 0 0 30px 0; } .impact h3 { font-size: 50px; } .impact p { font-weight: 600; /* color: #262626; */ margin: 10px 0 0 0; } .impact.with-icon { display: block; text-align: center; } .impact.with-icon .icon-col { width: 100%; height: 65px; display: flex; align-items: center; margin: 0 0 10px 0; } .impact.with-icon .icon-col img { display: block; max-width: 85px; margin: 0 auto; } .impact.with-icon .text-col { width: 100%; } .impact:first-child:nth-last-child(1) { /* one item */ width: 100%; } .impact:first-child:nth-last-child(2), .impact:first-child:nth-last-child(2) ~ .impact { /* two items */ width: calc(50% - 15px); } .impact:first-child:nth-last-child(3), .impact:first-child:nth-last-child(3) ~ .impact { /* three items */ width: calc(33.333% - 20px); } .impact:first-child:nth-last-child(4), .impact:first-child:nth-last-child(4) ~ .impact { /* four items */ width: calc(25% - 20px); } .impact:first-child:nth-last-child(5), .impact:first-child:nth-last-child(5) ~ .impact { /* five items */ width: calc(20% - 25px); } @media screen and (max-width: 768px) { .impact:first-child:nth-last-child(3), .impact:first-child:nth-last-child(3) ~ .impact { /* three items */ width: calc(50% - 15px); } .impact:first-child:nth-last-child(4), .impact:first-child:nth-last-child(4) ~ .impact { /* four items */ width: calc(50% - 15px); } .impact:first-child:nth-last-child(5), .impact:first-child:nth-last-child(5) ~ .impact { /* five items */ width: calc(50% - 15px); } } @media screen and (max-width: 650px) { .impact.with-icon:first-child:nth-last-child(2), .impact.with-icon:first-child:nth-last-child(2) ~ .impact.with-icon, .impact.with-icon:first-child:nth-last-child(3), .impact.with-icon:first-child:nth-last-child(3) ~ .impact.with-icon, .impact.with-icon:first-child:nth-last-child(4), .impact.with-icon:first-child:nth-last-child(4) ~ .impact.with-icon, .impact.with-icon:first-child:nth-last-child(5), .impact.with-icon:first-child:nth-last-child(5) ~ .impact.with-icon { /* five items */ width: 100%; } } @media screen and (max-width: 500px) { .impact:first-child:nth-last-child(2), .impact:first-child:nth-last-child(2) ~ .impact, .impact:first-child:nth-last-child(3), .impact:first-child:nth-last-child(3) ~ .impact, .impact:first-child:nth-last-child(4), .impact:first-child:nth-last-child(4) ~ .impact, .impact:first-child:nth-last-child(5), .impact:first-child:nth-last-child(5) ~ .impact { /* five items */ width: 100%; } } .photo-row { display: block; } .photo-row .photo { padding: 46% 0 0 0; position: relative; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .photo-row .photo span { position: absolute; font-family: "Utile", serif, "Poppins", sans-serif; font-size: 25px; color: #FFFFFF; text-align: center; font-weight: 600; line-height: 1; text-shadow: 0 0 37px rgba(0, 0, 0, 0.63); padding: 0 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; } @media screen and (min-width: 768px) { .photo-row .photo span { font-size: 40px; } } @media screen and (min-width: 960px) { .photo-row .photo span { font-size: 50px; } } .photo-row .photo:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.05); z-index: 0; } .photo-row.photo-2 { overflow: hidden; } .photo-row.photo-2 .photo { width: 50%; float: left; } @media screen and (max-width: 650px) { .photo-row.photo-2 .photo { width: 100%; float: none; } } /* .photo-gallery { display: flex; flex-wrap: wrap; div { height: 50vh; display: flex; align-content: center; justify-content: center; align-items: center; background: $green_gradient; background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; position: relative; &:after { content: ''; position: absolute; top: 0; left: 0; @include size(100%); background-color: rgba(#000, .05); z-index: 0; } @media screen and (min-width: 768px) { &:not(:first-child) { width: 50% } } } div:first-child { span { max-width: 60%; } } span { font-family: $font_heading; font-size: 25px; color: #FFFFFF; letter-spacing: 0; text-align: center; line-height: 1.3; font-weight: 700; text-shadow: 0 0 37px rgba(0,0,0,0.63); max-width: 80%; @media screen and (min-width: 768px) { font-size: 40px; } @media screen and (min-width: 960px) { font-size: 50px; } } } */ .search-container { margin: 50px 0; } .search-listings { display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; flex-direction: row; } .search-listings div { width: calc(33.333% - 20px); } @media screen and (max-width: 850px) { .search-listings div { width: calc(50% - 15px); } } @media screen and (max-width: 850px) { .search-listings div { width: 100%; } } .search-result { border-radius: 5px; background-color: #FFFFFF; border: 1px solid #D9D9D6; margin-bottom: 30px; padding: 30px 20px; min-height: 282px; transition: .2s; } .search-result:hover { box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.08); } .state-intro-container .wrap { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; flex-direction: row; } .state-intro-container aside { margin-top: 0; } @media screen and (max-width: 768px) { .state-intro-container .wrap { display: block; } .state-intro-container .wrap article { width: 100%; margin: 0 0 30px 0; } .state-intro-container .wrap aside { width: 100%; } } .large p { font-size: 22px; line-height: 1.5; font-weight: 300; } @media screen and (max-width: 768px) { .large p { font-size: 18px; } } .services-module { margin: 100px 0; scroll-margin-top: 190px; /* &:before { content: ''; position: absolute; top: -100px; } */ } .services-module .wrap { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap; flex-direction: row; } .services-module .wrap.service-about { flex-direction: row-reverse; } .services-module article { width: 45%; margin: 0 0 30px 0; } .services-module aside { width: 50%; margin: 0 0 30px 0; } .services-module ul li { padding-left: 20px !important; } .services-module ul li:before { content: '' !important; top: 10px; width: 6px; height: 6px; border-right: 1px solid #56C2B6; border-top: 1px solid #56C2B6; transform: rotate(45deg); } @media screen and (max-width: 768px) { .services-module article { width: 55%; } .services-module aside { width: 40%; } } @media screen and (max-width: 650px) { .services-module .wrap { display: block; } .services-module article, .services-module aside { width: 100%; } } hr { border: none; border-top: 1px solid #D9D9D6; color: #D9D9D6; margin: 50px 0; } .testimonial-huge { position: relative; } @media screen and (min-width: 768px) { .testimonial-huge { min-height: 650px; height: 50vh; background-image: linear-gradient(180deg, rgba(235, 246, 242, 0.35) 0%, rgba(210, 234, 225, 0.35) 100%); } } .testimonial-huge .testimonial-images-slider { width: calc(50% + 280px); position: absolute; right: 0; top: 0; z-index: 0; } .testimonial-huge .testimonial-images-slider .testimonial-image { min-height: 650px; height: 50vh; width: 100%; background-size: cover; } .testimonial-huge .testimonial-text { position: relative; } .testimonial-huge .testimonial-text .testimonial-text-slide { overflow: hidden; } .testimonial-huge .testimonial-text .meta-data { font-weight: 300; font-size: 13px; color: #63666A; letter-spacing: 0; margin-bottom: 20px; padding: 0 10px; } .testimonial-huge .testimonial-text .meta-data strong { font-weight: 600; text-transform: uppercase; } .testimonial-huge .testimonial-text .meta-data span { display: inline-block; margin: 0 10px; } .testimonial-huge .testimonial-text q { padding: 10px; margin-bottom: 20px; } .testimonial-huge .testimonial-text q:before { font-family: "Poppins", sans-serif; font-weight: 300; font-size: 20px; line-height: 34px; left: 0; position: absolute; display: inline-block; top: 10px; color: #007F6E; } .testimonial-huge .testimonial-text q:after { font-family: "Poppins", sans-serif; font-weight: 300; font-size: 20px; line-height: 34px; position: static; color: #007F6E; } .testimonial-huge .wrap .inner-wrap { padding: 40px 36px 68px; width: 50%; max-width: 585px; background-color: #fff; background: #FFFFFF; box-shadow: 0 13px 22px 0 rgba(0, 0, 0, 0.11); border-radius: 5px; } @media screen and (max-width: 1180px) { .testimonial-huge .testimonial-images-slider { width: calc(100% - 310px); } } @media screen and (max-width: 768px) { .testimonial-huge .testimonial-images-slider { width: 100%; position: static; } .testimonial-huge .testimonial-images-slider .testimonial-image { min-height: auto; height: auto; padding: 30% 0 0 0; width: 100%; background-size: cover; } .testimonial-huge .wrap .inner-wrap { width: 100%; max-width: 100%; box-shadow: none; border-radius: 0; padding: 40px 90px 60px 0; } } @media screen and (max-width: 450px) { .testimonial-huge .wrap .inner-wrap { padding: 30px 0 0 0; } } .testimonial-full-image { position: relative; } .testimonial-full-image .slide { height: 100vh; max-height: 800px; display: flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap; flex-direction: row; position: relative; padding: 100px 0; } .testimonial-full-image .slide .slide-image { background-size: cover; position: absolute; inset: 0 0 0 0; z-index: 0; } .testimonial-full-image .slide .slide-image:after { position: absolute; content: ''; inset: 0 0 0 0; background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0) 75%); z-index: 0; } .testimonial-full-image .slide .wrap { position: relative; z-index: 1; } .testimonial-full-image .slide .testimonial-text { width: 50%; color: #fff; } .testimonial-full-image .slide .testimonial-text .metadata { color: #fff; } .testimonial-full-image .slide .testimonial-text q { color: #fff; margin: 30px 0; } .testimonial-full-image .slide .testimonial-text q:after, .testimonial-full-image .slide .testimonial-text q:before { color: #fff; } .testimonial-full-image .testimonial-full-image-nav-container { position: relative; margin: 0; padding: 0; float: none; } .testimonial-full-image .testimonial-full-image-nav-container .slick-arrow { position: absolute; top: 60px; z-index: 1; } .testimonial-full-image .testimonial-full-image-nav-container .slick-arrow.slick-prev { left: -10px; background: transparent url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2214%22 height%3D%2225%22 viewBox%3D%220 0 14 25%22%3E%3Cpath fill-rule%3D%22evenodd%22 fill%3D%22%23fff%22 d%3D%22M13.216 22.986c.378.377.378.988 0 1.365-.377.377-.99.377-1.369 0L.784 13.317c-.379-.377-.379-.989 0-1.366L11.847.917c.379-.377.991-.377 1.37 0 .377.377.377.988 0 1.365L3.127 12.634l10.09 10.352z%22%2F%3E%3C%2Fsvg%3E") no-repeat center center; } .testimonial-full-image .testimonial-full-image-nav-container .slick-arrow.slick-next { left: 40px; background: transparent url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2214%22 height%3D%2225%22 viewBox%3D%220 0 14 25%22%3E%3Cpath fill-rule%3D%22evenodd%22 fill%3D%22%23fff%22 d%3D%22M.784 22.986c-.378.377-.378.988 0 1.365.377.377.99.377 1.369 0l11.063-11.034c.379-.377.379-.989 0-1.366L2.153.917C1.774.54 1.162.54.783.917c-.377.377-.377.988 0 1.365l10.09 10.352L.783 22.986z%22%2F%3E%3C%2Fsvg%3E") no-repeat center center; } @media screen and (max-width: 960px) { .testimonial-full-image .slide { height: auto; } .testimonial-full-image .testimonial-full-image-nav-container .slick-arrow { top: 40px; } } @media screen and (max-width: 600px) { .testimonial-full-image .testimonial-full-image-nav-container { position: absolute; margin: 0; padding: 0; float: none; } .testimonial-full-image .testimonial-full-image-nav-container .slick-arrow { position: absolute; top: 60px; z-index: 1; } .testimonial-full-image .testimonial-full-image-nav-container .slick-arrow.slick-prev { left: -10px; background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2214%22 height%3D%2225%22 viewBox%3D%220 0 14 25%22%3E%3Cpath fill-rule%3D%22evenodd%22 fill%3D%22%23fff%22 d%3D%22M13.216 22.986c.378.377.378.988 0 1.365-.377.377-.99.377-1.369 0L.784 13.317c-.379-.377-.379-.989 0-1.366L11.847.917c.379-.377.991-.377 1.37 0 .377.377.377.988 0 1.365L3.127 12.634l10.09 10.352z%22%2F%3E%3C%2Fsvg%3E"); } .testimonial-full-image .testimonial-full-image-nav-container .slick-arrow.slick-next { left: 40px; background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2214%22 height%3D%2225%22 viewBox%3D%220 0 14 25%22%3E%3Cpath fill-rule%3D%22evenodd%22 fill%3D%22%23fff%22 d%3D%22M.784 22.986c-.378.377-.378.988 0 1.365.377.377.99.377 1.369 0l11.063-11.034c.379-.377.379-.989 0-1.366L2.153.917C1.774.54 1.162.54.783.917c-.377.377-.377.988 0 1.365l10.09 10.352L.783 22.986z%22%2F%3E%3C%2Fsvg%3E"); } .testimonial-full-image .slide { height: auto; display: block; padding: 0; } .testimonial-full-image .slide .slide-image { position: relative; aspect-ratio: 4 / 3; inset: auto auto auto auto; } .testimonial-full-image .slide .slide-image:after { background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0) 50%); } .testimonial-full-image .slide .wrap { position: relative; z-index: 1; background-image: linear-gradient(225deg, rgba(0, 127, 110, 0.98) 0%, rgba(86, 194, 182, 0.98) 100%); } .testimonial-full-image .slide .testimonial-text { padding: 30px 0; width: 100%; } .testimonial-full-image .slide .testimonial-text q:before { font-size: 36px; right: 100%; left: auto; color: #fff; } .testimonial-full-image .slide .testimonial-text q:after { font-size: 36px; color: #fff; } } .slick-arrow { font-size: 0; height: 25px; width: 25px; } .slick-nav-container { margin-bottom: 35px; padding-top: 60px; margin-left: 180px; display: block; } .slick-nav-container .slick-arrow { background-color: transparent; margin: 0 10px 0; } .slick-nav-container .slick-arrow.slick-prev { background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2214%22 height%3D%2225%22 viewBox%3D%220 0 14 25%22%3E%3Cpath fill-rule%3D%22evenodd%22 fill%3D%22%2300816D%22 d%3D%22M13.216 22.986c.378.377.378.988 0 1.365-.377.377-.99.377-1.369 0L.784 13.317c-.379-.377-.379-.989 0-1.366L11.847.917c.379-.377.991-.377 1.37 0 .377.377.377.988 0 1.365L3.127 12.634l10.09 10.352z%22%2F%3E%3C%2Fsvg%3E"); } .slick-nav-container .slick-arrow.slick-next { background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2214%22 height%3D%2225%22 viewBox%3D%220 0 14 25%22%3E%3Cpath fill-rule%3D%22evenodd%22 fill%3D%22%2300816D%22 d%3D%22M.784 22.986c-.378.377-.378.988 0 1.365.377.377.99.377 1.369 0l11.063-11.034c.379-.377.379-.989 0-1.366L2.153.917C1.774.54 1.162.54.783.917c-.377.377-.377.988 0 1.365l10.09 10.352L.783 22.986z%22%2F%3E%3C%2Fsvg%3E"); } @media screen and (max-width: 768px) { .slick-nav-container { margin-bottom: 0; padding-top: 0; margin-left: 0; text-align: right; margin: 30px auto; float: right; position: relative; z-index: 10; } } @media screen and (max-width: 450px) { .slick-nav-container { float: none; text-align: left; margin: 30px 0 0 0; } } .jackrabbit { opacity: .4; display: inline-block; } .jackrabbit a { text-decoration: underline; } .jackrabbit a:hover { text-decoration: none; } .main-content { margin: 80px 0; } .main-content .wrap { justify-content: space-between; } @media screen and (min-width: 768px) { .main-content aside { width: 35%; } .main-content article { width: 60%; } } .main-content article, .main-content aside { margin-bottom: 20px; } .main-content.full article { width: 100%; max-width: 800px; } .main-content.reverse .wrap { flex-direction: row-reverse; } @media screen and (max-width: 768px) { .main-content { margin: 50px 0; } } .mfp-content { margin: 60px auto 20px auto; } .lightbox-content { max-width: 520px; background-color: #fff; border-radius: 5px; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); padding: 40px; position: relative; margin: 0 auto; } .lightbox-content img { margin-bottom: 20px; } .lightbox-content p { color: #63666A; font-size: 16px; line-height: 27px; } .mfp-fade.mfp-bg { opacity: 0; transition: all .2s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: .9; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; transition: all .2s .2s ease-out; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; top: 50px; transition: all .2s .2s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; top: 0; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; top: -50px; transition: all .2s 0 ease-out; } #slideshow { position: relative; } #slideshow .swiper-slide { position: relative; } #slideshow .swiper-slide:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 353px; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } #slideshow .swiper-slide .text-container { position: absolute; bottom: 0; left: 0; width: 100%; height: 220px; display: flex; align-items: center; justify-content: center; z-index: 2; } #slideshow .swiper-slide img { display: block; } #slideshow .swiper-slide h3 { text-align: center; color: #fff; font-family: "Poppins", sans-serif; font-weight: 600; font-size: 30px; line-height: 1.2380952381em; padding: 0 70px; } #slideshow .swiper-slide h3 em { font-family: "Utile", serif; font-size: 70px; font-style: normal; display: inline-block; margin-right: 10px; } #slideshow .swiper-slide h3 svg { width: 220px; height: 64px; display: inline-block; margin-left: 10px; } #slideshow .swiper-slide h3 svg.rgb { display: none; } #slideshow .arrow { width: 34px; height: 34px; background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 27 27%22%3E%3Cpath d%3D%22M13.5.5c7.18 0 13 5.82 13 13s-5.82 13-13 13-13-5.82-13-13 5.82-13 13-13zm0 1c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm1.789 7.77l3.543 3.344a.52.52 0 01-.001.767l-3.548 3.349a.59.59 0 01-.406.159.59.59 0 01-.406-.159.521.521 0 010-.767l2.565-2.422-7.461.005c-.318 0-.575-.243-.575-.542 0-.3.258-.543.576-.543l7.462-.005-2.562-2.418a.52.52 0 010-.768.599.599 0 01.813 0z%22 fill%3D%22%23fff%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); background-size: 34px 34px; font-size: 0; position: absolute; z-index: 10; bottom: 91px; cursor: pointer; } #slideshow .arrow--prev { left: 19px; transform: scaleX(-1); } #slideshow .arrow--next { right: 19px; } #slideshow .arrow:hover { filter: drop-shadow(0px 0px 10px #000); } @media screen and (max-width: 768px) { #slideshow .swiper-slide:after { display: none; } #slideshow .swiper-slide .text-container { position: relative; top: 0; left: 0; height: auto; } #slideshow .swiper-slide h3 { padding: 20px 30px 0; font-size: 22px; color: #007F6E; } #slideshow .swiper-slide h3 em { font-size: 35px; margin-right: 5px; } #slideshow .swiper-slide h3 svg { width: 120px; height: 35px; } #slideshow .swiper-slide h3 svg.mono { display: none; } #slideshow .swiper-slide h3 svg.rgb { display: inline-block; } #slideshow .arrow { bottom: auto; top: calc(317/644*100vw + 20px); background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 27 27%22%3E%3Cpath d%3D%22M13.5.5c7.18 0 13 5.82 13 13s-5.82 13-13 13-13-5.82-13-13 5.82-13 13-13zm0 1c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm1.789 7.77l3.543 3.344a.52.52 0 01-.001.767l-3.548 3.349a.59.59 0 01-.406.159.59.59 0 01-.406-.159.521.521 0 010-.767l2.565-2.422-7.461.005c-.318 0-.575-.243-.575-.542 0-.3.258-.543.576-.543l7.462-.005-2.562-2.418a.52.52 0 010-.768.599.599 0 01.813 0z%22 fill%3D%22%23ED8B00%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); background-size: 25px 25px; width: 25px; height: 25px; } #slideshow .arrow--prev { left: 0; } #slideshow .arrow--next { right: 0; } #slideshow .arrow:hover { filter: none; } } .webinar-intro { font-size: 22px; } .webinar-intro h2:not(:first-child) { margin-top: 40px; } .webinar-intro.main-content { margin-bottom: 40px; } @media screen and (max-width: 768px) { .webinar-intro { font-size: 18px; } } .webinar-tabs { border-bottom: 1px solid #D9D9D6; } .webinar-tabs .tabs li { display: inline-block; } .webinar-tabs .tabs li a { font-family: "Utile", serif, "Poppins", sans-serif; font-weight: 600; font-size: 24px; line-height: 50px; color: #96999d; padding: 0 20px; border: 1px solid transparent; border-radius: 5px 5px 0 0; display: block; margin-bottom: -1px; transition: .2s; } .webinar-tabs .tabs li.selected a { border-color: #D9D9D6; border-bottom-color: #fff; background: #fff; color: #007F6E; } .webinar-tab-intro { margin: 60px 0 0 0; } .webinar { padding: 60px 0; display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; flex-direction: row; border-bottom: 1px solid #D9D9D6; } .webinar h6 { font-weight: 700; color: #262626; font-size: 16px; font-family: "Poppins", sans-serif; margin: 10px 0; } .webinar img { width: 100%; margin-bottom: 20px; } .webinar .webinar-content-full { flex: 0 1 100%; margin-bottom: 20px; } .webinar .webinar-content-main { flex: 0 1 60%; border-right: 1px solid #D9D9D6; padding: 0 60px 0 0; } .webinar .webinar-content-sub { flex: 0 1 40%; padding: 0 0 0 60px; } .webinar .webinar-box { margin-bottom: 30px; } .webinar .webinar-box ul li { margin: 0 0 5px 0; } .webinar:last-child { border: none; } .webinar.upcoming .webinar-content-full { order: 1; } .webinar.upcoming .webinar-content-main { order: 2; } .webinar.upcoming .webinar-content-sub { order: 3; } .webinar.past { flex-direction: row-reverse; } .webinar.past .webinar-content-main { border: none; } .webinar.past .webinar-content-sub { padding: 0; } .webinar .webinar-boxes { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; flex-direction: row; margin: 30px 0 0 0; } .webinar .webinar-boxes .webinar-box { flex: 0 1 45%; } @media screen and (max-width: 768px) { .webinar .webinar-content-main { flex: 0 1 100%; border: none; padding: 0 0 30px 0; } .webinar .webinar-content-sub { flex: 0 1 100%; padding: 0; } .webinar.upcoming .webinar-content-full { order: 1; } .webinar.upcoming .webinar-content-main { order: 3; padding: 0; } .webinar.upcoming .webinar-content-sub { order: 2; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; flex-direction: row; padding: 0 0 30px 0; } .webinar.upcoming .webinar-content-sub .webinar-box { flex: 0 1 45%; } } @media screen and (max-width: 500px) { .webinar .webinar-boxes .webinar-box { flex: 0 1 100%; } .webinar .webinar-boxes .webinar-box:last-child { margin-bottom: 0; } .webinar.upcoming .webinar-content-sub .webinar-box { flex: 0 1 100%; } .webinar.upcoming .webinar-content-sub .webinar-box:last-child { margin-bottom: 0; } } .mfp-close-btn-in .mfp-close { bottom: calc(100% + 10px); top: auto; font-family: "Poppins", sans-serif; font-size: 16px; color: #fff; opacity: 1; width: auto; padding: 0 20px; line-height: 40px; background-color: #f00; border-radius: 50px; background-color: transparent; } .mfp-close-btn-in .mfp-close svg { width: 9px; height: 9px; fill: #fff; display: inline-block; margin: 0 0 0 10px; } .mfp-close-btn-in .mfp-close:hover { background-color: #fff; color: #EE8922; } .mfp-close-btn-in .mfp-close:hover svg { fill: #EE8922; } span.gfield_required { font-weight: 400; display: inline-block; padding: 0 0 0 5px; font-size: 12px; } .gfield_consent_label a { text-decoration: underline; } .gfield_consent_label a:hover { text-decoration: none; } .gfield_visibility_hidden { display: none; } input[type=file] { font-size: 14px; display: block; padding: 10px 0; background-color: #fff; /* these cannot be combined, must remain in this order: ::-ms-browse, ::file-selector-button, ::-webkit-file-upload-button */ } input[type=file]::-ms-browse { border-radius: 50px; background-color: #EE8922; font-size: 14px; line-height: 46px; height: 46px; font-weight: 600; color: #fff; padding: 0 20px; margin-right: 10px; -ms-transition: 0.2s; transition: 0.2s; border: 0; display: inline-block; } input[type=file]::file-selector-button { border-radius: 50px; background-color: #EE8922; font-size: 14px; line-height: 46px; height: 46px; font-weight: 600; color: #fff; padding: 0 20px; margin-right: 10px; transition: 0.2s; border: 0; display: inline-block; } input[type=file]::-webkit-file-upload-button { border-radius: 50px; background-color: #EE8922; font-size: 14px; line-height: 46px; height: 46px; font-weight: 600; color: #fff; padding: 0 20px; margin-right: 10px; -webkit-transition: 0.2s; transition: 0.2s; border: 0; display: inline-block; } input[type=file]::-ms-browse:hover { background-color: #56C2B6; } input[type=file]::file-selector-button:hover { background-color: #56C2B6; } input[type=file]::-webkit-file-upload-button:hover { background-color: #56C2B6; } /* .gform-file-upload { //height: 40px; .ginput_container_fileupload { position: relative; input { display: block; @include size(100%); // position: absolute; top: 0; left: 0; font-size: 0; z-index: 0; cursor: pointer; height: 55px; line-height: 55px; font-size: 16px; padding: 0 20px 0 40px; border: none; outline: 1px solid rgba(#000, .2); width: 100%; background: #FFFFFF; box-shadow: inset 0 2px 4px 0 rgba(0,0,0,.08); border-radius: 3px; color: $body; transition: .2s; &:focus { outline: 1px solid rgba(#000, .3); } } &:before { font-size: 14px; line-height: 46px; height: 46px; font-weight: 600; color: #fff; border-radius: 50px; padding: 0 15px; background: $orange; transition: .2s; content: 'Upload File'; top: 5px; left: 4px; pointer-events: none; position: absolute; display: inline-block; z-index: 1; } &:after { background: #fff; height: calc(100% - 2px); width: 120px; content: ''; top: 5px; left: 2px; pointer-events: none; position: absolute; display: inline-block; z-index: 0; height: 50px; } &:hover:before { background: $light_green; color: #fff; } } .file-name { color: $body; padding: 0 0 0 120px; margin: 0; display: none; } } */ .gform_fileupload_rules, .gfield_description { font-size: 12px; line-height: 1.2; } input[type=radio] + label, input[type=checkbox] + label { font-weight: 400; color: #63666A; } .gform-multiplefiles-upload .ginput_container_fileupload { background: #f2f2f0; border: 1px solid #D9D9D6; padding: 30px; text-align: center; } .gform-multiplefiles-upload .ginput_container_fileupload span { display: block; text-align: center; padding: 20px 0; } .gform-multiplefiles-upload .ginput_preview { padding: 10px 0; font-size: 13px; } .gform-multiplefiles-upload .ginput_preview .gform_delete_file { background: none; color: #63666A; padding: 0; height: auto; line-height: 1.5; } .gform-multiplefiles-upload .ginput_preview .gform_delete_file:hover { color: #EE8922; } .gform-multiplefiles-upload .ginput_preview strong { font-weight: 400; } .form_contact .gform_fields, .form_m-a .gform_fields, .form_philanthropy .gform_fields, .form_contact-main .gform_fields, .form_specialized-referrals .gform_fields, .form_charitable .gform_fields, .form_sevita-angels .gform_fields, .form_media .gform_fields { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 30px; width: 100%; } .form_contact .gform_fields .field_half, .form_m-a .gform_fields .field_half, .form_philanthropy .gform_fields .field_half, .form_contact-main .gform_fields .field_half, .form_specialized-referrals .gform_fields .field_half, .form_charitable .gform_fields .field_half, .form_sevita-angels .gform_fields .field_half, .form_media .gform_fields .field_half { grid-column: span 1; } .form_contact .gform_fields .field_full, .form_m-a .gform_fields .field_full, .form_philanthropy .gform_fields .field_full, .form_contact-main .gform_fields .field_full, .form_specialized-referrals .gform_fields .field_full, .form_charitable .gform_fields .field_full, .form_sevita-angels .gform_fields .field_full, .form_media .gform_fields .field_full { grid-column: span 2; } @media screen and (max-width: 550px) { .form_contact .gform_fields, .form_m-a .gform_fields, .form_philanthropy .gform_fields, .form_contact-main .gform_fields, .form_specialized-referrals .gform_fields, .form_charitable .gform_fields, .form_sevita-angels .gform_fields, .form_media .gform_fields { display: block; grid-template-columns: repeat(1, 1fr); } .form_contact .gform_fields .field_full, .form_m-a .gform_fields .field_full, .form_philanthropy .gform_fields .field_full, .form_contact-main .gform_fields .field_full, .form_specialized-referrals .gform_fields .field_full, .form_charitable .gform_fields .field_full, .form_sevita-angels .gform_fields .field_full, .form_media .gform_fields .field_full { grid-column: span 1; } } .form_ceo-suggestion .gform_fields, .form_submit-story .gform_fields { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 30px; width: 100%; } .form_ceo-suggestion .gform_fields .field_third, .form_submit-story .gform_fields .field_third { grid-column: span 1; } .form_ceo-suggestion .gform_fields .field_full, .form_submit-story .gform_fields .field_full { grid-column: span 3; } @media screen and (max-width: 900px) { .form_ceo-suggestion .gform_fields, .form_submit-story .gform_fields { grid-template-columns: repeat(2, 1fr); } .form_ceo-suggestion .gform_fields .field_third, .form_submit-story .gform_fields .field_third { grid-column: span 1; } .form_ceo-suggestion .gform_fields .field_full, .form_submit-story .gform_fields .field_full { grid-column: span 2; } } @media screen and (max-width: 550px) { .form_ceo-suggestion .gform_fields, .form_submit-story .gform_fields { grid-template-columns: repeat(1, 1fr); } .form_ceo-suggestion .gform_fields .field_full, .form_submit-story .gform_fields .field_full { grid-column: span 1; } } .form_sevita-grant .gform_fields { display: grid; grid-template-columns: repeat(6, 1fr); grid-column-gap: 30px; width: 100%; } .form_sevita-grant .gform_fields .field_third { grid-column: span 2; } .form_sevita-grant .gform_fields .field_half { grid-column: span 3; } .form_sevita-grant .gform_fields .field_full { grid-column: span 6; } @media screen and (max-width: 900px) { .form_sevita-grant .gform_fields { grid-template-columns: repeat(2, 1fr); } .form_sevita-grant .gform_fields .field_third { grid-column: span 1; } .form_sevita-grant .gform_fields .field_half { grid-column: span 1; } .form_sevita-grant .gform_fields .field_full { grid-column: span 2; } } @media screen and (max-width: 550px) { .form_sevita-grant .gform_fields { grid-template-columns: repeat(1, 1fr); } .form_sevita-grant .gform_fields .field_full { grid-column: span 1; } } .form_dsp-week .gform_fields { display: grid; grid-template-columns: repeat(6, 1fr); grid-column-gap: 30px; width: 100%; } .form_dsp-week .gform_fields .field_third { grid-column: span 2; } .form_dsp-week .gform_fields .field_half { grid-column: span 3; } .form_dsp-week .gform_fields .field_full { grid-column: span 6; } @media screen and (max-width: 700px) { .form_dsp-week .gform_fields { grid-template-columns: repeat(2, 1fr); } .form_dsp-week .gform_fields .field_third { grid-column: span 1; } .form_dsp-week .gform_fields .field_half { grid-column: span 1; } .form_dsp-week .gform_fields .field_half.gform-file-upload { grid-column: span 2; } .form_dsp-week .gform_fields .field_full { grid-column: span 2; } } @media screen and (max-width: 550px) { .form_dsp-week .gform_fields { grid-template-columns: repeat(1, 1fr); } .form_dsp-week .gform_fields .field_third { grid-column: span 1; } .form_dsp-week .gform_fields .field_half { grid-column: span 1; } .form_dsp-week .gform_fields .field_half.gform-file-upload { grid-column: span 1; } .form_dsp-week .gform_fields .field_full { grid-column: span 1; } } .gform_body fieldset { grid-column: span 2; } .gform_body fieldset input[type=checkbox] { vertical-align: top; position: relative; top: 2px; } .gform_body fieldset label { width: calc(100% - 30px); } /*# sourceMappingURL=style.css.map */