/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .cl-reviews-slider-1 ul { align-items: flex-start !important; } .cl-reviews-slider-1 .well img { width: 90%; } .cl-reviews-slider-1 .weight-300 { font-weight: 300; } .cl-reviews-slider-1 .well { width: 276px; margin-right: 16px; margin-bottom: 0px; overflow-y: hidden; } .cl-reviews-slider-1 .expand-review { position: absolute; left: 0px; right: 0px; bottom: 0px; z-index: 1; width: 100%; height: 50px; background: linear-gradient(#f1f2f200, #f1f2f2 84%); } .cl-reviews-slider-1 .expand-review i { transition: var(--transition); color: var(--secondary); margin-bottom: 2px; } .cl-reviews-slider-1 .well.expanded .expand-review i { transform: rotate(0.5turn); } @media (min-width: 992px) { .cl-reviews-slider-1 .well { max-height: 360px; } .cl-reviews-slider-1:before, .cl-reviews-slider-1:after { content: ""; height: 100%; width: 40px; position: absolute; z-index: 2; top: 0px; bottom: 0px; } .cl-reviews-slider-1:before { left: 0px; background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%); } .cl-reviews-slider-1:after { right: 0px; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%); } .cl-reviews-slider-1 .well:after { content: ""; display: block; height: 44px; background-color: var(--primary); position: absolute; top: 316px; width: 100%; left: 0px; border-bottom-left-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); background: linear-gradient(#f1f2f200, #f1f2f2 52%); } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .ninthroot-overlay::before { content: ""; background: linear-gradient(45deg, rgba(58, 191, 224, 0.7) 0%, rgba(242, 104, 151, 0.73) 54%, rgba(255, 78, 108, 0.75) 100%); position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* wi-subnav-image-2 */ /* ------------------ */ .wi-subnav-image-1 a.wi-wrapper { display: block; text-align: center; color: #5d5d5d; } .wi-subnav-image-1 a.wi-wrapper .wi-image { position: relative; display: block; width: 80%; padding-top: 80%; margin: auto; border: 4px solid #ffffff; border-radius: 50%; background-color: #ffffff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; -webkit-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; transition: all 0.4s ease-in; } .wi-subnav-image-2 a.wi-wrapper:hover { text-decoration: none; } .wi-subnav-image-1 a.wi-wrapper .wi-image .em-tag { position: absolute; z-index: 5; left: 0px; top: calc(50% - 30px); width: 100%; text-align: center; font-size: 35px; text-transform: uppercase; opacity: 0; color: #ffffff !important; -webkit-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; transition: all 0.4s ease-in; } .wi-subnav-image-1 a.wi-wrapper:hover .wi-image .em-tag { opacity: 1; } .wi-subnav-image-1 a.wi-wrapper .wi-image div.wi-underlay { position: absolute; z-index: 1; left: -120%; top: -120%; border-radius: 50%; width: 120%; height: 120%; display: flex; justify-content: center; align-items: center; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .wi-subnav-image-1 a.wi-wrapper:hover .wi-image div.wi-underlay { left: -10%; top: -10%; } .wi-subnav-image-1 .color-primary a.wi-wrapper .wi-image div.wi-underlay { background-color: var(--primary-rgba-tissue); } .wi-subnav-image-1 .color-primary a.wi-wrapper:hover .wi-image { border-color: var(--primary); } .wi-subnav-image-1 .color-secondary a.wi-wrapper .wi-image div.wi-underlay { background-color: var(--secondary-rgba-tissue); } .wi-subnav-image-1 .color-secondary a.wi-wrapper:hover .wi-image { border-color: var(--secondary); } .wi-subnav-image-1 .color-tertiary a.wi-wrapper .wi-image div.wi-underlay { background-color: var(--tertiary-rgba-tissue); } .wi-subnav-image-1 .color-tertiary a.wi-wrapper:hover .wi-image { border-color: var(--tertiary); } .wi-subnav-image-1 .color-quaternary a.wi-wrapper .wi-image div.wi-underlay { background-color: var(--quaternary-rgba-tissue); } .wi-subnav-image-1 .color-quaternary a.wi-wrapper:hover .wi-image { border-color: var(--quaternary); } .wi-subnav-image-1 .color-quinary a.wi-wrapper .wi-image div.wi-underlay { background-color: var(--quinary-rgba-tissue); } .wi-subnav-image-1 .color-quinary a.wi-wrapper:hover .wi-image { border-color: var(--quinary); } .wi-subnav-image-1 .color-light a.wi-wrapper .wi-image div.wi-underlay { background-color: var(--light-rgba-tissue); } .wi-subnav-image-1 .color-light a.wi-wrapper:hover .wi-image { border-color: var(--light); } .wi-subnav-image-1 .color-gray a.wi-wrapper .wi-image div.wi-underlay { background-color: var(--gray-rgba-tissue); } .wi-subnav-image-1 .color-gray a.wi-wrapper:hover .wi-image { border-color: var(--gray); } .wi-subnav-image-1 .color-dark a.wi-wrapper .wi-image div.wi-underlay { background-color: var(--dark-rgba-tissue); } .wi-subnav-image-1 .color-dark a.wi-wrapper:hover .wi-image { border-color: var(--dark); } .wi-subnav-image-1 .color-dark-gray a.wi-wrapper .wi-image div.wi-underlay { background-color: var(--dark-gray-rgba-tissue); } .wi-subnav-image-1 .color-dark-gray a.wi-wrapper:hover .wi-image { border-color: var(--dark-gray); } .wi-subnav-image-1 a.wi-wrapper .wi-image div.wi-underlay { font-size: 100px; } .wi-subnav-image-1 a.wi-wrapper:hover .wi-image { border-color: var(--primary); } .wi-subnav-image-1 .go-btn { position: absolute; left: 0px; bottom: 30%; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-breadcrumb ol.breadcrumb { font-size: 1rem; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 0.06rem; text-transform: uppercase; margin-bottom: 0; } .wi-breadcrumb ol.breadcrumb li.breadcrumb-item:first-child a { color: var(--primary); } .wi-breadcrumb ol.breadcrumb li.breadcrumb-item:first-child a:hover { color: var(--tertiary); } .wi-breadcrumb ol.breadcrumb li.breadcrumb-item { font-size: 1rem; color: var(--secondary); margin-bottom: 0.25rem; font-family: var(--font-secondary); font-weight: 400; } @media (max-width: 991px) { .wi-breadcrumb ol.breadcrumb li.breadcrumb-item { font-size: 0.8125rem; } } .wi-breadcrumb ol.breadcrumb li.breadcrumb-item.active { font-weight: 600; } .wi-breadcrumb ol.breadcrumb li.breadcrumb-item a { font-size: inherit; color: inherit; font-weight: inherit; font-family: inherit; } .wi-breadcrumb ol.breadcrumb li.breadcrumb-item a:hover { color: var(--primary); } .wi-breadcrumb ol.breadcrumb li.breadcrumb-item:before { color: var(--octonary); } .breadcrumb-light .wi-breadcrumb ol.breadcrumb li.breadcrumb-item { color: var(--light); } .breadcrumb-light .wi-breadcrumb ol.breadcrumb li.breadcrumb-item a:hover { color: var(--primary); } .breadcrumb-light .wi-breadcrumb ol.breadcrumb li.breadcrumb-item:before { color: var(--light); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-reviews-full-2 .wi-review .well { border-radius: var(--border-radius); } .wi-review .well .bg-gray { border-color: #f8f9fa; } .wi-reviews-full-2 .wi-review .directory { text-align: center; position: relative; top: -30px; margin-bottom: -30px; } .wi-reviews-full-2 .wi-review .directory a.directory-icon { color: #fff; background-color: var(--primary); border-radius: 100%; padding: 6.5px 8px; } .wi-reviews-full-2 .wi-review .directory a.directory-icon:hover { background-color: var(--primary) !important; box-shadow: 0 0 0 0.15rem rgba(var(--primary-rgb), 0.4); } .wi-reviews-full-2 .wi-review .directory a.directory-icon > span { text-align: center; width: 18px; height: 18px; } .wi-reviews-full-2 .wi-review > div > figure { height: 230px; overflow: hidden; } .wi-reviews-full-2 .expand-review { position: absolute; bottom: 0px; right: 0px; width: 100%; text-align: center; } .wi-reviews-full-2 .expand-review:hover { cursor: pointer; color: var(--primary); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* Instagram 2 */ .instagram-2 [class*="col-"] { padding: 0px; } .instagram-2 .wrap { padding-bottom: 100%; overflow: hidden; } .instagram-2 .wrap .ig-container { width: 100%; height: 100%; position: absolute; overflow: hidden; } .instagram-2 .wrap .ig-container .content { overflow: hidden; height: 100%; display: flex; justify-content: center; } .instagram-2 .wrap .ig-container .content .overlay { width: 100%; height: 100%; padding: 20px; background-color: #000000a1; color: white; position: absolute; bottom: 100%; transition: 0.25s ease-in; } .instagram-2 .wrap:hover .ig-container .content .overlay { bottom: 0px; transition: 0.25s ease-in; } .instagram-2 .wrap:hover .ig-container .content .overlay p { max-height: 84%; margin-bottom: 0px; font-size: 14px; line-height: 1.3; } .instagram-2 .wrap .ig-container .content .overlay .s-impressions { font-size: 20px; } .instagram-2 .wrap .ig-container .content .overlay .igo-container { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; width: 100%; position: relative; -webkit-mask-image: -webkit-gradient(linear, left 70%, left bottom, from(black), to(rgba(0, 0, 0, 0))); } .instagram-2 .wrap .ig-container .content .ig-media { min-width: 100%; max-height: 100%; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-subnav-full-1 .go-arrow { position: absolute; right: -5px; } .wi-subnav-full-1 .grand-children-col { padding-top: 1px; padding-bottom: 1px; padding-left: 5px; padding-right: 5px; } .wi-subnav-full-1 .list-unstyled { padding-left: 0px; list-style: none; } .wi-subnav-full-1 a.btn:hover { background-color: var(--primary); color: white; } @charset "UTF-8"; /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-franchise-list .card-columns { column-count: 1; } @media (min-width: 992px) { .wi-franchise-list .card-columns { column-count: 2; } } @media (min-width: 1200px) { .wi-franchise-list .card-columns { column-count: 3; } } .wi-franchise-list .card-title { font-weight: 300; font-size: 1.3rem; } .wi-franchise-list .card-columns .card { width: 100%; margin-bottom: 20px; page-break-inside: avoid; break-inside: avoid-column; display: table; } .wi-franchise-list ul.icon-list { margin: 0 0 0 10px; padding: 0; } .wi-franchise-list ul.icon-list li { position: relative; list-style-type: none; padding: 6px 0 5px 18px; margin-bottom: 0; font-size: 1rem; } .wi-franchise-list ul.icon-list li.col { padding: 6px 17px 5px 17px; } /* default: chevron */ .wi-franchise-list ul.icon-list li::after { font-family: "Font Awesome 5 Pro"; content: ""; font-style: normal; font-weight: 500; text-decoration: inherit; position: absolute; font-size: 11px; color: var(--primary); top: 14px; left: 0; z-index: 1; } /* chevron circle */ .wi-franchise-list ul.icon-list.list-arrow-circle li::after { content: ""; } /* checkmark */ .wi-franchise-list ul.icon-list.list-checkmark li { padding-bottom: 20px; margin-bottom: 15px; border-bottom: 1px solid #eee; } .wi-franchise-list ul.icon-list.list-checkmark li::after { content: ""; } .wi-franchise-list ul.icon-list.list-checkmark li:last-child { border: none; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-franchise-list .card-columns { column-count: 1; } @media (min-width: 992px) { .wi-franchise-list .card-columns { column-count: 2; } } @media (min-width: 1200px) { .wi-franchise-list .card-columns { column-count: 3; } } .wi-franchise-list ul.icon-list li::after { content: "" !important; font-style: normal; background: url(/oak/files/logos/lemon-tree.insignia.png); width: 20px; height: 20px; background-position: center; font-weight: 200; text-decoration: inherit; position: absolute; font-size: 13px; color: var(--primary); background-size: cover; top: 10px; left: -10px; z-index: 1; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-badge-autoslide-1 ul li img { width: 150px; } .wi-badge-autoslide-1 ul li { padding: 0px 30px; } .wi-badge-autoslide-1 .col-12:before, .wi-badge-autoslide-1 .col-12:after { content: ""; height: 100%; width: 40px; position: absolute; z-index: 2; top: 0px; bottom: 0px; } .wi-badge-autoslide-1 .col-12::before { left: 0px; background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%); } .wi-badge-autoslide-1 .col-12::after { right: 0px; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-social-large-1 { display: flex; gap: 1.5rem; font-size: 3rem; align-items: center; } .wi-social-large-1 .item { font-size: 3rem; color: var(--tertiary); transition: var(--transition); } .wi-social-large-1 .item:hover { color: var(--quaternary); } .social-primary .wi-social-large-1 .item { color: var(--primary); } .social-primary .wi-social-large-1 .item:hover { color: var(--secondary); } .social-light .wi-social-large-1 .item { color: var(--light); } .social-light .wi-social-large-1 .item:hover { color: var(--primary); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-social-medium-1 { display: flex; gap: 0.88rem; font-size: 2.25rem; align-items: center; } .wi-social-medium-1 .item { font-size: 2.25rem; color: var(--tertiary); transition: var(--transition); } .wi-social-medium-1 .item:hover { color: var(--quaternary); } .social-primary .wi-social-medium-1 .item { color: var(--primary); } .social-primary .wi-social-medium-1 .item:hover { color: var(--secondary); } .social-light .wi-social-medium-1 .item { color: var(--light); } .social-light .wi-social-medium-1 .item:hover { color: var(--primary); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-social-small-1 { display: flex; gap: 0.62rem; font-size: 0.95238rem; align-items: center; justify-content: center; } .wi-social-small-1 .item { font-size: 1.125rem !important; color: var(--primary); transition: var(--transition); } .wi-social-small-1 .item:hover { color: var(--dark); } body.h-show-tert-nav .tert-nav .wi-social-small-1 .item { color: var(--primary); } body.h-show-tert-nav .tert-nav .wi-social-small-1 .item:hover { color: var(--dark); } .social-primary .wi-social-small-1 .item { color: var(--primary); } .social-primary .wi-social-small-1 .item:hover { color: var(--secondary); } .social-light .wi-social-small-1 .item { color: var(--light) !important; } .social-light .wi-social-small-1 .item:hover { color: var(--primary); } .social-hover-dark .wi-social-small-1 .item:hover { color: var(--dark) !important; } @charset "UTF-8"; /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* .icon-list */ ul.icon-list { margin: 0; padding: 0; } ul.icon-list li { position: relative; list-style-type: none; padding: 0.1rem 0 0.1rem 1.875rem; margin-bottom: 0.5rem; font-size: 1.125rem; } /* default: chevron */ ul.icon-list li::after { font-family: "Font Awesome 6 Pro"; content: ""; font-style: normal; font-weight: 900; text-decoration: inherit; position: absolute; font-size: 1.25rem; color: var(--primary); top: 0px; left: 0; z-index: 1; } .text-light ul.icon-list li::after { color: #ffffff; opacity: 0.4; } /* chevron circle */ ul.icon-list.list-arrow-circle li::after { content: ""; } /* checkmark */ ul.icon-list.list-checkmark li::after { content: ""; } /* checkmark-square */ ul.icon-list.list-checkmark-square li::after { content: ""; font-family: "Font Awesome 6 Sharp"; } ul.icon-list.list-checkmark-square.text-secondary li::after { color: var(--secondary); } ul.icon-list.list-x li::after { content: ""; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ section:not([class*="bg-"]):not(.lr-sect):not(.divider-diagonal):not(.bg-transparent):not(.hero-section):not(.bump-up-calendar-section):not(.wi-polygon-section):not(.wi-subnav-bar) + section:not([class*="bg-"]):not(.lr-sect):not(.bg-transparent):not(.hero-section):not(.bump-up-calendar-section):not(.wi-polygon-section):not(.wi-subnav-bar) { padding-top: 0px; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .sub { font-family: var(--font-secondary); font-size: 1.375rem; font-weight: 400; text-transform: uppercase; } @media (max-width: 991px) { .sub { font-size: 1.125rem; } } /* h1.sub, .h1.sub { font-size: 2.0625rem; @media(max-width: breakpoint('lg', false)) { font-size: 1.75rem; letter-spacing: 0.035rem; } } h2.sub, .h2.sub { font-size: 1.6875rem; letter-spacing: 0.03375rem; @media(max-width: breakpoint('lg', false)) { font-size: 1.5625rem; letter-spacing: 0.03125rem; } } h3.sub, .h3.sub { font-size: 1.5rem; letter-spacing: 0.03rem; @media(max-width: breakpoint('lg', false)) { font-size: 1.3125rem; letter-spacing: 0.02625rem; } } h4.sub, .h4.sub { font-size: 1.375rem; letter-spacing: 0.0275rem; @media(max-width: breakpoint('lg', false)) { font-size: 1.1875rem; letter-spacing: 0.02375rem; } } */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ @font-face { font-family: "Alata"; font-style: normal; font-weight: 400; src: url("/oak/themes/dumpster_dudez/css/fonts/Alata/Alata-Regular.ttf"); } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; src: url("/oak/themes/dumpster_dudez/css/fonts/OpenSans/OpenSans-Bold.ttf"); } @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 700; src: url("/oak/themes/dumpster_dudez/css/fonts/OpenSans/OpenSans-BoldItalic.ttf"); } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 800; src: url("/oak/themes/dumpster_dudez/css/fonts/OpenSans/OpenSans-ExtraBold.ttf"); } @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 800; src: url("/oak/themes/dumpster_dudez/css/fonts/OpenSans/OpenSans-ExtraBoldItalic.ttf"); } @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 400; src: url("/oak/themes/dumpster_dudez/css/fonts/OpenSans/OpenSans-Italic.ttf"); } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 300; src: url("/oak/themes/dumpster_dudez/css/fonts/OpenSans/OpenSans-Light.ttf"); } @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 300; src: url("/oak/themes/dumpster_dudez/css/fonts/OpenSans/OpenSans-LightItalic.ttf"); } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 500; src: url("/oak/themes/dumpster_dudez/css/fonts/OpenSans/OpenSans-Medium.ttf"); } @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 500; src: url("/oak/themes/dumpster_dudez/css/fonts/OpenSans/OpenSans-MediumItalic.ttf"); } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; src: url("/oak/themes/dumpster_dudez/css/fonts/OpenSans/OpenSans-Regular.ttf"); } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; src: url("/oak/themes/dumpster_dudez/css/fonts/OpenSans/OpenSans-SemiBold.ttf"); } @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 600; src: url("/oak/themes/dumpster_dudez/css/fonts/OpenSans/OpenSans-SemiBoldItalic.ttf"); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .beneath-footer { color: var(--light); font-size: 0.8125rem; font-weight: 400; line-height: normal; font-family: var(--font-secondary); text-transform: uppercase; border-top: 1px solid rgba(255, 255, 255, 0.3); } .beneath-footer a { color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; font-family: inherit; transition: var(--transition); } .beneath-footer a:hover { text-decoration: underline; color: var(--light); } .beneath-footer .vert-bar { display: inline-block; position: relative; top: -1px; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-top-bar { margin-top: 0px; transition: var(--transition); } .wi-top-bar .btn { padding: 0.63rem 0.75rem; font-size: 0.75rem; } body.scrolled .wi-top-bar { margin-top: calc(var(--top-bar, 0px) * -1); } .wi-top-bar .headline { font-family: var(--font-secondary); font-size: 1rem; font-style: normal; font-weight: 700; line-height: normal; color: var(--light); text-align: center; } .wi-top-bar .btn-style-rounded-edges { border-radius: 40px; padding-left: 23px; padding-right: 23px; } .wi-top-bar .btn-effect-wiggle { animation: wiggle 5s infinite; } .wi-top-bar:hover .btn-effect-wiggle { animation: none; } @keyframes wiggle { 0% { transform: rotate(0deg); } 80% { transform: rotate(0deg); } 82% { transform: rotate(5deg); } 84% { transform: rotate(-5deg); } 86% { transform: rotate(5deg); } 88% { transform: rotate(-5deg); } 90% { transform: rotate(5deg); } 92% { transform: rotate(-5deg); } 94% { transform: rotate(5deg); } 96% { transform: rotate(-5deg); } 98% { transform: rotate(5deg); } 100% { transform: rotate(0deg); } } .wi-top-bar.bg-light i.close-button { color: black; } .wi-top-bar i.close-button { color: white; opacity: 0.8; position: absolute; right: 20px; } .wi-top-bar i.close-button:hover { opacity: 1; cursor: pointer; } @media screen and (max-width: 991px) { .wi-top-bar i.close-button { top: -7px; right: 7px; } } @media screen and (min-width: 992px) { .wi-top-bar i.close-button { top: 0px; } } footer { position: relative; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ :root { --border-radius: 0; --box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.20); --box-shadow-no-top: 0px 10px 15px -6px rgba(0, 0, 0, 0.20); --drop-shadow: 0px 0px 18px rgba(0, 0, 0, 0.2); --well-desktop-padding: 2.5rem 2.5rem 2.5rem 2.5rem; --well-mobile-padding: 2.19rem 1.25rem 2.19rem 1.25rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ header .nav-container .main-nav .logo .mobile { display: none; } @media (max-width: 991px) { header .nav-container .main-nav .logo .mobile { display: block; } header .nav-container .main-nav .logo .desktop { display: none; } } @media (max-width: 991px) { header .nav-container .main-nav .items .item-append .cta { font-size: 0.75rem; } header .nav-container .main-nav .items .item-append .cta:not(:last-child) { margin-right: 0.5rem; } header .nav-container .main-nav .items .item-append .cta:not(.icon) { padding: 0.625rem 0.75rem; } } @media (max-width: 991px) { header .nav-container .main-nav .items .item-append .cta.icon { font-size: 1.125rem; padding: 0.375rem 0.6125rem; } } header .nav-container .main-nav .items .mobile-nav-trigger { padding: 1rem; margin: -1rem; box-sizing: content-box; } header:not(.open) { box-shadow: var(--box-shadow); } @media (min-width: 992px) { header:has(.logo img.on-scrolled).scrolled .logo img.on-scrolled.desktop { display: inline; } } @media (max-width: 991px) { header:has(.logo img.on-scrolled).scrolled .logo img.on-scrolled.desktop { display: none; } } @media (max-width: 991px) { header:has(.logo img.on-scrolled).scrolled .logo img.on-scrolled.mobile { display: inline; } } @media (min-width: 992px) { header:has(.logo img.on-scrolled).scrolled .logo img.on-scrolled.mobile { display: none; } } header:has(.logo img.on-scrolled).scrolled .logo img:not(.on-scrolled) { display: none; } header:has(.logo img.on-scrolled):not(.scrolled) .logo img.on-scrolled { display: none; } body.fran-dev-locked header { --nav-logo-desktop-width: 6.5rem; --nav-logo-desktop-offset: -2rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ body.h-show-tert-nav .tert-nav { display: block; border-bottom: unset; } body.h-show-tert-nav .tert-nav a { padding: 0; } body.h-show-tert-nav .tert-nav .container .tert-wrapper { height: var(--nav-tert-desktop-height); overflow: hidden; --tert-gap: 0.62rem; display: flex; gap: var(--tert-gap); align-items: center; justify-content: flex-end; } @media (max-width: 991px) { body.h-show-tert-nav .tert-nav .container .tert-wrapper { height: var(--nav-tert-mobile-height); } } body.h-show-tert-nav .tert-nav .container .tert-wrapper .wi-fran-tert-current-location { display: flex; align-items: center; gap: 0.38rem; } body.h-show-tert-nav .tert-nav .container .tert-wrapper .wi-fran-tert-current-location i { color: var(--nav-tert-text-color); font-size: 0.9525rem; } body.h-show-tert-nav .tert-nav .container .tert-wrapper .wi-fran-tert-current-location a { font-size: 0.875rem; height: unset; font-family: var(--font-secondary); font-weight: 400; padding: 0; display: block; } body.h-show-tert-nav .tert-nav .container .tert-wrapper .wi-fran-tert-current-location a:hover { background: transparent; } body.h-show-tert-nav .tert-nav .container .tert-wrapper .wi-fran-tert-current-location::after { content: "|"; color: var(--primary); font-size: 1.3rem; margin-left: 0.24rem; font-weight: 400; } body.h-show-tert-nav .tert-nav .container .tert-wrapper .tert-ul { margin: 0; padding: 0; display: flex; align-items: center; gap: var(--tert-gap); list-style-type: none; } body.h-show-tert-nav .tert-nav .container .tert-wrapper .tert-ul li a { height: unset; padding: 0; font-size: 0.875rem; font-family: var(--font-secondary); font-weight: 400; gap: 0.62rem; } body.h-show-tert-nav .tert-nav .container .tert-wrapper .tert-ul li a::after { content: "|"; color: var(--primary); font-size: 1.3rem; font-weight: 400; } body.h-show-tert-nav .tert-nav .container .tert-wrapper .tert-ul li a:hover { background: transparent; } body.h-show-tert-nav .tert-nav .container .tert-wrapper .tert-ul:last-child li:last-child a::after { content: ""; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .btn { padding: 0.81rem 1.5rem; font-size: 1.125rem; font-weight: 600; letter-spacing: 0.0225rem; text-transform: uppercase; line-height: normal; font-family: var(--font-secondary); } @media (max-width: 991px) { .btn { padding: 0.625rem 0.875rem; font-size: 1rem; letter-spacing: 0.02rem; } } .btn[class*="btn-outline-"] { border-width: 1px; } .btn-light, .btn-light:hover, .btn-light.focus, .btn-light:focus, .btn-outline-light:hover, .btn-outline-light.focus, .btn-outline-light:focus { color: var(--primary); } .btn-tertiary, .btn-tertiary:hover, .btn-tertiary.focus, .btn-tertiary:focus { color: var(--primary); } .btn-quaternary { color: var(--light); } @media (min-width: 576px) { .btn-sm-light, .btn-sm-light:hover, .btn-sm-light.focus, .btn-sm-light:focus, .btn-sm-outline-light:hover, .btn-sm-outline-light.focus, .btn-sm-outline-light:focus { color: var(--primary); } .btn-sm-tertiary, .btn-sm-tertiary:hover, .btn-sm-tertiary.focus, .btn-sm-tertiary:focus { color: var(--primary); } .btn-sm-quaternary { color: var(--light); } } @media (min-width: 768px) { .btn-md-light, .btn-md-light:hover, .btn-md-light.focus, .btn-md-light:focus, .btn-md-outline-light:hover, .btn-md-outline-light.focus, .btn-md-outline-light:focus { color: var(--primary); } .btn-md-tertiary, .btn-md-tertiary:hover, .btn-md-tertiary.focus, .btn-md-tertiary:focus { color: var(--primary); } .btn-md-quaternary { color: var(--light); } } @media (min-width: 992px) { .btn-lg-light, .btn-lg-light:hover, .btn-lg-light.focus, .btn-lg-light:focus, .btn-lg-outline-light:hover, .btn-lg-outline-light.focus, .btn-lg-outline-light:focus { color: var(--primary); } .btn-lg-tertiary, .btn-lg-tertiary:hover, .btn-lg-tertiary.focus, .btn-lg-tertiary:focus { color: var(--primary); } .btn-lg-quaternary { color: var(--light); } } @media (min-width: 1200px) { .btn-xl-light, .btn-xl-light:hover, .btn-xl-light.focus, .btn-xl-light:focus, .btn-xl-outline-light:hover, .btn-xl-outline-light.focus, .btn-xl-outline-light:focus { color: var(--primary); } .btn-xl-tertiary, .btn-xl-tertiary:hover, .btn-xl-tertiary.focus, .btn-xl-tertiary:focus { color: var(--primary); } .btn-xl-quaternary { color: var(--light); } } @media (min-width: 1400px) { .btn-xxl-light, .btn-xxl-light:hover, .btn-xxl-light.focus, .btn-xxl-light:focus, .btn-xxl-outline-light:hover, .btn-xxl-outline-light.focus, .btn-xxl-outline-light:focus { color: var(--primary); } .btn-xxl-tertiary, .btn-xxl-tertiary:hover, .btn-xxl-tertiary.focus, .btn-xxl-tertiary:focus { color: var(--primary); } .btn-xxl-quaternary { color: var(--light); } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ @media (max-width: 991px) { header .nav-container .main-nav .items nav { flex-direction: column; justify-content: flex-end; top: calc(var(--top-bar, 0px) + var(--nav-height)); } header .nav-container .main-nav .items nav ul.level-1 { flex-grow: 1; position: static; margin: 0; padding-top: 0.375rem; padding-left: 0.94rem; padding-right: 0.94rem; } header .nav-container .main-nav .items nav ul.level-1 > li > a { border-bottom: 1px solid #CCC; padding: 0.81rem 0; line-height: 1.6; } header .nav-container .main-nav .items nav ul.level-1 > li > a.parent i { color: var(--primary); font-size: 0.875rem; padding: 1rem; margin: -1rem; } header .nav-container .main-nav .items nav ul.level-1 > li > a.parent.open { border-color: var(--primary); } header .nav-container .main-nav .items nav ul.level-1 > li .level-2 { margin: 0; border-bottom: 1px solid var(--primary); } header .nav-container .main-nav .items nav .below-nav { display: flex; background: var(--gray); align-items: center; justify-content: center; height: 8.94rem; } header .nav-container .main-nav .items nav .below-nav img { height: 6.875rem; } header.scrolled .nav-container .main-nav .items nav { top: calc(var(--nav-height) - 1px); } header.open .nav-container .main-nav .items nav { height: calc(100vh - var(--top-bar, 0px) - var(--nav-height)); box-shadow: inset 0px 4px 15px 0px rgba(0, 0, 0, 0.12); } header.open .nav-container .main-nav .items nav ul.level-1 { overflow-y: scroll; overflow-x: hidden; } header.open.scrolled .nav-container .main-nav .items nav { height: calc(100vh - var(--nav-height)); } } @media (min-width: 992px) { header .nav-container .main-nav .items nav ul.level-1 { margin-left: 1px; } header .nav-container .main-nav .items nav ul.level-1 > li { margin-left: -1px; } header .nav-container .main-nav .items nav ul.level-1 > li > a { height: 2.19rem; margin-right: -1px; } header .nav-container .main-nav .items nav ul.level-1 > li > a.parent { min-width: calc(100% + 1px); } header .nav-container .main-nav .items nav ul.level-1 > li > a.parent i.fa-angle-down { color: var(--primary); } header .nav-container .main-nav .items nav ul.level-1 > li > a.parent.over i.fa-angle-down, header .nav-container .main-nav .items nav ul.level-1 > li > a.parent:hover i.fa-angle-down { color: var(--light); } header .nav-container .main-nav .items nav ul.level-1 > li:not(.no-separator):after { content: ""; height: 1.19rem; border-left: 1px solid var(--primary); } header .nav-container .main-nav .items nav ul.level-1 > li ul.level-2 { border-top: 1px solid var(--primary); border-radius: 0; width: 9.81rem; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.12); } header .nav-container .main-nav .items nav ul.level-1 > li ul.level-2 .mega-nav-dropdown { width: 100%; } header .nav-container .main-nav .items nav .below-nav { display: none; } } @media (min-width: 992px) and (min-width: 1400px) { header .nav-container .main-nav .items nav ul.level-1 > li > a { --nav-font-size: 1rem; } } @media screen and (min-width: 992px) and (max-width: 1266px) { header .nav-container .main-nav .logo { z-index: 2; } header .nav-container .main-nav .items { justify-content: flex-end; } header .nav-container .main-nav .items .item-append { right: calc(var(--nav-height) - 20px); } header .nav-container .main-nav .items nav { position: fixed; left: 0vw; top: calc(var(--top-bar, 0px) + var(--nav-height) + var(--nav-tert-height) - 1px); transition: var(--transition); overflow-y: hidden; display: flex; justify-content: center; width: 100vw; height: 0vh; background: var(--nav-mobile-dropdown-color); } header .nav-container .main-nav .items nav .level-1 { opacity: 0; transition: var(--transition); } header .nav-container .main-nav .items .mobile-nav-trigger { display: flex; } header .nav-container .main-nav .items .mobile-nav-trigger .close-icon, header .nav-container .main-nav .items .mobile-nav-trigger .open-icon { font-size: 1.3125rem; } header.open .nav-container .main-nav .items nav { height: var(--nav-height); overflow-y: visible; box-shadow: var(--box-shadow-no-top); } header.open .nav-container .main-nav .items nav .level-1 { opacity: 1; } header.scrolled .nav-container .main-nav .items nav { top: calc(var(--nav-height) - 1px); } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ header .main-nav .items nav .wi-nav-dropdown-menu { display: flex; flex-direction: column; width: 100%; } @media (max-width: 991px) { header .main-nav .items nav .wi-nav-dropdown-menu { display: none; } } header .main-nav .items nav .wi-nav-dropdown-menu .children { padding: 0.75rem 0.88rem; display: flex; flex-direction: column; gap: 0.75rem; } header .main-nav .items nav .wi-nav-dropdown-menu .children .page { padding: 0; font-size: 1rem; font-style: normal; font-weight: 400; line-height: normal; justify-content: start; } header .main-nav .items nav .wi-nav-dropdown-menu .children .page:hover { color: var(--primary); } header .main-nav .items nav .wi-nav-dropdown-menu .parent a { padding: 0.5rem 0.88rem; color: var(--primary); font-size: 1rem; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; transition: var(--transition); } header .main-nav .items nav .wi-nav-dropdown-menu .parent a:hover { background: var(--primary); color: var(--light); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ @media (min-width: 992px) { header .main-nav .items nav .wi-nav-mobile-menu { display: none; } } header .main-nav .items nav .wi-nav-mobile-menu .page { padding: 0.81rem 0; line-height: 1.6; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .full-video-hero { position: relative; background: var(--septenary); } .full-video-hero .hero-img { position: absolute; top: calc(var(--nav-desktop-height) + var(--nav-tert-height) + var(--top-bar, 0px) - 1rem); width: 100%; height: 100%; z-index: 0; } .full-video-hero .hero-img img { width: 100%; height: 100%; object-fit: cover; } @media (max-width: 991px) { .full-video-hero .hero-img { top: calc(var(--nav-mobile-height) + var(--nav-tert-height) + var(--top-bar, 0px) - 1rem); } } .full-video-hero .hero-overlay { position: absolute; top: calc(var(--nav-desktop-height) + var(--nav-tert-height) + var(--top-bar, 0px) - 1rem); bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.4); z-index: 1; } @media (max-width: 991px) { .full-video-hero .hero-overlay { top: calc(var(--nav-mobile-height) + var(--nav-tert-height) + var(--top-bar, 0px) - 1rem); background: rgba(0, 0, 0, 0.6); } } .full-video-hero > *:not(picture) { position: relative; z-index: 2; } @media (max-width: 991px) { .full-video-hero > *:not(picture) .row.has-mobile-calendar { margin-bottom: 50px; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* For containing buttons displayed next to each other */ .btns-col { display: flex; gap: 0.88rem; flex-wrap: wrap; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-booking-calendar { display: flex; flex-direction: column; width: 100%; border-radius: var(--border-radius); } .wi-booking-calendar .calendar { padding: 0.75rem 0.94rem 0.25rem 0.94rem; } .wi-booking-calendar .calendar .logo { height: 4.375rem; position: relative; margin-bottom: 0.25rem; } .wi-booking-calendar .calendar .logo img { height: 100%; width: 100%; } .wi-booking-calendar .calendar .title { text-align: center; font-family: var(--font-primary); font-size: 1.625rem; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase; color: var(--primary); margin-bottom: 0.25rem; } .wi-booking-calendar .calendar .calendar-img { padding: 0.67rem 0.75rem 1rem 0.75rem; width: 100%; height: auto; } .wi-booking-calendar .reserve-btn { color: var(--light); padding: 0.8125rem 1.5rem; font-size: 1.125rem; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 0.0225rem; text-transform: uppercase; text-align: center; } .wi-booking-calendar.box-shadow-1 { box-shadow: var(--box-shadow); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-section-img { height: 5rem; } @media (max-width: 991px) { .wi-section-img { height: 3.75rem; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-underline-heading h1, .wi-underline-heading h2, .wi-underline-heading h3, .wi-underline-heading h4, .wi-underline-heading h5, .wi-underline-heading h6 { display: inline-block; margin-bottom: 0; } .wi-underline-heading hr { width: 75%; border-width: 0.1875rem; margin-top: 1.75rem; margin-bottom: 1.75rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ p:last-child { margin-bottom: 0; } p.small { --p-font-size: 0.875rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-bg-img-card { position: relative; } .wi-bg-img-card .img { position: absolute; width: 100%; height: 100%; object-fit: cover; z-index: 1; } .wi-bg-img-card .overlay { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.65); z-index: 2; } .wi-bg-img-card .content { position: relative; z-index: 3; color: var(--light); padding: 3.37rem 1.69rem; } @media (max-width: 991px) { .wi-bg-img-card .content { padding: 2.97rem 1.06rem; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-subnav-bg-img-card { --bs-gutter-y: 1.875rem; } .wi-subnav-bg-img-card .page { height: 100%; } .wi-subnav-bg-img-card .page .content { display: flex; flex-direction: column; height: 100%; } .wi-subnav-bg-img-card .page .content .button { flex-grow: 1; display: inline-flex; align-items: flex-end; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-icon-box { padding: 2.5rem 1.44rem; border-radius: var(--border-radius); display: flex; flex-direction: column; height: 100%; align-items: flex-start; } .wi-icon-box i { font-size: 3.4375rem; } .wi-icon-box img { height: 3.4375rem; width: auto; } .wi-icon-box i, .wi-icon-box img { margin-bottom: 0.62rem; } .wi-icon-box h5 { margin-bottom: 1.13rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .yt-wrapper { pointer-events: none; } .yt-wrapper iframe { width: unset !important; height: unset !important; left: unset !important; top: unset !important; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-icon-items { --bs-gutter-y: 1.875rem; } .wi-icon-items .item { text-align: center; display: flex; flex-direction: column; gap: 0.75rem; } .wi-icon-items .item i { color: var(--primary); font-size: 2.5rem; } .wi-icon-items .item p { font-weight: 600; } @media (max-width: 991px) { .wi-icon-items .item p { --p-font-size: 1rem; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .banner-cta { --container-padding: 12px; --triangle-width: 3.5rem; width: calc(var(--container-w) - var(--container-padding) + (100vw - var(--container-w)) / 2); } @media (max-width: 575px) { .banner-cta { --triangle-width: 2.25rem; } } @media (max-width: 576px) { .banner-cta { width: 100%; } } .banner-cta .content { padding-top: 3.375rem; padding-bottom: 3.375rem; padding-right: 3.06rem; padding-left: calc(var(--triangle-width) + 1.81rem); --padding-offset: calc(var(--container-padding) * 2); --content-offset: calc(100% - var(--container-w) + var(--padding-offset)); --content-width: calc(var(--container-w) - var(--padding-offset)); position: relative; width: var(--content-width); left: var(--content-offset); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, var(--triangle-width) 50%); } @media (max-width: 575px) { .banner-cta .content { width: calc(100% - var(--container-padding)); left: var(--container-padding); } } @media (max-width: 991px) { .banner-cta .content { padding-top: 2.65rem; padding-bottom: 2.65rem; padding-right: 1.19rem; padding-left: calc(var(--triangle-width) + 0.87rem); } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-subnav-cards-1 .item { border-radius: var(--border-radius); box-shadow: var(--box-shadow); display: flex; flex-direction: column; height: 100%; } .wi-subnav-cards-1 .item .img { height: 10.9375rem; width: 100%; position: relative; } .wi-subnav-cards-1 .item .img img { width: 100%; height: 100%; object-fit: cover; } .wi-subnav-cards-1 .item .details { background: var(--gray); padding: 1.25rem; flex-grow: 1; } .wi-subnav-cards-1 a.item .details .name { color: var(--primary); transition: var(--transition); display: flex; align-items: center; gap: 0.62rem; } .wi-subnav-cards-1 a.item .details .name i { font-size: 1.0625rem; } .wi-subnav-cards-1 a.item:hover .details .name { color: var(--secondary); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-bg-img-card-cta { position: relative; box-shadow: var(--box-shadow); border-radius: var(--border-radius); } .wi-bg-img-card-cta .img { position: absolute; width: 60%; left: 40%; height: 100%; object-fit: cover; z-index: 1; } @media (max-width: 991px) { .wi-bg-img-card-cta .img { left: 0; width: 100%; } } .wi-bg-img-card-cta .overlay { position: absolute; width: 100%; height: 100%; background: linear-gradient(90deg, #000 45.66%, rgba(0, 0, 0, 0) 85.96%); z-index: 2; } @media (max-width: 991px) { .wi-bg-img-card-cta .overlay { background: rgba(0, 0, 0, 0.6); } } .wi-bg-img-card-cta .content { position: relative; z-index: 3; color: var(--light); padding: 2.06rem 2.19rem; } @media (max-width: 991px) { .wi-bg-img-card-cta .content { padding: 1.62rem 1rem; } } @media (min-width: 992px) { .wi-bg-img-card-cta .content { width: 50%; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-team-owners-slider .slick-list { padding: 0; } .wi-team-owners-slider .col-12 { padding-left: calc(0.5 * var(--bs-gutter-x)); padding-right: calc(0.5 * var(--bs-gutter-x)); } .wi-team-owners-slider .col-12 .item { display: flex; flex-direction: column; gap: 0.875rem; } .wi-team-owners-slider .col-12 .item .img { height: 18.25rem; width: 100%; position: relative; border-radius: var(--border-radius); transition: var(--transition); } @media (max-width: 991px) { .wi-team-owners-slider .col-12 .item .img { height: 17.1875rem; } } .wi-team-owners-slider .col-12 .item .img img { height: 100%; width: 100%; object-fit: cover; border-radius: var(--border-radius); } .wi-team-owners-slider .col-12 .item .img-placeholder { height: 100%; width: 100%; position: relative; display: flex; align-items: center; justify-content: center; border-radius: var(--border-radius); transition: var(--transition); } .wi-team-owners-slider .col-12 .item .img-placeholder img { height: 100%; width: 100%; object-fit: cover; border-radius: var(--border-radius); } .wi-team-owners-slider .col-12 .item .img-placeholder .title { position: absolute; z-index: 2; margin: 0; color: var(--light); } .wi-team-owners-slider .col-12 .item .img-placeholder .overlay { position: absolute; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%); z-index: 2; } .wi-team-owners-slider .col-12 .item .details .title { font-weight: 400; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .slick-dotted.slick-slider { margin-bottom: calc(-1 * (-1.89rem - 0.4375rem)); } .slick-dotted.slick-slider .slick-dots.rectangle-dots { bottom: -1.89rem; } .slick-dotted.slick-slider .slick-dots.rectangle-dots li { margin-left: 0.125rem; margin-right: 0.125rem; height: 0.4375rem; width: 1.375rem; } .slick-dotted.slick-slider .slick-dots.rectangle-dots li button { width: auto; height: auto; padding: 0; } .slick-dotted.slick-slider .slick-dots.rectangle-dots li button::before { content: ""; font-weight: 900; font-size: 35px; background-color: var(--tertiary); height: 0.4375rem; width: 1.375rem; opacity: 0.5; } .slick-dotted.slick-slider .slick-dots.rectangle-dots li.slick-active button::before { background-color: var(--primary); opacity: 1; } @charset "UTF-8"; /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-accordion .accordion-item { border: none; background-color: transparent; border-bottom: 1px solid var(--primary); } .wi-accordion .accordion-item .accordion-header .accordion-button { font-size: inherit; color: inherit; padding: 1.06rem 0; border: none; background-color: transparent; box-shadow: none; line-height: var(--p-line-height); } .wi-accordion .accordion-item .accordion-header .accordion-button:focus { border-color: transparent; box-shadow: unset; } .wi-accordion .accordion-item .accordion-header .accordion-button:after { content: "+"; background-image: unset; color: var(--primary); font-size: 1rem; height: 1rem; line-height: 1rem; font-weight: 900; font-family: "Font Awesome 6 Pro"; } .wi-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed):after { background-image: unset; content: ""; transform: unset; font-size: 1rem; height: 1rem; line-height: 1rem; } .wi-accordion .accordion-item:first-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .wi-accordion .accordion-item:first-of-type .accordion-header .accordion-button { padding-top: 0; } .wi-accordion .accordion-item:last-of-type { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 0; } .wi-accordion .accordion-item .accordion-body { padding: 0 0 1rem 0; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-full-width-img-offset-card img { height: 31.25rem; width: 100%; object-fit: cover; } @media (max-width: 991px) { .wi-full-width-img-offset-card img { height: 21.875rem; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ body .see-more-mobile-wrapper .see-more-text, body .see-more-mobile-wrapper .see-more-text-open { font-family: var(--font-secondary); font-weight: 700; font-size: 1.125rem; line-height: normal; text-transform: uppercase; text-align: center; position: absolute; z-index: 2; width: 100%; bottom: 0; } body .see-more-mobile-wrapper .see-more-text i, body .see-more-mobile-wrapper .see-more-text-open i { font-size: 0.875rem; } .see-more-wrapper.open { max-height: 100% !important; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-img-tile-content .img { height: 100%; width: 100%; position: relative; } @media (max-width: 991px) { .wi-img-tile-content .img { min-height: 15.625rem; aspect-ratio: 1.375; max-height: 22rem; } } .wi-img-tile-content .img img { position: absolute; width: 100%; height: 100%; object-fit: cover; } @media (min-width: 992px) { .wi-img-tile-content.img-small-1 > *:first-child { width: 33.33%; } .wi-img-tile-content.img-small-1 > *:last-child { width: 66.67%; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-polygon-section .svg { width: 100%; position: relative; overflow: hidden; } .wi-polygon-section .svg svg { position: relative; left: 0; bottom: 0; right: 0; z-index: 1; } .wi-polygon-section .svg svg.secondary { position: absolute; z-index: 0; } .wi-polygon-section .svg:last-of-type { transform: rotate(180deg); } .wi-polygon-section .content { background: var(--color); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .bg-img { position: relative; width: 100%; } .bg-img img { width: 100%; height: 100%; position: absolute; object-fit: cover; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .cl-reviews-slider-2:has(.infiniteslide_wrap) .loading-spinner { display: none; } .cl-reviews-slider-2 ul { align-items: flex-start !important; margin: 1rem 0; } .cl-reviews-slider-2 .review-box { width: 16.875rem; position: relative; padding: 1rem; margin-right: 1.88rem; background: var(--gray); color: var(--dark); border-radius: var(--border-radius); } .cl-reviews-slider-2 .review-box .name { font-size: 1.25rem; font-family: var(--font-primary); line-height: 1.2; font-weight: 400; } .cl-reviews-slider-2 .review-box .date { font-size: 0.8125rem; font-weight: 400; color: var(--dark); line-height: 1.2; letter-spacing: 0.01625rem; text-transform: uppercase; margin-bottom: 0.875rem; } .cl-reviews-slider-2 .review-box:not(.expanded) { height: 16.875rem; overflow: hidden; } .cl-reviews-slider-2 .loading-spinner { height: 16.875rem; } .cl-reviews-slider-2 .review-box .review-type-icon-wrapper { color: #fff; background-color: var(--primary); border-radius: 100%; padding: 10px; display: flex; } .cl-reviews-slider-2 .review-box .review-type-icon-wrapper > .review-type-icon { text-align: center; width: 1rem; height: 1rem; color: var(--light) !important; display: flex; align-items: center; justify-content: center; } .cl-reviews-slider-2 .review-box .review-type-icon-wrapper > .review-type-icon:before { font-size: 1rem; } .cl-reviews-slider-2 .review-box .review { font-weight: 400; font-size: 1rem; line-height: 1.6; color: var(--dark); font-family: var(--font-secondary); } .cl-reviews-slider-2 .review-box .expand-review { position: absolute; bottom: 0px; right: 0px; width: 100%; text-align: center; color: var(--primary); background: linear-gradient(180deg, rgba(244, 244, 244, 0.25) 0%, #F4F4F4 50%); display: flex; align-items: end; padding-bottom: 16px; height: 55px; } .cl-reviews-slider-2 .review-box .expand-review i { bottom: -8px; width: 100%; } .cl-reviews-slider-2 .review-box .expand-review:hover { cursor: pointer; color: var(--secondary); } /* Desktop Only */ @media (min-width: 992px) { .cl-reviews-slider-2:before, .cl-reviews-slider-2:after { content: ""; height: 100%; width: 40px; position: absolute; z-index: 2; top: 0px; bottom: 0px; } .cl-reviews-slider-2:before { left: 0px; background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%); } .cl-reviews-slider-2:after { right: 0px; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%); } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .leaflet-container { z-index: 1; } .leaflet-container .leaflet-map-pane .leaflet-popup-pane:has(.coming-soon) .leaflet-popup-close-button { color: var(--light); } .leaflet-container .leaflet-map-pane .leaflet-popup-pane .leaflet-popup-close-button { color: var(--dark); } .leaflet-container .leaflet-map-pane .leaflet-popup-pane .leaflet-popup-content-wrapper { border-radius: var(--border-radius); } .leaflet-container .leaflet-map-pane .leaflet-popup-pane .leaflet-popup-content-wrapper:has(.coming-soon) { padding: 0; } .leaflet-container .leaflet-map-pane .leaflet-popup-pane .leaflet-popup-content-wrapper .leaflet-popup-content { margin: 1.12rem 1.25rem; } .leaflet-container .leaflet-map-pane .leaflet-popup-pane .leaflet-popup-content-wrapper .leaflet-popup-content:has(.coming-soon) { margin: 0; } .leaflet-container .leaflet-map-pane .leaflet-popup-pane .leaflet-popup-content-wrapper .leaflet-popup-content .location-popup { display: flex; flex-direction: column; align-items: flex-start; gap: 0.5rem; } .leaflet-container .leaflet-map-pane .leaflet-popup-pane .leaflet-popup-content-wrapper .leaflet-popup-content .location-popup .coming-soon { margin-bottom: 0; background: var(--primary); color: var(--light); font-size: 0.8125rem; font-weight: 600; line-height: normal; letter-spacing: 0.01625rem; text-transform: uppercase; width: 100%; padding: 0.5rem; text-align: center; } .leaflet-container .leaflet-map-pane .leaflet-popup-pane .leaflet-popup-content-wrapper .leaflet-popup-content .location-popup .content { padding: 1.12rem 1.25rem; display: flex; flex-direction: column; align-items: flex-start; gap: 0.5rem; } .leaflet-container .leaflet-map-pane .leaflet-popup-pane .leaflet-popup-content-wrapper .leaflet-popup-content .location-popup h6:not(.coming-soon) { margin-bottom: 0; } .leaflet-container .leaflet-map-pane .leaflet-popup-pane .leaflet-popup-content-wrapper .leaflet-popup-content .location-popup .address { font-size: 0.75rem; color: var(--secondary); font-weight: 400; } .leaflet-container .leaflet-map-pane .leaflet-popup-pane .leaflet-popup-content-wrapper .leaflet-popup-content .location-popup .area-description { font-size: 0.875rem; font-weight: 400; line-height: 1.6; color: var(--secondary); } .leaflet-container .leaflet-map-pane .leaflet-popup-pane .leaflet-popup-content-wrapper .leaflet-popup-content .location-popup .phone { display: inline-flex; gap: 0.375rem; align-items: center; font-size: 1rem; font-weight: 600; color: var(--primary); transition: var(--transition); } .leaflet-container .leaflet-map-pane .leaflet-popup-pane .leaflet-popup-content-wrapper .leaflet-popup-content .location-popup .phone:hover { color: var(--dark); } .leaflet-container .leaflet-map-pane .leaflet-popup-pane .leaflet-popup-content-wrapper .leaflet-popup-content .location-popup .links { display: flex; align-items: center; gap: 0.5rem; text-transform: uppercase; font-size: 1rem; font-weight: 400; line-height: 1.6; } .leaflet-container .leaflet-map-pane .leaflet-popup-pane .leaflet-popup-content-wrapper .leaflet-popup-content .location-popup .links a { color: var(--primary); } .leaflet-container .leaflet-map-pane .leaflet-popup-pane .leaflet-popup-content-wrapper .leaflet-popup-content .location-popup .links a:hover { color: var(--dark); } .leaflet-container .leaflet-map-pane .leaflet-marker-pane .leaflet-marker-icon { filter: drop-shadow(var(--drop-shadow)); } .leaflet-container .leaflet-control-container .leaflet-right { right: 0.75rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ @media (min-width: 992px) { .wi-map-well-1-wrapper { height: 100%; max-height: 400px; width: calc(100% - 0.75rem); position: relative; } .wi-map-well-1-wrapper .wi-map-well-1 { box-shadow: -0.75rem 0.75rem var(--primary); margin-left: 0.75rem; margin-bottom: 0.75rem; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-surrounding-list { --bs-gutter-y: 1.75rem; } .wi-surrounding-list .city { color: inherit; font-size: 1.125rem; font-weight: 400; line-height: normal; text-transform: uppercase; } .wi-surrounding-list a.city:hover { text-decoration: underline; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ footer > section { padding: 3.75rem 0; color: var(--dark); } @media (max-width: 991px) { footer > section { padding: 3.12rem 0; } } footer > section > .container > .row { --bs-gutter-x: 2.5rem; --bs-gutter-y: 2.125rem; } footer > section .contact-info-col { width: 21.7%; text-align: center; } footer > section .contact-info-col .logo { display: inline-block; max-width: 9.375rem; margin-bottom: 1.5rem; } footer > section .contact-info-col .logo img { width: 100%; } footer > section .contact-info-col .social-primary { margin-bottom: 1.5rem; } footer > section .contact-info-col .social-primary .wi-social-small-1 .item:hover { color: var(--dark); } footer > section .contact-info-col address { font-size: 1rem; margin-bottom: 1.5rem; } footer > section .contact-info-col address hr { border-color: var(--dark); } footer > section .contact-info-col a:not(.btn) { font-size: 1.25rem; font-weight: 700; } footer > section .contact-info-col a:not(.btn):hover { color: var(--dark); } @media (max-width: 991px) { footer > section .contact-info-col { width: 100%; } } footer > section .nav-col { width: 44.3%; } @media (max-width: 991px) { footer > section .nav-col { width: 100%; } } footer > section .nav-col .footer-navs .footer-nav-group { display: flex; flex-direction: column; gap: 1rem; } footer > section .nav-col .footer-navs .footer-nav-group .footer-nav { list-style-type: none; margin-bottom: 0; padding-left: 0; --bs-gutter-y: 1rem; } footer > section .nav-col .footer-navs .footer-nav-group .footer-nav li a { color: var(--dark); transition: var(--transition); font-size: 1rem; font-weight: 500; line-height: normal; } footer > section .nav-col .footer-navs .footer-nav-group .footer-nav li a:hover { color: var(--quaternary); } footer > section .nav-col .footer-navs hr { margin: 1.12rem 0; opacity: 0.3; border-width: 1px; border-bottom-width: 0; } footer > section .nav-col .footer-tert-nav { list-style-type: none; margin-bottom: 0; padding-left: 0; --bs-gutter-y: 1.125rem; } footer > section .nav-col .footer-navs .footer-nav-group .nav-header, footer > section .nav-col .footer-tert-nav a { font-size: 1.25rem; font-weight: 700; line-height: normal; text-transform: uppercase; color: var(--primary); transition: var(--transition); } footer > section .nav-col .footer-navs .footer-nav-group .nav-header:hover, footer > section .nav-col .footer-tert-nav a:hover { color: var(--dark); } footer > section .nav-col .footer-navs .footer-nav-group div.nav-header:hover { color: var(--primary); } footer > section .book-col { width: 34%; } @media (max-width: 991px) { footer > section .book-col { width: 100%; } } footer > section .book-col .calendar.bg-light { box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.12); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .full-image-hero { position: relative; color: var(--light); --section-unit: 3.875rem; } .full-image-hero:has(.hero-img.bg-tertiary) { color: var(--dark); } .full-image-hero .hero-img { position: absolute; top: calc(var(--nav-desktop-height) + var(--nav-tert-height) + var(--top-bar, 0px) - 2rem); bottom: -2rem; width: 100%; z-index: 0; } .full-image-hero .hero-img img { width: 100%; height: 100%; object-fit: cover; } @media (max-width: 991px) { .full-image-hero .hero-img { top: calc(var(--nav-mobile-height) + var(--nav-tert-height) + var(--top-bar, 0px) - 2rem); } } .full-image-hero .hero-overlay { position: absolute; top: calc(var(--nav-desktop-height) + var(--nav-tert-height) + var(--top-bar, 0px) - 2rem); bottom: -2rem; left: 0; right: 0; background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 30.97%, rgba(0, 0, 0, 0.1) 100%); z-index: 0; } @media (max-width: 991px) { .full-image-hero .hero-overlay { top: calc(var(--nav-mobile-height) + var(--nav-tert-height) + var(--top-bar, 0px) - 2rem); background: rgba(0, 0, 0, 0.5); } } .full-image-hero > .content { position: relative; z-index: 2; } @media (min-width: 992px) { .full-image-hero > .content > .row:not(:has(.content-img)) .col-lg, .full-image-hero > .content > .row:not(:has(.wi-booking-calendar)) .col-lg { max-width: 75%; } } @media (max-width: 991px) { .full-image-hero > .content > .row.has-mobile-calendar { margin-bottom: 50px; } } .full-image-hero > .content > .row .content-img { width: 100%; height: 25.5rem; position: relative; } .full-image-hero > .content > .row .content-img img { width: 100%; height: 100%; object-fit: cover; position: absolute; } .full-image-hero.angled-1 { background: var(--angled-bg-color); --triangle-size: 10rem; } @media (min-width: 992px) { .full-image-hero.angled-1 .hero-img, .full-image-hero.angled-1 .hero-overlay { width: 75%; } } @media (max-width: 991px) { .full-image-hero.mobile-angled-1 { --triangle-size: 5.5rem; --mobile-angle-color: var(--primary); --mask-size: 1.75rem; clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--triangle-size)), 50% 100%, 0 calc(100% - var(--triangle-size))); } .full-image-hero.mobile-angled-1 .content { padding-bottom: calc(var(--triangle-size) + var(--mask-size)); } .full-image-hero.mobile-angled-1:before { content: ""; background: var(--mobile-angle-color); position: absolute; bottom: 0; height: calc(var(--mask-size) + var(--triangle-size)); width: 100%; clip-path: polygon(0 0, 50% calc(100% - var(--mask-size)), 100% 0, 100% var(--mask-size), 50% 100%, 0 var(--mask-size)); z-index: 1; } } .bump-up-calendar-section .bump-up { --bump-up: 120px; } .bump-up-calendar-section.mobile-angled-1 .bump-up { --bump-up: 230px; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-numbered-boxes { --bs-gutter-y: 2.5rem; } @media (max-width: 991px) { .wi-numbered-boxes { --bs-gutter-y: 1.25rem; } } .wi-numbered-boxes .col-lg-6 .item .number, .wi-numbered-boxes .col-12 .item .number { font-size: 3.5625rem; font-weight: 700; line-height: 1.6; } .wi-numbered-boxes .col-lg-6 .arrow, .wi-numbered-boxes .col-12 .arrow { display: none; text-align: center; font-size: 2.8125rem; } @media (max-width: 991px) { .wi-numbered-boxes .col-lg-6 .arrow, .wi-numbered-boxes .col-12 .arrow { display: block; } } .wi-numbered-boxes .col-lg-6:last-child .arrow, .wi-numbered-boxes .col-12:last-child .arrow { display: none; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .well.bg-secondary .form-wrapper .alert { color: #fff !important; } .form-wrapper { --color: var(--dark); --border-color: var(--dark); --bg-color: transparent; } .form-wrapper .alert { color: var(--color); } .form-wrapper form .row { --bs-gutter-y: 0.75rem; --bs-gutter-x: 0.75rem; } .form-wrapper form .row .form-group { position: relative; } .form-wrapper form .row .form-group.long-label label { position: relative; left: calc(var(--bs-gutter-x) * 0.5); top: 0; margin-bottom: 0.25rem; } .form-wrapper form .row .form-group.long-label .form-control { padding-top: 0.38rem; } .form-wrapper form .row .form-group label { font-family: var(--font-secondary); color: var(--color); position: absolute; top: 0.25rem; left: calc(var(--bs-gutter-x) * 0.5 + 0.38rem); font-size: 0.75019rem; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.00975rem; max-width: calc(100% - ((var(--bs-gutter-x) * 0.5 + 0.38rem)*2)); } .form-wrapper form .row .form-group.hide-label label.label-checkbox-parent { display: none; } .form-wrapper form .row .form-group .form-control { padding-left: 0.38rem; padding-right: 0.38rem; padding-top: 0.85rem; color: var(--color); border: 1px solid var(--border-color); border-radius: var(--border-radius); background: var(--bg-color); } .form-wrapper form .row .form-group textarea.form-control { min-height: 9.4375rem !important; } .form-wrapper form .row .form-group .form-control:-webkit-autofill, .form-wrapper form .row .form-group .form-control:-webkit-autofill:hover, .form-wrapper form .row .form-group .form-control:-webkit-autofill:active { -webkit-background-clip: text; -webkit-text-fill-color: var(--color) !important; transition: background-color 5000s ease-in-out 0s; box-shadow: inset 0 0 20px 20px var(--bg-color); } .form-wrapper form .row .form-group .custom-file-label { margin-top: 0.5rem; } .form-wrapper form .row .form-group.select-el label.label-dropdown { pointer-events: none; } .form-wrapper form .row .form-check-inline, .form-wrapper form .row .form-check { margin-left: calc(var(--bs-gutter-x)* 0.5); } .form-wrapper form .row .form-check-inline .form-check-input:checked, .form-wrapper form .row .form-check .form-check-input:checked { background-color: var(--primary); border-color: var(--primary); } .form-wrapper form.fake-form .row { position: relative; } .form-wrapper form.fake-form .row::before { content: ""; background: linear-gradient(180deg, rgba(243, 243, 243, 0) 0%, #F3F3F3 100%); position: absolute; z-index: 1; bottom: 0; left: 0; right: 0; height: 4.375rem; } .form-wrapper form.fake-form.light .row::before { background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%); } .form-wrapper.form-primary { --color: var(--primary); --border-color: var(--primary-rgba-2); } .form-wrapper.form-secondary { --color: var(--secondary); --border-color: var(--secondary-rgba-2); } .form-wrapper.form-tertiary { --color: var(--tertiary); --border-color: var(--tertiary-rgba-2); } .form-wrapper.form-quaternary { --color: var(--quaternary); --border-color: var(--quaternary-rgba-2); } .form-wrapper.form-quinary { --color: var(--quinary); --border-color: var(--quinary-rgba-2); } .form-wrapper.form-light { --color: var(--light); --border-color: var(--light-rgba-2); } .form-wrapper.form-gray { --color: var(--gray); --border-color: var(--gray-rgba-2); } .form-wrapper.form-dark { --color: var(--dark); --border-color: var(--dark-rgba-2); } .form-wrapper.form-dark-gray { --color: var(--dark-gray); --border-color: var(--dark-gray-rgba-2); } .form-btn-primary form button.form-btn { color: #fff; background-color: var(--primary); border-color: var(--primary); } .form-btn-primary form button.form-btn:hover, .form-btn-primary form button.form-btn:not(:disabled):not(.disabled).active, .form-btn-primary form button.form-btn:not(:disabled):not(.disabled):active, .show > .submit-btn-primary form button.form-btn.dropdown-toggle { color: #fff; background-color: var(--primary); border-color: var(--primary); box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent); } .form-btn-primary form button.form-btn.focus, .form-btn-primary form button.form-btn:focus { box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent); background: var(--primary); border-color: var(--primary); } .form-btn-outline-primary form button.form-btn { color: var(--primary); border-color: var(--primary); border-width: 1px; } .form-btn-outline-primary form button.form-btn:hover { color: #fff; background-color: var(--primary); border-color: var(--primary); box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent); } .form-btn-outline-primary form button.form-btn.focus, .form-btn-outline-primary form button.form-btn:focus { box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent); background: var(--primary); border-color: var(--primary); color: white; } .form-btn-secondary form button.form-btn { color: #fff; background-color: var(--secondary); border-color: var(--secondary); } .form-btn-secondary form button.form-btn:hover, .form-btn-secondary form button.form-btn:not(:disabled):not(.disabled).active, .form-btn-secondary form button.form-btn:not(:disabled):not(.disabled):active, .show > .submit-btn-secondary form button.form-btn.dropdown-toggle { color: #fff; background-color: var(--secondary); border-color: var(--secondary); box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent); } .form-btn-secondary form button.form-btn.focus, .form-btn-secondary form button.form-btn:focus { box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent); background: var(--secondary); border-color: var(--secondary); } .form-btn-outline-secondary form button.form-btn { color: var(--secondary); border-color: var(--secondary); border-width: 1px; } .form-btn-outline-secondary form button.form-btn:hover { color: #fff; background-color: var(--secondary); border-color: var(--secondary); box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent); } .form-btn-outline-secondary form button.form-btn.focus, .form-btn-outline-secondary form button.form-btn:focus { box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent); background: var(--secondary); border-color: var(--secondary); color: white; } .form-btn-tertiary form button.form-btn { color: #fff; background-color: var(--tertiary); border-color: var(--tertiary); } .form-btn-tertiary form button.form-btn:hover, .form-btn-tertiary form button.form-btn:not(:disabled):not(.disabled).active, .form-btn-tertiary form button.form-btn:not(:disabled):not(.disabled):active, .show > .submit-btn-tertiary form button.form-btn.dropdown-toggle { color: #fff; background-color: var(--tertiary); border-color: var(--tertiary); box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent); } .form-btn-tertiary form button.form-btn.focus, .form-btn-tertiary form button.form-btn:focus { box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent); background: var(--tertiary); border-color: var(--tertiary); } .form-btn-outline-tertiary form button.form-btn { color: var(--tertiary); border-color: var(--tertiary); border-width: 1px; } .form-btn-outline-tertiary form button.form-btn:hover { color: #fff; background-color: var(--tertiary); border-color: var(--tertiary); box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent); } .form-btn-outline-tertiary form button.form-btn.focus, .form-btn-outline-tertiary form button.form-btn:focus { box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent); background: var(--tertiary); border-color: var(--tertiary); color: white; } .form-btn-quaternary form button.form-btn { color: #fff; background-color: var(--quaternary); border-color: var(--quaternary); } .form-btn-quaternary form button.form-btn:hover, .form-btn-quaternary form button.form-btn:not(:disabled):not(.disabled).active, .form-btn-quaternary form button.form-btn:not(:disabled):not(.disabled):active, .show > .submit-btn-quaternary form button.form-btn.dropdown-toggle { color: #fff; background-color: var(--quaternary); border-color: var(--quaternary); box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent); } .form-btn-quaternary form button.form-btn.focus, .form-btn-quaternary form button.form-btn:focus { box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent); background: var(--quaternary); border-color: var(--quaternary); } .form-btn-outline-quaternary form button.form-btn { color: var(--quaternary); border-color: var(--quaternary); border-width: 1px; } .form-btn-outline-quaternary form button.form-btn:hover { color: #fff; background-color: var(--quaternary); border-color: var(--quaternary); box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent); } .form-btn-outline-quaternary form button.form-btn.focus, .form-btn-outline-quaternary form button.form-btn:focus { box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent); background: var(--quaternary); border-color: var(--quaternary); color: white; } .form-btn-quinary form button.form-btn { color: #fff; background-color: var(--quinary); border-color: var(--quinary); } .form-btn-quinary form button.form-btn:hover, .form-btn-quinary form button.form-btn:not(:disabled):not(.disabled).active, .form-btn-quinary form button.form-btn:not(:disabled):not(.disabled):active, .show > .submit-btn-quinary form button.form-btn.dropdown-toggle { color: #fff; background-color: var(--quinary); border-color: var(--quinary); box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent); } .form-btn-quinary form button.form-btn.focus, .form-btn-quinary form button.form-btn:focus { box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent); background: var(--quinary); border-color: var(--quinary); } .form-btn-outline-quinary form button.form-btn { color: var(--quinary); border-color: var(--quinary); border-width: 1px; } .form-btn-outline-quinary form button.form-btn:hover { color: #fff; background-color: var(--quinary); border-color: var(--quinary); box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent); } .form-btn-outline-quinary form button.form-btn.focus, .form-btn-outline-quinary form button.form-btn:focus { box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent); background: var(--quinary); border-color: var(--quinary); color: white; } .form-btn-light form button.form-btn { color: #fff; background-color: var(--light); border-color: var(--light); } .form-btn-light form button.form-btn:hover, .form-btn-light form button.form-btn:not(:disabled):not(.disabled).active, .form-btn-light form button.form-btn:not(:disabled):not(.disabled):active, .show > .submit-btn-light form button.form-btn.dropdown-toggle { color: #fff; background-color: var(--light); border-color: var(--light); box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent); } .form-btn-light form button.form-btn.focus, .form-btn-light form button.form-btn:focus { box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent); background: var(--light); border-color: var(--light); } .form-btn-outline-light form button.form-btn { color: var(--light); border-color: var(--light); border-width: 1px; } .form-btn-outline-light form button.form-btn:hover { color: #fff; background-color: var(--light); border-color: var(--light); box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent); } .form-btn-outline-light form button.form-btn.focus, .form-btn-outline-light form button.form-btn:focus { box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent); background: var(--light); border-color: var(--light); color: white; } .form-btn-light form button.form-btn:hover, .form-btn-light form button.form-btn:not(:disabled):not(.disabled).active, .form-btn-light form button.form-btn:not(:disabled):not(.disabled):active, .show > .form-btn-light form button.form-btn.dropdown-toggle, .form-btn-outline-light form button.form-btn:hover, .form-btn-outline-light form button.form-btn:not(:disabled):not(.disabled).active, .form-btn-outline-light form button.form-btn:not(:disabled):not(.disabled):active, .show > .form-btn-outline-light form button.form-btn.dropdown-toggle, .form-btn-outline-light form button.form-btn.focus, .form-btn-outline-light form button.form-btn:focus, .form-btn-outline-light form button.form-btn.btn-icon i { color: var(--dark); } .form-btn-gray form button.form-btn { color: #fff; background-color: var(--gray); border-color: var(--gray); } .form-btn-gray form button.form-btn:hover, .form-btn-gray form button.form-btn:not(:disabled):not(.disabled).active, .form-btn-gray form button.form-btn:not(:disabled):not(.disabled):active, .show > .submit-btn-gray form button.form-btn.dropdown-toggle { color: #fff; background-color: var(--gray); border-color: var(--gray); box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent); } .form-btn-gray form button.form-btn.focus, .form-btn-gray form button.form-btn:focus { box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent); background: var(--gray); border-color: var(--gray); } .form-btn-outline-gray form button.form-btn { color: var(--gray); border-color: var(--gray); border-width: 1px; } .form-btn-outline-gray form button.form-btn:hover { color: #fff; background-color: var(--gray); border-color: var(--gray); box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent); } .form-btn-outline-gray form button.form-btn.focus, .form-btn-outline-gray form button.form-btn:focus { box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent); background: var(--gray); border-color: var(--gray); color: white; } .form-btn-dark form button.form-btn { color: #fff; background-color: var(--dark); border-color: var(--dark); } .form-btn-dark form button.form-btn:hover, .form-btn-dark form button.form-btn:not(:disabled):not(.disabled).active, .form-btn-dark form button.form-btn:not(:disabled):not(.disabled):active, .show > .submit-btn-dark form button.form-btn.dropdown-toggle { color: #fff; background-color: var(--dark); border-color: var(--dark); box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent); } .form-btn-dark form button.form-btn.focus, .form-btn-dark form button.form-btn:focus { box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent); background: var(--dark); border-color: var(--dark); } .form-btn-outline-dark form button.form-btn { color: var(--dark); border-color: var(--dark); border-width: 1px; } .form-btn-outline-dark form button.form-btn:hover { color: #fff; background-color: var(--dark); border-color: var(--dark); box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent); } .form-btn-outline-dark form button.form-btn.focus, .form-btn-outline-dark form button.form-btn:focus { box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent); background: var(--dark); border-color: var(--dark); color: white; } .form-btn-dark-gray form button.form-btn { color: #fff; background-color: var(--dark-gray); border-color: var(--dark-gray); } .form-btn-dark-gray form button.form-btn:hover, .form-btn-dark-gray form button.form-btn:not(:disabled):not(.disabled).active, .form-btn-dark-gray form button.form-btn:not(:disabled):not(.disabled):active, .show > .submit-btn-dark-gray form button.form-btn.dropdown-toggle { color: #fff; background-color: var(--dark-gray); border-color: var(--dark-gray); box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent); } .form-btn-dark-gray form button.form-btn.focus, .form-btn-dark-gray form button.form-btn:focus { box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent); background: var(--dark-gray); border-color: var(--dark-gray); } .form-btn-outline-dark-gray form button.form-btn { color: var(--dark-gray); border-color: var(--dark-gray); border-width: 1px; } .form-btn-outline-dark-gray form button.form-btn:hover { color: #fff; background-color: var(--dark-gray); border-color: var(--dark-gray); box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent); } .form-btn-outline-dark-gray form button.form-btn.focus, .form-btn-outline-dark-gray form button.form-btn:focus { box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent); background: var(--dark-gray); border-color: var(--dark-gray); color: white; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-sideline-heading { display: flex; gap: 1.88rem; } .wi-sideline-heading h1, .wi-sideline-heading h2, .wi-sideline-heading h3, .wi-sideline-heading h4, .wi-sideline-heading h5, .wi-sideline-heading h6 { margin-bottom: 0; flex: 0 0 auto; } .wi-sideline-heading .line { flex: 1 0 auto; border-bottom: 0.375rem solid var(--line-color); } @media (max-width: 991px) { .wi-sideline-heading .line { display: none; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ @media (min-width: 992px) { .wi-content-rows > .row > * .item .heading h1, .wi-content-rows > .row > * .item .heading h2, .wi-content-rows > .row > * .item .heading h3, .wi-content-rows > .row > * .item .heading h4, .wi-content-rows > .row > * .item .heading h5, .wi-content-rows > .row > * .item .heading h6 { line-height: normal; } .wi-content-rows > .row > * .item .img { height: 100%; min-height: 200px; position: relative; } .wi-content-rows > .row > * .item .img img { width: 100%; height: 100%; position: absolute; object-fit: cover; } } @media (max-width: 991px) { .wi-content-rows > .row > * .item { --bs-gutter-y: 1.2rem; } .wi-content-rows > .row > * .item .img { height: 14.42rem; } .wi-content-rows > .row > * .item .img img { width: 100%; height: 100%; object-fit: cover; } } @media (min-width: 992px) { .wi-content-rows > .row > *:not(:last-child) .item { padding-bottom: 2.31rem; border-bottom: 1px solid rgba(0, 0, 0, 0.3); margin-bottom: 2.31rem; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ a.icon-link { font-size: 1rem; font-weight: 600; text-transform: uppercase; display: inline-flex; align-items: center; gap: 0.62rem; } a.icon-link i { font-size: 87.5%; } @charset "UTF-8"; /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-content-tabs ul.content-tabs { border-bottom: none; gap: 1rem; flex-wrap: nowrap; } .wi-content-tabs ul.content-tabs li.nav-item { align-items: center; text-align: center; } .wi-content-tabs ul.content-tabs li.nav-item button.nav-link { border: none; border-bottom: 1px solid var(--gray); margin-bottom: -1px; border-top-left-radius: var(--border-radius); border-top-right-radius: var(--border-radius); padding: 0.625rem 1.625rem; font-size: 1.125rem; font-weight: 600; text-transform: uppercase; font-family: var(--font-secondary); background-color: var(--quaternary); color: var(--light); transition: var(--transition); } .wi-content-tabs ul.content-tabs li.nav-item button.nav-link.active { background-color: var(--gray); color: var(--primary); } .wi-content-tabs ul.content-tabs li.nav-item button.nav-link:hover:not(.active) { background-color: var(--primary); } .wi-content-tabs .content-tabs-panes { background: var(--gray); padding: 2.5rem; } .wi-content-tabs .content-tabs-panes .tab-pane { border: 0; border-bottom-left-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); } .wi-content-tabs-accordion .accordion-item { border: none; background-color: transparent; } .wi-content-tabs-accordion .accordion-item .accordion-header .accordion-button { font-size: 1rem; color: var(--light); background-color: var(--primary); padding: 0.62rem; border: none; box-shadow: none; justify-content: center; text-transform: uppercase; gap: 0.62rem; } .wi-content-tabs-accordion .accordion-item .accordion-header .accordion-button.collapsed { background-color: var(--quaternary); } .wi-content-tabs-accordion .accordion-item .accordion-header .accordion-button:focus { border-color: transparent; box-shadow: unset; } .wi-content-tabs-accordion .accordion-item .accordion-header .accordion-button:after { flex-shrink: unset; margin-left: 0; content: ""; background-image: unset; color: var(--light); font-size: 1rem; height: unset; width: unset; font-weight: 900; font-family: "Font Awesome 6 Pro"; } .wi-content-tabs-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed):after { background-image: unset; content: ""; transform: unset; font-size: 1rem; } .wi-content-tabs-accordion .accordion-item:first-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .wi-content-tabs-accordion .accordion-item:first-of-type .accordion-header .accordion-button { border-top-left-radius: var(--border-radius); border-top-right-radius: var(--border-radius); } .wi-content-tabs-accordion .accordion-item:not(:last-of-type) { margin-bottom: 1.25rem; } .wi-content-tabs-accordion .accordion-item:last-of-type { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 0; } .wi-content-tabs-accordion .accordion-item .accordion-body { padding: 1.875rem 1.25rem; background: var(--gray); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-subnav-bar { background: var(--bg-color); padding: 1.12rem; } .wi-subnav-bar .row { justify-content: space-between; } .wi-subnav-bar .row .item { display: flex; align-items: center; gap: 0.5rem; font-size: 1rem; font-weight: 500; color: var(--text-color); transition: var(--transition); } .wi-subnav-bar .row .item:hover { color: var(--hover-color); } .wi-subnav-bar .row .item i { font-size: 1.25rem; } .wi-subnav-bar .row .item img { height: 1.25rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-team-owners-well-1 { --bs-gutter-y: 1.5rem; } .wi-team-owners-well-1 .item .row { --bs-gutter-y: 1rem; } .wi-team-owners-well-1 .item .img { min-height: 24rem; max-height: 23.4rem; aspect-ratio: 1.5; width: 100%; position: relative; } @media (min-width: 992px) { .wi-team-owners-well-1 .item .img { aspect-ratio: auto; max-height: unset; height: 100%; } } .wi-team-owners-well-1 .item .img img { position: absolute; height: 100%; width: 100%; object-fit: cover; } .wi-team-owners-well-1 .item .details { padding: 1.5rem 0; } @media (max-width: 991px) { .wi-team-owners-well-1 .item .details { padding: 0; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .cl-reviews-full-3 { margin-top: -1.88rem; --bs-gutter-x: 1.88rem; } .cl-reviews-full-3 .col-12.needs-expanding:not(.expanded) { max-height: 900px; overflow: hidden; transition: max-height var(--transition); } .cl-reviews-full-3 .col-12.needs-expanding.expanded { max-height: 100000px; } .cl-reviews-full-3 .col-12.needs-expanding:not(.expanded):before { content: ""; position: absolute; width: 100%; bottom: 0; left: 0; z-index: 1; height: 322px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 100%); } .cl-reviews-full-3 .col-12:not(.needs-expanding) .expand-btn { display: none; } .cl-reviews-full-3 .col-12.needs-expanding .expand-btn { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; z-index: 2; } .cl-reviews-full-3 .col-12.needs-expanding.expanded .expand-btn { display: none; } .cl-reviews-full-3 .reviews-list { column-count: 1; column-gap: var(--bs-gutter-x); position: relative; } @media (min-width: 768px) { .cl-reviews-full-3 .reviews-list { column-count: 2; } } @media (min-width: 992px) { .cl-reviews-full-3 .reviews-list { column-count: 3; } } @media (min-width: 1200px) { .cl-reviews-full-3 .reviews-list { column-count: 4; } } .cl-reviews-full-3 .review-box { break-inside: avoid-column; position: relative; padding: 1rem; background: var(--gray); border-radius: var(--border-radius); box-shadow: var(--box-shadow); margin-bottom: var(--bs-gutter-x); overflow: clip; overflow-clip-margin: content-box; color: var(--dark); } .cl-reviews-full-3 .review-box .name { font-size: 1.25rem; font-family: var(--font-primary); line-height: 1.2; font-weight: 400; } .cl-reviews-full-3 .review-box .date { font-size: 0.8125rem; font-weight: 400; color: var(--dark); line-height: 1.2; letter-spacing: 0.01625rem; text-transform: uppercase; margin-bottom: 0.875rem; } .cl-reviews-full-3 .review-box .review-type-icon-wrapper { color: #fff; background-color: var(--primary); border-radius: 100%; padding: 10px; display: flex; } .cl-reviews-full-3 .review-box .review-type-icon-wrapper > .review-type-icon { text-align: center; width: 1rem; height: 1rem; color: var(--light) !important; } .cl-reviews-full-3 .review-box .review-type-icon-wrapper > .review-type-icon:before { font-size: 1rem; } .cl-reviews-full-3 .review-box .review { font-weight: 400; font-size: 1rem; line-height: 1.6; color: var(--dark); font-family: var(--font-secondary); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-map-well-2 { height: 25.9rem; } @media (max-width: 991px) { .wi-map-well-2 { height: 18.8rem; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-blog-posts-slider .slick-list { padding: 0; } .wi-blog-posts-slider .col-12 { padding-left: calc(0.5 * var(--bs-gutter-x)); padding-right: calc(0.5 * var(--bs-gutter-x)); } .wi-blog-posts-slider .col-12 .item { display: flex; flex-direction: column; gap: 0.875rem; } .wi-blog-posts-slider .col-12 .item .img { height: 18.25rem; width: 100%; position: relative; border-radius: var(--border-radius); transition: var(--transition); } @media (max-width: 991px) { .wi-blog-posts-slider .col-12 .item .img { height: 17.1875rem; } } .wi-blog-posts-slider .col-12 .item .img img { height: 100%; width: 100%; object-fit: cover; border-radius: var(--border-radius); } .wi-blog-posts-slider .col-12 .item .details .title { font-weight: 400; line-height: normal; } @charset "UTF-8"; /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ @media (min-width: 992px) { .col-lg.col-12 { flex: 1 0 0%; } } .bl-filter-search { --bs-gutter-x: 1.19rem; margin-bottom: 2.5rem; } .bl-filter-search .filter-select { position: relative; } .bl-filter-search .filter-select select { border-radius: var(--border-radius); border: 1px solid var(--secondary); padding: 0.78rem 0.75rem; color: var(--secondary); font-family: var(--font-secondary); font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.6; width: 100%; appearance: none; -moz-appearance: none; -webkit-appearance: none; } .bl-filter-search .filter-select::after { content: ""; font-family: "Font Awesome 6 Pro"; font-weight: 900; font-size: 1rem; color: var(--primary); position: absolute; top: 50%; right: 1rem; /* Adjust as needed */ transform: translateY(-50%); pointer-events: none; } .bl-filter-search .search .input-group { position: relative; align-items: center; } .bl-filter-search .search .input-group .clear-search { padding-right: 1rem; transition: var(--transition); } .bl-filter-search .search .input-group .form-control { z-index: 1; border-radius: var(--border-radius) !important; border: 1px solid var(--secondary); padding: 0.78rem 0.75rem; color: var(--secondary); font-family: var(--font-secondary); font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.6; } .bl-filter-search .search .input-group .form-control::placeholder { color: var(--secondary); font-family: var(--font-secondary); font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.6; } .bl-filter-search .search .input-group .input-group-append { z-index: 2; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); } .bl-filter-search .search .input-group .input-group-append .search-btn { padding: 2rem; margin: -2rem; background: transparent; border: unset; color: var(--primary); font-size: 1.16rem; transition: var(--transition); } .bl-filter-search .search .input-group .input-group-append .search-btn:hover { color: var(--secondary); } .bl-posts { --bs-gutter-y: 1.875rem; } .bl-posts .post { border: 1px solid var(--primary); padding: 1.25rem; display: flex; flex-direction: column; height: 100%; } @media (max-width: 991px) { .bl-posts .post { border: 0; padding: 0; } } .bl-posts .post .img { height: 14.375rem; width: 100%; border-radius: var(--border-radius); margin-bottom: 1.25rem; } .bl-posts .post .img img { height: 100%; width: 100%; object-fit: cover; border-radius: var(--border-radius); transition: var(--transition); } .bl-posts .post .title { margin-bottom: 0.75rem; } .bl-posts .post .date { font-family: var(--font-secondary); color: var(--primary); margin-bottom: 0.875rem; font-size: 1.125rem; font-weight: 600; line-height: normal; line-height: 1.6; } .bl-posts .post .short-post { color: var(--dark); margin-bottom: 1.25rem; } .bl-posts .post .read-more { margin-bottom: 2rem; } .bl-posts .post .read-more div { display: inline-flex; align-items: center; gap: 0.62rem; font-size: 1.125rem; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase; } .bl-posts .post .read-more div i { font-size: 87.5%; } .bl-posts .post .tags { display: flex; flex-wrap: wrap; gap: 0.62rem; } .bl-posts .post .tags .tag { padding: 0.25rem 0.62rem; background: var(--quaternary); border-radius: var(--border-radius); display: inline-block; color: var(--light); font-size: 0.875rem; font-weight: 400; line-height: 1.6; text-transform: capitalize; } .bl-pagination-list .pagination-list-desktop { display: flex; } @media (max-width: 991px) { .bl-pagination-list .pagination-list-desktop { display: none; } } .bl-pagination-list .pagination-list-mobile { display: flex; } @media (min-width: 992px) { .bl-pagination-list .pagination-list-mobile { display: none; } } .bl-pagination-list .pagination-list-desktop, .bl-pagination-list .pagination-list-mobile { justify-content: center; align-items: center; gap: 0.5rem; } .bl-pagination-list .pagination-list-desktop .page, .bl-pagination-list .pagination-list-mobile .page { font-size: 1rem; font-weight: 400; color: var(--primary); display: flex; align-items: center; gap: 0.5rem; } .bl-pagination-list .pagination-list-desktop .page.active, .bl-pagination-list .pagination-list-mobile .page.active { font-weight: 700; } .bl-pagination-list .pagination-list-desktop .page:not(:last-child)::after, .bl-pagination-list .pagination-list-mobile .page:not(:last-child)::after { content: "|"; color: var(--primary); position: relative; top: -1px; } .bl-pagination-list .pagination-list-desktop .page:hover, .bl-pagination-list .pagination-list-mobile .page:hover { color: var(--dark); } .bl-pagination-list .pagination-list-desktop .page:hover::after, .bl-pagination-list .pagination-list-mobile .page:hover::after { color: var(--primary); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .blog-post-hero .back-link, .blog-post .back-link { display: inline-flex; align-items: center; gap: 0.56rem; color: var(--dark); font-size: 1rem; text-transform: uppercase; font-weight: 600; } .blog-post-hero .back-link:hover, .blog-post .back-link:hover { color: var(--primary); } .blog-post-hero .back-link i, .blog-post .back-link i { font-size: 87.5%; } .blog-post .row { --bs-gutter-y: 2.12rem; } .blog-post .row .tags { display: flex; flex-wrap: wrap; gap: 0.62rem; } .blog-post .row .tags .tag { padding: 0.25rem 0.62rem; background: var(--quaternary); border-radius: var(--border-radius); display: inline-block; color: var(--light); font-size: 0.875rem; font-weight: 400; line-height: 1.6; text-transform: capitalize; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-map-full-3 input.form-control { background-color: var(--secondary); border: 1px solid var(--light); color: var(--light); z-index: 0; padding-right: 34px; padding-top: 8px; padding-bottom: 8px; } .wi-map-full-3 .search-col { flex: 0 0 auto; width: 100%; } .wi-map-full-3 .search-col input::placeholder { color: var(--light) !important; } @media (min-width: 992px) { .wi-map-full-3 .search-col { flex: 1 0 auto; width: auto; } .wi-map-full-3 .search-col input { height: 100%; border-radius: var(--border-radius); } } .wi-map-full-3 input.form-control:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px var(--gray) inset; } .wi-map-full-3 input.form-control:-webkit-autofill { -webkit-text-fill-color: var(--secondary) !important; } .wi-map-full-3 button.search-btn { position: absolute; top: 0; right: 7px; z-index: 1; border: 0; background-color: transparent; cursor: pointer; color: var(--primary); font-size: 20px; padding: 8px; padding-right: 10px; } .wi-map-full-3 .form-group .or { font-weight: 600; font-size: 1.125rem; letter-spacing: 0.0225rem; } .wi-map-full-3 button.search-btn:focus { outline: 0; } .wi-map-full-3 input.form-control::-webkit-input-placeholder { color: var(--secondary); } .wi-map-full-3 input.form-control:-moz-placeholder { color: var(--secondary); } .wi-map-full-3 input.form-control::-moz-placeholder { color: var(--secondary); } .wi-map-full-3 input.form-control:-ms-input-placeholder { color: var(--secondary); } .wi-map-full-3 input.form-control::-ms-input-placeholder { color: var(--secondary); } .wi-map-full-3 input.form-control::placeholder { color: var(--secondary); } .wi-map-full-3 .wi-counter { border: 2px solid var(--primary); display: flex; align-items: center; justify-content: center; font-size: 25px; line-height: 25px; width: 50px; height: 50px; background-color: #fff; border-radius: 50%; position: absolute; top: 20px; right: 20px; z-index: 8; } @media (max-width: 992px) { .wi-map-full-3 .wi-counter { display: none; } } .wi-map-full-3 .loading-overlay { position: absolute; z-index: 500; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); display: flex; justify-content: center; align-items: center; } .wi-map-full-3 .loading-overlay i { font-size: 40px; line-height: 40px; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-locations-list-1 { column-count: 2; column-gap: 1.875rem; } @media (max-width: 991px) { .wi-locations-list-1 { column-count: 1; } } .wi-locations-list-1 .location-group { break-inside: avoid-column; margin-bottom: 1.875rem; } .wi-locations-list-1 .location-group .group-name { margin-bottom: 0.75rem; } .wi-locations-list-1 .location-group .locations { display: flex; flex-wrap: wrap; gap: 0.75rem; } .wi-locations-list-1 .location-group .locations .location { width: 100%; border: 1px solid var(--primary); border-radius: var(--border-radius); padding: 0.62rem 0.75rem; display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; } .wi-locations-list-1 .location-group .locations .location .details { flex: 0 1 auto; } .wi-locations-list-1 .location-group .locations .location .details .name { font-size: 1.125rem; font-family: var(--font-primary); font-weight: 400; line-height: normal; } .wi-locations-list-1 .location-group .locations .location .details .area-description, .wi-locations-list-1 .location-group .locations .location .details .address { font-size: 0.75rem; line-height: 1.6; } @media (max-width: 991px) { .wi-locations-list-1 .location-group .locations .location .details .area-description, .wi-locations-list-1 .location-group .locations .location .details .address { margin-bottom: 0.37rem; } } .wi-locations-list-1 .location-group .locations .location .details .area-description { font-weight: 600; } .wi-locations-list-1 .location-group .locations .location .details .address { font-weight: 400; } .wi-locations-list-1 .location-group .locations .location .links { flex: 0 0 auto; display: flex; align-items: center; gap: 0.75rem; } .wi-locations-list-1 .location-group .locations .location .links .btn { padding: 0.5rem 0.875rem; font-size: 0.8125rem; } .wi-locations-list-1 .location-group .locations .location .phone { display: inline-flex; align-items: center; font-size: 0.8125rem; font-weight: 600; gap: 0.25rem; letter-spacing: 0.01625rem; } .wi-locations-list-1 .location-group .locations .location.locations-2 .area-description { margin-bottom: 0.5rem; } .wi-locations-list-1 .location-group .locations .location.locations-2 .address { font-weight: 600; } .wi-locations-list-1 .location-group .locations .location.locations-2 .address:not(:last-child) { margin-bottom: 0.5rem; } .wi-locations-list-1 .location-group .locations .location.locations-3 .area-description { margin-bottom: 0.5rem; } .wi-locations-list-1 .location-group .locations .location.locations-3 .address { font-weight: 600; } .wi-locations-list-1 .location-group .locations .location.locations-3 .address:not(:last-child) { margin-bottom: 0.5rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-modal.modal .modal-dialog .modal-content { border-radius: var(--border-radius); border: 0; } .wi-modal.modal .modal-dialog .modal-content .modal-header { border-radius: var(--border-radius) var(--border-radius) 0 0; padding: 0.63rem 0.75rem; background: var(--header-bg-color); color: var(--header-text-color); border: 0; min-height: 2.25rem; } .wi-modal.modal .modal-dialog .modal-content .modal-header .modal-title { margin-bottom: 0; } .wi-modal.modal .modal-dialog .modal-content .modal-header .btn-close { background: transparent; border: unset; color: inherit; opacity: 1; transition: 0.3s ease all; transform: rotate(45deg); font-size: 1.5rem; line-height: 1; color: var(--header-text-color); position: absolute; top: 0.5rem; right: 0.5rem; } .wi-modal.modal .modal-dialog .modal-content .modal-body { padding: 0; } [data-bs-toggle="modal"]:hover { cursor: pointer; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-promotion-popup-1 .item { --bs-gutter-x: 0; } .wi-promotion-popup-1 .item .img { position: relative; height: 100%; width: 100%; } .wi-promotion-popup-1 .item .img img { position: absolute; height: 100%; width: 100%; object-fit: cover; } .wi-promotion-popup-1 .item .content { padding: 1.875rem; } @media (max-width: 991px) { .wi-promotion-popup-1 .item .content { padding: 1.125rem; } } .wi-promotion-popup-1 .item .content .disclaimer { font-size: 0.75rem; font-weight: 400; line-height: 1.6; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ #shared_territory_modal .modal-header { justify-content: center; } #shared_territory_modal .locations { --bs-gutter-y: 1.875rem; } @media (min-width: 992px) { #shared_territory_modal .locations > *:not(:last-child) { border-right: 1px solid rgba(0, 0, 0, 0.3); } } @media (max-width: 991px) { #shared_territory_modal .locations > *:not(:last-child) .location { border-bottom: 1px solid rgba(0, 0, 0, 0.3); } } @media (max-width: 991px) { #shared_territory_modal .locations > * .location { padding-bottom: 1.875rem; } } #shared_territory_modal .locations > * .location .buttons { width: 100%; display: flex; gap: 0.875rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-location-landing-multi { --bs-gutter-y: 1.875rem; } .wi-location-landing-multi .location .details .buttons { width: 100%; display: flex; gap: 0.875rem; } .wi-location-landing-multi .location .details .buttons > .btn { flex: 1 0 0%; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ body { color: var(--dark); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-team-cards-1 { --bs-gutter-y: 1.875rem; } .wi-team-cards-1 .item { display: flex; flex-direction: column; align-items: center; } .wi-team-cards-1 .item .bg-img { aspect-ratio: 1.25; margin-bottom: 1rem; } .wi-team-cards-1 .item .bio-button { flex-grow: 1; display: inline-flex; align-items: end; } .wi-team-cards-1-modal.wi-modal.modal .modal-dialog .modal-content .modal-body { padding: 1.875rem; } @media (max-width: 991px) { .wi-team-cards-1-modal.wi-modal.modal .modal-dialog .modal-content .modal-body { padding: 1.25rem; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ [data-var-check=""], [data-var-check="Select..."] { display: none !important; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-card-bump-up-title { box-shadow: var(--box-shadow); border-radius: var(--border-radius); display: flex; flex-direction: column; height: 100%; } .wi-card-bump-up-title .img { height: 17.1875rem; } .wi-card-bump-up-title .content { padding: 1.25rem; } .wi-card-bump-up-title .content .title { background: var(--primary); color: var(--light); text-align: center; padding: 0.5rem 1.25rem; font-family: var(--font-primary); font-size: 1.375rem; font-weight: 400; line-height: normal; text-transform: uppercase; margin-bottom: 1.25rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-fran-dev-video-cards-1 { --bs-gutter-y: 1.875rem; } .wi-fran-dev-video-cards-1 .item { height: 100%; } .wi-fran-dev-video-cards-1 .item .thumbnail { width: 100%; aspect-ratio: 1.8; position: relative; box-shadow: var(--box-shadow); border-radius: var(--border-radius); margin-bottom: 1.75rem; } .wi-fran-dev-video-cards-1 .item .thumbnail img { height: 100%; width: 100%; object-fit: cover; } @media (max-width: 991px) { .wi-fran-dev-video-cards-1 .item .thumbnail { aspect-ratio: 1.8; } } .wi-fran-dev-video-cards-1 .item .play { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 0.62rem; padding: 0.81rem 1.5rem; font-size: 1.125rem; } .wi-fran-dev-video-cards-1 .item .play i { font-size: 1.875rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ a:hover { color: var(--secondary); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-faqs-grouped-1 { --bs-gutter-y: 3.44rem; --bs-gutter-x: 2.5rem; } @media (max-width: 991px) { .wi-faqs-grouped-1 { --bs-gutter-y: 1.8rem; --bs-gutter-x: 1.5rem; } } .wi-faqs-grouped-1 .group-name-box { color: var(--light); padding: 1.875rem; } @media (max-width: 991px) { .wi-faqs-grouped-1 .group-name-box { padding: 1.875rem 1.25rem; } } .wi-faqs-grouped-1 .group-faqs-well { padding: 2.5rem 2.25rem; } @media (max-width: 991px) { .wi-faqs-grouped-1 .group-faqs-well { padding: 1.875rem 1.25rem; } } .wi-faqs-grouped-1 .group-faqs-well .item { padding: 1.25rem 0; border-bottom: 1px solid rgba(var(--tertiary-rgb), 0.3); } .wi-faqs-grouped-1 .group-faqs-well .item:first-child { padding-top: 0; } .wi-faqs-grouped-1 .group-faqs-well .item:last-child { padding-bottom: 0; border-bottom: 0; } .wi-faqs-grouped-1 .group-faqs-well .item .question { font-size: 1rem; font-weight: 800; line-height: 1.75; color: var(--tertiary); margin-bottom: 0.75rem; } .wi-faqs-grouped-1 .group-faqs-well .item .answer { font-size: 0.875rem; font-weight: 400; line-height: 1.75; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ h1, .h1 { text-transform: uppercase; } .h2, .h3, .h4, .h5, .h6 { text-transform: none; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ hr.thin { border-bottom: unset; } hr.faded { opacity: 0.5; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ :root { --tooltip-border-color: var(--primary); --tooltip-text-color: var(--secondary-rgba-7); --tooltip-body-text-size: 14px; --tooltip-font-family: var(--font-secondary); } /* Hide Arrow */ .bs-tooltip-top .arrow { display: none; } .tooltip.show { opacity: 1 !important; z-index: 999999; } .tooltip .tooltip-inner { background: #fff; box-shadow: var(--box-shadow); padding: 10px !important; max-width: 500px; line-height: initial; z-index: 50; text-align: left !important; color: var(--secondary); border-radius: var(--border-radius); border: 1px solid; border-color: var(--tooltip-border-color); } @media (max-width: 576px) { .tooltip .tooltip-inner { max-width: 90%; } } .tooltip .tooltip-inner .title { color: var(--secondary); font-size: 1.125rem; font-weight: 600; letter-spacing: 0.0225rem; text-transform: uppercase; line-height: normal; font-family: var(--font-secondary); } .tooltip .tooltip-inner .disclaimer-text { font-size: var(--tooltip-body-text-size); font-family: var(--tooltip-font-family); } .tooltip-wrapper i:hover { cursor: pointer; color: var(--primary) !important; } .tooltip-wrapper .disclaimer-tooltip, .tooltip-wrapper i { position: relative; color: var(--secondary); font-size: 0.75019rem; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.00975rem; max-width: calc(100% -((var(--bs-gutter-x)* 0.5 + 0.38rem)* 2)); left: calc(var(--bs-gutter-x)* 0.5); } .tooltip-wrapper .disclaimer-tooltip:hover { text-decoration: underline; color: var(--primary) !important; } .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before { border-top-color: var(--secondary); } .form-dark .tooltip-wrapper { color: rgba(255, 255, 255, 0.55); } .bg-secondary .tooltip-wrapper .disclaimer-tooltip, .bg-secondary .tooltip-wrapper i, .bg-video .tooltip-wrapper .disclaimer-tooltip, .bg-video .tooltip-wrapper i { color: #fff !important; } footer .bg-dark .tooltip-wrapper .disclaimer-tooltip, footer .bg-secondary .tooltip-wrapper .disclaimer-tooltip { color: #fff !important; } footer .bg-dark .tooltip-wrapper .disclaimer-tooltip:hover, footer .bg-secondary .tooltip-wrapper .disclaimer-tooltip:hover { color: var(--primary) !important; } div.modal .modal-body .tooltip-wrapper .disclaimer-tooltip, div.modal .modal-body .tooltip-wrapper i { color: var(--dark); } div.modal .modal-body .tooltip-wrapper .disclaimer-tooltip:hover, div.modal .modal-body .tooltip-wrapper i:hover { color: var(--primary); } @media (max-width: 576px) { div.tooltip.show { display: flex; justify-content: center; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-hero-utility-parent { position: relative; --section-unit: 4.75rem; background: var(--bg-color); } @media (max-width: 991px) { .wi-hero-utility-parent { --section-unit: 2.5rem; } } .wi-hero-utility-parent.bg-color-primary { --bg-color: var(--primary) !important; } .wi-hero-utility-parent.bg-color-secondary { --bg-color: var(--secondary) !important; } .wi-hero-utility-parent.bg-color-tertiary { --bg-color: var(--tertiary) !important; } .wi-hero-utility-parent.bg-color-quaternary { --bg-color: var(--quaternary) !important; } .wi-hero-utility-parent.bg-color-quinary { --bg-color: var(--quinary) !important; } .wi-hero-utility-parent.bg-color-light { --bg-color: var(--light) !important; } .wi-hero-utility-parent.bg-color-gray { --bg-color: var(--gray) !important; } .wi-hero-utility-parent.bg-color-dark { --bg-color: var(--dark) !important; } .wi-hero-utility-parent.bg-color-dark-gray { --bg-color: var(--dark-gray) !important; } .wi-hero-utility-parent .img { position: absolute; top: 0; left: 0; width: var(--img-width); height: 100%; z-index: 0; } .wi-hero-utility-parent .img img { object-fit: cover; position: absolute; top: 0; left: 0; height: 100%; width: 100%; } @media (max-width: 991px) { .wi-hero-utility-parent .img { position: relative; width: 100%; top: calc(-1 * var(--section-unit)); right: unset; left: 0; height: 19.375rem; } } .wi-hero-utility-parent.tile-left-1 .img { left: unset; right: 0; } .wi-hero-utility-parent.tile-left-1 .container .content-row { justify-content: flex-start; } .wi-hero-utility-parent .container { position: relative; z-index: 1; } .wi-hero-utility-parent .container .content-row { justify-content: flex-end; } @media (min-width: 992px) { .wi-hero-utility-parent .container .content-row .tile-col { width: calc(100% - var(--img-width) + 2.5rem); } } .wi-hero-utility-parent .container .content-row .tile-col .tile { --well-desktop-padding: 3.125rem 2.5rem; --well-mobile-padding: 1.75rem 1.25rem; } .wi-hero-utility-parent .container .content-row .tile-col .tile .breadcrumb-wrapper { margin-bottom: 0.375rem; } @media (max-width: 991px) { .wi-hero-utility-parent .container .content-row .tile-col .tile .heading { margin-bottom: 1.125rem; } } .wi-hero-utility-parent .container .content-row .tile-col .tile .details { font-size: 1.125rem; } @media (max-width: 991px) { .wi-hero-utility-parent .container .content-row .tile-col .tile .details { font-size: 1rem; } } .wi-hero-utility-parent .container .content-row .tile-col .tile .ctas { margin-top: 1.875rem; } @media (max-width: 991px) { .wi-hero-utility-parent .container .content-row .tile-col .tile { --bump-up: calc(var(--section-unit) + 2.5rem); top: calc(-1* var(--bump-up)); margin-bottom: calc(-1 * var(--bump-up)); } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* For containing buttons displayed next to each other */ .btns-col { display: flex; flex-wrap: wrap; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-img-card-cta { position: relative; box-shadow: var(--box-shadow); border-radius: var(--border-radius); background: var(--quaternary); --bs-gutter-x: 0; } @media (min-width: 992px) { .wi-img-card-cta { --bs-gutter-y: 0; padding: 2.5rem; } } .wi-img-card-cta .content-col { position: relative; z-index: 3; padding: 2.06rem 2.19rem; } @media (max-width: 991px) { .wi-img-card-cta .content-col { padding: 1.62rem 1rem; } } @media (min-width: 992px) { .wi-img-card-cta .content-col { width: 50%; } } @media (max-width: 991px) { .wi-img-card-cta .img-col { display: none; } } .wi-img-card-cta .img-col .img { height: 100%; box-shadow: var(--box-shadow); } .wi-img-card-cta .img-col .img img { height: 100%; width: 100%; object-fit: cover; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .nv3-heading-v2 { display: flex; flex-direction: column; --spacing: 0.5rem; gap: var(--spacing); } .nv3-heading-v2.separator-color-primary { --separator-color: var(--primary) !important; } .nv3-heading-v2.separator-color-secondary { --separator-color: var(--secondary) !important; } .nv3-heading-v2.separator-color-tertiary { --separator-color: var(--tertiary) !important; } .nv3-heading-v2.separator-color-quaternary { --separator-color: var(--quaternary) !important; } .nv3-heading-v2.separator-color-quinary { --separator-color: var(--quinary) !important; } .nv3-heading-v2.separator-color-light { --separator-color: var(--light) !important; } .nv3-heading-v2.separator-color-gray { --separator-color: var(--gray) !important; } .nv3-heading-v2.separator-color-dark { --separator-color: var(--dark) !important; } .nv3-heading-v2.separator-color-dark-gray { --separator-color: var(--dark-gray) !important; } @media (min-width: 992px) { .nv3-heading-v2 .separator { display: none; } } .nv3-heading-v2 .heading { order: 1; } .nv3-heading-v2 .separator { order: 2; } .nv3-heading-v2 .sub { display: inline-block; order: 3; } .nv3-heading-v2.sub-first-1 .heading { order: 3; } .nv3-heading-v2.sub-first-1 .sub { order: 1; } @media (max-width: 991px) { .nv3-heading-v2.swap-mobile-1 .heading { order: 3; } .nv3-heading-v2.swap-mobile-1 .sub { order: 1; } .nv3-heading-v2.swap-mobile-1.sub-first-1 .heading { order: 1; } .nv3-heading-v2.swap-mobile-1.sub-first-1 .sub { order: 3; } } @media (min-width: 992px) { .nv3-heading-v2.separator-1 { gap: 0; } .nv3-heading-v2.separator-1:not(.sub-first-1) .sub { border-top: 4px solid var(--separator-color); padding-top: var(--spacing); margin-top: var(--spacing); } } @media (min-width: 992px) { .nv3-heading-v2.separator-1.sub-first-1 .sub { border-bottom: 4px solid var(--separator-color); padding-bottom: var(--spacing); margin-bottom: var(--spacing); } } .nv3-heading-v2.center-1 { align-items: center; } .nv3-heading-v2:not(.separator-1) .separator { display: none; } .nv3-heading-v2:not(:has(.sub)) .separator { display: none; } .nv3-heading-v2.h1 .sub img { height: calc(var(--h1-line-height) * var(--font-size)); margin-right: 0.62rem; } .nv3-heading-v2.h2 .sub img { height: calc(var(--h2-line-height) * var(--font-size)); margin-right: 0.62rem; } .nv3-heading-v2.h3 .sub img { height: calc(var(--h3-line-height) * var(--font-size)); margin-right: 0.62rem; } .nv3-heading-v2.h4 .sub img { height: calc(var(--h4-line-height) * var(--font-size)); margin-right: 0.62rem; } .nv3-heading-v2.h5 .sub img { height: calc(var(--h5-line-height) * var(--font-size)); margin-right: 0.62rem; } .nv3-heading-v2.h6 .sub img { height: calc(var(--h6-line-height) * var(--font-size)); margin-right: 0.62rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ :root { --bump-up: 45px; --bump-down: 45px; } .bump-up { position: relative; top: calc(-1 * var(--bump-up)); margin-bottom: calc(-1 * var(--bump-up)); z-index: 2; } .bump-down { position: relative; bottom: calc(-1 * var(--bump-down)); margin-top: calc(-1 * var(--bump-down)); z-index: 1; } section.bump-up, section.bump-down { background: transparent; } @media (min-width: 576px) { .bump-up-sm { position: relative; top: calc(-1 * var(--bump-up-sm)); margin-bottom: calc(-1 * var(--bump-up-sm)); z-index: 2; } .bump-down-sm { position: relative; bottom: calc(-1 * var(--bump-down-sm)); margin-top: calc(-1 * var(--bump-down-sm)); z-index: 1; } section.bump-up-sm, section.bump-down-sm { background: transparent; } } @media (min-width: 768px) { .bump-up-md { position: relative; top: calc(-1 * var(--bump-up-md)); margin-bottom: calc(-1 * var(--bump-up-md)); z-index: 2; } .bump-down-md { position: relative; bottom: calc(-1 * var(--bump-down-md)); margin-top: calc(-1 * var(--bump-down-md)); z-index: 1; } section.bump-up-md, section.bump-down-md { background: transparent; } } @media (min-width: 992px) { .bump-up-lg { position: relative; top: calc(-1 * var(--bump-up-lg)); margin-bottom: calc(-1 * var(--bump-up-lg)); z-index: 2; } .bump-down-lg { position: relative; bottom: calc(-1 * var(--bump-down-lg)); margin-top: calc(-1 * var(--bump-down-lg)); z-index: 1; } section.bump-up-lg, section.bump-down-lg { background: transparent; } } @media (min-width: 1200px) { .bump-up-xl { position: relative; top: calc(-1 * var(--bump-up-xl)); margin-bottom: calc(-1 * var(--bump-up-xl)); z-index: 2; } .bump-down-xl { position: relative; bottom: calc(-1 * var(--bump-down-xl)); margin-top: calc(-1 * var(--bump-down-xl)); z-index: 1; } section.bump-up-xl, section.bump-down-xl { background: transparent; } } @media (min-width: 1400px) { .bump-up-xxl { position: relative; top: calc(-1 * var(--bump-up-xxl)); margin-bottom: calc(-1 * var(--bump-up-xxl)); z-index: 2; } .bump-down-xxl { position: relative; bottom: calc(-1 * var(--bump-down-xxl)); margin-top: calc(-1 * var(--bump-down-xxl)); z-index: 1; } section.bump-up-xxl, section.bump-down-xxl { background: transparent; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .flex-grow-1 { flex-grow: 1; } .flex-grow-0 { flex-grow: 0; } .flex-shrink-1 { flex-shrink: 1; } .flex-shrink-0 { flex-shrink: 0; } .flex-basis-min { flex-basis: min-content; } @media (min-width: 576px) { .flex-grow-sm-1 { flex-grow: 1; } .flex-grow-sm-0 { flex-grow: 0; } .flex-shrink-sm-1 { flex-shrink: 1; } .flex-shrink-sm-0 { flex-shrink: 0; } .flex-basis-sm-min { flex-basis: min-content !important; } } @media (min-width: 768px) { .flex-grow-md-1 { flex-grow: 1; } .flex-grow-md-0 { flex-grow: 0; } .flex-shrink-md-1 { flex-shrink: 1; } .flex-shrink-md-0 { flex-shrink: 0; } .flex-basis-md-min { flex-basis: min-content !important; } } @media (min-width: 992px) { .flex-grow-lg-1 { flex-grow: 1; } .flex-grow-lg-0 { flex-grow: 0; } .flex-shrink-lg-1 { flex-shrink: 1; } .flex-shrink-lg-0 { flex-shrink: 0; } .flex-basis-lg-min { flex-basis: min-content !important; } } @media (min-width: 1200px) { .flex-grow-xl-1 { flex-grow: 1; } .flex-grow-xl-0 { flex-grow: 0; } .flex-shrink-xl-1 { flex-shrink: 1; } .flex-shrink-xl-0 { flex-shrink: 0; } .flex-basis-xl-min { flex-basis: min-content !important; } } @media (min-width: 1400px) { .flex-grow-xxl-1 { flex-grow: 1; } .flex-grow-xxl-0 { flex-grow: 0; } .flex-shrink-xxl-1 { flex-shrink: 1; } .flex-shrink-xxl-0 { flex-shrink: 0; } .flex-basis-xxl-min { flex-basis: min-content !important; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* Loom has a super annoying section that they add to the end of pages. This is only added for loom users and the removal is exclusively for personal aesthetic. My peace of mind after hiding it is immeasurable. */ #loom-companion-mv3 { display: none; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .grecaptcha-badge { display: none !important; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .horizontal-scroll, .horizontal-scroll-mobile { --horizontal-scroll-offset: 0px; } .horizontal-scroll .overflow, .horizontal-scroll-mobile .overflow { --bs-gutter-y: var(--bs-gutter-x); } /* Overlay on sides */ .horizontal-scroll .scroll-overlay:before, .horizontal-scroll .scroll-overlay:after { content: ""; height: 100%; width: 20px; position: absolute; z-index: 2; top: 0px; bottom: 0px; background: #fff; opacity: 0.8; } .horizontal-scroll .scroll-overlay:before { left: 0px; } .horizontal-scroll .scroll-overlay:after { right: 0px; } @media (min-width: 992px) { .horizontal-scroll .scroll-overlay:before, .horizontal-scroll .scroll-overlay:after { width: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset)); } } /* Overflow */ .horizontal-scroll.disable .overflow { overflow-x: visible; } .horizontal-scroll .overflow { flex-wrap: nowrap; overflow-x: scroll; padding-left: 0; padding-right: 0; padding-bottom: 32px; } .horizontal-scroll:not(.disable) .overflow { justify-content: start !important; } .horizontal-scroll .no-overflow { padding-left: calc(var(--bs-gutter-x) * 0.5); padding-right: calc(var(--bs-gutter-x) * 0.5); } @media (min-width: 992px) { .horizontal-scroll .overflow { padding-bottom: 40px; } } @media (min-width: 576px) { .horizontal-scroll .overflow, .horizontal-scroll .no-overflow { padding-left: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset)); padding-right: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset)); } } .horizontal-scroll:not(.disable) .overflow:hover { cursor: default; } .horizontal-scroll.disable .overflow, .horizontal-scroll-mobile.disable .overflow { cursor: default !important; } /* Scroll bar */ .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar)::-webkit-scrollbar { display: block; height: 4px; transition: transform 0.3s ease; } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar)::-webkit-scrollbar-thumb { background-color: #707272; } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar)::-webkit-scrollbar-track-piece { background-color: rgba(112, 114, 114, 0.5); } /* Scroll Bar Colors */ .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-primary::-webkit-scrollbar-thumb { background-color: var(--primary); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-primary::-webkit-scrollbar-track-piece { background-color: var(--primary-rgba-translucent); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-secondary::-webkit-scrollbar-thumb { background-color: var(--secondary); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-secondary::-webkit-scrollbar-track-piece { background-color: var(--secondary-rgba-translucent); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-tertiary::-webkit-scrollbar-thumb { background-color: var(--tertiary); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-tertiary::-webkit-scrollbar-track-piece { background-color: var(--tertiary-rgba-translucent); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-quaternary::-webkit-scrollbar-thumb { background-color: var(--quaternary); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-quaternary::-webkit-scrollbar-track-piece { background-color: var(--quaternary-rgba-translucent); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-quinary::-webkit-scrollbar-thumb { background-color: var(--quinary); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-quinary::-webkit-scrollbar-track-piece { background-color: var(--quinary-rgba-translucent); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-thumb { background-color: var(--light); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-track-piece { background-color: var(--light-rgba-translucent); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-gray::-webkit-scrollbar-thumb { background-color: var(--gray); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-gray::-webkit-scrollbar-track-piece { background-color: var(--gray-rgba-translucent); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-dark::-webkit-scrollbar-thumb { background-color: var(--dark); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-dark::-webkit-scrollbar-track-piece { background-color: var(--dark-rgba-translucent); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-dark-gray::-webkit-scrollbar-thumb { background-color: var(--dark-gray); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-dark-gray::-webkit-scrollbar-track-piece { background-color: var(--dark-gray-rgba-translucent); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-thumb { background-color: #fff; } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-track-piece { background-color: rgba(255, 255, 255, 0.5); } .horizontal-scroll:not(.disable) .overflow::-webkit-scrollbar-track-piece:start { margin-left: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset) + (var(--bs-gutter-x) / 2)); } .horizontal-scroll:not(.disable) .overflow::-webkit-scrollbar-track-piece:end { margin-right: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset) + (var(--bs-gutter-x) / 2)); } @media (max-width: 576px) { .horizontal-scroll:not(.disable) .overflow::-webkit-scrollbar-track-piece:start { margin-left: calc(var(--bs-gutter-x) / 2); } .horizontal-scroll:not(.disable) .overflow::-webkit-scrollbar-track-piece:end { margin-right: calc(var(--bs-gutter-x) / 2); } } /* Horizontal Scroll on Mobile Only */ @media (max-width: 991px) { /* Container fluid styles so we can keep normal container for lg */ /* Overlay on sides */ /* Overflow */ /* Scroll bar */ /* No Overflow option to show other rows in the container while not making them appear in a container fluid */ .horizontal-scroll-mobile { width: 100% !important; padding-right: var(--bs-gutter-x, 0.75rem) !important; padding-left: var(--bs-gutter-x, 0.75rem) !important; margin-right: auto !important; margin-left: auto !important; max-width: unset !important; } .horizontal-scroll-mobile .scroll-overlay:before, .horizontal-scroll-mobile .scroll-overlay:after { content: ""; height: 100%; width: 20px; position: absolute; z-index: 2; top: 0px; bottom: 0px; background: #fff; opacity: 0.8; } .horizontal-scroll-mobile .scroll-overlay:before { left: 0px; } .horizontal-scroll-mobile .scroll-overlay:after { right: 0px; } .horizontal-scroll-mobile .overflow { flex-wrap: nowrap; overflow-x: scroll; padding-left: 20px; padding-right: 20px; padding-bottom: 32px; } .horizontal-scroll-mobile .overflow { padding-left: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset)); padding-right: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset)); } .horizontal-scroll-mobile .overflow:hover { cursor: default; } .horizontal-scroll-mobile.disable .overflow { cursor: default !important; } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar)::-webkit-scrollbar { display: block; height: 4px; transition: transform 0.3s ease; } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar)::-webkit-scrollbar-thumb { background-color: #707272; } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar)::-webkit-scrollbar-track-piece { background-color: rgba(112, 114, 114, 0.5); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-primary::-webkit-scrollbar-thumb { background-color: var(--primary); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-primary::-webkit-scrollbar-track-piece { background-color: var(--primary-rgba-translucent); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-secondary::-webkit-scrollbar-thumb { background-color: var(--secondary); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-secondary::-webkit-scrollbar-track-piece { background-color: var(--secondary-rgba-translucent); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-tertiary::-webkit-scrollbar-thumb { background-color: var(--tertiary); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-tertiary::-webkit-scrollbar-track-piece { background-color: var(--tertiary-rgba-translucent); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-quaternary::-webkit-scrollbar-thumb { background-color: var(--quaternary); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-quaternary::-webkit-scrollbar-track-piece { background-color: var(--quaternary-rgba-translucent); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-quinary::-webkit-scrollbar-thumb { background-color: var(--quinary); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-quinary::-webkit-scrollbar-track-piece { background-color: var(--quinary-rgba-translucent); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-thumb { background-color: var(--light); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-track-piece { background-color: var(--light-rgba-translucent); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-gray::-webkit-scrollbar-thumb { background-color: var(--gray); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-gray::-webkit-scrollbar-track-piece { background-color: var(--gray-rgba-translucent); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-dark::-webkit-scrollbar-thumb { background-color: var(--dark); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-dark::-webkit-scrollbar-track-piece { background-color: var(--dark-rgba-translucent); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-dark-gray::-webkit-scrollbar-thumb { background-color: var(--dark-gray); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-dark-gray::-webkit-scrollbar-track-piece { background-color: var(--dark-gray-rgba-translucent); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-thumb { background-color: #fff; } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-track-piece { background-color: rgba(255, 255, 255, 0.5); } .horizontal-scroll-mobile:not(.disable) .overflow::-webkit-scrollbar-track-piece:start { margin-left: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset) + (var(--bs-gutter-x) / 2)); } .horizontal-scroll-mobile:not(.disable) .overflow::-webkit-scrollbar-track-piece:end { margin-right: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset) + (var(--bs-gutter-x) / 2)); } .horizontal-scroll-mobile:not(.disable) .no-overflow { padding-left: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset)); padding-right: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset)); } } @media (max-width: 575px) { .horizontal-scroll-mobile { --horizontal-scroll-offset: 0px; } .horizontal-scroll-mobile .overflow, .horizontal-scroll-mobile .no-overflow { padding-left: 0; padding-right: 0; } .horizontal-scroll-mobile .scroll-overlay:before, .horizontal-scroll-mobile .scroll-overlay:after { width: 10px; } .horizontal-scroll-mobile:not(.disable) .overflow::-webkit-scrollbar-track-piece:start { margin-left: calc(var(--bs-gutter-x) / 2); } .horizontal-scroll-mobile:not(.disable) .overflow::-webkit-scrollbar-track-piece:end { margin-right: calc(var(--bs-gutter-x) / 2); } } .horizontal-scroll.not-contained { max-width: unset !important; padding-left: 0 !important; padding-right: 0 !important; width: 100% !important; } .horizontal-scroll.not-contained .overflow { padding-left: 0; padding-right: 0; } .horizontal-scroll.not-contained:not(.disable) .overflow::-webkit-scrollbar-track-piece:start { margin-left: 0; } .horizontal-scroll.not-contained:not(.disable) .overflow::-webkit-scrollbar-track-piece:end { margin-right: 0; } .horizontal-scroll-mobile.not-contained { max-width: unset !important; padding-left: 0 !important; padding-right: 0 !important; width: 100% !important; } @media (max-width: 991px) { .horizontal-scroll-mobile.not-contained .overflow { padding-left: 0; padding-right: 0; } } @media (max-width: 991px) { .horizontal-scroll-mobile.not-contained:not(.disable) .overflow::-webkit-scrollbar-track-piece:start { margin-left: 0; } .horizontal-scroll-mobile.not-contained:not(.disable) .overflow::-webkit-scrollbar-track-piece:end { margin-right: 0; } } @media (min-width: 992px) { .horizontal-scroll-mobile.hs-desktop-inline-1 { max-width: unset !important; padding-left: 0 !important; padding-right: 0 !important; width: 100% !important; } .horizontal-scroll-mobile.hs-desktop-inline-1 .overflow { padding-left: 0; padding-right: 0; } } @media (min-width: 992px) and (max-width: 991px) { .horizontal-scroll-mobile.hs-desktop-inline-1:not(.disable) .overflow::-webkit-scrollbar-track-piece:start { margin-left: 0; } .horizontal-scroll-mobile.hs-desktop-inline-1:not(.disable) .overflow::-webkit-scrollbar-track-piece:end { margin-right: 0; } } @media (max-width: 991px) { *:has(> .horizontal-scroll-mobile.hs-desktop-inline-1) { width: 100vw; max-width: unset; padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; left: calc(((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset, 0px)) * -1); } .horizontal-scroll-mobile.hs-desktop-inline-1 { padding-left: 0 !important; padding-right: 0 !important; } .horizontal-scroll-mobile.hs-desktop-inline-1 .overflow { margin-left: 0; margin-right: 0; } .container:has(.horizontal-scroll-mobile.hs-desktop-inline-1) { margin-left: 0; margin-right: 0; width: 100%; padding-left: 0; padding-right: 0; max-width: unset !important; } .container:has(.horizontal-scroll-mobile.hs-desktop-inline-1) > .row:has(.horizontal-scroll-mobile.hs-desktop-inline-1) { padding-left: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset, 0px)); padding-right: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset, 0px)); margin-left: 0; margin-right: 0; } .container:has(.horizontal-scroll-mobile.hs-desktop-inline-1) > .row:has(.horizontal-scroll-mobile.hs-desktop-inline-1) > *:not(:has(.horizontal-scroll-mobile.hs-desktop-inline-1)) { padding-left: 0.75rem; padding-right: 0.75rem; } } .horizontal-scroll.arrows, .horizontal-scroll-mobile.arrows { position: relative; /* Adjust spacing for mobile arrows */ } @media (max-width: 991px) { .horizontal-scroll.arrows.arrows-mobile, .horizontal-scroll-mobile.arrows.arrows-mobile { padding-bottom: calc(1rem + 2.8125rem); } .horizontal-scroll.arrows.arrows-mobile .overflow, .horizontal-scroll-mobile.arrows.arrows-mobile .overflow { padding-bottom: 0; } } @media (min-width: 992px) { .horizontal-scroll.arrows:not(.horizontal-scroll-mobile), .horizontal-scroll-mobile.arrows:not(.horizontal-scroll-mobile) { padding-bottom: 2rem; } } .horizontal-scroll.arrows .arrow-wrapper, .horizontal-scroll-mobile.arrows .arrow-wrapper { position: absolute; bottom: 0; left: 0; width: 100%; display: flex; justify-content: center; gap: 3.75rem; } @media (max-width: 991px) { .horizontal-scroll.arrows .arrow-wrapper, .horizontal-scroll-mobile.arrows .arrow-wrapper { gap: 2.5rem; } } .horizontal-scroll.arrows .arrow-wrapper .arrow, .horizontal-scroll-mobile.arrows .arrow-wrapper .arrow { width: 2.8125rem; height: 2.8125rem; display: flex; justify-content: center; align-items: center; border: 1px solid var(--border-color, #f3f3f3); color: var(--border-color, #f3f3f3); border-radius: 100%; font-size: 1.25rem; font-weight: 900; transition: border-color var(--transition), color var(--transition); } .horizontal-scroll.arrows .arrow-wrapper .arrow:hover, .horizontal-scroll-mobile.arrows .arrow-wrapper .arrow:hover { cursor: pointer; } .horizontal-scroll.arrows.arrows-top-1 .arrow-wrapper, .horizontal-scroll-mobile.arrows.arrows-top-1 .arrow-wrapper { bottom: unset; top: 0; } @media (min-width: 992px) { .horizontal-scroll.arrows.arrows-top-1:not(.horizontal-scroll-mobile), .horizontal-scroll-mobile.arrows.arrows-top-1:not(.horizontal-scroll-mobile) { padding-bottom: 0rem; padding-top: 4.5rem; } } @media (max-width: 991px) { .horizontal-scroll.arrows.arrows-top-1:not(.horizontal-scroll-mobile).arrows-mobile, .horizontal-scroll-mobile.arrows.arrows-top-1:not(.horizontal-scroll-mobile).arrows-mobile { padding-bottom: 0; padding-top: 4.5rem; } .horizontal-scroll.arrows.arrows-top-1:not(.horizontal-scroll-mobile).arrows-mobile .overflow, .horizontal-scroll-mobile.arrows.arrows-top-1:not(.horizontal-scroll-mobile).arrows-mobile .overflow { padding-bottom: 1rem; margin-bottom: -1rem; } } @media (min-width: 992px) { .horizontal-scroll.arrows.arrows-top-1.disable:not(.horizontal-scroll-mobile) { padding-top: 0; } } @media (min-width: 992px) { .horizontal-scroll.arrows:not(.disable) .overflow::-webkit-scrollbar { display: none; } } @media (max-width: 991px) { .horizontal-scroll.arrows:not(.arrows-mobile) .arrow-wrapper, .horizontal-scroll-mobile.arrows:not(.arrows-mobile) .arrow-wrapper { display: none; } .horizontal-scroll.arrows.arrows-mobile .overflow::-webkit-scrollbar, .horizontal-scroll-mobile.arrows.arrows-mobile .overflow::-webkit-scrollbar { display: block; } } .horizontal-scroll.arrows.disable .arrow-wrapper { display: none !important; } .horizontal-scroll-mobile.arrows-mobile.disable .arrow-wrapper { display: none !important; } .horizontal-scroll.disable, .horizontal-scroll.disable .overflow { overflow-y: visible; padding-bottom: 0 !important; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .lds-dual-ring { display: inline-block; width: 80px; height: 80px; } .lds-dual-ring:after { --color: var(--primary); content: " "; display: block; width: 64px; height: 64px; margin: 8px; border-radius: 50%; border: 6px solid var(--color); border-color: var(--color) transparent var(--color) transparent; animation: lds-dual-ring 1.2s linear infinite; } @keyframes lds-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ html.no-scroll { overflow: hidden; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .border-radius { border-radius: var(--border-radius, 4px) !important; } .border-radius-0 { border-radius: 0 !important; } .box-shadow { box-shadow: var(--box-shadow, 0px 4px 16px 0px rgba(12, 21, 0, 0.16)) !important; } .box-shadow-unset { box-shadow: unset !important; } .drop-shadow { filter: drop-shadow(var(--drop-shadow)); } .drop-shadow-unset { filter: unset; } @media (min-width: 576px) { .border-radius-sm { border-radius: var(--border-radius, 4px) !important; } .border-radius-sm-0 { border-radius: 0 !important; } .box-shadow-sm { box-shadow: var(--box-shadow, 0px 4px 16px 0px rgba(12, 21, 0, 0.16)) !important; } .box-shadow-sm-unset { box-shadow: unset !important; } .drop-shadow-sm { filter: drop-shadow(var(--drop-shadow)); } .drop-shadow-sm-unset { filter: unset; } } @media (min-width: 768px) { .border-radius-md { border-radius: var(--border-radius, 4px) !important; } .border-radius-md-0 { border-radius: 0 !important; } .box-shadow-md { box-shadow: var(--box-shadow, 0px 4px 16px 0px rgba(12, 21, 0, 0.16)) !important; } .box-shadow-md-unset { box-shadow: unset !important; } .drop-shadow-md { filter: drop-shadow(var(--drop-shadow)); } .drop-shadow-md-unset { filter: unset; } } @media (min-width: 992px) { .border-radius-lg { border-radius: var(--border-radius, 4px) !important; } .border-radius-lg-0 { border-radius: 0 !important; } .box-shadow-lg { box-shadow: var(--box-shadow, 0px 4px 16px 0px rgba(12, 21, 0, 0.16)) !important; } .box-shadow-lg-unset { box-shadow: unset !important; } .drop-shadow-lg { filter: drop-shadow(var(--drop-shadow)); } .drop-shadow-lg-unset { filter: unset; } } @media (min-width: 1200px) { .border-radius-xl { border-radius: var(--border-radius, 4px) !important; } .border-radius-xl-0 { border-radius: 0 !important; } .box-shadow-xl { box-shadow: var(--box-shadow, 0px 4px 16px 0px rgba(12, 21, 0, 0.16)) !important; } .box-shadow-xl-unset { box-shadow: unset !important; } .drop-shadow-xl { filter: drop-shadow(var(--drop-shadow)); } .drop-shadow-xl-unset { filter: unset; } } @media (min-width: 1400px) { .border-radius-xxl { border-radius: var(--border-radius, 4px) !important; } .border-radius-xxl-0 { border-radius: 0 !important; } .box-shadow-xxl { box-shadow: var(--box-shadow, 0px 4px 16px 0px rgba(12, 21, 0, 0.16)) !important; } .box-shadow-xxl-unset { box-shadow: unset !important; } .drop-shadow-xxl { filter: drop-shadow(var(--drop-shadow)); } .drop-shadow-xxl-unset { filter: unset; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .review-star { color: #F8D311; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* Desktop */ @media (min-width: 992px) { .see-more-mobile-wrapper .see-more-text, .see-more-mobile-wrapper .see-more-text-open { display: none; } } /* Mobile */ @media (max-width: 992px) { .see-more-mobile-wrapper { --max-height: 240px; position: relative; overflow-x: hidden; overflow-y: hidden; } .see-more-mobile-wrapper:not(.open) { overflow-y: hidden; max-height: var(--max-height); border-bottom: 3px solid white; transition: max-height var(--transition); } .bg-gray .see-more-mobile-wrapper:not(.open), .see-more-mobile-wrapper.gray:not(.open) { border-color: var(--gray); } .see-more-mobile-wrapper.open { max-height: 3000px; padding-bottom: 30px; transition: max-height var(--transition); } .see-more-mobile-wrapper:not(.open):before { content: ""; position: absolute; width: 100%; height: 100px; left: 0px; bottom: 0px; z-index: 1; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 2.19%, #FFFFFF 66.36%); } .bg-gray .see-more-mobile-wrapper:not(.open):before, .see-more-mobile-wrapper.gray:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--gray) 66.36%); } .see-more-mobile-wrapper:not(.open) .see-more-text { display: block; } .see-more-mobile-wrapper:not(.open) .see-more-text-open { display: none; } .see-more-mobile-wrapper.open .see-more-text { display: none; } .see-more-mobile-wrapper.open .see-more-text-open { display: block; } .see-more-mobile-wrapper .see-more-text, .see-more-mobile-wrapper .see-more-text-open { font-family: var(--font-primary); font-weight: 400; font-size: 30px; line-height: 18px; text-transform: uppercase; text-align: center; color: var(--secondary); position: absolute; z-index: 2; width: 100%; bottom: 0; } .see-more-mobile-wrapper .see-more-text:hover, .see-more-mobile-wrapper .see-more-text-open:hover { color: var(--secondary); transition: all var(--transition); cursor: pointer; } .see-more-mobile-wrapper .see-more-text i, .see-more-mobile-wrapper .see-more-text-open i { font-size: 26px; } } .see-more-wrapper { position: relative; overflow-x: hidden; overflow-y: hidden; --max-height: 240px; } .see-more-wrapper:not(.open) { overflow-y: hidden; max-height: var(--max-height); border-bottom: 3px solid white; transition: max-height var(--transition); } .bg-gray .see-more-wrapper:not(.open), .see-more-wrapper.gray:not(.open) { border-color: var(--gray); } .see-more-wrapper.open { max-height: 3000px; padding-bottom: 30px; transition: max-height var(--transition); } .see-more-wrapper:not(.open):before { content: ""; position: absolute; width: 100%; height: 100px; left: 0px; bottom: 0px; z-index: 1; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 2.19%, #FFFFFF 66.36%); } .bg-gray .see-more-wrapper:not(.open):before, .see-more-wrapper.gray:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--gray) 66.36%); } .see-more-wrapper:not(.open) .see-more-text { display: block; } .see-more-wrapper:not(.open) .see-more-text-open { display: none; } .see-more-wrapper.open .see-more-text { display: none; } .see-more-wrapper.open .see-more-text-open { display: block; } .see-more-wrapper .see-more-text, .see-more-wrapper .see-more-text-open { font-family: var(--font-primary); font-weight: 400; font-size: 30px; line-height: 18px; text-transform: uppercase; text-align: center; color: var(--secondary); position: absolute; z-index: 2; width: 100%; bottom: 0; } .see-more-wrapper .see-more-text:hover, .see-more-wrapper .see-more-text-open:hover { color: var(--secondary); transition: all var(--transition); cursor: pointer; } .see-more-wrapper .see-more-text i, .see-more-wrapper .see-more-text-open i { font-size: 26px; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .well { position: relative; padding: var(--well-desktop-padding, 2.5rem); border-radius: var(--border-radius); background: var(--background-color); height: 100%; } .well.border { border-color: var(--border-color) !important; } @media (max-width: 991px) { .well { padding: var(--well-mobile-padding, 2.19rem 1.25rem); } } @media (max-width: 991px) { .well.desktop-only-1 { position: static; padding: 0; border-radius: 0; border: 0 !important; background: transparent; box-shadow: unset !important; } } @media (min-width: 992px) { .well.mobile-only-1 { position: static; padding: 0; border-radius: 0; border: 0 !important; background: transparent; box-shadow: unset !important; } } .well-wrapper { padding: 0; display: flex; flex-direction: column; position: relative; border-radius: var(--border-radius); background: var(--background-color); height: 100%; } @media (max-width: 991px) { .well-wrapper.desktop-only-1 { position: static; border-radius: 0; border: 0 !important; background: transparent; } .well-wrapper.desktop-only-1 .well-content { padding: 0; padding-top: 1.25rem; } } @media (min-width: 992px) { .well-wrapper.mobile-only-1 { position: static; padding: 0; border-radius: 0; border: 0 !important; background: transparent; } .well-wrapper.mobile-only-1 .well-content { padding: 0; padding-top: 1.25rem; } } .well-wrapper .header { padding: 0.375rem 0; text-align: center; } .well-wrapper .well-content { padding: 2.5rem; } @media (max-width: 991px) { .well-wrapper .well-content { padding: 2.19rem 1.25rem; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-well-v2 { --shadow-size-desktop: 0.75rem; --shadow-size-mobile: 0.75rem; } .wi-well-v2.border-color-primary { --border-color: #FF5C00 !important; } .wi-well-v2.bg-color-primary { --bg-color: #FF5C00 !important; } .wi-well-v2.bg-mobile-color-primary { --bg-mobile-color: #FF5C00 !important; } .wi-well-v2.shadow-color-primary { --shadow-color: #FF5C00 !important; } .wi-well-v2.border-color-secondary { --border-color: #000000 !important; } .wi-well-v2.bg-color-secondary { --bg-color: #000000 !important; } .wi-well-v2.bg-mobile-color-secondary { --bg-mobile-color: #000000 !important; } .wi-well-v2.shadow-color-secondary { --shadow-color: #000000 !important; } .wi-well-v2.border-color-tertiary { --border-color: #FFC299 !important; } .wi-well-v2.bg-color-tertiary { --bg-color: #FFC299 !important; } .wi-well-v2.bg-mobile-color-tertiary { --bg-mobile-color: #FFC299 !important; } .wi-well-v2.shadow-color-tertiary { --shadow-color: #FFC299 !important; } .wi-well-v2.border-color-quaternary { --border-color: #ff8d4d !important; } .wi-well-v2.bg-color-quaternary { --bg-color: #ff8d4d !important; } .wi-well-v2.bg-mobile-color-quaternary { --bg-mobile-color: #ff8d4d !important; } .wi-well-v2.shadow-color-quaternary { --shadow-color: #ff8d4d !important; } .wi-well-v2.border-color-quinary { --border-color: #292929 !important; } .wi-well-v2.bg-color-quinary { --bg-color: #292929 !important; } .wi-well-v2.bg-mobile-color-quinary { --bg-mobile-color: #292929 !important; } .wi-well-v2.shadow-color-quinary { --shadow-color: #292929 !important; } .wi-well-v2.border-color-light { --border-color: #ffffff !important; } .wi-well-v2.bg-color-light { --bg-color: #ffffff !important; } .wi-well-v2.bg-mobile-color-light { --bg-mobile-color: #ffffff !important; } .wi-well-v2.shadow-color-light { --shadow-color: #ffffff !important; } .wi-well-v2.border-color-gray { --border-color: #f4f4f4 !important; } .wi-well-v2.bg-color-gray { --bg-color: #f4f4f4 !important; } .wi-well-v2.bg-mobile-color-gray { --bg-mobile-color: #f4f4f4 !important; } .wi-well-v2.shadow-color-gray { --shadow-color: #f4f4f4 !important; } .wi-well-v2.border-color-dark { --border-color: #000000 !important; } .wi-well-v2.bg-color-dark { --bg-color: #000000 !important; } .wi-well-v2.bg-mobile-color-dark { --bg-mobile-color: #000000 !important; } .wi-well-v2.shadow-color-dark { --shadow-color: #000000 !important; } .wi-well-v2.border-color-dark-gray { --border-color: #5f5f5f !important; } .wi-well-v2.bg-color-dark-gray { --bg-color: #5f5f5f !important; } .wi-well-v2.bg-mobile-color-dark-gray { --bg-mobile-color: #5f5f5f !important; } .wi-well-v2.shadow-color-dark-gray { --shadow-color: #5f5f5f !important; } @media (max-width: 991px) { .wi-well-v2[class*="bg-mobile-color"] { --bg-color: var(--bg-mobile-color) !important; } } @media (min-width: 992px) { .wi-well-v2.desktop-only-1 { background: var(--bg-color); border-radius: var(--border-radius); overflow: hidden; position: relative; display: flex; flex-direction: column; width: 100%; } .wi-well-v2.desktop-only-1:not(.border-color-) { border: var(--border-width, 1px) var(--border-style, solid) var(--border-color); } .wi-well-v2.desktop-only-1.shadow-1 { --shadow-size: var(--shadow-size-desktop); --invert: -1; --shadow: calc(var(--invert) * var(--shadow-size)) var(--shadow-size) 0px 0px var(--shadow-color); box-shadow: var(--shadow); margin-left: var(--shadow-size); margin-bottom: var(--shadow-size); width: calc(100% - var(--shadow-size)); } .wi-well-v2.desktop-only-1.shadow-1.shadow-right-1 { --invert: 1; } .wi-well-v2.desktop-only-1.shadow-1.shadow-right-1 { margin-left: unset; margin-right: var(--shadow-size); } .wi-well-v2.desktop-only-1.box-shadow-1 { box-shadow: var(--box-shadow, 0px 4px 20px 0px rgba(0, 0, 0, 0.08)); } .wi-well-v2.desktop-only-1.full-height-1 { height: 100%; } .wi-well-v2.desktop-only-1 > .header { color: var(--light); text-align: var(--header-align, center); background: var(--header-bg-color); padding: var(--header-padding, 0.375rem); } .wi-well-v2.desktop-only-1 > .header.header-bg-color-primary { --header-bg-color: #FF5C00 !important; } .wi-well-v2.desktop-only-1 > .header.header-bg-color-secondary { --header-bg-color: #000000 !important; } .wi-well-v2.desktop-only-1 > .header.header-bg-color-tertiary { --header-bg-color: #FFC299 !important; } .wi-well-v2.desktop-only-1 > .header.header-bg-color-quaternary { --header-bg-color: #ff8d4d !important; } .wi-well-v2.desktop-only-1 > .header.header-bg-color-quinary { --header-bg-color: #292929 !important; } .wi-well-v2.desktop-only-1 > .header.header-bg-color-light { --header-bg-color: #ffffff !important; } .wi-well-v2.desktop-only-1 > .header.header-bg-color-gray { --header-bg-color: #f4f4f4 !important; } .wi-well-v2.desktop-only-1 > .header.header-bg-color-dark { --header-bg-color: #000000 !important; } .wi-well-v2.desktop-only-1 > .header.header-bg-color-dark-gray { --header-bg-color: #5f5f5f !important; } .wi-well-v2.desktop-only-1 > .content { padding: var(--well-desktop-padding, 2.25rem); flex-grow: 1; } } @media (min-width: 992px) and (max-width: 991px) { .wi-well-v2.desktop-only-1.shadow-1 { --shadow-size: var(--shadow-size-mobile); } } @media (min-width: 992px) and (max-width: 991px) { .wi-well-v2.desktop-only-1 > .content { padding: var(--well-mobile-padding, 1.875rem 1.25rem); } } @media (max-width: 991px) { .wi-well-v2.mobile-only-1 { background: var(--bg-color); border-radius: var(--border-radius); overflow: hidden; position: relative; display: flex; flex-direction: column; width: 100%; } .wi-well-v2.mobile-only-1:not(.border-color-) { border: var(--border-width, 1px) var(--border-style, solid) var(--border-color); } .wi-well-v2.mobile-only-1.shadow-1 { --shadow-size: var(--shadow-size-desktop); --invert: -1; --shadow: calc(var(--invert) * var(--shadow-size)) var(--shadow-size) 0px 0px var(--shadow-color); box-shadow: var(--shadow); margin-left: var(--shadow-size); margin-bottom: var(--shadow-size); width: calc(100% - var(--shadow-size)); } .wi-well-v2.mobile-only-1.shadow-1.shadow-right-1 { --invert: 1; } .wi-well-v2.mobile-only-1.shadow-1.shadow-right-1 { margin-left: unset; margin-right: var(--shadow-size); } .wi-well-v2.mobile-only-1.box-shadow-1 { box-shadow: var(--box-shadow, 0px 4px 20px 0px rgba(0, 0, 0, 0.08)); } .wi-well-v2.mobile-only-1.full-height-1 { height: 100%; } .wi-well-v2.mobile-only-1 > .header { color: var(--light); text-align: var(--header-align, center); background: var(--header-bg-color); padding: var(--header-padding, 0.375rem); } .wi-well-v2.mobile-only-1 > .header.header-bg-color-primary { --header-bg-color: #FF5C00 !important; } .wi-well-v2.mobile-only-1 > .header.header-bg-color-secondary { --header-bg-color: #000000 !important; } .wi-well-v2.mobile-only-1 > .header.header-bg-color-tertiary { --header-bg-color: #FFC299 !important; } .wi-well-v2.mobile-only-1 > .header.header-bg-color-quaternary { --header-bg-color: #ff8d4d !important; } .wi-well-v2.mobile-only-1 > .header.header-bg-color-quinary { --header-bg-color: #292929 !important; } .wi-well-v2.mobile-only-1 > .header.header-bg-color-light { --header-bg-color: #ffffff !important; } .wi-well-v2.mobile-only-1 > .header.header-bg-color-gray { --header-bg-color: #f4f4f4 !important; } .wi-well-v2.mobile-only-1 > .header.header-bg-color-dark { --header-bg-color: #000000 !important; } .wi-well-v2.mobile-only-1 > .header.header-bg-color-dark-gray { --header-bg-color: #5f5f5f !important; } .wi-well-v2.mobile-only-1 > .content { padding: var(--well-desktop-padding, 2.25rem); flex-grow: 1; } } @media (max-width: 991px) and (max-width: 991px) { .wi-well-v2.mobile-only-1.shadow-1 { --shadow-size: var(--shadow-size-mobile); } } @media (max-width: 991px) and (max-width: 991px) { .wi-well-v2.mobile-only-1 > .content { padding: var(--well-mobile-padding, 1.875rem 1.25rem); } } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1) { background: var(--bg-color); border-radius: var(--border-radius); overflow: hidden; position: relative; display: flex; flex-direction: column; width: 100%; } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1):not(.border-color-) { border: var(--border-width, 1px) var(--border-style, solid) var(--border-color); } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1).shadow-1 { --shadow-size: var(--shadow-size-desktop); --invert: -1; --shadow: calc(var(--invert) * var(--shadow-size)) var(--shadow-size) 0px 0px var(--shadow-color); box-shadow: var(--shadow); margin-left: var(--shadow-size); margin-bottom: var(--shadow-size); width: calc(100% - var(--shadow-size)); } @media (max-width: 991px) { .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1).shadow-1 { --shadow-size: var(--shadow-size-mobile); } } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1).shadow-1.shadow-right-1 { --invert: 1; } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1).shadow-1.shadow-right-1 { margin-left: unset; margin-right: var(--shadow-size); } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1).box-shadow-1 { box-shadow: var(--box-shadow, 0px 4px 20px 0px rgba(0, 0, 0, 0.08)); } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1).full-height-1 { height: 100%; } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1) > .header { color: var(--light); text-align: var(--header-align, center); background: var(--header-bg-color); padding: var(--header-padding, 0.375rem); } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1) > .header.header-bg-color-primary { --header-bg-color: #FF5C00 !important; } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1) > .header.header-bg-color-secondary { --header-bg-color: #000000 !important; } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1) > .header.header-bg-color-tertiary { --header-bg-color: #FFC299 !important; } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1) > .header.header-bg-color-quaternary { --header-bg-color: #ff8d4d !important; } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1) > .header.header-bg-color-quinary { --header-bg-color: #292929 !important; } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1) > .header.header-bg-color-light { --header-bg-color: #ffffff !important; } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1) > .header.header-bg-color-gray { --header-bg-color: #f4f4f4 !important; } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1) > .header.header-bg-color-dark { --header-bg-color: #000000 !important; } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1) > .header.header-bg-color-dark-gray { --header-bg-color: #5f5f5f !important; } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1) > .content { padding: var(--well-desktop-padding, 2.25rem); flex-grow: 1; } @media (max-width: 991px) { .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1) > .content { padding: var(--well-mobile-padding, 1.875rem 1.25rem); } }