/** * Swiper 12.0.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 18, 2025 */ :root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}svg{height:100%;-o-object-fit:contain;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon{transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon{transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon{transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}} @charset "UTF-8"; @font-face { font-family: "Inter"; src: url("../../../files/webfonts/Inter.ttf") format("truetype"); } @font-face { font-family: "Inter-Semibold"; src: url("../../../files/webfonts/Inter.ttf") format("truetype"); font-weight: 600; } /********************* TYPOGRAPHY *********************/ * { box-sizing: border-box; font-synthesis: none !important; } .clearfix:after, .k_content:after { content: ""; display: table; clear: both; } .clear { clear: both; } html { min-height: 100%; touch-action: manipulation; scroll-behavior: smooth; } ::-moz-selection { background: #335b76; color: #f7f4f0; } ::selection { background: #335b76; color: #f7f4f0; } body { min-height: 100%; width: 100%; font-size: 16px; display: block; overflow-x: hidden; font-family: "Inter", sans-serif; background: #f7f4f0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (min-width: 667px) { body { font-size: 13px; } } @media (min-width: 896px) { body { font-size: 14px; } } @media (min-width: 967px) { body { font-size: 16px; } } div { position: relative; } .content { min-height: 100%; width: 100%; transition: opacity 0.4s ease-in-out; } .content:before { content: ""; background: transparent; transition: background 0.4s ease-in-out; pointer-events: none; } .content.transparent:before { content: ""; z-index: 1; height: 100vh; width: 100vw; background: #065e7d; opacity: 0.85; position: fixed; top: 0; bottom: 0; right: 0; left: 0; pointer-events: none; transition: background 0.4s ease-in-out; } .container { width: 25em; /* Or whatever you want it to be */ height: 25em; /* Or whatever you want it to be */ } .media { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; /* Or whatever object-fit you want */ } .active-modal .header, .swipebox-html .header { z-index: 10; } .active-sidebar .sidebar-nav { transform: translateX(0); } .relative { position: relative; } .no-margin-bottom { margin-bottom: 0; } img:not(.rebrand img) { width: 100%; display: block; max-width: 100%; height: auto; } .no-scroll { overflow: hidden; } .square:after { content: ""; display: block; padding-bottom: 100%; } .no-bottom-margin { margin-bottom: 0; } .doorway-launcher-button .doorway-launcher-overlay { background: transparent !important; } .no-margin-top { margin-top: 0 !important; } .module.hidden { display: none; } #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a { font-size: 1rem; } .module.next-page-link, .module.breadcrumbs { display: none !important; } .df-wrapper { padding: 70px 0; } .df-wrapper--small { padding: 50px 0; } .df-wrapper--medium { padding: 60px 0; } @media (min-width: 768px) { .df-wrapper { padding: 125px 0; } .df-wrapper--medium { padding: 100px 0; } .df-wrapper--small { padding: 60px 0; } } .df-container { margin: 0 auto !important; width: 100%; padding: 8px 24px; margin: 24px auto; } @media (min-width: 768px) { .df-container { margin: 48px auto; padding: 0 48px; } } @media (min-width: 1024px) { .df-container { margin: 72px auto; } } @media (min-width: 1256px) { .df-container { max-width: 1256px; } } @media (min-width: 1352px) { .df-container { max-width: 1256px; padding: 0; } } .df-container { padding-top: 0 !important; padding-bottom: 0 !important; } .df-bg-picture { position: relative; } .df-bg-picture > *:not(picture) { position: relative; z-index: 1; } .df-bg-picture picture { pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .df-bg-picture picture img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .df-bg-picture--fixed picture { width: 1728px; } .df-bg-picture--left picture { left: 0; right: auto; } .df-bg-picture--left picture img { -o-object-position: left; object-position: left; } .df-bg-picture--right picture { right: 0; left: auto; } .df-bg-picture--right picture img { -o-object-position: top right; object-position: top right; } .df-two-column-text.bg-\[\#FBB94B\] h2, .df-two-column-text.bg-orange-gradient h2, .df-two-column-text.bg-blue-gradient h2 { color: var(--color-blue-1); } .df-two-column-text.bg-\[\#FBB94B\], .df-two-column-text.bg-orange-gradient, .df-two-column-text.bg-blue-gradient { color: var(--color-charcoal); } .df-two-column-text.bg-\[\#FBB94B\] .df-button, .df-two-column-text.bg-orange-gradient .df-button, .df-two-column-text.bg-blue-gradient .df-button { color: var(--color-blue-1); } .df-two-column-text.bg-\[\#FBB94B\] .df-button:hover, .df-two-column-text.bg-\[\#FBB94B\] .df-button:active, .df-two-column-text.bg-\[\#FBB94B\] .df-button:focus, .df-two-column-text.bg-orange-gradient .df-button:hover, .df-two-column-text.bg-orange-gradient .df-button:active, .df-two-column-text.bg-orange-gradient .df-button:focus, .df-two-column-text.bg-blue-gradient .df-button:hover, .df-two-column-text.bg-blue-gradient .df-button:active, .df-two-column-text.bg-blue-gradient .df-button:focus { color: var(--color-gray-4); background: var(--color-blue-1); border-color: var(--color-blue-1); } .df-two-column-text.bg-\[\#FBB94B\] .df-two-column-text__column-1, .df-two-column-text.bg-orange-gradient .df-two-column-text__column-1, .df-two-column-text.bg-blue-gradient .df-two-column-text__column-1 { color: var(--color-blue-1); } .df-two-column-text.bg-gray-4 { color: var(--color-gray-1); } .df-two-column-text.bg-gray-4 .df-button { color: var(--color-green-3); } .df-two-column-text.bg-gray-4 .df-button:hover, .df-two-column-text.bg-gray-4 .df-button:active, .df-two-column-text.bg-gray-4 .df-button:focus { color: var(--color-blue-1); background: var(--color-green-3); border-color: var(--color-green-3); } .df-two-column-text.bg-gray-4 .df-two-column-text__column-1 { color: var(--color-primary); } /*! normalize.css v2.1.3 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * Correct `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9. * Hide the `template` element in IE, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* ========================================================================== Base ========================================================================== */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background: transparent; } /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** * Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /** * Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } /** * Set consistent quote types. */ q { quotes: "“" "”" "‘" "’"; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9. */ img { border: 0; } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type=checkbox], input[type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type=search] { -webkit-appearance: textfield; /* 1 */ /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } /****************************************************************** CUSTOMIZED RESET VALUES I added these extra styles as a more personalized reset. Feel free to remove them if you like or add your own. If you want to update the normalize styles, make sure to edit from this point up. ******************************************************************/ b, strong, .strong { font-weight: bold; } dfn, em, .em { font-style: italic; } small, .small { font-size: 75%; } ul, ol { padding: 0; list-style-type: none; } dd { margin: 0; } .sidebar ul, .sidebar ol, .commentlist { list-style: none; } .lowercase { text-transform: lowercase; } .uppercase { text-transform: uppercase; } .primary { color: #116685; } .secondary { color: #a7a7a7; } .centered { text-align: center; } .highlight { display: inline-block; position: relative; z-index: 1; font-family: "Inter", sans-serif; font-weight: bold; } .highlight:after { content: ""; background: black; position: absolute; left: -5%; top: -5%; width: 110%; z-index: -1; height: 110%; } p:not(.rebrand p) { font-family: "Inter", sans-serif; color: #5e5956; font-size: 16px; line-height: 1.55; margin: 0; margin-bottom: 1em; } @media (min-width: 768px) { p:not(.rebrand p) { font-size: 18px; } } p:not(.rebrand p) a { transition: color 0.3s ease-in-out; } p:not(.rebrand p):last-child { margin-bottom: 0; } a:not(.df-button):not(.button) { text-decoration: none; color: #116685; outline: 0; } a:not(.df-button):not(.button):hover, a:not(.df-button):not(.button):active, a:not(.df-button):not(.button):focus { color: #39849c; outline: none; } h1, h2, h3, h4, h5, h6 { font-size: 1em; margin: 0; font-family: "Inter-Semibold", sans-serif; font-weight: normal; } .serif-1 { font-family: "Inter", sans-serif; font-size: 3.125em; margin: 0; font-weight: normal; /* or 75px */ } @media (min-width: 480px) { .serif-1 { font-size: 3.75em; font-size: 74px; line-height: 75px; } } .serif-2 { font-family: "Inter", sans-serif; font-size: 1.5625em; line-height: 1.75; font-weight: 500; } @media (min-width: 480px) { .serif-2 { font-size: 1.8125em; } } .serif-3 { font-family: "Inter", sans-serif; font-size: 1.5em; letter-spacing: 0.175em; } .serif-4 { font-family: "Inter", sans-serif; font-size: 1em; line-height: 1; font-weight: 800; letter-spacing: 0.2em; } .serif-5 { font-family: "Inter", sans-serif; font-size: 0.8125em; letter-spacing: 0.35em; font-weight: 600; } .sans-1 { margin: 0; font-family: "Inter-Semibold", sans-serif; font-size: 32px; line-height: 34px; letter-spacing: 0.11em; } @media (min-width: 480px) { .sans-1 { font-size: 3.75em; } } .sans-2 { font-size: 24px; line-height: 1.29; font-family: "Inter", sans-serif; letter-spacing: 0.2em; text-transform: uppercase; } @media (min-width: 768px) { .sans-2 { font-size: 24px; line-height: 31px; } } .sans-3 { font-size: 1.5em; font-family: "Inter", sans-serif; font-weight: 800; letter-spacing: 0.1em; } ul.standard-list li, .standard-list > ul li, .standard-list > p ul li { padding: 0.65em 0 0.65em 20px; border-bottom: 2px solid black; position: relative; line-height: 1.5; } @media (min-width: 896px) { ul.standard-list li, .standard-list > ul li, .standard-list > p ul li { padding: 0.65em 0 0.65em 25px; } } ul.standard-list li:before, .standard-list > ul li:before, .standard-list > p ul li:before { content: ""; width: 7px; height: 7px; position: absolute; background-size: 7px 7px; background-position: center; top: 1.15em; left: 5px; } @media (min-width: 896px) { ul.standard-list li:before, .standard-list > ul li:before, .standard-list > p ul li:before { width: 10px; height: 10px; background-size: 10px 10px; } } b, strong, .strong { font-weight: normal; font-family: "Inter-Semibold", sans-serif; } .rebrand, .rebrand *, .wysiwyg.rebrand { font-family: "Inter", sans-serif !important; } .rebrand h1, .rebrand * h1, .wysiwyg.rebrand h1 { font-size: 42px; line-height: 1.14; } .rebrand h1 strong, .rebrand * h1 strong, .wysiwyg.rebrand h1 strong { font-weight: 800; } .rebrand h2, .rebrand * h2, .wysiwyg.rebrand h2 { font-size: 32px; line-height: 1.13; } .rebrand .h2--small, .rebrand * .h2--small, .wysiwyg.rebrand .h2--small { font-size: 28px; line-height: 1.29; } .rebrand strong, .rebrand * strong, .wysiwyg.rebrand strong { font-weight: 700; } @media (min-width: 768px) { .rebrand h1, .rebrand * h1, .wysiwyg.rebrand h1 { font-size: 96px; line-height: 1; } .rebrand h2, .rebrand .h2--small, .rebrand * h2, .rebrand * .h2--small, .wysiwyg.rebrand h2, .wysiwyg.rebrand .h2--small { font-size: 60px; line-height: 1.13; } } .module:not(.no-animation) { opacity: 0; transform: translate3d(0, 10%, 0); transition: opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; } .module.inview:not(.no-animation) { opacity: 1; transform: translate3d(0, 0, 0); } .hero.module, .hero-interior.module, .hero-tout.module { opacity: 0; transition: opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1); } .hero.module .hero-tagline, .hero-interior.module .hero-tagline, .hero-tout.module .hero-tagline { opacity: 0; transform: translate3d(0, 10%, 0); transition: opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; } .hero.module.inview, .hero-interior.module.inview, .hero-tout.module.inview { opacity: 1; } .hero.module.inview .hero-tagline, .hero-interior.module.inview .hero-tagline, .hero-tout.module.inview .hero-tagline { opacity: 1; transform: translate3d(0, 0, 0); } .hero.module .button { opacity: 0; transition: opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s, background 0.2s ease-in-out, border-color 0.2s ease-in-out; } .hero.module.inview .button { opacity: 1; } .module.hero-tout .content-wrap { opacity: 0; transform: translate3d(0, 10%, 0); transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 1s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } .module.hero-tout.inview .content-wrap { opacity: 1; transform: translate3d(0, 0, 0); } .inview img.custom.not-lazy { opacity: 1; transform: translate3d(0, 0, 0); } img.custom:not(.fade-in) { opacity: 0; transform: translate3d(0, 12.5%, 0); transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out; } img.custom.loaded:not(.fade-in) { opacity: 1; transform: translate3d(0, 0, 0); } .grid .reveal { opacity: 0; transition: opacity 0.55s ease; } .grid .reveal .color-overlay { opacity: 0; } .grid .in-view.reveal { opacity: 1 !important; } .grid .in-view.reveal .color-overlay { opacity: 0.35; } .touchevents .grid .in-view.reveal .color-overlay { opacity: 0; } .icons-text .row { opacity: 0; transform: translate3d(0, 10%, 0); transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); } .icons-text.inview .row { opacity: 1; transform: translate3d(0, 0, 0); } .icons-text .row:nth-child(1) { transition-delay: 0.2s; } .icons-text .row:nth-child(2) { transition-delay: 0.4s; } .icons-text .row:nth-child(3) { transition-delay: 0.6s; } .icons-text .row:nth-child(4) { transition-delay: 0.8s; } .icons-text .row:nth-child(5) { transition-delay: 1s; } .icons-text .row:nth-child(6) { transition-delay: 1.2s; } .icons-text .row:nth-child(7) { transition-delay: 1.4s; } .icons-text .row:nth-child(8) { transition-delay: 1.6s; } .icons-text .row:nth-child(9) { transition-delay: 1.8s; } .icons-text .row:nth-child(10) { transition-delay: 2s; } .flex { display: flex; } .button, .g-form-submit-button, .gform_button { display: inline-block; padding: 12px 23px; position: relative; text-decoration: none; transition: color 0.3s ease-in-out, border-color 0.2s ease-in-out, background 0.2s ease-in-out; backface-visibility: hidden; text-align: center; border: 2px solid; color: #f7f4f0; font-family: "Inter-Semibold", sans-serif; font-weight: normal; font-size: 14px; line-height: 17px; border-radius: 2em; } .button:hover, .button:active, .button:focus, .g-form-submit-button:hover, .g-form-submit-button:active, .g-form-submit-button:focus, .gform_button:hover, .gform_button:active, .gform_button:focus { outline: none; } .button, .g-form-submit-button, .gform_button { transition: background 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out; } @media (min-width: 1024px) { .button:hover, .g-form-submit-button:hover, .gform_button:hover { color: #f7f4f0; background: #39849c; } .button:active, .button:focus, .g-form-submit-button:active, .g-form-submit-button:focus, .gform_button:active, .gform_button:focus { outline: none; } } @media (min-width: 1024px) { .button.btn-medium, .g-form-submit-button.btn-medium, .gform_button.btn-medium { padding: 9px 30px 12px; font-size: 16px; } } @media (min-width: 1024px) { .button.btn-large, .g-form-submit-button.btn-large, .gform_button.btn-large { padding: 15px 46px 16px; font-size: 18px; line-height: 28px; } } .df-button { border-width: 1px; border-style: solid; border-color: currentColor; font-size: 12px; font-weight: bold; text-align: center; padding: 9px 23px; min-width: 134px; border-radius: 50px; display: inline-block; white-space: nowrap; transition: all 0.3s; line-height: 15px; } @media (min-width: 768px) { .df-button { border-width: 2px; font-size: 26px; min-width: 338px; padding: 16px 40px; line-height: 31px; } } .df-button:hover.text-red-3, .df-button:active.text-red-3, .df-button:focus.text-red-3 { background-color: var(--color-red-3); color: var(--color-blue-1); border-color: var(--color-red-3); } .df-button:hover.text-red-2, .df-button:active.text-red-2, .df-button:focus.text-red-2 { background-color: var(--color-red-2); color: var(--color-blue-1); border-color: var(--color-red-2); } .df-button:hover.text-orange-3, .df-button:active.text-orange-3, .df-button:focus.text-orange-3 { background-color: var(--color-orange-3); color: var(--color-blue-1); border-color: var(--color-orange-3); } .df-button:hover.text-orange-2, .df-button:active.text-orange-2, .df-button:focus.text-orange-2 { background-color: var(--color-orange-2); color: var(--color-blue-1); border-color: var(--color-orange-2); } .df-button:hover.text-green-4, .df-button:active.text-green-4, .df-button:focus.text-green-4 { background-color: var(--color-green-4); color: var(--color-blue-1); border-color: var(--color-green-4); } .df-button:hover.text-green-3, .df-button:active.text-green-3, .df-button:focus.text-green-3 { background-color: var(--color-green-3); color: var(--color-blue-1); border-color: var(--color-green-3); } .df-button:hover.text-blue-3, .df-button:active.text-blue-3, .df-button:focus.text-blue-3 { background-color: var(--color-blue-3); color: var(--color-blue-1); border-color: var(--color-blue-3); } .df-button:hover.text-green-2, .df-button:active.text-green-2, .df-button:focus.text-green-2 { background-color: var(--color-green-2); color: var(--color-gray-4); border-color: var(--color-green-2); } .df-button:hover.text-orange-1, .df-button:active.text-orange-1, .df-button:focus.text-orange-1 { background-color: var(--color-orange-1); color: var(--color-gray-4); border-color: var(--color-orange-1); } .white { color: #f7f4f0; } .black { color: black; } .yellow { color: #116685; } .orange { color: #a7a7a7; } .black-bg { background-color: black; } .bug-icon { color: #116685; text-transform: uppercase; font-weight: 700; display: inline-block; text-align: center; font-family: "Inter", sans-serif; margin: 20px; font-size: 1.25em; line-height: 1; position: relative; z-index: 2; letter-spacing: 0.015em; } .bug-icon:before { content: ""; width: 45px; height: 45px; background: black; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 100%; z-index: -1; } .bug-icon.secondary { color: #116685; } .bug-icon.secondary:before { content: ""; width: 45px; height: 45px; background: #a7a7a7; } .bug-icon.primary { color: #f7f4f0; } .bug-icon.primary:before { content: ""; width: 45px; height: 45px; background: #116685; } .hamburger { font: inherit; display: inline-block; overflow: visible; margin: 0; cursor: pointer; transition-timing-function: linear; transition-duration: 0.15s; transition-property: opacity, filter; text-transform: none; color: inherit; border: 0; background-color: transparent; z-index: 13; } .hamburger:hover { cursor: pointer; } .hamburger .hamburger-box { position: relative; display: inline-block; width: 64px; height: 54px; transition: background 0.5s ease-out; } .hamburger .hamburger-inner { display: block; position: absolute; width: 30px; height: 3px; left: 50%; border-radius: 4px; transition-timing-function: ease; transition-duration: 0.15s; transition-property: transform; background-color: #116685; top: calc(50% - 8px); transform: translate(-50%, -50%); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-duration: 0.275s; } .hamburger .hamburger-inner:before, .hamburger .hamburger-inner:after { position: absolute; width: 30px; height: 3px; border-radius: 4px; transition-timing-function: ease; transition-duration: 0.15s; transition-property: transform; background-color: #000; display: block; content: ""; background: #116685; } .hamburger .hamburger-inner:before { opacity: 1; top: 8px; transition: opacity 0.125s ease 0.175s; } .hamburger .hamburger-inner:after { top: 16px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .active-sidebar .hamburger .hamburger-inner { transition-delay: 75ms; transform: translate3d(-14px, 5px, 0) rotate(135deg); } .active-sidebar .hamburger .hamburger-inner:before { transition-delay: 0s; opacity: 0; } .active-sidebar .hamburger .hamburger-inner:after { transition-delay: 75ms; transform: translate3d(0, -16px, 0) rotate(-270deg); } .stuck-nav .hamburger .hamburger-box { background: black; } .cover { background-size: cover; background-position: center center; } @media (min-width: 768px) { .desktop-hidden { display: none; } } .nav-wrap { display: flex; flex-direction: column; } @media (min-width: 768px) { .nav-wrap { height: 100%; } } /* .main-nav > ul:hover { > li > a { color: $primary-400; } > li:hover > a { color: $primary-600; } } */ .nav-up .sub-menu-wrap { display: none; } .desktop-nav { display: none; } .desktop-nav .main-nav { margin-right: -12px; } .desktop-nav .main-nav > ul > li { padding: 0 !important; } .desktop-nav .main-nav > ul > li > a { padding: 0 12px 20px !important; white-space: nowrap; } .desktop-nav .main-nav > ul > li:nth-child(1n):hover > a { color: var(--color-red-3); } .desktop-nav .main-nav > ul > li:nth-child(2n):hover > a { color: var(--color-green-3); } .desktop-nav .main-nav > ul > li:nth-child(3n):hover > a { color: var(--color-orange-3); } .desktop-nav .main-nav > ul > li:nth-child(4n):hover > a { color: var(--color-blue-3); } .desktop-nav .main-nav > ul > li:nth-child(5n):hover > a { color: var(--color-blue-1); } @media (min-width: 768px) { .desktop-nav { display: flex; } .desktop-nav .main-nav > ul { margin-top: 0; } .desktop-nav .main-nav li:hover .sub-menu-wrap { visibility: visible; opacity: 1; pointer-events: all; } .desktop-nav .sub-menu { display: flex; flex-direction: column; } .desktop-nav .sub-menu-wrap { pointer-events: none; width: 350px; position: absolute; opacity: 0; top: 100% !important; left: 50%; transform: translateX(-50%); background-color: #fff; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); transition: opacity 0.2s ease-in-out; } .desktop-nav .sub-menu-wrap li { margin: 0; padding: 0; } .desktop-nav .sub-menu-wrap li.sub-menu-only a { font-weight: 600; color: #116685; } .desktop-nav .sub-menu-wrap li:not(:last-child) { border-bottom: 1px solid var(--color-blue-2); } .desktop-nav .sub-menu-wrap li a { font-family: "Inter", sans-serif; color: var(--color-gray-2); font-size: 20px; line-height: 22px; padding: 20px 16px; font-weight: 500; transition: all 0.2s ease-in-out; white-space: nowrap; } .desktop-nav .sub-menu-wrap li a:hover, .desktop-nav .sub-menu-wrap li a:active, .desktop-nav .sub-menu-wrap li a:focus { background-color: var(--color-blue-4); color: var(--color-blue-2); font-weight: 800; } .desktop-nav .sub-menu-wrap li a { margin: 0; } .desktop-nav .sub-menu-wrap li a span { white-space: nowrap; } .desktop-nav .menu-item-has-children:hover .sub-menu { visibility: visible; opacity: 1; } } /* .admin-bar.with-message .with-specials-bar .desktop-nav .sub-menu-wrap { top: $headerHeight + $adminBarHeight + $specialsBarHeight; } .admin-bar.with-message .desktop-nav .sub-menu-wrap { top: $headerHeight + $adminBarHeight; } .admin-bar.no-message .desktop-nav .sub-menu-wrap { top: $headerHeight + $adminBarHeight; } body:not(.admin-bar).no-message .desktop-nav .sub-menu-wrap { top: $headerHeight; } */ .desktop-nav .main-nav .sub-menu li.current-menu-item a { /* background-color: var(--color-blue-4); */ color: var(--color-blue-2); font-weight: 800; } .desktop-nav .main-nav > ul > li.current-menu-item:nth-child(1n) > a, .desktop-nav .main-nav > ul > li.current-menu-ancestor:nth-child(1n) > a { color: var(--color-red-3); } .desktop-nav .main-nav > ul > li.current-menu-item:nth-child(2n) > a, .desktop-nav .main-nav > ul > li.current-menu-ancestor:nth-child(2n) > a { color: var(--color-green-3); } .desktop-nav .main-nav > ul > li.current-menu-item:nth-child(3n) > a, .desktop-nav .main-nav > ul > li.current-menu-ancestor:nth-child(3n) > a { color: var(--color-orange-3); } .desktop-nav .main-nav > ul > li.current-menu-item:nth-child(4n) > a, .desktop-nav .main-nav > ul > li.current-menu-ancestor:nth-child(4n) > a { color: var(--color-blue-3); } .desktop-nav .main-nav > ul > li.current-menu-item:nth-child(5n) > a, .desktop-nav .main-nav > ul > li.current-menu-ancestor:nth-child(5n) > a { color: var(--color-blue-1); } @media (min-width: 768px) { .nav-item-padding-top { padding-top: 3px; } } .nav .current-menu-item > a, .nav .current-menu-ancestor > a, .nav .current-page-ancestor > a { color: #116685; } .nav .current-menu-item > a .desktop-navicon, .nav .current-menu-item > a .desktop-navicon:after, .nav .current-menu-ancestor > a .desktop-navicon, .nav .current-menu-ancestor > a .desktop-navicon:after, .nav .current-page-ancestor > a .desktop-navicon, .nav .current-page-ancestor > a .desktop-navicon:after { background: #116685; } .sub-nav .current-menu-item > a { color: black; } .sub-nav .current-menu-item > a:after { background: black; } .mobile-header { z-index: 20; position: sticky; top: 0; transition: top 0.4s ease-in-out; } .mobile-header.nav-up { top: -93px; } @media (min-width: 1024px) { .mobile-header { display: none; } } .open-menu .mobile-header { top: 0 !important; } .open-menu .mobile-header .mobile-header-bg { background: #116685; } .open-menu .mobile-header .mobile-header-bg svg path { fill: #ffffff; } .mobile-header .mobile-header-bg { background: #ffffff; display: flex; align-items: center; flex-wrap: nowrap; justify-content: space-between; width: 100%; padding: 0 0 0 24px; z-index: 2; transition: background 0.2s ease-in-out; } .mobile-header .mobile-header-bg .mobile-logo-link { max-width: 242px; } .mobile-header .mobile-header-bg .mobile-logo-link svg { width: 100%; height: auto; max-width: 242px; } .mobile-nav { width: 100%; height: calc(100vh - 56px); padding-bottom: 12px; overflow-y: auto; background: #116685; top: calc(-100% - 56px); transition: top 0.2s ease-in-out; position: fixed; z-index: 1; display: flex; width: 100%; align-items: center; justify-content: space-between; justify-content: flex-start; flex-direction: column; } .mobile-nav.open { top: 56px; } .mobile-nav .main-nav #menu-mobile-menu > li { margin-bottom: 40px; } .mobile-nav .main-nav #menu-mobile-menu > li:last-of-type { margin-bottom: 0; } .mobile-nav .main-nav #menu-mobile-menu > li .sub-menu { padding: 8px 0 0 42px; justify-content: flex-start; } .mobile-nav .nav { padding: 48px 32px 0 16px; padding-bottom: 0; width: 100%; } .mobile-nav .nav ul { flex-direction: column; flex-wrap: nowrap; margin: 0; } .mobile-nav .nav li a { padding: 0; } .mobile-nav .nav.utility-nav { width: 100%; } .mobile-nav .nav.utility-nav ul { flex-direction: row; justify-content: space-between; justify-content: center; -moz-column-gap: 16px; column-gap: 16px; width: 100%; flex-wrap: wrap; flex-wrap: nowrap; } .mobile-nav .nav.utility-nav li.contact-link { margin-bottom: 4px; } .mobile-nav .nav.utility-nav a { color: #b1dfe0; padding: 10px 0; width: 100%; justify-content: center; } .mobile-nav .nav.utility-nav a:hover, .mobile-nav .nav.utility-nav a:active, .mobile-nav .nav.utility-nav a:focus { color: #ffffff; } .mobile-nav .nav a { width: 100%; font-family: "Inter-Semibold", sans-serif; color: #ffffff; font-size: 28px; line-height: 35px; display: flex; align-items: center; } .mobile-nav .nav a:hover, .mobile-nav .nav a:active, .mobile-nav .nav a:focus { color: #ffffff; } .mobile-nav .nav .sub-menu { max-height: 0; padding: 0 0 0 20px; overflow: hidden; transition: max-height 0.5s ease-in-out; } .mobile-nav .nav .sub-menu li { margin-bottom: 8px; } .mobile-nav .nav .sub-menu li a { font-family: "Inter", sans-serif; font-weight: normal; text-transform: none; font-size: 18px; line-height: 28px; letter-spacing: 0; margin: 0; padding: 0; } .mobile-nav .nav li.open .sub-menu { max-height: 350px; } .mobile-nav .main-nav > ul:hover > li:hover > a, .mobile-nav .main-nav > ul:hover > li > a { color: #f7f4f0; } .mobile-nav-info { padding: 20px; } .mobile-nav-info p, .mobile-nav-info a { font-family: "Inter", sans-serif; font-size: 14px; line-height: 32px; color: #ffffff; } .mobile-nav-info a { text-decoration: underline; } .nav ul { display: flex; flex-direction: row; justify-content: flex-end; margin-bottom: 0; } .nav ul li { position: relative; } .nav ul li:hover, .nav ul li:active, .nav ul li:focus { outline: none; background: transparent; } @media (min-width: 768px) { .nav ul li { margin-right: 0; padding: 0 5px; } .nav ul li:last-of-type { margin-right: 0; padding-right: 0; } } @media (min-width: 1024px) { .nav ul li { margin-right: 0; padding: 0 12px; } .nav ul li:last-of-type { margin-right: 0; padding-right: 0; } } @media (min-width: 1366px) { .nav ul li:last-of-type { margin-right: 0; } } .nav a { color: var(--color-primary); font-family: "Inter", sans-serif; font-size: 13px; line-height: 16px; padding: 0 0 10px; font-weight: 600; } @media (min-width: 1024px) { .nav a { font-size: 20px; line-height: 29px; font-weight: 700; } } @media (min-width: 1280px) { .nav a { font-size: 24px; } } .nav a { display: flex; align-items: center; transition: color 0.2s ease-in-out; } .nav a:hover, .nav a:active, .nav a:focus { outline: none; } .mobile-nav .utility-nav ul .search-link a { padding-right: 8px; } .mobile-nav .utility-nav ul .search-link a:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2011.3738L8.64684%208.00286C9.44847%207.03564%209.8467%205.7968%209.75882%204.54365C9.67095%203.2905%209.10372%202.11937%208.17496%201.27349C7.24619%200.427615%206.02728%20-0.0279814%204.7714%200.00133161C3.51551%200.0306446%202.31919%200.542614%201.4309%201.4309C0.542614%202.31919%200.0306446%203.51551%200.00133161%204.7714C-0.0279814%206.02728%200.427615%207.24619%201.27349%208.17496C2.11937%209.10372%203.2905%209.67095%204.54365%209.75882C5.7968%209.8467%207.03564%209.44847%208.00286%208.64684L11.3738%2012L12%2011.3738ZM0.896832%204.89397C0.896832%204.10341%201.13126%203.33061%201.57047%202.67328C2.00968%202.01595%202.63395%201.50363%203.36433%201.2011C4.09472%200.898562%204.89841%200.819406%205.67378%200.973636C6.44915%201.12787%207.16137%201.50856%207.72038%202.06757C8.27939%202.62658%208.66008%203.3388%208.81431%204.11417C8.96854%204.88954%208.88938%205.69323%208.58685%206.42361C8.28432%207.15399%207.77199%207.77826%207.11466%208.21747C6.45734%208.65668%205.68453%208.89111%204.89397%208.89111C3.83387%208.89111%202.81718%208.46999%202.06757%207.72038C1.31796%206.97077%200.896832%205.95408%200.896832%204.89397Z%22%20fill%3D%22%23b1dfe0%22%2F%3E%3C%2Fsvg%3E"); } .mobile-nav .utility-nav ul .login-link a { padding-right: 8px; } .mobile-nav .utility-nav ul .login-link a:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%2215%22%20height%3D%2215%22%20rx%3D%227.5%22%20fill%3D%22%23BBDDE6%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9.75009%206C9.75009%207.24264%208.74273%208.25%207.50009%208.25C6.25745%208.25%205.25009%207.24264%205.25009%206C5.25009%204.75736%206.25745%203.75%207.50009%203.75C8.74273%203.75%209.75009%204.75736%209.75009%206ZM9.00009%206C9.00009%206.82843%208.32852%207.5%207.50009%207.5C6.67166%207.5%206.00009%206.82843%206.00009%206C6.00009%205.17157%206.67166%204.5%207.50009%204.5C8.32852%204.5%209.00009%205.17157%209.00009%206Z%22%20fill%3D%22%2363666A%22%2F%3E%3Cpath%20d%3D%22M7.50009%209.375C5.0722%209.375%203.00357%2010.8107%202.21558%2012.822C2.40754%2013.0126%202.60975%2013.1929%202.82132%2013.362C3.4081%2011.5154%205.24886%2010.125%207.50009%2010.125C9.75133%2010.125%2011.5921%2011.5154%2012.1789%2013.362C12.3904%2013.1929%2012.5926%2013.0126%2012.7846%2012.822C11.9966%2010.8107%209.92799%209.375%207.50009%209.375Z%22%20fill%3D%22%2363666A%22%2F%3E%3C%2Fsvg%3E"); } .mobile-nav .utility-nav ul .search-link.search-button:after { content: none; } .utility-nav ul { /* .search-link, */ } .utility-nav ul .login-link a { position: relative; display: inline-flex; align-items: center; gap: 4px; /* padding-right: 8px; */ } .utility-nav ul .login-link a:after { content: ""; /* position: absolute; */ /* right: -12px; top: 0; bottom: 0; */ background-repeat: no-repeat; margin: auto 0; } .utility-nav ul .search-link a:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2011.3738L8.64684%208.00286C9.44847%207.03564%209.8467%205.7968%209.75882%204.54365C9.67095%203.2905%209.10372%202.11937%208.17496%201.27349C7.24619%200.427615%206.02728%20-0.0279814%204.7714%200.00133161C3.51551%200.0306446%202.31919%200.542614%201.4309%201.4309C0.542614%202.31919%200.0306446%203.51551%200.00133161%204.7714C-0.0279814%206.02728%200.427615%207.24619%201.27349%208.17496C2.11937%209.10372%203.2905%209.67095%204.54365%209.75882C5.7968%209.8467%207.03564%209.44847%208.00286%208.64684L11.3738%2012L12%2011.3738ZM0.896832%204.89397C0.896832%204.10341%201.13126%203.33061%201.57047%202.67328C2.00968%202.01595%202.63395%201.50363%203.36433%201.2011C4.09472%200.898562%204.89841%200.819406%205.67378%200.973636C6.44915%201.12787%207.16137%201.50856%207.72038%202.06757C8.27939%202.62658%208.66008%203.3388%208.81431%204.11417C8.96854%204.88954%208.88938%205.69323%208.58685%206.42361C8.28432%207.15399%207.77199%207.77826%207.11466%208.21747C6.45734%208.65668%205.68453%208.89111%204.89397%208.89111C3.83387%208.89111%202.81718%208.46999%202.06757%207.72038C1.31796%206.97077%200.896832%205.95408%200.896832%204.89397Z%22%20fill%3D%22%235e5956%22%2F%3E%3C%2Fsvg%3E"); width: 12px; height: 12px; } .utility-nav ul .login-link a:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%2215%22%20height%3D%2215%22%20rx%3D%227.5%22%20fill%3D%22%23BBDDE6%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9.75009%206C9.75009%207.24264%208.74273%208.25%207.50009%208.25C6.25745%208.25%205.25009%207.24264%205.25009%206C5.25009%204.75736%206.25745%203.75%207.50009%203.75C8.74273%203.75%209.75009%204.75736%209.75009%206ZM9.00009%206C9.00009%206.82843%208.32852%207.5%207.50009%207.5C6.67166%207.5%206.00009%206.82843%206.00009%206C6.00009%205.17157%206.67166%204.5%207.50009%204.5C8.32852%204.5%209.00009%205.17157%209.00009%206Z%22%20fill%3D%22%2363666A%22%2F%3E%3Cpath%20d%3D%22M7.50009%209.375C5.0722%209.375%203.00357%2010.8107%202.21558%2012.822C2.40754%2013.0126%202.60975%2013.1929%202.82132%2013.362C3.4081%2011.5154%205.24886%2010.125%207.50009%2010.125C9.75133%2010.125%2011.5921%2011.5154%2012.1789%2013.362C12.3904%2013.1929%2012.5926%2013.0126%2012.7846%2012.822C11.9966%2010.8107%209.92799%209.375%207.50009%209.375Z%22%20fill%3D%22%2363666A%22%2F%3E%3C%2Fsvg%3E"); width: 15px; height: 15px; } @media (min-width: 768px) { .utility-nav ul { margin: 20px 12px 15px 0; justify-content: flex-end; } } .nav.utility-nav a { color: var(--color-gray-2); font-family: "Inter", sans-serif; font-size: 16px; line-height: 24px; padding: 0; display: flex; align-items: flex-end; font-weight: 700; } .nav.utility-nav a span { line-height: 1; display: block; margin-left: 5px; } .nav.utility-nav a { transition: color 0.2s ease-in-out; } .nav.utility-nav a:hover, .nav.utility-nav a:active, .nav.utility-nav a:focus { color: var(--color-blue-2); } .desktop-nav .utility-nav li.current-menu-item a { color: var(--color-blue-2); } .utility-nav li { position: relative; display: flex; align-items: center; } .utility-nav li svg path { transition: all 0.2s ease-in-out; } .utility-nav li:hover svg path, .utility-nav li:active svg path, .utility-nav li:focus svg path { fill: #335b76; } .utility-nav li:hover a, .utility-nav li:active a, .utility-nav li:focus a { color: #335b76; } .icon svg { display: block; } @media (min-width: 768px) { .icon-mail { margin-bottom: 1px; } } .desktop-nav .tertiary-item { display: none !important; } .mobile-nav .nav .sub-menu .tertiary-item { padding-left: 16px; } @media (min-width: 768px) { .mobile-nav .nav .sub-menu .tertiary-item { padding-left: 16px; } } .navicon-button { display: inline-block; display: block; position: relative; padding: 27px 25px; transition: 0.1s; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .navicon-button .navicon:before, .navicon-button .navicon:after { transition: 0.1s; } .navicon { display: block; position: relative; width: 24px; height: 2px; background: #116685; transition: 0.2s; border-radius: 0; } .navicon:before, .navicon:after { display: block; content: ""; height: 2px; width: 24px; background: #116685; position: absolute; z-index: -1; transition: 0.2s 0.1s; border-radius: 0; } .open .navicon:before, .open .navicon:after { background: #ffffff; } .navicon:before { top: 6px; } .navicon:after { top: -6px; } .open:not(.steps) .navicon:before, .open:not(.steps) .navicon:after { top: 0 !important; } .open .navicon:before, .open .navicon:after { transition: 0.2s; } /* Minus */ .open { transform: scale(1); } /* × and + */ .open.plus .navicon, .open.x .navicon { background: transparent; } .open.plus .navicon:before, .open.x .navicon:before { transform: rotate(-45deg); } .open.plus .navicon:after, .open.x .navicon:after { transform: rotate(45deg); } .open.plus { transform: scale(1) rotate(45deg); } body.open-menu { overflow: hidden; } @media (min-width: 768px) { body.open-menu { overflow: auto; } } .mobile-navicon-button { cursor: pointer; padding: 0 16px 0 16px; transition: 0.1s; } .mobile-navicon-button .navicon:after { transition: 0.1s; } .mobile-navicon { display: block; transition: 0.2s; } /* Transforming into - */ .mobile-navicon-button.open .mobile-navicon { transform: rotate(90deg); } .desktop-navicon-button { cursor: pointer; transition: 0.2s/2; } .desktop-navicon-button .navicon:after { transition: 0.2s/2; } .desktop-navicon { display: block; position: relative; width: 8px; height: 1px; background: #335b76; transition: 0.2s; margin-left: 4px; transition: background 0.2s ease-in-out; } .desktop-navicon:after { display: block; content: ""; height: 1px; width: 8px; background: #335b76; z-index: -1; transition: 0.2s 0.2s/2; transition: background 0.2s ease-in-out, transform 0.2s ease-in-out; } .desktop-navicon:after { transform: rotate(90deg); } .nav li:hover a .desktop-navicon, .nav li:hover a .desktop-navicon:after { background: #335b76; transform: rotate(0deg); } /* Transforming into - */ li.open .desktop-navicon-button .desktop-navicon:after { transform: rotate(0deg); } .hidden_label label { display: none; } [placeholder] { color: #ffffff; font-weight: normal; } ::-webkit-input-placeholder { color: #b0aaa4; font-weight: normal; } .light-theme input[type=text]::-webkit-input-placeholder, .light-theme input[type=email]::-webkit-input-placeholder, .light-theme input[type=tel]::-webkit-input-placeholder, .light-theme textarea::-webkit-input-placeholder { color: #b0aaa4; } .primary-theme input[type=text]::-webkit-input-placeholder, .primary-theme input[type=email]::-webkit-input-placeholder, .primary-theme input[type=tel]::-webkit-input-placeholder, .primary-theme textarea::-webkit-input-placeholder { color: #65b8d5; } .secondary-theme input[type=text]::-webkit-input-placeholder, .secondary-theme input[type=email]::-webkit-input-placeholder, .secondary-theme input[type=tel]::-webkit-input-placeholder, .secondary-theme textarea::-webkit-input-placeholder { color: #65b8d5; } :-moz-placeholder { opacity: 1; } [placeholder]:focus::-webkit-input-placeholder { -webkit-transition: opacity 0.1s 0.1s ease-in-out; transition: opacity 0.1s 0.1s ease-in-out; opacity: 0; } .gform_body { width: 100%; } .gform_body ul { padding: 0; margin: 0; list-style-type: none; } .name-form:focus::-webkit-input-placeholder { -webkit-transition: text-indent 0.1s 0.1s ease-in-out; transition: text-indent 0.1s 0.1s ease-in-out; text-indent: -100%; opacity: 1; } .gform_wrapper { width: 100%; } form { margin: 0 0 8px; margin: 0; } @media (min-width: 260px) { form#searchform { display: flex; } } form#searchform input[type=text] { width: 100%; } @media (min-width: 260px) { form#searchform input[type=text] { width: 70%; } } form#searchform input[type=submit] { -webkit-appearance: none; border: none; width: 100%; } @media (min-width: 260px) { form#searchform input[type=submit] { width: 30%; } } form#searchform input[type=submit]:hover, form#searchform input[type=submit]:active, form#searchform input[type=submit]:focus { outline: none; } button { -webkit-appearance: none; } input[type=submit]:hover { background-color: #dfdbdd; } .gfield label { opacity: 1; color: #5e5956; transition: opacity 0.1s ease; } .light-theme .gfield label { color: #5e5956; } .primary-theme .gfield label { color: #b1dfe0; } .secondary-theme .gfield label { color: #97cfe3; } .gfield.visible-label label, .gfield.input-with-text label { opacity: 1; } .gfield.active-label label { opacity: 1; } input:-internal-autofill-selected { background: transparent !important; } form label { font-family: "Inter", sans-serif; text-transform: uppercase; opacity: 1; display: block; } input { width: 100%; color: #f7f4f0; background: transparent; border: none; border-radius: 0; font-size: 16px; line-height: 24px; padding: 0 0 8px 0; margin-bottom: 0; border-bottom: 1px solid #65b8d5; } input:active, input:focus { outline: none; } .gform_footer { margin: 4px 0 0; display: flex; width: 100%; align-items: center; justify-content: flex-start; } .form-wrap .gform_footer, .full-page-half-and-half .gform_footer { justify-content: flex-start; } .gform_footer input, .gform_footer button { cursor: pointer; width: auto; } .form-submit { text-align: center; margin-top: 50px; } @media (min-width: tablet) { .form-submit { text-align: left; } } @media (min-width: 768px) { .half-width { width: 48%; float: left; } } @media (min-width: 768px) { .half-width.first-name { margin-right: 4%; } } .gfield label { font-family: "Inter", sans-serif; text-transform: none; font-size: 16px; line-height: 1.5555; letter-spacing: 0; margin-bottom: 16px; transition: opacity 0.1s ease; } @media (min-width: 768px) { .gfield label { font-size: 18px; } } .gfield.input-with-text { color: #116685; } .gfield.input-with-text input { border-bottom: 1px solid #daefed; } .light-theme .gfield.input-with-text input { color: #5e5956; border-bottom: 1px solid #5e5956; } .primary-theme .gfield.input-with-text input { color: #f7f4f0; border-bottom: 1px solid #f7f4f0; } .secondary-theme .gfield.input-with-text input { color: #f7f4f0; border-bottom: 1px solid #f7f4f0; } .gfield.input-with-text textarea { border: 1px solid #5e5956; } .light-theme .gfield.input-with-text textarea { color: #5e5956; border: 1px solid #5e5956; } .primary-theme .gfield.input-with-text textarea { color: #f7f4f0; border: 1px solid #f7f4f0; } .secondary-theme .gfield.input-with-text textarea { color: #f7f4f0; border: 1px solid #f7f4f0; } textarea { width: 100%; height: 100px; font-size: 16px; padding: 8px; background: transparent; border: none; border-radius: 0px; border: 1px solid #65b8d5; outline: none; resize: none; overflow: auto; } .light-theme textarea { border: 1px solid #b0aaa4; } .primary-theme textarea { border: 1px solid #b1dfe0; } .secondary-theme textarea { border: 1px solid #97cfe3; } textarea:active, textarea:focus { outline: none; opacity: 1; } form label { font-family: "Inter", sans-serif; font-size: 11px; line-height: 13px; letter-spacing: 1.1px; text-transform: uppercase; } input { width: 100%; color: #5e5956; font-family: "Inter", sans-serif; font-weight: normal; background: transparent; border: none; border-radius: 0; border-bottom: 1px solid #65b8d5; padding-bottom: 4px; } .light-theme input { color: #5e5956; border-bottom: 1px solid #b0aaa4; } .primary-theme input { color: #b1dfe0; border-bottom: 1px solid #b1dfe0; } .secondary-theme input { color: #97cfe3; border-bottom: 1px solid #97cfe3; } input:active, input:focus { outline: none; } select { color: #5e5956; font-family: "Inter", sans-serif; font-weight: normal; } .form-submit { text-align: center; margin-top: 50px; } @media (min-width: tablet) { .form-submit { text-align: left; } } input[type=submit], button:not(.rebrand button) { font-size: 16px; line-height: 19px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: 1px solid black; color: black; padding: 12px 11px 15px; transition: color 0.2s ease-in-out, background 0.2s ease-in-out; margin-top: 20px; } input[type=submit] span, button:not(.rebrand button) span { display: block; } input[type=submit]:hover, input[type=submit]:focus, button:not(.rebrand button):hover, button:not(.rebrand button):focus { background: #116685; color: #f7f4f0; } input[type=submit]:active, button:not(.rebrand button):active { background: transparent; color: #f7f4f0; } .ginput_container_checkbox .gfield_checkbox { display: grid; grid-template-columns: 1fr 1fr; } .ginput_container_checkbox .gfield_checkbox li { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 8px; } .ginput_container_checkbox .gfield_checkbox li input { width: auto; } .ginput_container_checkbox .gfield_checkbox li label { margin: 0 0 0 16px; } #searchform { display: flex; flex-direction: column; } form#searchform input[type=text] { width: 100%; } .search-label { font-family: "Inter", sans-serif; text-transform: none; } .search-pop-up { margin: 0; position: fixed; top: 0; right: 0; height: 0%; width: 100%; z-index: 9998; background-color: #065e7d; opacity: 0.95; overflow: hidden; transition: height 0.35s ease-in-out; } .search-pop-up form { padding: 38px 32px 0 32px; } @media (min-width: 896px) { .search-pop-up form { padding: 38px 48px 0 48px; } } @media (min-width: 1275px) { .search-pop-up form { padding: 38px 56px 0 56px; } } .search-pop-up input[type=text] { border: none; font-family: "Inter", sans-serif; font-weight: normal; border-bottom: 1px solid #f7f4f0; width: 100%; padding: 0 0 18px; overflow: hidden; word-break: break-word; color: #f7f4f0; text-indent: 0; position: relative; padding-left: 0; background-color: transparent; height: auto; font-size: 3em; border-radius: 0; outline: 0; margin-top: 25px; } .search-pop-up label { font-size: 24px; color: #f7f4f0; } .search-pop-up .search-close { margin: 0; font-size: 0; width: 24px; height: 24px; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2228%22%20height%3D%2229%22%20viewBox%3D%220%200%2028%2029%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.14%2014.37L27.38%203.08999L24.96%200.679993L13.69%2011.93L2.41%200.679993L0%203.08999L11.25%2014.37L0.03%2025.66L2.44%2028.07L13.69%2016.82L24.96%2028.04L27.38%2025.62L16.14%2014.37Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E"); background-size: 24px 24px; background-repeat: no-repeat; overflow: hidden; position: absolute; right: 32px; top: 38px; border: none; outline: 0; background-color: transparent; } @media (min-width: 896px) { .search-pop-up .search-close { right: 48px; } } @media (min-width: 1275px) { .search-pop-up .search-close { right: 56px; } } .search-pop-up .search-close:active { top: 40px; } .active-search .search-pop-up { height: 100%; transition: height 0.25s ease-in; } .content-type { font-family: "Inter", sans-serif; font-weight: 600; font-size: 16px; line-height: 1.5; color: #61a3b3; margin-bottom: 8px; transition: color 0.2s ease-in-out; } .content-type span.date { font-weight: normal; } .search-details { display: flex; justify-content: space-between; align-items: center; margin: 48px 0 0; } .search-details h2 { font-family: "Inter", sans-serif; font-weight: normal; font-size: 34px; } .search-details h2 .primary { font-style: italic; } /* .search-button { position: relative; padding-right: 8px; cursor: pointer; color: $black-600; @include on-event { color: $primary-600; } &:after { content: ''; position: absolute; right: -12px; top: 0; bottom: 0; background-image: inline-svg(''); background-repeat: no-repeat; width: 12px; height: 12px; margin: auto 0; } } */ .content-w-sidebar-wrap { display: flex; width: 100%; flex-direction: column; } @media (min-width: 1024px) { .content-w-sidebar-wrap { display: grid; grid-template-columns: 283px 1fr; grid-column-gap: 0; } } .content-w-sidebar-wrap .content-wrap { width: 100%; } @media (min-width: 1024px) { .content-w-sidebar-wrap .content-wrap { width: calc(100vw - 283px); } } .sidebar { background: #116685; min-width: 283px; order: 2; } @media (min-width: 1024px) { .sidebar { order: initial; } } .sidebar h3 { color: #f7f4f0; font-family: "Inter-Semibold", sans-serif; font-size: 18px; line-height: 1.56; } .sidebar-wrap { margin: 40px; } @media (min-width: 768px) { .sidebar-wrap { margin-top: 72px; } } .single-events .sidebar-wrap { margin: 0; } .interior-sidebar-wrap { margin: 37px; } @media (min-width: 768px) { .interior-sidebar-wrap { margin-top: 72px; } .interior-sidebar-wrap.second { margin-top: 40px; } } .sidebar-wrap p { color: #daefed !important; } .sidebar-menu li { list-style-type: none; } .sidebar-menu li a { color: #f7f4f0; line-height: 1.5555; font-size: 16px; font-family: "Inter-Semibold", sans-serif; } @media (min-width: 768px) { .sidebar-menu li a { font-size: 18px; transition: color 0.2s ease-in-out; } } .sidebar-menu li a:hover, .sidebar-menu li a:active, .sidebar-menu li a:focus { color: #89c1c9; } .sidebar-menu li.current-menu-item > a { color: #89c1c9; } .sidebar .sidebar-menu > ul { padding: 0; margin: 0; } .sidebar-menu .sub-menu { padding: 0; } .sidebar-menu .sub-menu li { padding-left: 10px; } .sidebar-menu .sub-menu li a { display: inherit; line-height: 1.231; font-family: "Inter", sans-serif; } .sidebar .cat-list { padding: 0; margin: 0; } .sidebar .cat-list li { list-style-type: none; margin: 0; } .sidebar .cat-list li:first-of-type { border-top: none; margin-top: none; } .sidebar .cat-list a { display: block; color: #89c1c9; font-family: "Inter", sans-serif; font-weight: normal; font-size: 18px; line-height: 1.56; } @media (min-width: 768px) { .sidebar .cat-list a { transition: color 0.2s ease-in-out; } .sidebar .cat-list a:hover, .sidebar .cat-list a:active, .sidebar .cat-list a:focus { color: #f7f4f0; } } .sidebar .recommended-articles { padding: 0; } .sidebar .recommended-articles li { list-style-type: none; padding-top: 24px; border-top: 2px solid #89c1c9; margin-top: 24px; } .sidebar .recommended-articles li:first-of-type { padding-top: 0; border-top: none; margin-top: none; } .sidebar .recommended-articles .image-wrap { margin-bottom: 24px; } .sidebar .recommended-articles .image-wrap a:after { content: none !important; } .sidebar .recommended-articles a { display: block; color: #f7f4f0; font-family: "Inter-Semibold", sans-serif; font-size: 22px; line-height: 1.27; } @media (min-width: 768px) { .sidebar .recommended-articles a { transition: color 0.2s ease-in-out; } .sidebar .recommended-articles a:hover, .sidebar .recommended-articles a:active, .sidebar .recommended-articles a:focus { color: #89c1c9; } } .sidebar .recommended-articles a:not(.recommended-category) { display: flex; align-items: center; } .sidebar .recommended-articles a:not(.recommended-category):after { content: ""; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2219%22%20height%3D%2216%22%20viewBox%3D%220%200%2019%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.25%200.5L10.2%201.55L15.825%207.25H0V8.75H15.825L10.2%2014.45L11.25%2015.5L18.75%208L11.25%200.5Z%22%20fill%3D%22%2339849c%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; position: relative; margin: 3px 0 0 16px; width: 19px; height: 16px; flex-shrink: 0; } .sidebar .recommended-articles a.recommended-category { font-family: "Inter", sans-serif; font-weight: 600; font-size: 16px; line-height: 1.5; color: #b1dfe0; margin-bottom: 8px; transition: color 0.2s ease-in-out; } .sidebar .recommended-articles a.recommended-category:hover, .sidebar .recommended-articles a.recommended-category:active, .sidebar .recommended-articles a.recommended-category:focus { color: #f7f4f0; } .sidebar .recommended-articles a.recommended-category span.date { font-weight: normal; } .event-links-wrap { display: flex; flex-wrap: wrap; flex-direction: column; margin-top: 32px; } .event-links-wrap a { margin-top: 16px; } .event-links-wrap a:first-of-type { margin-top: 0; } .breadcrumbs { background: #ffffff; width: 100%; display: flex; } .breadcrumbs p { font-size: 14px; line-height: 1.5; font-family: "Inter", sans-serif; color: #5e5956; width: 100%; display: block; } @media (min-width: 1366px) { .breadcrumbs p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } @media (min-width: 768px) { .breadcrumbs p { font-size: 16px; line-height: 24px; } } .breadcrumbs .breadcrumb_last { color: #008aba; margin-left: 10px; white-space: nowrap; } @media (min-width: 1366px) { .breadcrumbs .breadcrumb_last { margin-left: 16px; } } .breadcrumbs a { margin: 0 10px; color: #5e5956; text-decoration: none; white-space: nowrap; } @media (min-width: 1366px) { .breadcrumbs a { margin: 0 16px; } } .breadcrumbs a:hover, .breadcrumbs a:active, .breadcrumbs a:focus { color: #008aba; } .breadcrumbs p > span > span > a { margin-left: 0; } .content-w-sidebar-wrap .breadcrumbs { padding: 0; } @media (min-width: 1307px) { .content-w-sidebar-wrap .breadcrumbs { margin-left: auto; margin-right: auto; padding: 0; } } @media (min-width: 1635px) { .content-w-sidebar-wrap .breadcrumbs { padding: 0; } } .content-w-sidebar-wrap .breadcrumbs .breadcrumb-wrap { width: 100%; padding: 8px 24px; margin: 8px auto; } @media (min-width: 1051px) { .content-w-sidebar-wrap .breadcrumbs .breadcrumb-wrap { padding: 0 48px; } } @media (min-width: 1307px) { .content-w-sidebar-wrap .breadcrumbs .breadcrumb-wrap { margin-left: auto; margin-right: auto; } } @media (min-width: 1539px) { .content-w-sidebar-wrap .breadcrumbs .breadcrumb-wrap { max-width: 1256px; } } @media (min-width: 1635px) { .content-w-sidebar-wrap .breadcrumbs .breadcrumb-wrap { padding: 0; } } @media (min-width: 768px) { .content-w-sidebar-wrap .breadcrumbs .breadcrumb-wrap { margin: 24px auto; } } @media (min-width: 1024px) { .content-w-sidebar-wrap .breadcrumbs .breadcrumb-wrap { margin: 24px auto; } } @media (min-width: 1352px) { .content-w-sidebar-wrap .breadcrumbs .breadcrumb-wrap { max-width: 1256px; } } .breadcrumb-wrap { width: 100%; padding: 8px 24px; margin: 12px auto; } @media (min-width: 768px) { .breadcrumb-wrap { margin: 24px auto; padding: 0 48px; } } @media (min-width: 1024px) { .breadcrumb-wrap { margin: 24px auto; } } @media (min-width: 1256px) { .breadcrumb-wrap { max-width: 1256px; } } @media (min-width: 1352px) { .breadcrumb-wrap { max-width: 1256px; padding: 0; } } .embed { display: flex; width: 100%; } .embed .content-wrap { width: 100%; padding: 8px 24px; margin: 24px auto; } @media (min-width: 768px) { .embed .content-wrap { margin: 48px auto; padding: 0 48px; } } @media (min-width: 1024px) { .embed .content-wrap { margin: 72px auto; } } @media (min-width: 1256px) { .embed .content-wrap { max-width: 1256px; } } @media (min-width: 1352px) { .embed .content-wrap { max-width: 1256px; padding: 0; } } .embed .embed-title { color: #116685; text-transform: none; margin-bottom: 2px; font-family: "Inter", sans-serif; font-weight: normal; font-size: 36px; line-height: 1.33; } @media (min-width: 1024px) { .embed .embed-title { font-size: 48px; margin-bottom: 24px; } } .light-theme .embed .embed-title { color: #116685; } .primary-theme .embed .embed-title { color: #f7f4f0; } .secondary-theme .embed .embed-title { color: #f7f4f0; } .embed h3 { text-transform: none; margin-bottom: 2px; font-family: "Inter-Semibold", sans-serif; font-weight: normal; font-size: 18px; line-height: 1.27; } @media (min-width: 1024px) { .embed h3 { font-size: 22px; margin-bottom: 24px; } } .light-theme .embed h3 { color: #116685; } .primary-theme .embed h3 { color: #f7f4f0; } .secondary-theme .embed h3 { color: #f7f4f0; } .embed h2 { font-size: 24px; line-height: 1.2; margin-top: 4px; margin-bottom: 2px; } @media (min-width: 1024px) { .embed h2 { margin-top: 8px; } } .embed p, .embed ul li { line-height: 1.54; font-size: 18px; } @media (min-width: 768px) { .embed p, .embed ul li { font-size: 22px; } } .embed p, .embed .embed-title, .embed ul { max-width: 970px; } .content-w-sidebar-wrap .embed { padding: 0; } @media (min-width: 1307px) { .content-w-sidebar-wrap .embed { margin-left: auto; margin-right: auto; padding: 0; } } @media (min-width: 1635px) { .content-w-sidebar-wrap .embed { padding: 0; } } .content-w-sidebar-wrap .embed .content-wrap { width: 100%; padding: 8px 24px; margin: 24px auto; } @media (min-width: 1051px) { .content-w-sidebar-wrap .embed .content-wrap { padding: 0 48px; } } @media (min-width: 1307px) { .content-w-sidebar-wrap .embed .content-wrap { margin-left: auto; margin-right: auto; } } @media (min-width: 1539px) { .content-w-sidebar-wrap .embed .content-wrap { max-width: 1256px; } } @media (min-width: 1635px) { .content-w-sidebar-wrap .embed .content-wrap { padding: 0; } } @media (min-width: 768px) { .content-w-sidebar-wrap .embed .content-wrap { margin: 48px auto; } } @media (min-width: 1024px) { .content-w-sidebar-wrap .embed .content-wrap { margin: 72px auto; } } @media (min-width: 1352px) { .content-w-sidebar-wrap .embed .content-wrap { max-width: 1256px; } } div.kimbiaDiv { margin-top: 48px !important; } div.kimbiaDiv button.k_button.forward { color: #f7f4f0 !important; background: #116685 !important; display: inline-block !important; padding: 12px 23px !important; position: relative !important; transition: color 0.3s ease-in-out, border-color 0.2s ease-in-out, background 0.2s ease-in-out; backface-visibility: hidden !important; text-align: center !important; border: 2px solid !important; color: #f7f4f0 !important; font-family: "Inter-Semibold", sans-serif !important; font-weight: normal !important; font-size: 14px !important; line-height: 17px !important; border-radius: 2em !important; text-transform: none !important; } div.kimbiaDiv button.k_button.forward:hover, div.kimbiaDiv button.k_button.forward:active, div.kimbiaDiv button.k_button.forward:focus { outline: none !important; } div.kimbiaDiv button.k_button.forward { transition: background 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out; } @media (min-width: 1024px) { div.kimbiaDiv button.k_button.forward:hover { color: #f7f4f0 !important; background: #39849c !important; } div.kimbiaDiv button.k_button.forward:active, div.kimbiaDiv button.k_button.forward:focus { outline: none !important; } } div.kimbiaDiv label.groupLabel.section, .k_instruction h2 { font-weight: 300 !important; font-family: "Inter", sans-serif !important; text-transform: none !important; font-size: 28px !important; line-height: 1.4 !important; margin: 0 0 32px !important; color: #0B595E !important; } div.kimbiaDiv span.fieldCaption, .k_otherMoneyHint { font-style: italic !important; color: #85807c !important; } div.kimbiaDiv.two_col input.k_number, div.kimbiaDiv.two_col input.k_text, div.kimbiaDiv.two_col input.k_money, div.kimbiaDiv.two_col select.k_select { width: 100% !important; max-width: 60% !important; margin: 8px 0 !important; padding: 8px 16px !important; height: auto !important; background: #ffffff !important; } div.kimbiaDiv textarea.k_textarea { max-width: 75% !important; } div.kimbiaDiv.two_col input.k_money { max-width: 210px !important; } div.kimbiaDiv textarea.k_textarea { margin: 8px 0 !important; padding: 8px 16px !important; background: #ffffff !important; } .k_money { display: inline-block !important; } .k_paymentPlanTitle { margin-top: 24px !important; } .k_section.k_sectionProfile, .k_section.k_sectionPayment { margin-top: 48px !important; } .k_questionBlock { margin: 16px 0 !important; } .k_questionBlock.k_addressBlock { margin: 48px 0 !important; } div.kimbiaDiv div.inputGroup { display: flex !important; flex-direction: column; align-items: flex-start; } div.kimbiaDiv span.fieldCaption { margin-left: 0 !important; max-width: 50% !important; } div.kimbiaDiv select.k_select.k_required, div.kimbiaDiv input.k_number, div.kimbiaDiv input.k_text, div.kimbiaDiv input.k_money, div.kimbiaDiv textarea.k_textarea, div.kimbiaDiv select.k_select, div.kimbiaDiv input.couponCode { border-color: #d9d4ce !important; } div.kimbiaDiv label.k_required { font-weight: normal !important; } .footer-wrap { width: 100%; padding: 0 24px; } @media (min-width: 768px) { .footer-wrap { padding: 0 48px; } } @media (min-width: 1024px) { .footer-wrap { margin-left: auto; margin-right: auto; } } @media (min-width: 1256px) { .footer-wrap { max-width: 1256px; } } @media (min-width: 1352px) { .footer-wrap { padding: 0; } } @media (min-width: 1024px) { .footer-wrap { margin-bottom: 64px; } } .footer { clear: both; background: #ede8e1; margin: 0 auto; position: relative; padding: 0; } @media (min-width: 1024px) { .footer { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding: 64px 0 0; } } .footer-tout-title { font-family: "Inter", sans-serif; font-weight: 300; font-size: 12px; line-height: 18px; letter-spacing: 0.5em; color: #116685; text-transform: uppercase; margin-bottom: 12px; } .footer-tout-content { color: #116685; font-family: "Inter", sans-serif; font-weight: 600; font-size: 28px; line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; max-width: 340px; } @media (min-width: 1024px) { .footer-tout-content { font-size: 36px; } } @media (min-width: 1024px) { a.telephone, .address-info a.telephone { text-decoration: none; } } .address h4 { color: #116685; font-family: "Inter-Semibold", sans-serif; font-weight: 600; letter-spacing: 0; margin-bottom: 4px; } .footer .phone-link { text-decoration: none; margin: 0; font-family: "Inter", sans-serif; } .address p { font-family: "Inter", sans-serif !important; font-weight: 400 !important; font-size: 14px !important; line-height: 24px !important; } .address p a { display: inline-block; font-weight: 400 !important; font-size: 14px !important; line-height: 24px !important; } .footer a { font-size: 16px; color: #116685; font-family: "Inter-Semibold", sans-serif; } @media (min-width: 768px) { .footer a { transition: color 0.3s ease-in-out; } .footer a:hover, .footer a:active, .footer a:focus { color: #61a3b3; } } .footer a .sub-menu a { font-family: "Inter", sans-serif; } .footer p { margin: 0 0 8px !important; color: #116685 !important; } @media (min-width: 1024px) { .footer p { margin: 0 !important; } } .footer-middle-row { display: flex; flex-direction: column; width: 100%; } @media (min-width: 1024px) { .footer-middle-row { max-width: 1256px; margin: 0 auto; flex-direction: row; align-items: center; justify-content: space-between; } } .social-nav .social-menu { display: flex; justify-content: flex-start; justify-content: space-around; } .social-nav .social-menu li { list-style-type: none; display: flex; align-items: center; justify-content: center; } @media (min-width: 768px) { .social-nav .social-menu li { padding: 0 24px 0 0; } } .social-nav .social-menu li:last-of-type { margin-right: 0; } .social-nav .social-menu a { padding: 0; overflow: hidden; } .social-nav .social-menu a span { position: absolute; display: block; overflow: hidden; text-indent: -99em; } .social-nav .social-menu .icon svg path { fill: #116685; transition: fill 0.3s ease-in-out; } @media (min-width: 768px) { .social-nav .social-menu .icon:hover svg path, .social-nav .social-menu .icon:active svg path, .social-nav .social-menu .icon:focus svg path { fill: #61a3b3; } } @media (min-width: 1024px) { .social-nav .social-menu { flex-direction: row; padding: 0; justify-content: flex-start; } } .social a { font-family: "Inter", sans-serif; text-transform: uppercase; font-weight: bold; font-size: 13px; line-height: 31px; } @media (min-width: 1024px) { .social a { transition: color 0.2s ease-in-out; } .social a:hover, .social a:active, .social a:focus { color: #a7a7a7; text-decoration: none; } } .footer .text-wrap { text-align: center; } @media (min-width: 1024px) { .footer .text-wrap { display: flex; flex-direction: column; text-align: left; } } @media (min-width: 1024px) { .footer .text-wrap:first-of-type { margin-right: min(7.962vw, 100px); } } .footer-info { display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; } @media (min-width: 1024px) { .footer-info { justify-content: space-between; display: grid; grid-template-columns: 1fr 284px; width: 100%; } .footer-info .nav-wrap { align-items: flex-start; justify-content: flex-start; } } .footer .logo { width: 513px; height: auto; margin: 0 0 15px; } .footer .logo path { fill: #116685; } @media (min-width: 1024px) { .footer .logo { margin: 0 16px 15px; } } @media (min-width: 1024px) { .footer .logo { margin-right: 16px; margin-bottom: 0; margin-left: 0; } } .logo-social-links-wrap { display: flex; align-items: stretch; flex-direction: column; margin-top: 8px; } @media (min-width: 1024px) { .logo-social-links-wrap { margin-top: 0; flex-direction: row; } } .footer-logo-bug { display: block; width: 200px; margin: 0; } .footer-logo-bug path { fill: #116685; } @media (min-width: 1024px) { .footer-logo-bug { margin: 0 auto; width: 291px; height: 102px; } } .footer img { width: auto; } .copyright { width: 100%; } .copyright p, .copyright a { text-decoration: none; font-family: "Inter", sans-serif; margin: 0; font-size: 12px !important; line-height: 16px !important; color: #b0aaa4 !important; } @media (min-width: 1024px) { .copyright p, .copyright a { text-align: left; padding: 0; } } .copyright a:hover, .copyright a:active, .copyright a:focus { text-decoration: underline; } .copyright p { margin: 0 auto; display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 16px 24px; line-height: 16px; margin: 0; } @media (min-width: 1024px) { .copyright p { padding: 16px 48px; } } @media (min-width: 1024px) { .copyright p { padding: 16px 0; } } @media (min-width: 1366px) { .copyright p { margin: 0 auto; padding: 16px 0; } } @media (min-width: 1352px) { .copyright p { max-width: 1256px; } } .top-row { display: flex; flex-direction: column; padding: 0 0 24px; border-bottom: 2px solid #d9d4ce; } @media (min-width: 1024px) { .top-row { flex-direction: row; justify-content: space-between; align-items: flex-start; padding: 0 0 64px; } } .sign-up-form { display: flex; flex-direction: column; justify-content: flex-start; } @media (min-width: 1024px) { .sign-up-form { width: 50%; max-width: 608px; } } .sign-up-form .gform_heading { margin: 0 0 8px; } .sign-up-form .gform_body ul { margin: 0; height: 100%; } .sign-up-form .gform_body ul li, .sign-up-form .gform_body ul .ginput_container, .sign-up-form .gform_body ul input { height: 100%; } .sign-up-form h3.gform_title { font-family: "Inter", sans-serif; color: #116685; font-size: 18px; line-height: 1.55; margin-top: 0; margin-bottom: 8px; font-weight: normal; } @media (min-width: 1024px) { .sign-up-form h3.gform_title { font-size: 22px; margin-bottom: 8px; } } .sign-up-form .gform_description { font-size: 12px; line-height: 16px; width: auto; margin-bottom: 8px; } .sign-up-form .gform_wrapper .gform_footer { margin: 0; padding: 0; } .sign-up-form .gform_wrapper form { display: flex; flex-wrap: wrap; align-items: stretch; flex-direction: column; } @media (min-width: 1024px) { .sign-up-form .gform_wrapper form { flex-direction: row; } } .sign-up-form .gform_wrapper form input { margin: 0; } .sign-up-form .gform_body, .sign-up-form .gform_footer { width: 100%; width: auto; } @media (min-width: 1024px) { .sign-up-form .gform_body { margin-right: 2%; } .sign-up-form .gform_body li { margin: 0 !important; } .sign-up-form .gform_body { width: 75%; } } .sign-up-form input, .sign-up-form button, .sign-up-form .button { color: #f7f4f0; transition: background 0.3s ease-in-out; } @media (min-width: 1024px) { .sign-up-form input, .sign-up-form button, .sign-up-form .button { height: 100%; } .sign-up-form input:hover, .sign-up-form input:active, .sign-up-form input:focus, .sign-up-form button:hover, .sign-up-form button:active, .sign-up-form button:focus, .sign-up-form .button:hover, .sign-up-form .button:active, .sign-up-form .button:focus { color: #f7f4f0; background: #61a3b3; } } .sign-up-form input, .sign-up-form button, .sign-up-form .button { background: #116685; } .sign-up-form .button { align-self: flex-start; margin-top: 8px; } .middle-row { display: flex; padding: 24px 0; border-bottom: 2px solid #d9d4ce; } @media (min-width: 1024px) { .middle-row { flex-direction: row; justify-content: space-between; align-items: flex-start; } } .footer-nav #menu-footer-menu, .footer-nav #menu-footer-menu-two { padding: 0; margin: 0; flex-direction: column; } @media (min-width: 1024px) { .footer-nav #menu-footer-menu, .footer-nav #menu-footer-menu-two { flex-direction: row; } } .footer-nav #menu-footer-menu > li, .footer-nav #menu-footer-menu-two > li { display: flex; flex-direction: column; justify-content: flex-start; } @media (min-width: 1024px) { .footer-nav #menu-footer-menu > li, .footer-nav #menu-footer-menu-two > li { align-items: flex-start; } } .footer-nav #menu-footer-menu > li, .footer-nav #menu-footer-menu-two > li { padding: 0; } .footer-nav #menu-footer-menu > li a, .footer-nav #menu-footer-menu-two > li a { font-family: "Inter-Semibold", sans-serif; font-size: 14px; line-height: 24px; padding: 0; } @media (min-width: 768px) { .footer-nav #menu-footer-menu > li a, .footer-nav #menu-footer-menu-two > li a { transition: color 0.3s ease-in-out; } .footer-nav #menu-footer-menu > li a:hover, .footer-nav #menu-footer-menu > li a:active, .footer-nav #menu-footer-menu > li a:focus, .footer-nav #menu-footer-menu-two > li a:hover, .footer-nav #menu-footer-menu-two > li a:active, .footer-nav #menu-footer-menu-two > li a:focus { color: #61a3b3; } } .footer-nav #menu-footer-menu .sub-menu, .footer-nav #menu-footer-menu-two .sub-menu { list-style-type: none; padding: 0; display: flex; flex-direction: column; } .footer-nav #menu-footer-menu .sub-menu li, .footer-nav #menu-footer-menu-two .sub-menu li { font-weight: 400; font-size: 14px; line-height: 24px; margin: 0; padding: 0; } .footer-nav #menu-footer-menu .sub-menu li a, .footer-nav #menu-footer-menu-two .sub-menu li a { font-family: "Inter", sans-serif; font-weight: 300; } @media (min-width: 1024px) { .footer-nav #menu-footer-menu { display: grid; grid-template-columns: 176px 176px 176px 284px; grid-template-columns: 1fr 1fr 1fr 284px; grid-column-gap: 40px; width: 100%; } } @media (min-width: 1024px) { .footer-nav #menu-footer-menu-two { flex-direction: column; } } .footer-nav #menu-footer-menu-two li { margin: 0; } .bottom-row { display: flex; flex-direction: column; padding: 24px 0 48px; border-bottom: 2px solid #d9d4ce; } @media (min-width: 1024px) { .bottom-row { flex-direction: row; justify-content: space-between; align-items: flex-start; display: grid; grid-template-columns: 176px 176px 176px 284px; grid-template-columns: 1fr 1fr 1fr 284px; width: 100%; grid-column-gap: 40px; } .bottom-row .text-wrap:first-of-type { margin: 0; grid-column: 1/3; } .bottom-row .text-wrap:nth-child(2) { grid-column: 3; } .bottom-row .right-column { grid-column: 4; } } .style-2 .footer-info { display: block; width: 100%; } @media (min-width: 1024px) { .style-2 .footer-info .footer-nav.nav-wrap { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); grid-column-gap: 40px; } } @media (min-width: 1024px) { .style-2 .bottom-row { grid-template-columns: 1fr 1fr 1fr 1fr 284px; } .style-2 .bottom-row .text-wrap:first-of-type { grid-column: span 3; } .style-2 .bottom-row .text-wrap:nth-child(2) { grid-column: 4; } .style-2 .bottom-row .right-column { grid-column: 5; } } @media (min-width: 1366px) { .style-2 .bottom-row { grid-template-columns: 1fr 1fr 1fr 284px 284px; } } .footer-nav li { list-style-type: none; } .footer-nav li .sub-menu { list-style-type: none; margin: 0; padding: 0; display: flex; flex-direction: column; } .footer-nav li .sub-menu li { font-weight: 400; font-size: 14px; line-height: 24px; margin: 0; padding: 0; } .footer-nav li .sub-menu li a { font-family: "Inter", sans-serif; font-weight: 300; } .newsletter-modal.fancybox-content { background: #008aba; } .newsletter-modal.fancybox-content .gform_title { color: #f7f4f0; font-family: "Inter", sans-serif; font-size: 28px; } @media (min-width: 1024px) { .newsletter-modal.fancybox-content .gform_title { font-size: 34px; } } .newsletter-modal.fancybox-content .gform_description { color: #97cfe3; } .newsletter-modal.fancybox-content .gform_body { margin-top: 32px; } .newsletter-modal.fancybox-content button svg path { fill: #f7f4f0; } @media (min-width: 1024px) { .newsletter-modal.fancybox-content button[type=submit] { padding: 9px 30px 12px; font-size: 16px; } } .hero { position: relative; } .hero .hero-wrap { position: relative; width: 100%; } .hero picture { position: relative; z-index: -1; height: 100%; } @media (min-width: 1024px) { .hero picture img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } } .hero-interior .hero-wrap img { max-height: 550px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .hero .logo-bug { width: 70px; margin-bottom: 4px; } @media (min-width: 480px) { .hero .logo-bug { margin-bottom: 8px; } } .hero .hero-tagline { font-size: 28px; line-height: 1.2; font-weight: 400; font-family: "Inter", sans-serif; color: #ffffff; text-align: left; margin: 0; } @media (min-width: 768px) { .hero .hero-tagline { font-size: min(4.3982895541vw, 72px); } } .hero .hero-subtitle { font-weight: 400; font-size: 22px; line-height: 1.35; color: #b1dfe0; text-align: left; font-family: "Inter", sans-serif; margin: 24px 0 0; } @media (min-width: 480px) { .hero .hero-subtitle { font-size: 16px; } } @media (min-width: 768px) { .hero .hero-subtitle { font-size: min(1.7104459377vw, 28px); margin: 32px 0 0; } } .hero { overflow: hidden; } .hero img { z-index: -1; height: 45vh; } @media (max-width: calc(480px - 1px)) { .hero img { max-width: none; width: auto; position: absolute; -o-object-fit: cover; object-fit: cover; right: 0; top: 0px; } } @media (min-width: 480px) { .hero img { height: auto; } } @media (min-width: 1024px) { .hero img { -o-object-fit: cover; object-fit: cover; } } .hero .hero-wrap { display: flex; flex-direction: column-reverse; max-height: 645px; height: calc(100vh - 68px); height: calc(100vh - 68px - 63px); } @media (min-width: 480px) { .hero .hero-wrap { height: auto; flex-direction: row; } } .with-message .hero .hero-wrap { height: calc(100vh - 68px - 63px); } @media (min-width: 480px) { .with-message .hero .hero-wrap { height: auto; } } .hero .content-wrap { z-index: 0; height: auto; padding: 32px 24px; } @media (max-width: 374px) { .hero .content-wrap { background: #116685; padding: 24px; } } @media (min-width: 374px) and (max-width: calc(480px - 1px)) { .hero .content-wrap { padding: 16px 32px 32px; } } @media (max-width: calc(480px - 1px)) { .hero .content-wrap { padding-right: 20%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; justify-content: center; } } @media (min-width: 480px) { .hero .content-wrap { height: auto; background: transparent; margin: 0; position: absolute; width: 65%; left: 0; top: 0; bottom: 0; text-align: right; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } } @media (min-width: 768px) { .hero .content-wrap { padding: 32px 80px 32px 48px; } } @media (min-width: 1352px) { .hero .content-wrap { margin: 0; padding: 0 80px 0 calc((100vw - (100vw - 100%) - 1256px) / 2); width: 50%; padding-right: 0; } } @media (min-width: 1352px) { .hero .content-wrap { margin: 0; } } @media (min-width: 374px) { .hero .content-wrap:after { content: ""; position: absolute; width: 693px; height: 848px; right: 172px; bottom: 0; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%22848%22%20height%3D%22693%22%20viewBox%3D%220%200%20848%20693%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M-1.08434e-05%20444.932L-2.04399e-08%20692.532L737.055%20692.532L848%20693L848%20419.214C848%20154.779%20653.262%202.00477e-05%20427.394%202.99207e-05C206.675%203.95686e-05%20-2.49163e-05%20122.982%20-1.08434e-05%20444.932Z%22%20fill%3D%22%23116685%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: 100%; right: -40%; top: -90px; z-index: -1; } } @media (min-width: 480px) { .hero .content-wrap:after { content: ""; position: absolute; height: auto; width: 100%; z-index: -1; left: -43px; top: -50%; bottom: 0; right: initial; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%221124%22%20height%3D%221374%22%20viewBox%3D%220%200%201124%201374%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M402.35%200H0.758435V1194.24L0%201374H444.063C872.958%201374%201124%201058.47%201124%20692.499C1124%20334.872%20924.532%200%20402.35%200Z%22%20fill%3D%22%23116685%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: 100%; } } @media (min-width: 541px) { .hero .content-wrap:after { content: ""; position: absolute; height: auto; width: 100%; z-index: -1; left: -63px; top: -50%; bottom: 0; right: initial; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%221124%22%20height%3D%221374%22%20viewBox%3D%220%200%201124%201374%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M402.35%200H0.758435V1194.24L0%201374H444.063C872.958%201374%201124%201058.47%201124%20692.499C1124%20334.872%20924.532%200%20402.35%200Z%22%20fill%3D%22%23116685%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: 100%; left: -1px; top: -48%; left: -9%; top: -190px; } } @media (min-width: 768px) { .hero .content-wrap:after { top: -137px; } } @media (min-width: 1024px) { .hero .content-wrap:after { right: -53px; top: -36%; } } @media (min-width: 1352px) { .hero .content-wrap:after { width: 1124px; top: initial; left: initial; right: -53px; top: -50%; } } .hero .content-wrap .button { float: right; margin-top: 24px; } @media (min-width: 480px) { .hero .content-wrap .button { margin-bottom: 0; float: none; margin-top: 32px; transition: color 0.2s ease-in-out; } .hero .content-wrap .button:hover, .hero .content-wrap .button:active, .hero .content-wrap .button:focus { color: #61a3b3; background: transparent; } } @media (max-width: calc(1024px - 1px)) { .hero-interior .hero-wrap { display: flex; flex-direction: column-reverse; } } .hero-interior .hero-tagline { font-size: 28px; line-height: 1.2; font-weight: 600; font-family: "Inter", sans-serif; color: #027eff; letter-spacing: 0.1em; } .hero-interior .hero-tagline:before { content: initial; } @media (min-width: 1024px) { .hero-interior .hero-tagline { margin-bottom: 18px; font-size: 36px; } } .hero-interior .hero-subtitle { font-family: "Inter", sans-serif; color: #335b76; font-weight: 300; font-size: 12px; line-height: 18px; letter-spacing: 0.5em; text-transform: uppercase; } .hero-interior .content-wrap { padding: 24px; background: #ede5d0; } @media (min-width: 1024px) { .hero-interior .content-wrap { padding: 8px 2px 8px 48px; } } @media (min-width: 1024px) { .hero-interior .content-wrap { flex-direction: column; justify-content: flex-end; align-items: flex-start; display: flex; position: absolute; left: 0; bottom: 0; width: 60%; height: auto; } } @media (min-width: 1366px) { .hero-interior .content-wrap { width: 47.5%; width: 49%; padding-left: calc((100vw - (100vw - 100%) - 1256px) / 2); } } @media (max-width: calc(1024px - 1px)) { .hero-tout .hero-wrap { display: flex; align-items: center; justify-content: center; overflow: hidden; } } .hero-tout .content-wrap { display: flex; align-items: center; justify-content: center; flex-direction: column; color: #f7f4f0; z-index: 100; background: #ede5d0; padding: 6px; left: initial; top: initial; position: relative; margin: 4px; width: 100%; } @media (min-width: 1024px) { .hero-tout .content-wrap { margin: 0; position: absolute; width: auto; } } @media (min-width: 1024px) { .hero-tout .content-wrap { padding: 8px; right: 0; bottom: 0; display: block; max-width: 450px; } } @media (max-width: calc(768px - 1px)) { .hero-tout img { position: absolute; max-width: none; height: 100%; width: auto; } } .hero-tout .hero-tagline { font-family: "Inter", sans-serif; font-style: normal; font-weight: 600; font-size: 28px; line-height: 1.2; letter-spacing: 0.1em; color: #027eff; } .hero-tout .hero-tagline br { display: none; } @media (min-width: 1024px) { .hero-tout .hero-tagline { font-size: 36px; } .hero-tout .hero-tagline br { display: block; } } .hero-tout .button { margin-top: 2px; } .hero-tout-link { font-family: "Inter", sans-serif; font-size: 12px; letter-spacing: 0.22em; text-transform: uppercase; color: #f7f4f0; display: flex; align-items: center; margin-top: 28px; background: #f7f4f0; color: black; display: inline-flex; } @media (min-width: 1024px) { .hero-tout-link { font-size: 14px; } } .hero-tout-link { transition: color 0.2s ease-in-out, background 0.2s ease-in-out; } .hero-tout-link:hover, .hero-tout-link:active, .hero-tout-link:focus { background: black; color: #f7f4f0; } .hero-tout-link:hover svg path, .hero-tout-link:active svg path, .hero-tout-link:focus svg path { fill: #f7f4f0; } .hero-tout-link span { margin-top: 4px; margin-right: 5px; padding: 13px 0 14px 40px; } .hero-tout-link svg { margin-right: 40px; } .hero-tout-link svg path { transition: fill 0.2s ease-in-out; fill: black; } .home-page-carousel-container { background-image: url("/wp-content/themes/dallasfoundation/library/images/home-page-carousel-bg-m.jpg"); background-size: 100% auto; background-repeat: no-repeat; background-position: bottom center; } @media (min-width: 896px) { .home-page-carousel-container { background-image: url("/wp-content/themes/dallasfoundation/library/images/home-page-carousel-bg.jpg"); background-size: cover; background-position: top right; } } .full-page-half-and-half { display: flex; flex-direction: column; align-items: stretch; margin: 0; } @media (min-width: 768px) { .full-page-half-and-half { margin: 16px 0; } } @media (min-width: 1366px) { .full-page-half-and-half { margin: 16px auto; } } .full-page-half-and-half.light-theme { background: #ede8e1; } .full-page-half-and-half.light-theme p, .full-page-half-and-half.light-theme ul li, .full-page-half-and-half.light-theme ol li { color: #5e5956; } .full-page-half-and-half.light-theme li::marker { color: #116685; } .full-page-half-and-half.primary-theme { background: #116685; } .full-page-half-and-half.primary-theme p, .full-page-half-and-half.primary-theme ul li, .full-page-half-and-half.primary-theme ol li { color: #f7f4f0; } .full-page-half-and-half.primary-theme li::marker { color: #f7f4f0; } .full-page-half-and-half.secondary-theme { background: #065e7d; } .full-page-half-and-half.secondary-theme p, .full-page-half-and-half.secondary-theme ul li, .full-page-half-and-half.secondary-theme ol li { color: #c9e6f0; } .full-page-half-and-half.secondary-theme li::marker { color: #c9e6f0; } @media (min-width: 768px) { .full-page-half-and-half { margin: 0; flex-direction: row; align-items: center; align-items: stretch; justify-content: flex-end; } .full-page-half-and-half.with-bg { padding: 0; } } .full-page-half-and-half .half-and-half-section-title { margin-bottom: 20px !important; font-size: 20px !important; } @media (min-width: 768px) { .full-page-half-and-half .half-and-half-section-title { font-size: 24px !important; top: initial; left: initial; position: relative; } } .half-and-half-section-title { color: #116685; font-size: 18px; line-height: 1.55; } @media (min-width: 768px) { .half-and-half-section-title { font-size: 18px; margin-bottom: -30px; } } .light-theme .half-and-half-section-title { color: #116685; } .primary-theme .half-and-half-section-title { color: #f7f4f0; } .secondary-theme .half-and-half-section-title { color: #f7f4f0; } .full-page-half-and-half.image-left { justify-content: space-between; } @media (min-width: 1352px) { .full-page-half-and-half.image-left .content-wrap { padding: 0; margin-right: calc((100vw - (100vw - 100%) - 1256px) / 2); max-width: 536px; } } @media (min-width: 1352px) { .full-page-half-and-half.image-left .half-and-half-section-title { width: 100%; max-width: 536px; left: initial; } } .full-page-half-and-half .half-and-half-title { font-weight: 300; font-family: "Inter", sans-serif; font-size: 28px; line-height: 1.4; margin: 0 0 24px; color: #116685; max-width: 536px; } @media (min-width: 1024px) { .full-page-half-and-half .half-and-half-title { font-size: 34px; } } .full-page-half-and-half.light-theme .half-and-half-title { color: #116685; } .full-page-half-and-half.primary-theme .half-and-half-title { color: #f7f4f0; } .full-page-half-and-half.secondary-theme .half-and-half-title { color: #f7f4f0; } .full-page-half-and-half p { font-size: 16px; line-height: 1.55; max-width: 536px; } @media (min-width: 768px) { .full-page-half-and-half p { font-size: 18px; } } .full-page-half-and-half p:last-of-type { margin-bottom: 0; } .full-page-half-and-half .button { color: #116685; margin-top: 24px; } .full-page-half-and-half .button:hover, .full-page-half-and-half .button:active, .full-page-half-and-half .button:focus { background: #116685; border-color: #116685; color: #f7f4f0; } .full-page-half-and-half.light-theme .button { color: #116685; } .full-page-half-and-half.light-theme .button:hover, .full-page-half-and-half.light-theme .button:active, .full-page-half-and-half.light-theme .button:focus { background: transparent; border-color: #61a3b3; color: #61a3b3; } .full-page-half-and-half.primary-theme .button { color: #f7f4f0; } .full-page-half-and-half.primary-theme .button:hover, .full-page-half-and-half.primary-theme .button:active, .full-page-half-and-half.primary-theme .button:focus { background: transparent; border-color: #61a3b3; color: #61a3b3; } .full-page-half-and-half.secondary-theme .button { color: #f7f4f0; } .full-page-half-and-half.secondary-theme .button:hover, .full-page-half-and-half.secondary-theme .button:active, .full-page-half-and-half.secondary-theme .button:focus { background: transparent; border-color: #65b8d5; color: #65b8d5; } @media (min-width: 768px) { .full-page-half-and-half.image-left { flex-direction: row-reverse; } } .image-right .fphh-wrap { display: flex; flex-direction: column; justify-content: space-between; flex-shrink: 1; flex-grow: 1; order: 2; padding-top: 0 !important; padding-bottom: 0 !important; padding: 32px 24px; } @media (min-width: 768px) { .image-right .fphh-wrap { padding: 32px 48px; } } @media (min-width: 1352px) { .image-right .fphh-wrap { margin: 0; padding: 0 48px 0 calc((100vw - (100vw - 100%) - 1256px) / 2); } } @media (min-width: 768px) { .image-right .fphh-wrap { width: 50%; order: initial; } } .image-left .fphh-wrap { display: flex; flex-direction: column; justify-content: space-between; flex-shrink: 1; flex-grow: 1; order: 2; padding-top: 0 !important; padding-bottom: 0 !important; padding: 32px 24px; } @media (min-width: 768px) { .image-left .fphh-wrap { padding: 32px 48px; } } @media (min-width: 1352px) { .image-left .fphh-wrap { margin: 0; padding: 0 calc((100vw - (100vw - 100%) - 1256px) / 2) 0 48px; } } @media (min-width: 768px) { .image-left .fphh-wrap { width: 50%; order: initial; } } .full-page-half-and-half .content-wrap { width: 100%; order: 2; margin-top: 48px; margin-bottom: 48px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } @media (min-width: 768px) { .full-page-half-and-half .content-wrap { order: initial; width: 100%; padding-left: 0; flex-shrink: 2; flex-grow: 2; } } @media (min-width: 768px) { .full-page-half-and-half .image-wrap__inner { height: 720px; min-height: 100%; position: relative; } } .full-page-half-and-half .image-wrap { width: 100%; order: 1; } @media (min-width: 768px) { .full-page-half-and-half .image-wrap { order: initial; width: 50%; } .full-page-half-and-half .image-wrap img { position: absolute; min-height: 100%; max-width: none; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } } @media (min-width: 1051px) { .content-w-sidebar-wrap .full-page-half-and-half.image-right .fphh-wrap { padding: 0 48px; } } @media (min-width: 1635px) { .content-w-sidebar-wrap .full-page-half-and-half.image-right .fphh-wrap { margin: 0; padding-left: calc((100vw - (100vw - 100%) - 1256px) / 2); } } @media (min-width: 1051px) { .content-w-sidebar-wrap .full-page-half-and-half.image-left .fphh-wrap { padding: 0 48px; } } @media (min-width: 1635px) { .content-w-sidebar-wrap .full-page-half-and-half.image-left .fphh-wrap { margin: 0; padding-right: calc((100vw - (100vw - 100%) - 1256px) / 2); } } .df-half__content { padding: 0 24px; } .df-half ul { padding-left: 40px; } .df-half a:not(.df-button) { font-weight: 700; text-decoration: underline; } .df-half--image-right { flex-direction: row-reverse; } @media (min-width: 768px) { .df-half--image-right .df-half__content { padding: 0 48px; } } @media (min-width: 1635px) { .df-half--image-right .df-half__content { margin: 0; padding-right: 120px; padding-left: calc((100vw - 1256px) / 2); } } @media (min-width: 768px) { .df-half--image-left .df-half__content { padding: 0 48px; } } @media (min-width: 1635px) { .df-half--image-left .df-half__content { margin: 0; padding-left: 120px; padding-right: calc((100vw - 1256px) / 2); } } .df-half.bg-red-4 { color: var(--color-gray-1); } .df-half.bg-red-4 li, .df-half.bg-red-4 li::marker { color: var(--color-gray-1); } .df-half.bg-red-4 h2 { color: var(--color-primary); } .df-half.bg-red-4 .df-button { color: var(--color-red-2); } .df-half.bg-red-4 .df-button:hover, .df-half.bg-red-4 .df-button:active, .df-half.bg-red-4 .df-button:focus { color: var(--color-blue-1); background-color: var(--color-red-2); border-color: var(--color-red-2); } .df-half.bg-blue-1 { color: #d9d9d9; } .df-half.bg-blue-1 a:not(.df-button) { color: var(--color-blue-3); text-decoration: underline; } .df-half.bg-blue-1 h2, .df-half.bg-blue-1 .df-button { color: var(--color-orange); } .df-half.bg-blue-1 .df-button:hover, .df-half.bg-blue-1 .df-button:active, .df-half.bg-blue-1 .df-button:focus { color: var(--color-blue-1); background-color: var(--color-orange); border-color: var(--color-orange); } .df-half.title-green-4 h2, .df-half.title-green-4 .df-button { color: var(--color-green-4); } .df-half.title-green-4 .df-button:hover, .df-half.title-green-4 .df-button:active, .df-half.title-green-4 .df-button:focus { color: var(--color-white); background-color: var(--color-green-4); border-color: var(--color-green-4); } .df-half.bg-blue-4 { color: var(--color-gray-1); } .df-half.bg-blue-4 h2, .df-half.bg-blue-4 .df-button { color: var(--color-primary); } .df-half.bg-blue-4 .df-button:hover, .df-half.bg-blue-4 .df-button:active, .df-half.bg-blue-4 .df-button:focus { color: var(--color-white); background-color: var(--color-primary); border-color: var(--color-primary); } .full-width-content-block { display: flex; flex-direction: column; margin: 0; margin: 0; } .full-width-content-block.light-theme { background: #f7f4f0; } .full-width-content-block.primary-theme { background: #116685; } .full-width-content-block.secondary-theme { background: #065e7d; } @media (min-width: 768px) { .full-width-content-block { margin: 16px 0; } } @media (min-width: 1366px) { .full-width-content-block { margin: 16px auto; } } @media (min-width: 768px) { .full-width-content-block { margin: 0; flex-direction: row; align-items: center; justify-content: center; } .full-width-content-block.with-bg { padding: 0; } } .full-width-content-block .section-title { color: #f7f4f0; font-size: 16px; line-height: 1.55; } @media (min-width: 768px) { .full-width-content-block .section-title { font-size: 18px; } } @media (min-width: 768px) { .full-width-content-block .section-title { font-size: 18px; } } .full-width-content-block.light-theme .section-title { color: #116685; } .full-width-content-block.primary-theme .section-title { color: #f7f4f0; } .full-width-content-block.secondary-theme .section-title { color: #f7f4f0; } .full-width-content-block .lquote { margin-top: 64px; margin-bottom: 16px; } @media (min-width: 768px) { .full-width-content-block .lquote { margin-top: 88px; } } .full-width-content-block .title { color: #f7f4f0; font-weight: 300; font-family: "Inter", sans-serif; font-size: 24px; line-height: 1.4; margin: 0 0 16px; max-width: 536px; } @media (min-width: 1024px) { .full-width-content-block .title { font-size: 34px; } } .full-width-content-block.light-theme .title { color: #116685; } .full-width-content-block.primary-theme .title { color: #f7f4f0; } .full-width-content-block.secondary-theme .title { color: #f7f4f0; } .full-width-content-block p.additional-text { font-family: "Inter", sans-serif; font-size: 16px; line-height: 1.55; max-width: 536px; color: #f7f4f0; } @media (min-width: 768px) { .full-width-content-block p.additional-text { font-size: 22px; } .full-width-content-block p.additional-text:first-of-type { margin-top: 0; } } .full-width-content-block p.additional-text:last-of-type { margin-bottom: 0; } .full-width-content-block.light-theme p { color: #5e5956; } .full-width-content-block.primary-theme p { color: #f7f4f0; } .full-width-content-block.secondary-theme p { color: #f7f4f0; } .full-width-content-block .button { color: #f7f4f0; margin-top: 24px; } @media (min-width: 768px) { .full-width-content-block .button { margin-top: 40px; } .full-width-content-block .button:hover, .full-width-content-block .button:active, .full-width-content-block .button:focus { background: transparent; border-color: #89c1c9; color: #89c1c9; } } .full-width-content-block.light-theme .button { color: #5e5956; } .full-width-content-block.light-theme .button:hover, .full-width-content-block.light-theme .button:active, .full-width-content-block.light-theme .button:focus { background: #116685; border-color: #116685; color: #f7f4f0; } .full-width-content-block.primary-theme .button { color: #f7f4f0; } .full-width-content-block.primary-theme .button:hover, .full-width-content-block.primary-theme .button:active, .full-width-content-block.primary-theme .button:focus { background: #008aba; border-color: #008aba; } .full-width-content-block.secondary-theme .button { color: #f7f4f0; } .full-width-content-block.secondary-theme .button:hover, .full-width-content-block.secondary-theme .button:active, .full-width-content-block.secondary-theme .button:focus { background: #39849c; border-color: #39849c; } @media (min-width: 768px) { .full-width-content-block.image-left { flex-direction: row-reverse; } } .full-width-content-block .content-wrap { width: 100%; order: 2; z-index: 1; width: 100%; padding: 8px 24px; margin: 24px auto; } @media (min-width: 768px) { .full-width-content-block .content-wrap { margin: 48px auto; padding: 0 48px; } } @media (min-width: 1024px) { .full-width-content-block .content-wrap { margin: 72px auto; } } @media (min-width: 1256px) { .full-width-content-block .content-wrap { max-width: 1256px; } } @media (min-width: 1352px) { .full-width-content-block .content-wrap { max-width: 1256px; padding: 0; } } .full-width-content-block .content-wrap { margin-top: 48px; margin-bottom: 64px; } @media (min-width: 768px) { .full-width-content-block .content-wrap { margin-top: 72px; margin-bottom: 160px; width: 100%; order: initial; } } .full-width-content-block .image-wrap { position: absolute; left: 0; right: 0; z-index: 0; top: 0; bottom: 0; -o-object-fit: cover; object-fit: cover; width: auto; height: 100%; display: flex; align-items: center; justify-content: center; } .full-width-content-block .image-wrap img { height: 100%; max-width: none; -o-object-fit: cover; object-fit: cover; min-width: 100%; } .content-w-sidebar-wrap .full-width-content-block { padding: 0; } @media (min-width: 1307px) { .content-w-sidebar-wrap .full-width-content-block { margin-left: auto; margin-right: auto; padding: 0; } } @media (min-width: 1635px) { .content-w-sidebar-wrap .full-width-content-block { padding: 0; } } .content-w-sidebar-wrap .full-width-content-block .content-wrap { width: 100%; padding: 8px 24px; margin: 24px auto; } @media (min-width: 1051px) { .content-w-sidebar-wrap .full-width-content-block .content-wrap { padding: 0 48px; } } @media (min-width: 1307px) { .content-w-sidebar-wrap .full-width-content-block .content-wrap { margin-left: auto; margin-right: auto; } } @media (min-width: 1539px) { .content-w-sidebar-wrap .full-width-content-block .content-wrap { max-width: 1256px; } } @media (min-width: 1635px) { .content-w-sidebar-wrap .full-width-content-block .content-wrap { padding: 0; } } @media (min-width: 768px) { .content-w-sidebar-wrap .full-width-content-block .content-wrap { margin: 72px auto; } } @media (min-width: 1024px) { .content-w-sidebar-wrap .full-width-content-block .content-wrap { margin: 72px auto; } } @media (min-width: 1352px) { .content-w-sidebar-wrap .full-width-content-block .content-wrap { max-width: 1256px; } } .df-quote { background-image: var(--bg-image-mobile, var(--bg-image)); } @media (min-width: 896px) { .df-quote { background-image: var(--bg-image); } } .df-quote.rebrand.text-only .max-w-\[705px\] { max-width: 100%; } .full-width-image { margin: 0; width: 100%; } .full-width-image:before { content: ""; width: 100%; height: 100%; background: #335b76; position: absolute; left: 0; top: 9.903vw; bottom: 11.111vw; height: auto; } @media (min-width: 1024px) { .full-width-image:before { content: none; } .full-width-image { background: transparent; margin: 0; } } @media (min-width: 1366px) { .full-width-image { margin: 0 auto; } } .full-width-image .image-wrap { width: 100%; } .full-width-image .image-wrap img { width: 100%; } .full-width-image { display: flex; align-items: center; justify-content: center; z-index: 1; } .full-width-image .title { z-index: 1; font-weight: normal; position: absolute; color: #f7f4f0; font-family: "Inter", sans-serif; font-size: 34px; line-height: 1.33; padding: 32px 24px; } @media (min-width: 768px) { .full-width-image .title { font-size: 48px; } } @media (min-width: 768px) { .full-width-image .title strong { font-size: 57px; } } .wysiwyg { display: flex; width: 100%; } .wysiwyg .content-wrap { width: 100%; padding: 8px 24px; margin: 24px auto; } @media (min-width: 768px) { .wysiwyg .content-wrap { margin: 48px auto; padding: 0 48px; } } @media (min-width: 1024px) { .wysiwyg .content-wrap { margin: 72px auto; } } @media (min-width: 1256px) { .wysiwyg .content-wrap { max-width: 1256px; } } @media (min-width: 1352px) { .wysiwyg .content-wrap { max-width: 1256px; padding: 0; } } .wysiwyg a:not(.button) { text-decoration: underline; } .wysiwyg a:not(.button):hover, .wysiwyg a:not(.button):active, .wysiwyg a:not(.button):focus { text-decoration: none; } .wysiwyg .button { margin-top: 32px; color: #116685; } .wysiwyg .button:hover, .wysiwyg .button:active, .wysiwyg .button:focus { color: #f7f4f0; background: #008aba; border-color: #008aba; } .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 { color: #116685; } .wysiwyg.primary-theme { background: #39849c; } .wysiwyg.primary-theme .wysiwyg-title { color: #ffffff; } .wysiwyg.primary-theme p, .wysiwyg.primary-theme a, .wysiwyg.primary-theme li { color: #ffffff; } .wysiwyg.primary-theme li::marker { color: #ffffff; } .wysiwyg.primary-theme h3, .wysiwyg.primary-theme h4, .wysiwyg.primary-theme h5, .wysiwyg.primary-theme h6 { color: #ffffff; } .wysiwyg.primary-theme .button { color: #f7f4f0; } .wysiwyg.primary-theme .button:hover, .wysiwyg.primary-theme .button:active, .wysiwyg.primary-theme .button:focus { background: #008aba; border-color: #008aba; } .wysiwyg.secondary-theme { background: #065e7d; } .wysiwyg.secondary-theme .wysiwyg-title { color: #ffffff; } .wysiwyg.secondary-theme p, .wysiwyg.secondary-theme a, .wysiwyg.secondary-theme li { color: #ffffff; } .wysiwyg.secondary-theme a:hover, .wysiwyg.secondary-theme a:active, .wysiwyg.secondary-theme a:focus { color: #c9e6f0; } .wysiwyg.secondary-theme li::marker { color: #ffffff; } .wysiwyg.secondary-theme h3, .wysiwyg.secondary-theme h4, .wysiwyg.secondary-theme h5, .wysiwyg.secondary-theme h6 { color: #ffffff; } .wysiwyg.secondary-theme .button { color: #f7f4f0; } .wysiwyg.secondary-theme .button:hover, .wysiwyg.secondary-theme .button:active, .wysiwyg.secondary-theme .button:focus { background: #39849c; border-color: #39849c; } .wysiwyg .wysiwyg-title { color: #116685; text-transform: none; margin-bottom: 2px; font-family: "Inter", sans-serif; font-weight: normal; font-size: 36px; line-height: 1.33; } @media (min-width: 1024px) { .wysiwyg .wysiwyg-title { font-size: 48px; margin-bottom: 24px; } } .light-theme .wysiwyg .wysiwyg-title { color: #116685; } .primary-theme .wysiwyg .wysiwyg-title { color: #f7f4f0; } .secondary-theme .wysiwyg .wysiwyg-title { color: #f7f4f0; } .wysiwyg h3 { text-transform: none; margin-bottom: 2px; font-family: "Inter-Semibold", sans-serif; font-weight: normal; font-size: 18px; line-height: 1.27; } @media (min-width: 1024px) { .wysiwyg h3 { font-size: 22px; margin-bottom: 24px; } } .light-theme .wysiwyg h3 { color: #116685; } .primary-theme .wysiwyg h3 { color: #f7f4f0; } .secondary-theme .wysiwyg h3 { color: #f7f4f0; } .wysiwyg h2 { font-size: 24px; line-height: 1.2; margin-top: 4px; margin-bottom: 2px; } @media (min-width: 1024px) { .wysiwyg h2 { margin-top: 8px; } } .wysiwyg p, .wysiwyg ul li { line-height: 1.54; font-size: 18px; } @media (min-width: 768px) { .wysiwyg p, .wysiwyg ul li { font-size: 22px; } } .wysiwyg p, .wysiwyg .wysiwyg-title, .wysiwyg ul { max-width: 970px; } .content ul, .content ol { list-style-type: disc; padding: 0 0 0 20px; } .content li { font-family: "Inter", sans-serif; color: rgba(0, 0, 0, 0.7); font-size: 16px; line-height: 1.85; line-height: 26px; margin: 0; margin-bottom: 16px; } .content li::marker { color: #116685; } .content-w-sidebar-wrap .wysiwyg { padding: 0; } @media (min-width: 1307px) { .content-w-sidebar-wrap .wysiwyg { margin-left: auto; margin-right: auto; padding: 0; } } @media (min-width: 1635px) { .content-w-sidebar-wrap .wysiwyg { padding: 0; } } .content-w-sidebar-wrap .wysiwyg .content-wrap { width: 100%; padding: 8px 24px; margin: 24px auto; } @media (min-width: 1051px) { .content-w-sidebar-wrap .wysiwyg .content-wrap { padding: 0 48px; } } @media (min-width: 1307px) { .content-w-sidebar-wrap .wysiwyg .content-wrap { margin-left: auto; margin-right: auto; } } @media (min-width: 1539px) { .content-w-sidebar-wrap .wysiwyg .content-wrap { max-width: 1256px; } } @media (min-width: 1635px) { .content-w-sidebar-wrap .wysiwyg .content-wrap { padding: 0; } } @media (min-width: 768px) { .content-w-sidebar-wrap .wysiwyg .content-wrap { margin: 48px auto; } } @media (min-width: 1024px) { .content-w-sidebar-wrap .wysiwyg .content-wrap { margin: 72px auto; } } @media (min-width: 1352px) { .content-w-sidebar-wrap .wysiwyg .content-wrap { max-width: 1256px; } } .light-theme a:hover, .light-theme a:active, .light-theme a:focus { text-decoration: none; } .light-theme h3, .light-theme h4, .light-theme h5, .light-theme h6 { color: #116685; } .primary-theme { background: #39849c; } .primary-theme .wysiwyg-title { color: #ffffff; } .primary-theme p, .primary-theme a, .primary-theme li { color: #ffffff; } .primary-theme a:hover, .primary-theme a:active, .primary-theme a:focus { color: #daefed; } .primary-theme li::marker { color: #ffffff; } .primary-theme h3, .primary-theme h4, .primary-theme h5, .primary-theme h6 { color: #ffffff; } .primary-theme .button { color: #f7f4f0; } .primary-theme .button:hover, .primary-theme .button:active, .primary-theme .button:focus { background: #008aba; border-color: #008aba; } .secondary-theme .wysiwyg-title { color: #ffffff; } .secondary-theme p, .secondary-theme a, .secondary-theme li { color: #ffffff; } .secondary-theme a:hover, .secondary-theme a:active, .secondary-theme a:focus { color: #c9e6f0; } .secondary-theme li::marker { color: #ffffff; } .secondary-theme h3, .secondary-theme h4, .secondary-theme h5, .secondary-theme h6 { color: #ffffff; } .secondary-theme .button { color: #f7f4f0; } .secondary-theme .button:hover, .secondary-theme .button:active, .secondary-theme .button:focus { background: #39849c; border-color: #39849c; } .df-wysiwyg a:not(.df-button) { text-decoration: underline; font-weight: 700; } .df-wysiwyg.bg-gray-4 { color: var(--color-gray-1); } .df-wysiwyg.bg-gray-4 p:first-of-type { color: var(--color-gray-2); } .df-wysiwyg.bg-gray-4 li, .df-wysiwyg.bg-gray-4 li::marker { color: var(--color-gray-1); font-size: inherit; line-height: inherit; } .df-wysiwyg.bg-gray-4 h2, .df-wysiwyg.bg-gray-4 .df-button { color: var(--color-primary); } .df-wysiwyg.bg-gray-4 .df-button:hover, .df-wysiwyg.bg-gray-4 .df-button:active, .df-wysiwyg.bg-gray-4 .df-button:focus { background-color: var(--color-primary); color: #ffffff; border-color: var(--color-primary); } .df-wysiwyg.bg-blue-1 { color: #fff; } .df-wysiwyg.bg-blue-1 li, .df-wysiwyg.bg-blue-1 li::marker { color: #fff; font-size: inherit; line-height: inherit; } .df-wysiwyg.bg-blue-1 h2, .df-wysiwyg.bg-blue-1 .df-button, .df-wysiwyg.bg-blue-1 a { color: var(--color-green-4); } .df-wysiwyg.bg-blue-1 .df-button:hover, .df-wysiwyg.bg-blue-1 .df-button:active, .df-wysiwyg.bg-blue-1 .df-button:focus { background-color: var(--color-green-4); color: var(--color-blue-1); border-color: var(--color-green-4); } .df-wysiwyg.bg-blue-1.orange-title h2, .df-wysiwyg.bg-blue-1.orange-title .df-button { color: #fbb94b; } .df-wysiwyg.bg-blue-1.orange-title .df-button:hover, .df-wysiwyg.bg-blue-1.orange-title .df-button:active, .df-wysiwyg.bg-blue-1.orange-title .df-button:focus { background-color: #fbb94b; color: var(--color-blue-1); border-color: #fbb94b; } .df-wysiwyg.bg-blue-1.red-title h2, .df-wysiwyg.bg-blue-1.red-title .df-button { color: var(--color-red-4); } .df-wysiwyg.bg-blue-1.red-title .df-button:hover, .df-wysiwyg.bg-blue-1.red-title .df-button:active, .df-wysiwyg.bg-blue-1.red-title .df-button:focus { background-color: var(--color-red-4); color: var(--color-blue-1); border-color: var(--color-red-4); } .df-wysiwyg.bg-red-4 { background-color: #f5e0d7; color: var(--color-gray-1); } .df-wysiwyg.bg-red-4 p:first-of-type { color: var(--color-gray-2); } .df-wysiwyg.bg-red-4 h2, .df-wysiwyg.bg-red-4 .df-button { color: var(--color-red-2); } .df-wysiwyg.bg-red-4 .df-button:hover, .df-wysiwyg.bg-red-4 .df-button:active, .df-wysiwyg.bg-red-4 .df-button:focus { color: var(--color-blue-1); background-color: var(--color-red-2); border-color: var(--color-red-2); } .df-wysiwyg.bg-turquoise, .df-wysiwyg.bg-blue-gradient { color: var(--color-blue-1); background-color: #9ee8d9; } .df-wysiwyg.bg-turquoise p:first-of-type:not(:last-of-type), .df-wysiwyg.bg-blue-gradient p:first-of-type:not(:last-of-type) { color: var(--color-primary); } .df-wysiwyg.bg-turquoise h2, .df-wysiwyg.bg-turquoise .df-button, .df-wysiwyg.bg-blue-gradient h2, .df-wysiwyg.bg-blue-gradient .df-button { color: var(--color-blue-1); } .df-wysiwyg.bg-turquoise .df-button:hover, .df-wysiwyg.bg-turquoise .df-button:active, .df-wysiwyg.bg-turquoise .df-button:focus, .df-wysiwyg.bg-blue-gradient .df-button:hover, .df-wysiwyg.bg-blue-gradient .df-button:active, .df-wysiwyg.bg-blue-gradient .df-button:focus { color: #ffffff; background-color: var(--color-blue-1); border-color: var(--color-blue-1); } .df-wysiwyg.bg-orange-2 { color: var(--color-gray-1); } .df-wysiwyg.bg-orange-2 p:first-of-type { color: var(--color-blue-1); } .df-wysiwyg.bg-orange-2 h2, .df-wysiwyg.bg-orange-2 .df-button { color: var(--color-blue-1); } .df-wysiwyg.bg-orange-2 .df-button:hover, .df-wysiwyg.bg-orange-2 .df-button:active, .df-wysiwyg.bg-orange-2 .df-button:focus { background-color: var(--color-orange-1); color: var(--color-blue-1); border-color: var(--color-orange-1); } .df-wysiwyg.bg-\[\#FBB94B\] { background-image: linear-gradient(270deg, #fbb94c 0%, #ffd382 100%); color: var(--color-charcoal); } .df-wysiwyg.bg-\[\#FBB94B\] li, .df-wysiwyg.bg-\[\#FBB94B\] li::marker { color: var(--color-charcoal); font-size: inherit; line-height: inherit; } .df-wysiwyg.bg-\[\#FBB94B\] h2, .df-wysiwyg.bg-\[\#FBB94B\] .df-button { color: var(--color-blue-1); } .df-wysiwyg.bg-\[\#FBB94B\] .df-button:hover, .df-wysiwyg.bg-\[\#FBB94B\] .df-button:active, .df-wysiwyg.bg-\[\#FBB94B\] .df-button:focus { background-color: var(--color-orange-1); color: var(--color-blue-1); border-color: var(--color-orange-1); } .df-wysiwyg.bg-primary { color: #ffffff; } .df-wysiwyg.bg-primary li, .df-wysiwyg.bg-primary li::marker { color: #ffffff; font-size: inherit; line-height: inherit; } .df-wysiwyg.bg-primary h2, .df-wysiwyg.bg-primary .df-button { color: var(--color-green-4); } .df-wysiwyg.bg-primary .df-button:hover, .df-wysiwyg.bg-primary .df-button:active, .df-wysiwyg.bg-primary .df-button:focus { background-color: var(--color-green-4); color: var(--color-blue-1); border-color: var(--color-green-4); } .wysiwyg .content-wrap > div { display: grid; grid-template-columns: 1fr; -moz-column-gap: 32px; column-gap: 32px; row-gap: 32px; margin-top: 32px; } .wysiwyg .content-wrap > div p { margin: 0; } @media (min-width: 768px) { .wysiwyg .content-wrap > div { grid-template-columns: 1fr 1fr; } } @media (min-width: 1024px) { .wysiwyg .content-wrap > div { margin-top: 48px; -moz-column-gap: 48px; column-gap: 48px; row-gap: 48px; grid-template-columns: repeat(3, 1fr); } } .wysiwyg.rebrand h2 { max-width: 100%; } .wysiwyg.rebrand p { color: var(--color-gray-2); font-weight: 500; font-size: 12px; line-height: 32px; } @media (min-width: 768px) { .wysiwyg.rebrand p { font-size: 26px; line-height: 60px; } } .wysiwyg.rebrand .content-wrap > div { row-gap: 0px; grid-template-columns: 1fr 1fr; } @media (min-width: 1024px) { .wysiwyg.rebrand .content-wrap > div { grid-template-columns: repeat(4, 1fr); margin-top: 60px; } } @media (max-width: calc(896px - 1px)) { .intro-section { flex-wrap: wrap; } } @media (min-width: 667px) { .intro-section { align-items: stretch; } } .intro-section .flex-item { flex: 100% 0 0; max-width: 100%; padding: 10%; } @media (min-width: 667px) { .intro-section .flex-item { padding: 150px 75px; } } @media (min-width: 896px) { .intro-section .flex-item { flex: 50% 0 0; max-width: 50%; } } @media (min-width: 1275px) { .intro-section .flex-item { padding: 215px 125px; } } .intro-section .left-side { background: #116685; } .intro-section .right-side { position: relative; } .copy.style-1 { background: black; position: relative; } .copy.style-1 .content-wrap { position: relative; padding: 115px 10px; width: 90%; max-width: 680px; margin: 0 auto; text-align: left; } .copy.style-1 .text-wrap { font-family: "Inter", sans-serif; line-height: 1.75; } .copy.style-1 .accent { color: #116685; font-size: 7em; transform: rotate(90deg) translateY(-50%); letter-spacing: 0.1em; font-family: "Inter", sans-serif; line-height: 1; font-weight: 600; position: absolute; left: -43px; top: -4%; } @media (min-width: 768px) { .copy.style-1 .accent { left: 0px; } } @media (min-width: 896px) { .copy.style-1 .accent { left: -8%; font-size: 8em; top: -7%; } } @media (min-width: 975px) { .copy.style-1 .accent { font-size: 9em; } } @media (min-width: 1275px) { .copy.style-1 .accent { top: -11%; left: -8%; font-size: 13.5em; } } .copy.style-2 { background: #a7a7a7; padding: 10%; } @media (min-width: 896px) { .copy.style-2 { padding: 4.8125em; } } .copy.style-2 .text-wrap { width: 100%; max-width: 715px; margin: 0 auto; } .copy.style-3 { background: black; color: #116685; padding: 4.8125em; } @media (min-width: 896px) { .copy.style-3 { padding: 75px 100px; } } .copy.style-3 .flex-wrap { display: flex; flex-wrap: wrap; } @media (min-width: 1136px) { .copy.style-3 .flex-wrap { flex-wrap: nowrap; } } .copy.style-3 .column-one { flex: 100% 0 0; max-width: 100%; } @media (min-width: 1136px) { .copy.style-3 .column-one { flex: 38% 0 0; max-width: 38%; padding-right: 20px; } } .copy.style-3 .column-one .subtitle { display: block; margin-top: 30px; } .copy.style-3 .column-one .subtitle a { text-decoration: underline; } .copy.style-3 .column-two { flex: 100% 0 0; max-width: 100%; } @media (min-width: 1136px) { .copy.style-3 .column-two { flex: 62% 0 0; max-width: 62%; } } .copy.style-3 ul { display: flex; flex-wrap: wrap; margin-top: 32px; } @media (min-width: 1136px) { .copy.style-3 ul { margin-top: 0; } } .copy.style-3 ul li { flex: 100% 0 0; width: 100%; font-size: 1.125em; margin-bottom: 1.5em; font-weight: 400; } @media (min-width: 667px) { .copy.style-3 ul li { flex: 50% 0 0; max-width: 50%; padding-right: 20px; } } .copy.style-3 ul + ul { margin-top: 32px; } @media (min-width: 896px) { .copy.style-3 ul + ul { margin-top: 64px; } } .copy.style-3 .disclaimer { text-align: right; font-size: 1.125em; margin-bottom: 0; font-weight: 400; } .touts { overflow: hidden; } .touts.bg-black-100 { max-width: none !important; margin: 0 !important; display: flex; background: #f7f4f0; } .touts.bg-black-200 { display: flex; max-width: none !important; margin: 0 !important; display: flex; background: #ede8e1; } .touts.bg-blue-4 { max-width: none !important; margin: 0 !important; display: flex; background: var(--color-blue-4); } .touts-wrap { width: 100%; padding: 8px 24px; margin: 24px auto; } @media (min-width: 768px) { .touts-wrap { margin: 48px auto; padding: 0 48px; } } @media (min-width: 1024px) { .touts-wrap { margin: 72px auto; } } @media (min-width: 1256px) { .touts-wrap { max-width: 1256px; } } @media (min-width: 1352px) { .touts-wrap { max-width: 1256px; padding: 0; } } @media (max-width: calc(768px - 1px)) { .touts-wrap { margin-top: 56px; margin-bottom: 56px; } } .touts-wrap { flex-wrap: wrap; align-items: flex-start; } @media (min-width: 768px) { .touts-wrap { width: 100%; display: flex; flex-direction: row; justify-content: space-between; } } .link-list .touts-wrap { align-items: center; } .link-list .touts-wrap:after { content: ""; position: absolute; width: 100%; width: 957px; height: 1010.59px; z-index: -1; right: 40px; bottom: -190px; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%22957%22%20height%3D%221011%22%20viewBox%3D%220%200%20957%201011%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M342.57%200H0.645749V878.375L0%201010.59H378.086C743.257%201010.59%20957%20778.515%20957%20509.34C957%20246.302%20787.168%200%20342.57%200Z%22%20fill%3D%22%23F7F4F0%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: 100%; } @media (min-width: 768px) { .link-list .touts-wrap:after { right: 970px; bottom: -251px; } } .tout { display: flex; flex-direction: column; justify-content: center; margin-bottom: 8px; } @media (min-width: 768px) { .tout { width: 31%; margin-bottom: 0; } } .touts:not(.two-bucket-subhead) .tout-title-wrap { grid-column: 1/-1; margin-bottom: 32px; } @media (min-width: 1024px) { .touts:not(.two-bucket-subhead) .tout-title-wrap { margin-bottom: 0; } } .tout-title { font-weight: 600; font-size: 18px; line-height: 22px; color: #335b76; font-family: "Inter", sans-serif; text-transform: uppercase; text-align: center; letter-spacing: 0.1em; margin-top: 4px; margin-bottom: 4px; } .tout-link { align-self: center; } .touts.link-list { background: #ede8e1; overflow: hidden; } .tout-section-title { color: #116685; font-size: 18px; line-height: 1.55; } @media (min-width: 768px) { .tout-section-title { font-size: 18px; margin-bottom: -30px; } } .light-theme .tout-section-title { color: #116685; } .primary-theme .tout-section-title { color: #f7f4f0; } .secondary-theme .tout-section-title { color: #f7f4f0; } .tout-section-title { width: 100%; margin-bottom: 32px; } @media (min-width: 768px) { .tout-section-title { margin-bottom: 56px; } } .tout-section-subhead { color: #116685; text-transform: none; margin-bottom: 2px; font-family: "Inter", sans-serif; font-weight: normal; font-size: 36px; line-height: 1.33; } @media (min-width: 1024px) { .tout-section-subhead { font-size: 48px; margin-bottom: 24px; } } .light-theme .tout-section-subhead { color: #116685; } .primary-theme .tout-section-subhead { color: #f7f4f0; } .secondary-theme .tout-section-subhead { color: #f7f4f0; } .link-list:not(.rebrand) .tout-section-subhead { color: #116685; font-family: "Inter", sans-serif; font-weight: normal; font-size: 28px; line-height: 1.41; } @media (min-width: 768px) { .link-list:not(.rebrand) .tout-section-subhead { font-size: 34px; max-width: 300px; } .link-list:not(.rebrand) .tout-section-subhead strong { font-size: 37px; } } .link-list .tout-link-list-link { right: 0; } .link-list .tout-link-list-link:after { transition: right 0.3s ease-in-out; } @media (min-width: 768px) { .link-list .tout-link-list-link:hover, .link-list .tout-link-list-link:active, .link-list .tout-link-list-link:focus { color: #61a3b3; } .link-list .tout-link-list-link:hover:after, .link-list .tout-link-list-link:active:after, .link-list .tout-link-list-link:focus:after { right: -8px; } } .link-list-wrap { margin-top: 32px; } @media (min-width: 768px) { .link-list-wrap { margin-top: 0; width: 50%; } .link-list-wrap.full-width { width: 100%; } } .link-list-wrap .tout { width: 100%; } .link-list-wrap .tout:last-of-type .tout-link-list-link { border-bottom: 2px solid #89c1c9; } .tout-link-list-link { position: relative; font-size: 16px; line-height: 1.231; font-family: "Inter-Semibold", sans-serif; width: 100%; padding: 16px 0; margin: 0; border-top: 2px solid #89c1c9; } @media (min-width: 768px) { .tout-link-list-link { font-size: 22px; transition: color 0.3s ease-in-out; } .tout-link-list-link:after { transition: right 0.3s ease-in-out; } .tout-link-list-link:hover:after, .tout-link-list-link:active:after, .tout-link-list-link:focus:after { right: -8px; } } .tout-link-list-link:after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2225%22%20height%3D%2220%22%20viewBox%3D%220%200%2025%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15%200L13.6%201.4L21.1%209H0V11H21.1L13.6%2018.6L15%2020L25%2010L15%200Z%22%20fill%3D%22%2389c1c9%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; width: 25px; height: 20px; margin: auto 0; } .tout-title-no-link { color: #116685; position: relative; font-size: 16px; line-height: 1.231; font-family: "Inter-Semibold", sans-serif; width: 100%; padding: 16px 0; } @media (min-width: 768px) { .tout-title-no-link { font-size: 18px; padding: 24px 0 0; margin: 0; } } .no-link { color: #116685; } .no-link:hover, .no-link:active, .no-link:focus { color: #116685 !important; } .no-link:after { content: none; } .two-bucket-subhead .touts-wrap { display: grid; grid-row-gap: 32px; } @media (min-width: 1024px) { .two-bucket-subhead .touts-wrap { grid-template-columns: 297px 1fr; grid-column-gap: 40px; } .two-bucket-subhead .touts-wrap .tout-section-subhead { font-size: 34px; } } .tout-w-text-wrap { display: grid; grid-template-columns: 1fr; grid-column-gap: 32px; grid-row-gap: 64px; } @media (min-width: 768px) { .tout-w-text-wrap { grid-template-columns: 1fr 1fr; align-items: flex-start; } .tout-w-text-wrap .tout > a h3:after { right: 0; } .tout-w-text-wrap .tout > a h3:after, .tout-w-text-wrap .tout > a + .tout-link-list-link:after { transition: right 0.3s ease-in-out; } .tout-w-text-wrap .tout > a:hover h3:after, .tout-w-text-wrap .tout > a:hover + .tout-link-list-link:after, .tout-w-text-wrap .tout > a:active h3:after, .tout-w-text-wrap .tout > a:active + .tout-link-list-link:after, .tout-w-text-wrap .tout > a:focus h3:after, .tout-w-text-wrap .tout > a:focus + .tout-link-list-link:after { right: -8px; } .tout-w-text-wrap .tout > a:hover + .tout-link-list-link, .tout-w-text-wrap .tout > a:active + .tout-link-list-link, .tout-w-text-wrap .tout > a:focus + .tout-link-list-link { color: #39849c; } .tout-w-text-wrap .tout-link-list-link:after { right: 0; } .tout-w-text-wrap .tout-link-list-link:hover, .tout-w-text-wrap .tout-link-list-link:active, .tout-w-text-wrap .tout-link-list-link:focus { color: #39849c; } .tout-w-text-wrap .tout-link-list-link:hover:after, .tout-w-text-wrap .tout-link-list-link:active:after, .tout-w-text-wrap .tout-link-list-link:focus:after { right: -8px; } } .touts.two-bucket-subhead .tout, .touts.two-bucket-text-below .tout, .touts.two-bucket-on-top .tout { width: auto; } .touts.two-bucket-subhead, .touts.two-bucket-text-below, .touts.two-bucket-on-top { margin: 8px 24px; margin: 8px 0; } @media (min-width: 768px) { .touts.two-bucket-subhead, .touts.two-bucket-text-below, .touts.two-bucket-on-top { margin: 16px 48px; margin: 16px 0; } } @media (min-width: 1366px) { .touts.two-bucket-subhead, .touts.two-bucket-text-below, .touts.two-bucket-on-top { margin: 16px auto; } } @media (min-width: 1256px) { .touts.two-bucket-subhead, .touts.two-bucket-text-below, .touts.two-bucket-on-top { max-width: 1256px; } } .touts.two-bucket-subhead .tout-link-list-link, .touts.two-bucket-text-below .tout-link-list-link, .touts.two-bucket-on-top .tout-link-list-link { border-top: none; display: flex; align-items: center; line-height: 1.5555; } @media (min-width: 768px) { .touts.two-bucket-subhead .tout-link-list-link, .touts.two-bucket-text-below .tout-link-list-link, .touts.two-bucket-on-top .tout-link-list-link { font-size: 18px; padding: 20px 0 0; } .touts.two-bucket-subhead .tout-link-list-link:hover, .touts.two-bucket-subhead .tout-link-list-link:active, .touts.two-bucket-subhead .tout-link-list-link:focus, .touts.two-bucket-text-below .tout-link-list-link:hover, .touts.two-bucket-text-below .tout-link-list-link:active, .touts.two-bucket-text-below .tout-link-list-link:focus, .touts.two-bucket-on-top .tout-link-list-link:hover, .touts.two-bucket-on-top .tout-link-list-link:active, .touts.two-bucket-on-top .tout-link-list-link:focus { color: #39849c; } } .touts.two-bucket-subhead .tout-link-list-link:after, .touts.two-bucket-text-below .tout-link-list-link:after, .touts.two-bucket-on-top .tout-link-list-link:after { content: ""; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2219%22%20height%3D%2216%22%20viewBox%3D%220%200%2019%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.25%200.5L10.2%201.55L15.825%207.25H0V8.75H15.825L10.2%2014.45L11.25%2015.5L18.75%208L11.25%200.5Z%22%20fill%3D%22%2339849c%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; position: relative; margin: 3px 0 0 16px; width: 19px; height: 16px; } .touts.two-bucket-subhead p, .touts.two-bucket-text-below p, .touts.two-bucket-on-top p { line-height: 1.555; } @media (min-width: 768px) { .touts.two-bucket-subhead p, .touts.two-bucket-text-below p, .touts.two-bucket-on-top p { font-size: 18px; } } .touts.two-bucket-on-top a { overflow: hidden; position: relative; } .touts.two-bucket-on-top .tout { background: #116685; } .touts.two-bucket-on-top .tout > a:before { content: ""; background: linear-gradient(180deg, rgba(11, 89, 94, 0) 50%, #0b595e 100%), linear-gradient(0deg, rgba(11, 89, 94, 0.5), rgba(11, 89, 94, 0.5)); text-decoration: none; background: linear-gradient(180deg, rgba(17, 102, 133, 0) 50%, #116685 100%), linear-gradient(0deg, rgba(17, 102, 133, 0.5), rgba(17, 102, 133, 0.5)); width: 100%; height: 100%; max-width: 100%; max-height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .touts.two-bucket-on-top a { display: flex; align-items: flex-end; justify-content: center; color: #f7f4f0; } .touts.two-bucket-on-top h3 { display: flex; align-items: center; font-size: 16px; line-height: 1.555; font-family: "Inter-Semibold", sans-serif; } .touts.two-bucket-on-top h3:after { content: ""; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2219%22%20height%3D%2216%22%20viewBox%3D%220%200%2019%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.25%200.5L10.2%201.55L15.825%207.25H0V8.75H15.825L10.2%2014.45L11.25%2015.5L18.75%208L11.25%200.5Z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; position: relative; margin: 3px 0 0 16px; width: 19px; height: 16px; } @media (min-width: 768px) { .touts.two-bucket-on-top h3 { font-size: 18px; padding: 0; margin: 0; } } .touts.two-bucket-on-top p { color: #f7f4f0; } .touts.two-bucket-on-top .tout-text-wrap { z-index: 1; position: absolute; padding: 16px 24px; } .touts.two-bucket-on-top img { opacity: 1; mix-blend-mode: luminosity; } .touts.icons-above .touts-wrap { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 40px; grid-column-gap: 32px; align-items: flex-start; } @media (min-width: 768px) { .touts.icons-above .touts-wrap { grid-template-columns: repeat(4, 1fr); grid-row-gap: 56px; } } .touts.icons-above .tout { width: auto; } .touts.icons-above .tout:hover img, .touts.icons-above .tout:active img, .touts.icons-above .tout:focus img { opacity: 0.7; } .touts.icons-above .tout:hover a, .touts.icons-above .tout:active a, .touts.icons-above .tout:focus a { color: #39849c; } .touts.icons-above .tout:hover a.icons-above-link, .touts.icons-above .tout:active a.icons-above-link, .touts.icons-above .tout:focus a.icons-above-link { color: #61a3b3; } .touts.icons-above .tout:hover .icons-above-link:after, .touts.icons-above .tout:active .icons-above-link:after, .touts.icons-above .tout:focus .icons-above-link:after { margin-left: 24px; } .touts.icons-above img { width: auto; transition: opacity 0.3s ease-in-out; } .touts.icons-above .tout-section-subhead { width: 100%; max-width: none; margin-bottom: 0; font-size: 34px; line-height: 1.3333; grid-column: 1/-1; } @media (min-width: 768px) { .touts.icons-above .tout-section-subhead { font-size: 48px; } } .touts.icons-above .tout-link-list-link { border-top: none; } .touts.icons-above .tout-link-list-link:hover, .touts.icons-above .tout-link-list-link:active, .touts.icons-above .tout-link-list-link:focus { color: #39849c; } .touts.icons-above .tout-link-list-link:after { content: none; } .touts.icons-above .icons-above-link { display: flex; align-items: center; font-size: 16px; line-height: 1.5555; color: #39849c; text-transform: uppercase; transition: color 0.3s ease-in-out; } .touts.icons-above .icons-above-link:after { content: ""; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2219%22%20height%3D%2216%22%20viewBox%3D%220%200%2019%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.25%200.5L10.2%201.55L15.825%207.25H0V8.75H15.825L10.2%2014.45L11.25%2015.5L18.75%208L11.25%200.5Z%22%20fill%3D%22%2339849c%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; position: relative; margin: 3px 0 0 16px; width: 19px; height: 16px; flex-shrink: 0; transition: margin 0.3s ease-in-out; } @media (min-width: 768px) { .touts.icons-above .icons-above-link { font-size: 18px; } } .touts.icons-above .icons-above-link:hover, .touts.icons-above .icons-above-link:active, .touts.icons-above .icons-above-link:focus { color: #61a3b3; } .touts.icons-left .touts-wrap { display: grid; grid-template-columns: repeat(1, 1fr); grid-column-gap: 40px; grid-column-gap: 32px; align-items: flex-start; } @media (min-width: 768px) { .touts.icons-left .touts-wrap { grid-template-columns: repeat(3, 1fr); grid-row-gap: 56px; } } .touts.icons-left .tout { width: auto; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } @media (max-width: calc(1024px - 1px)) { .touts.icons-left .tout { margin-bottom: 24px; } } .touts.icons-left .tout > a { margin-right: 16px; } .touts.icons-left .tout:hover .tout-link-list-link, .touts.icons-left .tout:active .tout-link-list-link, .touts.icons-left .tout:focus .tout-link-list-link { color: #39849c; } .touts.icons-left img { width: auto; max-width: none; } .touts.icons-left .tout-section-subhead { width: 100%; max-width: none; margin-bottom: 0; font-size: 34px; line-height: 1.3333; grid-column: 1/-1; } @media (min-width: 768px) { .touts.icons-left .tout-section-subhead { font-size: 48px; } } .touts.icons-left .tout-link-list-link { border-top: none; } .touts.icons-left .tout-link-list-link:after { content: none; } .touts.icons-left .icons-left-link { display: flex; align-items: center; font-size: 16px; line-height: 1.5555; color: #39849c; text-transform: uppercase; } .touts.icons-left .icons-left-link:after { content: ""; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2219%22%20height%3D%2216%22%20viewBox%3D%220%200%2019%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.25%200.5L10.2%201.55L15.825%207.25H0V8.75H15.825L10.2%2014.45L11.25%2015.5L18.75%208L11.25%200.5Z%22%20fill%3D%22%2339849c%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; position: relative; margin: 3px 0 0 16px; width: 19px; height: 16px; right: 0; transition: right 0.3s ease-in-out; } @media (min-width: 768px) { .touts.icons-left .icons-left-link { font-size: 18px; } .touts.icons-left .icons-left-link:hover:after, .touts.icons-left .icons-left-link:active:after, .touts.icons-left .icons-left-link:focus:after { right: -8px; } } @media (min-width: 768px) { .tout > a:hover + .tout-link-wrap .icons-left-link:after, .tout > a:active + .tout-link-wrap .icons-left-link:after, .tout > a:focus + .tout-link-wrap .icons-left-link:after { right: -8px; } } @media (min-width: 768px) { .tout-link-list-link:hover + .icons-left-link:after, .tout-link-list-link:active + .icons-left-link:after, .tout-link-list-link:focus + .icons-left-link:after { right: -8px; } } .content-w-sidebar-wrap .touts { padding: 0; } @media (min-width: 1307px) { .content-w-sidebar-wrap .touts { margin-left: auto; margin-right: auto; padding: 0; } } @media (min-width: 1635px) { .content-w-sidebar-wrap .touts { padding: 0; } } .content-w-sidebar-wrap .touts-wrap { width: 100%; padding: 8px 24px; margin: 24px auto; } @media (min-width: 1051px) { .content-w-sidebar-wrap .touts-wrap { padding: 0 48px; } } @media (min-width: 1307px) { .content-w-sidebar-wrap .touts-wrap { margin-left: auto; margin-right: auto; } } @media (min-width: 1539px) { .content-w-sidebar-wrap .touts-wrap { max-width: 1256px; } } @media (min-width: 1635px) { .content-w-sidebar-wrap .touts-wrap { padding: 0; } } @media (min-width: 768px) { .content-w-sidebar-wrap .touts-wrap { margin: 48px auto; } } @media (min-width: 1024px) { .content-w-sidebar-wrap .touts-wrap { margin: 72px auto; } } @media (min-width: 1352px) { .content-w-sidebar-wrap .touts-wrap { max-width: 1256px; } } .touts.two-bucket-text-below .tout-link-list-link { font-size: 24px; font-weight: 700; font-family: "Inter", sans-serif; } .touts.two-bucket-text-below .tout-link-list-link:after { margin-top: 0; } .touts.two-bucket-text-below .tout-link-list-link:not(:hover) { color: var(--color-primary); } .touts.two-bucket-text-below p { font-family: "Inter", sans-serif; color: var(--color-gray-2); font-size: 24px; line-height: 1.33; } @media (max-width: 767px) { .touts.two-bucket-text-below.cards .tout-w-text-wrap { gap: 40px; } .touts.two-bucket-text-below.cards .tout { overflow: hidden; } .touts.two-bucket-text-below.cards .tout-card-title { color: #fff; font-weight: 600; font-size: 24px; } .touts.two-bucket-text-below.cards .tout-card-content { padding: 38px 20px; position: relative; } .touts.two-bucket-text-below.cards .tout-card-content:before { background-color: inherit; content: ""; position: absolute; top: -23%; left: 50%; transform: translateX(-50%); width: 120% !important; height: 150%; border-radius: 50% 50% 0% 0/32% 32% 70% 70%; } .touts.two-bucket-text-below.cards p { font-size: 12px; line-height: 2; margin-top: 4px; color: inherit; } .touts.two-bucket-text-below.cards .tout:nth-child(odd) .tout-card-content { background-color: var(--color-primary); color: var(--color-blue-3); } .touts.two-bucket-text-below.cards .tout:nth-child(even) .tout-card-content { background-color: var(--color-green-3); color: var(--color-green-4); } .touts.tout-list .touts-wrap { margin: 0; padding: 0; } .touts.tout-list .tout-w-text-wrap { gap: 0; } .touts.tout-list .tout { flex-direction: row; gap: 16px; margin: 0; padding: 30px 24px; } .touts.tout-list .tout:nth-child(even) { background: linear-gradient(180deg, rgba(17, 102, 133, 0.15) 0%, rgba(237, 232, 225, 0) 88.1%); } .touts.tout-list .tout > *:first-child { display: block; flex-basis: 37%; } .touts.tout-list .tout .tout-content { flex-basis: 63%; } .touts.tout-list .tout .tout-content p { font-size: 8px; line-height: 2; } .touts.tout-list .tout .tout-link-list-link { padding: 0; font-size: 12px; line-height: 1.5; justify-content: space-between; gap: 8px; } .touts.tout-list .tout .tout-link-list-link:after { width: 8px; min-width: 8px; height: 7px; margin: 0; background-size: contain; } } .touts.link-list .tout-title-wrap { max-width: 100%; margin-bottom: 16px; } .touts.link-list .touts-wrap:after { display: none !important; } .touts.link-list .tout-section-subhead { color: var(--color-primary); max-width: 100%; margin-bottom: 16px; } .touts.link-list .tout-link-list-link { font-weight: 700; padding-right: 30px; } .touts.link-list .tout-text-content { font-size: 20px; line-height: 1.555; color: var(--color-primary); } .touts.link-list.bg-orange-gradient { background: linear-gradient(270deg, #efdbb2 0%, #ecc3b2 100%); } .touts.link-list.bg-orange-gradient .list-title, .touts.link-list.bg-orange-gradient .bullet-title, .touts.link-list.bg-orange-gradient .tout-link-list-link { color: var(--color-primary) !important; } .touts.link-list.bg-orange-gradient .list-section-title { color: var(--color-red-2); } .touts.link-list.bg-orange-gradient .tout-link-list-link { border-color: var(--color-red-3) !important; } .touts.link-list.bg-orange-gradient .tout-link-list-link:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2219%22%20height%3D%2216%22%20viewBox%3D%220%200%2019%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.25%200.5L10.2%201.55L15.825%207.25H0V8.75H15.825L10.2%2014.45L11.25%2015.5L18.75%208L11.25%200.5Z%22%20fill%3D%22%23116685%22%2F%3E%3C%2Fsvg%3E"); } .touts.link-list.bg-green-4 { background-color: var(--color-green-4); } .touts.link-list.bg-green-4 .list-title, .touts.link-list.bg-green-4 .bullet-title, .touts.link-list.bg-green-4 .tout-link-list-link { color: var(--color-primary) !important; } .touts.link-list.bg-green-4 .list-section-title { color: var(--color-orange-1); } .touts.link-list.bg-green-4 .tout-link-list-link { border-color: var(--color-orange-1) !important; } .touts.link-list.bg-green-4 .tout-link-list-link:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2219%22%20height%3D%2216%22%20viewBox%3D%220%200%2019%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.25%200.5L10.2%201.55L15.825%207.25H0V8.75H15.825L10.2%2014.45L11.25%2015.5L18.75%208L11.25%200.5Z%22%20fill%3D%22%23116685%22%2F%3E%3C%2Fsvg%3E"); } .touts.link-list.bg-blue-1 { background-color: var(--color-blue-1); } .touts.link-list.bg-blue-1 .list-title, .touts.link-list.bg-blue-1 .bullet-title, .touts.link-list.bg-blue-1 .tout-link-list-link { color: #ffffff !important; } .touts.link-list.bg-blue-1 .list-section-title { color: var(--color-green-4); } .touts.link-list.bg-blue-1 .tout-link-list-link { border-color: var(--color-green-4) !important; } .touts.link-list.bg-blue-1 .tout-link-list-link:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2219%22%20height%3D%2216%22%20viewBox%3D%220%200%2019%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.25%200.5L10.2%201.55L15.825%207.25H0V8.75H15.825L10.2%2014.45L11.25%2015.5L18.75%208L11.25%200.5Z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E"); } .touts.link-list.\!bg-orange-4 .list-section-title { color: var(--color-orange-2); } .touts.link-list.\!bg-orange-4 .tout-link-list-link { color: var(--color-primary) !important; border-color: var(--color-red-3) !important; } .touts.link-list.\!bg-orange-4 .tout-link-list-link:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2219%22%20height%3D%2216%22%20viewBox%3D%220%200%2019%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.25%200.5L10.2%201.55L15.825%207.25H0V8.75H15.825L10.2%2014.45L11.25%2015.5L18.75%208L11.25%200.5Z%22%20fill%3D%22%23005f86%22%2F%3E%3C%2Fsvg%3E"); } @media (min-width: 768px) { .touts.link-list .tout-title-wrap, .touts.link-list .tout-section-subhead { max-width: 515px; } .touts.link-list .tout-link-list-link { font-size: 28px; line-height: 36px; } } .touts.two-columns .tout-title-wrap, .touts.two-columns .tout-section-subhead { width: 100%; max-width: 100%; } .touts.two-columns .link-list-wrap { width: 100%; } @media (min-width: 768px) { .touts.two-columns .link-list-wrap { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; margin-top: 20px; } .touts.two-columns .link-list-wrap .tout { width: 48%; border-top: 2px solid var(--color-red-3); border-bottom: 2px solid var(--color-red-3); margin-top: -2px; } .touts.two-columns .link-list-wrap .tout-link-list-link { border: none; } } .header { position: relative; z-index: 12; background: #ffffff; } @media (min-width: 768px) { .header { width: 100%; position: sticky; top: 0; align-items: center; transition: top 0.4s ease-in-out; } .header.nav-up { top: -125px; } } .header .logo { display: none; display: block; } .header-wrap { display: none; /* @include module_padding(); */ } @media (min-width: 1024px) { .header-wrap { display: flex; width: 1728px; margin: 0 auto; padding: 0 50px; align-items: flex-end; justify-content: space-between; gap: 40px; } } @media (min-width: 1256px) { .header-wrap { /* max-width: $max-width; */ } } .header { flex-wrap: wrap; } @media (min-width: 1024px) { .header.with-specials-bar.nav-up { top: -165px; } } .admin-bar .header { top: 32px; } .admin-bar #wpadminbar { position: fixed; } .logo { display: block; z-index: 10; } @media (min-width: 1024px) { .logo { margin: 43px 0 20px; } } .logo svg { display: block; } @media (min-width: 1024px) { .logo svg { width: 410px; height: 52px; } } .logo svg path { fill: #116685; } .list.module { display: flex; background: #ede8e1; } .list.module .list-wrap { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; padding: 8px 24px; margin: 24px auto; } @media (min-width: 768px) { .list.module .list-wrap { margin: 48px auto; padding: 0 48px; } } @media (min-width: 1024px) { .list.module .list-wrap { margin: 72px auto; } } @media (min-width: 1256px) { .list.module .list-wrap { max-width: 1256px; } } @media (min-width: 1352px) { .list.module .list-wrap { max-width: 1256px; padding: 0; } } .list.module.light-theme { background: #ede8e1; } .list.module.light-theme .item-description, .list.module.light-theme .item-description p, .list.module.light-theme .item-description ul li, .list.module.light-theme .item-description ol li { color: #5e5956; } .list.module.light-theme .item-number { color: #116685; } .list.module.light-theme .number-item { border-top-color: #d9d4ce; } .list.module.primary-theme { background: #116685; } .list.module.primary-theme .disclaimer { color: #ffffff; } .list.module.primary-theme .item-description, .list.module.primary-theme .item-description p, .list.module.primary-theme .item-description ul li, .list.module.primary-theme .item-description ol li, .list.module.primary-theme .list-tab-label { color: #daefed; } .list.module.primary-theme .item-number { color: #f7f4f0; } .list.module.primary-theme .number-item { border-top-color: #61a3b3; } .list.module.primary-theme .bullet-title { color: #f7f4f0; } .list.module.primary-theme .bullet-title:before { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%227%22%20height%3D%227%22%20viewBox%3D%220%200%207%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%223.5%22%20cy%3D%223.5%22%20r%3D%223.5%22%20fill%3D%22%23f7f4f0%22%2F%3E%3C%2Fsvg%3E"); } .list.module.primary-theme .list-tab-label:before { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2210%22%20height%3D%2216%22%20viewBox%3D%220%200%2010%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.49995%208L1.99995%2015.5L0.949951%2014.45L7.39995%208L0.949951%201.55L1.99995%200.5L9.49995%208Z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E"); } .list.module.primary-theme .list-tab:before, .list.module.primary-theme .list-tabs:after { border-top-color: #daefed; } .list.module.secondary-theme { background: #065e7d; } .list.module.secondary-theme .item-description, .list.module.secondary-theme .item-description p, .list.module.secondary-theme .item-description ul li, .list.module.secondary-theme .item-description ol li { color: #c9e6f0; } .list.module.secondary-theme .item-number { color: #f7f4f0; } .list.module.secondary-theme .number-item { border-top-color: #32a1c7; } .list.module.secondary-theme .bullet-title { color: #f7f4f0; } .list.module.secondary-theme .bullet-title:before { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%227%22%20height%3D%227%22%20viewBox%3D%220%200%207%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%223.5%22%20cy%3D%223.5%22%20r%3D%223.5%22%20fill%3D%22%23f7f4f0%22%2F%3E%3C%2Fsvg%3E"); } .list.module.secondary-theme.list-drawers .list-tab { color: #ffffff; } .list.module.secondary-theme.list-drawers .list-tab-label::before { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2210%22%20height%3D%2216%22%20viewBox%3D%220%200%2010%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.49995%208L1.99995%2015.5L0.949951%2014.45L7.39995%208L0.949951%201.55L1.99995%200.5L9.49995%208Z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E"); } .list.module.secondary-theme .list-tab:before, .list.module.secondary-theme .list-tabs:after { border-top-color: #32a1c7; } .list-section-title { color: #116685; font-size: 18px; line-height: 1.55; } @media (min-width: 768px) { .list-section-title { font-size: 18px; margin-bottom: -30px; } } .light-theme .list-section-title { color: #116685; } .primary-theme .list-section-title { color: #f7f4f0; } .secondary-theme .list-section-title { color: #f7f4f0; } .list-section-title { width: 100%; margin-bottom: 32px; } @media (min-width: 768px) { .list-section-title { margin-bottom: 56px; } } .list-title { color: #116685; text-transform: none; margin-bottom: 2px; font-family: "Inter", sans-serif; font-weight: normal; font-size: 36px; line-height: 1.33; } @media (min-width: 1024px) { .list-title { font-size: 48px; margin-bottom: 24px; } } .light-theme .list-title { color: #116685; } .primary-theme .list-title { color: #f7f4f0; } .secondary-theme .list-title { color: #f7f4f0; } .list-title { max-width: 382px; } .list-title-wrap { max-width: 382px; } .list-items { margin-top: 24px; } @media (min-width: 1024px) { .list-items { width: 50%; margin-top: 0; } } .stat-item { padding-bottom: 24px; border-bottom: 2px solid #d9d4ce; margin-bottom: 32px; } .stat-title { font-family: "Inter-Semibold", sans-serif; color: #116685; font-size: 22px; line-height: 1.41; margin-bottom: 5px; } @media (min-width: 768px) { .stat-title { font-size: 34px; } } p.item-description, .item-description p, .item-description ul li, .item-description ol li { font-family: "Inter", sans-serif; font-weight: normal; color: #5e5956; font-size: 18px; line-height: 1.55; } @media (min-width: 768px) { p.item-description, .item-description p, .item-description ul li, .item-description ol li { font-size: 22px; } } .list-drawers input { position: absolute; opacity: 0; z-index: -1; } .list-drawers .row { display: flex; } .list-drawers .row .col { flex: 1; } .list-drawers .row .col:last-child { margin-left: 1em; } .list-drawers { /* Accordion styles */ } .list-drawers .list-tabs { overflow: hidden; } .list-drawers .list-tabs:after { content: ""; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0; height: 2px; width: calc(100% - 54px); border-top: 2px solid #d9d4ce; } .list-drawers .list-tab { width: 100%; color: #116685; overflow: hidden; padding-top: 24px; margin-bottom: 24px; } .list-drawers .list-tab:before { content: ""; position: absolute; left: 0; right: 0; margin: 0 auto; top: 0; height: 2px; width: calc(100% - 54px); border-top: 2px solid #d9d4ce; } .list-drawers .list-tab:first-of-type { border-top: none; padding-top: 6px; } .list-drawers .list-tab:first-of-type:before { content: none; } .list-drawers .list-tab-label { display: flex; justify-content: flex-start; align-items: center; cursor: pointer; font-family: "Inter-Semibold", sans-serif; font-size: 18px; line-height: 1.27; } @media (min-width: 768px) { .list-drawers .list-tab-label { font-size: 22px; } } .list-drawers .list-tab-label { /* Icon */ } .list-drawers .list-tab-label::before { content: "❯"; content: ""; width: 27px; height: 16px; text-align: center; transition: all 0.35s; flex-shrink: 0; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2210%22%20height%3D%2216%22%20viewBox%3D%220%200%2010%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.49995%208L1.99995%2015.5L0.949951%2014.45L7.39995%208L0.949951%201.55L1.99995%200.5L9.49995%208Z%22%20fill%3D%22%23116685%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: center; } .list-drawers .list-tab-content { max-height: 0; } .list-drawers .list-tab-content .item-description { padding: 8px 27px; } .list-drawers .list-tab-content { transition: max-height 1s ease; } .list-drawers input:checked + .list-tab-label::before { transform: rotate(90deg); } .list-drawers input:checked ~ .list-tab-content { max-height: 200vh; transition: max-height 0.6s ease-in-out; } .list.list-numbered .list-title { width: 100%; max-width: none; } .list.list-numbered .list-items { width: 100%; display: grid; grid-template-columns: 1fr; grid-column-gap: 43px; grid-row-gap: 36px; } @media (min-width: 768px) { .list.list-numbered .list-items { display: grid; grid-template-columns: 1fr 1fr; } } .list.list-numbered .item-number { margin: 0; font-family: "Inter-Semibold", sans-serif; line-height: 1.41; font-size: 22px; } @media (min-width: 768px) { .list.list-numbered .item-number { font-size: 34px; } } .list.list-numbered .number-item { padding-top: 24px; border-top: 2px solid; } .list.list-numbered .number-item:nth-of-type(1) { border-top: none; } @media (min-width: 768px) { .list.list-numbered .number-item:nth-of-type(2) { border-top: none; } } .list.list-bullets .bullet-title { display: flex; justify-content: flex-start; align-items: center; font-family: "Inter-Semibold", sans-serif; font-size: 18px; line-height: 1.27; } @media (min-width: 768px) { .list.list-bullets .bullet-title { font-size: 22px; } } .list.list-bullets .bullet-title { /* Icon */ } .list.list-bullets .bullet-title::before { content: ""; width: 27px; height: 16px; text-align: center; transition: all 0.35s; flex-shrink: 0; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%227%22%20height%3D%227%22%20viewBox%3D%220%200%207%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%223.5%22%20cy%3D%223.5%22%20r%3D%223.5%22%20fill%3D%22%230B595E%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: center; } .list.list-bullets input { position: absolute; opacity: 0; z-index: -1; } .list.list-bullets .row { display: flex; } .list.list-bullets .row .col { flex: 1; } .list.list-bullets .row .col:last-child { margin-left: 1em; } .list.list-bullets { /* Accordion styles */ } .list.list-bullets .list-tabs { overflow: hidden; } .list.list-bullets .list-tabs:after { content: ""; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0; height: 2px; width: calc(100% - 54px); border-top: 2px solid #d9d4ce; } .list.list-bullets .list-tab { width: 100%; color: #116685; overflow: hidden; padding-top: 24px; margin-bottom: 24px; } .list.list-bullets .list-tab:before { content: ""; position: absolute; left: 0; right: 0; margin: 0 auto; top: 0; height: 2px; width: calc(100% - 54px); border-top: 2px solid #d9d4ce; } .list.list-bullets .list-tab:first-of-type { border-top: none; padding-top: 6px; } .list.list-bullets .list-tab:first-of-type:before { content: none; } .list.list-bullets .list-tab-content { padding: 0 27px; } .list.list-bullets.two-columns .list-wrap { display: block; } .list.list-bullets.two-columns .list-items { width: 100%; } .list.list-bullets.two-columns .list-title { max-width: 100%; } .list.list-bullets.two-columns .list-tabs { display: grid; grid-template-columns: 1fr; } @media (min-width: 768px) { .list.list-bullets.two-columns .list-tabs { grid-template-columns: 1fr 1fr; -moz-column-gap: 24px; column-gap: 24px; } } .list.list-bullets.two-columns .list-tabs::after { content: none; } .list.list-bullets.two-columns .list-tab { padding-bottom: 24px; margin-bottom: 0; } .list.list-bullets.two-columns .list-tab::before { width: 100%; content: none !important; } .list.list-bullets.two-columns .list-tab::after { content: ""; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0; height: 2px; width: 100%; border-top: 2px solid #d9d4ce; } .list.list-bullets.two-columns .list-tab:first-of-type { padding-top: 24px; } .list.list-bullets.two-columns .list-tab:first-of-type::before { content: ""; } .content-w-sidebar-wrap .list.module { padding: 0; } @media (min-width: 1307px) { .content-w-sidebar-wrap .list.module { margin-left: auto; margin-right: auto; padding: 0; } } @media (min-width: 1635px) { .content-w-sidebar-wrap .list.module { padding: 0; } } .content-w-sidebar-wrap .list.module .list-wrap { width: 100%; padding: 8px 24px; margin: 24px auto; } @media (min-width: 1051px) { .content-w-sidebar-wrap .list.module .list-wrap { padding: 0 48px; } } @media (min-width: 1307px) { .content-w-sidebar-wrap .list.module .list-wrap { margin-left: auto; margin-right: auto; } } @media (min-width: 1539px) { .content-w-sidebar-wrap .list.module .list-wrap { max-width: 1256px; } } @media (min-width: 1635px) { .content-w-sidebar-wrap .list.module .list-wrap { padding: 0; } } @media (min-width: 768px) { .content-w-sidebar-wrap .list.module .list-wrap { margin: 72px auto; } } @media (min-width: 1024px) { .content-w-sidebar-wrap .list.module .list-wrap { margin: 72px auto; } } @media (min-width: 1352px) { .content-w-sidebar-wrap .list.module .list-wrap { max-width: 1256px; } } @media (max-width: 767px) { .list.truncate { max-height: 736px; overflow: hidden; } .list.rebrand .stat-item { padding-left: 16px; padding-right: 16px; } .list.rebrand .stat-item .item-description { font-size: 14px; } .list.rebrand .list-items { width: 100%; } } .truncate-list { background-color: inherit; opacity: 50%; } .list.rebrand { padding: 80px 0; } .list.rebrand .list-wrap { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } .list.rebrand .list-title-wrap { max-width: 100%; } .list.rebrand .disclaimer { margin-bottom: 16px; } .list.rebrand .bullet-title { display: block; } .list.rebrand .bullet-title:before { display: none; } .list.rebrand .list-section-title { font-weight: 700; font-size: 20px; margin-bottom: 24px; } .list.rebrand .list-title { max-width: 100%; margin-bottom: 16px; } .list.rebrand .stat-title, .list.rebrand .list-tab-label, .list.rebrand .bullet-title { font-weight: 700; } .list.rebrand.list-bullets .list-tab:before, .list.rebrand.list-bullets .list-tabs:after { width: 100%; } .list.rebrand.two-columns .stat-item { margin: 0; } .list.rebrand.\!bg-\[\#D0C6B899\] .list-section-title { color: #00a98f; } .list.rebrand.\!bg-\[\#D0C6B899\] .list-tabs:after, .list.rebrand.\!bg-\[\#D0C6B899\] .list-tab:before { border-top-color: var(--color-green-3); } .list.rebrand.bg-orange-gradient { background: linear-gradient(270deg, #efdbb2 0%, #ecc3b2 100%); } .list.rebrand.bg-orange-gradient .list-title, .list.rebrand.bg-orange-gradient .bullet-title { color: var(--color-primary); } .list.rebrand.bg-orange-gradient .list-section-title { color: var(--color-red-2); } .list.rebrand.bg-orange-gradient .list-tabs:after, .list.rebrand.bg-orange-gradient .list-tab:before { border-top-color: var(--color-red-3); } .list.rebrand.\!bg-orange-4 .list-section-title { color: var(--color-orange-2); } .list.rebrand.\!bg-orange-4 .stat-item { border-color: var(--color-red-3); } .list.rebrand.\!bg-orange-4 .item-description { color: var(--color-primary); } .list.rebrand.\!bg-orange-4 .list-tabs:after, .list.rebrand.\!bg-orange-4 .list-tab:before { border-top-color: var(--color-orange-2); } .list.rebrand.\!bg-orange-4 .truncate-list { opacity: 100%; background: linear-gradient(180deg, rgba(239, 219, 178, 0) 5.75%, #efdbb2 65%); } .list.rebrand.\!bg-orange-4 .truncate-list svg path { stroke: var(--color-orange-2); } .list.rebrand.bg-primary { background-color: var(--color-primary); } .list.rebrand.bg-primary .list-section-title { color: var(--color-orange-2); } .list.rebrand.bg-primary.list-stats .list-title, .list.rebrand.bg-primary.list-stats .stat-title, .list.rebrand.bg-primary.list-stats .list-tab-label, .list.rebrand.bg-primary.list-drawers .list-title, .list.rebrand.bg-primary.list-drawers .stat-title, .list.rebrand.bg-primary.list-drawers .list-tab-label { color: var(--color-green-4); } .list.rebrand.bg-primary.list-drawers .list-tab-label::before { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2210%22%20height%3D%2216%22%20viewBox%3D%220%200%2010%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.49995%208L1.99995%2015.5L0.949951%2014.45L7.39995%208L0.949951%201.55L1.99995%200.5L9.49995%208Z%22%20fill%3D%22%239de7d7%22%2F%3E%3C%2Fsvg%3E"); } .list.rebrand.bg-primary .stat-item { border-color: var(--color-red-3); } .list.rebrand.bg-primary .list-tabs:after, .list.rebrand.bg-primary .list-tab:before { border-top-color: var(--color-red-3); } .list.rebrand.bg-primary .item-description, .list.rebrand.bg-primary .item-description p, .list.rebrand.bg-primary .disclaimer { color: #d9d9d9; } .list.rebrand.bg-primary .list-tab::after { border-top-color: var(--color-red-3); } .list.rebrand.bg-primary.list-bullets .item-description p { color: var(--color-green-4); } .list.rebrand.\!bg-blue-4 .list-section-title { color: var(--color-green-3); } .list.rebrand.\!bg-blue-4 .list-title, .list.rebrand.\!bg-blue-4 .bullet-title { color: var(--color-primary); } .list.rebrand.\!bg-blue-4 .list-tabs:after, .list.rebrand.\!bg-blue-4 .list-tab:before, .list.rebrand.\!bg-blue-4 .list-tab::after { border-top-color: #00a98f; } .list.rebrand.\!bg-blue-4 .list-tab { color: var(--color-primary) !important; } .list.rebrand.\!bg-blue-4 .item-description p { color: var(--color-gray-2); } .list.rebrand.\!bg-blue-4.list-drawers .list-tab-label::before { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2210%22%20height%3D%2216%22%20viewBox%3D%220%200%2010%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.49995%208L1.99995%2015.5L0.949951%2014.45L7.39995%208L0.949951%201.55L1.99995%200.5L9.49995%208Z%22%20fill%3D%22%23005F86%22%2F%3E%3C%2Fsvg%3E"); } .list.rebrand.\!bg-blue-1 { background-color: var(--color-blue-1) !important; } .list.rebrand.\!bg-blue-1 *:not(h2) { color: #fff !important; } .list.rebrand.\!bg-blue-1 h2, .list.rebrand.\!bg-blue-1 h2 * { color: var(--color-orange) !important; } .list.rebrand.\!bg-blue-1 .bullet-title { font-weight: 400 !important; } .list.rebrand.\!bg-blue-1 .bullet-item::before, .list.rebrand.\!bg-blue-1 .list-tabs:after { border-top-color: var(--color-orange) !important; } .list.rebrand.list-bullets.two-columns .list-tabs { -moz-column-gap: 45px; column-gap: 45px; } .list.rebrand.list-bullets.two-columns .list-tab { padding: 40px 0; } .list.rebrand.list-bullets .list-tab-content { padding: 0; max-width: 545px; } .list.rebrand.two-column-stats .list-title { width: 100%; max-width: 100% !important; margin-bottom: 16px; } .list.rebrand.two-column-stats .list-items { width: 100%; display: grid; grid-template-columns: 1fr; grid-column-gap: 80px; grid-row-gap: 24px; } @media (min-width: 768px) { .list.rebrand { padding: 125px 0; } .list.rebrand .list-section-title { font-size: 26px; } .list.rebrand .list-title, .list.rebrand .list-title-wrap { max-width: 515px; } .list.rebrand.two-column-stats .list-items { grid-template-columns: 1fr 1fr; grid-row-gap: 24px; } .list.rebrand.two-column-stats .list-title { margin-bottom: 80px; } .list.rebrand .bullet-title { font-size: 28px; line-height: 36px; } .list.rebrand .bullet-item p { font-size: 20px; line-height: 36px; } .list.rebrand .bullet-item p strong { font-size: 22px; } .list.rebrand .disclaimer { font-size: 24px; line-height: 1.5; } .list.rebrand .bullet-title { font-size: 24px; line-height: 36px; font-weight: normal; } } .map-module .acf-map { width: 100%; height: 400px; } @media (min-width: 768px) { .map-module .acf-map { width: 50%; height: 700px; } } .map-module .acf-map { margin: 0; } .map-module .acf-map img { max-width: inherit !important; } .map-module div { position: static; } .map-module { display: flex; flex-direction: column; align-items: stretch; margin: 0; margin: 0; } .map-module.light-theme { background: #ede8e1; } .map-module.light-theme p, .map-module.light-theme a { color: #5e5956; } .map-module.primary-theme { background: #116685; } .map-module.primary-theme p, .map-module.primary-theme a { color: #daefed; } .map-module.secondary-theme { background: #065e7d; } .map-module.secondary-theme p, .map-module.secondary-theme a { color: #c9e6f0; } @media (min-width: 768px) { .map-module { margin: 16px 0; } } @media (min-width: 1366px) { .map-module { margin: 16px auto; } } @media (min-width: 768px) { .map-module { margin: 0; flex-direction: row; align-items: center; align-items: stretch; justify-content: flex-end; } .map-module.with-bg { padding: 0; } } .map-module.image-left { justify-content: space-between; } @media (min-width: 1352px) { .map-module.image-left .content-wrap { padding: 0; margin-right: calc((100vw - (100vw - 100%) - 1256px) / 2); max-width: 536px; } } .map-module .half-and-half-title { font-weight: 300; font-family: "Inter", sans-serif; font-size: 34px; line-height: 1.4; margin: 0; color: #116685; max-width: 536px; padding-top: 40px; } @media (min-width: 1024px) { .map-module .half-and-half-title { font-size: 48px; } } @media (min-width: 1352px) { .map-module .half-and-half-title { padding-top: 72px; } } .map-module.light-theme .half-and-half-title { color: #116685; } .map-module.primary-theme .half-and-half-title { color: #f7f4f0; } .map-module.secondary-theme .half-and-half-title { color: #f7f4f0; } .map-module p { font-size: 16px; line-height: 1.55; max-width: 536px; margin-top: 0; } @media (min-width: 768px) { .map-module p { font-size: 18px; } } .map-module p:last-of-type { margin-bottom: 0; } .map-module .button { color: #5e5956; margin-top: 16px; } @media (min-width: 768px) { .map-module .button { margin-top: 24px; } } .map-module.light-theme .button { color: #5e5956; } .map-module.light-theme .button:hover, .map-module.light-theme .button:active, .map-module.light-theme .button:focus { background: #116685; border-color: #116685; color: #f7f4f0; } .map-module.primary-theme .button { color: #f7f4f0; } .map-module.primary-theme .button:hover, .map-module.primary-theme .button:active, .map-module.primary-theme .button:focus { background: #008aba; border-color: #008aba; } .map-module.secondary-theme .button { color: #f7f4f0; } .map-module.secondary-theme .button:hover, .map-module.secondary-theme .button:active, .map-module.secondary-theme .button:focus { background: #39849c; border-color: #39849c; } @media (min-width: 768px) { .map-module.image-left { flex-direction: row-reverse; } } .map-module .fphh-wrap { display: flex; flex-direction: column; justify-content: space-between; flex-shrink: 1; flex-grow: 1; padding: 32px 24px; } @media (min-width: 768px) { .map-module .fphh-wrap { padding: 32px 48px; } } @media (min-width: 1352px) { .map-module .fphh-wrap { margin: 0; padding: 0 48px 0 calc((100vw - (100vw - 100%) - 1256px) / 2); } } .map-module .content-wrap { width: 100%; order: 2; margin-top: 4px; margin-bottom: 8px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } @media (min-width: 768px) { .map-module .content-wrap { justify-content: flex-start; order: initial; width: 100%; padding-left: 0; flex-shrink: 2; flex-grow: 2; margin-top: 72px; margin-bottom: 72px; } } .map-module .image-wrap { width: 100%; flex-shrink: 1; flex-grow: 1; } @media (min-width: 768px) { .map-module .image-wrap { width: 50vw; width: calc(50vw - (50vw - 50%)); } .map-module .image-wrap img { min-height: 100%; max-width: none; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } } .content-w-sidebar-wrap .map-module { padding: 0; } @media (min-width: 1307px) { .content-w-sidebar-wrap .map-module { margin-left: auto; margin-right: auto; padding: 0; } } @media (min-width: 1635px) { .content-w-sidebar-wrap .map-module { padding: 0; } } @media (max-width: calc(768px - 1px)) { .content-w-sidebar-wrap .map-module .fphh-wrap { margin-bottom: 32px; } } .content-w-sidebar-wrap .map-module .fphh-wrap { width: 100%; padding: 8px 24px; margin: 0 auto; } @media (min-width: 1051px) { .content-w-sidebar-wrap .map-module .fphh-wrap { padding: 0 48px; } } @media (min-width: 1307px) { .content-w-sidebar-wrap .map-module .fphh-wrap { margin-left: auto; margin-right: auto; } } @media (min-width: 1539px) { .content-w-sidebar-wrap .map-module .fphh-wrap { max-width: 1256px; } } @media (min-width: 1635px) { .content-w-sidebar-wrap .map-module .fphh-wrap { padding: 0; } } @media (min-width: 768px) { .content-w-sidebar-wrap .map-module .fphh-wrap { margin: 0 auto; } } @media (min-width: 1024px) { .content-w-sidebar-wrap .map-module .fphh-wrap { margin: 0 auto; } } @media (min-width: 1352px) { .content-w-sidebar-wrap .map-module .fphh-wrap { max-width: 1256px; } } @media (min-width: 1051px) { .content-w-sidebar-wrap .map-module .fphh-wrap { padding: 0 48px; } } @media (min-width: 1635px) { .content-w-sidebar-wrap .map-module .fphh-wrap { margin: 0; padding-left: calc((100vw - (100vw - 100%) - 1256px) / 2); } } @media (min-width: 768px) { .content-w-sidebar-wrap .map-module .fphh-wrap, .content-w-sidebar-wrap .map-module .acf-map { width: 50%; } } .next-page-link { display: flex; justify-content: flex-end; width: 100%; background: #ffffff; } .content-w-sidebar-wrap .next-page-link .wrap { margin: 8px 0; } @media (min-width: 1051px) { .content-w-sidebar-wrap .next-page-link .wrap { margin: 16px 48px; margin: 16px auto; } } @media (min-width: 1649px) { .content-w-sidebar-wrap .next-page-link .wrap { margin: 16px auto; } } @media (min-width: 1256px) { .content-w-sidebar-wrap .next-page-link .wrap { max-width: 1256px; } } .content-w-sidebar-wrap .next-page-link .wrap { padding: 0 24px; } @media (min-width: 1051px) { .content-w-sidebar-wrap .next-page-link .wrap { padding: 0 48px; } } @media (min-width: 1307px) { .content-w-sidebar-wrap .next-page-link .wrap { margin-left: auto; margin-right: auto; } } @media (min-width: 1256px) { .content-w-sidebar-wrap .next-page-link .wrap { max-width: 1256px; } } @media (min-width: 1635px) { .content-w-sidebar-wrap .next-page-link .wrap { padding: 0; } } .next-page-link .wrap { width: 100%; padding: 8px 24px; margin: 24px auto; } @media (min-width: 768px) { .next-page-link .wrap { margin: 48px auto; padding: 0 48px; } } @media (min-width: 1024px) { .next-page-link .wrap { margin: 48px auto; } } @media (min-width: 1256px) { .next-page-link .wrap { max-width: 1256px; } } @media (min-width: 1352px) { .next-page-link .wrap { max-width: 1256px; padding: 0; } } .next-page-link .wrap { display: flex; justify-content: flex-end; width: 100%; } .next-page-link .wrap .inner-wrap { width: auto; } .next-page-link .next-page-link-heading { font-family: "Inter-Semibold", sans-serif; color: #61a3b3; font-size: 14px; line-height: 1.5; } @media (min-width: 768px) { .next-page-link .next-page-link-heading { font-size: 16px; } } .next-page-link a { display: flex; align-items: center; justify-content: flex-start; font-size: 22px; line-height: 1.5; color: #116685; font-family: "Inter", sans-serif; } .next-page-link a:after { content: ""; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2219%22%20height%3D%2216%22%20viewBox%3D%220%200%2019%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.25%200.5L10.2%201.55L15.825%207.25H0V8.75H15.825L10.2%2014.45L11.25%2015.5L18.75%208L11.25%200.5Z%22%20fill%3D%22%2361a3b3%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; position: relative; margin: 3px 0 0 16px; width: 19px; height: 16px; right: 0; transition: right 0.3s ease-in-out; } @media (min-width: 768px) { .next-page-link a { font-size: 28px; transition: color 0.3s ease-in-out; } .next-page-link a:hover, .next-page-link a:active, .next-page-link a:focus { color: #61a3b3; } .next-page-link a:hover:after, .next-page-link a:active:after, .next-page-link a:focus:after { right: -8px; } } .sign-up-form input::-moz-placeholder { color: #b0aaa4; font-weight: normal; } .sign-up-form input::placeholder { color: #b0aaa4; font-weight: normal; } .gform_body { width: 100%; } .gform_body ul { padding: 0; list-style-type: none; } .name-form:focus::-webkit-input-placeholder { -webkit-transition: text-indent 0.1s 0.1s ease-in-out; transition: text-indent 0.1s 0.1s ease-in-out; text-indent: -100%; opacity: 1; } form { margin: 0 0 8px; margin: 0; } button { -webkit-appearance: none; } input[type=submit]:hover { background-color: #dfdbdd; } .footer input { width: 100%; color: #5e5956; border-radius: 4px; font-size: 16px; line-height: 24px; padding: 8px 16px; margin-bottom: 0; border: 1px solid #d9d4ce; background: #ffffff; } .footer input:active, .footer input:focus { outline: none; } .footer .gform_footer button { margin: 0; } .footer .form-submit { text-align: center; margin-top: 50px; } @media (min-width: tablet) { .footer .form-submit { text-align: left; } } .gfield_description.validation_message, .validation_error { color: #116685; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ opacity: 1; } ::-moz-placeholder { /* Firefox 19+ */ opacity: 1; } :-ms-input-placeholder { /* IE 10+ */ opacity: 1; } :-moz-placeholder { /* Firefox 18- */ opacity: 1; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { font-family: "Inter", sans-serif !important; -webkit-text-fill-color: #5e5956; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } .gform_fields { padding: 0; } .gform_fields li { list-style-type: none; margin-bottom: 24px; } .gform_fields li.top-margin { float: left; margin-top: 16px; } @media (min-width: 768px) { .gfield.half-width { width: 48%; float: left; } } @media (min-width: 768px) { .gfield.first-name { margin-right: 4%; } } .gfield.full-width { width: 100%; clear: both; } .gfield.full-width input[type=text], .gfield.full-width input[type=email], .gfield.full-width input[type=tel], .gfield.full-width textarea { width: 100%; } .gfield.full-width-mobile { width: 100%; clear: both; } .gfield.full-width-mobile input[type=text], .gfield.full-width-mobile input[type=email], .gfield.full-width-mobile input[type=tel], .gfield.full-width-mobile textarea { width: 50%; } .gfield.full-name { width: 100%; } .intro-section { width: 100%; clear: both; } @media (min-width: tablet) { .intro-section { font-weight: 700; } } .ginput_right { margin-right: 0; } .validation_error { background: #ede5d0; color: #116685; font-size: 12px; font-weight: bold; border: 1px solid transparent; padding: 4px; margin-top: 0; clear: both; width: 100%; } .gform_wrapper .gfield_error .gfield_label, .gform_wrapper ol.validation_list, .gform_wrapper ol.validation_list li a, .gform_wrapper div.gfield_description.validation_error, .gform_wrapper .validation_message, .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label, .gf_submission_limit_message, .gform_wrapper li.gfield.gfield_error table.gfield_list thead th { color: #f7f4f0; background: #e83535; } .gform_wrapper li.gfield.gfield_creditcard_warning, .gform_wrapper li.gfield_error input[type=text], .gform_wrapper li.gfield_error input[type=url], .gform_wrapper li.gfield_error input[type=email], .gform_wrapper li.gfield_error input[type=tel], .gform_wrapper li.gfield_error input[type=number], .gform_wrapper li.gfield_error input[type=password], .gform_wrapper li.gfield_error textarea { border: 1px solid transparent; } .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning, .gform_wrapper li.gfield.gfield_creditcard_warning div.gfield_creditcard_warning_message { background-color: transparent; } .gform_fields select { width: 100%; } @media (min-width: 1366px) { .gform_fields select { color: #afafaf; } } .gform_fields select { border-radius: 0; border: none; padding: 12px 19px; margin-top: 24px; font-family: "Inter", sans-serif; font-size: 13px; line-height: 21px; outline: none; border: 1px solid transparent; } .gform_fields select:focus, .gform_fields select:active { border-color: black; outline: none; } .gform_fields select { cursor: pointer; } .gform_fields .ginput_container_select { background: url("../../../files/svg/select-arrow-dark.svg") no-repeat 95% 50% #f7f4f0; border-radius: 0; } .gform_fields select { background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } .gform_fields .gfield:last-child input { margin-bottom: 0; } .date .ginput_container_date { position: relative; display: flex; width: 100%; align-items: center; } .date .ginput_container_date:after { content: ""; height: 15px; width: 16px; position: absolute; right: 2px; margin-bottom: 8px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 14V1.86667H15V14H1Z' stroke='%23AFAFAF' stroke-width='2'/%3E%3Cpath d='M4.7334 3.26667V0' stroke='%23AFAFAF' stroke-width='2'/%3E%3Cpath d='M11.2666 3.26667V0' stroke='%23AFAFAF' stroke-width='2'/%3E%3Cpath d='M3.7998 8.39999H6.5998V11.2H3.7998V8.39999Z' stroke='%23AFAFAF' stroke-width='2'/%3E%3Cpath d='M3.7998 5.60001H6.5998V8.40001H3.7998V5.60001Z' stroke='%23AFAFAF' stroke-width='2'/%3E%3Cpath d='M9.40039 5.60001V11.2' stroke='%23AFAFAF' stroke-width='2'/%3E%3Cpath d='M6.59961 5.60001H12.1996V11.2H6.59961V5.60001Z' stroke='%23AFAFAF' stroke-width='2'/%3E%3Cpath d='M6.59961 8.39999H12.1996' stroke='%23AFAFAF' stroke-width='2'/%3E%3C/svg%3E%0A"); } .date .screen-reader-text { display: none; } .time .ginput_container { position: relative; display: flex; width: 100%; align-items: center; } .time .ginput_container:after { content: ""; height: 16px; width: 16px; position: absolute; right: 2px; margin-bottom: 8px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 15C11.8667 15 15 11.8667 15 8C15 4.13333 11.8667 1 8 1C4.13333 1 1 4.13333 1 8C1 11.8667 4.13333 15 8 15Z' stroke='%23AFAFAF' stroke-width='2'/%3E%3Cpath d='M11.1267 11.1267L8 8.00001V4.74667' stroke='%23AFAFAF' stroke-width='2'/%3E%3C/svg%3E%0A"); } .ui-datepicker { width: 216px; height: auto; margin: 5px auto 0; font: 9pt Arial, sans-serif; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); } .ui-datepicker a { text-decoration: none; } .ui-datepicker table { width: 100%; border-collapse: collapse; } .ui-datepicker-header { background-color: #666; color: #e0e0e0; font-weight: 700; box-shadow: inset 0 1px 1px 0 rgba(250, 250, 250, 0.2); text-shadow: 1px -1px 0 #000; filter: dropshadow(color=#000, offx=1, offy=-1); line-height: 30px; min-height: 30px !important; border-width: 1px 0 0 0; border-style: solid; border-color: #666; } .ui-datepicker-title { text-align: center; } .ui-datepicker-title select { margin-top: 2.5%; } .ui-datepicker-next, .ui-datepicker-prev { display: inline-block; width: 30px; height: 30px; text-align: center; cursor: pointer; background-image: url(../images/datepicker/arrow.png); background-repeat: no-repeat; line-height: 600%; overflow: hidden; } .ui-datepicker-prev { float: left; background-position: center -30px; } .ui-datepicker-next { float: right; background-position: center 0; } .ui-datepicker thead { background: #f7f7f7; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: linear-gradient(to bottom, #f7f7f7 0, #f1f1f1 100%); border-bottom: 1px solid #bbb; } .ui-datepicker th { text-transform: uppercase; text-align: center; font-size: 6pt; padding: 5px 0; color: #666; text-shadow: 1px 0 0 #fff; filter: dropshadow(color=#fff, offx=1, offy=0); } .ui-datepicker tbody td { padding: 0; border-top: 1px solid #bbb; border-right: 1px solid #bbb; } .ui-datepicker tbody td:last-child { border-right: 0; } .ui-datepicker tbody tr { border-bottom: 1px solid #bbb; } .ui-datepicker tbody tr:last-child { border-bottom: 0; } .ui-datepicker td a, .ui-datepicker td span { display: inline-block; font-weight: 700; text-align: center; width: 30px; height: 30px; line-height: 30px; color: #666; text-shadow: 1px 1px 0 #fff; filter: dropshadow(color=#fff, offx=1, offy=1); } .ui-datepicker-calendar .ui-state-default { background: #ededed; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWRlZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: linear-gradient(to bottom, #ededed 0, #dedede 100%); box-shadow: inset 1px 1px 0 0 rgba(250, 250, 250, 0.5); } .ui-datepicker-calendar .ui-state-hover { background: #f7f7f7; } .ui-datepicker-calendar .ui-state-active { background: #fff2aa; border: 1px solid #c19163; color: #666; box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.1); text-shadow: 0 1px 0 #fff; filter: dropshadow(color=#FFF, offx=0, offy=1); position: relative; margin: -1px; } .ui-datepicker-unselectable .ui-state-default { background: #f4f4f4; color: #b4b3b3; } .ui-datepicker-calendar td:first-child .ui-state-active { width: 29px; margin-left: 0; } .ui-datepicker-calendar td:last-child .ui-state-active { width: 29px; margin-right: 0; } .ui-datepicker-calendar tr:last-child .ui-state-active { height: 29px; margin-bottom: 0; } td.ui-datepicker-unselectable.ui-state-disabled { background-color: #d7d7d7; } table.ui-datepicker-calendar { margin: 0 !important; } body div#ui-datepicker-div[style] { z-index: 9999 !important; } .form-module .form { width: 100%; max-width: 610px; margin: 48px 0; padding-right: 48px; } @media (min-width: 768px) { .form-module .form { margin: 48px 0 72px; } } .form-module .form-wrap { width: 100%; padding: 0 24px; } @media (min-width: 768px) { .form-module .form-wrap { padding: 0 48px; } } @media (min-width: 1024px) { .form-module .form-wrap { margin-left: auto; margin-right: auto; } } @media (min-width: 1256px) { .form-module .form-wrap { max-width: 1256px; } } @media (min-width: 1352px) { .form-module .form-wrap { padding: 0; } } @media (min-width: 768px) { .form-module .form-wrap { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 32px; grid-row-gap: 56px; } .form-module .form-wrap .content-wrap { grid-row: 2; margin-top: 0; grid-column: 1; } .form-module .form-wrap .form { grid-row: 2; grid-column: 2; margin-top: 0; } } .form-module { display: flex; flex-direction: column; align-items: stretch; margin: 0; margin: 0; } .form-module.light-theme { background: #ede8e1; } .form-module.light-theme p, .form-module.light-theme a { color: #5e5956; } .form-module.primary-theme { background: #116685; } .form-module.primary-theme p { color: #daefed; } .form-module.primary-theme a { color: #ffffff; } .form-module.primary-theme a:hover, .form-module.primary-theme a:active, .form-module.primary-theme a:focus { color: #daefed; text-decoration: none; } .form-module.secondary-theme { background: #065e7d; } .form-module.secondary-theme p, .form-module.secondary-theme a { color: #c9e6f0; } @media (min-width: 768px) { .form-module { margin: 16px 0; } } @media (min-width: 1366px) { .form-module { margin: 16px auto; } } @media (min-width: 768px) { .form-module { margin: 0; flex-direction: row; align-items: center; align-items: stretch; justify-content: flex-end; } .form-module.with-bg { padding: 0; } } .form-module.image-left { justify-content: space-between; } @media (min-width: 1352px) { .form-module.image-left .content-wrap { padding: 0; margin-right: calc((100vw - (100vw - 100%) - 1256px) / 2); max-width: 536px; } } .form-module .half-and-half-title { font-weight: 300; font-family: "Inter", sans-serif; font-size: 34px; line-height: 1.4; margin: 0; color: #116685; max-width: 536px; padding-top: 40px; } @media (min-width: 1024px) { .form-module .half-and-half-title { font-size: 48px; } } @media (min-width: 1352px) { .form-module .half-and-half-title { padding-top: 72px; } } .form-module.light-theme .half-and-half-title { color: #116685; } .form-module.primary-theme .half-and-half-title { color: #f7f4f0; } .form-module.secondary-theme .half-and-half-title { color: #f7f4f0; } .form-module p { font-size: 18px; line-height: 1.55; max-width: 500px; margin-top: 0; } @media (min-width: 768px) { .form-module p { font-size: 22px; } } .form-module p:last-of-type { margin-bottom: 0; } .form-module .button { color: #5e5956; margin-top: 16px; } @media (min-width: 768px) { .form-module .button { margin-top: 24px; } } .form-module.light-theme .button { color: #ede8e1; border-color: #116685; background: #116685; } .form-module.light-theme .button:hover, .form-module.light-theme .button:active, .form-module.light-theme .button:focus { background: #61a3b3; color: #ede8e1; border-color: #61a3b3; } .form-module.primary-theme .button { color: #116685; border-color: #ffffff; background: #ffffff; } .form-module.primary-theme .button:hover, .form-module.primary-theme .button:active, .form-module.primary-theme .button:focus { background: #61a3b3; color: #116685; border-color: #61a3b3; } .form-module.secondary-theme .button { color: #008aba; background: #ffffff; border-color: #ffffff; } .form-module.secondary-theme .button:hover, .form-module.secondary-theme .button:active, .form-module.secondary-theme .button:focus { background: #65b8d5; color: #065e7d; border-color: #65b8d5; } @media (min-width: 768px) { .form-module.image-left { flex-direction: row-reverse; } } .form-module .content-wrap { width: 100%; order: 2; margin-top: 4px; margin-bottom: 8px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } @media (min-width: 768px) { .form-module .content-wrap { justify-content: flex-start; order: initial; width: 100%; padding-left: 0; flex-shrink: 2; flex-grow: 2; margin-top: 72px; margin-bottom: 72px; } } .form-module .image-wrap { width: 100%; flex-shrink: 1; flex-grow: 1; } @media (min-width: 768px) { .form-module .image-wrap { width: 50vw; width: calc(50vw - (50vw - 50%)); } .form-module .image-wrap img { min-height: 100%; max-width: none; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } } .content-w-sidebar-wrap .form-module { padding: 0; } @media (min-width: 1307px) { .content-w-sidebar-wrap .form-module { margin-left: auto; margin-right: auto; padding: 0; } } @media (min-width: 1635px) { .content-w-sidebar-wrap .form-module { padding: 0; } } .content-w-sidebar-wrap .form-module .form-wrap { width: 100%; padding: 8px 24px; margin: 0 auto; } @media (min-width: 1051px) { .content-w-sidebar-wrap .form-module .form-wrap { padding: 0 48px; } } @media (min-width: 1307px) { .content-w-sidebar-wrap .form-module .form-wrap { margin-left: auto; margin-right: auto; } } @media (min-width: 1539px) { .content-w-sidebar-wrap .form-module .form-wrap { max-width: 1256px; } } @media (min-width: 1635px) { .content-w-sidebar-wrap .form-module .form-wrap { padding: 0; } } @media (min-width: 768px) { .content-w-sidebar-wrap .form-module .form-wrap { margin: 0 auto; } } @media (min-width: 1024px) { .content-w-sidebar-wrap .form-module .form-wrap { margin: 0 auto; } } @media (min-width: 1352px) { .content-w-sidebar-wrap .form-module .form-wrap { max-width: 1256px; } } .ginput_container_address { display: flex; flex-wrap: wrap; justify-content: space-between; } .address_line_1, .address_line_2 { width: 100%; } .address_city, .address_state, .address_zip { width: 48%; } .full-width.address { margin: 48px 0; } .full-width.address > label { display: none; } .address_state select { background: #f7f4f0; } form .gform_fields select { font-size: 16px; color: black; } .eventDescription div { text-align: left !important; } .eventDescription div span { font-family: "Inter", sans-serif !important; color: #5e5956 !important; font-weight: normal !important; font-size: 18px !important; } @media (min-width: 768px) { .eventDescription div span { font-size: 22px !important; } } div.kimbiaDiv.two_col div.k_numberGroup { margin-left: 0 !important; } body img.gform_ajax_spinner { display: none !important; } .form-module .gform_confirmation_message, .newsletter-modal .gform_confirmation_message { color: #C9E6F0; font-size: 22px; line-height: 1.55; max-width: 500px; margin-top: 0; } .specials-bar { display: block; width: 100%; text-align: center; background: #116685; padding: 16px; display: flex; align-items: center; justify-content: center; } .specials-bar p { text-align: left; text-align: center; margin: 0 32px 0 0; color: #f7f4f0; font-family: "Inter", sans-serif; font-size: 12px; line-height: 12px; letter-spacing: 0.01em; display: inline-block; vertical-align: middle; } @media (min-width: 1024px) { .specials-bar p { font-size: 16px; line-height: 24px; margin: 0; } } .specials-bar a { color: #f7f4f0; display: inline-block; vertical-align: middle; text-decoration: none; } .specials-bar a:hover, .specials-bar a:active, .specials-bar a:focus { text-decoration: none; } .specials-bar svg { margin-left: 5px; display: inline-block; vertical-align: middle; } @media (min-width: 1024px) { .specials-bar svg { margin-left: 2px; } } .message-hidden { display: none; } .message-close { margin-right: 0; position: absolute; right: 25px; } .items { background: var(--color-primary); margin: 0; display: flex; width: 100%; } .items-wrap { width: 100%; padding: 8px 24px; margin: 24px auto; } @media (min-width: 768px) { .items-wrap { margin: 48px auto; padding: 0 48px; } } @media (min-width: 1024px) { .items-wrap { margin: 72px auto; } } @media (min-width: 1256px) { .items-wrap { max-width: 1256px; } } @media (min-width: 1352px) { .items-wrap { max-width: 1256px; padding: 0; } } @media (max-width: calc(768px - 1px)) { .items .items-wrap .button-wrap { margin: 24px 0 8px; display: grid; grid-template-columns: repeat(2, 1fr); grid-row-gap: 16px; align-items: center; grid-column-gap: 8px; } .items .items-wrap .button-wrap .button { padding: 10px 24px; margin: 0; } } .items .button { color: #f7f4f0; border-color: #f7f4f0; } .items .button + .button { margin-left: 16px; } .items .button:hover, .items .button:active, .items .button:focus { background: #f7f4f0; border-color: #f7f4f0; color: #065e7d; background: transparent; border-color: #89c1c9; color: #89c1c9; } .items-wrap { width: 100%; padding: 8px 24px; margin: 24px auto; } @media (min-width: 768px) { .items-wrap { margin: 48px auto; padding: 0 48px; } } @media (min-width: 1024px) { .items-wrap { margin: 72px auto; } } @media (min-width: 1256px) { .items-wrap { max-width: 1256px; } } @media (min-width: 1352px) { .items-wrap { max-width: 1256px; padding: 0; } } @media (max-width: calc(768px - 1px)) { .items-wrap { margin-top: 56px; margin-bottom: 56px; } } @media (min-width: 768px) { .items-wrap { width: 100%; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } } .items .swiper-container { width: 100%; } .item-card { overflow: hidden; padding: 24px; background: #f7f4f0; height: 405px; } @media (min-width: 768px) { .item-card { height: 405px; justify-content: space-between; display: flex; flex-direction: column; } } .item-card { opacity: 1; } .item-card .card-title a { color: #39849c; } .item-card .card-link { color: #39849c; } .item-card .card-title-wrap { padding-bottom: 189px; } .item-card .card-image { opacity: 1; } .item-card { /* @include bp(ipad-tall) { .card-link { opacity: 0; pointer-events: none; } } .card-title:hover + .card-link { opacity: 1; } */ } .card-info, .card-link { z-index: 1; font-family: "Inter", sans-serif; font-weight: normal; color: #32a1c7; } .card-info strong, .card-link strong { font-family: "Inter-Semibold", sans-serif; font-weight: normal; } .card-info, .card-link { font-size: 14px; line-height: 1.56; } @media (min-width: 768px) { .card-info, .card-link { font-size: 18px; } } .card-link { /* @include hovers(opacity 0.3s ease-in-out); */ position: relative; } .card-link:after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2225%22%20height%3D%2220%22%20viewBox%3D%220%200%2025%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15%200L13.6%201.4L21.1%209H0V11H21.1L13.6%2018.6L15%2020L25%2010L15%200Z%22%20fill%3D%22%2389c1c9%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; width: 25px; height: 20px; margin: auto 0; transition: right 0.3s; } .card-link:hover:after { right: 10px; } .card-title-wrap { height: 100%; display: flex; flex-direction: column; justify-content: center; padding-bottom: 0; transition: padding-bottom 0.4s ease-in-out; z-index: 1; } .card-title { font-size: 18px; font-family: "Inter-Semibold", sans-serif; line-height: 1.25; color: #065e7d; margin-bottom: 24px; } @media (min-width: 768px) { .card-title { font-size: 28px; margin-bottom: 32px; } } .card-title a { transition: color 0.4s ease-in-out; } .card-title a:hover, .card-title a:active, .card-title a:focus { color: #008aba; } .card-image { opacity: 0; transition: opacity 0.2s ease-in-out; position: absolute; width: 100%; left: auto; right: auto; bottom: 0; left: 0; z-index: 1; overflow: hidden; display: block; width: 100%; height: 189px; display: flex; align-items: center; justify-content: center; } .card-image img { border-top-left-radius: 50%; border-top-right-radius: 50%; border-radius: 50% 50% 0% 0/32% 32% 70% 70%; max-width: none !important; width: 405px !important; position: absolute; top: 0; z-index: 2; } .content-w-sidebar-wrap .items { padding: 0; } @media (min-width: 1307px) { .content-w-sidebar-wrap .items { margin-left: auto; margin-right: auto; padding: 0; } } @media (min-width: 1635px) { .content-w-sidebar-wrap .items { padding: 0; } } .content-w-sidebar-wrap .items-wrap { width: 100%; padding: 8px 24px; margin: 24px auto; } @media (min-width: 1051px) { .content-w-sidebar-wrap .items-wrap { padding: 0 48px; } } @media (min-width: 1307px) { .content-w-sidebar-wrap .items-wrap { margin-left: auto; margin-right: auto; } } @media (min-width: 1539px) { .content-w-sidebar-wrap .items-wrap { max-width: 1256px; } } @media (min-width: 1635px) { .content-w-sidebar-wrap .items-wrap { padding: 0; } } @media (min-width: 768px) { .content-w-sidebar-wrap .items-wrap { margin: 48px auto; } } @media (min-width: 1024px) { .content-w-sidebar-wrap .items-wrap { margin: 72px auto; } } @media (min-width: 1352px) { .content-w-sidebar-wrap .items-wrap { max-width: 1256px; } } @media (max-width: calc(768px - 1px)) { .content-w-sidebar-wrap .items-wrap { padding-right: 0; } } .touts.two-bucket-text-below.bg-blue-4 .tout > a:first-child { position: relative; display: block; } .touts.two-bucket-text-below.bg-blue-4 .tout > a:first-child:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #116685; opacity: 0; transition: opacity 0.3s; } .touts.two-bucket-text-below.bg-blue-4 .tout > a:first-child:hover:after { opacity: 0.6; } .card-image { opacity: 0; transition: opacity 0.2s ease-in-out; position: absolute; width: 100%; left: auto; right: auto; bottom: 0; left: 0; z-index: 1; overflow: hidden; display: block; width: 100%; height: 189px; display: flex; align-cards: center; justify-content: center; } .card-image img { border-top-left-radius: 50%; border-top-right-radius: 50%; border-radius: 50% 50% 0% 0/32% 32% 70% 70%; max-width: none !important; position: absolute; top: 0; z-index: 2; } .card-content:before { background-color: inherit; content: ""; position: absolute; top: -24px; left: 50%; transform: translateX(-50%); width: 405px !important; height: 189px; border-radius: 50% 50% 0% 0/32% 32% 70% 70%; } .blog .content-w-sidebar-wrap, .single-events .content-w-sidebar-wrap, .single-post .content-w-sidebar-wrap, .archive .content-w-sidebar-wrap { grid-row-gap: 72px; } .blog .content-wrap, .single-events .content-wrap, .single-post .content-wrap, .archive .content-wrap { padding: 0 24px; } @media (min-width: 768px) { .blog .content-wrap, .single-events .content-wrap, .single-post .content-wrap, .archive .content-wrap { padding: 0 48px; } } @media (min-width: 1352px) { .blog .content-wrap, .single-events .content-wrap, .single-post .content-wrap, .archive .content-wrap { padding: 0 calc((100vw - 1256px) / 2) 0 48px; } } @media (min-width: 1916px) { .blog .content-wrap, .single-events .content-wrap, .single-post .content-wrap, .archive .content-wrap { padding: 0 calc((100vw - 1256px) / 2) 0 calc((100vw - 1256px) / 2 - 283px); } } .news-index-wrap .news-index-post:last-of-type { margin-bottom: 32px; } @media (min-width: 768px) { .news-index-wrap .news-index-post:last-of-type { margin-bottom: 72px; } } .news-index-wrap .article-header { display: flex; align-items: stretch; flex-direction: column; } @media (min-width: 768px) { .news-index-wrap .article-header { flex-direction: row; } } .news-index-wrap .article-details { display: flex; flex-direction: column; justify-content: space-between; } @media (min-width: 768px) { .news-index-wrap .article-details { max-width: 55%; max-width: calc(55% + 41px); } } .news-index-wrap .image-wrap { margin-bottom: 16px; } @media (min-width: 768px) { .news-index-wrap .image-wrap { margin-bottom: 0; width: 30%; max-width: 285px; flex-shrink: 0; margin-right: 40px; } .news-index-wrap .image-wrap img { width: 100%; } } .news-index-wrap .recommended-category { font-family: "Inter", sans-serif; font-weight: 600; font-size: 16px; line-height: 1.5; color: #61a3b3; margin-bottom: 8px; transition: color 0.2s ease-in-out; } .news-index-wrap .recommended-category:hover, .news-index-wrap .recommended-category:active, .news-index-wrap .recommended-category:focus { color: #116685; } .news-index-wrap .recommended-category span.date { font-weight: normal; } .news-index-wrap .post-title-link { transition: color 0.3s ease-in-out; } .news-index-wrap .post-title-link:hover, .news-index-wrap .post-title-link:active, .news-index-wrap .post-title-link:focus { color: #39849c; } .news-index-wrap .post-title-link:hover .post-title:after, .news-index-wrap .post-title-link:active .post-title:after, .news-index-wrap .post-title-link:focus .post-title:after { margin-left: 24px; } .news-index-wrap .post-title { font-family: "Inter-Semibold", sans-serif; line-height: 1.41; font-size: 22px; } @media (min-width: 768px) { .news-index-wrap .post-title { font-size: 34px; } } .news-index-wrap .post-title:after { content: ""; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2225%22%20height%3D%2220%22%20viewBox%3D%220%200%2025%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15%200L13.6%201.4L21.1%209H0V11H21.1L13.6%2018.6L15%2020L25%2010L15%200Z%22%20fill%3D%22%2361a3b3%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; position: relative; margin: 3px 0 0 16px; width: 25px; height: 20px; flex-shrink: 0; display: inline-block; transition: margin 0.3s ease-in-out; } .news-index-wrap h1 { font-family: "Inter", sans-serif; font-weight: 300; } @media (min-width: 1024px) { .news-index-wrap h1 { font-size: 36px; line-height: 44px; } } .news-index-link { display: inline-block; margin-top: 4px; } @media (min-width: 1024px) { .news-index-link { margin-top: 38px; } } .article-header { margin: 32px 0 0; border-top: 2px solid #d9d4ce; padding: 24px 0 0; } @media (min-width: 1024px) { .article-header { margin: 72px 0 0; } } @media (min-width: 1024px) { .entry-content { margin: 0 0 72px; } } .news-single-post .image-wrap img { width: 100%; } .news-single-post img { width: auto; } @media (min-width: 768px) { .news-single-post .news-single-post-wrap { padding: 0; } } .news-single-post.post h1, .news-single-post.page h1, .news-single-post.events h1 { font-size: 34px; line-height: 1.333; font-family: "Inter", sans-serif; font-weight: normal; margin-bottom: 16px; color: #116685; } @media (min-width: 1024px) { .news-single-post.post h1, .news-single-post.page h1, .news-single-post.events h1 { font-size: min(3.5164835165vw, 48px); margin-bottom: 24px; } } .news-single-post.post h2, .news-single-post.page h2, .news-single-post.events h2 { color: #116685; text-transform: uppercase; font-size: 17px; line-height: 31px; margin-bottom: 16px; } @media (min-width: 1024px) { .news-single-post.post h2, .news-single-post.page h2, .news-single-post.events h2 { font-size: 20px; line-height: 24px; margin-bottom: 24px; } } .news-single-post.post p, .news-single-post.page p, .news-single-post.events p { margin-bottom: 16px; font-size: 16px; line-height: 28px; } @media (min-width: 1024px) { .news-single-post.post p, .news-single-post.page p, .news-single-post.events p { margin-bottom: 24px; font-size: 22px; line-height: 34px; } .news-single-post.post p:last-of-type, .news-single-post.page p:last-of-type, .news-single-post.events p:last-of-type { margin-bottom: 0; } } .news-single-post.post ul, .news-single-post.page ul, .news-single-post.events ul { margin-bottom: 16px; } @media (min-width: 1024px) { .news-single-post.post ul, .news-single-post.page ul, .news-single-post.events ul { margin-bottom: 24px; } } .news-single-post.post ul li, .news-single-post.page ul li, .news-single-post.events ul li { font-size: 16px; line-height: 27px; } @media (min-width: 1024px) { .news-single-post.post ul li, .news-single-post.page ul li, .news-single-post.events ul li { font-size: 20px; line-height: 36px; } } .news-single-post .image-wrap { margin: 32px 0; } @media (min-width: 768px) { .news-single-post .image-wrap { margin: 72px 0; } } .news-single-post .image-wrap img { margin: 0; } @media (max-width: calc(768px - 1px)) { .news-single-post.post img, .news-single-post.page img, .news-single-post.events img { width: 100%; } } /* Default style for WP-PageNavi plugin http://wordpress.org/extend/plugins/wp-pagenavi/ */ .wp-pagenavi { clear: both; display: flex; align-items: center; margin-bottom: 40px; justify-content: flex-start; flex-wrap: wrap; } .wp-pagenavi a, .wp-pagenavi span { text-decoration: none; padding: 10px 18px; margin: 4px; color: #116685; border: 1px solid #d9d4ce; } .wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: #116685; } .wp-pagenavi span.current { font-weight: bold; } .news-single-post .aligncenter, .news-single-post .alignleft, .news-single-post .alignright { display: block; padding: 0; } .news-single-post .aligncenter { float: none; margin: 10px auto 24px; } .news-single-post .alignright { float: right; margin: 10px 0 24px 24px; } .news-single-post .alignleft { float: left; margin: 10px 24px 24px 0; } .news-single-post .wp-caption { padding: 5px 0; border: 1px solid #555; background: #444; text-align: center; } .news-single-post .wp-caption img { display: inline; } .news-single-post .wp-caption p.wp-caption-text { margin: 5px 0 0; padding: 0; text-align: center; font-size: 75%; font-weight: 100; font-style: italic; color: #ddd; } .events-index-wrap { padding: 0 24px; } @media (min-width: 768px) { .events-index-wrap { padding: 0 48px; } } @media (min-width: 1024px) { .events-index-wrap { margin-left: auto; margin-right: auto; } } @media (min-width: 1256px) { .events-index-wrap { max-width: 1256px; } } @media (min-width: 1352px) { .events-index-wrap { padding: 0; } } @media (min-width: 768px) { .events-index-wrap .article-details { width: 100%; max-width: 100%; } } .no-events { font-family: "Inter", sans-serif; font-size: 22px; color: #116685; } @media (min-width: 768px) { .no-events { font-size: 34px; } } .team-wrap { padding: 0 24px; } @media (min-width: 1051px) { .team-wrap { padding: 0 48px; } } @media (min-width: 1307px) { .team-wrap { margin-left: auto; margin-right: auto; } } @media (min-width: 1256px) { .team-wrap { max-width: 1256px; } } @media (min-width: 1635px) { .team-wrap { padding: 0; } } .team-wrap .interior-team-wrap { display: grid; grid-template-columns: 1fr; grid-column-gap: 32px; grid-row-gap: 64px; } .team-wrap .interior-team-wrap { margin: 24px auto; } @media (min-width: 768px) { .team-wrap .interior-team-wrap { grid-template-columns: repeat(2, 1fr); align-items: flex-start; margin: 48px auto; } } @media (min-width: 1366px) { .team-wrap .interior-team-wrap { margin: 72px auto; } } @media (min-width: 1352px) { .team-wrap .interior-team-wrap { max-width: 1256px; } } .team-category-title { grid-column: 1/-1; color: #116685; font-family: "Inter", sans-serif; font-size: 28px; line-height: 1.333; font-weight: normal; margin: 0; } @media (min-width: 768px) { .team-category-title { font-size: 38px; } } .team-member h2 a { border-top: none; display: flex; align-items: center; line-height: 1.5555; padding: 20px 0 0; font-weight: 700; } @media (min-width: 768px) { .team-member h2 a { font-size: 24px; } } .team-member h2 a:after { content: ""; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2219%22%20height%3D%2216%22%20viewBox%3D%220%200%2019%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.25%200.5L10.2%201.55L15.825%207.25H0V8.75H15.825L10.2%2014.45L11.25%2015.5L18.75%208L11.25%200.5Z%22%20fill%3D%22%23116685%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; position: relative; margin: 3px 0 0 16px; width: 19px; height: 16px; } .team-member p { line-height: 1.555; color: var(--color-gray-2); } @media (min-width: 768px) { .team-member p { font-size: 16px; } } .single-team-member { padding: 0 24px; } @media (min-width: 1051px) { .single-team-member { padding: 0 48px; } } @media (min-width: 1307px) { .single-team-member { margin-left: auto; margin-right: auto; } } @media (min-width: 1256px) { .single-team-member { max-width: 1256px; } } @media (min-width: 1635px) { .single-team-member { padding: 0; } } .single-team-member .team-member-wrap { display: grid; grid-template-columns: 1fr; padding: 0 24px; } @media (min-width: 768px) { .single-team-member .team-member-wrap { padding: 0 48px; } } @media (min-width: 1024px) { .single-team-member .team-member-wrap { margin-left: auto; margin-right: auto; } } @media (min-width: 1256px) { .single-team-member .team-member-wrap { max-width: 1256px; } } @media (min-width: 1352px) { .single-team-member .team-member-wrap { padding: 0; } } .single-team-member .team-member-wrap { margin: 24px auto; } @media (min-width: 768px) { .single-team-member .team-member-wrap { grid-template-columns: repeat(2, 1fr); align-items: flex-start; margin: 48px auto; } } @media (min-width: 1366px) { .single-team-member .team-member-wrap { margin: 72px auto; } } @media (min-width: 1352px) { .single-team-member .team-member-wrap { max-width: 1256px; } } @media (min-width: 768px) { .single-team-member .team-member-wrap { grid-template-columns: 553px 300px; grid-column-gap: 120px; grid-row-gap: 56px; } } @media (min-width: 768px) { .member-bio-wrap { grid-column: 1; grid-row: 2; } } .member-name { color: #116685; font-family: "Inter", sans-serif; font-size: 34px; line-height: 1.333; font-weight: normal; margin-bottom: 16px; } @media (min-width: 768px) { .member-name { font-size: 48px; margin-bottom: 24px; } } @media (min-width: 768px) { .member-title-wrap { grid-column: 2; grid-row: 2; } } .page-id-1296 { background-color: #ede8e1; } .page-id-1296 .content { background: linear-gradient(0deg, rgba(99, 102, 106, 0.13) 0%, rgba(237, 232, 225, 0) 88.1%); } .page-id-1296 .bg-gray-4 { background: transparent !important; } .page-id-1296 .interior-team-wrap { margin-top: 0; margin-bottom: 125px; } .page-id-1296 .team-category-title { color: #00a98f; font-weight: 600; } @media (min-width: 768px) { .page-id-1296 .team-category-title { font-size: 48px; } } @media (min-width: 768px) { .team-members.three-columns .interior-team-wrap { grid-template-columns: repeat(3, 1fr); } } @media print { /****************************************************************** Site Name: Author: The Matchbox Studio Stylesheet: Print Stylesheet This is the print stylesheet. There's probably not a lot of reasons to edit this stylesheet. If you want to though, go for it. ******************************************************************/ * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } a, a:visited { color: #444 !important; text-decoration: underline; } a:after, a:visited:after { content: " (" attr(href) ")"; } a abbr[title]:after, a:visited abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .sidebar, .page-navigation, .wp-prev-next, .respond-form, nav { display: none; } } /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */ @layer properties; @layer theme, base, components, utilities; @layer theme { :root, :host { --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; --color-white: #fff; --spacing: 0.25rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --font-weight-normal: 400; --font-weight-semibold: 600; --font-weight-bold: 700; --leading-normal: 1.5; --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --color-primary: #005f86; --color-charcoal: #1e1e1e; --color-blue-1: #003b5c; --color-blue-2: #116685; --color-blue-3: #88dbdf; --color-blue-4: #bbdde6; --color-turquoise: #89efc3; --color-red-2: #e56a54; --color-red-3: #ff8d6d; --color-red-4: #ecc3b2; --color-orange: #fbb94b; --color-orange-1: #cb6015; --color-orange-2: #f68d2e; --color-orange-3: #ffb549; --color-orange-4: #efdbb2; --color-green-2: #00816d; --color-green-3: #00b398; --color-green-4: #9de7d7; --color-gray-1: #2d2926; --color-gray-2: #63666a; --color-gray-4: #ede8e1; --font-inter: "Inter", sans-serif; } } @layer utilities { .visible { visibility: visible; } .\!absolute { position: absolute !important; } .\!static { position: static !important; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .top-0 { top: calc(var(--spacing) * 0); } .right-1\/2 { right: calc(1/2 * 100%); } .-bottom-\[70px\] { bottom: calc(70px * -1); } .bottom-0 { bottom: calc(var(--spacing) * 0); } .left-0 { left: calc(var(--spacing) * 0); } .left-1\/2 { left: calc(1/2 * 100%); } .-z-1 { z-index: calc(1 * -1); } .container { width: 100%; @media (width >= 40rem) { max-width: 40rem; } @media (width >= 48rem) { max-width: 48rem; } @media (width >= 64rem) { max-width: 64rem; } @media (width >= 80rem) { max-width: 80rem; } @media (width >= 96rem) { max-width: 96rem; } } .mx-auto { margin-inline: auto; } .\!mt-6 { margin-top: calc(var(--spacing) * 6) !important; } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-9 { margin-top: calc(var(--spacing) * 9); } .mr-\[30px\] { margin-right: 30px; } .\!mb-2 { margin-bottom: calc(var(--spacing) * 2) !important; } .\!mb-4 { margin-bottom: calc(var(--spacing) * 4) !important; } .\!mb-5 { margin-bottom: calc(var(--spacing) * 5) !important; } .\!mb-6 { margin-bottom: calc(var(--spacing) * 6) !important; } .\!mb-8 { margin-bottom: calc(var(--spacing) * 8) !important; } .\!mb-10 { margin-bottom: calc(var(--spacing) * 10) !important; } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-9 { margin-bottom: calc(var(--spacing) * 9); } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .table { display: table; } .aspect-\[\.84\] { aspect-ratio: .84; } .\!h-auto { height: auto !important; } .h-\[72vw\] { height: 72vw; } .h-\[166px\] { height: 166px; } .h-\[200px\] { height: 200px; } .h-\[250px\] { height: 250px; } .h-\[260px\] { height: 260px; } .h-\[400px\] { height: 400px; } .h-full { height: 100%; } .min-h-\[50vw\] { min-height: 50vw; } .min-h-\[160px\] { min-height: 160px; } .min-h-\[340px\] { min-height: 340px; } .min-h-\[clamp\(540px\,60vw\,90vh\)\] { min-height: clamp(540px, 60vw, 90vh); } .\!w-\[244px\] { width: 244px !important; } .w-1\/3 { width: calc(1/3 * 100%); } .w-\[20\.3vw\] { width: 20.3vw; } .w-\[47\%\] { width: 47%; } .w-\[50px\] { width: 50px; } .w-\[50vw\] { width: 50vw; } .w-\[53\%\] { width: 53%; } .w-\[200\%\] { width: 200%; } .w-\[371px\] { width: 371px; } .w-\[457px\] { width: 457px; } .w-full { width: 100%; } .w-screen { width: 100vw; } .max-w-\[70\%\] { max-width: 70%; } .max-w-\[190px\] { max-width: 190px; } .max-w-\[200px\] { max-width: 200px; } .max-w-\[351px\] { max-width: 351px; } .max-w-\[472px\] { max-width: 472px; } .max-w-\[705px\] { max-width: 705px; } .max-w-\[714px\] { max-width: 714px; } .max-w-\[840px\] { max-width: 840px; } .max-w-\[906px\] { max-width: 906px; } .max-w-\[993px\] { max-width: 993px; } .max-w-\[1000px\] { max-width: 1000px; } .max-w-\[1134px\] { max-width: 1134px; } .max-w-none { max-width: none; } .max-w-screen { max-width: 100vw; } .\!min-w-0 { min-width: calc(var(--spacing) * 0) !important; } .min-w-8 { min-width: calc(var(--spacing) * 8); } .min-w-12 { min-width: calc(var(--spacing) * 12); } .min-w-\[80px\] { min-width: 80px; } .flex-1 { flex: 1; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-20 { --tw-translate-x: calc(var(--spacing) * -20); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-20 { --tw-translate-x: calc(var(--spacing) * 20); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-0 { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .scale-100 { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .resize { resize: both; } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-9 { gap: calc(var(--spacing) * 9); } .gap-10 { gap: calc(var(--spacing) * 10); } .gap-14 { gap: calc(var(--spacing) * 14); } .gap-16 { gap: calc(var(--spacing) * 16); } .gap-32 { gap: calc(var(--spacing) * 32); } .\!space-y-4 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0 !important; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)) !important; margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))) !important; } } .\!space-y-6 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0 !important; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)) !important; margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))) !important; } } .space-y-4 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } } .gap-x-8 { -moz-column-gap: calc(var(--spacing) * 8); column-gap: calc(var(--spacing) * 8); } .gap-y-3 { row-gap: calc(var(--spacing) * 3); } .divide-y { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .\!overflow-visible { overflow: visible !important; } .overflow-hidden { overflow: hidden; } .overflow-x-clip { overflow-x: clip; } .rounded-\[30px\] { border-radius: 30px; } .rounded-full { border-radius: calc(infinity * 1px); } .\!border-\[6px\] { border-style: var(--tw-border-style) !important; border-width: 6px !important; } .border-\[6px\] { border-style: var(--tw-border-style); border-width: 6px; } .\!border-transparent { border-color: transparent !important; } .border-gray-4 { border-color: var(--color-gray-4); } .border-green-4 { border-color: var(--color-green-4); } .\!bg-\[\#D0C6B899\] { background-color: #D0C6B899 !important; } .\!bg-blue-4 { background-color: var(--color-blue-4) !important; } .\!bg-green-3 { background-color: var(--color-green-3) !important; } .\!bg-orange-2 { background-color: var(--color-orange-2) !important; } .\!bg-orange-4 { background-color: var(--color-orange-4) !important; } .\!bg-primary { background-color: var(--color-primary) !important; } .\!bg-red-2 { background-color: var(--color-red-2) !important; } .bg-\[\#FBB94B\] { background-color: #FBB94B; } .bg-blue-1 { background-color: var(--color-blue-1); } .bg-blue-4 { background-color: var(--color-blue-4); } .bg-gray-4 { background-color: var(--color-gray-4); } .bg-orange-2 { background-color: var(--color-orange-2); } .bg-primary { background-color: var(--color-primary); } .bg-red-4 { background-color: var(--color-red-4); } .bg-turquoise { background-color: var(--color-turquoise); } .bg-white { background-color: var(--color-white); } .\!bg-\[linear-gradient\(265deg\,_\#005f86_13\.49\%\,_\#003b5c_86\.17\%\)\] { background-image: linear-gradient(265deg, #005f86 13.49%, #003b5c 86.17%) !important; } .bg-\[linear-gradient\(80deg\,_\#EFDBB2_0\%\,_\#FF8D6D_100\%\)\] { background-image: linear-gradient(80deg, #EFDBB2 0%, #FF8D6D 100%); } .bg-\[linear-gradient\(180deg\,_rgba\(208\,_198\,_184\,_0\.60\)_-154\.45\%\,_rgba\(208\,_198\,_184\,_0\.00\)_99\.73\%\)\] { background-image: linear-gradient(180deg, rgba(208, 198, 184, 0.60) -154.45%, rgba(208, 198, 184, 0.00) 99.73%); } .bg-\[linear-gradient\(180deg\,_rgba\(229\,_106\,_84\,_0\.20\)_0\%\,_rgba\(229\,_106\,_84\,_0\.00\)_88\.1\%\)\] { background-image: linear-gradient(180deg, rgba(229, 106, 84, 0.20) 0%, rgba(229, 106, 84, 0.00) 88.1%); } .bg-cover { background-size: cover; } .bg-center { background-position: center; } .bg-left { background-position: left; } .object-contain { -o-object-fit: contain; object-fit: contain; } .object-cover { -o-object-fit: cover; object-fit: cover; } .object-bottom { -o-object-position: bottom; object-position: bottom; } .object-bottom-right { -o-object-position: right bottom; object-position: right bottom; } .object-center { -o-object-position: center; object-position: center; } .object-left { -o-object-position: left; object-position: left; } .p-5 { padding: calc(var(--spacing) * 5); } .py-5 { padding-block: calc(var(--spacing) * 5); } .py-10 { padding-block: calc(var(--spacing) * 10); } .pt-6 { padding-top: calc(var(--spacing) * 6); } .pt-\[100\%\] { padding-top: 100%; } .pb-10 { padding-bottom: calc(var(--spacing) * 10); } .\!text-center { text-align: center !important; } .text-center { text-align: center; } .\!font-inter { font-family: var(--font-inter) !important; } .font-inter { font-family: var(--font-inter); } .\!text-2xl { font-size: var(--text-2xl) !important; line-height: var(--tw-leading, var(--text-2xl--line-height)) !important; } .\!text-xl { font-size: var(--text-xl) !important; line-height: var(--tw-leading, var(--text-xl--line-height)) !important; } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .\!text-\[18px\] { font-size: 18px !important; } .\!text-\[26px\] { font-size: 26px !important; } .text-\[10px\] { font-size: 10px; } .text-\[12px\] { font-size: 12px; } .text-\[16px\] { font-size: 16px; } .text-\[18px\] { font-size: 18px; } .text-\[20px\] { font-size: 20px; } .text-\[24px\] { font-size: 24px; } .leading-\[1\.2\] { --tw-leading: 1.2; line-height: 1.2; } .leading-\[2\] { --tw-leading: 2; line-height: 2; } .leading-\[24px\] { --tw-leading: 24px; line-height: 24px; } .leading-\[30px\] { --tw-leading: 30px; line-height: 30px; } .leading-\[32px\] { --tw-leading: 32px; line-height: 32px; } .leading-normal { --tw-leading: var(--leading-normal); line-height: var(--leading-normal); } .\!font-bold { --tw-font-weight: var(--font-weight-bold) !important; font-weight: var(--font-weight-bold) !important; } .\!font-normal { --tw-font-weight: var(--font-weight-normal) !important; font-weight: var(--font-weight-normal) !important; } .\!font-semibold { --tw-font-weight: var(--font-weight-semibold) !important; font-weight: var(--font-weight-semibold) !important; } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .text-wrap { text-wrap: wrap; } .\!text-green-4 { color: var(--color-green-4) !important; } .\!text-white { color: var(--color-white) !important; } .text-\[\#00A98F\] { color: #00A98F; } .text-blue-2 { color: var(--color-blue-2); } .text-blue-3 { color: var(--color-blue-3); } .text-gray-1 { color: var(--color-gray-1); } .text-green-3 { color: var(--color-green-3); } .text-green-4 { color: var(--color-green-4); } .text-inherit { color: inherit; } .text-orange-1 { color: var(--color-orange-1); } .text-orange-2 { color: var(--color-orange-2); } .text-orange-3 { color: var(--color-orange-3); } .text-orange-4 { color: var(--color-orange-4); } .text-primary { color: var(--color-primary); } .text-red-2 { color: var(--color-red-2); } .text-red-3 { color: var(--color-red-3); } .text-red-4 { color: var(--color-red-4); } .text-white { color: var(--color-white); } .uppercase { text-transform: uppercase; } .opacity-0 { opacity: 0%; } .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .blur { --tw-blur: blur(8px); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .invert { --tw-invert: invert(100%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .filter { filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .\!transition-\[margin\] { transition-property: margin !important; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important; transition-duration: var(--tw-duration, var(--default-transition-duration)) !important; } .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .duration-300 { --tw-duration: 300ms; transition-duration: 300ms; } .duration-700 { --tw-duration: 700ms; transition-duration: 700ms; } .backface-hidden { backface-visibility: hidden; } .group-hover\:-translate-x-4 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-translate-x: calc(var(--spacing) * -4); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-hover\:text-blue-1 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-blue-1); } } } .after\:absolute { &::after { content: var(--tw-content); position: absolute; } } .after\:top-0 { &::after { content: var(--tw-content); top: calc(var(--spacing) * 0); } } .after\:left-1\/2 { &::after { content: var(--tw-content); left: calc(1/2 * 100%); } } .after\:-z-1 { &::after { content: var(--tw-content); z-index: calc(1 * -1); } } .after\:h-full { &::after { content: var(--tw-content); height: 100%; } } .after\:w-screen { &::after { content: var(--tw-content); width: 100vw; } } .after\:bg-\[linear-gradient\(180deg\,_rgba\(17\,_102\,_133\,_0\.25\)_0\%\,_rgba\(237\,_232\,_225\,_0\.00\)_88\.1\%\)\] { &::after { content: var(--tw-content); background-image: linear-gradient(180deg, rgba(17, 102, 133, 0.25) 0%, rgba(237, 232, 225, 0.00) 88.1%); } } .after\:bg-\[linear-gradient\(180deg\,_rgba\(208_198\,_184\,_0\.60\)_0\%\,_rgba\(237\,_232\,_225\,_0\.00\)_88\.1\%\)\] { &::after { content: var(--tw-content); background-image: linear-gradient(180deg, rgba(208 198, 184, 0.60) 0%, rgba(237, 232, 225, 0.00) 88.1%); } } .hover\:\!bg-blue-3 { &:hover { @media (hover: hover) { background-color: var(--color-blue-3) !important; } } } .hover\:\!bg-green-4 { &:hover { @media (hover: hover) { background-color: var(--color-green-4) !important; } } } .hover\:\!bg-orange-3 { &:hover { @media (hover: hover) { background-color: var(--color-orange-3) !important; } } } .hover\:\!bg-red-3 { &:hover { @media (hover: hover) { background-color: var(--color-red-3) !important; } } } .hover\:\!text-\[\#89c1c9\] { &:hover { @media (hover: hover) { color: #89c1c9 !important; } } } .hover\:\!text-blue-1 { &:hover { @media (hover: hover) { color: var(--color-blue-1) !important; } } } .max-lg\:\!my-\[50px\] { @media (width < 64rem) { margin-block: 50px !important; } } .max-lg\:translate-x-1\/2 { @media (width < 64rem) { --tw-translate-x: calc(1/2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } } .max-lg\:flex-col { @media (width < 64rem) { flex-direction: column; } } .max-lg\:after\:-translate-x-1\/2 { @media (width < 64rem) { &::after { content: var(--tw-content); --tw-translate-x: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .max-md\:-right-22 { @media (width < 48rem) { right: calc(var(--spacing) * -22); } } .max-md\:-mx-6 { @media (width < 48rem) { margin-inline: calc(var(--spacing) * -6); } } .max-md\:-mt-14 { @media (width < 48rem) { margin-top: calc(var(--spacing) * -14); } } .max-md\:\!hidden { @media (width < 48rem) { display: none !important; } } .max-md\:hidden { @media (width < 48rem) { display: none; } } .max-md\:flex-1 { @media (width < 48rem) { flex: 1; } } .max-md\:translate-x-12 { @media (width < 48rem) { --tw-translate-x: calc(var(--spacing) * 12); translate: var(--tw-translate-x) var(--tw-translate-y); } } .max-md\:flex-col { @media (width < 48rem) { flex-direction: column; } } .max-md\:border-b { @media (width < 48rem) { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } } .max-md\:px-7 { @media (width < 48rem) { padding-inline: calc(var(--spacing) * 7); } } .max-md\:pt-\[70\%\] { @media (width < 48rem) { padding-top: 70%; } } .max-md\:pr-16 { @media (width < 48rem) { padding-right: calc(var(--spacing) * 16); } } .max-md\:pr-\[68px\] { @media (width < 48rem) { padding-right: 68px; } } .max-md\:\!pb-0 { @media (width < 48rem) { padding-bottom: calc(var(--spacing) * 0) !important; } } .max-md\:pl-6 { @media (width < 48rem) { padding-left: calc(var(--spacing) * 6); } } .max-md\:\!leading-\[20px\] { @media (width < 48rem) { --tw-leading: 20px !important; line-height: 20px !important; } } .max-md\:font-bold { @media (width < 48rem) { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } } .md\:-bottom-\[100px\] { @media (width >= 48rem) { bottom: calc(100px * -1); } } .md\:left-\[calc\(100\%-430px\)\] { @media (width >= 48rem) { left: calc(100% - 430px); } } .md\:\!mt-10 { @media (width >= 48rem) { margin-top: calc(var(--spacing) * 10) !important; } } .md\:mt-4 { @media (width >= 48rem) { margin-top: calc(var(--spacing) * 4); } } .md\:mt-10 { @media (width >= 48rem) { margin-top: calc(var(--spacing) * 10); } } .md\:mt-12 { @media (width >= 48rem) { margin-top: calc(var(--spacing) * 12); } } .md\:\!mb-8 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 8) !important; } } .md\:\!mb-10 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 10) !important; } } .md\:\!mb-12 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 12) !important; } } .md\:-mb-6 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * -6); } } .md\:mb-20 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 20); } } .md\:\!flex { @media (width >= 48rem) { display: flex !important; } } .md\:\!hidden { @media (width >= 48rem) { display: none !important; } } .md\:hidden { @media (width >= 48rem) { display: none; } } .md\:h-\[757px\] { @media (width >= 48rem) { height: 757px; } } .md\:h-\[clamp\(500px\,44\.5vw\,900px\)\] { @media (width >= 48rem) { height: clamp(500px, 44.5vw, 900px); } } .md\:min-h-\[84px\] { @media (width >= 48rem) { min-height: 84px; } } .md\:min-h-\[550px\] { @media (width >= 48rem) { min-height: 550px; } } .md\:min-h-full { @media (width >= 48rem) { min-height: 100%; } } .md\:w-1\/2 { @media (width >= 48rem) { width: calc(1/2 * 100%); } } .md\:w-1\/4 { @media (width >= 48rem) { width: calc(1/4 * 100%); } } .md\:w-\[39\%\] { @media (width >= 48rem) { width: 39%; } } .md\:w-\[45\%\] { @media (width >= 48rem) { width: 45%; } } .md\:w-\[47\%\] { @media (width >= 48rem) { width: 47%; } } .md\:w-\[50vw\] { @media (width >= 48rem) { width: 50vw; } } .md\:w-\[53\%\] { @media (width >= 48rem) { width: 53%; } } .md\:w-\[55\%\] { @media (width >= 48rem) { width: 55%; } } .md\:w-\[57vw\] { @media (width >= 48rem) { width: 57vw; } } .md\:w-\[61\%\] { @media (width >= 48rem) { width: 61%; } } .md\:w-\[457px\] { @media (width >= 48rem) { width: 457px; } } .md\:max-w-\[70\%\] { @media (width >= 48rem) { max-width: 70%; } } .md\:max-w-\[300px\] { @media (width >= 48rem) { max-width: 300px; } } .md\:max-w-\[995px\] { @media (width >= 48rem) { max-width: 995px; } } .md\:min-w-\[50px\] { @media (width >= 48rem) { min-width: 50px; } } .md\:min-w-\[350px\] { @media (width >= 48rem) { min-width: 350px; } } .md\:justify-center { @media (width >= 48rem) { justify-content: center; } } .md\:gap-6 { @media (width >= 48rem) { gap: calc(var(--spacing) * 6); } } .md\:gap-12 { @media (width >= 48rem) { gap: calc(var(--spacing) * 12); } } .md\:gap-14 { @media (width >= 48rem) { gap: calc(var(--spacing) * 14); } } .md\:\!space-y-8 { @media (width >= 48rem) { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0 !important; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)) !important; margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))) !important; } } } .md\:\!space-y-9 { @media (width >= 48rem) { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0 !important; margin-block-start: calc(calc(var(--spacing) * 9) * var(--tw-space-y-reverse)) !important; margin-block-end: calc(calc(var(--spacing) * 9) * calc(1 - var(--tw-space-y-reverse))) !important; } } } .md\:gap-y-10 { @media (width >= 48rem) { row-gap: calc(var(--spacing) * 10); } } .md\:divide-green-4 { @media (width >= 48rem) { :where(& > :not(:last-child)) { border-color: var(--color-green-4); } } } .md\:\!py-\[100px\] { @media (width >= 48rem) { padding-block: 100px !important; } } .md\:py-\[166px\] { @media (width >= 48rem) { padding-block: 166px; } } .md\:pt-10 { @media (width >= 48rem) { padding-top: calc(var(--spacing) * 10); } } .md\:pt-14 { @media (width >= 48rem) { padding-top: calc(var(--spacing) * 14); } } .md\:\!pr-\[400px\] { @media (width >= 48rem) { padding-right: 400px !important; } } .md\:pb-\[5\%\] { @media (width >= 48rem) { padding-bottom: 5%; } } .md\:pb-\[10\%\] { @media (width >= 48rem) { padding-bottom: 10%; } } .md\:\!text-left { @media (width >= 48rem) { text-align: left !important; } } .md\:text-center { @media (width >= 48rem) { text-align: center; } } .md\:\!text-\[26px\] { @media (width >= 48rem) { font-size: 26px !important; } } .md\:\!text-\[32px\] { @media (width >= 48rem) { font-size: 32px !important; } } .md\:\!text-\[36px\] { @media (width >= 48rem) { font-size: 36px !important; } } .md\:\!text-\[40px\] { @media (width >= 48rem) { font-size: 40px !important; } } .md\:\!text-\[45px\] { @media (width >= 48rem) { font-size: 45px !important; } } .md\:text-\[18px\] { @media (width >= 48rem) { font-size: 18px; } } .md\:text-\[20px\] { @media (width >= 48rem) { font-size: 20px; } } .md\:text-\[24px\] { @media (width >= 48rem) { font-size: 24px; } } .md\:text-\[26px\] { @media (width >= 48rem) { font-size: 26px; } } .md\:text-\[29px\] { @media (width >= 48rem) { font-size: 29px; } } .md\:text-\[32px\] { @media (width >= 48rem) { font-size: 32px; } } .md\:text-\[34px\] { @media (width >= 48rem) { font-size: 34px; } } .md\:text-\[40px\] { @media (width >= 48rem) { font-size: 40px; } } .md\:\!leading-\[50px\] { @media (width >= 48rem) { --tw-leading: 50px !important; line-height: 50px !important; } } .md\:leading-\[1\.38\] { @media (width >= 48rem) { --tw-leading: 1.38; line-height: 1.38; } } .md\:leading-\[28px\] { @media (width >= 48rem) { --tw-leading: 28px; line-height: 28px; } } .md\:leading-\[35px\] { @media (width >= 48rem) { --tw-leading: 35px; line-height: 35px; } } .md\:leading-\[36px\] { @media (width >= 48rem) { --tw-leading: 36px; line-height: 36px; } } .md\:leading-\[38px\] { @media (width >= 48rem) { --tw-leading: 38px; line-height: 38px; } } .md\:leading-\[44px\] { @media (width >= 48rem) { --tw-leading: 44px; line-height: 44px; } } .md\:leading-\[52px\] { @media (width >= 48rem) { --tw-leading: 52px; line-height: 52px; } } .md\:leading-\[55px\] { @media (width >= 48rem) { --tw-leading: 55px; line-height: 55px; } } .md\:max-lg\:flex-col { @media (width >= 48rem) { @media (width < 64rem) { flex-direction: column; } } } .md\:max-lg\:items-start { @media (width >= 48rem) { @media (width < 64rem) { align-items: flex-start; } } } .lg\:-right-20 { @media (width >= 64rem) { right: calc(var(--spacing) * -20); } } .lg\:flex { @media (width >= 64rem) { display: flex; } } .lg\:min-h-\[417px\] { @media (width >= 64rem) { min-height: 417px; } } .lg\:w-\[38\%\] { @media (width >= 64rem) { width: 38%; } } .lg\:w-\[50vw\] { @media (width >= 64rem) { width: 50vw; } } .lg\:w-\[62\%\] { @media (width >= 64rem) { width: 62%; } } .lg\:grid-cols-2 { @media (width >= 64rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .lg\:items-center { @media (width >= 64rem) { align-items: center; } } .lg\:gap-12 { @media (width >= 64rem) { gap: calc(var(--spacing) * 12); } } .lg\:gap-20 { @media (width >= 64rem) { gap: calc(var(--spacing) * 20); } } .lg\:gap-40 { @media (width >= 64rem) { gap: calc(var(--spacing) * 40); } } .lg\:after\:-left-16 { @media (width >= 64rem) { &::after { content: var(--tw-content); left: calc(var(--spacing) * -16); } } } .lg\:after\:-left-20 { @media (width >= 64rem) { &::after { content: var(--tw-content); left: calc(var(--spacing) * -20); } } } .lg\:after\:w-\[50vw\] { @media (width >= 64rem) { &::after { content: var(--tw-content); width: 50vw; } } } .xl\:max-w-\[338px\] { @media (width >= 80rem) { max-width: 338px; } } .xl\:gap-x-\[60px\] { @media (width >= 80rem) { -moz-column-gap: 60px; column-gap: 60px; } } .\[\&_a\:not\(\.df-button\)\]\:\!underline { & a:not(.df-button) { text-decoration-line: underline !important; } } .\[\&_li\]\:\!m-0 { & li { margin: calc(var(--spacing) * 0) !important; } } .\[\&_li\]\:\!text-inherit { & li { color: inherit !important; } } .\[\&_li\:\:marker\]\:\!text-inherit { & li::marker { color: inherit !important; } } .\[\&_p\]\:text-gray-1 { & p { color: var(--color-gray-1); } } .md\:\[\&_p\]\:text-\[23px\] { @media (width >= 48rem) { & p { font-size: 23px; } } } .md\:\[\&_p\]\:text-\[25px\] { @media (width >= 48rem) { & p { font-size: 25px; } } } .md\:\[\&_p\]\:leading-\[36px\] { @media (width >= 48rem) { & p { --tw-leading: 36px; line-height: 36px; } } } .\[\&_p\,\&_ul\,\&_li\]\:\!text-\[12px\] { & p,& ul,& li { font-size: 12px !important; } } .\[\&_p\,\&_ul\,\&_li\]\:\!text-\[16px\] { & p,& ul,& li { font-size: 16px !important; } } .\[\&_p\,\&_ul\,\&_li\]\:\!leading-\[2\] { & p,& ul,& li { --tw-leading: 2 !important; line-height: 2 !important; } } .\[\&_p\,\&_ul\,\&_li\]\:\!leading-\[22px\] { & p,& ul,& li { --tw-leading: 22px !important; line-height: 22px !important; } } .\[\&_p\,\&_ul\,\&_li\]\:\!leading-\[26px\] { & p,& ul,& li { --tw-leading: 26px !important; line-height: 26px !important; } } .\[\&_p\,\&_ul\,\&_li\]\:not-last\:mb-6 { & p,& ul,& li { &:not(*:last-child) { margin-bottom: calc(var(--spacing) * 6); } } } .md\:\[\&_p\,\&_ul\,\&_li\]\:\!text-\[20px\] { @media (width >= 48rem) { & p,& ul,& li { font-size: 20px !important; } } } .md\:\[\&_p\,\&_ul\,\&_li\]\:\!text-\[24px\] { @media (width >= 48rem) { & p,& ul,& li { font-size: 24px !important; } } } .md\:\[\&_p\,\&_ul\,\&_li\]\:\!text-\[25px\] { @media (width >= 48rem) { & p,& ul,& li { font-size: 25px !important; } } } .md\:\[\&_p\,\&_ul\,\&_li\]\:\!text-\[32px\] { @media (width >= 48rem) { & p,& ul,& li { font-size: 32px !important; } } } .md\:\[\&_p\,\&_ul\,\&_li\]\:\!leading-\[1\.7\] { @media (width >= 48rem) { & p,& ul,& li { --tw-leading: 1.7 !important; line-height: 1.7 !important; } } } .md\:\[\&_p\,\&_ul\,\&_li\]\:\!leading-\[34px\] { @media (width >= 48rem) { & p,& ul,& li { --tw-leading: 34px !important; line-height: 34px !important; } } } .md\:\[\&_p\,\&_ul\,\&_li\]\:\!leading-\[40px\] { @media (width >= 48rem) { & p,& ul,& li { --tw-leading: 40px !important; line-height: 40px !important; } } } .md\:\[\&_p\,\&_ul\,\&_li\]\:\!leading-normal { @media (width >= 48rem) { & p,& ul,& li { --tw-leading: var(--leading-normal) !important; line-height: var(--leading-normal) !important; } } } .md\:\[\&_p\,\&_ul\,\&_li\]\:not-last\:mb-9 { @media (width >= 48rem) { & p,& ul,& li { &:not(*:last-child) { margin-bottom: calc(var(--spacing) * 9); } } } } .\[\&_p\:first-of-type\]\:\!text-\[16px\] { & p:first-of-type { font-size: 16px !important; } } .\[\&_p\:first-of-type\]\:\!leading-\[26px\] { & p:first-of-type { --tw-leading: 26px !important; line-height: 26px !important; } } .md\:\[\&_p\:first-of-type\]\:\!text-\[32px\] { @media (width >= 48rem) { & p:first-of-type { font-size: 32px !important; } } } .md\:\[\&_p\:first-of-type\]\:\!leading-\[1\.7\] { @media (width >= 48rem) { & p:first-of-type { --tw-leading: 1.7 !important; line-height: 1.7 !important; } } } .\[\&\.active\]\:w-\[26\.4vw\] { &.active { width: 26.4vw; } } .\[\&\.active\]\:max-w-\[457px\] { &.active { max-width: 457px; } } .\[\&\.active\]\:translate-x-0 { &.active { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } .\[\&\.active\]\:opacity-100 { &.active { opacity: 100%; } } .\[\&\.swiper-slide-active_img\]\:\!border-gray-4 { &.swiper-slide-active img { border-color: var(--color-gray-4) !important; } } .\[\&\.swiper-slide-next\]\:-mr-\[16\%\] { &.swiper-slide-next { margin-right: calc(16% * -1); } } .\[\&\.swiper-slide-next\]\:-ml-\[5\%\] { &.swiper-slide-next { margin-left: calc(5% * -1); } } .\[\&\:not\(\.swiper-slide-active\)_img\]\:translate-y-\[10\%\] { &:not(.swiper-slide-active) img { --tw-translate-y: 10%; translate: var(--tw-translate-x) var(--tw-translate-y); } } .\[\&\:not\(\.swiper-slide-active\)_img\]\:scale-\[\.8\] { &:not(.swiper-slide-active) img { scale: .8; } } } .rebrand { @layer base { *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::-moz-placeholder { opacity: 1; } ::placeholder { opacity: 1; } @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { ::-moz-placeholder { color: currentcolor; @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, currentcolor 50%, transparent); } } ::placeholder { color: currentcolor; @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } ::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button { -webkit-appearance: button; -moz-appearance: button; appearance: button; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden='until-found'])) { display: none !important; } } } .bg-orange-gradient { background-image: linear-gradient(270deg, #fbb94c 0%, #ffd382 100%); } .bg-blue-gradient { background: linear-gradient(90deg, #9de7d7 0%, #89f0c3 100%); } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-rotate-x { syntax: "*"; inherits: false; } @property --tw-rotate-y { syntax: "*"; inherits: false; } @property --tw-rotate-z { syntax: "*"; inherits: false; } @property --tw-skew-x { syntax: "*"; inherits: false; } @property --tw-skew-y { syntax: "*"; inherits: false; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-leading { syntax: "*"; inherits: false; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-blur { syntax: "*"; inherits: false; } @property --tw-brightness { syntax: "*"; inherits: false; } @property --tw-contrast { syntax: "*"; inherits: false; } @property --tw-grayscale { syntax: "*"; inherits: false; } @property --tw-hue-rotate { syntax: "*"; inherits: false; } @property --tw-invert { syntax: "*"; inherits: false; } @property --tw-opacity { syntax: "*"; inherits: false; } @property --tw-saturate { syntax: "*"; inherits: false; } @property --tw-sepia { syntax: "*"; inherits: false; } @property --tw-drop-shadow { syntax: "*"; inherits: false; } @property --tw-drop-shadow-color { syntax: "*"; inherits: false; } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false; } @property --tw-duration { syntax: "*"; inherits: false; } @property --tw-content { syntax: "*"; initial-value: ""; inherits: false; } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-divide-y-reverse: 0; --tw-border-style: solid; --tw-leading: initial; --tw-font-weight: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-duration: initial; --tw-content: ""; } } }