/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// 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-img-1 .page { display: flex; flex-direction: column; gap: 1.25rem; } .wi-subnav-img-1 .page .img { width: 100%; height: 11.25rem; position: relative; overflow: hidden; transition: var(--transition); } .wi-subnav-img-1 .page .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; object-position: center; } .wi-subnav-img-1 .page .name { font-size: 1.25rem; font-style: normal; font-weight: 600; line-height: 160%; /* 2rem */ letter-spacing: 0.125rem; text-transform: uppercase; color: var(--dark); transition: var(--transition); display: inline-flex; align-items: baseline; gap: 0.62rem; } .wi-subnav-img-1 .page .name i { line-height: 2rem; font-size: 1rem; } .wi-subnav-img-1 .page:hover .img { box-shadow: var(--box-shadow); } .wi-subnav-img-1 .page:hover .name { color: var(--primary); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// 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.1rem; 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(--primary-rgba-8); margin-bottom: 0; font-family: var(--font-primary); font-weight: 400; } @media (max-width: 991px) { .wi-breadcrumb ol.breadcrumb li.breadcrumb-item { font-size: 0.875rem; } } .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(--tertiary); } .wi-breadcrumb ol.breadcrumb li.breadcrumb-item:before { color: var(--primary-rgba-8); } .breadcrumb-light .wi-breadcrumb ol.breadcrumb li.breadcrumb-item { color: var(--light-rgba-8); } .breadcrumb-light .wi-breadcrumb ol.breadcrumb li.breadcrumb-item a:hover { color: var(--secondary); } .breadcrumb-light .wi-breadcrumb ol.breadcrumb li.breadcrumb-item:before { color: var(--light-rgba-8); } .breadcrumb-dark .wi-breadcrumb ol.breadcrumb li.breadcrumb-item { color: var(--dark); } .breadcrumb-dark .wi-breadcrumb ol.breadcrumb li.breadcrumb-item a:hover { color: var(--primary); } .breadcrumb-dark .wi-breadcrumb ol.breadcrumb li.breadcrumb-item:before { color: var(--dark); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// 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 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ [subnav-check*="no"] { display: none; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// 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-small-1 { display: flex; gap: 0.625rem; font-size: 1.5rem; align-items: center; } .wi-social-small-1 .item { font-size: 1rem; color: var(--tertiary); transition: var(--transition); } .wi-social-small-1 .item:hover { color: var(--quaternary); } .wi-social-small-1.medium .item { font-size: 1.4375rem; } body.h-show-tert-nav .tert-nav .wi-social-small-1 .item { font-size: 1rem !important; color: var(--primary); } body.h-show-tert-nav .tert-nav .wi-social-small-1 .item:hover { color: var(--senary); } .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); } .social-light .wi-social-small-1 .item:hover { color: var(--primary); } @charset "UTF-8"; /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* .icon-list */ ul.icon-list { margin: 0 0 0 10px; padding: 0; } ul.icon-list li { position: relative; list-style-type: none; padding: 6px 0 5px 17px; margin-bottom: 0; } /* default: chevron */ ul.icon-list li::after { font-family: "Font Awesome 5 Pro"; content: ""; font-style: normal; font-weight: 200; text-decoration: inherit; position: absolute; font-size: 13px; color: #008E9C; top: 10px; 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: ""; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// 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) + section:not([class*="bg-"]):not(.lr-sect):not(.bg-transparent):not(.hero-section) { padding-top: 0px; } section:not([class*="bg-"]):not(.lr-sect):not(.divider-diagonal):not(.bg-transparent):not(.hero-section) + section.wi-bg-img-cta { padding-top: 0px; } section.wi-bg-img-cta + section:not([class*="bg-"]):not(.lr-sect):not(.divider-diagonal):not(.bg-transparent):not(.hero-section) { padding-top: 0px; } @media (max-width: 991px) { .pb-none { padding-bottom: 0; } } section.wi-content-img-tile:has(+ section.wi-content-img-tile) { padding-bottom: 2.5rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .sub { font-family: var(--font-primary); font-size: 1.25rem; font-weight: 600; letter-spacing: 0.125rem; text-transform: uppercase; } h1.sub, .h1.sub { font-family: var(--font-primary); font-size: 1.875rem; font-weight: 500; letter-spacing: 0.1875rem; text-transform: uppercase; } @media (max-width: 991px) { h1.sub, .h1.sub { font-size: 1.625rem; } } /* .sub { font-family: var(--font-primary); font-weight: 500; letter-spacing: 0.04125rem; text-transform: uppercase; } 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 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .beneath-footer { color: rgba(255, 255, 255, 0.8); font-size: 0.875rem; font-weight: 400; line-height: 160%; } .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; } .beneath-footer .vert-bar { display: inline-block; position: relative; top: 0px; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ header .nav-container .main-nav .items .item-append { gap: 1.125rem; } @media (max-width: 991px) { header .nav-container .main-nav .items .item-append { gap: 0.75rem; } } header .nav-container .main-nav .items .item-append a { font-weight: 600; } @media (max-width: 991px) { header .nav-container .main-nav .items .item-append .cta:not(:last-child) { margin-right: 0; } } @media (max-width: 991px) { header .nav-container .main-nav .items .item-append .cta.icon { padding: 0.65625rem; } header .nav-container .main-nav .items .item-append .cta.icon i { font-size: 1.125rem; } } header:not(.open) { box-shadow: var(--box-shadow); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// 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)); background: var(--light); } header .nav-container .main-nav .items nav ul.level-1 { flex-grow: 1; position: static; width: 100%; margin: 0; } header .nav-container .main-nav .items nav ul.level-1 > li { padding: 0 1.25rem; } header .nav-container .main-nav .items nav ul.level-1 > li:has(a.parent.open) { padding: 0; } header .nav-container .main-nav .items nav ul.level-1 > li > a { font-weight: 600; padding: 1rem 0; } header .nav-container .main-nav .items nav ul.level-1 > li > a.parent { font-weight: 500; color: var(--dark); } header .nav-container .main-nav .items nav ul.level-1 > li > a.parent i { color: var(--primary); padding: 1rem; margin: -1rem; } header .nav-container .main-nav .items nav ul.level-1 > li > a.parent.open { color: var(--tertiary); background: var(--secondary); padding: 1rem 1.25rem; } header .nav-container .main-nav .items nav ul.level-1 > li > a.mega { padding: 0; } header .nav-container .main-nav .items nav ul.level-1 > li > a:not(:first-of-type) { border-top: 1px solid var(--secondary); } header .nav-container .main-nav .items nav ul.level-1 > li .level-2 { margin: 0; } header .nav-container .main-nav .items nav ul.level-1 li:not(:first-child) a { border-top: 1px solid var(--secondary); } 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.open .nav-container .main-nav .items nav { height: calc(100vh - var(--top-bar, 0px) - var(--nav-height)); box-shadow: inset var(--box-shadow); } 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)); top: calc(var(--nav-height)); } } @media (min-width: 992px) { header .nav-container .main-nav .items nav ul.level-1 > li > a { font-weight: 600; } header .nav-container .main-nav .items nav ul.level-1 > li > a.parent { font-weight: 500; color: var(--dark); } 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, header .nav-container .main-nav .items nav ul.level-1 > li > a.parent:hover { color: var(--primary); } header .nav-container .main-nav .items nav ul.level-1 > li.mega > .level-2 { position: fixed; top: calc(var(--nav-height) + var(--nav-tert-height) + var(--top-bar, 0px)); left: 0; width: 100vw; padding: 0; transition: top var(--transition); box-shadow: var(--header-box-shadow-no-top); } header .nav-container .main-nav .items nav ul.level-1 > li.mega > .level-2 .mega-nav-dropdown { width: 100%; box-shadow: var(--header-box-shadow-inset); } header .nav-container .main-nav .items nav ul.level-1 > li ul.level-2 { border-radius: 0; width: 9.81rem; box-shadow: var(--box-shadow); } header .nav-container .main-nav .items nav ul.level-1 > li ul.level-2 .mega-nav-dropdown { width: 100%; } header.scrolled .nav-container .main-nav .items nav .level-1 > li.mega > .level-2 { top: calc(var(--nav-height) - 1px); } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ 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: 1.38rem; 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: 500; 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 .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: 500; gap: 0.62rem; } 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 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ :root { --border-radius: .1875rem; --btn-radius: .1875rem; --well-desktop-padding: 2.5rem 2.25rem; --well-mobile-padding: 1.875rem 1.25rem; --box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08); --header-box-shadow-inset: inset 0px 4px 12px 0px rgba(0, 0, 0, 0.08); --secondary-hover: #F4D606; --form-border: rgba(96, 105, 113, 0.30); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .btn { padding: 0.75rem 1.625rem; font-size: 1rem; font-weight: 600; } @media (max-width: 991px) { .btn { padding: 0.625rem 1.25rem; } } .btn.icon { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; } .btn[class*="btn-outline-"] { border-width: 2px; display: inline-flex; align-items: center; gap: 0.5rem; } .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(--senary); } .btn-light:hover { color: var(--quinary); background-color: var(--secondary); border-color: var(--secondary, linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%), var(--secondary)); } .btn-primary:hover { background-color: var(--senary, linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%), var(--senary)); border-color: var(--senary, linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%), var(--senary)); } .btn-secondary, .btn-secondary:hover, .btn-secondary.focus, .btn-secondary:focus { color: var(--quinary); } .btn-secondary:hover { background-color: var(--secondary-hover); border-color: var(--secondary-hover); } .btn-tertiary, .btn-tertiary:hover, .btn-tertiary.focus, .btn-tertiary:focus { color: var(--primary); } .btn-quaternary, .btn-quaternary:hover, .btn-quaternary.focus, .btn-quaternary:focus { color: var(--secondary); } .btn-quinary { color: var(--light); } .btn-quinary:hover, .btn-quinary.focus, .btn-quinary:focus { color: var(--secondary); } @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(--senary); } .btn-sm-light:hover { color: var(--quinary); background-color: var(--secondary); border-color: var(--secondary, linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%), var(--secondary)); } .btn-sm-primary:hover { background-color: var(--senary, linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%), var(--senary)); border-color: var(--senary, linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%), var(--senary)); } .btn-sm-secondary, .btn-sm-secondary:hover, .btn-sm-secondary.focus, .btn-sm-secondary:focus { color: var(--quinary); } .btn-sm-secondary:hover { background-color: var(--secondary-hover); border-color: var(--secondary-hover); } .btn-sm-tertiary, .btn-sm-tertiary:hover, .btn-sm-tertiary.focus, .btn-sm-tertiary:focus { color: var(--primary); } .btn-sm-quaternary, .btn-sm-quaternary:hover, .btn-sm-quaternary.focus, .btn-sm-quaternary:focus { color: var(--secondary); } .btn-sm-quinary { color: var(--light); } .btn-sm-quinary:hover, .btn-sm-quinary.focus, .btn-sm-quinary:focus { color: var(--secondary); } } @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(--senary); } .btn-md-light:hover { color: var(--quinary); background-color: var(--secondary); border-color: var(--secondary, linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%), var(--secondary)); } .btn-md-primary:hover { background-color: var(--senary, linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%), var(--senary)); border-color: var(--senary, linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%), var(--senary)); } .btn-md-secondary, .btn-md-secondary:hover, .btn-md-secondary.focus, .btn-md-secondary:focus { color: var(--quinary); } .btn-md-secondary:hover { background-color: var(--secondary-hover); border-color: var(--secondary-hover); } .btn-md-tertiary, .btn-md-tertiary:hover, .btn-md-tertiary.focus, .btn-md-tertiary:focus { color: var(--primary); } .btn-md-quaternary, .btn-md-quaternary:hover, .btn-md-quaternary.focus, .btn-md-quaternary:focus { color: var(--secondary); } .btn-md-quinary { color: var(--light); } .btn-md-quinary:hover, .btn-md-quinary.focus, .btn-md-quinary:focus { color: var(--secondary); } } @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(--senary); } .btn-lg-light:hover { color: var(--quinary); background-color: var(--secondary); border-color: var(--secondary, linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%), var(--secondary)); } .btn-lg-primary:hover { background-color: var(--senary, linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%), var(--senary)); border-color: var(--senary, linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%), var(--senary)); } .btn-lg-secondary, .btn-lg-secondary:hover, .btn-lg-secondary.focus, .btn-lg-secondary:focus { color: var(--quinary); } .btn-lg-secondary:hover { background-color: var(--secondary-hover); border-color: var(--secondary-hover); } .btn-lg-tertiary, .btn-lg-tertiary:hover, .btn-lg-tertiary.focus, .btn-lg-tertiary:focus { color: var(--primary); } .btn-lg-quaternary, .btn-lg-quaternary:hover, .btn-lg-quaternary.focus, .btn-lg-quaternary:focus { color: var(--secondary); } .btn-lg-quinary { color: var(--light); } .btn-lg-quinary:hover, .btn-lg-quinary.focus, .btn-lg-quinary:focus { color: var(--secondary); } } @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(--senary); } .btn-xl-light:hover { color: var(--quinary); background-color: var(--secondary); border-color: var(--secondary, linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%), var(--secondary)); } .btn-xl-primary:hover { background-color: var(--senary, linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%), var(--senary)); border-color: var(--senary, linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%), var(--senary)); } .btn-xl-secondary, .btn-xl-secondary:hover, .btn-xl-secondary.focus, .btn-xl-secondary:focus { color: var(--quinary); } .btn-xl-secondary:hover { background-color: var(--secondary-hover); border-color: var(--secondary-hover); } .btn-xl-tertiary, .btn-xl-tertiary:hover, .btn-xl-tertiary.focus, .btn-xl-tertiary:focus { color: var(--primary); } .btn-xl-quaternary, .btn-xl-quaternary:hover, .btn-xl-quaternary.focus, .btn-xl-quaternary:focus { color: var(--secondary); } .btn-xl-quinary { color: var(--light); } .btn-xl-quinary:hover, .btn-xl-quinary.focus, .btn-xl-quinary:focus { color: var(--secondary); } } @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(--senary); } .btn-xxl-light:hover { color: var(--quinary); background-color: var(--secondary); border-color: var(--secondary, linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%), var(--secondary)); } .btn-xxl-primary:hover { background-color: var(--senary, linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%), var(--senary)); border-color: var(--senary, linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%), var(--senary)); } .btn-xxl-secondary, .btn-xxl-secondary:hover, .btn-xxl-secondary.focus, .btn-xxl-secondary:focus { color: var(--quinary); } .btn-xxl-secondary:hover { background-color: var(--secondary-hover); border-color: var(--secondary-hover); } .btn-xxl-tertiary, .btn-xxl-tertiary:hover, .btn-xxl-tertiary.focus, .btn-xxl-tertiary:focus { color: var(--primary); } .btn-xxl-quaternary, .btn-xxl-quaternary:hover, .btn-xxl-quaternary.focus, .btn-xxl-quaternary:focus { color: var(--secondary); } .btn-xxl-quinary { color: var(--light); } .btn-xxl-quinary:hover, .btn-xxl-quinary.focus, .btn-xxl-quinary:focus { color: var(--secondary); } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ @media (min-width: 992px) { header .main-nav .items nav .mega:has(a.parent.open) .wi-nav-mobile-menu { display: none; } } header .main-nav .items nav .mega:has(a.parent.open) .wi-nav-mobile-menu .page { padding: 1rem 1.25rem; line-height: 1.6; color: var(--dark); font-weight: 500; border: 0 !important; } header .main-nav .items nav .mega:has(a.parent.open) .wi-nav-mobile-menu .child { font-size: 0.875rem; padding: 1rem 2rem !important; color: var(--senary); } header .main-nav .items nav .wi-nav-mobile-menu .page { padding: 1rem 0; line-height: 1.6; color: var(--dark); font-weight: 500; border: 0 !important; } header .main-nav .items nav .mega:has(a.parent.open) .wi-nav-mobile-menu .page { padding: 1rem 1.25rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .yt-wrapper { pointer-events: none; height: 110%; } .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 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .full-video-hero { position: relative; background: var(--septenary); } .full-video-hero .hero-img { position: absolute; top: 1.25rem; 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: 0; } } .full-video-hero .hero-overlay { position: absolute; top: 0; 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: 0; background: rgba(0, 0, 0, 0.6); } } .full-video-hero > *:not(picture) { position: relative; z-index: 2; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ @font-face { font-family: "Barlow"; font-weight: 100; font-style: normal; src: url("/oak/themes/ggapest/css/fonts/Barlow/Barlow-Thin.ttf"); } @font-face { font-family: "Barlow"; font-weight: 200; font-style: normal; src: url("/oak/themes/ggapest/css/fonts/Barlow/Barlow-ExtraLight.ttf"); } @font-face { font-family: "Barlow"; font-weight: 300; font-style: normal; src: url("/oak/themes/ggapest/css/fonts/Barlow/Barlow-Light.ttf"); } @font-face { font-family: "Barlow"; font-weight: 400; font-style: normal; src: url("/oak/themes/ggapest/css/fonts/Barlow/Barlow-Regular.ttf"); } @font-face { font-family: "Barlow"; font-weight: 500; font-style: normal; src: url("/oak/themes/ggapest/css/fonts/Barlow/Barlow-Medium.ttf"); } @font-face { font-family: "Barlow"; font-weight: 600; font-style: normal; src: url("/oak/themes/ggapest/css/fonts/Barlow/Barlow-SemiBold.ttf"); } @font-face { font-family: "Barlow"; font-weight: 700; font-style: normal; src: url("/oak/themes/ggapest/css/fonts/Barlow/Barlow-Bold.ttf"); } @font-face { font-family: "Barlow"; font-weight: 800; font-style: normal; src: url("/oak/themes/ggapest/css/fonts/Barlow/Barlow-ExtraBold.ttf"); } @font-face { font-family: "Barlow"; font-weight: 900; font-style: normal; src: url("/oak/themes/ggapest/css/fonts/Barlow/Barlow-Black.ttf"); } @font-face { font-family: "Barlow"; font-weight: 100; font-style: italic; src: url("/oak/themes/ggapest/css/fonts/Barlow/Barlow-ThinItalic.ttf"); } @font-face { font-family: "Barlow"; font-weight: 200; font-style: italic; src: url("/oak/themes/ggapest/css/fonts/Barlow/Barlow-ExtraLightItalic.ttf"); } @font-face { font-family: "Barlow"; font-weight: 300; font-style: italic; src: url("/oak/themes/ggapest/css/fonts/Barlow/Barlow-LightItalic.ttf"); } @font-face { font-family: "Barlow"; font-weight: 400; font-style: italic; src: url("/oak/themes/ggapest/css/fonts/Barlow/Barlow-Italic.ttf"); } @font-facec { font-family: "Barlow"; font-weight: 500; font-style: italic; src: url("/oak/themes/ggapest/css/fonts/Barlow/Barlow-MediumItalic.ttf"); } @font-face { font-family: "Barlow"; font-weight: 600; font-style: italic; src: url("/oak/themes/ggapest/css/fonts/Barlow/Barlow-SemiBoldItalic.ttf"); } @font-face { font-family: "Barlow"; font-weight: 700; font-style: italic; src: url("/oak/themes/ggapest/css/fonts/Barlow/Barlow-BoldItalic.ttf"); } @font-face { font-family: "Barlow"; font-weight: 800; font-style: italic; src: url("/oak/themes/ggapest/css/fonts/Barlow/Barlow-ExtraBoldItalic.ttf"); } @font-face { font-family: "Barlow"; font-weight: 900; font-style: italic; src: url("/oak/themes/ggapest/css/fonts/Barlow/Barlow-BlackItalic.ttf"); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ footer > section { padding: 5rem 0; background: var(--quaternary, linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%), var(--primary)); color: var(--light); } @media (max-width: 991px) { footer > section { padding-top: 3.12rem; padding-bottom: 1.88rem; } } footer > section > .container > .row { --bs-gutter-x: 2.5rem; --bs-gutter-y: 2.125rem; } @media (max-width: 991px) { footer > section > .container > .row { --bs-gutter-y: 0rem; } } footer > section .nav-header { color: var(--secondary); font-size: 1rem; font-weight: 600; line-height: 160%; letter-spacing: 0.1rem; text-transform: uppercase; } footer > section .contact-info-col { width: 21.7%; text-align: start; } @media (max-width: 991px) { footer > section .contact-info-col { display: flex; flex-direction: column; align-items: center; } } footer > section .contact-info-col .logo { display: inline-block; max-width: 8.87044rem; 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 { gap: 0.625rem; } footer > section .contact-info-col .social-primary .wi-social-small-1 .item { font-size: 1.55rem; } footer > section .contact-info-col .social-primary .wi-social-small-1 .item.:hover { color: var(--light); } footer > section .contact-info-col address { font-size: 1.125rem; font-weight: 500; margin-bottom: 1.5rem; line-height: 160%; } @media (max-width: 991px) { footer > section .contact-info-col .mobile-inline { display: flex; gap: 1rem; } } footer > section .contact-info-col div.nav-link { padding: 0; margin-bottom: 1.5rem; } footer > section .contact-info-col div.nav-link a:not(.btn) { color: var(--light); font-size: 1.125rem; font-weight: 500; } footer > section .contact-info-col div.nav-link a:not(.btn):hover { color: var(--primary); } @media (max-width: 991px) { footer > section .contact-info-col { width: 100%; } } footer > section .nav-col { display: flex; flex-direction: column; width: 100%; } @media (min-width: 991px) { footer > section .nav-col { width: 78.3%; gap: 1.875rem; } } footer > section .nav-col > .row { gap: 1.88rem; } @media (max-width: 991px) { footer > section .nav-col > .row { justify-content: space-evenly; gap: unset; } } footer > section .nav-col .footer-navs .footer-nav-group { display: flex; flex-direction: row; flex-wrap: wrap; gap: 0.62rem 0rem; } @media (min-width: 991px) { footer > section .nav-col .footer-navs .footer-nav-group { flex-direction: column; } } footer > section .nav-col .footer-navs .footer-nav-group:has(> .footer-nav) { flex-direction: column; } 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(--light); transition: var(--transition); font-size: 1rem; font-weight: 600; line-height: normal; } footer > section .nav-col .footer-navs .footer-nav-group .footer-nav li a:hover { color: var(--primary); } footer > section .nav-col .footer-navs hr { margin: 1.75rem 0; opacity: 0.3; border-width: 1px; border-bottom-width: 0; } @media (min-width: 991px) { footer > section .nav-col .footer-navs hr { display: none; } } footer > section .nav-col .cta-row { gap: 0.375rem; } @media (max-width: 991px) { footer > section .nav-col .cta-row { margin-top: 1.75rem; gap: 1.88rem; } } footer > section .nav-col .beneath-footer-row { margin-top: 1.75rem; padding-top: 1.75rem; border-top: 1px solid rgba(255, 255, 255, 0.15); } @media (max-width: 991px) { footer > section .nav-col .beneath-footer-row { text-align: center; } } footer > section .nav-col .footer-subnav { list-style-type: none; margin-bottom: 0; display: flex; flex-direction: row; justify-content: space-between; max-width: 12.875rem; padding-left: 0; --bs-gutter-y: 1.125rem; } footer > section .nav-col .footer-navs .footer-nav-group .nav-header, footer > section .nav-col ul.footer-subnav a { color: rgba(255, 255, 255, 0.8); font-size: 1rem; font-weight: 600; line-height: 160%; } footer > section .nav-col .footer-navs .footer-nav-group .nav-header:hover, footer > section .nav-col ul.footer-subnav a:hover { color: var(--primary); } 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 { color: var(--secondary); font-size: 1rem; font-weight: 600; line-height: 160%; letter-spacing: 0.1rem; text-transform: uppercase; } footer > section .nav-col .footer-navs .footer-nav-group .nav-header:hover, footer > section .nav-col .footer-tert-nav a:hover { color: var(--primary); } footer > section .nav-col .footer-navs .footer-nav-group div.nav-header:hover { color: var(--light); } footer > section .book-col { width: 40%; } @media (max-width: 991px) { footer > section .book-col { width: 100%; padding: 0; } } @media (max-width: 991px) { footer > section .form-col { padding: 0; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// 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 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ footer .wi-booking-calendar { height: 100%; } footer .wi-booking-calendar .calendar { height: 100%; padding: 1.5rem; } footer .wi-booking-calendar .calendar .title { color: var(--secondary); font-size: 1rem; font-weight: 600; line-height: 160%; letter-spacing: 0.1rem; text-transform: uppercase; margin-bottom: 0; } footer .wi-booking-calendar .calendar .calendar-img { width: 100%; height: auto; } .wi-booking-calendar { display: flex; flex-direction: column; width: 100%; cursor: pointer; } .wi-booking-calendar:hover { box-shadow: 0px 4px 12px 5px rgba(0, 0, 0, 0.08) !important; transition: var(--transition); } .wi-booking-calendar .calendar { padding: 1.5rem; background: var(--background-color); } .wi-booking-calendar .calendar .logo { height: 3.4375rem; position: relative; margin-bottom: 0.75rem; } .wi-booking-calendar .calendar .logo img { height: 100%; width: 100%; } .wi-booking-calendar .calendar .title { color: var(--quaternary); font-size: 1.25rem; font-weight: 600; line-height: 160%; letter-spacing: 0.125rem; text-transform: uppercase; margin-bottom: 0.75rem; } .wi-booking-calendar .calendar hr { margin: 0; color: var(--primary-rgba-8); } .wi-booking-calendar .calendar .calendar-img { width: 100%; height: auto; padding: 1.5rem 0; } .wi-booking-calendar.box-shadow-1 { box-shadow: var(--box-shadow); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// 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.875rem; flex-wrap: wrap; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .form-wrapper form.oak_contact_form .row { --bs-gutter-y: 0.75rem; } .form-wrapper form.oak_contact_form .row .form-group { position: relative; } .form-wrapper form.oak_contact_form .row .form-group label { color: inherit; position: absolute; top: 0.188rem; 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; } .form-wrapper form.oak_contact_form .row .form-group label.label-radio-parent { position: static; } .form-wrapper form.oak_contact_form .row .form-group label.form-check-label { position: static; } .form-wrapper form.oak_contact_form .row .form-group .form-control { padding-left: 0.38rem; padding-right: 0.38rem; padding-top: 0.85rem; color: inherit; border: 1px solid var(--border-color); border-radius: var(--border-radius); background: transparent; } .form-wrapper form.oak_contact_form .row .form-group textarea.form-control { min-height: 9.4375rem !important; } .form-wrapper form.oak_contact_form .row .form-group .form-control:-webkit-autofill, .form-wrapper form.oak_contact_form .row .form-group .form-control:-webkit-autofill:hover, .form-wrapper form.oak_contact_form .row .form-group .form-control:-webkit-autofill:active { -webkit-background-clip: text; -webkit-text-fill-color: var(--dark) !important; transition: background-color 5000s ease-in-out 0s; box-shadow: inset 0 0 20px 20px #23232329; } .form-wrapper form.oak_contact_form .row .form-group .custom-file-label { margin-top: 0.5rem; } .form-wrapper form.oak_contact_form .row .form-group.select-el label.label-dropdown { pointer-events: none; } .bg-quaternary .form-wrapper form.oak_contact_form .row .form-group .form-control:-webkit-autofill, .bg-quaternary .form-wrapper form.oak_contact_form .row .form-group .form-control:-webkit-autofill:hover, .bg-quaternary .form-wrapper form.oak_contact_form .row .form-group .form-control:-webkit-autofill:active, .bg-dark .form-wrapper form.oak_contact_form .row .form-group .form-control:-webkit-autofill, .bg-dark .form-wrapper form.oak_contact_form .row .form-group .form-control:-webkit-autofill:hover, .bg-dark .form-wrapper form.oak_contact_form .row .form-group .form-control:-webkit-autofill:active { -webkit-text-fill-color: var(--light) !important; } form.oak_contact_form .row .form-group.hide-label label:not(.form-check-label) { display: none; } form.oak_contact_form .row .form-group.hide-label .form-control { padding: 0.75rem !important; } form.oak_contact_form .row .form-group.form-check-label-heavy label.form-check-label { font-family: var(--font-primary); font-size: 1.333rem; font-weight: 700; line-height: 1.2; letter-spacing: 0.01731rem; } form.oak_contact_form .row .form-group.form-check-label-heavy .form-check { padding-left: 2rem; min-height: 2rem; } form.oak_contact_form .row .form-group.form-check-label-heavy .form-check .form-check-input { width: 1.5rem; height: 1.5rem; margin-left: -2rem; margin-top: 0; } .form-wrapper-v2 { --color: var(--dark); --border-color: var(--dark); --bg-color: transparent; } .form-wrapper-v2 .alert { color: var(--color); } .form-wrapper-v2 form.oak_contact_form .row { --bs-gutter-y: 0.75rem; } .form-wrapper-v2 form.oak_contact_form .row .form-group { position: relative; } .form-wrapper-v2 form.oak_contact_form .row .form-group label { color: var(--color); position: absolute; top: 0.188rem; 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; } .form-wrapper-v2 form.oak_contact_form .row .form-group label.label-radio-parent { position: static; } .form-wrapper-v2 form.oak_contact_form .row .form-group label.form-check-label { position: static; } .form-wrapper-v2 form.oak_contact_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-v2 form.oak_contact_form .row .form-group textarea.form-control { min-height: 9.4375rem !important; } .form-wrapper-v2 form.oak_contact_form .row .form-group .form-control:-webkit-autofill, .form-wrapper-v2 form.oak_contact_form .row .form-group .form-control:-webkit-autofill:hover, .form-wrapper-v2 form.oak_contact_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-v2 form.oak_contact_form .row .form-group .custom-file-label { margin-top: 0.5rem; } .form-wrapper-v2 form.oak_contact_form .row .form-group.select-el label.label-dropdown { pointer-events: none; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-subnav-bg-img-card { --bs-gutter-x: 2.5rem; --bs-gutter-y: 2.5rem; } .wi-subnav-bg-img-card .page { height: 100%; } @media (min-width: 991px) { .wi-subnav-bg-img-card .page { min-height: 500px; } } .wi-subnav-bg-img-card .page .title { color: var(--light); } .wi-subnav-bg-img-card .page .content { display: flex; flex-direction: column; height: 100%; } @media (min-width: 991px) { .wi-subnav-bg-img-card .page .content .description { width: 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 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .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 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .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: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.55) 100%); z-index: 2; } .wi-bg-img-card .content { position: relative; z-index: 3; color: var(--light); padding: 2.5rem; } @media (max-width: 991px) { .wi-bg-img-card .content { padding: 1.875rem 1.25rem; } } .wi-bg-img-card .content .icon-wrapper { /* flex-grow: 1; display: inline-flex; align-items: flex-start;*/ } .wi-bg-img-card .content .icon-wrapper .icon { height: 2.8125rem; margin-bottom: 4rem; } .wi-bg-img-card .content p { font-weight: 500; margin-bottom: 1.875rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-sect-bg-img-card { position: relative; padding: 0; } .wi-sect-bg-img-card .img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 75%; z-index: 1; } @media (min-width: 991px) { .wi-sect-bg-img-card .img { position: absolute; } } .wi-sect-bg-img-card .overlay { position: absolute; width: 100%; height: 100%; background: linear-gradient(270deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.6) 100%); z-index: 2; } @media (max-width: 991px) { .wi-sect-bg-img-card .overlay { background: rgba(0, 0, 0, 0.6); } } @media (min-width: 991px) { .wi-sect-bg-img-card .row { padding: 4.063rem 0 4.063rem 0; } } .wi-sect-bg-img-card .row .content { position: relative; z-index: 3; color: var(--light); padding: 1.875rem 1.25rem; } @media (min-width: 991px) { .wi-sect-bg-img-card .row .content { padding: 2.5rem 2.25rem; } } @media (max-width: 991px) { .wi-sect-bg-img-card .row .content { position: relative; top: calc(-1 * var(--bump-up)); margin-bottom: calc(-1 * var(--bump-up)); z-index: 2; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /*h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color: var(--tertiary); } */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-cols-numbered { --bs-gutter-x: 1.875rem; --bs-gutter-y: 1.875rem; } .wi-cols-numbered .col-numbered .col-img { display: inline-flex; gap: 1.25rem; } .wi-cols-numbered .col-numbered .col-img .img { height: 7.25rem; } @media (max-width: 991px) { .wi-cols-numbered .col-numbered .col-img .img { height: 6.25rem; } } .wi-cols-numbered .col-numbered .heading-wrapper { display: inline-flex; align-items: center; gap: 0.625rem; margin-bottom: 0.88rem; } .wi-cols-numbered .col-numbered .heading-wrapper .number { display: flex; font-size: 1rem; font-weight: 700; width: 1.625rem; height: 1.625rem; border-radius: 3.125rem; justify-content: center; align-items: center; gap: 0.625rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ p:last-child { margin-bottom: 0; } p.lead { font-size: calc(var(--p-font-size) + 0.15rem); } @media (max-width: 991px) { p.lead { font-size: var(--p-font-size); } } p.small { --p-font-size: 0.875rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-coupons-1 { --bs-gutter-y: 1.88rem; --bs-gutter-x: 1.88rem; } @media (max-width: 992px) { .wi-coupons-1 { --bs-gutter-y: 1.25rem; --bs-gutter-x: 1.25rem; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-icon-card { display: flex; flex-direction: column; height: 100%; padding: 1.875rem 1.5rem; } .wi-icon-card .icon-wrapper .icon { height: 2.8125rem; margin-bottom: 0.875rem; } .wi-icon-card .icon-wrapper .icon.icon-small { height: 2.1875rem; margin-bottom: 0.5rem; } .wi-icon-card .content { flex-grow: 1; } .wi-icon-card .content .heading { color: var(--tertiary); margin-bottom: 0.875rem; } .wi-icon-card .content p:last-child { margin-bottom: 0.5rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-content-img-tile .row { --bs-gutter-x: 2.5rem; } .wi-content-img-tile .row .img { height: 100%; width: 100%; position: relative; } @media (max-width: 991px) { .wi-content-img-tile .row .img { min-height: 15.625rem; aspect-ratio: 1.375; max-height: 22rem; } } .wi-content-img-tile .row .img img { width: 100%; height: 100%; object-fit: cover; } @media (min-width: 992px) { .wi-content-img-tile .row.img-small-1 > *:first-child { width: 33.33%; } .wi-content-img-tile .row.img-small-1 > *:last-child { width: 66.67%; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-img-card .img { width: 100%; object-fit: cover; aspect-ratio: 1.5; margin-bottom: 1.5rem; max-height: 22.5rem; } .wi-img-card .content { background: var(--background-color); } .wi-img-card .content .heading { margin-bottom: 0.25rem; } .wi-img-card .content .sub { margin-bottom: 1.25rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-video { position: relative; } .wi-video .bg-img-container { aspect-ratio: 1.5; display: flex; flex-direction: column; overflow-y: clip; max-height: 300px; justify-content: center; align-items: center; color: white; position: relative; margin-bottom: 20px; width: 100%; } .wi-video .bg-img-container .play-btn { position: absolute; left: -1rem; padding: 0.5625rem 0.875rem; z-index: 1; top: 2rem; } @media (max-width: 991px) { .wi-video .bg-img-container .play-btn { left: -0.375rem; top: 1rem; } } .wi-video .bg-img-container i { z-index: 2; } .wi-video .bg-img-container::before { transition: background-color 0.15s ease-in; z-index: 1; content: ""; position: absolute; width: 100%; height: 100%; } .wi-video .bg-img-container:hover::before { background-color: rgba(0, 0, 0, 0.25); } @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-rgba-3); } .wi-accordion .accordion-item .accordion-header .accordion-button { font-size: inherit; font-weight: 700; color: inherit; padding: 1.25rem 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: 500; font-family: "Font Awesome 6 Sharp"; } .wi-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) { padding-bottom: 0.75rem; } .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; font-weight: 500; font-family: "Font Awesome 6 Sharp"; } .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 1.25rem 0; } @charset "UTF-8"; /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-content-tabs { --bs-gutter-x: 2.5rem; } @media (max-width: 991px) { .wi-content-tabs { display: none; } } .wi-content-tabs ul.content-tabs { gap: 0.75rem; flex-direction: column; border-bottom: unset; } .wi-content-tabs ul.content-tabs li.nav-item button.nav-link { text-align: left; width: 100%; border: none; border-radius: var(--border-radius); padding: 0.75rem 1.625rem; font-size: 1rem; font-weight: 600; box-shadow: var(--box-shadow); background-color: var(--light); color: var(--quaternary); transition: var(--transition); } .wi-content-tabs ul.content-tabs li.nav-item button.nav-link.active { background-color: var(--quaternary); color: var(--light); } .wi-content-tabs ul.content-tabs li.nav-item button.nav-link:hover:not(.active) { background-color: var(--senary); color: var(--light); } .wi-content-tabs .content-tabs-panes { background: transparent; } .wi-content-tabs .content-tabs-panes .tab-pane { border: 0; border-radius: 0; } @media (min-width: 992px) { .wi-content-tabs-accordion { display: none; } } .wi-content-tabs-accordion .accordion-item { border: none; background-color: transparent; } .wi-content-tabs-accordion .accordion-item .accordion-header .accordion-button { font-size: 1rem; font-weight: 600; color: var(--light); box-shadow: var(--box-shadow); background-color: var(--quaternary); padding: 0.75rem 1.625rem; border-radius: var(--border-radius); justify-content: space-between; gap: 0.62rem; transition: var(--transition); } .wi-content-tabs-accordion .accordion-item .accordion-header .accordion-button.collapsed { background-color: var(--light); 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: inherit; 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:not(:last-of-type) { margin-bottom: 0.75rem; } .wi-content-tabs-accordion .accordion-item:last-of-type { border-bottom: 0; } .wi-content-tabs-accordion .accordion-item .accordion-body { padding: 1.875rem 0; background: transparent; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// 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: 0; } .cl-reviews-slider-2 .review-box { width: 16.875rem; position: relative; padding: 1rem; margin-right: 1.88rem; background: var(--gray); color: var(--dark); } .cl-reviews-slider-2 .review-box .name { font-size: 1.125rem; text-transform: capitalize; font-family: var(--font-primary); color: var(--tertiary); line-height: 1.8; font-weight: 500; } .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; } /* 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 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .coupon { height: 100%; padding: 1.875rem 1.5rem; background: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23FFE636' stroke-width='4' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e"); } @media (max-width: 992px) { .coupon { padding: 1.25rem; } } .coupon .amount { color: var(--primary); margin-bottom: 0.5rem; } .coupon .name { color: var(--tertiary); margin-bottom: 0.875rem; } .coupon .expiration { font-size: 0.875rem; color: var(--tertiary); margin-bottom: 0; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .img-tile-name-tag { flex-direction: column; position: absolute; padding: 0.5625rem 1.125rem; bottom: 3.125rem; left: 0; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-team-slider-1 .wi-img-card { color: var(--light); text-align: center; } .wi-team-slider-1 .wi-img-card .img { aspect-ratio: 1; margin-bottom: 0; } .wi-team-slider-1 .wi-img-card .content { padding: 0.875rem 1.125rem; } .wi-team-slider-1 .wi-img-card .content .heading { margin-bottom: 0rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ @media (max-width: 991px) { .wi-company-faqs-well-1 { --bs-gutter-x: 0; } } .wi-company-faqs-well-1 .row { --bs-gutter-x: 2.5rem; } @media (max-width: 991px) { .wi-company-faqs-well-1 .row .well { padding: 3.125rem 0.75rem; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-cta-box { --well-desktop-padding: 3.75rem 2.5rem; --well-mobile-padding: 3.75rem 1.25rem; } .wi-cta-box:has(.inlay-logo) { --well-desktop-padding: 4.5rem 2.5rem; } @media (max-width: 991px) { .wi-cta-box:has(.inlay-logo) { --well-mobile-padding: 3.75rem 1.25rem 0 1.25rem; } } @media (max-width: 767px) { .wi-cta-box { --well-mobile-padding: 3.75rem .75rem; } } @media (max-width: 767px) { .wi-cta-box .container-fluid { --bs-gutter-x: 0; } } .wi-cta-box .container-fluid .headings { display: flex; flex-direction: column; gap: 1.75rem; margin-bottom: 2.5rem; } .wi-cta-box .container-fluid .headings .heading { margin-bottom: 0; } .wi-cta-box .container-fluid .headings .sub { font-size: 1.6875rem; font-weight: 500; color: var(--septenary-rgba-6); margin-bottom: 0; } .wi-cta-box .container-fluid .inlay-logo { position: absolute; width: 75%; height: 100%; top: 0; right: -3.75rem; } @media (max-width: 991px) { .wi-cta-box .container-fluid .inlay-logo { --bs-gutter-x: 0; position: relative; width: 100%; top: 0; bottom: 0; right: 0; left: 0; margin-top: 0.84rem; } } .wi-cta-box .container-fluid .inlay-logo .logo { opacity: 0.1; } @media (max-width: 991px) { .wi-cta-box .container-fluid .inlay-logo .logo { position: relative; width: 105%; left: -2.5%; } } .wi-cta-box .container-fluid .btns-col { align-items: center; } @media (max-width: 991px) { .wi-cta-box .container-fluid .btns-col { --bs-gutter-y: 1.875rem; } } .wi-cta-box .container-fluid .contained-logo { display: flex; } @media (min-width: 991px) { .wi-cta-box .container-fluid .contained-logo { justify-content: flex-end; } } .wi-cta-box .container-fluid .contained-logo .logo { height: 4.375rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-subnav-img-card-1 { --bs-gutter-x: 2.5rem; --bs-gutter-y: 2.5rem; } .wi-subnav-img-card-1 .wi-img-card .img { object-position: 50% 70%; margin-bottom: 0; } .wi-subnav-img-card-1 .wi-img-card .content { display: flex; flex-direction: column; height: 100%; padding: 1.875rem 1.25rem; background: var(--background-color); } @media (min-width: 991px) { .wi-subnav-img-card-1 .wi-img-card .content { padding: 2.5rem 2.25rem; } } .wi-subnav-img-card-1 .wi-img-card .content .page { height: 100%; } @media (min-width: 991px) { .wi-subnav-img-card-1 .wi-img-card .content .page { min-height: 500px; } } .wi-subnav-img-card-1 .wi-img-card .content .page .title { color: var(--light); } @media (min-width: 1199px) { .wi-subnav-img-card-1 .wi-img-card .content .page .title { width: 75%; } } .wi-subnav-img-card-1 .wi-img-card .content .page .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-bg-img-cta { position: relative; box-shadow: var(--box-shadow); border-radius: var(--border-radius); } .wi-bg-img-cta .img { position: absolute; width: 100%; height: 100%; object-fit: cover; z-index: 1; } @media (max-width: 991px) { .wi-bg-img-cta .img { left: 0; width: 100%; } } .wi-bg-img-cta .overlay { position: absolute; width: 100%; height: 100%; background: linear-gradient(270deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.6) 100%); z-index: 2; } @media (max-width: 991px) { .wi-bg-img-cta .overlay { background: rgba(0, 0, 0, 0.6); } } .wi-bg-img-cta .content-wrapper { position: relative; z-index: 3; color: var(--light); padding: 5.72rem 2.5rem; } @media (max-width: 991px) { .wi-bg-img-cta .content-wrapper { padding: 5.44rem 1.25rem; } } @media (min-width: 992px) { .wi-bg-img-cta .content-wrapper { width: 50%; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ @media (min-width: 992px) { .wi-content-img .row { --bs-gutter-x: 2.5rem; } } @media (max-width: 992px) { .wi-content-img .row { gap: 1.875rem; } } @media (min-width: 991px) { .wi-content-img .row .content-col .content { padding: 1.25rem 0rem; } } .wi-content-img .row .content-col .content .headings { margin-bottom: 1.25rem; } .wi-content-img .row .content-col .content .headings .icon { height: 2.8125rem; margin-bottom: 0.25rem; } .wi-content-img .row .content-col .content .headings .icon.icon-small { height: 2.1875rem; } .wi-content-img .row .content-col .content .headings .heading { color: var(--tertiary); } .wi-content-img .row .content-col .content .headings .heading.heading:has(+ .sub) { margin-bottom: 0.25rem; } .wi-content-img .row .content-col .content .headings .sub { margin-bottom: 0; } .wi-content-img .row .img-col .img { height: 100%; width: 100%; position: relative; overflow: hidden; } @media (max-width: 991px) { .wi-content-img .row .img-col .img { height: 17.1875rem; } } .wi-content-img .row .img-col .img img { height: 100%; width: 100%; position: absolute; top: 0; left: 0; object-fit: cover; } @media (min-width: 992px) { .wi-content-img:not(.img-left-1) .img-col { order: 2; } .wi-content-img:not(.img-left-1) .content-col { order: 1; } } @media (max-width: 992px) { .wi-content-img.img-bottom-1 .img-col { order: 2; } .wi-content-img.img-bottom-1 .content-col { order: 1; } } @media (min-width: 992px) { .wi-content-img.img-contain-1 .img-col .img img { height: unset !important; } } .wi-content-img.img-contain-1 .content-col .content { padding: 0; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-newsletter-cta-box .well { padding: 3.125rem 1.25rem; } @media (min-width: 991px) { .wi-newsletter-cta-box .well { padding: 3.75rem; } } .wi-newsletter-cta-box .well .row { justify-content: center; align-items: flex-end; } .wi-newsletter-cta-box .well .row .content { display: inline-flex; gap: 1rem; } @media (min-width: 991px) { .wi-newsletter-cta-box .well .row .content { gap: 1.875rem; } } .wi-newsletter-cta-box .well .row .content .icon { height: 5rem; } @media (min-width: 991px) { .wi-newsletter-cta-box .well .row .content .icon { height: 7.125rem; } } .wi-newsletter-cta-box .well .row .form-col { --bs-gutter-y: 1.875rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-top-bar { position: relative; z-index: 2; margin-top: 0px; padding: 0.75rem 0; transition: var(--transition); } .wi-top-bar .headline { color: var(--light); margin-bottom: 0.25rem; font-family: var(--font-primary); font-size: 1.125rem; font-style: normal; font-weight: 700; line-height: normal; text-align: center; } .wi-top-bar i.close-button { color: white; opacity: 0.8; position: absolute; right: 20px; top: 0; transition: var(--transition); } @media (max-width: 991px) { .wi-top-bar i.close-button { top: -7px; right: 7px; } } .wi-top-bar i.close-button:hover { opacity: 1; cursor: pointer; } .wi-top-bar.expandable-yes .expandable-header { display: flex; align-items: center; justify-content: center; color: var(--light); } .wi-top-bar.expandable-yes .expandable-header:hover { cursor: pointer; } .wi-top-bar.expandable-yes .expandable-header .text { font-size: 1rem; font-weight: 600; line-height: normal; } .wi-top-bar.expandable-yes .expandable-header .expand-icon { font-size: 75%; margin-left: 0.375rem; transition: all 0.3s ease-in; } .wi-top-bar.expandable-yes .expanded-content { position: absolute; left: 0; top: var(--top-bar); background: var(--light); padding-top: 0; padding-bottom: 0; width: 100%; overflow: hidden; max-height: 0; transition: all 0.3s ease-in; } .wi-top-bar.expandable-yes.expanded { z-index: 1000; } .wi-top-bar.expandable-yes.expanded .expandable-header .expand-icon { transform: scaleY(-1); } .wi-top-bar.expandable-yes.expanded .expanded-content { max-height: 100vh; padding-top: 2.5rem; padding-bottom: 2.5rem; } @media (max-width: 991px) { .wi-top-bar.expandable-yes.expanded .expanded-content { padding-top: 1.5rem; padding-bottom: 1.5rem; } } body.scrolled .wi-top-bar { margin-top: calc(var(--top-bar, 0px) * -1); } body:has(.wi-top-bar) footer { position: relative; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ hr.separator { height: 2px; opacity: 1; width: calc(var(--separator-mobile-width) * 1%); margin-top: 1.875rem; margin-bottom: 1.875rem; } @media (min-width: 991px) { hr.separator { width: calc(var(--separator-desktop-width) * 1%); } hr.separator.desktop-start { margin-left: 0; } hr.separator.desktop-end { margin-right: 0; } } @media (max-width: 991px) { hr.separator.mobile-start { margin-left: 0; } hr.separator.mobile-end { margin-right: 0; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-pillar-hero { background: var(--bg-color); color: var(--light); } .wi-pillar-hero.bg-color-primary { --bg-color: var(--primary) !important; } .wi-pillar-hero.bg-color-secondary { --bg-color: var(--secondary) !important; } .wi-pillar-hero.bg-color-tertiary { --bg-color: var(--tertiary) !important; } .wi-pillar-hero.bg-color-quaternary { --bg-color: var(--quaternary) !important; } .wi-pillar-hero.bg-color-quinary { --bg-color: var(--quinary) !important; } .wi-pillar-hero.bg-color-senary { --bg-color: var(--senary) !important; } .wi-pillar-hero.bg-color-septenary { --bg-color: var(--septenary) !important; } .wi-pillar-hero.bg-color-light { --bg-color: var(--light) !important; } .wi-pillar-hero.bg-color-gray { --bg-color: var(--gray) !important; } .wi-pillar-hero.bg-color-dark { --bg-color: var(--dark) !important; } .wi-pillar-hero.bg-color-dark-gray { --bg-color: var(--dark-gray) !important; } @media (max-width: 991px) { .wi-pillar-hero { --section-unit: 3.125rem; } } @media (min-width: 992px) { .wi-pillar-hero .img { position: absolute; right: 0; top: var(--nav-desktop-height); height: calc(100% - var(--nav-desktop-height)); width: 40%; } } @media (max-width: 991px) { .wi-pillar-hero .img { position: relative; top: calc(-1 * var(--section-unit)); height: 16.375rem; width: 100%; } } .wi-pillar-hero .img img:not(.badge) { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .wi-pillar-hero .img .badge { position: absolute; height: 6.25rem; right: 1.1875rem; bottom: 1.1875rem; } @media (max-width: 992px) { .wi-pillar-hero .img .badge { height: 5rem; right: 0.7rem; bottom: 0.7rem; } } @media (min-width: 992px) { .wi-pillar-hero .row { min-height: 25rem; align-items: center; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// 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 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .underline-link { font-weight: 600; } .underline-link i { font-size: 75%; } .underline-link.icon-left-1 > span .text { order: 2; } .underline-link.icon-left-1 > span i { order: 1; } .underline-primary { display: inline-flex; gap: 0.5rem; align-items: baseline; line-height: 160%; border-bottom: 1px solid var(--primary) !important; } .underline-secondary { display: inline-flex; gap: 0.5rem; align-items: baseline; line-height: 160%; border-bottom: 1px solid var(--secondary) !important; } .underline-tertiary { display: inline-flex; gap: 0.5rem; align-items: baseline; line-height: 160%; border-bottom: 1px solid var(--tertiary) !important; } .underline-quaternary { display: inline-flex; gap: 0.5rem; align-items: baseline; line-height: 160%; border-bottom: 1px solid var(--quaternary) !important; } .underline-quinary { display: inline-flex; gap: 0.5rem; align-items: baseline; line-height: 160%; border-bottom: 1px solid var(--quinary) !important; } .underline-senary { display: inline-flex; gap: 0.5rem; align-items: baseline; line-height: 160%; border-bottom: 1px solid var(--senary) !important; } .underline-septenary { display: inline-flex; gap: 0.5rem; align-items: baseline; line-height: 160%; border-bottom: 1px solid var(--septenary) !important; } .underline-light { display: inline-flex; gap: 0.5rem; align-items: baseline; line-height: 160%; border-bottom: 1px solid var(--light) !important; } .underline-gray { display: inline-flex; gap: 0.5rem; align-items: baseline; line-height: 160%; border-bottom: 1px solid var(--gray) !important; } .underline-dark { display: inline-flex; gap: 0.5rem; align-items: baseline; line-height: 160%; border-bottom: 1px solid var(--dark) !important; } .underline-dark-gray { display: inline-flex; gap: 0.5rem; align-items: baseline; line-height: 160%; border-bottom: 1px solid var(--dark-gray) !important; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-mega-desktop-dropdown { --bs-gutter-y: 1.875rem; justify-content: center; } .wi-mega-desktop-dropdown ul { list-style: none; } .wi-mega-desktop-dropdown ul li a { color: var(--dark); transition: var(--transition); font-size: 1rem; font-weight: 600; line-height: normal; } .wi-mega-desktop-dropdown .page { display: flex; flex-direction: column; gap: 1.25rem; color: var(--secondary); transition: var(--transition); } .wi-mega-desktop-dropdown .page:hover { color: var(--senary); } .wi-mega-desktop-dropdown .page:hover .img { box-shadow: var(--box-shadow); } .wi-mega-desktop-dropdown .page .img { border-radius: var(--border-radius); position: relative; height: 12.5rem; width: 100%; overflow: hidden; transition: var(--transition); } .wi-mega-desktop-dropdown .page .img img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; } .wi-mega-desktop-dropdown .page .name { font-family: var(--font-primary); font-size: 1.25rem; font-weight: 900; letter-spacing: 0.0375rem; text-transform: uppercase; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-mega-content { width: 100%; } @media (max-width: 991px) { .wi-mega-content { display: none; } } .wi-mega-content .desktop { padding: 2.5rem 0; box-shadow: var(--header-box-shadow-inset); } @media (min-width: 991px) { .wi-mega-content .desktop .row { --bs-gutter-x: 2.5rem; } } .wi-mega-content .desktop .header { color: var(--primary); font-size: 1.25rem; font-weight: 600; line-height: 160%; letter-spacing: 0.125rem; text-transform: uppercase; transition: var(--transition); } .wi-mega-content .desktop .header:hover { color: var(--secondary); } .wi-mega-content .main-link { background: var(--gray); color: var(--primary) !important; display: flex; align-items: center; justify-content: center !important; gap: 0.5rem; padding: 0.75rem 1.625rem !important; font-family: var(--font-primary); font-size: 1rem; font-weight: 600; line-height: 1.5; transition: var(--transition); } .wi-mega-content .main-link i { font-size: 71%; line-height: 1; } .wi-mega-content .main-link:hover { background: var(--primary); color: var(--light) !important; } @media (min-width: 992px) { .wi-mega-content .mobile { display: none; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-mega-nav-group { gap: 1.5rem; } .wi-mega-nav-group .header { padding: 0 !important; margin-bottom: 1.25rem; justify-content: unset !important; } .wi-mega-nav-group .nav-group { gap: 1.5rem; } .wi-mega-nav-group .col a { color: var(--dark) !important; font-size: 1rem; font-weight: 500; padding: 0 !important; line-height: 160% !important; transition: var(--transition); } .wi-mega-nav-group .col a:hover { color: var(--primary) !important; } .wi-mega-nav-group .img img { height: 13rem; object-fit: cover; width: 100%; } .wi-mega-nav-group .columns-1 { display: grid; grid-template-columns: auto; } .wi-mega-nav-group .columns-2 { display: grid; grid-template-columns: auto auto; } .wi-mega-nav-group .columns-3 { display: grid; grid-template-columns: auto auto auto; } .wi-mega-nav-group ul li { border: none !important; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .subnav-img { width: 100%; } .subnav-img a { padding: 0 !important; display: block !important; } .subnav-img a img { object-fit: cover; width: 100%; height: 13rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-secondary-pillar-hero { background: var(--bg-color); color: var(--light); } .wi-secondary-pillar-hero.bg-color-primary { --bg-color: var(--primary) !important; } .wi-secondary-pillar-hero.bg-color-secondary { --bg-color: var(--secondary) !important; } .wi-secondary-pillar-hero.bg-color-tertiary { --bg-color: var(--tertiary) !important; } .wi-secondary-pillar-hero.bg-color-quaternary { --bg-color: var(--quaternary) !important; } .wi-secondary-pillar-hero.bg-color-quinary { --bg-color: var(--quinary) !important; } .wi-secondary-pillar-hero.bg-color-senary { --bg-color: var(--senary) !important; } .wi-secondary-pillar-hero.bg-color-septenary { --bg-color: var(--septenary) !important; } .wi-secondary-pillar-hero.bg-color-light { --bg-color: var(--light) !important; } .wi-secondary-pillar-hero.bg-color-gray { --bg-color: var(--gray) !important; } .wi-secondary-pillar-hero.bg-color-dark { --bg-color: var(--dark) !important; } .wi-secondary-pillar-hero.bg-color-dark-gray { --bg-color: var(--dark-gray) !important; } @media (max-width: 991px) { .wi-secondary-pillar-hero { --section-unit: 2.25rem; padding-bottom: 0; } } @media (min-width: 992px) { .wi-secondary-pillar-hero .img { position: absolute; left: 0; top: 0; height: 100%; width: 70%; } } @media (max-width: 991px) { .wi-secondary-pillar-hero .img { position: relative; top: calc(-1 * var(--section-unit)); height: 16.375rem; width: 100%; } } .wi-secondary-pillar-hero .img .overlay { position: absolute; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.55) 100%); z-index: 1; } @media (max-width: 991px) { .wi-secondary-pillar-hero .img .overlay { display: none; } } .wi-secondary-pillar-hero .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } @media (max-width: 991px) { .wi-secondary-pillar-hero .container .row { gap: 9.5rem; } } @media (max-width: 991px) { .wi-secondary-pillar-hero .container .row .content { color: var(--tertiary); } } .wi-secondary-pillar-hero .container .row .content .description { margin-bottom: 2.25rem; } @media (min-width: 992px) { .wi-secondary-pillar-hero .row { min-height: 25rem; align-items: center; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-sliding > .container > .row { margin-bottom: 1.875rem; } .wi-sliding > .container > .row .heading { color: var(--tertiary); margin-bottom: 0; } @charset "UTF-8"; /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* .icon-list */ ul.wi-icon-list { margin: 0 0 0 0; padding: 0; --content: ""; } ul.wi-icon-list.icon-color-primary { --icon-color: var(--primary) !important; } ul.wi-icon-list.icon-color-secondary { --icon-color: var(--secondary) !important; } ul.wi-icon-list.icon-color-tertiary { --icon-color: var(--tertiary) !important; } ul.wi-icon-list.icon-color-quaternary { --icon-color: var(--quaternary) !important; } ul.wi-icon-list.icon-color-quinary { --icon-color: var(--quinary) !important; } ul.wi-icon-list.icon-color-senary { --icon-color: var(--senary) !important; } ul.wi-icon-list.icon-color-septenary { --icon-color: var(--septenary) !important; } ul.wi-icon-list.icon-color-light { --icon-color: var(--light) !important; } ul.wi-icon-list.icon-color-gray { --icon-color: var(--gray) !important; } ul.wi-icon-list.icon-color-dark { --icon-color: var(--dark) !important; } ul.wi-icon-list.icon-color-dark-gray { --icon-color: var(--dark-gray) !important; } ul.wi-icon-list:not(:last-child) { margin-bottom: var(--p-margin-bottom); } ul.wi-icon-list li { position: relative; list-style-type: none; margin-top: 1.5rem; display: flex; align-items: flex-start; gap: 0.62rem; } ul.wi-icon-list li:after { font-family: "Font Awesome 6 Sharp"; content: var(--content); font-style: normal; text-decoration: inherit; font-size: 1.25rem; color: var(--icon-color); order: 1; } ul.wi-icon-list li > div { order: 2; font-size: 1rem; font-weight: 400; line-height: 1.6; } ul.wi-icon-list.list-arrow-circle { --content: ""; } ul.wi-icon-list.list-checkmark { --content: ""; } ul.wi-icon-list.list-circle-check { --content: ""; } ul.wi-icon-list.list-circle-check li:after { font-weight: 900; } ul.wi-icon-list.list-bullet { --content: ""; line-height: 1.75; } ul.wi-icon-list.list-bullet li div { line-height: 1; } ul.wi-icon-list.list-bullet li:after { font-size: 0.625rem; font-weight: 900; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-pricing-plan-card-1 { --bs-gutter-y: 1.875rem; --bs-gutter-x: 1.875rem; } .wi-pricing-plan-card-1 .item { padding: 1.875rem; background: var(--gray); color: var(--dark); height: 100%; position: relative; overflow: hidden; } @media (max-width: 991px) { .wi-pricing-plan-card-1 .item { padding: 1.5rem 1.25rem; } } .wi-pricing-plan-card-1 .item.popular-1 { color: var(--light); background: var(--quaternary); } .wi-pricing-plan-card-1 .item.popular-1 .name { color: var(--light); } .wi-pricing-plan-card-1 .item.popular-1 .subname, .wi-pricing-plan-card-1 .item.popular-1 .before-price { color: var(--light-rgba-8); } .wi-pricing-plan-card-1 .item.popular-1 .price { color: var(--light); } .wi-pricing-plan-card-1 .item.popular-1 .price .recurring { color: var(--light); } .wi-pricing-plan-card-1 .item.popular-1 .popular-banner { transform: rotate(45deg); background: var(--primary); padding: 0.5rem 0.625rem; font-size: 0.75rem; font-style: normal; font-weight: 600; line-height: 160%; letter-spacing: 0.075rem; text-transform: uppercase; text-align: center; position: absolute; right: -30px; top: 10px; width: 7rem; } .wi-pricing-plan-card-1 .item:not(.popular-1) .popular-banner { display: none; } .wi-pricing-plan-card-1 .item hr { background-color: rgba(153, 153, 153, 0.4); opacity: 1; } .wi-pricing-plan-card-1 .item .icon { width: auto; height: 2.8125rem; margin-bottom: 0.5rem; } .wi-pricing-plan-card-1 .item .name { color: var(--tertiary); margin-bottom: 0.5rem; } .wi-pricing-plan-card-1 .item .subname, .wi-pricing-plan-card-1 .item .before-price, .wi-pricing-plan-card-1 .item .recurring { color: var(--dark); font-size: 1rem; font-style: normal; font-weight: 600; line-height: 160%; /* 1.6rem */ letter-spacing: 0.1rem; text-transform: uppercase; } .wi-pricing-plan-card-1 .item .price { color: var(--tertiary); } .wi-pricing-plan-card-1 .item .price h4 { display: inline; margin-bottom: 0; } .wi-pricing-plan-card-1 .item .price .recurring { color: var(--tertiary); } .wi-pricing-plan-card-1 .item .disclaimer { font-size: 0.875rem; font-style: normal; font-weight: 400; line-height: 160%; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-pricing-plan-card-2 { --bs-gutter-y: 1.875rem; } .wi-pricing-plan-card-2 .item { display: flex; flex-direction: column; height: 100%; border-radius: var(--border-radius); overflow: hidden; } .wi-pricing-plan-card-2 .item .img { height: 21.875rem; width: 100%; position: relative; } @media (max-width: 767px) { .wi-pricing-plan-card-2 .item .img { height: 18rem; } } .wi-pricing-plan-card-2 .item .img img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; } .wi-pricing-plan-card-2 .item .details { background: var(--septenary); padding: 2.5rem 2.25rem; flex-grow: 1; } @media (max-width: 991px) { .wi-pricing-plan-card-2 .item .details { padding: 1.75rem 1.25rem; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-subnav-img-2 .page { display: flex; flex-direction: column; gap: 1.25rem; } .wi-subnav-img-2 .page .img { width: 100%; height: 11.25rem; position: relative; overflow: hidden; transition: var(--transition); } .wi-subnav-img-2 .page .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; object-position: center; } .wi-subnav-img-2 .page .name { font-size: 1.25rem; font-style: normal; font-weight: 600; line-height: 160%; /* 2rem */ letter-spacing: 0.125rem; text-transform: uppercase; color: var(--dark); transition: var(--transition); display: inline-flex; align-items: baseline; gap: 0.62rem; } .wi-subnav-img-2 .page .name i { line-height: 2rem; font-size: 1rem; } .wi-subnav-img-2 .page:hover .img { box-shadow: var(--box-shadow); } .wi-subnav-img-2 .page:hover .name { color: var(--primary); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-content-sliding-cards { background: var(--bg-color); } .wi-content-sliding-cards.bg-color-primary { --bg-color: var(--primary) !important; } .wi-content-sliding-cards.bg-color-secondary { --bg-color: var(--secondary) !important; } .wi-content-sliding-cards.bg-color-tertiary { --bg-color: var(--tertiary) !important; } .wi-content-sliding-cards.bg-color-quaternary { --bg-color: var(--quaternary) !important; } .wi-content-sliding-cards.bg-color-quinary { --bg-color: var(--quinary) !important; } .wi-content-sliding-cards.bg-color-senary { --bg-color: var(--senary) !important; } .wi-content-sliding-cards.bg-color-septenary { --bg-color: var(--septenary) !important; } .wi-content-sliding-cards.bg-color-light { --bg-color: var(--light) !important; } .wi-content-sliding-cards.bg-color-gray { --bg-color: var(--gray) !important; } .wi-content-sliding-cards.bg-color-dark { --bg-color: var(--dark) !important; } .wi-content-sliding-cards.bg-color-dark-gray { --bg-color: var(--dark-gray) !important; } @media (min-width: 991px) { .wi-content-sliding-cards .container > .row { --bs-gutter-x: 2.5rem; --bs-gutter-y: 2.25rem; } } @media (max-width: 991px) { .wi-content-sliding-cards .container > .row { gap: 2.25rem; } } .wi-content-sliding-cards .container > .row .heading { color: var(--tertiary); margin-bottom: 1.25rem; } .wi-content-sliding-cards .container > .row .content { color: var(--tertiary); } @media (min-width: 991px) { .wi-content-sliding-cards .container > .row .content { margin-bottom: 1.875rem; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-primary-cluster-hero { --section-unit: 3.12rem; background: var(--bg-color); } .wi-primary-cluster-hero.bg-color-primary { --bg-color: var(--primary) !important; } .wi-primary-cluster-hero.bg-color-secondary { --bg-color: var(--secondary) !important; } .wi-primary-cluster-hero.bg-color-tertiary { --bg-color: var(--tertiary) !important; } .wi-primary-cluster-hero.bg-color-quaternary { --bg-color: var(--quaternary) !important; } .wi-primary-cluster-hero.bg-color-quinary { --bg-color: var(--quinary) !important; } .wi-primary-cluster-hero.bg-color-senary { --bg-color: var(--senary) !important; } .wi-primary-cluster-hero.bg-color-septenary { --bg-color: var(--septenary) !important; } .wi-primary-cluster-hero.bg-color-light { --bg-color: var(--light) !important; } .wi-primary-cluster-hero.bg-color-gray { --bg-color: var(--gray) !important; } .wi-primary-cluster-hero.bg-color-dark { --bg-color: var(--dark) !important; } .wi-primary-cluster-hero.bg-color-dark-gray { --bg-color: var(--dark-gray) !important; } @media (min-width: 992px) { .wi-primary-cluster-hero .container-fluid { padding-left: 3.12rem; padding-right: 3.12rem; } } .wi-primary-cluster-hero .row { --bs-gutter-x: 2.5rem; --bs-gutter-y: 1.875rem; } .wi-primary-cluster-hero .row .img { height: 100%; min-height: 28.125rem; width: 100%; box-shadow: var(--box-shadow); overflow: hidden; position: relative; } @media (max-width: 991px) { .wi-primary-cluster-hero .row .img { min-height: 22rem; } } @media (max-width: 575px) { .wi-primary-cluster-hero .row .img { min-height: 15.625rem; } } .wi-primary-cluster-hero .row .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; } .wi-primary-cluster-hero .row .content { height: 100%; display: flex; flex-direction: column; justify-content: center; } .wi-primary-cluster-hero .row .content .breadcrumb-wrapper { margin-bottom: 0.5rem; } @media (max-width: 991px) { .wi-primary-cluster-hero .row .content .breadcrumb-wrapper { display: none; } } .wi-primary-cluster-hero .row .content .heading { color: var(--tertiary); margin-bottom: 1.5rem; } .wi-primary-cluster-hero .row .content .description { font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 160%; /* 1.8rem */ margin-bottom: 2.25rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .section-hero-booking { background: var(--bg-color); padding-top: calc(var(--nav-desktop-height) + var(--nav-tert-height) + var(--top-bar, 0px) + 3.12rem) !important; padding-bottom: 0rem; } .section-hero-booking.bg-color-primary { --bg-color: var(--primary) !important; } .section-hero-booking.bg-color-secondary { --bg-color: var(--secondary) !important; } .section-hero-booking.bg-color-tertiary { --bg-color: var(--tertiary) !important; } .section-hero-booking.bg-color-quaternary { --bg-color: var(--quaternary) !important; } .section-hero-booking.bg-color-quinary { --bg-color: var(--quinary) !important; } .section-hero-booking.bg-color-senary { --bg-color: var(--senary) !important; } .section-hero-booking.bg-color-septenary { --bg-color: var(--septenary) !important; } .section-hero-booking.bg-color-light { --bg-color: var(--light) !important; } .section-hero-booking.bg-color-gray { --bg-color: var(--gray) !important; } .section-hero-booking.bg-color-dark { --bg-color: var(--dark) !important; } .section-hero-booking.bg-color-dark-gray { --bg-color: var(--dark-gray) !important; } .section-hero-booking.bg-color-tertiary, .section-hero-booking.bg-color-quaternary, .section-hero-booking.bg-color-quinary { color: var(--light); } @media (min-width: 992px) { .section-hero-booking { padding-top: calc(var(--nav-desktop-height) + var(--nav-tert-height) + var(--top-bar, 0px) + 3.75rem) !important; padding-bottom: 3.75rem; } } .section-hero-booking .content-col { padding-bottom: 3.12rem; } @media (min-width: 992px) { .section-hero-booking .content-col { padding-bottom: 0px; } } .section-hero-booking .content-col .description { margin-bottom: 2.25rem; } .section-hero-booking .calendar-col { display: flex; justify-content: center; } .section-hero-booking .calendar-col .wi-booking-calendar { margin-bottom: -292px; max-width: 22.0625rem; } @media (min-width: 992px) { .section-hero-booking .calendar-col .wi-booking-calendar { margin-bottom: unset; max-width: unset; } } .section-hero-booking + .section-hero-booking-followup { width: 100%; height: 292px; background: var(--light); } @media (min-width: 992px) { .section-hero-booking + .section-hero-booking-followup { display: none; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .cl-reviews-full-3 { --bs-gutter-x: 1.875rem; } @media (max-width: 991px) { .cl-reviews-full-3 { --bs-gutter-x: 1.75rem; } } .cl-reviews-full-3 > .col-12.needs-expanding.expanded { max-height: 100000px; } .cl-reviews-full-3 > .col-12.needs-expanding.expanded .expand-btn { display: none; } .cl-reviews-full-3 > .col-12.needs-expanding:not(.expanded) { max-height: 900px; overflow: hidden; transition: var(--transition); } .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.needs-expanding .expand-btn { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; z-index: 2; } .cl-reviews-full-3 > .col-12:not(.needs-expanding) .expand-btn { display: none; } .cl-reviews-full-3 > .col-12 .reviews-list { column-count: 1; column-gap: var(--bs-gutter-x); position: relative; } @media (min-width: 768px) { .cl-reviews-full-3 > .col-12 .reviews-list { column-count: 2; } } @media (min-width: 992px) { .cl-reviews-full-3 > .col-12 .reviews-list { column-count: 3; } } .cl-reviews-full-3 > .col-12 .reviews-list .review { break-inside: avoid-column; padding: 1.25rem; border-radius: var(--border-radius); background: var(--gray); margin-bottom: var(--bs-gutter-x); } @media (max-width: 991px) { .cl-reviews-full-3 > .col-12 .reviews-list .review { padding: 1.25rem; } } .cl-reviews-full-3 > .col-12 .reviews-list .review .stars { font-size: 1.125rem; display: flex; gap: 0.12rem; margin-bottom: 0.25rem; color: var(--secondary); } .cl-reviews-full-3 > .col-12 .reviews-list .review .name { font-family: var(--font-primary); color: var(--tertiary); font-size: 1.125rem; font-weight: 500; line-height: 1.6; } .cl-reviews-full-3 > .col-12 .reviews-list .review .date-source { color: var(--dark); font-family: var(--font-secondary); font-size: 0.75rem; font-weight: 400; line-height: 1.6; letter-spacing: 0.075rem; text-transform: uppercase; margin-bottom: 0.5rem; } .cl-reviews-full-3 > .col-12 .reviews-list .review .review-wrapper { position: relative; } .cl-reviews-full-3 > .col-12 .reviews-list .review .review-wrapper .review-content { line-height: 1.6; font-size: 0.875rem; font-weight: 400; } .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); } @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.12rem; margin-bottom: 2.5rem; } .bl-filter-search .all-topics-btn { line-height: 1.4; } .bl-filter-search .filter-select { position: relative; } .bl-filter-search .filter-select select { border-radius: var(--border-radius); border: 1px solid var(--primary); padding: 0.62rem; color: var(--dark); font-family: var(--font-secondary); font-size: 1rem; font-style: normal; font-weight: 600; 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(--primary); padding: 0.62rem; color: var(--dark); font-family: var(--font-secondary); font-size: 1rem; font-style: normal; font-weight: 600; line-height: 1.6; } .bl-filter-search .search .input-group .form-control::placeholder { color: var(--dark); font-family: var(--font-secondary); font-size: 1rem; font-style: normal; font-weight: 600; 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: 2.5rem; --bs-gutter-x: 2.5rem; justify-content: center; } @media (max-width: 991px) { .bl-posts { --bs-gutter-y: 1.875rem; --bs-gutter-x: 1.875rem; } } .bl-posts .post { display: flex; flex-direction: column; height: 100%; border-radius: var(--border-radius); overflow: hidden; } .bl-posts .post .img { position: relative; width: 100%; height: 12.5rem; } .bl-posts .post .img img { position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0; } .bl-posts .post .details { background: var(--primary-rgba-1); flex-grow: 1; display: flex; flex-direction: column; width: 100%; padding: 1.875rem 1.5rem; } @media (max-width: 991px) { .bl-posts .post .details { padding: 1.75rem 1.25rem; } } .bl-posts .post .details .title { color: var(--tertiary); margin-bottom: 0.31rem; } .bl-posts .post .details .date { font-size: 1rem; font-style: normal; font-weight: 600; line-height: 160%; /* 1.6rem */ letter-spacing: 0.1rem; text-transform: uppercase; margin-bottom: 1rem; } .bl-posts .post .details .short-post { margin-bottom: 1.25rem; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 160%; /* 1.6rem */ } .bl-posts .post .details .tags { display: flex; flex-wrap: wrap; gap: 0.62rem; margin-bottom: 1.25rem; } .bl-posts .post .details .tags .tag { padding: 0.25rem 0.62rem; background: var(--senary); border-radius: 3.125rem; display: inline-block; color: var(--light); font-size: 0.75rem; font-weight: 600; line-height: 1.6; letter-spacing: 0.075rem; text-transform: uppercase; } .bl-posts .post .details .link { flex-grow: 1; display: flex; align-items: flex-end; } .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 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ @media (min-width: 992px) { .bl-post-hero .img { width: 50%; } } @media (min-width: 992px) { .bl-post-hero .row { --bs-gutter-x: 3rem; } } .bl-post-hero .row .heading .date { margin-top: 0.5rem; color: var(--light-rgba-8); font-size: 1rem; font-style: normal; font-weight: 600; line-height: 160%; /* 1.6rem */ letter-spacing: 0.1rem; text-transform: uppercase; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-filters-bar { padding-top: 0; padding-bottom: var(--section-unit); } @media (max-width: 991px) { .wi-filters-bar { padding-bottom: 0; } } .wi-filters-bar .container-fluid { padding: 0; } .wi-filters-bar .container-fluid .filters { display: flex; flex-wrap: wrap; overflow: hidden; gap: 0.08rem; } @media (max-width: 575px) { .wi-filters-bar .container-fluid .filters { border-radius: 0; } } .wi-filters-bar .container-fluid .filters .filter { background: var(--quinary); color: var(--light); transition: var(--transition); font-size: 1rem; font-style: normal; font-weight: 600; line-height: 140%; padding: 1.12rem; display: flex; justify-content: center; align-items: center; flex: 1 0 0%; min-width: 33%; } @media (max-width: 991px) { .wi-filters-bar .container-fluid .filters .filter { min-width: 49%; } } .wi-filters-bar .container-fluid .filters .filter i { font-size: 63%; } .wi-filters-bar .container-fluid .filters .filter:hover { background: var(--primary); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-faqs-grouped-1 { --bs-gutter-x: 2.5rem; --bs-gutter-y: 3.12rem; } @media (max-width: 991px) { .wi-faqs-grouped-1 { --bs-gutter-y: 0; } } .wi-faqs-grouped-1 .img { position: relative; height: 100%; width: 100%; } @media (max-width: 991px) { .wi-faqs-grouped-1 .img { height: 22rem; } } @media (max-width: 575px) { .wi-faqs-grouped-1 .img { height: 17.2rem; } } .wi-faqs-grouped-1 .img img { position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ :root { --primary-dark: #4b7b2b; --primary-75: #96ce71; --primary-50: #b9dea1; --primary-25: #dcefd0; --primary-10: #f1f8ec; --secondary-dark: #a69623; --secondary-75: #ffec68; --secondary-50: #fff39b; --secondary-25: #fff9cd; --secondary-10: #fffdeb; --tertiary-dark: #121b22; --tertiary-75: #555f67; --tertiary-50: #8e949a; --tertiary-25: #c6cacc; --tertiary-10: #e8eaeb; --quaternary-dark: #17250d; --quaternary-75: #5a6b4f; --quaternary-50: #919c8a; --quaternary-25: #c8cec4; --quaternary-10: #e9ebe8; --quinary-dark: #263e15; --quinary-75: #6b8759; --quinary-50: #9daf90; --quinary-25: #ced7c8; --quinary-10: #ebefe9; --senary-dark: #385c21; --senary-75: #80aa65; --senary-50: #abc799; --senary-25: #d5e3cc; --senary-10: #eef4eb; --septenary-dark: #9ca199; --septenary-75: #f4f9f0; --septenary-50: #f8fbf5; --septenary-25: #fbfdfa; --septenary-10: #fefefd; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-team-grid-1 .team-row { --bs-gutter-x: 1.875rem; --bs-gutter-y: 1.875rem; } .wi-team-grid-1 .team-row .wi-img-card { color: var(--light); text-align: center; } .wi-team-grid-1 .team-row .wi-img-card .img { aspect-ratio: 1; margin-bottom: 0; } .wi-team-grid-1 .team-row .wi-img-card .content { padding: 0.875rem 1.125rem; } .wi-team-grid-1 .team-row .wi-img-card .content .heading { margin-bottom: 0rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-location-contact .row { --bs-gutter-y: 1.875rem; } .wi-location-contact .row .contact-col .call-well, .wi-location-contact .row .contact-col .social-well { padding: 1.875rem 1.25rem; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0.875rem; } .wi-location-contact .row .contact-col .call-well .text, .wi-location-contact .row .contact-col .social-well .text { font-size: 1.25rem; font-style: normal; font-weight: 600; line-height: 160%; /* 2rem */ letter-spacing: 0.125rem; text-transform: uppercase; color: var(--quaternary); text-align: center; } .wi-location-contact .row .contact-col .call-well { background: var(--secondary); margin-bottom: var(--bs-gutter-y); transition: var(--transition); } .wi-location-contact .row .contact-col .call-well i { color: var(--quinary); font-size: 2.8125rem; } .wi-location-contact .row .contact-col .call-well:hover { background-color: var(--secondary-hover); box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent); } .wi-location-contact .row .contact-col .social-well { background: var(--septenary); } .wi-location-contact .row .form-col .form-well { --well-desktop-padding: 1.5rem; --well-mobile-padding: 1.5rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// 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-map-full-3 { padding-top: 0; } .wi-map-full-3 > .container-fluid { padding: 0; } .wi-map-full-3 > .container-fluid > .row .search-col .search { background: var(--senary); color: var(--light); padding: 0.75rem; } .wi-map-full-3 > .container-fluid > .row .search-col .search .search-form { display: flex; align-items: center; width: 100%; gap: 0.875rem; } @media (max-width: 991px) { .wi-map-full-3 > .container-fluid > .row .search-col .search .search-form { flex-wrap: wrap; } } .wi-map-full-3 > .container-fluid > .row .search-col .search .search-form .search-input-wrapper { flex-grow: 1; position: relative; } @media (max-width: 991px) { .wi-map-full-3 > .container-fluid > .row .search-col .search .search-form .search-input-wrapper { flex-grow: 0; width: 100%; } } .wi-map-full-3 > .container-fluid > .row .search-col .search .search-form .search-input-wrapper .search-btn { position: absolute; top: 50%; transform: translateY(-50%); right: 1rem; background-color: transparent; border: 0; color: var(--light); } .wi-map-full-3 > .container-fluid > .row .search-col .search .search-form .search-input-wrapper .search-input { padding: 0.69rem 1rem; border-radius: var(--border-radius); border: 1px solid var(--light); color: var(--light); background: transparent; width: 100%; } .wi-map-full-3 > .container-fluid > .row .search-col .search .search-form .search-input-wrapper .search-input::placeholder { color: var(--light); } .wi-map-full-3 > .container-fluid > .row .search-col .search .search-form .search-input-wrapper .search-input:-webkit-autofill, .wi-map-full-3 > .container-fluid > .row .search-col .search .search-form .search-input-wrapper .search-input:-webkit-autofill:hover, .wi-map-full-3 > .container-fluid > .row .search-col .search .search-form .search-input-wrapper .search-input:-webkit-autofill:active { -webkit-background-clip: text; -webkit-text-fill-color: var(--light) !important; transition: background-color 5000s ease-in-out 0s; box-shadow: inset 0 0 20px 20px transparent; } .wi-map-full-3 > .container-fluid > .row .search-col .search .search-form .or { font-family: var(--font-secondary); font-size: 1rem; font-weight: 800; line-height: 1.7; letter-spacing: 0.01rem; } @media (max-width: 991px) { .wi-map-full-3 > .container-fluid > .row .search-col .search .search-form .near-me { width: 100%; text-align: center; } } .wi-map-full-3 > .container-fluid > .row .map-col .location-boxes-map { display: flex; width: 100%; height: 26rem; } .wi-map-full-3 > .container-fluid > .row .map-col .location-boxes-map .location-boxes-wrapper { width: 50%; padding: 1.25rem; background: var(--gray); position: relative; overflow: hidden; --overlay-size: 3.125rem; } @media (max-width: 991px) { .wi-map-full-3 > .container-fluid > .row .map-col .location-boxes-map .location-boxes-wrapper { display: none; } } .wi-map-full-3 > .container-fluid > .row .map-col .location-boxes-map .location-boxes-wrapper:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: var(--overlay-size); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 12.67%, rgba(0, 0, 0, 0.1) 89.33%); z-index: 1; } .wi-map-full-3 > .container-fluid > .row .map-col .location-boxes-map .location-boxes-wrapper .location-boxes { position: relative; overflow: scroll; height: calc(100% + var(--overlay-size)); display: flex; flex-wrap: wrap; --gap: 1.25rem; margin-left: calc(-0.5 * var(--gap)); margin-right: calc(-0.5 * var(--gap)); padding-bottom: var(--overlay-size); margin-top: calc(-1 * var(--gap)); } .wi-map-full-3 > .container-fluid > .row .map-col .location-boxes-map .location-boxes-wrapper .location-boxes .location-box-wrapper { flex: 0 0 auto; width: 50%; padding-left: calc(0.5 * var(--gap)); padding-right: calc(0.5 * var(--gap)); margin-top: var(--gap); } .wi-map-full-3 > .container-fluid > .row .map-col .location-boxes-map .location-boxes-wrapper .location-boxes .location-box-wrapper .location-box { background: var(--light); box-shadow: var(--box-shadow); padding: 1.5rem 1.25rem; border-radius: var(--border-radius); cursor: pointer; display: flex; flex-direction: column; text-align: start; height: 100%; } .wi-map-full-3 > .container-fluid > .row .map-col .location-boxes-map .location-boxes-wrapper .location-boxes .location-box-wrapper .location-box .name { color: var(--tertiary); font-size: 1.375rem; font-weight: 700; line-height: 1.925rem; margin-bottom: 0.375rem; } .wi-map-full-3 > .container-fluid > .row .map-col .location-boxes-map .location-boxes-wrapper .location-boxes .location-box-wrapper .location-box .content { flex-grow: 1; display: flex; align-items: self-end; flex-direction: column; align-items: start; justify-content: end; } .wi-map-full-3 > .container-fluid > .row .map-col .location-boxes-map .location-boxes-wrapper .location-boxes .location-box-wrapper .location-box .content .address { font-size: 1rem; font-weight: 500; line-height: 1.6; margin-bottom: 1rem; } .wi-map-full-3 > .container-fluid > .row .map-col .location-boxes-map .location-boxes-wrapper .location-boxes .location-box-wrapper .location-box .content .buttons { display: flex; justify-content: start; flex-wrap: wrap; gap: 0.75rem; } .wi-map-full-3 > .container-fluid > .row .map-col .location-boxes-map .map { width: 50%; } @media (max-width: 991px) { .wi-map-full-3 > .container-fluid > .row .map-col .location-boxes-map .map { width: 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 .leaflet-popup a.leaflet-popup-close-button { color: var(--dark); } .leaflet-container .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper { border-radius: 0; } .leaflet-container .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content { min-width: 310px; margin: 0; padding: 0; } .leaflet-container .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup-box-content { padding: 1.5rem 1.25rem; text-align: start; } .leaflet-container .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup-box-content .name { color: var(--tertiary); font-size: 1.375rem; font-weight: 700; line-height: 1.925rem; margin-bottom: 0.375rem; } .leaflet-container .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup-box-content .address { color: var(--dark); font-size: 1rem; font-weight: 500; line-height: 1.6; margin-bottom: 1rem; } .leaflet-container .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup-box-content .buttons { display: flex; justify-content: start; flex-wrap: wrap; gap: 0.75rem; } .leaflet-container .leaflet-control-container .leaflet-right { right: 0.75rem; } @charset "UTF-8"; /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ ul.icon-list li::after { color: var(--primary); font-family: "Font Awesome 6 Pro"; font-size: 75%; font-weight: 900; content: ""; } .bg-quaternary ul.icon-list li::after, .bg-senary ul.icon-list li::after { color: var(--secondary); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-surrounding-list { --bs-gutter-y: 1.25rem; } .wi-surrounding-list .city { color: inherit; font-size: 1.125rem; font-weight: 400; line-height: 1.6; } .wi-surrounding-list a.city:not(.see-all):hover { color: var(--secondary); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-promotions-sticky-popup { opacity: 0; transition: opacity var(--transition); position: fixed; box-shadow: var(--box-shadow); bottom: -1px; right: 1.3125rem; width: 21.875rem; border-radius: var(--border-radius) var(--border-radius) 0 0; overflow: hidden; z-index: 1050; } @media (max-width: 991px) { .wi-promotions-sticky-popup { display: none; } } .wi-promotions-sticky-popup .header { display: flex; flex-direction: column; gap: 0.125rem; align-items: center; background: var(--primary); padding: 0.625rem 1rem; color: var(--light); font-size: 1.25rem; cursor: pointer; transition: background var(--transition); } .wi-promotions-sticky-popup .header:hover { background: var(--secondary); } .wi-promotions-sticky-popup .header .title { font-family: var(--font-primary); font-size: var(--h6-font-size); font-weight: var(--h6-font-weight); } .wi-promotions-sticky-popup .header .open, .wi-promotions-sticky-popup .header .close { display: flex; gap: 0.44rem; font-family: var(--font-quaternary); font-weight: 700; text-transform: uppercase; font-size: 0.875rem; line-height: 1.3125rem; } .wi-promotions-sticky-popup .header .open i, .wi-promotions-sticky-popup .header .close i { font-size: 0.8125rem; line-height: 1.3125rem; } .wi-promotions-sticky-popup .header .open { display: flex; } .wi-promotions-sticky-popup .header .close { display: none; } .wi-promotions-sticky-popup .body { background: var(--light); padding: 0 1.25rem; border-left: 1px solid var(--primary); border-right: 1px solid var(--primary); max-height: 0; transition: var(--transition); } .wi-promotions-sticky-popup.opened .header .open { display: none; } .wi-promotions-sticky-popup.opened .header .close { display: flex; } .wi-promotions-sticky-popup.opened .body { max-height: 500px; padding-top: 1.25rem; padding-bottom: 1.25rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-instagram-tiles-1 { --bs-gutter-x: 1.875rem; --bs-gutter-y: 1.875rem; } @media (max-width: 991px) { .wi-instagram-tiles-1 { --bs-gutter-x: 1.25rem; --bs-gutter-y: 1.25rem; } } .wi-instagram-tiles-1 .post { display: block; width: 100%; aspect-ratio: 1; border-radius: var(--border-radius); overflow: hidden; position: relative; transition: var(--transition); } .wi-instagram-tiles-1 .post:hover { box-shadow: var(--box-shadow); } .wi-instagram-tiles-1 .post img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; } .wi-instagram-tiles-1 .post:not(:hover) .button { opacity: 0; } .wi-instagram-tiles-1 .post .button { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: var(--transition); } .wi-instagram-tiles-1 .post .button .btn { padding: 0.75rem 0.875rem; display: flex; align-items: center; gap: 0.62rem; white-space: nowrap; } @media (max-width: 767px) { .wi-instagram-tiles-1 .post .button .btn i { display: none; } } .wi-instagram-tiles-1 .post .button .btn:hover { box-shadow: unset; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// 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 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* 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 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .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-senary::-webkit-scrollbar-thumb { background-color: var(--senary); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-senary::-webkit-scrollbar-track-piece { background-color: var(--senary-rgba-translucent); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-septenary::-webkit-scrollbar-thumb { background-color: var(--septenary); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-septenary::-webkit-scrollbar-track-piece { background-color: var(--septenary-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-senary::-webkit-scrollbar-thumb { background-color: var(--senary); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-senary::-webkit-scrollbar-track-piece { background-color: var(--senary-rgba-translucent); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-septenary::-webkit-scrollbar-thumb { background-color: var(--septenary); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-septenary::-webkit-scrollbar-track-piece { background-color: var(--septenary-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; } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar)::-webkit-scrollbar { height: 6px; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .modal .btn-close { box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: #000; border: 0; border-radius: 0.25rem; opacity: 0.5; } .modal .modal-header .btn-close { padding: 0.5rem 0.5rem; margin: -0.5rem -0.5rem -0.5rem auto; } .modal .modal-content { border-radius: 0; border: 0; } .modal .modal-content .modal-header { background: var(--senary); border-radius: 0; } .modal .modal-content .modal-header .modal-title { color: var(--light); font-size: var(--h6-font-size); font-weight: 700; line-height: var(--h6-line-height); margin-bottom: 0; } .modal .modal-content .modal-header .btn-close { align-items: center; display: inline-flex; opacity: 1; } .modal .modal-content .modal-header .btn-close > i { color: var(--light); font-size: 1rem; } .modal .modal-content .modal-body { padding: 1.5rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// 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 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* 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; } .see-more-wrapper .see-more-text, .see-more-wrapper .see-more-text-open, .see-more-mobile-wrapper .see-more-text, .see-more-mobile-wrapper .see-more-text-open { font-size: 1rem; font-weight: 600; text-align: start; bottom: 0.25rem; text-transform: capitalize; color: var(--dark); } .see-more-wrapper .see-more-text i, .see-more-wrapper .see-more-text-open i, .see-more-mobile-wrapper .see-more-text i, .see-more-mobile-wrapper .see-more-text-open i { font-size: 75%; } .bg-septenary .see-more-wrapper:not(.open):before, .bg-septenary .see-more-mobile-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(255, 255, 255, 0) 2.19%, var(--septenary) 66.36%); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// 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; } } .well { border-radius: 0; } .well .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(255, 255, 255, 0) 2.19%, var(--background-color) 66.36%); } .well .see-more-wrapper:not(.open) { border: 0; }