/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// 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-breadcrumb ol.breadcrumb { font-size: 1rem; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 0.06rem; text-transform: uppercase; margin-bottom: 0; } .wi-breadcrumb ol.breadcrumb li.breadcrumb-item:first-child a { color: var(--tertiary); } .wi-breadcrumb ol.breadcrumb li.breadcrumb-item:first-child a:hover { color: var(--secondary); } .wi-breadcrumb ol.breadcrumb li.breadcrumb-item { font-size: 0.875rem; color: rgba(var(--dark-gray-rgb), 0.75); margin-bottom: 0; font-family: var(--font-secondary); text-transform: uppercase; font-weight: 400; letter-spacing: 0.0175rem; } @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: rgba(var(--dark-gray-rgb), 0.75); } .breadcrumb-light .wi-breadcrumb ol.breadcrumb li.breadcrumb-item { color: rgba(var(--light-rgb), 0.75); } .breadcrumb-light .wi-breadcrumb ol.breadcrumb li.breadcrumb-item a:hover { color: var(--tertiary); } .breadcrumb-light .wi-breadcrumb ol.breadcrumb li.breadcrumb-item:before { color: rgba(var(--light-rgb), 0.75); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .well { position: relative; min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: var(--gray); border-radius: var(--border-radius); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// 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%; } @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-badges-autoslide-1.wi-infinite-slide .infinite { gap: 3rem; } @media (min-width: 992px) { .wi-badges-autoslide-1.wi-infinite-slide .infinite { gap: 4rem; } } .wi-badges-autoslide-1.wi-infinite-slide .infinite > li { width: unset; margin-right: 0; } .wi-badges-autoslide-1 .item { display: block; } .wi-badges-autoslide-1 .item img { height: 1000px; max-width: 6.25rem; max-height: 4.375rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-social-large-1 { display: flex; gap: 1.5rem; font-size: 3rem; align-items: center; } .wi-social-large-1 .item { font-size: 3rem; color: var(--tertiary); transition: var(--transition); } .wi-social-large-1 .item:hover { color: var(--quaternary); } .social-primary .wi-social-large-1 .item { color: var(--primary); } .social-primary .wi-social-large-1 .item:hover { color: var(--secondary); } .social-light .wi-social-large-1 .item { color: var(--light); } .social-light .wi-social-large-1 .item:hover { color: var(--primary); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-social-medium-1 { display: flex; gap: 0.88rem; font-size: 2.25rem; align-items: center; } .wi-social-medium-1 .item { font-size: 2.25rem; color: var(--tertiary); transition: var(--transition); } .wi-social-medium-1 .item:hover { color: var(--quaternary); } .social-primary .wi-social-medium-1 .item { color: var(--primary); } .social-primary .wi-social-medium-1 .item:hover { color: var(--secondary); } .social-light .wi-social-medium-1 .item { color: var(--light); } .social-light .wi-social-medium-1 .item:hover { color: var(--primary); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-social-small-1 { display: flex; gap: 0.62rem; justify-content: center; align-items: center; --color: var(--primary); --hover-color: var(--secondary); --google-color: var(--light); } .wi-social-small-1 .item { font-size: 1.3125rem; color: var(--color) !important; transition: var(--transition); display: flex; } .wi-social-small-1 .item:hover { color: var(--hover-color) !important; } .wi-social-small-1 .item i.fa-google { font-size: 13px; padding: 3px; border-radius: 3px; background-color: var(--color); color: var(--google-color); transition: var(--transition); } .wi-social-small-1 .item:hover i.fa-google { background-color: var(--hover-color); } .social-primary { --google-color-override: var(--light); --hover-color-override: var(--tertiary); } .social-primary .wi-social-small-1 { --color: var(--primary); --hover-color: var(--hover-color-override); --google-color: var(--google-color-override); } .social-tertiary { --google-color-override: var(--light); --hover-color-override: var(--secondary); } .social-tertiary .wi-social-small-1 { --color: var(--tertiary); --hover-color: var(--hover-color-override); --google-color: var(--google-color-override); } .social-quaternary { --google-color-override: var(--light); --hover-color-override: var(--light); } .social-quaternary .wi-social-small-1 { --color: var(--quaternary); --hover-color: var(--hover-color-override); --google-color: var(--google-color-override); } .social-light { --google-color-override: var(--dark); --hover-color-override: var(--primary); } .social-light .wi-social-small-1 { --color: var(--light); --hover-color: var(--hover-color-override); --google-color: var(--google-color-override); } .social-quinary { --google-color-override: var(--quaternary); --hover-color-override: var(--light); } .social-quinary .wi-social-small-1 { --color: var(--quinary); --hover-color: var(--hover-color-override); --google-color: var(--google-color-override); } .tert-nav .wi-social-small-1 { --color: var(--primary); --hover-color: var(--secondary); --google-color: #e9edf1; gap: 0.62rem; } .tert-nav .wi-social-small-1 .item { font-size: 1.125rem; } .tert-nav .wi-social-small-1 .item i.fa-google { font-size: 0.75rem; padding: 0.1rem; } footer .wi-social-small-1 { --color: var(--quaternary); --hover-color: var(--light); --google-color: var(--footer-color); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ section:not([class*="bg-"]):not(.section-padding):not(.divider-diagonal):not(.hero-section):not(.wi-swoop-separator) + section:not([class*="bg-"]):not(.section-padding):not(.hero-section):not(.wi-swoop-separator) { padding-top: 0px; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: var(--secondary); } .bg-primary h1, .bg-primary h2, .bg-primary h3, .bg-primary h4, .bg-primary h5, .bg-primary h6, .bg-primary .h1, .bg-primary .h2, .bg-primary .h3, .bg-primary .h4, .bg-primary .h5, .bg-primary .h6 { color: var(--light); } .bg-gray h1, .bg-gray h2, .bg-gray h3, .bg-gray h4, .bg-gray h5, .bg-gray h6, .bg-gray .h1, .bg-gray .h2, .bg-gray .h3, .bg-gray .h4, .bg-gray .h5, .bg-gray .h6, .bg-light h1, .bg-light h2, .bg-light h3, .bg-light h4, .bg-light h5, .bg-light h6, .bg-light .h1, .bg-light .h2, .bg-light .h3, .bg-light .h4, .bg-light .h5, .bg-light .h6 { color: var(--secondary); } .text-primary h1, .text-primary h2, .text-primary h3, .text-primary h4, .text-primary h5, .text-primary h6, .text-primary .h1, .text-primary .h2, .text-primary .h3, .text-primary .h4, .text-primary .h5, .text-primary .h6 { color: inherit; } .bg-secondary h1, .bg-secondary h2, .bg-secondary h3, .bg-secondary h4, .bg-secondary h5, .bg-secondary h6, .bg-secondary .h1, .bg-secondary .h2, .bg-secondary .h3, .bg-secondary .h4, .bg-secondary .h5, .bg-secondary .h6 { color: var(--light); } .bg-gray h1, .bg-gray h2, .bg-gray h3, .bg-gray h4, .bg-gray h5, .bg-gray h6, .bg-gray .h1, .bg-gray .h2, .bg-gray .h3, .bg-gray .h4, .bg-gray .h5, .bg-gray .h6, .bg-light h1, .bg-light h2, .bg-light h3, .bg-light h4, .bg-light h5, .bg-light h6, .bg-light .h1, .bg-light .h2, .bg-light .h3, .bg-light .h4, .bg-light .h5, .bg-light .h6 { color: var(--secondary); } .text-secondary h1, .text-secondary h2, .text-secondary h3, .text-secondary h4, .text-secondary h5, .text-secondary h6, .text-secondary .h1, .text-secondary .h2, .text-secondary .h3, .text-secondary .h4, .text-secondary .h5, .text-secondary .h6 { color: inherit; } .bg-tertiary h1, .bg-tertiary h2, .bg-tertiary h3, .bg-tertiary h4, .bg-tertiary h5, .bg-tertiary h6, .bg-tertiary .h1, .bg-tertiary .h2, .bg-tertiary .h3, .bg-tertiary .h4, .bg-tertiary .h5, .bg-tertiary .h6 { color: var(--light); } .bg-gray h1, .bg-gray h2, .bg-gray h3, .bg-gray h4, .bg-gray h5, .bg-gray h6, .bg-gray .h1, .bg-gray .h2, .bg-gray .h3, .bg-gray .h4, .bg-gray .h5, .bg-gray .h6, .bg-light h1, .bg-light h2, .bg-light h3, .bg-light h4, .bg-light h5, .bg-light h6, .bg-light .h1, .bg-light .h2, .bg-light .h3, .bg-light .h4, .bg-light .h5, .bg-light .h6 { color: var(--secondary); } .text-tertiary h1, .text-tertiary h2, .text-tertiary h3, .text-tertiary h4, .text-tertiary h5, .text-tertiary h6, .text-tertiary .h1, .text-tertiary .h2, .text-tertiary .h3, .text-tertiary .h4, .text-tertiary .h5, .text-tertiary .h6 { color: inherit; } .bg-quaternary h1, .bg-quaternary h2, .bg-quaternary h3, .bg-quaternary h4, .bg-quaternary h5, .bg-quaternary h6, .bg-quaternary .h1, .bg-quaternary .h2, .bg-quaternary .h3, .bg-quaternary .h4, .bg-quaternary .h5, .bg-quaternary .h6 { color: var(--light); } .bg-gray h1, .bg-gray h2, .bg-gray h3, .bg-gray h4, .bg-gray h5, .bg-gray h6, .bg-gray .h1, .bg-gray .h2, .bg-gray .h3, .bg-gray .h4, .bg-gray .h5, .bg-gray .h6, .bg-light h1, .bg-light h2, .bg-light h3, .bg-light h4, .bg-light h5, .bg-light h6, .bg-light .h1, .bg-light .h2, .bg-light .h3, .bg-light .h4, .bg-light .h5, .bg-light .h6 { color: var(--secondary); } .text-quaternary h1, .text-quaternary h2, .text-quaternary h3, .text-quaternary h4, .text-quaternary h5, .text-quaternary h6, .text-quaternary .h1, .text-quaternary .h2, .text-quaternary .h3, .text-quaternary .h4, .text-quaternary .h5, .text-quaternary .h6 { color: inherit; } .bg-quinary h1, .bg-quinary h2, .bg-quinary h3, .bg-quinary h4, .bg-quinary h5, .bg-quinary h6, .bg-quinary .h1, .bg-quinary .h2, .bg-quinary .h3, .bg-quinary .h4, .bg-quinary .h5, .bg-quinary .h6 { color: var(--light); } .bg-gray h1, .bg-gray h2, .bg-gray h3, .bg-gray h4, .bg-gray h5, .bg-gray h6, .bg-gray .h1, .bg-gray .h2, .bg-gray .h3, .bg-gray .h4, .bg-gray .h5, .bg-gray .h6, .bg-light h1, .bg-light h2, .bg-light h3, .bg-light h4, .bg-light h5, .bg-light h6, .bg-light .h1, .bg-light .h2, .bg-light .h3, .bg-light .h4, .bg-light .h5, .bg-light .h6 { color: var(--secondary); } .text-quinary h1, .text-quinary h2, .text-quinary h3, .text-quinary h4, .text-quinary h5, .text-quinary h6, .text-quinary .h1, .text-quinary .h2, .text-quinary .h3, .text-quinary .h4, .text-quinary .h5, .text-quinary .h6 { color: inherit; } .bg-light h1, .bg-light h2, .bg-light h3, .bg-light h4, .bg-light h5, .bg-light h6, .bg-light .h1, .bg-light .h2, .bg-light .h3, .bg-light .h4, .bg-light .h5, .bg-light .h6 { color: var(--light); } .bg-gray h1, .bg-gray h2, .bg-gray h3, .bg-gray h4, .bg-gray h5, .bg-gray h6, .bg-gray .h1, .bg-gray .h2, .bg-gray .h3, .bg-gray .h4, .bg-gray .h5, .bg-gray .h6, .bg-light h1, .bg-light h2, .bg-light h3, .bg-light h4, .bg-light h5, .bg-light h6, .bg-light .h1, .bg-light .h2, .bg-light .h3, .bg-light .h4, .bg-light .h5, .bg-light .h6 { color: var(--secondary); } .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6, .text-light .h1, .text-light .h2, .text-light .h3, .text-light .h4, .text-light .h5, .text-light .h6 { color: inherit; } .bg-gray h1, .bg-gray h2, .bg-gray h3, .bg-gray h4, .bg-gray h5, .bg-gray h6, .bg-gray .h1, .bg-gray .h2, .bg-gray .h3, .bg-gray .h4, .bg-gray .h5, .bg-gray .h6 { color: var(--light); } .bg-gray h1, .bg-gray h2, .bg-gray h3, .bg-gray h4, .bg-gray h5, .bg-gray h6, .bg-gray .h1, .bg-gray .h2, .bg-gray .h3, .bg-gray .h4, .bg-gray .h5, .bg-gray .h6, .bg-light h1, .bg-light h2, .bg-light h3, .bg-light h4, .bg-light h5, .bg-light h6, .bg-light .h1, .bg-light .h2, .bg-light .h3, .bg-light .h4, .bg-light .h5, .bg-light .h6 { color: var(--secondary); } .text-gray h1, .text-gray h2, .text-gray h3, .text-gray h4, .text-gray h5, .text-gray h6, .text-gray .h1, .text-gray .h2, .text-gray .h3, .text-gray .h4, .text-gray .h5, .text-gray .h6 { color: inherit; } .bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6, .bg-dark .h1, .bg-dark .h2, .bg-dark .h3, .bg-dark .h4, .bg-dark .h5, .bg-dark .h6 { color: var(--light); } .bg-gray h1, .bg-gray h2, .bg-gray h3, .bg-gray h4, .bg-gray h5, .bg-gray h6, .bg-gray .h1, .bg-gray .h2, .bg-gray .h3, .bg-gray .h4, .bg-gray .h5, .bg-gray .h6, .bg-light h1, .bg-light h2, .bg-light h3, .bg-light h4, .bg-light h5, .bg-light h6, .bg-light .h1, .bg-light .h2, .bg-light .h3, .bg-light .h4, .bg-light .h5, .bg-light .h6 { color: var(--secondary); } .text-dark h1, .text-dark h2, .text-dark h3, .text-dark h4, .text-dark h5, .text-dark h6, .text-dark .h1, .text-dark .h2, .text-dark .h3, .text-dark .h4, .text-dark .h5, .text-dark .h6 { color: inherit; } .bg-dark-gray h1, .bg-dark-gray h2, .bg-dark-gray h3, .bg-dark-gray h4, .bg-dark-gray h5, .bg-dark-gray h6, .bg-dark-gray .h1, .bg-dark-gray .h2, .bg-dark-gray .h3, .bg-dark-gray .h4, .bg-dark-gray .h5, .bg-dark-gray .h6 { color: var(--light); } .bg-gray h1, .bg-gray h2, .bg-gray h3, .bg-gray h4, .bg-gray h5, .bg-gray h6, .bg-gray .h1, .bg-gray .h2, .bg-gray .h3, .bg-gray .h4, .bg-gray .h5, .bg-gray .h6, .bg-light h1, .bg-light h2, .bg-light h3, .bg-light h4, .bg-light h5, .bg-light h6, .bg-light .h1, .bg-light .h2, .bg-light .h3, .bg-light .h4, .bg-light .h5, .bg-light .h6 { color: var(--secondary); } .text-dark-gray h1, .text-dark-gray h2, .text-dark-gray h3, .text-dark-gray h4, .text-dark-gray h5, .text-dark-gray h6, .text-dark-gray .h1, .text-dark-gray .h2, .text-dark-gray .h3, .text-dark-gray .h4, .text-dark-gray .h5, .text-dark-gray .h6 { color: inherit; } .sub { font-family: var(--font-primary); font-weight: 300; letter-spacing: 0.03375rem; text-transform: uppercase; line-height: 1.35; } h1.sub, .h1.sub { font-size: 1.6875rem; } @media (max-width: 991px) { h1.sub, .h1.sub { font-size: 1.5rem; letter-spacing: 0.03rem; line-height: 1.25; } } h2.sub, .h2.sub { font-size: 1.5625rem; letter-spacing: 0.03125rem; } @media (max-width: 991px) { h2.sub, .h2.sub { font-size: 1.375rem; letter-spacing: 0.0275rem; } } h3.sub, .h3.sub { font-size: 1.25rem; letter-spacing: 0.025rem; } @media (max-width: 991px) { h3.sub, .h3.sub { font-size: 1.125rem; letter-spacing: 0.0225rem; } } h4.sub, .h4.sub { font-size: 1.125rem; letter-spacing: 0.025rem; } @media (max-width: 991px) { h4.sub, .h4.sub { font-size: 1rem; letter-spacing: 0.0225rem; } } h5.sub, .h5.sub { font-size: 1rem; letter-spacing: 0.02rem; } @media (max-width: 991px) { h5.sub, .h5.sub { font-size: 0.875rem; letter-spacing: 0.02rem; } } @charset "UTF-8"; /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ @font-face { font-family: "FBT"; src: url("/oak/themes/footprints_bath_and_tile/css/fonts/fbt/FBT.eot?tsylyd"); src: url("/oak/themes/footprints_bath_and_tile/css/fonts/fbt/FBT.woff?tsylyd") format("woff"); /* src: url('/oak/themes/footprints_bath_and_tile/css/fonts/fbt/FBT.eot?tsylyd#iefix') format('embedded-opentype'), url('/oak/themes/footprints_bath_and_tile/css/fonts/fbt/FBT.ttf?tsylyd') format('truetype'), url('/oak/themes/footprints_bath_and_tile/css/fonts/fbt/FBT.woff?tsylyd') format('woff'), url('/oak/themes/footprints_bath_and_tile/css/fonts/fbt/FBT.svg?tsylyd#FBT') format('svg'); */ font-weight: normal; font-style: normal; } .fbt { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "FBT" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; display: inline-block; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fbt-bath:before { content: ""; } .fbt-blueprint:before { content: ""; } .fbt-contractor:before { content: ""; } .fbt-follow-up:before { content: ""; } .fbt-gear-cycle:before { content: ""; } .fbt-heart-home:before { content: ""; } .fbt-plan-1:before { content: ""; } .fbt-plan:before { content: ""; } .fbt-sink:before { content: ""; } .fbt-tools:before { content: ""; } .fbt-bathtub:before { content: ""; } .fbt-tile:before { content: ""; } /* @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; src: url('/oak/themes/dog_training_elite_24/css/fonts/Montserrat/Montserrat-Black.ttf'); } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 900; src: url('/oak/themes/dog_training_elite_24/css/fonts/Montserrat/Montserrat-BlackItalic.ttf'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: url('/oak/themes/dog_training_elite_24/css/fonts/Montserrat/Montserrat-Bold.ttf'); } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 700; src: url('/oak/themes/dog_training_elite_24/css/fonts/Montserrat/Montserrat-BoldItalic.ttf'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; src: url('/oak/themes/dog_training_elite_24/css/fonts/Montserrat/Montserrat-ExtraBold.ttf'); } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 800; src: url('/oak/themes/dog_training_elite_24/css/fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf'); } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 400; src: url('/oak/themes/dog_training_elite_24/css/fonts/Montserrat/Montserrat-Italic.ttf'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; src: url('/oak/themes/dog_training_elite_24/css/fonts/Montserrat/Montserrat-Light.ttf'); } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 300; src: url('/oak/themes/dog_training_elite_24/css/fonts/Montserrat/Montserrat-LightItalic.ttf'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; src: url('/oak/themes/dog_training_elite_24/css/fonts/Montserrat/Montserrat-Medium.ttf'); } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 500; src: url('/oak/themes/dog_training_elite_24/css/fonts/Montserrat/Montserrat-MediumItalic.ttf'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: url('/oak/themes/dog_training_elite_24/css/fonts/Montserrat/Montserrat-Regular.ttf'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; src: url('/oak/themes/dog_training_elite_24/css/fonts/Montserrat/Montserrat-SemiBold.ttf'); } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 600; src: url('/oak/themes/dog_training_elite_24/css/fonts/Montserrat/Montserrat-SemiBoldItalic.ttf'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100; src: url('/oak/themes/dog_training_elite_24/css/fonts/Montserrat/Montserrat-Thin.ttf'); } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 100; src: url('/oak/themes/dog_training_elite_24/css/fonts/Montserrat/Montserrat-ThinItalic.ttf'); } */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .btn { border-radius: var(--btn-radius); white-space: normal; -webkit-box-shadow: none; box-shadow: none; font-family: var(--font-secondary); text-transform: uppercase; font-size: 1rem; font-weight: 500; line-height: 1.1; letter-spacing: 0.02rem; padding: 0.69rem 1.12rem; } .btn:has(.fa-arrow-right) { display: inline-flex; gap: 0.5rem; align-items: center; } .btn:has(.fa-arrow-right) i { font-size: 1rem; line-height: 1.5; } .btn-lg { padding: 0.3rem 1.8rem; } .btn-icon { position: relative; overflow: hidden; } .btn-icon:not(.icon-right) { padding-left: 45px; } .btn-icon.icon-right { padding-right: 45px; } .btn-icon i { display: flex; align-items: center; justify-content: center; position: absolute; height: 100%; width: 35px; top: 0; background-color: rgba(0, 0, 0, 0.13); } .btn-icon:not(.icon-right) i { left: 0; border-right: 1px solid transparent; } .btn-icon.icon-right i { right: 0; border-left: 1px solid transparent; } .btn-fixed { position: fixed; bottom: 10px; right: 10px; z-index: 1; box-shadow: var(--box-shadow); } .btn-primary { background-color: var(--primary); border-color: var(--primary); color: var(--light); } .btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { color: var(--light); background-color: var(--primary); border-color: var(--primary); box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent); } .btn-primary.focus, .btn-primary:focus { box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent); background: var(--primary); border-color: var(--primary); } .btn-outline-primary { color: var(--primary); border-color: var(--primary); border-width: 1px; background: transparent; } .btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle, .btn-outline-primary.focus, .btn-outline-primary:focus { color: var(--light); background-color: var(--primary); border-color: var(--primary); box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent); } .btn-outline-primary.btn-icon i { color: #fff; background-color: rgb(var(--primary-rgb)); } .btn-outline-primary.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } /* If color primary is light then change text color to dark */ .btn-primary { background: var(--primary-dark-60); border-color: var(--primary-dark-60); } .btn-secondary { background-color: var(--secondary); border-color: var(--secondary); color: var(--light); } .btn-secondary:hover, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle { color: var(--light); background-color: var(--secondary); border-color: var(--secondary); box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent); } .btn-secondary.focus, .btn-secondary:focus { box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent); background: var(--secondary); border-color: var(--secondary); } .btn-outline-secondary { color: var(--secondary); border-color: var(--secondary); border-width: 1px; background: transparent; } .btn-outline-secondary:hover, .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle, .btn-outline-secondary.focus, .btn-outline-secondary:focus { color: var(--light); background-color: var(--secondary); border-color: var(--secondary); box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent); } .btn-outline-secondary.btn-icon i { color: #fff; background-color: rgb(var(--secondary-rgb)); } .btn-outline-secondary.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } /* If color secondary is light then change text color to dark */ .btn-tertiary { background-color: var(--tertiary); border-color: var(--tertiary); color: var(--light); } .btn-tertiary:hover, .btn-tertiary:not(:disabled):not(.disabled).active, .btn-tertiary:not(:disabled):not(.disabled):active, .show > .btn-tertiary.dropdown-toggle { color: var(--light); background-color: var(--tertiary); border-color: var(--tertiary); box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent); } .btn-tertiary.focus, .btn-tertiary:focus { box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent); background: var(--tertiary); border-color: var(--tertiary); } .btn-outline-tertiary { color: var(--tertiary); border-color: var(--tertiary); border-width: 1px; background: transparent; } .btn-outline-tertiary:hover, .btn-outline-tertiary:not(:disabled):not(.disabled).active, .btn-outline-tertiary:not(:disabled):not(.disabled):active, .show > .btn-outline-tertiary.dropdown-toggle, .btn-outline-tertiary.focus, .btn-outline-tertiary:focus { color: var(--light); background-color: var(--tertiary); border-color: var(--tertiary); box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent); } .btn-outline-tertiary.btn-icon i { color: #fff; background-color: rgb(var(--tertiary-rgb)); } .btn-outline-tertiary.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } /* If color tertiary is light then change text color to dark */ .btn-tertiary { background: var(--tertiary-85); border-color: var(--tertiary-85); } .btn-tertiary, .btn-outline-tertiary.btn-icon i { color: var(--secondary); } .btn-tertiary:hover, .btn-tertiary:not(:disabled):not(.disabled).active, .btn-tertiary:not(:disabled):not(.disabled):active, .show > .btn-tertiary.dropdown-toggle, .btn-outline-tertiary:hover, .btn-outline-tertiary:not(:disabled):not(.disabled).active, .btn-outline-tertiary:not(:disabled):not(.disabled):active, .show > .btn-outline-tertiary.dropdown-toggle, .btn-outline-tertiary.focus, .btn-outline-tertiary:focus { color: var(--secondary); } .btn-quaternary { background-color: var(--quaternary); border-color: var(--quaternary); color: var(--light); } .btn-quaternary:hover, .btn-quaternary:not(:disabled):not(.disabled).active, .btn-quaternary:not(:disabled):not(.disabled):active, .show > .btn-quaternary.dropdown-toggle { color: var(--light); background-color: var(--quaternary); border-color: var(--quaternary); box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent); } .btn-quaternary.focus, .btn-quaternary:focus { box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent); background: var(--quaternary); border-color: var(--quaternary); } .btn-outline-quaternary { color: var(--quaternary); border-color: var(--quaternary); border-width: 1px; background: transparent; } .btn-outline-quaternary:hover, .btn-outline-quaternary:not(:disabled):not(.disabled).active, .btn-outline-quaternary:not(:disabled):not(.disabled):active, .show > .btn-outline-quaternary.dropdown-toggle, .btn-outline-quaternary.focus, .btn-outline-quaternary:focus { color: var(--light); background-color: var(--quaternary); border-color: var(--quaternary); box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent); } .btn-outline-quaternary.btn-icon i { color: #fff; background-color: rgb(var(--quaternary-rgb)); } .btn-outline-quaternary.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } /* If color quaternary is light then change text color to dark */ .btn-quaternary, .btn-outline-quaternary.btn-icon i { color: var(--secondary); } .btn-quaternary:hover, .btn-quaternary:not(:disabled):not(.disabled).active, .btn-quaternary:not(:disabled):not(.disabled):active, .show > .btn-quaternary.dropdown-toggle, .btn-outline-quaternary:hover, .btn-outline-quaternary:not(:disabled):not(.disabled).active, .btn-outline-quaternary:not(:disabled):not(.disabled):active, .show > .btn-outline-quaternary.dropdown-toggle, .btn-outline-quaternary.focus, .btn-outline-quaternary:focus { color: var(--secondary); } .btn-quinary { background-color: var(--quinary); border-color: var(--quinary); color: var(--light); } .btn-quinary:hover, .btn-quinary:not(:disabled):not(.disabled).active, .btn-quinary:not(:disabled):not(.disabled):active, .show > .btn-quinary.dropdown-toggle { color: var(--light); background-color: var(--quinary); border-color: var(--quinary); box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent); } .btn-quinary.focus, .btn-quinary:focus { box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent); background: var(--quinary); border-color: var(--quinary); } .btn-outline-quinary { color: var(--quinary); border-color: var(--quinary); border-width: 1px; background: transparent; } .btn-outline-quinary:hover, .btn-outline-quinary:not(:disabled):not(.disabled).active, .btn-outline-quinary:not(:disabled):not(.disabled):active, .show > .btn-outline-quinary.dropdown-toggle, .btn-outline-quinary.focus, .btn-outline-quinary:focus { color: var(--light); background-color: var(--quinary); border-color: var(--quinary); box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent); } .btn-outline-quinary.btn-icon i { color: #fff; background-color: rgb(var(--quinary-rgb)); } .btn-outline-quinary.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } /* If color quinary is light then change text color to dark */ .btn-light { background-color: var(--light); border-color: var(--light); color: var(--light); } .btn-light:hover, .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle { color: var(--light); background-color: var(--light); border-color: var(--light); box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent); } .btn-light.focus, .btn-light:focus { box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent); background: var(--light); border-color: var(--light); } .btn-outline-light { color: var(--light); border-color: var(--light); border-width: 1px; background: transparent; } .btn-outline-light:hover, .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle, .btn-outline-light.focus, .btn-outline-light:focus { color: var(--light); background-color: var(--light); border-color: var(--light); box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent); } .btn-outline-light.btn-icon i { color: #fff; background-color: rgb(var(--light-rgb)); } .btn-outline-light.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } /* If color light is light then change text color to dark */ .btn-light, .btn-outline-light.btn-icon i { color: var(--secondary); } .btn-light:hover, .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle, .btn-outline-light:hover, .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle, .btn-outline-light.focus, .btn-outline-light:focus { color: var(--secondary); } .btn-gray { background-color: var(--gray); border-color: var(--gray); color: var(--light); } .btn-gray:hover, .btn-gray:not(:disabled):not(.disabled).active, .btn-gray:not(:disabled):not(.disabled):active, .show > .btn-gray.dropdown-toggle { color: var(--light); background-color: var(--gray); border-color: var(--gray); box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent); } .btn-gray.focus, .btn-gray:focus { box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent); background: var(--gray); border-color: var(--gray); } .btn-outline-gray { color: var(--gray); border-color: var(--gray); border-width: 1px; background: transparent; } .btn-outline-gray:hover, .btn-outline-gray:not(:disabled):not(.disabled).active, .btn-outline-gray:not(:disabled):not(.disabled):active, .show > .btn-outline-gray.dropdown-toggle, .btn-outline-gray.focus, .btn-outline-gray:focus { color: var(--light); background-color: var(--gray); border-color: var(--gray); box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent); } .btn-outline-gray.btn-icon i { color: #fff; background-color: rgb(var(--gray-rgb)); } .btn-outline-gray.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } /* If color gray is light then change text color to dark */ .btn-dark { background-color: var(--dark); border-color: var(--dark); color: var(--light); } .btn-dark:hover, .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle { color: var(--light); background-color: var(--dark); border-color: var(--dark); box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent); } .btn-dark.focus, .btn-dark:focus { box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent); background: var(--dark); border-color: var(--dark); } .btn-outline-dark { color: var(--dark); border-color: var(--dark); border-width: 1px; background: transparent; } .btn-outline-dark:hover, .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle, .btn-outline-dark.focus, .btn-outline-dark:focus { color: var(--light); background-color: var(--dark); border-color: var(--dark); box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent); } .btn-outline-dark.btn-icon i { color: #fff; background-color: rgb(var(--dark-rgb)); } .btn-outline-dark.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } /* If color dark is light then change text color to dark */ .btn-dark-gray { background-color: var(--dark-gray); border-color: var(--dark-gray); color: var(--light); } .btn-dark-gray:hover, .btn-dark-gray:not(:disabled):not(.disabled).active, .btn-dark-gray:not(:disabled):not(.disabled):active, .show > .btn-dark-gray.dropdown-toggle { color: var(--light); background-color: var(--dark-gray); border-color: var(--dark-gray); box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent); } .btn-dark-gray.focus, .btn-dark-gray:focus { box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent); background: var(--dark-gray); border-color: var(--dark-gray); } .btn-outline-dark-gray { color: var(--dark-gray); border-color: var(--dark-gray); border-width: 1px; background: transparent; } .btn-outline-dark-gray:hover, .btn-outline-dark-gray:not(:disabled):not(.disabled).active, .btn-outline-dark-gray:not(:disabled):not(.disabled):active, .show > .btn-outline-dark-gray.dropdown-toggle, .btn-outline-dark-gray.focus, .btn-outline-dark-gray:focus { color: var(--light); background-color: var(--dark-gray); border-color: var(--dark-gray); box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent); } .btn-outline-dark-gray.btn-icon i { color: #fff; background-color: rgb(var(--dark-gray-rgb)); } .btn-outline-dark-gray.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } /* If color dark-gray is light then change text color to dark */ @media (min-width: 576px) { /* If color primary is light then change text color to dark */ /* If color secondary is light then change text color to dark */ /* If color tertiary is light then change text color to dark */ /* If color quaternary is light then change text color to dark */ /* If color quinary is light then change text color to dark */ /* If color light is light then change text color to dark */ /* If color gray is light then change text color to dark */ /* If color dark is light then change text color to dark */ /* If color dark-gray is light then change text color to dark */ .btn-sm-primary { background-color: var(--primary); border-color: var(--primary); color: var(--light); } .btn-sm-primary:hover, .btn-sm-primary:not(:disabled):not(.disabled).active, .btn-sm-primary:not(:disabled):not(.disabled):active, .show > .btn-sm-primary.dropdown-toggle { color: var(--light); background-color: var(--primary); border-color: var(--primary); box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent); } .btn-sm-primary.focus, .btn-sm-primary:focus { box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent); background: var(--primary); border-color: var(--primary); } .btn-sm-outline-primary { color: var(--primary); border-color: var(--primary); border-width: 1px; background: transparent; } .btn-sm-outline-primary:hover, .btn-sm-outline-primary:not(:disabled):not(.disabled).active, .btn-sm-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-sm-outline-primary.dropdown-toggle, .btn-sm-outline-primary.focus, .btn-sm-outline-primary:focus { color: var(--light); background-color: var(--primary); border-color: var(--primary); box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent); } .btn-sm-outline-primary.btn-icon i { color: #fff; background-color: rgb(var(--primary-rgb)); } .btn-sm-outline-primary.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-sm-primary { background: var(--primary-dark-60); border-color: var(--primary-dark-60); } .btn-sm-secondary { background-color: var(--secondary); border-color: var(--secondary); color: var(--light); } .btn-sm-secondary:hover, .btn-sm-secondary:not(:disabled):not(.disabled).active, .btn-sm-secondary:not(:disabled):not(.disabled):active, .show > .btn-sm-secondary.dropdown-toggle { color: var(--light); background-color: var(--secondary); border-color: var(--secondary); box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent); } .btn-sm-secondary.focus, .btn-sm-secondary:focus { box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent); background: var(--secondary); border-color: var(--secondary); } .btn-sm-outline-secondary { color: var(--secondary); border-color: var(--secondary); border-width: 1px; background: transparent; } .btn-sm-outline-secondary:hover, .btn-sm-outline-secondary:not(:disabled):not(.disabled).active, .btn-sm-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-sm-outline-secondary.dropdown-toggle, .btn-sm-outline-secondary.focus, .btn-sm-outline-secondary:focus { color: var(--light); background-color: var(--secondary); border-color: var(--secondary); box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent); } .btn-sm-outline-secondary.btn-icon i { color: #fff; background-color: rgb(var(--secondary-rgb)); } .btn-sm-outline-secondary.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-sm-tertiary { background-color: var(--tertiary); border-color: var(--tertiary); color: var(--light); } .btn-sm-tertiary:hover, .btn-sm-tertiary:not(:disabled):not(.disabled).active, .btn-sm-tertiary:not(:disabled):not(.disabled):active, .show > .btn-sm-tertiary.dropdown-toggle { color: var(--light); background-color: var(--tertiary); border-color: var(--tertiary); box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent); } .btn-sm-tertiary.focus, .btn-sm-tertiary:focus { box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent); background: var(--tertiary); border-color: var(--tertiary); } .btn-sm-outline-tertiary { color: var(--tertiary); border-color: var(--tertiary); border-width: 1px; background: transparent; } .btn-sm-outline-tertiary:hover, .btn-sm-outline-tertiary:not(:disabled):not(.disabled).active, .btn-sm-outline-tertiary:not(:disabled):not(.disabled):active, .show > .btn-sm-outline-tertiary.dropdown-toggle, .btn-sm-outline-tertiary.focus, .btn-sm-outline-tertiary:focus { color: var(--light); background-color: var(--tertiary); border-color: var(--tertiary); box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent); } .btn-sm-outline-tertiary.btn-icon i { color: #fff; background-color: rgb(var(--tertiary-rgb)); } .btn-sm-outline-tertiary.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-sm-tertiary { background: var(--tertiary-85); border-color: var(--tertiary-85); } .btn-sm-tertiary, .btn-sm-outline-tertiary.btn-icon i { color: var(--secondary); } .btn-sm-tertiary:hover, .btn-sm-tertiary:not(:disabled):not(.disabled).active, .btn-sm-tertiary:not(:disabled):not(.disabled):active, .show > .btn-sm-tertiary.dropdown-toggle, .btn-sm-outline-tertiary:hover, .btn-sm-outline-tertiary:not(:disabled):not(.disabled).active, .btn-sm-outline-tertiary:not(:disabled):not(.disabled):active, .show > .btn-sm-outline-tertiary.dropdown-toggle, .btn-sm-outline-tertiary.focus, .btn-sm-outline-tertiary:focus { color: var(--secondary); } .btn-sm-quaternary { background-color: var(--quaternary); border-color: var(--quaternary); color: var(--light); } .btn-sm-quaternary:hover, .btn-sm-quaternary:not(:disabled):not(.disabled).active, .btn-sm-quaternary:not(:disabled):not(.disabled):active, .show > .btn-sm-quaternary.dropdown-toggle { color: var(--light); background-color: var(--quaternary); border-color: var(--quaternary); box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent); } .btn-sm-quaternary.focus, .btn-sm-quaternary:focus { box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent); background: var(--quaternary); border-color: var(--quaternary); } .btn-sm-outline-quaternary { color: var(--quaternary); border-color: var(--quaternary); border-width: 1px; background: transparent; } .btn-sm-outline-quaternary:hover, .btn-sm-outline-quaternary:not(:disabled):not(.disabled).active, .btn-sm-outline-quaternary:not(:disabled):not(.disabled):active, .show > .btn-sm-outline-quaternary.dropdown-toggle, .btn-sm-outline-quaternary.focus, .btn-sm-outline-quaternary:focus { color: var(--light); background-color: var(--quaternary); border-color: var(--quaternary); box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent); } .btn-sm-outline-quaternary.btn-icon i { color: #fff; background-color: rgb(var(--quaternary-rgb)); } .btn-sm-outline-quaternary.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-sm-quaternary, .btn-sm-outline-quaternary.btn-icon i { color: var(--secondary); } .btn-sm-quaternary:hover, .btn-sm-quaternary:not(:disabled):not(.disabled).active, .btn-sm-quaternary:not(:disabled):not(.disabled):active, .show > .btn-sm-quaternary.dropdown-toggle, .btn-sm-outline-quaternary:hover, .btn-sm-outline-quaternary:not(:disabled):not(.disabled).active, .btn-sm-outline-quaternary:not(:disabled):not(.disabled):active, .show > .btn-sm-outline-quaternary.dropdown-toggle, .btn-sm-outline-quaternary.focus, .btn-sm-outline-quaternary:focus { color: var(--secondary); } .btn-sm-quinary { background-color: var(--quinary); border-color: var(--quinary); color: var(--light); } .btn-sm-quinary:hover, .btn-sm-quinary:not(:disabled):not(.disabled).active, .btn-sm-quinary:not(:disabled):not(.disabled):active, .show > .btn-sm-quinary.dropdown-toggle { color: var(--light); background-color: var(--quinary); border-color: var(--quinary); box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent); } .btn-sm-quinary.focus, .btn-sm-quinary:focus { box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent); background: var(--quinary); border-color: var(--quinary); } .btn-sm-outline-quinary { color: var(--quinary); border-color: var(--quinary); border-width: 1px; background: transparent; } .btn-sm-outline-quinary:hover, .btn-sm-outline-quinary:not(:disabled):not(.disabled).active, .btn-sm-outline-quinary:not(:disabled):not(.disabled):active, .show > .btn-sm-outline-quinary.dropdown-toggle, .btn-sm-outline-quinary.focus, .btn-sm-outline-quinary:focus { color: var(--light); background-color: var(--quinary); border-color: var(--quinary); box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent); } .btn-sm-outline-quinary.btn-icon i { color: #fff; background-color: rgb(var(--quinary-rgb)); } .btn-sm-outline-quinary.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-sm-light { background-color: var(--light); border-color: var(--light); color: var(--light); } .btn-sm-light:hover, .btn-sm-light:not(:disabled):not(.disabled).active, .btn-sm-light:not(:disabled):not(.disabled):active, .show > .btn-sm-light.dropdown-toggle { color: var(--light); background-color: var(--light); border-color: var(--light); box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent); } .btn-sm-light.focus, .btn-sm-light:focus { box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent); background: var(--light); border-color: var(--light); } .btn-sm-outline-light { color: var(--light); border-color: var(--light); border-width: 1px; background: transparent; } .btn-sm-outline-light:hover, .btn-sm-outline-light:not(:disabled):not(.disabled).active, .btn-sm-outline-light:not(:disabled):not(.disabled):active, .show > .btn-sm-outline-light.dropdown-toggle, .btn-sm-outline-light.focus, .btn-sm-outline-light:focus { color: var(--light); background-color: var(--light); border-color: var(--light); box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent); } .btn-sm-outline-light.btn-icon i { color: #fff; background-color: rgb(var(--light-rgb)); } .btn-sm-outline-light.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-sm-light, .btn-sm-outline-light.btn-icon i { color: var(--secondary); } .btn-sm-light:hover, .btn-sm-light:not(:disabled):not(.disabled).active, .btn-sm-light:not(:disabled):not(.disabled):active, .show > .btn-sm-light.dropdown-toggle, .btn-sm-outline-light:hover, .btn-sm-outline-light:not(:disabled):not(.disabled).active, .btn-sm-outline-light:not(:disabled):not(.disabled):active, .show > .btn-sm-outline-light.dropdown-toggle, .btn-sm-outline-light.focus, .btn-sm-outline-light:focus { color: var(--secondary); } .btn-sm-gray { background-color: var(--gray); border-color: var(--gray); color: var(--light); } .btn-sm-gray:hover, .btn-sm-gray:not(:disabled):not(.disabled).active, .btn-sm-gray:not(:disabled):not(.disabled):active, .show > .btn-sm-gray.dropdown-toggle { color: var(--light); background-color: var(--gray); border-color: var(--gray); box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent); } .btn-sm-gray.focus, .btn-sm-gray:focus { box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent); background: var(--gray); border-color: var(--gray); } .btn-sm-outline-gray { color: var(--gray); border-color: var(--gray); border-width: 1px; background: transparent; } .btn-sm-outline-gray:hover, .btn-sm-outline-gray:not(:disabled):not(.disabled).active, .btn-sm-outline-gray:not(:disabled):not(.disabled):active, .show > .btn-sm-outline-gray.dropdown-toggle, .btn-sm-outline-gray.focus, .btn-sm-outline-gray:focus { color: var(--light); background-color: var(--gray); border-color: var(--gray); box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent); } .btn-sm-outline-gray.btn-icon i { color: #fff; background-color: rgb(var(--gray-rgb)); } .btn-sm-outline-gray.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-sm-dark { background-color: var(--dark); border-color: var(--dark); color: var(--light); } .btn-sm-dark:hover, .btn-sm-dark:not(:disabled):not(.disabled).active, .btn-sm-dark:not(:disabled):not(.disabled):active, .show > .btn-sm-dark.dropdown-toggle { color: var(--light); background-color: var(--dark); border-color: var(--dark); box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent); } .btn-sm-dark.focus, .btn-sm-dark:focus { box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent); background: var(--dark); border-color: var(--dark); } .btn-sm-outline-dark { color: var(--dark); border-color: var(--dark); border-width: 1px; background: transparent; } .btn-sm-outline-dark:hover, .btn-sm-outline-dark:not(:disabled):not(.disabled).active, .btn-sm-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-sm-outline-dark.dropdown-toggle, .btn-sm-outline-dark.focus, .btn-sm-outline-dark:focus { color: var(--light); background-color: var(--dark); border-color: var(--dark); box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent); } .btn-sm-outline-dark.btn-icon i { color: #fff; background-color: rgb(var(--dark-rgb)); } .btn-sm-outline-dark.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-sm-dark-gray { background-color: var(--dark-gray); border-color: var(--dark-gray); color: var(--light); } .btn-sm-dark-gray:hover, .btn-sm-dark-gray:not(:disabled):not(.disabled).active, .btn-sm-dark-gray:not(:disabled):not(.disabled):active, .show > .btn-sm-dark-gray.dropdown-toggle { color: var(--light); background-color: var(--dark-gray); border-color: var(--dark-gray); box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent); } .btn-sm-dark-gray.focus, .btn-sm-dark-gray:focus { box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent); background: var(--dark-gray); border-color: var(--dark-gray); } .btn-sm-outline-dark-gray { color: var(--dark-gray); border-color: var(--dark-gray); border-width: 1px; background: transparent; } .btn-sm-outline-dark-gray:hover, .btn-sm-outline-dark-gray:not(:disabled):not(.disabled).active, .btn-sm-outline-dark-gray:not(:disabled):not(.disabled):active, .show > .btn-sm-outline-dark-gray.dropdown-toggle, .btn-sm-outline-dark-gray.focus, .btn-sm-outline-dark-gray:focus { color: var(--light); background-color: var(--dark-gray); border-color: var(--dark-gray); box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent); } .btn-sm-outline-dark-gray.btn-icon i { color: #fff; background-color: rgb(var(--dark-gray-rgb)); } .btn-sm-outline-dark-gray.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } } @media (min-width: 768px) { /* If color primary is light then change text color to dark */ /* If color secondary is light then change text color to dark */ /* If color tertiary is light then change text color to dark */ /* If color quaternary is light then change text color to dark */ /* If color quinary is light then change text color to dark */ /* If color light is light then change text color to dark */ /* If color gray is light then change text color to dark */ /* If color dark is light then change text color to dark */ /* If color dark-gray is light then change text color to dark */ .btn-md-primary { background-color: var(--primary); border-color: var(--primary); color: var(--light); } .btn-md-primary:hover, .btn-md-primary:not(:disabled):not(.disabled).active, .btn-md-primary:not(:disabled):not(.disabled):active, .show > .btn-md-primary.dropdown-toggle { color: var(--light); background-color: var(--primary); border-color: var(--primary); box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent); } .btn-md-primary.focus, .btn-md-primary:focus { box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent); background: var(--primary); border-color: var(--primary); } .btn-md-outline-primary { color: var(--primary); border-color: var(--primary); border-width: 1px; background: transparent; } .btn-md-outline-primary:hover, .btn-md-outline-primary:not(:disabled):not(.disabled).active, .btn-md-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-md-outline-primary.dropdown-toggle, .btn-md-outline-primary.focus, .btn-md-outline-primary:focus { color: var(--light); background-color: var(--primary); border-color: var(--primary); box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent); } .btn-md-outline-primary.btn-icon i { color: #fff; background-color: rgb(var(--primary-rgb)); } .btn-md-outline-primary.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-md-primary { background: var(--primary-dark-60); border-color: var(--primary-dark-60); } .btn-md-secondary { background-color: var(--secondary); border-color: var(--secondary); color: var(--light); } .btn-md-secondary:hover, .btn-md-secondary:not(:disabled):not(.disabled).active, .btn-md-secondary:not(:disabled):not(.disabled):active, .show > .btn-md-secondary.dropdown-toggle { color: var(--light); background-color: var(--secondary); border-color: var(--secondary); box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent); } .btn-md-secondary.focus, .btn-md-secondary:focus { box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent); background: var(--secondary); border-color: var(--secondary); } .btn-md-outline-secondary { color: var(--secondary); border-color: var(--secondary); border-width: 1px; background: transparent; } .btn-md-outline-secondary:hover, .btn-md-outline-secondary:not(:disabled):not(.disabled).active, .btn-md-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-md-outline-secondary.dropdown-toggle, .btn-md-outline-secondary.focus, .btn-md-outline-secondary:focus { color: var(--light); background-color: var(--secondary); border-color: var(--secondary); box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent); } .btn-md-outline-secondary.btn-icon i { color: #fff; background-color: rgb(var(--secondary-rgb)); } .btn-md-outline-secondary.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-md-tertiary { background-color: var(--tertiary); border-color: var(--tertiary); color: var(--light); } .btn-md-tertiary:hover, .btn-md-tertiary:not(:disabled):not(.disabled).active, .btn-md-tertiary:not(:disabled):not(.disabled):active, .show > .btn-md-tertiary.dropdown-toggle { color: var(--light); background-color: var(--tertiary); border-color: var(--tertiary); box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent); } .btn-md-tertiary.focus, .btn-md-tertiary:focus { box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent); background: var(--tertiary); border-color: var(--tertiary); } .btn-md-outline-tertiary { color: var(--tertiary); border-color: var(--tertiary); border-width: 1px; background: transparent; } .btn-md-outline-tertiary:hover, .btn-md-outline-tertiary:not(:disabled):not(.disabled).active, .btn-md-outline-tertiary:not(:disabled):not(.disabled):active, .show > .btn-md-outline-tertiary.dropdown-toggle, .btn-md-outline-tertiary.focus, .btn-md-outline-tertiary:focus { color: var(--light); background-color: var(--tertiary); border-color: var(--tertiary); box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent); } .btn-md-outline-tertiary.btn-icon i { color: #fff; background-color: rgb(var(--tertiary-rgb)); } .btn-md-outline-tertiary.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-md-tertiary { background: var(--tertiary-85); border-color: var(--tertiary-85); } .btn-md-tertiary, .btn-md-outline-tertiary.btn-icon i { color: var(--secondary); } .btn-md-tertiary:hover, .btn-md-tertiary:not(:disabled):not(.disabled).active, .btn-md-tertiary:not(:disabled):not(.disabled):active, .show > .btn-md-tertiary.dropdown-toggle, .btn-md-outline-tertiary:hover, .btn-md-outline-tertiary:not(:disabled):not(.disabled).active, .btn-md-outline-tertiary:not(:disabled):not(.disabled):active, .show > .btn-md-outline-tertiary.dropdown-toggle, .btn-md-outline-tertiary.focus, .btn-md-outline-tertiary:focus { color: var(--secondary); } .btn-md-quaternary { background-color: var(--quaternary); border-color: var(--quaternary); color: var(--light); } .btn-md-quaternary:hover, .btn-md-quaternary:not(:disabled):not(.disabled).active, .btn-md-quaternary:not(:disabled):not(.disabled):active, .show > .btn-md-quaternary.dropdown-toggle { color: var(--light); background-color: var(--quaternary); border-color: var(--quaternary); box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent); } .btn-md-quaternary.focus, .btn-md-quaternary:focus { box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent); background: var(--quaternary); border-color: var(--quaternary); } .btn-md-outline-quaternary { color: var(--quaternary); border-color: var(--quaternary); border-width: 1px; background: transparent; } .btn-md-outline-quaternary:hover, .btn-md-outline-quaternary:not(:disabled):not(.disabled).active, .btn-md-outline-quaternary:not(:disabled):not(.disabled):active, .show > .btn-md-outline-quaternary.dropdown-toggle, .btn-md-outline-quaternary.focus, .btn-md-outline-quaternary:focus { color: var(--light); background-color: var(--quaternary); border-color: var(--quaternary); box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent); } .btn-md-outline-quaternary.btn-icon i { color: #fff; background-color: rgb(var(--quaternary-rgb)); } .btn-md-outline-quaternary.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-md-quaternary, .btn-md-outline-quaternary.btn-icon i { color: var(--secondary); } .btn-md-quaternary:hover, .btn-md-quaternary:not(:disabled):not(.disabled).active, .btn-md-quaternary:not(:disabled):not(.disabled):active, .show > .btn-md-quaternary.dropdown-toggle, .btn-md-outline-quaternary:hover, .btn-md-outline-quaternary:not(:disabled):not(.disabled).active, .btn-md-outline-quaternary:not(:disabled):not(.disabled):active, .show > .btn-md-outline-quaternary.dropdown-toggle, .btn-md-outline-quaternary.focus, .btn-md-outline-quaternary:focus { color: var(--secondary); } .btn-md-quinary { background-color: var(--quinary); border-color: var(--quinary); color: var(--light); } .btn-md-quinary:hover, .btn-md-quinary:not(:disabled):not(.disabled).active, .btn-md-quinary:not(:disabled):not(.disabled):active, .show > .btn-md-quinary.dropdown-toggle { color: var(--light); background-color: var(--quinary); border-color: var(--quinary); box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent); } .btn-md-quinary.focus, .btn-md-quinary:focus { box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent); background: var(--quinary); border-color: var(--quinary); } .btn-md-outline-quinary { color: var(--quinary); border-color: var(--quinary); border-width: 1px; background: transparent; } .btn-md-outline-quinary:hover, .btn-md-outline-quinary:not(:disabled):not(.disabled).active, .btn-md-outline-quinary:not(:disabled):not(.disabled):active, .show > .btn-md-outline-quinary.dropdown-toggle, .btn-md-outline-quinary.focus, .btn-md-outline-quinary:focus { color: var(--light); background-color: var(--quinary); border-color: var(--quinary); box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent); } .btn-md-outline-quinary.btn-icon i { color: #fff; background-color: rgb(var(--quinary-rgb)); } .btn-md-outline-quinary.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-md-light { background-color: var(--light); border-color: var(--light); color: var(--light); } .btn-md-light:hover, .btn-md-light:not(:disabled):not(.disabled).active, .btn-md-light:not(:disabled):not(.disabled):active, .show > .btn-md-light.dropdown-toggle { color: var(--light); background-color: var(--light); border-color: var(--light); box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent); } .btn-md-light.focus, .btn-md-light:focus { box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent); background: var(--light); border-color: var(--light); } .btn-md-outline-light { color: var(--light); border-color: var(--light); border-width: 1px; background: transparent; } .btn-md-outline-light:hover, .btn-md-outline-light:not(:disabled):not(.disabled).active, .btn-md-outline-light:not(:disabled):not(.disabled):active, .show > .btn-md-outline-light.dropdown-toggle, .btn-md-outline-light.focus, .btn-md-outline-light:focus { color: var(--light); background-color: var(--light); border-color: var(--light); box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent); } .btn-md-outline-light.btn-icon i { color: #fff; background-color: rgb(var(--light-rgb)); } .btn-md-outline-light.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-md-light, .btn-md-outline-light.btn-icon i { color: var(--secondary); } .btn-md-light:hover, .btn-md-light:not(:disabled):not(.disabled).active, .btn-md-light:not(:disabled):not(.disabled):active, .show > .btn-md-light.dropdown-toggle, .btn-md-outline-light:hover, .btn-md-outline-light:not(:disabled):not(.disabled).active, .btn-md-outline-light:not(:disabled):not(.disabled):active, .show > .btn-md-outline-light.dropdown-toggle, .btn-md-outline-light.focus, .btn-md-outline-light:focus { color: var(--secondary); } .btn-md-gray { background-color: var(--gray); border-color: var(--gray); color: var(--light); } .btn-md-gray:hover, .btn-md-gray:not(:disabled):not(.disabled).active, .btn-md-gray:not(:disabled):not(.disabled):active, .show > .btn-md-gray.dropdown-toggle { color: var(--light); background-color: var(--gray); border-color: var(--gray); box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent); } .btn-md-gray.focus, .btn-md-gray:focus { box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent); background: var(--gray); border-color: var(--gray); } .btn-md-outline-gray { color: var(--gray); border-color: var(--gray); border-width: 1px; background: transparent; } .btn-md-outline-gray:hover, .btn-md-outline-gray:not(:disabled):not(.disabled).active, .btn-md-outline-gray:not(:disabled):not(.disabled):active, .show > .btn-md-outline-gray.dropdown-toggle, .btn-md-outline-gray.focus, .btn-md-outline-gray:focus { color: var(--light); background-color: var(--gray); border-color: var(--gray); box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent); } .btn-md-outline-gray.btn-icon i { color: #fff; background-color: rgb(var(--gray-rgb)); } .btn-md-outline-gray.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-md-dark { background-color: var(--dark); border-color: var(--dark); color: var(--light); } .btn-md-dark:hover, .btn-md-dark:not(:disabled):not(.disabled).active, .btn-md-dark:not(:disabled):not(.disabled):active, .show > .btn-md-dark.dropdown-toggle { color: var(--light); background-color: var(--dark); border-color: var(--dark); box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent); } .btn-md-dark.focus, .btn-md-dark:focus { box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent); background: var(--dark); border-color: var(--dark); } .btn-md-outline-dark { color: var(--dark); border-color: var(--dark); border-width: 1px; background: transparent; } .btn-md-outline-dark:hover, .btn-md-outline-dark:not(:disabled):not(.disabled).active, .btn-md-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-md-outline-dark.dropdown-toggle, .btn-md-outline-dark.focus, .btn-md-outline-dark:focus { color: var(--light); background-color: var(--dark); border-color: var(--dark); box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent); } .btn-md-outline-dark.btn-icon i { color: #fff; background-color: rgb(var(--dark-rgb)); } .btn-md-outline-dark.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-md-dark-gray { background-color: var(--dark-gray); border-color: var(--dark-gray); color: var(--light); } .btn-md-dark-gray:hover, .btn-md-dark-gray:not(:disabled):not(.disabled).active, .btn-md-dark-gray:not(:disabled):not(.disabled):active, .show > .btn-md-dark-gray.dropdown-toggle { color: var(--light); background-color: var(--dark-gray); border-color: var(--dark-gray); box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent); } .btn-md-dark-gray.focus, .btn-md-dark-gray:focus { box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent); background: var(--dark-gray); border-color: var(--dark-gray); } .btn-md-outline-dark-gray { color: var(--dark-gray); border-color: var(--dark-gray); border-width: 1px; background: transparent; } .btn-md-outline-dark-gray:hover, .btn-md-outline-dark-gray:not(:disabled):not(.disabled).active, .btn-md-outline-dark-gray:not(:disabled):not(.disabled):active, .show > .btn-md-outline-dark-gray.dropdown-toggle, .btn-md-outline-dark-gray.focus, .btn-md-outline-dark-gray:focus { color: var(--light); background-color: var(--dark-gray); border-color: var(--dark-gray); box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent); } .btn-md-outline-dark-gray.btn-icon i { color: #fff; background-color: rgb(var(--dark-gray-rgb)); } .btn-md-outline-dark-gray.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } } @media (min-width: 992px) { /* If color primary is light then change text color to dark */ /* If color secondary is light then change text color to dark */ /* If color tertiary is light then change text color to dark */ /* If color quaternary is light then change text color to dark */ /* If color quinary is light then change text color to dark */ /* If color light is light then change text color to dark */ /* If color gray is light then change text color to dark */ /* If color dark is light then change text color to dark */ /* If color dark-gray is light then change text color to dark */ .btn-lg-primary { background-color: var(--primary); border-color: var(--primary); color: var(--light); } .btn-lg-primary:hover, .btn-lg-primary:not(:disabled):not(.disabled).active, .btn-lg-primary:not(:disabled):not(.disabled):active, .show > .btn-lg-primary.dropdown-toggle { color: var(--light); background-color: var(--primary); border-color: var(--primary); box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent); } .btn-lg-primary.focus, .btn-lg-primary:focus { box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent); background: var(--primary); border-color: var(--primary); } .btn-lg-outline-primary { color: var(--primary); border-color: var(--primary); border-width: 1px; background: transparent; } .btn-lg-outline-primary:hover, .btn-lg-outline-primary:not(:disabled):not(.disabled).active, .btn-lg-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-lg-outline-primary.dropdown-toggle, .btn-lg-outline-primary.focus, .btn-lg-outline-primary:focus { color: var(--light); background-color: var(--primary); border-color: var(--primary); box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent); } .btn-lg-outline-primary.btn-icon i { color: #fff; background-color: rgb(var(--primary-rgb)); } .btn-lg-outline-primary.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-lg-primary { background: var(--primary-dark-60); border-color: var(--primary-dark-60); } .btn-lg-secondary { background-color: var(--secondary); border-color: var(--secondary); color: var(--light); } .btn-lg-secondary:hover, .btn-lg-secondary:not(:disabled):not(.disabled).active, .btn-lg-secondary:not(:disabled):not(.disabled):active, .show > .btn-lg-secondary.dropdown-toggle { color: var(--light); background-color: var(--secondary); border-color: var(--secondary); box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent); } .btn-lg-secondary.focus, .btn-lg-secondary:focus { box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent); background: var(--secondary); border-color: var(--secondary); } .btn-lg-outline-secondary { color: var(--secondary); border-color: var(--secondary); border-width: 1px; background: transparent; } .btn-lg-outline-secondary:hover, .btn-lg-outline-secondary:not(:disabled):not(.disabled).active, .btn-lg-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-lg-outline-secondary.dropdown-toggle, .btn-lg-outline-secondary.focus, .btn-lg-outline-secondary:focus { color: var(--light); background-color: var(--secondary); border-color: var(--secondary); box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent); } .btn-lg-outline-secondary.btn-icon i { color: #fff; background-color: rgb(var(--secondary-rgb)); } .btn-lg-outline-secondary.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-lg-tertiary { background-color: var(--tertiary); border-color: var(--tertiary); color: var(--light); } .btn-lg-tertiary:hover, .btn-lg-tertiary:not(:disabled):not(.disabled).active, .btn-lg-tertiary:not(:disabled):not(.disabled):active, .show > .btn-lg-tertiary.dropdown-toggle { color: var(--light); background-color: var(--tertiary); border-color: var(--tertiary); box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent); } .btn-lg-tertiary.focus, .btn-lg-tertiary:focus { box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent); background: var(--tertiary); border-color: var(--tertiary); } .btn-lg-outline-tertiary { color: var(--tertiary); border-color: var(--tertiary); border-width: 1px; background: transparent; } .btn-lg-outline-tertiary:hover, .btn-lg-outline-tertiary:not(:disabled):not(.disabled).active, .btn-lg-outline-tertiary:not(:disabled):not(.disabled):active, .show > .btn-lg-outline-tertiary.dropdown-toggle, .btn-lg-outline-tertiary.focus, .btn-lg-outline-tertiary:focus { color: var(--light); background-color: var(--tertiary); border-color: var(--tertiary); box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent); } .btn-lg-outline-tertiary.btn-icon i { color: #fff; background-color: rgb(var(--tertiary-rgb)); } .btn-lg-outline-tertiary.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-lg-tertiary { background: var(--tertiary-85); border-color: var(--tertiary-85); } .btn-lg-tertiary, .btn-lg-outline-tertiary.btn-icon i { color: var(--secondary); } .btn-lg-tertiary:hover, .btn-lg-tertiary:not(:disabled):not(.disabled).active, .btn-lg-tertiary:not(:disabled):not(.disabled):active, .show > .btn-lg-tertiary.dropdown-toggle, .btn-lg-outline-tertiary:hover, .btn-lg-outline-tertiary:not(:disabled):not(.disabled).active, .btn-lg-outline-tertiary:not(:disabled):not(.disabled):active, .show > .btn-lg-outline-tertiary.dropdown-toggle, .btn-lg-outline-tertiary.focus, .btn-lg-outline-tertiary:focus { color: var(--secondary); } .btn-lg-quaternary { background-color: var(--quaternary); border-color: var(--quaternary); color: var(--light); } .btn-lg-quaternary:hover, .btn-lg-quaternary:not(:disabled):not(.disabled).active, .btn-lg-quaternary:not(:disabled):not(.disabled):active, .show > .btn-lg-quaternary.dropdown-toggle { color: var(--light); background-color: var(--quaternary); border-color: var(--quaternary); box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent); } .btn-lg-quaternary.focus, .btn-lg-quaternary:focus { box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent); background: var(--quaternary); border-color: var(--quaternary); } .btn-lg-outline-quaternary { color: var(--quaternary); border-color: var(--quaternary); border-width: 1px; background: transparent; } .btn-lg-outline-quaternary:hover, .btn-lg-outline-quaternary:not(:disabled):not(.disabled).active, .btn-lg-outline-quaternary:not(:disabled):not(.disabled):active, .show > .btn-lg-outline-quaternary.dropdown-toggle, .btn-lg-outline-quaternary.focus, .btn-lg-outline-quaternary:focus { color: var(--light); background-color: var(--quaternary); border-color: var(--quaternary); box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent); } .btn-lg-outline-quaternary.btn-icon i { color: #fff; background-color: rgb(var(--quaternary-rgb)); } .btn-lg-outline-quaternary.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-lg-quaternary, .btn-lg-outline-quaternary.btn-icon i { color: var(--secondary); } .btn-lg-quaternary:hover, .btn-lg-quaternary:not(:disabled):not(.disabled).active, .btn-lg-quaternary:not(:disabled):not(.disabled):active, .show > .btn-lg-quaternary.dropdown-toggle, .btn-lg-outline-quaternary:hover, .btn-lg-outline-quaternary:not(:disabled):not(.disabled).active, .btn-lg-outline-quaternary:not(:disabled):not(.disabled):active, .show > .btn-lg-outline-quaternary.dropdown-toggle, .btn-lg-outline-quaternary.focus, .btn-lg-outline-quaternary:focus { color: var(--secondary); } .btn-lg-quinary { background-color: var(--quinary); border-color: var(--quinary); color: var(--light); } .btn-lg-quinary:hover, .btn-lg-quinary:not(:disabled):not(.disabled).active, .btn-lg-quinary:not(:disabled):not(.disabled):active, .show > .btn-lg-quinary.dropdown-toggle { color: var(--light); background-color: var(--quinary); border-color: var(--quinary); box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent); } .btn-lg-quinary.focus, .btn-lg-quinary:focus { box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent); background: var(--quinary); border-color: var(--quinary); } .btn-lg-outline-quinary { color: var(--quinary); border-color: var(--quinary); border-width: 1px; background: transparent; } .btn-lg-outline-quinary:hover, .btn-lg-outline-quinary:not(:disabled):not(.disabled).active, .btn-lg-outline-quinary:not(:disabled):not(.disabled):active, .show > .btn-lg-outline-quinary.dropdown-toggle, .btn-lg-outline-quinary.focus, .btn-lg-outline-quinary:focus { color: var(--light); background-color: var(--quinary); border-color: var(--quinary); box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent); } .btn-lg-outline-quinary.btn-icon i { color: #fff; background-color: rgb(var(--quinary-rgb)); } .btn-lg-outline-quinary.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-lg-light { background-color: var(--light); border-color: var(--light); color: var(--light); } .btn-lg-light:hover, .btn-lg-light:not(:disabled):not(.disabled).active, .btn-lg-light:not(:disabled):not(.disabled):active, .show > .btn-lg-light.dropdown-toggle { color: var(--light); background-color: var(--light); border-color: var(--light); box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent); } .btn-lg-light.focus, .btn-lg-light:focus { box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent); background: var(--light); border-color: var(--light); } .btn-lg-outline-light { color: var(--light); border-color: var(--light); border-width: 1px; background: transparent; } .btn-lg-outline-light:hover, .btn-lg-outline-light:not(:disabled):not(.disabled).active, .btn-lg-outline-light:not(:disabled):not(.disabled):active, .show > .btn-lg-outline-light.dropdown-toggle, .btn-lg-outline-light.focus, .btn-lg-outline-light:focus { color: var(--light); background-color: var(--light); border-color: var(--light); box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent); } .btn-lg-outline-light.btn-icon i { color: #fff; background-color: rgb(var(--light-rgb)); } .btn-lg-outline-light.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-lg-light, .btn-lg-outline-light.btn-icon i { color: var(--secondary); } .btn-lg-light:hover, .btn-lg-light:not(:disabled):not(.disabled).active, .btn-lg-light:not(:disabled):not(.disabled):active, .show > .btn-lg-light.dropdown-toggle, .btn-lg-outline-light:hover, .btn-lg-outline-light:not(:disabled):not(.disabled).active, .btn-lg-outline-light:not(:disabled):not(.disabled):active, .show > .btn-lg-outline-light.dropdown-toggle, .btn-lg-outline-light.focus, .btn-lg-outline-light:focus { color: var(--secondary); } .btn-lg-gray { background-color: var(--gray); border-color: var(--gray); color: var(--light); } .btn-lg-gray:hover, .btn-lg-gray:not(:disabled):not(.disabled).active, .btn-lg-gray:not(:disabled):not(.disabled):active, .show > .btn-lg-gray.dropdown-toggle { color: var(--light); background-color: var(--gray); border-color: var(--gray); box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent); } .btn-lg-gray.focus, .btn-lg-gray:focus { box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent); background: var(--gray); border-color: var(--gray); } .btn-lg-outline-gray { color: var(--gray); border-color: var(--gray); border-width: 1px; background: transparent; } .btn-lg-outline-gray:hover, .btn-lg-outline-gray:not(:disabled):not(.disabled).active, .btn-lg-outline-gray:not(:disabled):not(.disabled):active, .show > .btn-lg-outline-gray.dropdown-toggle, .btn-lg-outline-gray.focus, .btn-lg-outline-gray:focus { color: var(--light); background-color: var(--gray); border-color: var(--gray); box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent); } .btn-lg-outline-gray.btn-icon i { color: #fff; background-color: rgb(var(--gray-rgb)); } .btn-lg-outline-gray.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-lg-dark { background-color: var(--dark); border-color: var(--dark); color: var(--light); } .btn-lg-dark:hover, .btn-lg-dark:not(:disabled):not(.disabled).active, .btn-lg-dark:not(:disabled):not(.disabled):active, .show > .btn-lg-dark.dropdown-toggle { color: var(--light); background-color: var(--dark); border-color: var(--dark); box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent); } .btn-lg-dark.focus, .btn-lg-dark:focus { box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent); background: var(--dark); border-color: var(--dark); } .btn-lg-outline-dark { color: var(--dark); border-color: var(--dark); border-width: 1px; background: transparent; } .btn-lg-outline-dark:hover, .btn-lg-outline-dark:not(:disabled):not(.disabled).active, .btn-lg-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-lg-outline-dark.dropdown-toggle, .btn-lg-outline-dark.focus, .btn-lg-outline-dark:focus { color: var(--light); background-color: var(--dark); border-color: var(--dark); box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent); } .btn-lg-outline-dark.btn-icon i { color: #fff; background-color: rgb(var(--dark-rgb)); } .btn-lg-outline-dark.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-lg-dark-gray { background-color: var(--dark-gray); border-color: var(--dark-gray); color: var(--light); } .btn-lg-dark-gray:hover, .btn-lg-dark-gray:not(:disabled):not(.disabled).active, .btn-lg-dark-gray:not(:disabled):not(.disabled):active, .show > .btn-lg-dark-gray.dropdown-toggle { color: var(--light); background-color: var(--dark-gray); border-color: var(--dark-gray); box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent); } .btn-lg-dark-gray.focus, .btn-lg-dark-gray:focus { box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent); background: var(--dark-gray); border-color: var(--dark-gray); } .btn-lg-outline-dark-gray { color: var(--dark-gray); border-color: var(--dark-gray); border-width: 1px; background: transparent; } .btn-lg-outline-dark-gray:hover, .btn-lg-outline-dark-gray:not(:disabled):not(.disabled).active, .btn-lg-outline-dark-gray:not(:disabled):not(.disabled):active, .show > .btn-lg-outline-dark-gray.dropdown-toggle, .btn-lg-outline-dark-gray.focus, .btn-lg-outline-dark-gray:focus { color: var(--light); background-color: var(--dark-gray); border-color: var(--dark-gray); box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent); } .btn-lg-outline-dark-gray.btn-icon i { color: #fff; background-color: rgb(var(--dark-gray-rgb)); } .btn-lg-outline-dark-gray.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } } @media (min-width: 1200px) { /* If color primary is light then change text color to dark */ /* If color secondary is light then change text color to dark */ /* If color tertiary is light then change text color to dark */ /* If color quaternary is light then change text color to dark */ /* If color quinary is light then change text color to dark */ /* If color light is light then change text color to dark */ /* If color gray is light then change text color to dark */ /* If color dark is light then change text color to dark */ /* If color dark-gray is light then change text color to dark */ .btn-xl-primary { background-color: var(--primary); border-color: var(--primary); color: var(--light); } .btn-xl-primary:hover, .btn-xl-primary:not(:disabled):not(.disabled).active, .btn-xl-primary:not(:disabled):not(.disabled):active, .show > .btn-xl-primary.dropdown-toggle { color: var(--light); background-color: var(--primary); border-color: var(--primary); box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent); } .btn-xl-primary.focus, .btn-xl-primary:focus { box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent); background: var(--primary); border-color: var(--primary); } .btn-xl-outline-primary { color: var(--primary); border-color: var(--primary); border-width: 1px; background: transparent; } .btn-xl-outline-primary:hover, .btn-xl-outline-primary:not(:disabled):not(.disabled).active, .btn-xl-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-xl-outline-primary.dropdown-toggle, .btn-xl-outline-primary.focus, .btn-xl-outline-primary:focus { color: var(--light); background-color: var(--primary); border-color: var(--primary); box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent); } .btn-xl-outline-primary.btn-icon i { color: #fff; background-color: rgb(var(--primary-rgb)); } .btn-xl-outline-primary.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-xl-primary { background: var(--primary-dark-60); border-color: var(--primary-dark-60); } .btn-xl-secondary { background-color: var(--secondary); border-color: var(--secondary); color: var(--light); } .btn-xl-secondary:hover, .btn-xl-secondary:not(:disabled):not(.disabled).active, .btn-xl-secondary:not(:disabled):not(.disabled):active, .show > .btn-xl-secondary.dropdown-toggle { color: var(--light); background-color: var(--secondary); border-color: var(--secondary); box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent); } .btn-xl-secondary.focus, .btn-xl-secondary:focus { box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent); background: var(--secondary); border-color: var(--secondary); } .btn-xl-outline-secondary { color: var(--secondary); border-color: var(--secondary); border-width: 1px; background: transparent; } .btn-xl-outline-secondary:hover, .btn-xl-outline-secondary:not(:disabled):not(.disabled).active, .btn-xl-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-xl-outline-secondary.dropdown-toggle, .btn-xl-outline-secondary.focus, .btn-xl-outline-secondary:focus { color: var(--light); background-color: var(--secondary); border-color: var(--secondary); box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent); } .btn-xl-outline-secondary.btn-icon i { color: #fff; background-color: rgb(var(--secondary-rgb)); } .btn-xl-outline-secondary.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-xl-tertiary { background-color: var(--tertiary); border-color: var(--tertiary); color: var(--light); } .btn-xl-tertiary:hover, .btn-xl-tertiary:not(:disabled):not(.disabled).active, .btn-xl-tertiary:not(:disabled):not(.disabled):active, .show > .btn-xl-tertiary.dropdown-toggle { color: var(--light); background-color: var(--tertiary); border-color: var(--tertiary); box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent); } .btn-xl-tertiary.focus, .btn-xl-tertiary:focus { box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent); background: var(--tertiary); border-color: var(--tertiary); } .btn-xl-outline-tertiary { color: var(--tertiary); border-color: var(--tertiary); border-width: 1px; background: transparent; } .btn-xl-outline-tertiary:hover, .btn-xl-outline-tertiary:not(:disabled):not(.disabled).active, .btn-xl-outline-tertiary:not(:disabled):not(.disabled):active, .show > .btn-xl-outline-tertiary.dropdown-toggle, .btn-xl-outline-tertiary.focus, .btn-xl-outline-tertiary:focus { color: var(--light); background-color: var(--tertiary); border-color: var(--tertiary); box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent); } .btn-xl-outline-tertiary.btn-icon i { color: #fff; background-color: rgb(var(--tertiary-rgb)); } .btn-xl-outline-tertiary.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-xl-tertiary { background: var(--tertiary-85); border-color: var(--tertiary-85); } .btn-xl-tertiary, .btn-xl-outline-tertiary.btn-icon i { color: var(--secondary); } .btn-xl-tertiary:hover, .btn-xl-tertiary:not(:disabled):not(.disabled).active, .btn-xl-tertiary:not(:disabled):not(.disabled):active, .show > .btn-xl-tertiary.dropdown-toggle, .btn-xl-outline-tertiary:hover, .btn-xl-outline-tertiary:not(:disabled):not(.disabled).active, .btn-xl-outline-tertiary:not(:disabled):not(.disabled):active, .show > .btn-xl-outline-tertiary.dropdown-toggle, .btn-xl-outline-tertiary.focus, .btn-xl-outline-tertiary:focus { color: var(--secondary); } .btn-xl-quaternary { background-color: var(--quaternary); border-color: var(--quaternary); color: var(--light); } .btn-xl-quaternary:hover, .btn-xl-quaternary:not(:disabled):not(.disabled).active, .btn-xl-quaternary:not(:disabled):not(.disabled):active, .show > .btn-xl-quaternary.dropdown-toggle { color: var(--light); background-color: var(--quaternary); border-color: var(--quaternary); box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent); } .btn-xl-quaternary.focus, .btn-xl-quaternary:focus { box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent); background: var(--quaternary); border-color: var(--quaternary); } .btn-xl-outline-quaternary { color: var(--quaternary); border-color: var(--quaternary); border-width: 1px; background: transparent; } .btn-xl-outline-quaternary:hover, .btn-xl-outline-quaternary:not(:disabled):not(.disabled).active, .btn-xl-outline-quaternary:not(:disabled):not(.disabled):active, .show > .btn-xl-outline-quaternary.dropdown-toggle, .btn-xl-outline-quaternary.focus, .btn-xl-outline-quaternary:focus { color: var(--light); background-color: var(--quaternary); border-color: var(--quaternary); box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent); } .btn-xl-outline-quaternary.btn-icon i { color: #fff; background-color: rgb(var(--quaternary-rgb)); } .btn-xl-outline-quaternary.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-xl-quaternary, .btn-xl-outline-quaternary.btn-icon i { color: var(--secondary); } .btn-xl-quaternary:hover, .btn-xl-quaternary:not(:disabled):not(.disabled).active, .btn-xl-quaternary:not(:disabled):not(.disabled):active, .show > .btn-xl-quaternary.dropdown-toggle, .btn-xl-outline-quaternary:hover, .btn-xl-outline-quaternary:not(:disabled):not(.disabled).active, .btn-xl-outline-quaternary:not(:disabled):not(.disabled):active, .show > .btn-xl-outline-quaternary.dropdown-toggle, .btn-xl-outline-quaternary.focus, .btn-xl-outline-quaternary:focus { color: var(--secondary); } .btn-xl-quinary { background-color: var(--quinary); border-color: var(--quinary); color: var(--light); } .btn-xl-quinary:hover, .btn-xl-quinary:not(:disabled):not(.disabled).active, .btn-xl-quinary:not(:disabled):not(.disabled):active, .show > .btn-xl-quinary.dropdown-toggle { color: var(--light); background-color: var(--quinary); border-color: var(--quinary); box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent); } .btn-xl-quinary.focus, .btn-xl-quinary:focus { box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent); background: var(--quinary); border-color: var(--quinary); } .btn-xl-outline-quinary { color: var(--quinary); border-color: var(--quinary); border-width: 1px; background: transparent; } .btn-xl-outline-quinary:hover, .btn-xl-outline-quinary:not(:disabled):not(.disabled).active, .btn-xl-outline-quinary:not(:disabled):not(.disabled):active, .show > .btn-xl-outline-quinary.dropdown-toggle, .btn-xl-outline-quinary.focus, .btn-xl-outline-quinary:focus { color: var(--light); background-color: var(--quinary); border-color: var(--quinary); box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent); } .btn-xl-outline-quinary.btn-icon i { color: #fff; background-color: rgb(var(--quinary-rgb)); } .btn-xl-outline-quinary.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-xl-light { background-color: var(--light); border-color: var(--light); color: var(--light); } .btn-xl-light:hover, .btn-xl-light:not(:disabled):not(.disabled).active, .btn-xl-light:not(:disabled):not(.disabled):active, .show > .btn-xl-light.dropdown-toggle { color: var(--light); background-color: var(--light); border-color: var(--light); box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent); } .btn-xl-light.focus, .btn-xl-light:focus { box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent); background: var(--light); border-color: var(--light); } .btn-xl-outline-light { color: var(--light); border-color: var(--light); border-width: 1px; background: transparent; } .btn-xl-outline-light:hover, .btn-xl-outline-light:not(:disabled):not(.disabled).active, .btn-xl-outline-light:not(:disabled):not(.disabled):active, .show > .btn-xl-outline-light.dropdown-toggle, .btn-xl-outline-light.focus, .btn-xl-outline-light:focus { color: var(--light); background-color: var(--light); border-color: var(--light); box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent); } .btn-xl-outline-light.btn-icon i { color: #fff; background-color: rgb(var(--light-rgb)); } .btn-xl-outline-light.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-xl-light, .btn-xl-outline-light.btn-icon i { color: var(--secondary); } .btn-xl-light:hover, .btn-xl-light:not(:disabled):not(.disabled).active, .btn-xl-light:not(:disabled):not(.disabled):active, .show > .btn-xl-light.dropdown-toggle, .btn-xl-outline-light:hover, .btn-xl-outline-light:not(:disabled):not(.disabled).active, .btn-xl-outline-light:not(:disabled):not(.disabled):active, .show > .btn-xl-outline-light.dropdown-toggle, .btn-xl-outline-light.focus, .btn-xl-outline-light:focus { color: var(--secondary); } .btn-xl-gray { background-color: var(--gray); border-color: var(--gray); color: var(--light); } .btn-xl-gray:hover, .btn-xl-gray:not(:disabled):not(.disabled).active, .btn-xl-gray:not(:disabled):not(.disabled):active, .show > .btn-xl-gray.dropdown-toggle { color: var(--light); background-color: var(--gray); border-color: var(--gray); box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent); } .btn-xl-gray.focus, .btn-xl-gray:focus { box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent); background: var(--gray); border-color: var(--gray); } .btn-xl-outline-gray { color: var(--gray); border-color: var(--gray); border-width: 1px; background: transparent; } .btn-xl-outline-gray:hover, .btn-xl-outline-gray:not(:disabled):not(.disabled).active, .btn-xl-outline-gray:not(:disabled):not(.disabled):active, .show > .btn-xl-outline-gray.dropdown-toggle, .btn-xl-outline-gray.focus, .btn-xl-outline-gray:focus { color: var(--light); background-color: var(--gray); border-color: var(--gray); box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent); } .btn-xl-outline-gray.btn-icon i { color: #fff; background-color: rgb(var(--gray-rgb)); } .btn-xl-outline-gray.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-xl-dark { background-color: var(--dark); border-color: var(--dark); color: var(--light); } .btn-xl-dark:hover, .btn-xl-dark:not(:disabled):not(.disabled).active, .btn-xl-dark:not(:disabled):not(.disabled):active, .show > .btn-xl-dark.dropdown-toggle { color: var(--light); background-color: var(--dark); border-color: var(--dark); box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent); } .btn-xl-dark.focus, .btn-xl-dark:focus { box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent); background: var(--dark); border-color: var(--dark); } .btn-xl-outline-dark { color: var(--dark); border-color: var(--dark); border-width: 1px; background: transparent; } .btn-xl-outline-dark:hover, .btn-xl-outline-dark:not(:disabled):not(.disabled).active, .btn-xl-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-xl-outline-dark.dropdown-toggle, .btn-xl-outline-dark.focus, .btn-xl-outline-dark:focus { color: var(--light); background-color: var(--dark); border-color: var(--dark); box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent); } .btn-xl-outline-dark.btn-icon i { color: #fff; background-color: rgb(var(--dark-rgb)); } .btn-xl-outline-dark.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-xl-dark-gray { background-color: var(--dark-gray); border-color: var(--dark-gray); color: var(--light); } .btn-xl-dark-gray:hover, .btn-xl-dark-gray:not(:disabled):not(.disabled).active, .btn-xl-dark-gray:not(:disabled):not(.disabled):active, .show > .btn-xl-dark-gray.dropdown-toggle { color: var(--light); background-color: var(--dark-gray); border-color: var(--dark-gray); box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent); } .btn-xl-dark-gray.focus, .btn-xl-dark-gray:focus { box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent); background: var(--dark-gray); border-color: var(--dark-gray); } .btn-xl-outline-dark-gray { color: var(--dark-gray); border-color: var(--dark-gray); border-width: 1px; background: transparent; } .btn-xl-outline-dark-gray:hover, .btn-xl-outline-dark-gray:not(:disabled):not(.disabled).active, .btn-xl-outline-dark-gray:not(:disabled):not(.disabled):active, .show > .btn-xl-outline-dark-gray.dropdown-toggle, .btn-xl-outline-dark-gray.focus, .btn-xl-outline-dark-gray:focus { color: var(--light); background-color: var(--dark-gray); border-color: var(--dark-gray); box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent); } .btn-xl-outline-dark-gray.btn-icon i { color: #fff; background-color: rgb(var(--dark-gray-rgb)); } .btn-xl-outline-dark-gray.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } } @media (min-width: 1400px) { /* If color primary is light then change text color to dark */ /* If color secondary is light then change text color to dark */ /* If color tertiary is light then change text color to dark */ /* If color quaternary is light then change text color to dark */ /* If color quinary is light then change text color to dark */ /* If color light is light then change text color to dark */ /* If color gray is light then change text color to dark */ /* If color dark is light then change text color to dark */ /* If color dark-gray is light then change text color to dark */ .btn-xxl-primary { background-color: var(--primary); border-color: var(--primary); color: var(--light); } .btn-xxl-primary:hover, .btn-xxl-primary:not(:disabled):not(.disabled).active, .btn-xxl-primary:not(:disabled):not(.disabled):active, .show > .btn-xxl-primary.dropdown-toggle { color: var(--light); background-color: var(--primary); border-color: var(--primary); box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent); } .btn-xxl-primary.focus, .btn-xxl-primary:focus { box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent); background: var(--primary); border-color: var(--primary); } .btn-xxl-outline-primary { color: var(--primary); border-color: var(--primary); border-width: 1px; background: transparent; } .btn-xxl-outline-primary:hover, .btn-xxl-outline-primary:not(:disabled):not(.disabled).active, .btn-xxl-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-xxl-outline-primary.dropdown-toggle, .btn-xxl-outline-primary.focus, .btn-xxl-outline-primary:focus { color: var(--light); background-color: var(--primary); border-color: var(--primary); box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent); } .btn-xxl-outline-primary.btn-icon i { color: #fff; background-color: rgb(var(--primary-rgb)); } .btn-xxl-outline-primary.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-xxl-primary { background: var(--primary-dark-60); border-color: var(--primary-dark-60); } .btn-xxl-secondary { background-color: var(--secondary); border-color: var(--secondary); color: var(--light); } .btn-xxl-secondary:hover, .btn-xxl-secondary:not(:disabled):not(.disabled).active, .btn-xxl-secondary:not(:disabled):not(.disabled):active, .show > .btn-xxl-secondary.dropdown-toggle { color: var(--light); background-color: var(--secondary); border-color: var(--secondary); box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent); } .btn-xxl-secondary.focus, .btn-xxl-secondary:focus { box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent); background: var(--secondary); border-color: var(--secondary); } .btn-xxl-outline-secondary { color: var(--secondary); border-color: var(--secondary); border-width: 1px; background: transparent; } .btn-xxl-outline-secondary:hover, .btn-xxl-outline-secondary:not(:disabled):not(.disabled).active, .btn-xxl-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-xxl-outline-secondary.dropdown-toggle, .btn-xxl-outline-secondary.focus, .btn-xxl-outline-secondary:focus { color: var(--light); background-color: var(--secondary); border-color: var(--secondary); box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent); } .btn-xxl-outline-secondary.btn-icon i { color: #fff; background-color: rgb(var(--secondary-rgb)); } .btn-xxl-outline-secondary.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-xxl-tertiary { background-color: var(--tertiary); border-color: var(--tertiary); color: var(--light); } .btn-xxl-tertiary:hover, .btn-xxl-tertiary:not(:disabled):not(.disabled).active, .btn-xxl-tertiary:not(:disabled):not(.disabled):active, .show > .btn-xxl-tertiary.dropdown-toggle { color: var(--light); background-color: var(--tertiary); border-color: var(--tertiary); box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent); } .btn-xxl-tertiary.focus, .btn-xxl-tertiary:focus { box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent); background: var(--tertiary); border-color: var(--tertiary); } .btn-xxl-outline-tertiary { color: var(--tertiary); border-color: var(--tertiary); border-width: 1px; background: transparent; } .btn-xxl-outline-tertiary:hover, .btn-xxl-outline-tertiary:not(:disabled):not(.disabled).active, .btn-xxl-outline-tertiary:not(:disabled):not(.disabled):active, .show > .btn-xxl-outline-tertiary.dropdown-toggle, .btn-xxl-outline-tertiary.focus, .btn-xxl-outline-tertiary:focus { color: var(--light); background-color: var(--tertiary); border-color: var(--tertiary); box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent); } .btn-xxl-outline-tertiary.btn-icon i { color: #fff; background-color: rgb(var(--tertiary-rgb)); } .btn-xxl-outline-tertiary.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-xxl-tertiary { background: var(--tertiary-85); border-color: var(--tertiary-85); } .btn-xxl-tertiary, .btn-xxl-outline-tertiary.btn-icon i { color: var(--secondary); } .btn-xxl-tertiary:hover, .btn-xxl-tertiary:not(:disabled):not(.disabled).active, .btn-xxl-tertiary:not(:disabled):not(.disabled):active, .show > .btn-xxl-tertiary.dropdown-toggle, .btn-xxl-outline-tertiary:hover, .btn-xxl-outline-tertiary:not(:disabled):not(.disabled).active, .btn-xxl-outline-tertiary:not(:disabled):not(.disabled):active, .show > .btn-xxl-outline-tertiary.dropdown-toggle, .btn-xxl-outline-tertiary.focus, .btn-xxl-outline-tertiary:focus { color: var(--secondary); } .btn-xxl-quaternary { background-color: var(--quaternary); border-color: var(--quaternary); color: var(--light); } .btn-xxl-quaternary:hover, .btn-xxl-quaternary:not(:disabled):not(.disabled).active, .btn-xxl-quaternary:not(:disabled):not(.disabled):active, .show > .btn-xxl-quaternary.dropdown-toggle { color: var(--light); background-color: var(--quaternary); border-color: var(--quaternary); box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent); } .btn-xxl-quaternary.focus, .btn-xxl-quaternary:focus { box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent); background: var(--quaternary); border-color: var(--quaternary); } .btn-xxl-outline-quaternary { color: var(--quaternary); border-color: var(--quaternary); border-width: 1px; background: transparent; } .btn-xxl-outline-quaternary:hover, .btn-xxl-outline-quaternary:not(:disabled):not(.disabled).active, .btn-xxl-outline-quaternary:not(:disabled):not(.disabled):active, .show > .btn-xxl-outline-quaternary.dropdown-toggle, .btn-xxl-outline-quaternary.focus, .btn-xxl-outline-quaternary:focus { color: var(--light); background-color: var(--quaternary); border-color: var(--quaternary); box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent); } .btn-xxl-outline-quaternary.btn-icon i { color: #fff; background-color: rgb(var(--quaternary-rgb)); } .btn-xxl-outline-quaternary.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-xxl-quaternary, .btn-xxl-outline-quaternary.btn-icon i { color: var(--secondary); } .btn-xxl-quaternary:hover, .btn-xxl-quaternary:not(:disabled):not(.disabled).active, .btn-xxl-quaternary:not(:disabled):not(.disabled):active, .show > .btn-xxl-quaternary.dropdown-toggle, .btn-xxl-outline-quaternary:hover, .btn-xxl-outline-quaternary:not(:disabled):not(.disabled).active, .btn-xxl-outline-quaternary:not(:disabled):not(.disabled):active, .show > .btn-xxl-outline-quaternary.dropdown-toggle, .btn-xxl-outline-quaternary.focus, .btn-xxl-outline-quaternary:focus { color: var(--secondary); } .btn-xxl-quinary { background-color: var(--quinary); border-color: var(--quinary); color: var(--light); } .btn-xxl-quinary:hover, .btn-xxl-quinary:not(:disabled):not(.disabled).active, .btn-xxl-quinary:not(:disabled):not(.disabled):active, .show > .btn-xxl-quinary.dropdown-toggle { color: var(--light); background-color: var(--quinary); border-color: var(--quinary); box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent); } .btn-xxl-quinary.focus, .btn-xxl-quinary:focus { box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent); background: var(--quinary); border-color: var(--quinary); } .btn-xxl-outline-quinary { color: var(--quinary); border-color: var(--quinary); border-width: 1px; background: transparent; } .btn-xxl-outline-quinary:hover, .btn-xxl-outline-quinary:not(:disabled):not(.disabled).active, .btn-xxl-outline-quinary:not(:disabled):not(.disabled):active, .show > .btn-xxl-outline-quinary.dropdown-toggle, .btn-xxl-outline-quinary.focus, .btn-xxl-outline-quinary:focus { color: var(--light); background-color: var(--quinary); border-color: var(--quinary); box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent); } .btn-xxl-outline-quinary.btn-icon i { color: #fff; background-color: rgb(var(--quinary-rgb)); } .btn-xxl-outline-quinary.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-xxl-light { background-color: var(--light); border-color: var(--light); color: var(--light); } .btn-xxl-light:hover, .btn-xxl-light:not(:disabled):not(.disabled).active, .btn-xxl-light:not(:disabled):not(.disabled):active, .show > .btn-xxl-light.dropdown-toggle { color: var(--light); background-color: var(--light); border-color: var(--light); box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent); } .btn-xxl-light.focus, .btn-xxl-light:focus { box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent); background: var(--light); border-color: var(--light); } .btn-xxl-outline-light { color: var(--light); border-color: var(--light); border-width: 1px; background: transparent; } .btn-xxl-outline-light:hover, .btn-xxl-outline-light:not(:disabled):not(.disabled).active, .btn-xxl-outline-light:not(:disabled):not(.disabled):active, .show > .btn-xxl-outline-light.dropdown-toggle, .btn-xxl-outline-light.focus, .btn-xxl-outline-light:focus { color: var(--light); background-color: var(--light); border-color: var(--light); box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent); } .btn-xxl-outline-light.btn-icon i { color: #fff; background-color: rgb(var(--light-rgb)); } .btn-xxl-outline-light.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-xxl-light, .btn-xxl-outline-light.btn-icon i { color: var(--secondary); } .btn-xxl-light:hover, .btn-xxl-light:not(:disabled):not(.disabled).active, .btn-xxl-light:not(:disabled):not(.disabled):active, .show > .btn-xxl-light.dropdown-toggle, .btn-xxl-outline-light:hover, .btn-xxl-outline-light:not(:disabled):not(.disabled).active, .btn-xxl-outline-light:not(:disabled):not(.disabled):active, .show > .btn-xxl-outline-light.dropdown-toggle, .btn-xxl-outline-light.focus, .btn-xxl-outline-light:focus { color: var(--secondary); } .btn-xxl-gray { background-color: var(--gray); border-color: var(--gray); color: var(--light); } .btn-xxl-gray:hover, .btn-xxl-gray:not(:disabled):not(.disabled).active, .btn-xxl-gray:not(:disabled):not(.disabled):active, .show > .btn-xxl-gray.dropdown-toggle { color: var(--light); background-color: var(--gray); border-color: var(--gray); box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent); } .btn-xxl-gray.focus, .btn-xxl-gray:focus { box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent); background: var(--gray); border-color: var(--gray); } .btn-xxl-outline-gray { color: var(--gray); border-color: var(--gray); border-width: 1px; background: transparent; } .btn-xxl-outline-gray:hover, .btn-xxl-outline-gray:not(:disabled):not(.disabled).active, .btn-xxl-outline-gray:not(:disabled):not(.disabled):active, .show > .btn-xxl-outline-gray.dropdown-toggle, .btn-xxl-outline-gray.focus, .btn-xxl-outline-gray:focus { color: var(--light); background-color: var(--gray); border-color: var(--gray); box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent); } .btn-xxl-outline-gray.btn-icon i { color: #fff; background-color: rgb(var(--gray-rgb)); } .btn-xxl-outline-gray.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-xxl-dark { background-color: var(--dark); border-color: var(--dark); color: var(--light); } .btn-xxl-dark:hover, .btn-xxl-dark:not(:disabled):not(.disabled).active, .btn-xxl-dark:not(:disabled):not(.disabled):active, .show > .btn-xxl-dark.dropdown-toggle { color: var(--light); background-color: var(--dark); border-color: var(--dark); box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent); } .btn-xxl-dark.focus, .btn-xxl-dark:focus { box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent); background: var(--dark); border-color: var(--dark); } .btn-xxl-outline-dark { color: var(--dark); border-color: var(--dark); border-width: 1px; background: transparent; } .btn-xxl-outline-dark:hover, .btn-xxl-outline-dark:not(:disabled):not(.disabled).active, .btn-xxl-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-xxl-outline-dark.dropdown-toggle, .btn-xxl-outline-dark.focus, .btn-xxl-outline-dark:focus { color: var(--light); background-color: var(--dark); border-color: var(--dark); box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent); } .btn-xxl-outline-dark.btn-icon i { color: #fff; background-color: rgb(var(--dark-rgb)); } .btn-xxl-outline-dark.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } .btn-xxl-dark-gray { background-color: var(--dark-gray); border-color: var(--dark-gray); color: var(--light); } .btn-xxl-dark-gray:hover, .btn-xxl-dark-gray:not(:disabled):not(.disabled).active, .btn-xxl-dark-gray:not(:disabled):not(.disabled):active, .show > .btn-xxl-dark-gray.dropdown-toggle { color: var(--light); background-color: var(--dark-gray); border-color: var(--dark-gray); box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent); } .btn-xxl-dark-gray.focus, .btn-xxl-dark-gray:focus { box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent); background: var(--dark-gray); border-color: var(--dark-gray); } .btn-xxl-outline-dark-gray { color: var(--dark-gray); border-color: var(--dark-gray); border-width: 1px; background: transparent; } .btn-xxl-outline-dark-gray:hover, .btn-xxl-outline-dark-gray:not(:disabled):not(.disabled).active, .btn-xxl-outline-dark-gray:not(:disabled):not(.disabled):active, .show > .btn-xxl-outline-dark-gray.dropdown-toggle, .btn-xxl-outline-dark-gray.focus, .btn-xxl-outline-dark-gray:focus { color: var(--light); background-color: var(--dark-gray); border-color: var(--dark-gray); box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent); } .btn-xxl-outline-dark-gray.btn-icon i { color: #fff; background-color: rgb(var(--dark-gray-rgb)); } .btn-xxl-outline-dark-gray.btn-icon:hover i { background-color: rgba(0, 0, 0, 0.13); } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ header .nav-container .main-nav .logo { z-index: 1; } header .nav-container .main-nav .logo .mobile { display: none; } @media (max-width: 991px) { header .nav-container .main-nav .logo .mobile { display: block; } header .nav-container .main-nav .logo .desktop { display: none; } } header .nav-container .main-nav .items { gap: 1.25rem; } header .nav-container .main-nav .items .item-append { gap: 0.75rem; } @media (max-width: 991px) { header .nav-container .main-nav .items .item-append { gap: 0.62rem; } } @media (max-width: 991px) { header .nav-container .main-nav .items .item-append .cta { font-size: 0.8125rem; } header .nav-container .main-nav .items .item-append .cta:not(:has(.icon)) { padding: 0.69rem 0.875rem; } } @media (max-width: 991px) { header .nav-container .main-nav .items .item-append .cta:has(.icon) { font-size: 1rem; line-height: 1; padding: 0.6125rem; } } header .nav-container .main-nav .items .mobile-nav-trigger { padding: 1rem; margin: -1rem; box-sizing: content-box; } header.scrolled:not(:has(a.parent.over)) { box-shadow: var(--box-shadow); } @media (min-width: 992px) { header:has(.logo img.on-scrolled).scrolled .logo img.on-scrolled.desktop { display: inline; } } @media (max-width: 991px) { header:has(.logo img.on-scrolled).scrolled .logo img.on-scrolled.desktop { display: none; } } @media (max-width: 991px) { header:has(.logo img.on-scrolled).scrolled .logo img.on-scrolled.mobile { display: inline; } } @media (min-width: 992px) { header:has(.logo img.on-scrolled).scrolled .logo img.on-scrolled.mobile { display: none; } } header:has(.logo img.on-scrolled).scrolled .logo img:not(.on-scrolled) { display: none; } header:has(.logo img.on-scrolled):not(.scrolled) .logo img.on-scrolled { display: none; } @media (max-width: 991px) { header:not(.scrolled):has(.logo img.mobile.on-open-1).open .logo img.mobile.on-open-1 { display: inline; } header:not(.scrolled):has(.logo img.mobile.on-open-1).open .logo img.mobile:not(.on-open-1) { display: none; } header:not(.scrolled):has(.logo img.mobile.on-open-1):not(.open) .logo img.mobile.on-open-1 { display: none; } header:not(.scrolled):has(.logo img.mobile.on-open-1):not(.open) .logo img.mobile:not(.on-open-1) { display: inline; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ body.h-show-tert-nav .tert-nav { --nav-tert-background-color: linear-gradient(90deg, rgba(231, 236, 240, 0.00) 0%, #E7ECF0 100%); display: block; border-bottom: unset; } body.h-show-tert-nav .tert-nav a { padding: 0; } body.h-show-tert-nav .tert-nav .container .tert-wrapper { height: var(--nav-tert-desktop-height); overflow: hidden; --tert-gap: 1.25rem; display: flex; gap: var(--tert-gap); align-items: center; justify-content: flex-end; font-weight: 400; transition: var(--transition); } @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-tert-change-location { display: flex; align-items: center; gap: 0.375rem; transition: var(--transition); } body.h-show-tert-nav .tert-nav .container .tert-wrapper .wi-tert-change-location i { font-size: 0.9rem; } body.h-show-tert-nav .tert-nav .container .tert-wrapper .wi-tert-change-location .location-name { font-size: 0.875rem; height: unset; padding: 0; display: block; } body.h-show-tert-nav .tert-nav .container .tert-wrapper .wi-tert-change-location: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: 400; gap: 0.62rem; transition: var(--transition); } body.h-show-tert-nav .tert-nav .container .tert-wrapper .tert-ul li a:hover { background: transparent; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .well-xsmall { --well-xsmall-pad-y: 1.12rem; --well-xsmall-pad-x: 1rem; } @media (min-width: 576px) { .well-xsmall { --well-xsmall-pad-y: 1.12rem; --well-xsmall-pad-x: 1rem; } } @media (min-width: 768px) { .well-xsmall { --well-xsmall-pad-y: 1.12rem; --well-xsmall-pad-x: 1rem; } } @media (min-width: 992px) { .well-xsmall { --well-xsmall-pad-y: 1.25rem; --well-xsmall-pad-x: 1.25rem; } } @media (min-width: 1200px) { .well-xsmall { --well-xsmall-pad-y: 1.25rem; --well-xsmall-pad-x: 1.25rem; } } @media (min-width: 1400px) { .well-xsmall { --well-xsmall-pad-y: 1.25rem; --well-xsmall-pad-x: 1.25rem; } } .well-small { --well-small-pad-y: 1.5rem; --well-small-pad-x: 1.25rem; } @media (min-width: 576px) { .well-small { --well-small-pad-y: 1.5rem; --well-small-pad-x: 1.25rem; } } @media (min-width: 768px) { .well-small { --well-small-pad-y: 1.5rem; --well-small-pad-x: 1.25rem; } } @media (min-width: 992px) { .well-small { --well-small-pad-y: 1.5rem; --well-small-pad-x: 1.25rem; } } @media (min-width: 1200px) { .well-small { --well-small-pad-y: 1.5rem; --well-small-pad-x: 1.25rem; } } @media (min-width: 1400px) { .well-small { --well-small-pad-y: 1.5rem; --well-small-pad-x: 1.25rem; } } .well { --well-pad-y: 1.88rem; --well-pad-x: 1.88rem; } @media (min-width: 576px) { .well { --well-pad-y: 1.88rem; --well-pad-x: 1.88rem; } } @media (min-width: 768px) { .well { --well-pad-y: 1.88rem; --well-pad-x: 1.88rem; } } @media (min-width: 992px) { .well { --well-pad-y: 1.88rem; --well-pad-x: 1.88rem; } } @media (min-width: 1200px) { .well { --well-pad-y: 1.88rem; --well-pad-x: 1.88rem; } } @media (min-width: 1400px) { .well { --well-pad-y: 1.88rem; --well-pad-x: 1.88rem; } } .well-large { --well-large-pad-y: 1.88rem; --well-large-pad-x: 1.25rem; } @media (min-width: 576px) { .well-large { --well-large-pad-y: 1.88rem; --well-large-pad-x: 1.25rem; } } @media (min-width: 768px) { .well-large { --well-large-pad-y: 1.88rem; --well-large-pad-x: 1.25rem; } } @media (min-width: 992px) { .well-large { --well-large-pad-y: 2.5rem; --well-large-pad-x: 2.5rem; } } @media (min-width: 1200px) { .well-large { --well-large-pad-y: 2.5rem; --well-large-pad-x: 2.5rem; } } @media (min-width: 1400px) { .well-large { --well-large-pad-y: 2.5rem; --well-large-pad-x: 2.5rem; } } .well-intro { --well-intro-pad-y: 1.88rem; --well-intro-pad-x: 1.5rem; } @media (min-width: 576px) { .well-intro { --well-intro-pad-y: 1.88rem; --well-intro-pad-x: 1.5rem; } } @media (min-width: 768px) { .well-intro { --well-intro-pad-y: 1.88rem; --well-intro-pad-x: 1.5rem; } } @media (min-width: 992px) { .well-intro { --well-intro-pad-y: 2.5rem; --well-intro-pad-x: 2.5rem; } } @media (min-width: 1200px) { .well-intro { --well-intro-pad-y: 2.5rem; --well-intro-pad-x: 2.5rem; } } @media (min-width: 1400px) { .well-intro { --well-intro-pad-y: 2.5rem; --well-intro-pad-x: 2.5rem; } } .well-unset { padding: unset; border: unset; border-radius: unset; } .well-xsmall { --parent-pad-y: var(--well-xsmall-pad-y); --parent-pad-x: var(--well-xsmall-pad-x); position: relative; padding: var(--well-xsmall-pad-y) var(--well-xsmall-pad-x); border: 1px solid var(--border-color, var(--light)); border-radius: var(--border-radius); } .well-small { --parent-pad-y: var(--well-small-pad-y); --parent-pad-x: var(--well-small-pad-x); position: relative; padding: var(--well-small-pad-y) var(--well-small-pad-x); border: 1px solid var(--border-color, var(--light)); border-radius: var(--border-radius); } .well { --parent-pad-y: var(--well-pad-y); --parent-pad-x: var(--well-pad-x); position: relative; padding: var(--well-pad-y) var(--well-pad-x); border: 1px solid var(--border-color, var(--light)); border-radius: var(--border-radius); } .well-large { --parent-pad-y: var(--well-large-pad-y); --parent-pad-x: var(--well-large-pad-x); position: relative; padding: var(--well-large-pad-y) var(--well-large-pad-x); border: 1px solid var(--border-color, var(--light)); border-radius: var(--border-radius); } .well-intro { --parent-pad-y: var(--well-intro-pad-y); --parent-pad-x: var(--well-intro-pad-x); position: relative; padding: var(--well-intro-pad-y) var(--well-intro-pad-x); border: 1px solid var(--border-color, var(--light)); border-radius: var(--border-radius); } @media (min-width: 576px) { .well-sm-xsmall { --well-sm-xsmall-pad-y: 1.12rem; --well-sm-xsmall-pad-x: 1rem; } } @media (min-width: 768px) { .well-sm-xsmall { --well-sm-xsmall-pad-y: 1.12rem; --well-sm-xsmall-pad-x: 1rem; } } @media (min-width: 992px) { .well-sm-xsmall { --well-sm-xsmall-pad-y: 1.25rem; --well-sm-xsmall-pad-x: 1.25rem; } } @media (min-width: 1200px) { .well-sm-xsmall { --well-sm-xsmall-pad-y: 1.25rem; --well-sm-xsmall-pad-x: 1.25rem; } } @media (min-width: 1400px) { .well-sm-xsmall { --well-sm-xsmall-pad-y: 1.25rem; --well-sm-xsmall-pad-x: 1.25rem; } } @media (min-width: 576px) { .well-sm-small { --well-sm-small-pad-y: 1.5rem; --well-sm-small-pad-x: 1.25rem; } } @media (min-width: 768px) { .well-sm-small { --well-sm-small-pad-y: 1.5rem; --well-sm-small-pad-x: 1.25rem; } } @media (min-width: 992px) { .well-sm-small { --well-sm-small-pad-y: 1.5rem; --well-sm-small-pad-x: 1.25rem; } } @media (min-width: 1200px) { .well-sm-small { --well-sm-small-pad-y: 1.5rem; --well-sm-small-pad-x: 1.25rem; } } @media (min-width: 1400px) { .well-sm-small { --well-sm-small-pad-y: 1.5rem; --well-sm-small-pad-x: 1.25rem; } } @media (min-width: 576px) { .well-sm { --well-sm-pad-y: 1.88rem; --well-sm-pad-x: 1.88rem; } } @media (min-width: 768px) { .well-sm { --well-sm-pad-y: 1.88rem; --well-sm-pad-x: 1.88rem; } } @media (min-width: 992px) { .well-sm { --well-sm-pad-y: 1.88rem; --well-sm-pad-x: 1.88rem; } } @media (min-width: 1200px) { .well-sm { --well-sm-pad-y: 1.88rem; --well-sm-pad-x: 1.88rem; } } @media (min-width: 1400px) { .well-sm { --well-sm-pad-y: 1.88rem; --well-sm-pad-x: 1.88rem; } } @media (min-width: 576px) { .well-sm-large { --well-sm-large-pad-y: 1.88rem; --well-sm-large-pad-x: 1.25rem; } } @media (min-width: 768px) { .well-sm-large { --well-sm-large-pad-y: 1.88rem; --well-sm-large-pad-x: 1.25rem; } } @media (min-width: 992px) { .well-sm-large { --well-sm-large-pad-y: 2.5rem; --well-sm-large-pad-x: 2.5rem; } } @media (min-width: 1200px) { .well-sm-large { --well-sm-large-pad-y: 2.5rem; --well-sm-large-pad-x: 2.5rem; } } @media (min-width: 1400px) { .well-sm-large { --well-sm-large-pad-y: 2.5rem; --well-sm-large-pad-x: 2.5rem; } } @media (min-width: 576px) { .well-sm-intro { --well-sm-intro-pad-y: 1.88rem; --well-sm-intro-pad-x: 1.5rem; } } @media (min-width: 768px) { .well-sm-intro { --well-sm-intro-pad-y: 1.88rem; --well-sm-intro-pad-x: 1.5rem; } } @media (min-width: 992px) { .well-sm-intro { --well-sm-intro-pad-y: 2.5rem; --well-sm-intro-pad-x: 2.5rem; } } @media (min-width: 1200px) { .well-sm-intro { --well-sm-intro-pad-y: 2.5rem; --well-sm-intro-pad-x: 2.5rem; } } @media (min-width: 1400px) { .well-sm-intro { --well-sm-intro-pad-y: 2.5rem; --well-sm-intro-pad-x: 2.5rem; } } @media (min-width: 576px) { .well-sm-unset { padding: unset; border: unset; border-radius: unset; } .well-sm-xsmall { --parent-pad-y: var(--well-sm-xsmall-pad-y); --parent-pad-x: var(--well-sm-xsmall-pad-x); position: relative; padding: var(--well-sm-xsmall-pad-y) var(--well-sm-xsmall-pad-x); border: 1px solid var(--border-color, var(--light)); border-radius: var(--border-radius); } .well-sm-small { --parent-pad-y: var(--well-sm-small-pad-y); --parent-pad-x: var(--well-sm-small-pad-x); position: relative; padding: var(--well-sm-small-pad-y) var(--well-sm-small-pad-x); border: 1px solid var(--border-color, var(--light)); border-radius: var(--border-radius); } .well-sm { --parent-pad-y: var(--well-sm-pad-y); --parent-pad-x: var(--well-sm-pad-x); position: relative; padding: var(--well-sm-pad-y) var(--well-sm-pad-x); border: 1px solid var(--border-color, var(--light)); border-radius: var(--border-radius); } .well-sm-large { --parent-pad-y: var(--well-sm-large-pad-y); --parent-pad-x: var(--well-sm-large-pad-x); position: relative; padding: var(--well-sm-large-pad-y) var(--well-sm-large-pad-x); border: 1px solid var(--border-color, var(--light)); border-radius: var(--border-radius); } .well-sm-intro { --parent-pad-y: var(--well-sm-intro-pad-y); --parent-pad-x: var(--well-sm-intro-pad-x); position: relative; padding: var(--well-sm-intro-pad-y) var(--well-sm-intro-pad-x); border: 1px solid var(--border-color, var(--light)); border-radius: var(--border-radius); } } @media (min-width: 768px) { .well-md-xsmall { --well-md-xsmall-pad-y: 1.12rem; --well-md-xsmall-pad-x: 1rem; } } @media (min-width: 992px) { .well-md-xsmall { --well-md-xsmall-pad-y: 1.25rem; --well-md-xsmall-pad-x: 1.25rem; } } @media (min-width: 1200px) { .well-md-xsmall { --well-md-xsmall-pad-y: 1.25rem; --well-md-xsmall-pad-x: 1.25rem; } } @media (min-width: 1400px) { .well-md-xsmall { --well-md-xsmall-pad-y: 1.25rem; --well-md-xsmall-pad-x: 1.25rem; } } @media (min-width: 768px) { .well-md-small { --well-md-small-pad-y: 1.5rem; --well-md-small-pad-x: 1.25rem; } } @media (min-width: 992px) { .well-md-small { --well-md-small-pad-y: 1.5rem; --well-md-small-pad-x: 1.25rem; } } @media (min-width: 1200px) { .well-md-small { --well-md-small-pad-y: 1.5rem; --well-md-small-pad-x: 1.25rem; } } @media (min-width: 1400px) { .well-md-small { --well-md-small-pad-y: 1.5rem; --well-md-small-pad-x: 1.25rem; } } @media (min-width: 768px) { .well-md { --well-md-pad-y: 1.88rem; --well-md-pad-x: 1.88rem; } } @media (min-width: 992px) { .well-md { --well-md-pad-y: 1.88rem; --well-md-pad-x: 1.88rem; } } @media (min-width: 1200px) { .well-md { --well-md-pad-y: 1.88rem; --well-md-pad-x: 1.88rem; } } @media (min-width: 1400px) { .well-md { --well-md-pad-y: 1.88rem; --well-md-pad-x: 1.88rem; } } @media (min-width: 768px) { .well-md-large { --well-md-large-pad-y: 1.88rem; --well-md-large-pad-x: 1.25rem; } } @media (min-width: 992px) { .well-md-large { --well-md-large-pad-y: 2.5rem; --well-md-large-pad-x: 2.5rem; } } @media (min-width: 1200px) { .well-md-large { --well-md-large-pad-y: 2.5rem; --well-md-large-pad-x: 2.5rem; } } @media (min-width: 1400px) { .well-md-large { --well-md-large-pad-y: 2.5rem; --well-md-large-pad-x: 2.5rem; } } @media (min-width: 768px) { .well-md-intro { --well-md-intro-pad-y: 1.88rem; --well-md-intro-pad-x: 1.5rem; } } @media (min-width: 992px) { .well-md-intro { --well-md-intro-pad-y: 2.5rem; --well-md-intro-pad-x: 2.5rem; } } @media (min-width: 1200px) { .well-md-intro { --well-md-intro-pad-y: 2.5rem; --well-md-intro-pad-x: 2.5rem; } } @media (min-width: 1400px) { .well-md-intro { --well-md-intro-pad-y: 2.5rem; --well-md-intro-pad-x: 2.5rem; } } @media (min-width: 768px) { .well-md-unset { padding: unset; border: unset; border-radius: unset; } .well-md-xsmall { --parent-pad-y: var(--well-md-xsmall-pad-y); --parent-pad-x: var(--well-md-xsmall-pad-x); position: relative; padding: var(--well-md-xsmall-pad-y) var(--well-md-xsmall-pad-x); border: 1px solid var(--border-color, var(--light)); border-radius: var(--border-radius); } .well-md-small { --parent-pad-y: var(--well-md-small-pad-y); --parent-pad-x: var(--well-md-small-pad-x); position: relative; padding: var(--well-md-small-pad-y) var(--well-md-small-pad-x); border: 1px solid var(--border-color, var(--light)); border-radius: var(--border-radius); } .well-md { --parent-pad-y: var(--well-md-pad-y); --parent-pad-x: var(--well-md-pad-x); position: relative; padding: var(--well-md-pad-y) var(--well-md-pad-x); border: 1px solid var(--border-color, var(--light)); border-radius: var(--border-radius); } .well-md-large { --parent-pad-y: var(--well-md-large-pad-y); --parent-pad-x: var(--well-md-large-pad-x); position: relative; padding: var(--well-md-large-pad-y) var(--well-md-large-pad-x); border: 1px solid var(--border-color, var(--light)); border-radius: var(--border-radius); } .well-md-intro { --parent-pad-y: var(--well-md-intro-pad-y); --parent-pad-x: var(--well-md-intro-pad-x); position: relative; padding: var(--well-md-intro-pad-y) var(--well-md-intro-pad-x); border: 1px solid var(--border-color, var(--light)); border-radius: var(--border-radius); } } @media (min-width: 992px) { .well-lg-xsmall { --well-lg-xsmall-pad-y: 1.25rem; --well-lg-xsmall-pad-x: 1.25rem; } } @media (min-width: 1200px) { .well-lg-xsmall { --well-lg-xsmall-pad-y: 1.25rem; --well-lg-xsmall-pad-x: 1.25rem; } } @media (min-width: 1400px) { .well-lg-xsmall { --well-lg-xsmall-pad-y: 1.25rem; --well-lg-xsmall-pad-x: 1.25rem; } } @media (min-width: 992px) { .well-lg-small { --well-lg-small-pad-y: 1.5rem; --well-lg-small-pad-x: 1.25rem; } } @media (min-width: 1200px) { .well-lg-small { --well-lg-small-pad-y: 1.5rem; --well-lg-small-pad-x: 1.25rem; } } @media (min-width: 1400px) { .well-lg-small { --well-lg-small-pad-y: 1.5rem; --well-lg-small-pad-x: 1.25rem; } } @media (min-width: 992px) { .well-lg { --well-lg-pad-y: 1.88rem; --well-lg-pad-x: 1.88rem; } } @media (min-width: 1200px) { .well-lg { --well-lg-pad-y: 1.88rem; --well-lg-pad-x: 1.88rem; } } @media (min-width: 1400px) { .well-lg { --well-lg-pad-y: 1.88rem; --well-lg-pad-x: 1.88rem; } } @media (min-width: 992px) { .well-lg-large { --well-lg-large-pad-y: 2.5rem; --well-lg-large-pad-x: 2.5rem; } } @media (min-width: 1200px) { .well-lg-large { --well-lg-large-pad-y: 2.5rem; --well-lg-large-pad-x: 2.5rem; } } @media (min-width: 1400px) { .well-lg-large { --well-lg-large-pad-y: 2.5rem; --well-lg-large-pad-x: 2.5rem; } } @media (min-width: 992px) { .well-lg-intro { --well-lg-intro-pad-y: 2.5rem; --well-lg-intro-pad-x: 2.5rem; } } @media (min-width: 1200px) { .well-lg-intro { --well-lg-intro-pad-y: 2.5rem; --well-lg-intro-pad-x: 2.5rem; } } @media (min-width: 1400px) { .well-lg-intro { --well-lg-intro-pad-y: 2.5rem; --well-lg-intro-pad-x: 2.5rem; } } @media (min-width: 992px) { .well-lg-unset { padding: unset; border: unset; border-radius: unset; } .well-lg-xsmall { --parent-pad-y: var(--well-lg-xsmall-pad-y); --parent-pad-x: var(--well-lg-xsmall-pad-x); position: relative; padding: var(--well-lg-xsmall-pad-y) var(--well-lg-xsmall-pad-x); border: 1px solid var(--border-color, var(--light)); border-radius: var(--border-radius); } .well-lg-small { --parent-pad-y: var(--well-lg-small-pad-y); --parent-pad-x: var(--well-lg-small-pad-x); position: relative; padding: var(--well-lg-small-pad-y) var(--well-lg-small-pad-x); border: 1px solid var(--border-color, var(--light)); border-radius: var(--border-radius); } .well-lg { --parent-pad-y: var(--well-lg-pad-y); --parent-pad-x: var(--well-lg-pad-x); position: relative; padding: var(--well-lg-pad-y) var(--well-lg-pad-x); border: 1px solid var(--border-color, var(--light)); border-radius: var(--border-radius); } .well-lg-large { --parent-pad-y: var(--well-lg-large-pad-y); --parent-pad-x: var(--well-lg-large-pad-x); position: relative; padding: var(--well-lg-large-pad-y) var(--well-lg-large-pad-x); border: 1px solid var(--border-color, var(--light)); border-radius: var(--border-radius); } .well-lg-intro { --parent-pad-y: var(--well-lg-intro-pad-y); --parent-pad-x: var(--well-lg-intro-pad-x); position: relative; padding: var(--well-lg-intro-pad-y) var(--well-lg-intro-pad-x); border: 1px solid var(--border-color, var(--light)); border-radius: var(--border-radius); } } @media (min-width: 1200px) { .well-xl-xsmall { --well-xl-xsmall-pad-y: 1.25rem; --well-xl-xsmall-pad-x: 1.25rem; } } @media (min-width: 1400px) { .well-xl-xsmall { --well-xl-xsmall-pad-y: 1.25rem; --well-xl-xsmall-pad-x: 1.25rem; } } @media (min-width: 1200px) { .well-xl-small { --well-xl-small-pad-y: 1.5rem; --well-xl-small-pad-x: 1.25rem; } } @media (min-width: 1400px) { .well-xl-small { --well-xl-small-pad-y: 1.5rem; --well-xl-small-pad-x: 1.25rem; } } @media (min-width: 1200px) { .well-xl { --well-xl-pad-y: 1.88rem; --well-xl-pad-x: 1.88rem; } } @media (min-width: 1400px) { .well-xl { --well-xl-pad-y: 1.88rem; --well-xl-pad-x: 1.88rem; } } @media (min-width: 1200px) { .well-xl-large { --well-xl-large-pad-y: 2.5rem; --well-xl-large-pad-x: 2.5rem; } } @media (min-width: 1400px) { .well-xl-large { --well-xl-large-pad-y: 2.5rem; --well-xl-large-pad-x: 2.5rem; } } @media (min-width: 1200px) { .well-xl-intro { --well-xl-intro-pad-y: 2.5rem; --well-xl-intro-pad-x: 2.5rem; } } @media (min-width: 1400px) { .well-xl-intro { --well-xl-intro-pad-y: 2.5rem; --well-xl-intro-pad-x: 2.5rem; } } @media (min-width: 1200px) { .well-xl-unset { padding: unset; border: unset; border-radius: unset; } .well-xl-xsmall { --parent-pad-y: var(--well-xl-xsmall-pad-y); --parent-pad-x: var(--well-xl-xsmall-pad-x); position: relative; padding: var(--well-xl-xsmall-pad-y) var(--well-xl-xsmall-pad-x); border: 1px solid var(--border-color, var(--light)); border-radius: var(--border-radius); } .well-xl-small { --parent-pad-y: var(--well-xl-small-pad-y); --parent-pad-x: var(--well-xl-small-pad-x); position: relative; padding: var(--well-xl-small-pad-y) var(--well-xl-small-pad-x); border: 1px solid var(--border-color, var(--light)); border-radius: var(--border-radius); } .well-xl { --parent-pad-y: var(--well-xl-pad-y); --parent-pad-x: var(--well-xl-pad-x); position: relative; padding: var(--well-xl-pad-y) var(--well-xl-pad-x); border: 1px solid var(--border-color, var(--light)); border-radius: var(--border-radius); } .well-xl-large { --parent-pad-y: var(--well-xl-large-pad-y); --parent-pad-x: var(--well-xl-large-pad-x); position: relative; padding: var(--well-xl-large-pad-y) var(--well-xl-large-pad-x); border: 1px solid var(--border-color, var(--light)); border-radius: var(--border-radius); } .well-xl-intro { --parent-pad-y: var(--well-xl-intro-pad-y); --parent-pad-x: var(--well-xl-intro-pad-x); position: relative; padding: var(--well-xl-intro-pad-y) var(--well-xl-intro-pad-x); border: 1px solid var(--border-color, var(--light)); border-radius: var(--border-radius); } } @media (min-width: 1400px) { .well-xxl-xsmall { --well-xxl-xsmall-pad-y: 1.25rem; --well-xxl-xsmall-pad-x: 1.25rem; } } @media (min-width: 1400px) { .well-xxl-small { --well-xxl-small-pad-y: 1.5rem; --well-xxl-small-pad-x: 1.25rem; } } @media (min-width: 1400px) { .well-xxl { --well-xxl-pad-y: 1.88rem; --well-xxl-pad-x: 1.88rem; } } @media (min-width: 1400px) { .well-xxl-large { --well-xxl-large-pad-y: 2.5rem; --well-xxl-large-pad-x: 2.5rem; } } @media (min-width: 1400px) { .well-xxl-intro { --well-xxl-intro-pad-y: 2.5rem; --well-xxl-intro-pad-x: 2.5rem; } } @media (min-width: 1400px) { .well-xxl-unset { padding: unset; border: unset; border-radius: unset; } .well-xxl-xsmall { --parent-pad-y: var(--well-xxl-xsmall-pad-y); --parent-pad-x: var(--well-xxl-xsmall-pad-x); position: relative; padding: var(--well-xxl-xsmall-pad-y) var(--well-xxl-xsmall-pad-x); border: 1px solid var(--border-color, var(--light)); border-radius: var(--border-radius); } .well-xxl-small { --parent-pad-y: var(--well-xxl-small-pad-y); --parent-pad-x: var(--well-xxl-small-pad-x); position: relative; padding: var(--well-xxl-small-pad-y) var(--well-xxl-small-pad-x); border: 1px solid var(--border-color, var(--light)); border-radius: var(--border-radius); } .well-xxl { --parent-pad-y: var(--well-xxl-pad-y); --parent-pad-x: var(--well-xxl-pad-x); position: relative; padding: var(--well-xxl-pad-y) var(--well-xxl-pad-x); border: 1px solid var(--border-color, var(--light)); border-radius: var(--border-radius); } .well-xxl-large { --parent-pad-y: var(--well-xxl-large-pad-y); --parent-pad-x: var(--well-xxl-large-pad-x); position: relative; padding: var(--well-xxl-large-pad-y) var(--well-xxl-large-pad-x); border: 1px solid var(--border-color, var(--light)); border-radius: var(--border-radius); } .well-xxl-intro { --parent-pad-y: var(--well-xxl-intro-pad-y); --parent-pad-x: var(--well-xxl-intro-pad-x); position: relative; padding: var(--well-xxl-intro-pad-y) var(--well-xxl-intro-pad-x); border: 1px solid var(--border-color, var(--light)); border-radius: var(--border-radius); } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .beneath-footer { background: var(--bg-color); color: var(--text-color); font-size: 0.8125rem; font-weight: 400; line-height: normal; font-family: var(--font-secondary); } .beneath-footer.bg-color-primary { --bg-color: var(--primary) !important; } .beneath-footer.text-color-primary { --text-color: var(--primary) !important; } .beneath-footer.bg-color-secondary { --bg-color: var(--secondary) !important; } .beneath-footer.text-color-secondary { --text-color: var(--secondary) !important; } .beneath-footer.bg-color-tertiary { --bg-color: var(--tertiary) !important; } .beneath-footer.text-color-tertiary { --text-color: var(--tertiary) !important; } .beneath-footer.bg-color-quaternary { --bg-color: var(--quaternary) !important; } .beneath-footer.text-color-quaternary { --text-color: var(--quaternary) !important; } .beneath-footer.bg-color-quinary { --bg-color: var(--quinary) !important; } .beneath-footer.text-color-quinary { --text-color: var(--quinary) !important; } .beneath-footer.bg-color-light { --bg-color: var(--light) !important; } .beneath-footer.text-color-light { --text-color: var(--light) !important; } .beneath-footer.bg-color-gray { --bg-color: var(--gray) !important; } .beneath-footer.text-color-gray { --text-color: var(--gray) !important; } .beneath-footer.bg-color-dark { --bg-color: var(--dark) !important; } .beneath-footer.text-color-dark { --text-color: var(--dark) !important; } .beneath-footer.bg-color-dark-gray { --bg-color: var(--dark-gray) !important; } .beneath-footer.text-color-dark-gray { --text-color: var(--dark-gray) !important; } .beneath-footer .row { --bs-gutter-y: 0.5rem; } .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; } .beneath-footer .vert-bar:last-child { display: none; } @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(--tertiary); } .wi-accordion .accordion-item .accordion-header { font-size: 1.125rem; font-family: var(--font-secondary); font-weight: 600; color: var(--secondary); transition: color var(--transition); } .wi-accordion .accordion-item .accordion-header:hover { color: var(--tertiary); } .wi-accordion .accordion-item .accordion-header .accordion-button { font-size: inherit; color: inherit; font-weight: inherit; padding: 1.125rem 0; border: none; background-color: transparent; box-shadow: none; line-height: var(--p-line-height); transition: var(--transition); } .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(--tertiary); --size: 1.125rem; font-size: var(--size); height: var(--size); line-height: var(--size); font-weight: 400; 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; --size: 1.125rem; font-size: var(--size); height: var(--size); line-height: var(--size); } .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.125rem 0; font-size: 1rem; font-weight: 300; line-height: var(--p-line-height); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* For containing buttons displayed next to each other */ .btns-col { display: flex; flex-wrap: wrap; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .form-wrapper-v3.color-primary { --color: var(--primary) !important; } .form-wrapper-v3.bg-color-primary { --bg-color: var(--primary) !important; } .form-wrapper-v3.border-color-primary { --border-color: var(--primary) !important; } .form-wrapper-v3.color-secondary { --color: var(--secondary) !important; } .form-wrapper-v3.bg-color-secondary { --bg-color: var(--secondary) !important; } .form-wrapper-v3.border-color-secondary { --border-color: var(--secondary) !important; } .form-wrapper-v3.color-tertiary { --color: var(--tertiary) !important; } .form-wrapper-v3.bg-color-tertiary { --bg-color: var(--tertiary) !important; } .form-wrapper-v3.border-color-tertiary { --border-color: var(--tertiary) !important; } .form-wrapper-v3.color-quaternary { --color: var(--quaternary) !important; } .form-wrapper-v3.bg-color-quaternary { --bg-color: var(--quaternary) !important; } .form-wrapper-v3.border-color-quaternary { --border-color: var(--quaternary) !important; } .form-wrapper-v3.color-quinary { --color: var(--quinary) !important; } .form-wrapper-v3.bg-color-quinary { --bg-color: var(--quinary) !important; } .form-wrapper-v3.border-color-quinary { --border-color: var(--quinary) !important; } .form-wrapper-v3.color-light { --color: var(--light) !important; } .form-wrapper-v3.bg-color-light { --bg-color: var(--light) !important; } .form-wrapper-v3.border-color-light { --border-color: var(--light) !important; } .form-wrapper-v3.color-gray { --color: var(--gray) !important; } .form-wrapper-v3.bg-color-gray { --bg-color: var(--gray) !important; } .form-wrapper-v3.border-color-gray { --border-color: var(--gray) !important; } .form-wrapper-v3.color-dark { --color: var(--dark) !important; } .form-wrapper-v3.bg-color-dark { --bg-color: var(--dark) !important; } .form-wrapper-v3.border-color-dark { --border-color: var(--dark) !important; } .form-wrapper-v3.color-dark-gray { --color: var(--dark-gray) !important; } .form-wrapper-v3.bg-color-dark-gray { --bg-color: var(--dark-gray) !important; } .form-wrapper-v3.border-color-dark-gray { --border-color: var(--dark-gray) !important; } .form-wrapper-v3 .alert { color: var(--color); } .form-wrapper-v3 .oak_contact_form .row { --bs-gutter-y: 0.75rem; --bs-gutter-x: 0.75rem; } .form-wrapper-v3 .oak_contact_form .row .form-group { position: relative; } .form-wrapper-v3 .oak_contact_form .row .form-group.hide-label label:not(.form-check-label) { display: none; } .form-wrapper-v3 .oak_contact_form .row .form-group label { color: var(--color); position: absolute; top: 0.1875rem; left: calc(var(--bs-gutter-x) * 0.5 + 0.5rem); font-size: 0.6875rem; font-style: normal; font-weight: 300; line-height: 1.7; } .form-wrapper-v3 .oak_contact_form .row .form-group label.label-radio-parent { position: static; } .form-wrapper-v3 .oak_contact_form .row .form-group label.form-check-label { position: static; } .form-wrapper-v3 .oak_contact_form .row .form-group label.label-dropdown { pointer-events: none; } .form-wrapper-v3 .oak_contact_form .row .form-group .form-control { padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 1rem; color: var(--color); border: 1px solid var(--border-color); border-radius: var(--border-radius); background: var(--bg-color); font-size: 1rem; line-height: 1.215; font-weight: 300; } .form-wrapper-v3 .oak_contact_form .row .form-group div.form-control { height: 2.44rem; } .form-wrapper-v3 .oak_contact_form .row .form-group textarea.form-control { min-height: 6rem !important; } .form-wrapper-v3 .oak_contact_form .row .form-group .form-control:-webkit-autofill, .form-wrapper-v3 .oak_contact_form .row .form-group .form-control:-webkit-autofill:hover, .form-wrapper-v3 .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-v3 .oak_contact_form .row .form-group .custom-file-label { margin-top: 0.5rem; } .form-wrapper-v3 .oak_contact_form .row .form-group .fran_location_select_wrapper { color: var(--color); } .form-wrapper-v3 .oak_contact_form .row .form-group.outside-radius-element h5, .form-wrapper-v3 .oak_contact_form .row .form-group.zip_backup_location h5 { font-size: 1rem; color: var(--color); } .form-wrapper-v3 .oak_contact_form .row .form-group.check-group .label-checkbox-parent { position: unset; } .form-wrapper-v3 .oak_contact_form .row .form-group #contact_separator_1 { border-bottom: 1px solid var(--secondary) !important; margin-bottom: 7px; padding: 5px 0px !important; } .form-wrapper-v3 .oak_contact_form .row .form-group.select-el label.label-dropdown { pointer-events: none; } .form-wrapper-v3 .oak_contact_form .row .texting-disclaimer .title, .form-wrapper-v3 .oak_contact_form .row .texting-disclaimer .title a { color: var(--color); font-size: 0.875rem; font-weight: 700; } .form-wrapper-v3 .oak_contact_form .row .texting-disclaimer .disclaimer, .form-wrapper-v3 .oak_contact_form .row .texting-disclaimer .form-check-label { color: var(--color); font-size: 0.75rem; font-weight: 300; } .form-wrapper-v3 .oak_contact_form .row .texting-disclaimer .disclaimer a, .form-wrapper-v3 .oak_contact_form .row .texting-disclaimer .form-check-label a { font-size: 0.75rem; font-weight: 300; } .form-wrapper-v3.textarea-long .oak_contact_form .row .form-group textarea.form-control { min-height: 11.75rem !important; } .form-btn-primary .oak_contact_form button.form-btn { color: #fff; background-color: var(--primary); border-color: var(--primary); } .form-btn-primary .oak_contact_form button.form-btn { background: var(--primary-dark-60); border-color: var(--primary-dark-60); } .form-btn-primary .oak_contact_form button.form-btn:hover, .form-btn-primary .oak_contact_form button.form-btn:not(:disabled):not(.disabled).active, .form-btn-primary .oak_contact_form button.form-btn:not(:disabled):not(.disabled):active, .show > .submit-btn-primary .oak_contact_form button.form-btn.dropdown-toggle { color: #fff; background-color: var(--primary); border-color: var(--primary); box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent); } .form-btn-primary .oak_contact_form button.form-btn.focus, .form-btn-primary .oak_contact_form button.form-btn:focus { box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent); background: var(--primary); border-color: var(--primary); } .form-btn-outline-primary .oak_contact_form button.form-btn { color: var(--primary); border-color: var(--primary); border-width: 1px; } .form-btn-outline-primary .oak_contact_form button.form-btn:hover { color: #fff; background-color: var(--primary); border-color: var(--primary); box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent); } .form-btn-outline-primary .oak_contact_form button.form-btn.focus, .form-btn-outline-primary .oak_contact_form button.form-btn:focus { box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent); background: var(--primary); border-color: var(--primary); color: white; } .form-btn-secondary .oak_contact_form button.form-btn { color: #fff; background-color: var(--secondary); border-color: var(--secondary); } .form-btn-secondary .oak_contact_form button.form-btn:hover, .form-btn-secondary .oak_contact_form button.form-btn:not(:disabled):not(.disabled).active, .form-btn-secondary .oak_contact_form button.form-btn:not(:disabled):not(.disabled):active, .show > .submit-btn-secondary .oak_contact_form button.form-btn.dropdown-toggle { color: #fff; background-color: var(--secondary); border-color: var(--secondary); box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent); } .form-btn-secondary .oak_contact_form button.form-btn.focus, .form-btn-secondary .oak_contact_form button.form-btn:focus { box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent); background: var(--secondary); border-color: var(--secondary); } .form-btn-outline-secondary .oak_contact_form button.form-btn { color: var(--secondary); border-color: var(--secondary); border-width: 1px; } .form-btn-outline-secondary .oak_contact_form button.form-btn:hover { color: #fff; background-color: var(--secondary); border-color: var(--secondary); box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent); } .form-btn-outline-secondary .oak_contact_form button.form-btn.focus, .form-btn-outline-secondary .oak_contact_form button.form-btn:focus { box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent); background: var(--secondary); border-color: var(--secondary); color: white; } .form-btn-tertiary .oak_contact_form button.form-btn { color: #fff; background-color: var(--tertiary); border-color: var(--tertiary); } .form-btn-tertiary .oak_contact_form button.form-btn:hover, .form-btn-tertiary .oak_contact_form button.form-btn:not(:disabled):not(.disabled).active, .form-btn-tertiary .oak_contact_form button.form-btn:not(:disabled):not(.disabled):active, .show > .submit-btn-tertiary .oak_contact_form button.form-btn.dropdown-toggle { color: #fff; background-color: var(--tertiary); border-color: var(--tertiary); box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent); } .form-btn-tertiary .oak_contact_form button.form-btn.focus, .form-btn-tertiary .oak_contact_form button.form-btn:focus { box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent); background: var(--tertiary); border-color: var(--tertiary); } .form-btn-outline-tertiary .oak_contact_form button.form-btn { color: var(--tertiary); border-color: var(--tertiary); border-width: 1px; } .form-btn-outline-tertiary .oak_contact_form button.form-btn:hover { color: #fff; background-color: var(--tertiary); border-color: var(--tertiary); box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent); } .form-btn-outline-tertiary .oak_contact_form button.form-btn.focus, .form-btn-outline-tertiary .oak_contact_form button.form-btn:focus { box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent); background: var(--tertiary); border-color: var(--tertiary); color: white; } .form-btn-quaternary .oak_contact_form button.form-btn { color: #fff; background-color: var(--quaternary); border-color: var(--quaternary); } .form-btn-quaternary .oak_contact_form button.form-btn:hover, .form-btn-quaternary .oak_contact_form button.form-btn:not(:disabled):not(.disabled).active, .form-btn-quaternary .oak_contact_form button.form-btn:not(:disabled):not(.disabled):active, .show > .submit-btn-quaternary .oak_contact_form button.form-btn.dropdown-toggle { color: #fff; background-color: var(--quaternary); border-color: var(--quaternary); box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent); } .form-btn-quaternary .oak_contact_form button.form-btn.focus, .form-btn-quaternary .oak_contact_form button.form-btn:focus { box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent); background: var(--quaternary); border-color: var(--quaternary); } .form-btn-outline-quaternary .oak_contact_form button.form-btn { color: var(--quaternary); border-color: var(--quaternary); border-width: 1px; } .form-btn-outline-quaternary .oak_contact_form button.form-btn:hover { color: #fff; background-color: var(--quaternary); border-color: var(--quaternary); box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent); } .form-btn-outline-quaternary .oak_contact_form button.form-btn.focus, .form-btn-outline-quaternary .oak_contact_form button.form-btn:focus { box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent); background: var(--quaternary); border-color: var(--quaternary); color: white; } .form-btn-quinary .oak_contact_form button.form-btn { color: #fff; background-color: var(--quinary); border-color: var(--quinary); } .form-btn-quinary .oak_contact_form button.form-btn:hover, .form-btn-quinary .oak_contact_form button.form-btn:not(:disabled):not(.disabled).active, .form-btn-quinary .oak_contact_form button.form-btn:not(:disabled):not(.disabled):active, .show > .submit-btn-quinary .oak_contact_form button.form-btn.dropdown-toggle { color: #fff; background-color: var(--quinary); border-color: var(--quinary); box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent); } .form-btn-quinary .oak_contact_form button.form-btn.focus, .form-btn-quinary .oak_contact_form button.form-btn:focus { box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent); background: var(--quinary); border-color: var(--quinary); } .form-btn-outline-quinary .oak_contact_form button.form-btn { color: var(--quinary); border-color: var(--quinary); border-width: 1px; } .form-btn-outline-quinary .oak_contact_form button.form-btn:hover { color: #fff; background-color: var(--quinary); border-color: var(--quinary); box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent); } .form-btn-outline-quinary .oak_contact_form button.form-btn.focus, .form-btn-outline-quinary .oak_contact_form button.form-btn:focus { box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent); background: var(--quinary); border-color: var(--quinary); color: white; } .form-btn-light .oak_contact_form button.form-btn { color: #fff; background-color: var(--light); border-color: var(--light); } .form-btn-light .oak_contact_form button.form-btn:hover, .form-btn-light .oak_contact_form button.form-btn:not(:disabled):not(.disabled).active, .form-btn-light .oak_contact_form button.form-btn:not(:disabled):not(.disabled):active, .show > .submit-btn-light .oak_contact_form button.form-btn.dropdown-toggle { color: #fff; background-color: var(--light); border-color: var(--light); box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent); } .form-btn-light .oak_contact_form button.form-btn.focus, .form-btn-light .oak_contact_form button.form-btn:focus { box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent); background: var(--light); border-color: var(--light); } .form-btn-outline-light .oak_contact_form button.form-btn { color: var(--light); border-color: var(--light); border-width: 1px; } .form-btn-outline-light .oak_contact_form button.form-btn:hover { color: #fff; background-color: var(--light); border-color: var(--light); box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent); } .form-btn-outline-light .oak_contact_form button.form-btn.focus, .form-btn-outline-light .oak_contact_form button.form-btn:focus { box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent); background: var(--light); border-color: var(--light); color: white; } .form-btn-light .oak_contact_form button.form-btn, .form-btn-light .oak_contact_form button.form-btn:hover, .form-btn-light .oak_contact_form button.form-btn:not(:disabled):not(.disabled).active, .form-btn-light .oak_contact_form button.form-btn:not(:disabled):not(.disabled):active, .show > .form-btn-light .oak_contact_form button.form-btn.dropdown-toggle, .form-btn-outline-light .oak_contact_form button.form-btn:hover, .form-btn-outline-light .oak_contact_form button.form-btn:not(:disabled):not(.disabled).active, .form-btn-outline-light .oak_contact_form button.form-btn:not(:disabled):not(.disabled):active, .show > .form-btn-outline-light .oak_contact_form button.form-btn.dropdown-toggle, .form-btn-outline-light .oak_contact_form button.form-btn.focus, .form-btn-outline-light .oak_contact_form button.form-btn:focus, .form-btn-outline-light .oak_contact_form button.form-btn.btn-icon i { color: var(--tertiary); } .form-btn-gray .oak_contact_form button.form-btn { color: #fff; background-color: var(--gray); border-color: var(--gray); } .form-btn-gray .oak_contact_form button.form-btn:hover, .form-btn-gray .oak_contact_form button.form-btn:not(:disabled):not(.disabled).active, .form-btn-gray .oak_contact_form button.form-btn:not(:disabled):not(.disabled):active, .show > .submit-btn-gray .oak_contact_form button.form-btn.dropdown-toggle { color: #fff; background-color: var(--gray); border-color: var(--gray); box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent); } .form-btn-gray .oak_contact_form button.form-btn.focus, .form-btn-gray .oak_contact_form button.form-btn:focus { box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent); background: var(--gray); border-color: var(--gray); } .form-btn-outline-gray .oak_contact_form button.form-btn { color: var(--gray); border-color: var(--gray); border-width: 1px; } .form-btn-outline-gray .oak_contact_form button.form-btn:hover { color: #fff; background-color: var(--gray); border-color: var(--gray); box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent); } .form-btn-outline-gray .oak_contact_form button.form-btn.focus, .form-btn-outline-gray .oak_contact_form button.form-btn:focus { box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent); background: var(--gray); border-color: var(--gray); color: white; } .form-btn-dark .oak_contact_form button.form-btn { color: #fff; background-color: var(--dark); border-color: var(--dark); } .form-btn-dark .oak_contact_form button.form-btn:hover, .form-btn-dark .oak_contact_form button.form-btn:not(:disabled):not(.disabled).active, .form-btn-dark .oak_contact_form button.form-btn:not(:disabled):not(.disabled):active, .show > .submit-btn-dark .oak_contact_form button.form-btn.dropdown-toggle { color: #fff; background-color: var(--dark); border-color: var(--dark); box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent); } .form-btn-dark .oak_contact_form button.form-btn.focus, .form-btn-dark .oak_contact_form button.form-btn:focus { box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent); background: var(--dark); border-color: var(--dark); } .form-btn-outline-dark .oak_contact_form button.form-btn { color: var(--dark); border-color: var(--dark); border-width: 1px; } .form-btn-outline-dark .oak_contact_form button.form-btn:hover { color: #fff; background-color: var(--dark); border-color: var(--dark); box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent); } .form-btn-outline-dark .oak_contact_form button.form-btn.focus, .form-btn-outline-dark .oak_contact_form button.form-btn:focus { box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent); background: var(--dark); border-color: var(--dark); color: white; } .form-btn-dark-gray .oak_contact_form button.form-btn { color: #fff; background-color: var(--dark-gray); border-color: var(--dark-gray); } .form-btn-dark-gray .oak_contact_form button.form-btn:hover, .form-btn-dark-gray .oak_contact_form button.form-btn:not(:disabled):not(.disabled).active, .form-btn-dark-gray .oak_contact_form button.form-btn:not(:disabled):not(.disabled):active, .show > .submit-btn-dark-gray .oak_contact_form button.form-btn.dropdown-toggle { color: #fff; background-color: var(--dark-gray); border-color: var(--dark-gray); box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent); } .form-btn-dark-gray .oak_contact_form button.form-btn.focus, .form-btn-dark-gray .oak_contact_form button.form-btn:focus { box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent); background: var(--dark-gray); border-color: var(--dark-gray); } .form-btn-outline-dark-gray .oak_contact_form button.form-btn { color: var(--dark-gray); border-color: var(--dark-gray); border-width: 1px; } .form-btn-outline-dark-gray .oak_contact_form button.form-btn:hover { color: #fff; background-color: var(--dark-gray); border-color: var(--dark-gray); box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent); } .form-btn-outline-dark-gray .oak_contact_form button.form-btn.focus, .form-btn-outline-dark-gray .oak_contact_form button.form-btn:focus { box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent); background: var(--dark-gray); border-color: var(--dark-gray); color: white; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-infinite-slide { margin-right: calc(var(--bs-gutter-x) * -1); margin-left: calc(var(--bs-gutter-x) * -1); } .wi-infinite-slide .infiniteslide_wrap { overflow: visible !important; } .wi-infinite-slide .infinite { align-items: flex-start !important; margin-bottom: 0; } .wi-infinite-slide .infinite > li { width: 16.875rem; margin-right: 1.25rem; } @media (max-width: 991px) { .wi-infinite-slide.faded-edges-1 { position: relative; } .wi-infinite-slide.faded-edges-1::before { content: ""; position: absolute; top: 0; bottom: 0; left: -2px; width: 4rem; background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0) 100%); z-index: 1; } .wi-infinite-slide.faded-edges-1::after { content: ""; position: absolute; top: 0; bottom: 0; right: -2px; width: 4rem; background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0) 100%); z-index: 1; } } @charset "UTF-8"; /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-slicktrack-slider { --arrow-size: 2.8125rem; --arrow-color: var(--primary); --offset: 0.5rem; } @media (max-width: 991px) { .wi-slicktrack-slider { --arrow-size: 2.25rem; } } .wi-slicktrack-slider:not(:has(.slick-initialized)) { visibility: hidden; } .wi-slicktrack-slider:not(:has(.slick-arrow)) { --arrow-size: 0; --offset: 0; } .wi-slicktrack-slider .slider .slick-list { width: calc(100% - var(--arrow-size) * 2 - var(--offset)); left: calc(var(--arrow-size) + (var(--offset) / 2)); padding: 0; } .wi-slicktrack-slider .slider .slick-list .slick-track { display: flex; } .wi-slicktrack-slider .slider .slick-list .slick-track .slick-item { height: unset; padding: 0; } .wi-slicktrack-slider .slider .slick-list .slick-track .slick-item:not(.slick-active) > * { box-shadow: unset; } .wi-slicktrack-slider .slider .slick-prev, .wi-slicktrack-slider .slider .slick-next { width: var(--arrow-size); height: var(--arrow-size); z-index: 3; display: flex; align-items: center; justify-content: center; background: var(--arrow-color); border-radius: 100%; } .wi-slicktrack-slider .slider .slick-prev { left: calc(var(--bs-gutter-x) * 0.5); } @media (max-width: 575px) { .wi-slicktrack-slider .slider .slick-prev { left: 0; } } .wi-slicktrack-slider .slider .slick-next { right: calc(var(--bs-gutter-x) * 0.5); } @media (max-width: 575px) { .wi-slicktrack-slider .slider .slick-next { right: 0; } } .wi-slicktrack-slider .slider .slick-prev::before { content: ""; } .wi-slicktrack-slider .slider .slick-next::before { content: ""; } .wi-slicktrack-slider .slider .slick-prev::before, .wi-slicktrack-slider .slider .slick-next::before { font-family: "Font Awesome 6 Pro"; display: block; font-size: 0.9375rem; position: absolute; color: var(--light); font-weight: 900; opacity: 1; } .wi-slicktrack-slider .slider.arrows-primary { --arrow-color: var(--primary); } .wi-slicktrack-slider .slider.arrows-secondary { --arrow-color: var(--secondary); } .wi-slicktrack-slider .slider.arrows-tertiary { --arrow-color: var(--tertiary); } .wi-slicktrack-slider .slider.arrows-quaternary { --arrow-color: var(--quaternary); } .wi-slicktrack-slider .slider.arrows-quinary { --arrow-color: var(--quinary); } .wi-slicktrack-slider .slider.arrows-light { --arrow-color: var(--light); } .wi-slicktrack-slider .slider.arrows-gray { --arrow-color: var(--gray); } .wi-slicktrack-slider .slider.arrows-dark { --arrow-color: var(--dark); } .wi-slicktrack-slider .slider.arrows-dark-gray { --arrow-color: var(--dark-gray); } .wi-slicktrack-slider .slider.slick-dotted { margin-bottom: calc(-1 * (-1.89rem - 0.4375rem)); } .wi-slicktrack-slider .slider.slick-dotted .slick-dots { --color: var(--primary); left: calc(var(--bs-gutter-x) / 2 + 4px); bottom: -1.89rem; display: flex; align-items: end; gap: 0.375rem; width: unset; --width: 1.875rem; --height: 0.4375rem; } .wi-slicktrack-slider .slider.slick-dotted .slick-dots.primary { --color: var(--primary) !important; } .wi-slicktrack-slider .slider.slick-dotted .slick-dots.secondary { --color: var(--secondary) !important; } .wi-slicktrack-slider .slider.slick-dotted .slick-dots.tertiary { --color: var(--tertiary) !important; } .wi-slicktrack-slider .slider.slick-dotted .slick-dots.quaternary { --color: var(--quaternary) !important; } .wi-slicktrack-slider .slider.slick-dotted .slick-dots.quinary { --color: var(--quinary) !important; } .wi-slicktrack-slider .slider.slick-dotted .slick-dots.light { --color: var(--light) !important; } .wi-slicktrack-slider .slider.slick-dotted .slick-dots.gray { --color: var(--gray) !important; } .wi-slicktrack-slider .slider.slick-dotted .slick-dots.dark { --color: var(--dark) !important; } .wi-slicktrack-slider .slider.slick-dotted .slick-dots.dark-gray { --color: var(--dark-gray) !important; } .wi-slicktrack-slider .slider.slick-dotted .slick-dots li { margin: 0; height: var(--height); width: var(--width); } .wi-slicktrack-slider .slider.slick-dotted .slick-dots li button { width: auto; height: auto; padding: 0; } .wi-slicktrack-slider .slider.slick-dotted .slick-dots li button::before { content: ""; background-color: var(--color); height: var(--height); width: var(--width); opacity: 0.5; border-radius: var(--border-radius); transition: var(--transition); } .wi-slicktrack-slider .slider.slick-dotted .slick-dots li button:hover::before { opacity: 0.75; } .wi-slicktrack-slider .slider.slick-dotted .slick-dots li.slick-active button::before { background-color: var(--color); opacity: 1; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ :root { --box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08); --drop-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25); --border-radius: 0.3125rem; --default-heading-color: var(--secondary); --primary-dark-60: linear-gradient(0deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.06) 100%), #5F8299; --primary-dark: #3a4f5e; --primary-85: #728ea1; --primary-75: #839bac; --primary-50: #acbdc8; --primary-25: #d6dee3; --primary-10: #eef2f4; --secondary-dark: #0b1a20; --secondary-85: #354850; --secondary-75: #4d5e65; --secondary-50: #889498; --secondary-25: #c4c9cc; --secondary-10: #e7eaea; --tertiary-dark: #416d7d; --tertiary-85: #7bb5ca; --tertiary-75: #8bbed1; --tertiary-50: #b2d4e0; --tertiary-25: #d8e9f0; --tertiary-10: #f0f6f9; --quaternary-dark: #899091; --quaternary-85: #dae2e4; --quaternary-75: #dee6e7; --quaternary-50: #e9eeef; --quaternary-25: #f4f7f7; --quaternary-10: #fbfcfc; --quinary-dark: #4f1414; --quinary-85: #8e4040; --quinary-75: #9b5656; --quinary-50: #bd8f8f; --quinary-25: #dec7c7; --quinary-10: #f2e9e9; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ body { color: var(--dark-gray); font-weight: 300; line-height: var(--p-line-height); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ section.bg-primary { color: var(--light); } @media (min-width: 992px) { section.bg-primary { --section-unit: 4.375rem; } } @media (max-width: 991px) { section.bg-primary { --section-unit: 3.125rem; } } section.bg-secondary { color: var(--light); } @media (min-width: 992px) { section.bg-secondary { --section-unit: 4.375rem; } } @media (max-width: 991px) { section.bg-secondary { --section-unit: 3.125rem; } } section.bg-tertiary { color: var(--light); } @media (min-width: 992px) { section.bg-tertiary { --section-unit: 4.375rem; } } @media (max-width: 991px) { section.bg-tertiary { --section-unit: 3.125rem; } } section.bg-quaternary { color: var(--light); } @media (min-width: 992px) { section.bg-quaternary { --section-unit: 4.375rem; } } @media (max-width: 991px) { section.bg-quaternary { --section-unit: 3.125rem; } } section.bg-quinary { color: var(--light); } @media (min-width: 992px) { section.bg-quinary { --section-unit: 4.375rem; } } @media (max-width: 991px) { section.bg-quinary { --section-unit: 3.125rem; } } section.bg-light { color: var(--light); } @media (min-width: 992px) { section.bg-light { --section-unit: 4.375rem; } } @media (max-width: 991px) { section.bg-light { --section-unit: 3.125rem; } } section.bg-gray { color: var(--light); } @media (min-width: 992px) { section.bg-gray { --section-unit: 4.375rem; } } @media (max-width: 991px) { section.bg-gray { --section-unit: 3.125rem; } } section.bg-dark { color: var(--light); } @media (min-width: 992px) { section.bg-dark { --section-unit: 4.375rem; } } @media (max-width: 991px) { section.bg-dark { --section-unit: 3.125rem; } } section.bg-dark-gray { color: var(--light); } @media (min-width: 992px) { section.bg-dark-gray { --section-unit: 4.375rem; } } @media (max-width: 991px) { section.bg-dark-gray { --section-unit: 3.125rem; } } section.bg-gray { color: var(--dark-gray); } section.bg-light { color: var(--dark-gray); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-underline-arrow-link { display: inline-flex; border-bottom: 1px solid var(--line-color); align-items: center; color: var(--color); gap: 0.75rem; transition: var(--transition); } .wi-underline-arrow-link.color-primary { --color: var(--primary) !important; } .wi-underline-arrow-link.line-color-primary { --line-color: var(--primary) !important; } .wi-underline-arrow-link.hover-color-primary { --hover-color: var(--primary) !important; } .wi-underline-arrow-link.color-secondary { --color: var(--secondary) !important; } .wi-underline-arrow-link.line-color-secondary { --line-color: var(--secondary) !important; } .wi-underline-arrow-link.hover-color-secondary { --hover-color: var(--secondary) !important; } .wi-underline-arrow-link.color-tertiary { --color: var(--tertiary) !important; } .wi-underline-arrow-link.line-color-tertiary { --line-color: var(--tertiary) !important; } .wi-underline-arrow-link.hover-color-tertiary { --hover-color: var(--tertiary) !important; } .wi-underline-arrow-link.color-quaternary { --color: var(--quaternary) !important; } .wi-underline-arrow-link.line-color-quaternary { --line-color: var(--quaternary) !important; } .wi-underline-arrow-link.hover-color-quaternary { --hover-color: var(--quaternary) !important; } .wi-underline-arrow-link.color-quinary { --color: var(--quinary) !important; } .wi-underline-arrow-link.line-color-quinary { --line-color: var(--quinary) !important; } .wi-underline-arrow-link.hover-color-quinary { --hover-color: var(--quinary) !important; } .wi-underline-arrow-link.color-light { --color: var(--light) !important; } .wi-underline-arrow-link.line-color-light { --line-color: var(--light) !important; } .wi-underline-arrow-link.hover-color-light { --hover-color: var(--light) !important; } .wi-underline-arrow-link.color-gray { --color: var(--gray) !important; } .wi-underline-arrow-link.line-color-gray { --line-color: var(--gray) !important; } .wi-underline-arrow-link.hover-color-gray { --hover-color: var(--gray) !important; } .wi-underline-arrow-link.color-dark { --color: var(--dark) !important; } .wi-underline-arrow-link.line-color-dark { --line-color: var(--dark) !important; } .wi-underline-arrow-link.hover-color-dark { --hover-color: var(--dark) !important; } .wi-underline-arrow-link.color-dark-gray { --color: var(--dark-gray) !important; } .wi-underline-arrow-link.line-color-dark-gray { --line-color: var(--dark-gray) !important; } .wi-underline-arrow-link.hover-color-dark-gray { --hover-color: var(--dark-gray) !important; } .wi-underline-arrow-link.no-line-1 { border-bottom: unset; } .wi-underline-arrow-link .text { font-weight: 500; letter-spacing: 0.02rem; text-transform: uppercase; text-align: left; } .wi-underline-arrow-link .text, .wi-underline-arrow-link i { font-size: 1rem; line-height: 1.42rem; padding-bottom: 0.31rem; } .wi-underline-arrow-link i { font-size: 1.1875rem; } .wi-underline-arrow-link.small-1 .text { font-size: 0.875rem; line-height: 1.1rem; } .wi-underline-arrow-link.small-1 i { font-size: 0.9375rem; line-height: 1.1rem; } .wi-underline-arrow-link:not(.no-link):hover { color: var(--line-color); } .wi-underline-arrow-link.hover-1:hover { color: var(--hover-color); border-color: var(--hover-color); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-mobile-nav { --bs-gutter-y: 0.62rem; } @media (min-width: 992px) { .wi-mobile-nav { display: none !important; } } .wi-mobile-nav .page-col .page { display: inline-block; color: var(--dark-gray); font-size: 0.875rem; font-weight: 300; line-height: 1.7; transition: var(--transition); } .wi-mobile-nav .page-col .page:hover { color: var(--tertiary); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .phone-btn .icon { display: none; } @media (max-width: 991px) { .phone-btn.cta .icon { display: inline; } .phone-btn.cta .phone { display: none; } } .phone-btn .call { display: none; } @media (max-width: 991px) { .phone-btn.abbreviate .call { display: inline; } .phone-btn.abbreviate .phone { display: none; } } .phone-btn.full .call { display: inline; } .locations-btn .icon { display: none; } @media (max-width: 991px) { .locations-btn.cta .icon { display: inline; } .locations-btn.cta .text { display: none; } } @charset "UTF-8"; /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ @media (min-width: 992px) { header > .nav-container > .main-nav > .items > nav ul.level-1 { gap: 1.25rem; } header > .nav-container > .main-nav > .items > nav ul.level-1 > li > a.parent { gap: 0.44rem; font-weight: 500; line-height: normal; } header > .nav-container > .main-nav > .items > nav ul.level-1 > li > a.parent i { color: var(--tertiary); transition: var(--transition); } 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(--tertiary); } header > .nav-container > .main-nav > .items > nav ul.level-1 > li > a.parent.over i, header > .nav-container > .main-nav > .items > nav ul.level-1 > li > a.parent:hover i { transform: scaleY(-1); } header > .nav-container > .main-nav > .items > nav ul.level-1 > li.mega ul.level-2 { padding-left: 0; margin: 0; position: fixed; top: calc(var(--nav-height) + var(--nav-tert-height) + var(--top-bar,0px)); left: 0; width: 100vw; background: var(--light); transition: top var(--transition); } header > .nav-container > .main-nav > .items > nav ul.level-1 > li.mega ul.level-2 .mega-nav-dropdown { border-top: 1px solid var(--quaternary); width: 100%; box-shadow: var(--box-shadow); } header > .nav-container > .main-nav > .items > nav .mobile-after-nav { display: none; } header.scrolled > .nav-container > .main-nav > .items > nav > ul.level-1 > li.mega ul.level-2 { top: calc(var(--nav-height) - 1px); } } @media (max-width: 991px) { header > .nav-container > .main-nav > .items > nav { flex-direction: column; justify-content: flex-end; } header > .nav-container > .main-nav > .items > nav > ul.level-1 { border-top: 1px solid var(--quaternary); padding: 1.875rem 1.375rem; margin: 0; max-height: calc(100dvh - var(--nav-mobile-height) - 4.5rem - var(--top-bar, 0px)); overflow: scroll; } header > .nav-container > .main-nav > .items > nav > ul.level-1 > li:not(:last-child) { padding-bottom: 1.56rem; border-bottom: 1px solid var(--quaternary); margin-bottom: 1.56rem; transition: var(--transition); } header > .nav-container > .main-nav > .items > nav > ul.level-1 > li:not(:last-child):has(.parent.open) { border-color: var(--tertiary); } header > .nav-container > .main-nav > .items > nav > ul.level-1 > li > a { align-items: center; transition: var(--transition); font-size: 1rem; font-weight: 500; line-height: 1.1rem; letter-spacing: 0.02rem; text-transform: uppercase; color: var(--dark-gray); } header > .nav-container > .main-nav > .items > nav > ul.level-1 > li > a i { color: var(--tertiary); padding: 1rem; margin: -1rem; font-size: 1.125rem; line-height: 1.1rem; font-weight: 100; font-family: "Font Awesome 6 Sharp"; transition: var(--transition); } header > .nav-container > .main-nav > .items > nav > ul.level-1 > li > a i::before { content: ""; } header > .nav-container > .main-nav > .items > nav > ul.level-1 > li > a.open { color: var(--tertiary); } header > .nav-container > .main-nav > .items > nav > ul.level-1 > li > a.open i { transform: scaleY(-1); } header > .nav-container > .main-nav > .items > nav > ul.level-1 > li > ul.level-2 { padding-left: 0; margin-top: 1rem; } header > .nav-container > .main-nav > .items > nav .mobile-after-nav { background: var(--quaternary); padding: 1.5rem; z-index: 1; } header > .nav-container > .main-nav > .items > nav .mobile-after-nav a { color: var(--dark-gray); display: inline-flex; gap: 0.375rem; font-size: 0.875rem; font-weight: 400; line-height: 0.9625rem; letter-spacing: 0.0175rem; text-transform: uppercase; } header > .nav-container > .main-nav > .items > nav .mobile-after-nav a i { font-size: 0.9375rem; line-height: 0.9625rem; } header.open > .nav-container > .main-nav > .items > nav { height: calc(100dvh - var(--top-bar, 0px)); } header.scrolled.open > .nav-container > .main-nav > .items > nav { height: 100dvh; top: 0; } header.scrolled.open > .nav-container > .main-nav > .items > nav > ul.level-1 { max-height: calc(100dvh - var(--nav-mobile-height) - 4.5rem); } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-subnav-simple-1 { --bs-gutter-y: 0.59rem; } .wi-subnav-simple-1 .page { color: var(--dark-gray); font-size: 1rem; font-weight: 300; line-height: 1.7; transition: var(--transition); } .wi-subnav-simple-1 .page:hover { color: var(--tertiary); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ @media (max-width: 991px) { .wi-mega-menu { display: none; } } .wi-mega-menu > .container { padding-top: 3.125rem; padding-bottom: 3.125rem; } .wi-mega-menu .grandchildren-col .grandchildren-title { color: var(--tertiary); font-size: 1rem; font-weight: 500; line-height: 1.1; letter-spacing: 0.02rem; text-transform: uppercase; margin-bottom: 0.875rem; } .wi-mega-menu .footprints-floors-col .footprints-floors-tile { background: var(--quaternary); border-radius: var(--border-radius); padding: 0 1rem; height: 100%; display: flex; flex-direction: column; gap: 1.25rem; justify-content: center; align-items: center; text-align: center; color: var(--secondary); } @media (min-width: 1400px) { .wi-mega-menu .footprints-floors-col .footprints-floors-tile { padding: 0 2.5rem; } } .wi-mega-menu .footprints-floors-col .footprints-floors-tile .footprints-link { color: var(--secondary); display: inline-flex; align-items: center; gap: 0.62rem; font-size: 1rem; font-weight: 500; line-height: 1.1rem; letter-spacing: 0.02rem; text-transform: uppercase; transition: var(--transition); } .wi-mega-menu .footprints-floors-col .footprints-floors-tile .footprints-link i { font-size: 1.1875rem; line-height: 1.1rem; } .wi-mega-menu .footprints-floors-col .footprints-floors-tile .footprints-link:hover { color: var(--tertiary); } .wi-mega-menu .see-all { padding: 1.125rem 2.5rem; background: var(--quaternary); display: flex; justify-content: center; } .wi-mega-menu .see-all a { color: var(--secondary); display: inline-flex; align-items: center; gap: 0.75rem; font-size: 1rem; font-weight: 500; line-height: 1.1rem; letter-spacing: 0.02rem; text-transform: uppercase; transition: var(--transition); } .wi-mega-menu .see-all a i { font-size: 1.1875rem; line-height: 1.1rem; } .wi-mega-menu .see-all a:hover { color: var(--tertiary); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-subnav-img-tiles-1 .page { display: flex; flex-direction: column; aspect-ratio: 0.97; max-height: 17.1875rem; width: 100%; border-radius: var(--border-radius); overflow: hidden; transition: var(--transition); } .wi-subnav-img-tiles-1 .page:hover { box-shadow: var(--box-shadow); } .wi-subnav-img-tiles-1 .page:hover .name { background: var(--secondary); } .wi-subnav-img-tiles-1 .page .img { flex-grow: 1; position: relative; width: 100%; } .wi-subnav-img-tiles-1 .page .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .wi-subnav-img-tiles-1 .page .name { flex-shrink: 1; background: var(--primary-dark-60); padding: 1rem; display: flex; align-items: center; justify-content: space-between; color: var(--light); font-size: 1rem; font-weight: 500; letter-spacing: 0.02rem; text-transform: uppercase; line-height: 1.1rem; transition: var(--transition); } .wi-subnav-img-tiles-1 .page .name i { font-size: 1.1875rem; line-height: 1.1rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ p:last-child { margin-bottom: 0; } p.lead { --p-font-size: 1.125rem; } @media (max-width: 991px) { p.lead { --p-font-size: 1rem; } } p.small { --p-font-size: 0.875rem; } p.bold { --p-font-weight: 600; } p a { font-weight: 600; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ footer { background: var(--footer-color); color: var(--light); } footer.footer-color-primary { --footer-color: var(--primary) !important; } footer.border-color-primary { --border-color: var(--primary) !important; } footer.footer-heading-color-primary { --footer-heading-color: var(--primary) !important; } footer.footer-color-secondary { --footer-color: var(--secondary) !important; } footer.border-color-secondary { --border-color: var(--secondary) !important; } footer.footer-heading-color-secondary { --footer-heading-color: var(--secondary) !important; } footer.footer-color-tertiary { --footer-color: var(--tertiary) !important; } footer.border-color-tertiary { --border-color: var(--tertiary) !important; } footer.footer-heading-color-tertiary { --footer-heading-color: var(--tertiary) !important; } footer.footer-color-quaternary { --footer-color: var(--quaternary) !important; } footer.border-color-quaternary { --border-color: var(--quaternary) !important; } footer.footer-heading-color-quaternary { --footer-heading-color: var(--quaternary) !important; } footer.footer-color-quinary { --footer-color: var(--quinary) !important; } footer.border-color-quinary { --border-color: var(--quinary) !important; } footer.footer-heading-color-quinary { --footer-heading-color: var(--quinary) !important; } footer.footer-color-light { --footer-color: var(--light) !important; } footer.border-color-light { --border-color: var(--light) !important; } footer.footer-heading-color-light { --footer-heading-color: var(--light) !important; } footer.footer-color-gray { --footer-color: var(--gray) !important; } footer.border-color-gray { --border-color: var(--gray) !important; } footer.footer-heading-color-gray { --footer-heading-color: var(--gray) !important; } footer.footer-color-dark { --footer-color: var(--dark) !important; } footer.border-color-dark { --border-color: var(--dark) !important; } footer.footer-heading-color-dark { --footer-heading-color: var(--dark) !important; } footer.footer-color-dark-gray { --footer-color: var(--dark-gray) !important; } footer.border-color-dark-gray { --border-color: var(--dark-gray) !important; } footer.footer-heading-color-dark-gray { --footer-heading-color: var(--dark-gray) !important; } footer a { color: var(--light); transition: var(--transition); font-size: var(--p-font-size); line-height: var(--p-line-height); font-weight: var(--p-font-weight); } footer .footer-heading { color: var(--footer-heading-color); font-size: 1rem; font-weight: 500; line-height: 1.1; letter-spacing: 0.02rem; text-transform: uppercase; } footer a.footer-heading:hover { color: var(--light); } footer a:hover { color: var(--footer-heading-color); } footer .main-footer-section { background: transparent; --section-unit: 3.12rem; } @media (min-width: 992px) { footer .main-footer-section > .container > .row .details-col { width: 26%; order: 2; } footer .main-footer-section > .container > .row .nav-col { width: 37%; order: 1; } footer .main-footer-section > .container > .row .contact-col { width: 37%; order: 3; } } footer .main-footer-section > .container > .row .details-col { --spacing: 1.875rem; display: flex; flex-direction: column; text-align: center; } @media (max-width: 991px) { footer .main-footer-section > .container > .row .details-col { --spacing: 1.62rem; } } footer .main-footer-section > .container > .row .details-col .logo-link { display: inline-block; } footer .main-footer-section > .container > .row .details-col .logo-link .logo { width: 100%; height: auto; margin-bottom: var(--spacing); max-width: 10.32rem; } @media (max-width: 991px) { footer .main-footer-section > .container > .row .details-col .logo-link .logo { max-width: 9.375rem; } } footer .main-footer-section > .container > .row .details-col .address-info { margin-bottom: var(--spacing); } footer .main-footer-section > .container > .row .details-col .social:not(:empty) { margin-bottom: var(--spacing); } footer .main-footer-section > .container > .row .details-col .btns-col { margin-bottom: var(--spacing); } @media (min-width: 992px) { footer .main-footer-section > .container > .row .details-col .btns-col .btn { width: 100%; } } footer .main-footer-section > .container > .row .details-col .ff-info { flex-grow: 1; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; } footer .main-footer-section > .container > .row .nav-col { --spacing: 1.5rem; } @media (max-width: 991px) { footer .main-footer-section > .container > .row .nav-col { --spacing: 1.62rem; } } @media (min-width: 992px) { footer .main-footer-section > .container > .row .nav-col .nav-groups { border-right: 1px solid var(--border-color); height: 100%; display: flex; flex-direction: column; } } @media (max-width: 991px) { footer .main-footer-section > .container > .row .nav-col .nav-groups { border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); padding-top: var(--spacing); padding-bottom: var(--spacing); margin-top: var(--spacing); margin-bottom: var(--spacing); } } footer .main-footer-section > .container > .row .nav-col .nav-groups .nav-group:not(:last-child) { padding-bottom: var(--spacing); border-bottom: 1px solid var(--border-color); margin-bottom: var(--spacing); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-footer-nav { --bs-gutter-y: 0.5625rem; } .wi-footer-nav .parent { display: inline-block; margin-bottom: 0.3125rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-section-hero-main { background: var(--mobile-color); --section-unit: 7.47rem; /*.video { img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; } }*/ } .wi-section-hero-main.desktop-color-primary { --desktop-color: rgba(var(--primary-rgb), 0.9) !important; } .wi-section-hero-main.mobile-color-primary { --mobile-color: var(--primary) !important; } .wi-section-hero-main.desktop-color-secondary { --desktop-color: rgba(var(--secondary-rgb), 0.9) !important; } .wi-section-hero-main.mobile-color-secondary { --mobile-color: var(--secondary) !important; } .wi-section-hero-main.desktop-color-tertiary { --desktop-color: rgba(var(--tertiary-rgb), 0.9) !important; } .wi-section-hero-main.mobile-color-tertiary { --mobile-color: var(--tertiary) !important; } .wi-section-hero-main.desktop-color-quaternary { --desktop-color: rgba(var(--quaternary-rgb), 0.9) !important; } .wi-section-hero-main.mobile-color-quaternary { --mobile-color: var(--quaternary) !important; } .wi-section-hero-main.desktop-color-quinary { --desktop-color: rgba(var(--quinary-rgb), 0.9) !important; } .wi-section-hero-main.mobile-color-quinary { --mobile-color: var(--quinary) !important; } .wi-section-hero-main.desktop-color-light { --desktop-color: rgba(var(--light-rgb), 0.9) !important; } .wi-section-hero-main.mobile-color-light { --mobile-color: var(--light) !important; } .wi-section-hero-main.desktop-color-gray { --desktop-color: rgba(var(--gray-rgb), 0.9) !important; } .wi-section-hero-main.mobile-color-gray { --mobile-color: var(--gray) !important; } .wi-section-hero-main.desktop-color-dark { --desktop-color: rgba(var(--dark-rgb), 0.9) !important; } .wi-section-hero-main.mobile-color-dark { --mobile-color: var(--dark) !important; } .wi-section-hero-main.desktop-color-dark-gray { --desktop-color: rgba(var(--dark-gray-rgb), 0.9) !important; } .wi-section-hero-main.mobile-color-dark-gray { --mobile-color: var(--dark-gray) !important; } @media (max-width: 991px) { .wi-section-hero-main { --section-unit: 0; padding-bottom: 3.125rem; } } @media (min-width: 992px) { .wi-section-hero-main .video-wrapper { z-index: 0; position: absolute; top: 0; left: 0; height: 100%; width: 100%; } } @media (max-width: 991px) { .wi-section-hero-main .video-wrapper { position: relative; height: 16.369rem; } .wi-section-hero-main .container { padding-top: 3.125rem; } } .wi-section-hero-main.tile-right-1 .row { justify-content: flex-end; } .wi-section-hero-main .subheading { margin-top: 0.75rem; color: var(--primary); } .wi-section-hero-main .heading, .wi-section-hero-main .subheading { text-align: left; } @media (max-width: 991px) { .wi-section-hero-main .heading, .wi-section-hero-main .subheading { text-align: center; } } .wi-section-hero-main .description { margin-top: 1.625rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-location-landing .location-details .social-tertiary > .wi-social-small-1 { justify-content: flex-start; } .wi-location-landing .location-details .content { display: flex; flex-direction: column; } .wi-location-landing .location-details .content .button { flex-grow: 1; display: flex; align-items: flex-end; } .wi-location-landing .iframe-map, .wi-location-landing .wi-quick-img { height: 100%; } @media (max-width: 991px) { .wi-location-landing .iframe-map, .wi-location-landing .wi-quick-img { height: 17.1875rem; } } .wi-location-landing .iframe-map { border-radius: var(--border-radius); overflow: hidden; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-quick-img { position: relative; border-radius: var(--border-radius); overflow: hidden; } .wi-quick-img img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-booking-calendar { display: block; text-align: center; --well-desktop-padding: 1.5rem 1.25rem; } .wi-booking-calendar.overlay-color-primary { --overlay-color: linear-gradient(180deg, rgba(var(--primary-rgb), 0) 12.67%, var(--primary) 89%) !important; } .wi-booking-calendar.overlay-color-secondary { --overlay-color: linear-gradient(180deg, rgba(var(--secondary-rgb), 0) 12.67%, var(--secondary) 89%) !important; } .wi-booking-calendar.overlay-color-tertiary { --overlay-color: linear-gradient(180deg, rgba(var(--tertiary-rgb), 0) 12.67%, var(--tertiary) 89%) !important; } .wi-booking-calendar.overlay-color-quaternary { --overlay-color: linear-gradient(180deg, rgba(var(--quaternary-rgb), 0) 12.67%, var(--quaternary) 89%) !important; } .wi-booking-calendar.overlay-color-quinary { --overlay-color: linear-gradient(180deg, rgba(var(--quinary-rgb), 0) 12.67%, var(--quinary) 89%) !important; } .wi-booking-calendar.overlay-color-light { --overlay-color: linear-gradient(180deg, rgba(var(--light-rgb), 0) 12.67%, var(--light) 89%) !important; } .wi-booking-calendar.overlay-color-gray { --overlay-color: linear-gradient(180deg, rgba(var(--gray-rgb), 0) 12.67%, var(--gray) 89%) !important; } .wi-booking-calendar.overlay-color-dark { --overlay-color: linear-gradient(180deg, rgba(var(--dark-rgb), 0) 12.67%, var(--dark) 89%) !important; } .wi-booking-calendar.overlay-color-dark-gray { --overlay-color: linear-gradient(180deg, rgba(var(--dark-gray-rgb), 0) 12.67%, var(--dark-gray) 89%) !important; } @media (min-width: 992px) { .wi-booking-calendar.default-colors { --overlay-color: linear-gradient(180deg, rgba(var(--gray-rgb), 0) 12.67%, var(--gray) 89%) !important; } } @media (max-width: 991px) { .wi-booking-calendar.default-colors { --overlay-color: linear-gradient(180deg, rgba(var(--light-rgb), 0) 12.67%, var(--light) 89%) !important; } } .wi-booking-calendar .logo { margin-bottom: 0.5rem; } .wi-booking-calendar .logo img { width: auto; height: 4.0625rem; } .wi-booking-calendar .separator, .wi-booking-calendar .calendar img, .wi-booking-calendar .btn { max-width: var(--max-width, 22rem); } .wi-booking-calendar .calendar { padding-top: 0.375rem; margin-bottom: 1.375rem; display: flex; justify-content: center; } .wi-booking-calendar .calendar img { width: 100%; height: auto; } .wi-booking-calendar .overlay-wrapper { display: none; } .wi-booking-calendar:hover .btn-primary { box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent); } .wi-booking-calendar:hover .btn-secondary { box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent); } .wi-booking-calendar:hover .btn-tertiary { box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent); } .wi-booking-calendar:hover .btn-quaternary { box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent); } .wi-booking-calendar:hover .btn-quinary { box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent); } .wi-booking-calendar:hover .btn-light { box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent); } .wi-booking-calendar:hover .btn-gray { box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent); } .wi-booking-calendar:hover .btn-dark { box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent); } .wi-booking-calendar:hover .btn-dark-gray { box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent); } .wi-booking-calendar.short-1 .calendar { display: block; max-height: 9rem; position: relative; overflow: hidden; margin-bottom: 0; } .wi-booking-calendar.short-1 .calendar img { width: 96%; max-width: calc(var(--max-width, 22rem) * 0.96); } .wi-booking-calendar.short-1 .overlay-wrapper { display: block; position: relative; } .wi-booking-calendar.short-1 .overlay-wrapper .overlay { width: 100%; position: absolute; left: 0; bottom: 0; height: 6rem; background: var(--overlay-color); } .wi-booking-calendar.short-1 .btn { position: relative; z-index: 1; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-icon-scrolling-columns.separator-color-primary { --separator-color: var(--primary) !important; } .wi-icon-scrolling-columns.icon-color-primary { --icon-color: var(--primary) !important; } .wi-icon-scrolling-columns.separator-color-secondary { --separator-color: var(--secondary) !important; } .wi-icon-scrolling-columns.icon-color-secondary { --icon-color: var(--secondary) !important; } .wi-icon-scrolling-columns.separator-color-tertiary { --separator-color: var(--tertiary) !important; } .wi-icon-scrolling-columns.icon-color-tertiary { --icon-color: var(--tertiary) !important; } .wi-icon-scrolling-columns.separator-color-quaternary { --separator-color: var(--quaternary) !important; } .wi-icon-scrolling-columns.icon-color-quaternary { --icon-color: var(--quaternary) !important; } .wi-icon-scrolling-columns.separator-color-quinary { --separator-color: var(--quinary) !important; } .wi-icon-scrolling-columns.icon-color-quinary { --icon-color: var(--quinary) !important; } .wi-icon-scrolling-columns.separator-color-light { --separator-color: var(--light) !important; } .wi-icon-scrolling-columns.icon-color-light { --icon-color: var(--light) !important; } .wi-icon-scrolling-columns.separator-color-gray { --separator-color: var(--gray) !important; } .wi-icon-scrolling-columns.icon-color-gray { --icon-color: var(--gray) !important; } .wi-icon-scrolling-columns.separator-color-dark { --separator-color: var(--dark) !important; } .wi-icon-scrolling-columns.icon-color-dark { --icon-color: var(--dark) !important; } .wi-icon-scrolling-columns.separator-color-dark-gray { --separator-color: var(--dark-gray) !important; } .wi-icon-scrolling-columns.icon-color-dark-gray { --icon-color: var(--dark-gray) !important; } .wi-icon-scrolling-columns:not(.no-separator-1) .row { --bs-gutter-x: 3.75rem; } .wi-icon-scrolling-columns:not(.no-separator-1) .row .column:not(:last-child) { border-right: 1px solid var(--separator-color); } .wi-icon-scrolling-columns .row { --bs-gutter-x: 2.5rem; } .wi-icon-scrolling-columns .column .item { display: flex; flex-direction: column; height: 100%; } .wi-icon-scrolling-columns .column .item .icon { color: var(--icon-color); font-size: 2.25rem; } .wi-icon-scrolling-columns .column .item .heading { margin-bottom: 1.375rem; } .wi-icon-scrolling-columns .column .item .content { flex-grow: 1; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-arrow-separator { background: var(--bg-color); --section-unit: 4.375rem; color: var(--light); } .wi-arrow-separator.bg-color-primary { --bg-color: var(--primary) !important; } .wi-arrow-separator.arrow-color-primary { --arrow-color: var(--primary) !important; } .wi-arrow-separator.bg-color-secondary { --bg-color: var(--secondary) !important; } .wi-arrow-separator.arrow-color-secondary { --arrow-color: var(--secondary) !important; } .wi-arrow-separator.bg-color-tertiary { --bg-color: var(--tertiary) !important; } .wi-arrow-separator.arrow-color-tertiary { --arrow-color: var(--tertiary) !important; } .wi-arrow-separator.bg-color-quaternary { --bg-color: var(--quaternary) !important; } .wi-arrow-separator.arrow-color-quaternary { --arrow-color: var(--quaternary) !important; } .wi-arrow-separator.bg-color-quinary { --bg-color: var(--quinary) !important; } .wi-arrow-separator.arrow-color-quinary { --arrow-color: var(--quinary) !important; } .wi-arrow-separator.bg-color-light { --bg-color: var(--light) !important; } .wi-arrow-separator.arrow-color-light { --arrow-color: var(--light) !important; } .wi-arrow-separator.bg-color-gray { --bg-color: var(--gray) !important; } .wi-arrow-separator.arrow-color-gray { --arrow-color: var(--gray) !important; } .wi-arrow-separator.bg-color-dark { --bg-color: var(--dark) !important; } .wi-arrow-separator.arrow-color-dark { --arrow-color: var(--dark) !important; } .wi-arrow-separator.bg-color-dark-gray { --bg-color: var(--dark-gray) !important; } .wi-arrow-separator.arrow-color-dark-gray { --arrow-color: var(--dark-gray) !important; } @media (max-width: 991px) { .wi-arrow-separator { --section-unit: 3.75rem; } } .wi-arrow-separator .arrow-separator { --arrow-height: 1.125rem; --arrow-width: 2.06125rem; border-bottom: 3px solid var(--arrow-color); position: absolute; top: -3px; left: 50%; transform: translateX(-50%); margin: 0; } .wi-arrow-separator .arrow-separator::before { background: var(--arrow-color); content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: var(--arrow-width); height: var(--arrow-height); clip-path: polygon(0% 0%, 100% 0%, 50% 100%); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ @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 (min-width: 992px) { .wi-content-img.no-content-padding-1 .content-col > .content { padding-top: 0; padding-bottom: 0; } } .wi-content-img.row, .wi-content-img > .container > .row { --bs-gutter-y: 1.875rem; } @media (min-width: 992px) { .wi-content-img .img-col .wi-quick-img { height: 100%; min-height: 15.625rem; } } @media (max-width: 991px) { .wi-content-img .img-col .wi-quick-img { height: 22rem; } } @media (max-width: 767px) { .wi-content-img .img-col .wi-quick-img { height: 19rem; } } @media (max-width: 575px) { .wi-content-img .img-col .wi-quick-img { height: 17.1875rem; } } @media (min-width: 992px) { .wi-content-img .content-col { display: flex; flex-direction: column; justify-content: center; } } @media (min-width: 992px) { .wi-content-img .content-col > .content { padding-top: 1.25rem; padding-bottom: 1.25rem; } } .wi-content-img .content-col > .content .subheading { color: var(--primary); margin-bottom: 0.125rem; } .wi-content-img .content-col > .content .heading { margin-bottom: 1.25rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-subnav-icon-columns-1 .page .content { display: flex; flex-direction: column; gap: 1.25rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-icon-scrolling-points.line-color-primary { --line-color: var(--primary) !important; } .wi-icon-scrolling-points.icon-color-primary { --icon-color: var(--primary) !important; } .wi-icon-scrolling-points.line-color-secondary { --line-color: var(--secondary) !important; } .wi-icon-scrolling-points.icon-color-secondary { --icon-color: var(--secondary) !important; } .wi-icon-scrolling-points.line-color-tertiary { --line-color: var(--tertiary) !important; } .wi-icon-scrolling-points.icon-color-tertiary { --icon-color: var(--tertiary) !important; } .wi-icon-scrolling-points.line-color-quaternary { --line-color: var(--quaternary) !important; } .wi-icon-scrolling-points.icon-color-quaternary { --icon-color: var(--quaternary) !important; } .wi-icon-scrolling-points.line-color-quinary { --line-color: var(--quinary) !important; } .wi-icon-scrolling-points.icon-color-quinary { --icon-color: var(--quinary) !important; } .wi-icon-scrolling-points.line-color-light { --line-color: var(--light) !important; } .wi-icon-scrolling-points.icon-color-light { --icon-color: var(--light) !important; } .wi-icon-scrolling-points.line-color-gray { --line-color: var(--gray) !important; } .wi-icon-scrolling-points.icon-color-gray { --icon-color: var(--gray) !important; } .wi-icon-scrolling-points.line-color-dark { --line-color: var(--dark) !important; } .wi-icon-scrolling-points.icon-color-dark { --icon-color: var(--dark) !important; } .wi-icon-scrolling-points.line-color-dark-gray { --line-color: var(--dark-gray) !important; } .wi-icon-scrolling-points.icon-color-dark-gray { --icon-color: var(--dark-gray) !important; } .wi-icon-scrolling-points .row { --bs-gutter-x: 0px; } .wi-icon-scrolling-points .row .item { height: 100%; display: flex; flex-direction: column; justify-content: flex-start; position: relative; --spacing: 1.875rem; } .wi-icon-scrolling-points .row .item .top { display: flex; flex-direction: column; } .wi-icon-scrolling-points .row .item .top .top-content { flex-grow: 1; padding-right: var(--spacing); } .wi-icon-scrolling-points .row .item .top .top-content .icon { font-size: 2.25rem; color: var(--icon-color); } .wi-icon-scrolling-points .row .item .top .line-point { display: flex; width: 100%; align-items: center; margin-top: 1.125rem; margin-bottom: 1.125rem; } .wi-icon-scrolling-points .row .item .top .line-point .point { font-size: 0.625rem; color: var(--line-color); } .wi-icon-scrolling-points .row .item .top .line-point .line { flex-grow: 1; height: 0.0625rem; background: var(--line-color); } .wi-icon-scrolling-points .row .item .bottom { padding-right: var(--spacing); } .wi-icon-scrolling-points .row .item .bottom .content { --p-font-size: 0.875rem; font-size: var(--p-font-size); --p-line-height: 1.7; line-height: var(--p-line-height); } .wi-icon-scrolling-points .row .item .bottom .content a { font-weight: 600; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-img-card.wi-well-v2 { --well-desktop-padding: 0; --well-mobile-padding: 0; } .wi-img-card .content { display: flex; flex-direction: column; } .wi-img-card .content .img { height: 14.375rem; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } @media (max-width: 991px) { .wi-img-card .content .img { height: 12.5rem; } } .wi-img-card .content .card-content { flex-grow: 1; padding: 1.875rem; } @media (max-width: 991px) { .wi-img-card .content .card-content { padding: 1.5rem 1.25rem; } } .wi-img-card .content .card-content.link-bottom-1 { display: flex; flex-direction: column; justify-content: space-between; gap: 1.5rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-map-well-1-wrapper { border-radius: var(--border-radius); overflow: hidden; border: 1px solid var(--quaternary); } @media (max-width: 991px) { .wi-map-well-1-wrapper { max-height: 17.1875rem; } } @media (min-width: 992px) { .wi-map-well-1-wrapper { height: 100%; width: 100%; position: relative; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// 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: 1rem; font-weight: 400; line-height: 1.75; margin-bottom: 0; } .wi-surrounding-list a.city:not(.see-all):hover { text-decoration: underline; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// 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 .leaflet-popup-content-wrapper { border-radius: var(--border-radius); } .leaflet-container .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content { margin: 0; padding: 0; } @media (min-width: 992px) { .leaflet-container .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content { min-width: 310px; } } .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: center; } @media (max-width: 991px) { .leaflet-container .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup-box-content { padding: 1.25rem 1.125rem; } } .leaflet-container .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup-box-content .name { color: var(--primary); font-weight: 400; text-transform: uppercase; margin-bottom: 0.62rem; } .leaflet-container .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup-box-content .address { font-size: 1rem; font-weight: 700; line-height: 1.75; margin-bottom: 1.25rem; } .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: center; flex-wrap: wrap; gap: 0.75rem; } @media (max-width: 991px) { .leaflet-container .leaflet-map-pane .leaflet-popup-pane .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .popup-box-content .buttons .btn { padding: 0.6rem 1rem; font-size: 0.875rem; } } .leaflet-container .leaflet-map-pane .leaflet-marker-pane .leaflet-marker-icon { filter: drop-shadow(var(--drop-shadow)); } .leaflet-container .leaflet-control-container .leaflet-right { right: 0.75rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-content-alternating-tiles.tile-color-primary { --tile-color: var(--primary) !important; } .wi-content-alternating-tiles.tile-color-secondary { --tile-color: var(--secondary) !important; } .wi-content-alternating-tiles.tile-color-tertiary { --tile-color: var(--tertiary) !important; } .wi-content-alternating-tiles.tile-color-quaternary { --tile-color: var(--quaternary) !important; } .wi-content-alternating-tiles.tile-color-quinary { --tile-color: var(--quinary) !important; } .wi-content-alternating-tiles.tile-color-light { --tile-color: var(--light) !important; } .wi-content-alternating-tiles.tile-color-gray { --tile-color: var(--gray) !important; } .wi-content-alternating-tiles.tile-color-dark { --tile-color: var(--dark) !important; } .wi-content-alternating-tiles.tile-color-dark-gray { --tile-color: var(--dark-gray) !important; } .wi-content-alternating-tiles .tile { background: var(--tile-color); color: var(--light); padding: 3.125rem 2.5rem; } @media (max-width: 991px) { .wi-content-alternating-tiles .tile { padding: 2.5rem 1.25rem; } } .wi-content-alternating-tiles .tile .heading { color: var(--light); margin-bottom: 1.25rem; } .wi-content-alternating-tiles .img { position: relative; } .wi-content-alternating-tiles .img img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; } .wi-content-alternating-tiles:not(.three-items) { display: flex; flex-wrap: wrap; } .wi-content-alternating-tiles:not(.three-items) .item { flex: 0 0 auto; width: 100%; display: flex; flex-direction: column; } @media (min-width: 992px) { .wi-content-alternating-tiles:not(.three-items) .item { flex-direction: row; } .wi-content-alternating-tiles:not(.three-items) .item .img, .wi-content-alternating-tiles:not(.three-items) .item .tile { flex: 0 0 auto; width: 50%; } } .wi-content-alternating-tiles:not(.three-items) .item .img { min-height: 17.1875rem; } @media (min-width: 768px) { .wi-content-alternating-tiles:not(.three-items) .item .img { min-height: 20rem; } } @media (min-width: 992px) { .wi-content-alternating-tiles:not(.three-items) .item .img { height: 100%; } } @media (min-width: 992px) { .wi-content-alternating-tiles:not(.three-items):not(.three-1):not(.starting-img-left-1) .item:not(.even) .img { order: 2; } .wi-content-alternating-tiles:not(.three-items):not(.three-1):not(.starting-img-left-1) .item:not(.even) .tile { order: 1; } .wi-content-alternating-tiles:not(.three-items):not(.three-1).starting-img-left-1 .item.even .img { order: 2; } .wi-content-alternating-tiles:not(.three-items):not(.three-1).starting-img-left-1 .item.even .tile { order: 1; } } .wi-content-alternating-tiles.three-items { display: flex; flex-wrap: wrap; } .wi-content-alternating-tiles.three-items .img { height: 17.1875rem; } @media (min-width: 576px) { .wi-content-alternating-tiles.three-items .img { height: 20rem; } } @media (min-width: 768px) { .wi-content-alternating-tiles.three-items .img { height: 22rem; } } @media (max-width: 991px) { .wi-content-alternating-tiles.three-items > * { flex: 0 0 auto; width: 100%; } } @media (min-width: 992px) { .wi-content-alternating-tiles.three-items > * { flex: 0 0 auto; width: 33.333333%; } .wi-content-alternating-tiles.three-items > *.img { height: unset; } .wi-content-alternating-tiles.three-items > *.item-tile-1 { order: 1; } .wi-content-alternating-tiles.three-items > *.item-img-2 { order: 2; } .wi-content-alternating-tiles.three-items > *.item-tile-3 { order: 3; } .wi-content-alternating-tiles.three-items > *.item-img-1 { order: 4; } .wi-content-alternating-tiles.three-items > *.item-tile-2 { order: 5; } .wi-content-alternating-tiles.three-items > *.item-img-3 { order: 6; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-section-faqs-well.widget-first-1 .faqs-col { order: 1; } @media (max-width: 575px) { .wi-section-faqs-well.mobile-full-1 .faqs-col { padding: 0; } .wi-section-faqs-well.mobile-full-1 .faqs-col .faqs-well { --well-mobile-padding: 2.5rem 1.25rem; } } .wi-section-faqs-well .faqs-col .faqs-well .content { display: flex; flex-direction: column; } .wi-section-faqs-well .faqs-col .faqs-well .content .button { flex-grow: 1; display: flex; align-items: flex-end; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-promotions-slider-1 .item { display: flex; flex-direction: column; } .wi-promotions-slider-1 .item .img { position: relative; height: 18.75rem; border-radius: var(--border-radius); overflow: hidden; margin-bottom: 1.5rem; } @media (max-width: 991px) { .wi-promotions-slider-1 .item .img { height: 15.625rem; } } .wi-promotions-slider-1 .item .img img:not(.badge-img) { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; z-index: 0; } .wi-promotions-slider-1 .item .img .badge-img { height: 6.875rem; width: auto; position: absolute; bottom: 1rem; left: 50%; transform: translateX(-50%); z-index: 1; } .wi-promotions-slider-1 .item .headline { color: var(--primary); margin-bottom: 0.125rem; } .wi-promotions-slider-1 .item .subline { color: var(--secondary); margin-bottom: 1.5rem; } .wi-promotions-slider-1 .item .details { font-size: var(--p-font-size); line-height: var(--p-line-height); font-weight: var(--p-font-weight); margin-bottom: 1.25rem; } .wi-promotions-slider-1 .item .disclaimer { font-size: 0.875rem; font-weight: 300; line-height: 1.7; margin-bottom: 1.875rem; } .wi-promotions-slider-1 .item .button { flex-grow: 1; display: flex; align-items: flex-end; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-gallery-slider-1 .wi-infinite-slide .infinite { gap: 1.875rem; } .wi-gallery-slider-1 .wi-infinite-slide .infinite > li { width: unset; margin-right: 0; } .wi-gallery-slider-1 .wi-infinite-slide .infinite > li .item { height: 15.625rem; width: auto; border-radius: var(--border-radius); } @media (max-width: 991px) { .wi-gallery-slider-1 .wi-infinite-slide .infinite > li .item { height: 12.5rem; } } .wi-gallery-slider-1.double { --bs-gutter-y: 1.875rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-cta-well { --well-desktop-padding: 3.12rem; --well-mobile-padding: 2.5rem 1.25rem; } .wi-cta-well .row { --bs-gutter-y: 2.5rem; } .wi-cta-well .row .info-col .logo-wrapper .logo-img { width: auto; height: var(--logo-img-size); margin-bottom: 1.25rem; } .wi-cta-well .row .info-col .logo-wrapper.logo-bg-1 { display: inline-flex; background: var(--light); padding: 1.125rem; margin-bottom: 1.25rem; border-radius: var(--border-radius); } .wi-cta-well .row .info-col .logo-wrapper.logo-bg-1 .logo-img { margin-bottom: 0; } .wi-cta-well .row .info-col .heading { margin-bottom: 1.25rem; } .wi-cta-well .row .info-col .details { margin-bottom: 0; font-weight: 600; } .wi-cta-well:not(.centered-1) .info-col, .wi-cta-well:not(.centered-1) .btn-col { width: 50%; } @media (max-width: 991px) { .wi-cta-well:not(.centered-1) .info-col, .wi-cta-well:not(.centered-1) .btn-col { width: 100%; } } .wi-cta-well:not(.centered-1) .btn-col { display: flex; } @media (min-width: 992px) { .wi-cta-well:not(.centered-1) .btn-col { align-items: flex-end; justify-content: flex-end; } .wi-cta-well:not(.centered-1) .btn-col .btns-col { justify-content: flex-end; } } .wi-cta-well.centered-1 .info-col, .wi-cta-well.centered-1 .btn-col { width: 100%; text-align: center; } .wi-cta-well.centered-1 .btn-col .btns-col { justify-content: center; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ @media (max-width: 991px) { .wi-content-bg-img-tile { padding-bottom: 0; padding-top: 0; } } @media (min-width: 992px) { .wi-content-bg-img-tile { --section-unit: 6.25rem; } } .wi-content-bg-img-tile.tile-color-primary { --tile-color: var(--primary) !important; } .wi-content-bg-img-tile.tile-color-secondary { --tile-color: var(--secondary) !important; } .wi-content-bg-img-tile.tile-color-tertiary { --tile-color: var(--tertiary) !important; } .wi-content-bg-img-tile.tile-color-quaternary { --tile-color: var(--quaternary) !important; } .wi-content-bg-img-tile.tile-color-quinary { --tile-color: var(--quinary) !important; } .wi-content-bg-img-tile.tile-color-light { --tile-color: var(--light) !important; } .wi-content-bg-img-tile.tile-color-gray { --tile-color: var(--gray) !important; } .wi-content-bg-img-tile.tile-color-dark { --tile-color: var(--dark) !important; } .wi-content-bg-img-tile.tile-color-dark-gray { --tile-color: var(--dark-gray) !important; } .wi-content-bg-img-tile.tile-color-secondary, .wi-content-bg-img-tile.tile-color-dark, .wi-content-bg-img-tile.tile-color-dark-gray { --p-font-weight: 400; } @media (min-width: 992px) { .wi-content-bg-img-tile .img { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } } @media (max-width: 991px) { .wi-content-bg-img-tile .img { position: relative; height: 22rem; width: 100%; } } @media (max-width: 767px) { .wi-content-bg-img-tile .img { height: 20rem; } } @media (max-width: 575px) { .wi-content-bg-img-tile .img { height: 17.1875rem; } } .wi-content-bg-img-tile .img img { position: absolute; height: 100%; width: 100%; top: 0; left: 0; object-fit: cover; } .wi-content-bg-img-tile.tile-right-1 .row { justify-content: flex-end; } .wi-content-bg-img-tile .tile { background: var(--tile-color); padding: 2.19rem; color: var(--light); } @media (min-width: 992px) { .wi-content-bg-img-tile .tile { border-radius: var(--border-radius); } } @media (max-width: 991px) { .wi-content-bg-img-tile .tile { padding: 1.875rem 1.25rem; } } .wi-content-bg-img-tile .tile .heading { color: var(--light); margin-bottom: 1.25rem; } .wi-content-bg-img-tile .tile .subheading { margin-bottom: 0.25rem; } .wi-content-bg-img-tile.tile-color-light .tile, .wi-content-bg-img-tile .tile-color-gray .tile { color: var(--dark-gray); } .wi-content-bg-img-tile.tile-color-light .tile .subheading, .wi-content-bg-img-tile .tile-color-gray .tile .subheading { color: var(--primary); } .wi-content-bg-img-tile.tile-color-light .tile .heading, .wi-content-bg-img-tile .tile-color-gray .tile .heading { color: var(--secondary); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-swoop-separator { --section-unit: 5rem; --top-padding: 4.375rem; padding: var(--top-padding) 0 var(--section-unit) 0; background-color: var(--color); } .wi-swoop-separator.color-primary { --color: var(--primary) !important; } .wi-swoop-separator.color-secondary { --color: var(--secondary) !important; } .wi-swoop-separator.color-tertiary { --color: var(--tertiary) !important; } .wi-swoop-separator.color-quaternary { --color: var(--quaternary) !important; } .wi-swoop-separator.color-quinary { --color: var(--quinary) !important; } .wi-swoop-separator.color-light { --color: var(--light) !important; } .wi-swoop-separator.color-gray { --color: var(--gray) !important; } .wi-swoop-separator.color-dark { --color: var(--dark) !important; } .wi-swoop-separator.color-dark-gray { --color: var(--dark-gray) !important; } @media (max-width: 991px) { .wi-swoop-separator { --section-unit: 3.125rem; --top-padding: 3.125rem; } .wi-swoop-separator:has(.separator.mobile) { --top-padding: 2.5rem; } } .wi-swoop-separator .separator { position: absolute; bottom: calc(100% - 1px); z-index: 1; border-bottom: 1px solid var(--color); } .wi-swoop-separator .separator path { fill: var(--color); } .wi-swoop-separator .separator.desktop { display: none; } @media (min-width: 992px) { .wi-swoop-separator .separator.desktop { display: block; } } .wi-swoop-separator .separator.mobile { display: block; bottom: calc(100% - 3px); } @media (min-width: 992px) { .wi-swoop-separator .separator.mobile { display: none; } } @charset "UTF-8"; /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-reviews-slider-4.wi-infinite-slide .infinite > li { width: 22.5rem; margin-right: 1.5rem; } @media (max-width: 991px) { .wi-reviews-slider-4.wi-infinite-slide .infinite > li { width: 18.125rem; } } .wi-reviews-slider-4 .review { padding: 1.25rem; border-radius: var(--border-radius); background: var(--light); box-shadow: var(--box-shadow); } .wi-reviews-slider-4 .review .stars { font-size: 1rem; display: flex; gap: 0.12rem; margin-bottom: 0.25rem; justify-content: start; color: #FAD127; } .wi-reviews-slider-4 .review .stars .review-star { height: 1.25rem; } .wi-reviews-slider-4 .review .name { font-family: var(--font-primary); color: var(--secondary); font-size: 1.25rem; font-weight: 600; line-height: 1.2; margin-bottom: 0.25rem; text-align: left; } .wi-reviews-slider-4 .review .date-source { color: var(--primary); font-family: var(--font-primary); font-size: 0.875rem; font-weight: 400; line-height: normal; letter-spacing: 0.02625rem; margin-bottom: 0.875rem; text-align: left; } .wi-reviews-slider-4 .review .review-wrapper { min-height: 9.625rem; max-height: 9.625rem; position: relative; overflow: hidden; transition: var(--transition); } .wi-reviews-slider-4 .review .review-wrapper:not(.expandable) .expand-button { display: none; } .wi-reviews-slider-4 .review .review-wrapper.expandable:after { content: ""; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 12.67%, #FFFFFF 89.33%); position: absolute; bottom: 1rem; left: 0; width: 100%; height: 5.25rem; z-index: 1; transition: var(--transition); } .wi-reviews-slider-4 .review .review-wrapper.expandable .expand-button { position: absolute; z-index: 2; width: 100%; bottom: 0; left: 0; height: auto; text-align: center; cursor: pointer; background: var(--light); line-height: 1; color: var(--tertiary); transition: var(--transition); } .wi-reviews-slider-4 .review .review-wrapper.expandable .expand-button i { transition: var(--transition); } .wi-reviews-slider-4 .review .review-wrapper.expandable .expand-button:hover { color: var(--tertiary); } .wi-reviews-slider-4 .review .review-wrapper.expandable.expanded { max-height: 1000px; padding-bottom: 1rem; } .wi-reviews-slider-4 .review .review-wrapper.expandable.expanded:after { background: transparent; } .wi-reviews-slider-4 .review .review-wrapper.expandable.expanded .expand-button i::before { content: ""; } .wi-reviews-slider-4 .review .review-wrapper .review-content { color: #262626; line-height: 1.7; font-size: 0.875rem; font-weight: 300; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-subnav-img-cards-1 .ff-card-append { --well-desktop-padding: 1.875rem; --well-mobile-padding: 1.5rem 1.25rem; } .wi-subnav-img-cards-1 .ff-card-append .content { display: flex; flex-direction: column; } .wi-subnav-img-cards-1 .ff-card-append .content a:not(.btn) { color: var(--light); font-weight: 500; } .wi-subnav-img-cards-1 .ff-card-append .content a:not(.btn):hover { text-decoration: underline; color: var(--light); } .wi-subnav-img-cards-1 .ff-card-append .content .ff-logo { text-align: center; } .wi-subnav-img-cards-1 .ff-card-append .content .ff-logo img { height: 10.625rem; } .wi-subnav-img-cards-1 .ff-card-append .content .button { flex-grow: 1; display: flex; align-items: flex-end; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-hero-primary-pillar { position: relative; --section-unit: 6rem; background: var(--bg-color); } @media (max-width: 991px) { .wi-hero-primary-pillar { --section-unit: 3.125rem; } } .wi-hero-primary-pillar.bg-color-primary { --bg-color: var(--primary) !important; } .wi-hero-primary-pillar.bg-color-secondary { --bg-color: var(--secondary) !important; } .wi-hero-primary-pillar.bg-color-tertiary { --bg-color: var(--tertiary) !important; } .wi-hero-primary-pillar.bg-color-quaternary { --bg-color: var(--quaternary) !important; } .wi-hero-primary-pillar.bg-color-quinary { --bg-color: var(--quinary) !important; } .wi-hero-primary-pillar.bg-color-light { --bg-color: var(--light) !important; } .wi-hero-primary-pillar.bg-color-gray { --bg-color: var(--gray) !important; } .wi-hero-primary-pillar.bg-color-dark { --bg-color: var(--dark) !important; } .wi-hero-primary-pillar.bg-color-dark-gray { --bg-color: var(--dark-gray) !important; } .wi-hero-primary-pillar .img { position: absolute; top: 0; right: 0; width: 50%; height: 100%; z-index: 0; } .wi-hero-primary-pillar .img img { object-fit: cover; position: absolute; top: 0; left: 0; height: 100%; width: 100%; } @media (max-width: 991px) { .wi-hero-primary-pillar .img { position: relative; width: 100%; top: calc(-1 * var(--section-unit)); right: unset; left: 0; height: 19.375rem; } } .wi-hero-primary-pillar.tile-right-1 .img { right: unset; left: 0; } .wi-hero-primary-pillar.tile-right-1 > .container > .row { justify-content: flex-end; } .wi-hero-primary-pillar .container { position: relative; z-index: 1; } @media (min-width: 992px) { .wi-hero-primary-pillar .container .tile-col { width: var(--tile-width); } } .wi-hero-primary-pillar .container .tile { --well-desktop-padding: 2.5rem; } .wi-hero-primary-pillar .container .tile .breadcrumb-wrapper { margin-bottom: 0.375rem; } .wi-hero-primary-pillar .container .tile .heading { margin-bottom: 1.25rem; } .wi-hero-primary-pillar .container .tile .nv3-heading-v2 { margin-bottom: 1.25rem; } .wi-hero-primary-pillar .container .tile .nv3-heading-v2 .heading { margin-bottom: 0; } .wi-hero-primary-pillar .container .tile .details { font-weight: 300; margin-bottom: 1.875rem; } @media (max-width: 991px) { .wi-hero-primary-pillar .container .tile { --bump-up: calc(var(--section-unit) + 3.125rem); top: calc(-1* var(--bump-up)); margin-bottom: calc(-1 * var(--bump-up)); } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ @media (min-width: 992px) { .wi-content-booking.calendar-left-1 .content-col { order: 2; } .wi-content-booking.calendar-left-1 .calendar-col { order: 1; } } .wi-content-booking .row { --bs-gutter-y: 3.75rem; } .wi-content-booking .subheading { margin-bottom: 0.125rem; color: var(--primary); } .wi-content-booking .heading { margin-bottom: 1.25rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-subnav-img-1 .page .img { height: 15.625rem; box-shadow: var(--box-shadow); margin-bottom: 1.875rem; } .wi-subnav-img-1 .page .page-name { margin-bottom: 1.875rem; } .wi-subnav-img-1 .page .page-name .text { font-size: 1.625rem; font-weight: 600; text-transform: none; font-family: var(--font-primary); } .wi-subnav-img-1.alt .page { text-align: center; } .wi-subnav-img-1.alt .page .page-name { margin-bottom: 0; } @media (min-width: 992px) { .wi-subnav-img-1.few-pages-1 .page .img { height: 21.875rem; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-content-overlapping-tile { --section-unit: 4.375rem; background: var(--color); } .wi-content-overlapping-tile.color-primary { --color: var(--primary) !important; } .wi-content-overlapping-tile.tile-color-primary { --tile-color: var(--primary) !important; } .wi-content-overlapping-tile.color-secondary { --color: var(--secondary) !important; } .wi-content-overlapping-tile.tile-color-secondary { --tile-color: var(--secondary) !important; } .wi-content-overlapping-tile.color-tertiary { --color: var(--tertiary) !important; } .wi-content-overlapping-tile.tile-color-tertiary { --tile-color: var(--tertiary) !important; } .wi-content-overlapping-tile.color-quaternary { --color: var(--quaternary) !important; } .wi-content-overlapping-tile.tile-color-quaternary { --tile-color: var(--quaternary) !important; } .wi-content-overlapping-tile.color-quinary { --color: var(--quinary) !important; } .wi-content-overlapping-tile.tile-color-quinary { --tile-color: var(--quinary) !important; } .wi-content-overlapping-tile.color-light { --color: var(--light) !important; } .wi-content-overlapping-tile.tile-color-light { --tile-color: var(--light) !important; } .wi-content-overlapping-tile.color-gray { --color: var(--gray) !important; } .wi-content-overlapping-tile.tile-color-gray { --tile-color: var(--gray) !important; } .wi-content-overlapping-tile.color-dark { --color: var(--dark) !important; } .wi-content-overlapping-tile.tile-color-dark { --tile-color: var(--dark) !important; } .wi-content-overlapping-tile.color-dark-gray { --color: var(--dark-gray) !important; } .wi-content-overlapping-tile.tile-color-dark-gray { --tile-color: var(--dark-gray) !important; } @media (max-width: 991px) { .wi-content-overlapping-tile { background: var(--tile-color); } } .wi-content-overlapping-tile .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } @media (min-width: 992px) { .wi-content-overlapping-tile .img { position: absolute; right: 0; top: 0; height: 100%; width: 50%; z-index: 0; } .wi-content-overlapping-tile.tile-right-1 { left: 0; right: unset; } } @media (max-width: 991px) { .wi-content-overlapping-tile .img { position: relative; top: 0; left: 0; right: unset; width: 100%; height: 25rem; } } .wi-content-overlapping-tile.tile-right-1 > .container > .row { justify-content: flex-end; } .wi-content-overlapping-tile .container { position: relative; z-index: 1; } .wi-content-overlapping-tile .container .tile { --well-desktop-padding: 2.25rem; } @media (max-width: 991px) { .wi-content-overlapping-tile .container .tile { padding-top: 1.875rem; } } .wi-content-overlapping-tile .container .tile .headings { margin-bottom: 1.25rem; } .wi-content-overlapping-tile .container .tile .headings .subheading { margin-top: 0.125rem; color: var(--primary); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-hero-secondary-pillar { position: relative; --section-unit: 6rem; } @media (max-width: 991px) { .wi-hero-secondary-pillar { --section-unit: 3.125rem; padding-bottom: 0; } } .wi-hero-secondary-pillar .img { position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: 0; } .wi-hero-secondary-pillar .img img { object-fit: cover; position: absolute; top: 0; left: 0; height: 100%; width: 100%; } @media (max-width: 991px) { .wi-hero-secondary-pillar .img { position: relative; top: calc(-1 * var(--section-unit)); right: unset; left: 0; height: 19.375rem; } } .wi-hero-secondary-pillar.tile-right-1 .img { right: unset; left: 0; } .wi-hero-secondary-pillar.tile-right-1 > .container > .row { justify-content: flex-end; } .wi-hero-secondary-pillar .container { position: relative; z-index: 1; } .wi-hero-secondary-pillar .container .tile { --well-desktop-padding: 2.5rem; } .wi-hero-secondary-pillar .container .tile .breadcrumb-wrapper { margin-bottom: 0.375rem; } @media (max-width: 991px) { .wi-hero-secondary-pillar .container .tile .breadcrumb-wrapper { display: none; } } .wi-hero-secondary-pillar .container .tile .heading { margin-bottom: 1.25rem; } .wi-hero-secondary-pillar .container .tile .nv3-heading-v2 { margin-bottom: 1.25rem; } .wi-hero-secondary-pillar .container .tile .nv3-heading-v2 .heading { margin-bottom: 0; } .wi-hero-secondary-pillar .container .tile .details { font-weight: 300; margin-bottom: 1.875rem; } @media (max-width: 991px) { .wi-hero-secondary-pillar .container .tile { --bump-up: calc(var(--section-unit) + 3.125rem); top: calc(-1* var(--bump-up)); margin-bottom: calc(-1 * var(--bump-up)); } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-section-content-tabs.tab-color-primary { --tab-color: var(--primary) !important; } .wi-section-content-tabs.active-tab-color-primary { --active-tab-color: var(--primary) !important; } .wi-section-content-tabs.tab-color-secondary { --tab-color: var(--secondary) !important; } .wi-section-content-tabs.active-tab-color-secondary { --active-tab-color: var(--secondary) !important; } .wi-section-content-tabs.tab-color-tertiary { --tab-color: var(--tertiary) !important; } .wi-section-content-tabs.active-tab-color-tertiary { --active-tab-color: var(--tertiary) !important; } .wi-section-content-tabs.tab-color-quaternary { --tab-color: var(--quaternary) !important; } .wi-section-content-tabs.active-tab-color-quaternary { --active-tab-color: var(--quaternary) !important; } .wi-section-content-tabs.tab-color-quinary { --tab-color: var(--quinary) !important; } .wi-section-content-tabs.active-tab-color-quinary { --active-tab-color: var(--quinary) !important; } .wi-section-content-tabs.tab-color-light { --tab-color: var(--light) !important; } .wi-section-content-tabs.active-tab-color-light { --active-tab-color: var(--light) !important; } .wi-section-content-tabs.tab-color-gray { --tab-color: var(--gray) !important; } .wi-section-content-tabs.active-tab-color-gray { --active-tab-color: var(--gray) !important; } .wi-section-content-tabs.tab-color-dark { --tab-color: var(--dark) !important; } .wi-section-content-tabs.active-tab-color-dark { --active-tab-color: var(--dark) !important; } .wi-section-content-tabs.tab-color-dark-gray { --tab-color: var(--dark-gray) !important; } .wi-section-content-tabs.active-tab-color-dark-gray { --active-tab-color: var(--dark-gray) !important; } .wi-section-content-tabs .content-heading { margin-bottom: 1.5rem; } .wi-section-content-tabs .heading { margin-bottom: 1.25rem; } .wi-section-content-tabs .wi-content-tabs { --bs-gutter-x: 2.5rem; } @media (max-width: 991px) { .wi-section-content-tabs .wi-content-tabs { display: none; } } .wi-section-content-tabs .wi-content-tabs ul.content-tabs { gap: 0.75rem; flex-direction: column; border-bottom: unset; } .wi-section-content-tabs .wi-content-tabs ul.content-tabs li.nav-item button.nav-link { text-align: left; width: 100%; border-radius: var(--border-radius); padding: 0.62rem 1.125rem; font-size: 1.125rem; line-height: 1.7; font-weight: 600; background-color: var(--tab-color); border: 1px solid var(--active-tab-color); color: var(--active-tab-color); transition: var(--transition); position: relative; } .wi-section-content-tabs .wi-content-tabs ul.content-tabs li.nav-item button.nav-link.active { background-color: var(--active-tab-color); color: var(--light); } .wi-section-content-tabs .wi-content-tabs ul.content-tabs li.nav-item button.nav-link.active::before { content: ""; background-color: var(--active-tab-color); --size: 1.125rem; height: var(--size); width: var(--size); position: absolute; right: 0; top: 50%; transform: rotate(45deg) translate(0, -50%); z-index: 0; transition: var(--transition); } .wi-section-content-tabs .wi-content-tabs ul.content-tabs li.nav-item button.nav-link:hover:not(.active) { background-color: var(--active-tab-color); color: var(--light); } .wi-section-content-tabs .wi-content-tabs .content-tabs-panes { background: transparent; } .wi-section-content-tabs .wi-content-tabs .content-tabs-panes .tab-pane { border: 0; border-radius: var(--border-radius); } @media (min-width: 992px) { .wi-section-content-tabs .wi-content-tabs-accordion { display: none; } } .wi-section-content-tabs .wi-content-tabs-accordion .accordion-item { border: none; background-color: transparent; } .wi-section-content-tabs .wi-content-tabs-accordion .accordion-item .accordion-header .accordion-button { border-radius: var(--border-radius); font-size: 1.125rem; font-weight: 600; line-height: 1.7; color: var(--light); background-color: var(--active-tab-color); padding: 0.62rem 1.125rem; justify-content: space-between; gap: 0.62rem; transition: var(--transition); position: relative; } .wi-section-content-tabs .wi-content-tabs-accordion .accordion-item .accordion-header .accordion-button.collapsed { background-color: var(--tab-color); border: 1px solid var(--active-tab-color); color: var(--active-tab-color); } .wi-section-content-tabs .wi-content-tabs-accordion .accordion-item .accordion-header .accordion-button:focus { border-color: transparent; box-shadow: unset; } .wi-section-content-tabs .wi-content-tabs-accordion .accordion-item .accordion-header .accordion-button:after { display: none; } .wi-section-content-tabs .wi-content-tabs-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed):after { display: none; } .wi-section-content-tabs .wi-content-tabs-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed):before { content: ""; background: var(--active-tab-color); width: 1.125rem; height: 0.5rem; clip-path: polygon(0 0, 50% 100%, 100% 0); position: absolute; bottom: -0.4375rem; left: 50%; transform: translateX(-50%); } .wi-section-content-tabs .wi-content-tabs-accordion .accordion-item:first-of-type { border-top-left-radius: var(--border-radius); border-top-right-radius: var(--border-radius); } .wi-section-content-tabs .wi-content-tabs-accordion .accordion-item:first-of-type .accordion-header .accordion-button { border-top-left-radius: var(--border-radius); border-top-right-radius: var(--border-radius); } .wi-section-content-tabs .wi-content-tabs-accordion .accordion-item:not(:last-of-type) { margin-bottom: 0.75rem; } .wi-section-content-tabs .wi-content-tabs-accordion .accordion-item:last-of-type { border-bottom-left-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); border-bottom: 0; } .wi-section-content-tabs .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 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-hero-primary-cluster { position: relative; --section-unit: 5rem; background: var(--color); color: var(--light); } @media (max-width: 991px) { .wi-hero-primary-cluster { --section-unit: 3.125rem; } } .wi-hero-primary-cluster.color-primary { --color: var(--primary) !important; } .wi-hero-primary-cluster.color-secondary { --color: var(--secondary) !important; } .wi-hero-primary-cluster.color-tertiary { --color: var(--tertiary) !important; } .wi-hero-primary-cluster.color-quaternary { --color: var(--quaternary) !important; } .wi-hero-primary-cluster.color-quinary { --color: var(--quinary) !important; } .wi-hero-primary-cluster.color-light { --color: var(--light) !important; } .wi-hero-primary-cluster.color-gray { --color: var(--gray) !important; } .wi-hero-primary-cluster.color-dark { --color: var(--dark) !important; } .wi-hero-primary-cluster.color-dark-gray { --color: var(--dark-gray) !important; } .wi-hero-primary-cluster .heading { color: var(--light); } @media (min-width: 992px) { .wi-hero-primary-cluster:not(.img-left-1) .img-col { order: 2; } .wi-hero-primary-cluster:not(.img-left-1) .content-col { order: 1; } } .wi-hero-primary-cluster .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .wi-hero-primary-cluster .content .heading { margin-bottom: 0.875rem; } .wi-hero-primary-cluster .content .nv3-heading-v2 { margin-bottom: 0.875rem; } .wi-hero-primary-cluster .content .nv3-heading-v2 .heading { margin-bottom: 0; } .wi-hero-primary-cluster .content .details { margin-bottom: 1.875rem; } @media (max-width: 991px) { .wi-hero-primary-cluster { padding-top: 0 !important; } .wi-hero-primary-cluster .container-lg { padding: 0; } .wi-hero-primary-cluster .container-lg .row { --bs-gutter-x: 0; } .wi-hero-primary-cluster .container-lg .row .img { width: 100%; height: 22rem; position: relative; margin-bottom: var(--section-unit); } .wi-hero-primary-cluster .container-lg .row .content-col { display: flex; justify-content: center; } .wi-hero-primary-cluster .container-lg .row .content-col .content { max-width: var(--container-w); } } @media (max-width: 767px) { .wi-hero-primary-cluster .container-lg .row .img { height: 18rem; } } @media (max-width: 575px) { .wi-hero-primary-cluster .container-lg .row .img { height: 15.625rem; } .wi-hero-primary-cluster .container-lg .row .content { padding-left: 1.25rem; padding-right: 1.25rem; } } @media (min-width: 992px) { .wi-hero-primary-cluster { z-index: 1; } .wi-hero-primary-cluster .container-lg .row .content-col .content { display: flex; flex-direction: column; justify-content: center; min-height: 20rem; } .wi-hero-primary-cluster .container-lg .row .img-col .img { position: absolute; left: 0; top: -2.5rem; --height: calc(100% + 2.5rem + var(--section-unit) + 2.19rem); height: var(--height); --width: calc(100% + 2rem); width: var(--width); max-width: calc(50vw - 3rem); border-radius: var(--border-radius); overflow: hidden; box-shadow: var(--box-shadow); } } @media (min-width: 1400px) { .wi-hero-primary-cluster .container-lg .row .img-col .img { --width: calc(100% + 4.56rem); } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-subnav-alternating-img-1 .page .description { font-size: 1.125rem; margin-bottom: 1.875rem; } @media (max-width: 991px) { .wi-subnav-alternating-img-1 .page .description { font-size: 1rem; } } @media (max-width: 991px) { .wi-subnav-alternating-img-1 { --bs-gutter-y: 2.5rem; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-hero-secondary-cluster { position: relative; --section-unit: 6.84rem; background: var(--color); } @media (max-width: 991px) { .wi-hero-secondary-cluster { --section-unit: 3.12rem; padding-top: 0 !important; padding-bottom: var(--section-unit); } .wi-hero-secondary-cluster .container { padding-top: var(--section-unit); } } .wi-hero-secondary-cluster.color-primary { --color: var(--primary) !important; } .wi-hero-secondary-cluster.color-secondary { --color: var(--secondary) !important; } .wi-hero-secondary-cluster.color-tertiary { --color: var(--tertiary) !important; } .wi-hero-secondary-cluster.color-quaternary { --color: var(--quaternary) !important; } .wi-hero-secondary-cluster.color-quinary { --color: var(--quinary) !important; } .wi-hero-secondary-cluster.color-light { --color: var(--light) !important; } .wi-hero-secondary-cluster.color-gray { --color: var(--gray) !important; } .wi-hero-secondary-cluster.color-dark { --color: var(--dark) !important; } .wi-hero-secondary-cluster.color-dark-gray { --color: var(--dark-gray) !important; } .wi-hero-secondary-cluster .img img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; } @media (min-width: 992px) { .wi-hero-secondary-cluster .img { position: absolute; left: 50%; top: 0; height: 100%; width: 50%; } } @media (max-width: 991px) { .wi-hero-secondary-cluster .img { position: relative; left: 0; width: 100%; height: 22rem; } } @media (max-width: 767px) { .wi-hero-secondary-cluster .img { height: 18rem; } } @media (max-width: 575px) { .wi-hero-secondary-cluster .img { height: 15.625rem; } } .wi-hero-secondary-cluster .container > .row { --bs-gutter-x: 6rem; } @media (min-width: 992px) { .wi-hero-secondary-cluster .container > .row .content { display: flex; flex-direction: column; justify-content: center; min-height: 17.5625rem; } } .wi-hero-secondary-cluster .container > .row .content .heading { margin-bottom: 1.25rem; } @media (max-width: 991px) { .wi-hero-secondary-cluster .container > .row .content .heading { margin-bottom: 0.875rem; } } .wi-hero-secondary-cluster .container > .row .content .nv3-heading-v2 { margin-bottom: 1.25rem; } @media (max-width: 991px) { .wi-hero-secondary-cluster .container > .row .content .nv3-heading-v2 { margin-bottom: 0.875rem; } } .wi-hero-secondary-cluster .container > .row .content .nv3-heading-v2 .heading { margin-bottom: 0; } .wi-hero-secondary-cluster .container > .row .content .details { margin-bottom: 1.875rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-content-our-process { background: var(--bg-color); } .wi-content-our-process.bg-primary { --bg-color: var(--primary) !important; } .wi-content-our-process.bg-secondary { --bg-color: var(--secondary) !important; } .wi-content-our-process.bg-tertiary { --bg-color: var(--tertiary) !important; } .wi-content-our-process.bg-quaternary { --bg-color: var(--quaternary) !important; } .wi-content-our-process.bg-quinary { --bg-color: var(--quinary) !important; } .wi-content-our-process.bg-light { --bg-color: var(--light) !important; } .wi-content-our-process.bg-gray { --bg-color: var(--gray) !important; } .wi-content-our-process.bg-dark { --bg-color: var(--dark) !important; } .wi-content-our-process.bg-dark-gray { --bg-color: var(--dark-gray) !important; } .wi-content-our-process .heading-col .icon { font-size: 3.125rem; color: var(--primary); margin-bottom: 0.5rem; } .wi-content-our-process .heading-col .headings { margin-bottom: 1.875rem; } .wi-content-our-process .heading-col .headings .subheading { margin-top: 0.125rem; color: var(--secondary); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-subnav-img-cards-1 .ff-card-append-short { --well-desktop-padding: 1.875rem; --well-mobile-padding: 1.5rem 1.25rem; } .wi-subnav-img-cards-1 .ff-card-append-short .content { display: flex; flex-direction: column; } .wi-subnav-img-cards-1 .ff-card-append-short .content .ff-logo { text-align: center; } .wi-subnav-img-cards-1 .ff-card-append-short .content .ff-logo img { height: 10.625rem; } .wi-subnav-img-cards-1 .ff-card-append-short .content .button { flex-grow: 1; display: flex; align-items: flex-end; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-hero-utility { background: var(--bg-color); --section-unit: 5.44rem; } .wi-hero-utility.bg-primary { --bg-color: var(--primary) !important; } .wi-hero-utility.bg-secondary { --bg-color: var(--secondary) !important; } .wi-hero-utility.bg-tertiary { --bg-color: var(--tertiary) !important; } .wi-hero-utility.bg-quaternary { --bg-color: var(--quaternary) !important; } .wi-hero-utility.bg-quinary { --bg-color: var(--quinary) !important; } .wi-hero-utility.bg-light { --bg-color: var(--light) !important; } .wi-hero-utility.bg-gray { --bg-color: var(--gray) !important; } .wi-hero-utility.bg-dark { --bg-color: var(--dark) !important; } .wi-hero-utility.bg-dark-gray { --bg-color: var(--dark-gray) !important; } @media (max-width: 991px) { .wi-hero-utility { --section-unit: 1.875rem; padding-bottom: 2.5rem; } } .wi-hero-utility .row { --bs-gutter-x: 5rem; } @media (min-width: 992px) { .wi-hero-utility .img-col { order: 2; } .wi-hero-utility .content-col { order: 1; } } .wi-hero-utility .img { overflow: hidden; border-radius: var(--border-radius); box-shadow: var(--box-shadow); } .wi-hero-utility .img img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; } .wi-hero-utility .content .heading { margin-bottom: 0.875rem; } .wi-hero-utility .content .nv3-heading-v2 { margin-bottom: 0.875rem; } .wi-hero-utility .content .nv3-heading-v2 .heading { margin-bottom: 0; } .wi-hero-utility .content .details { margin-bottom: 1.875rem; } @media (max-width: 991px) { .wi-hero-utility .img-col .img { position: relative; left: 0; top: 0; width: 100%; height: 22rem; margin-bottom: 1.875rem; } } @media (max-width: 768px) { .wi-hero-utility .img-col .img { height: 18rem; } } @media (max-width: 575px) { .wi-hero-utility .img-col .img { height: 15.625rem; } } @media (min-width: 992px) { .wi-hero-utility .img-col { position: relative; } .wi-hero-utility .img-col .img { position: absolute; left: 0; top: -1.75rem; bottom: -1.75rem; --width: calc(100% + 2rem); width: var(--width); max-width: calc(50vw - 3rem); } .wi-hero-utility .content-col .content { display: flex; flex-direction: column; justify-content: center; min-height: 21.625rem; } } @media (min-width: 1400px) { .wi-hero-utility .img-col .img { --width: calc(100% + 4.56rem); } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-location-contact .location-details .logo { margin-bottom: 1rem; text-align: center; } .wi-location-contact .location-details .logo img { height: 4rem; width: auto; } .wi-location-contact .location-details .social-tertiary > .wi-social-small-1 { justify-content: flex-start; } .wi-location-contact .location-details .content { display: flex; flex-direction: column; } .wi-location-contact .location-details .content .button { flex-grow: 1; display: flex; align-items: flex-end; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .cl-reviews-full-3 { --bs-gutter-x: 2.5rem; } @media (max-width: 991px) { .cl-reviews-full-3 { --bs-gutter-x: 1.8rem; } } .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 { padding-top: 1.875rem; 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(--light); box-shadow: var(--box-shadow); margin-bottom: 1.875rem; } .cl-reviews-full-3 > .col-12 .reviews-list .review .stars { font-size: 1rem; display: flex; gap: 0.12rem; margin-bottom: 0.25rem; justify-content: start; color: #FAD127; } .cl-reviews-full-3 > .col-12 .reviews-list .review .stars .review-star { height: 1.25rem; } .cl-reviews-full-3 > .col-12 .reviews-list .review .name { font-family: var(--font-primary); color: var(--secondary); font-size: 1.25rem; font-weight: 600; line-height: 1.2; margin-bottom: 0.25rem; text-align: left; } .cl-reviews-full-3 > .col-12 .reviews-list .review .date-source { color: var(--primary); font-family: var(--font-primary); font-size: 0.875rem; font-weight: 400; line-height: normal; letter-spacing: 0.02625rem; margin-bottom: 0.875rem; text-align: left; } .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 { color: #262626; line-height: 1.7; font-size: 0.875rem; font-weight: 300; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-gallery-full-1 { --bs-gutter-x: 1.875rem; } .wi-gallery-full-1 > .col-12.needs-expanding.expanded { max-height: 100000px; } .wi-gallery-full-1 > .col-12.needs-expanding.expanded .expand-btn { display: none; } .wi-gallery-full-1 > .col-12.needs-expanding:not(.expanded) { max-height: 900px; overflow: hidden; transition: var(--transition); } .wi-gallery-full-1 > .col-12.needs-expanding:not(.expanded):before { pointer-events: none; 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%); } .wi-gallery-full-1 > .col-12.needs-expanding .expand-btn { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; z-index: 2; } .wi-gallery-full-1 > .col-12:not(.needs-expanding) .expand-btn { display: none; } .wi-gallery-full-1 > .col-12 .gallery-list { padding-top: 1.875rem; column-count: 1; column-gap: var(--bs-gutter-x); position: relative; } @media (min-width: 768px) { .wi-gallery-full-1 > .col-12 .gallery-list { column-count: 2; } } @media (min-width: 992px) { .wi-gallery-full-1 > .col-12 .gallery-list { column-count: 3; } } .wi-gallery-full-1 > .col-12 .gallery-list .item { position: relative; break-inside: avoid-column; border-radius: var(--border-radius); overflow: hidden; box-shadow: var(--box-shadow); margin-bottom: 1.875rem; } .wi-gallery-full-1 > .col-12 .gallery-list .item img { width: 100%; height: auto; } .wi-gallery-full-1 > .col-12 .gallery-list .item .see-img { background: var(--tertiary); color: var(--light); border-radius: var(--border-radius); box-shadow: var(--box-shadow); position: absolute; top: 0.62rem; left: 0.62rem; height: 2.5rem; width: 2.5rem; display: flex; justify-content: center; align-items: center; transition: var(--transition); } .wi-gallery-full-1 > .col-12 .gallery-list .item .see-img:hover { box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent); } .wi-gallery-full-1 > .col-12 .gallery-list .item .see-img i { line-height: 1; font-size: 1.75rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-content-step-boxes { justify-content: center; --bs-gutter-y: 1.875rem; } .wi-content-step-boxes.step-color-primary { --step-color: var(--primary) !important; } .wi-content-step-boxes.step-color-secondary { --step-color: var(--secondary) !important; } .wi-content-step-boxes.step-color-tertiary { --step-color: var(--tertiary) !important; } .wi-content-step-boxes.step-color-quaternary { --step-color: var(--quaternary) !important; } .wi-content-step-boxes.step-color-quinary { --step-color: var(--quinary) !important; } .wi-content-step-boxes.step-color-light { --step-color: var(--light) !important; } .wi-content-step-boxes.step-color-gray { --step-color: var(--gray) !important; } .wi-content-step-boxes.step-color-dark { --step-color: var(--dark) !important; } .wi-content-step-boxes.step-color-dark-gray { --step-color: var(--dark-gray) !important; } .wi-content-step-boxes .item { --well-desktop-padding: 1.875rem 1.5rem; --well-mobile-padding: 1.875rem 1.5rem; } .wi-content-step-boxes .item .step { color: var(--step-color); font-family: var(--font-primary); font-size: var(--h1-font-size); font-weight: var(--h1-font-weight); line-height: var(--h1-line-height); margin-bottom: 0.375rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-blog-posts .blog-posts { --bs-gutter-y: var(--bs-gutter-x); justify-content: center; } .wi-blog-posts .bl-pagination-list .pagination-col { display: flex; justify-content: center; gap: 1.875rem; align-items: center; } .wi-blog-posts .bl-pagination-list .pagination-col .pagination-btn { position: relative; height: 2.75rem; width: 2.75rem; background: rgba(var(--tertiary-rgb), 0.3); border-radius: 0.3125rem; transition: var(--transition); color: var(--secondary); } .wi-blog-posts .bl-pagination-list .pagination-col .pagination-btn i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 1.375rem; } .wi-blog-posts .bl-pagination-list .pagination-col .pagination-btn:hover { background: var(--tertiary); color: var(--light); } .wi-blog-posts .bl-pagination-list .pagination-col .pagination-list-desktop { display: flex; } @media (max-width: 991px) { .wi-blog-posts .bl-pagination-list .pagination-col .pagination-list-desktop { display: none; } } .wi-blog-posts .bl-pagination-list .pagination-col .pagination-list-mobile { display: flex; } @media (min-width: 992px) { .wi-blog-posts .bl-pagination-list .pagination-col .pagination-list-mobile { display: none; } } .wi-blog-posts .bl-pagination-list .pagination-col .pagination-list-desktop, .wi-blog-posts .bl-pagination-list .pagination-col .pagination-list-mobile { justify-content: center; align-items: center; gap: 0.5rem; } .wi-blog-posts .bl-pagination-list .pagination-col .pagination-list-desktop .page, .wi-blog-posts .bl-pagination-list .pagination-col .pagination-list-mobile .page { font-size: 1rem; font-weight: 600; color: var(--primary); display: flex; align-items: center; gap: 0.5rem; } .wi-blog-posts .bl-pagination-list .pagination-col .pagination-list-desktop .page.active, .wi-blog-posts .bl-pagination-list .pagination-col .pagination-list-mobile .page.active { opacity: 1; } .wi-blog-posts .bl-pagination-list .pagination-col .pagination-list-desktop .page:not(.active), .wi-blog-posts .bl-pagination-list .pagination-col .pagination-list-mobile .page:not(.active) { opacity: 0.5; } .wi-blog-posts .bl-pagination-list .pagination-col .pagination-list-desktop .page:not(:last-child)::after, .wi-blog-posts .bl-pagination-list .pagination-col .pagination-list-mobile .page:not(:last-child)::after { content: "|"; color: var(--dark-gray); position: relative; top: -1px; opacity: 0.5; } .wi-blog-posts .bl-pagination-list .pagination-col .pagination-list-desktop .page:hover, .wi-blog-posts .bl-pagination-list .pagination-col .pagination-list-mobile .page:hover { opacity: 1; } .wi-blog-posts .bl-pagination-list .pagination-col .pagination-list-desktop .page:hover::after, .wi-blog-posts .bl-pagination-list .pagination-col .pagination-list-mobile .page:hover::after { opacity: 0.5; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ @media (max-width: 991px) { .wi-content-overhead-tabs-accordion .wi-content-overhead-tabs { display: none; } } .wi-content-overhead-tabs-accordion .wi-content-overhead-tabs ul.content-tabs { border-bottom: none; gap: 0.75rem; flex-wrap: nowrap; justify-content: center; } @media (max-width: 992px) { .wi-content-overhead-tabs-accordion .wi-content-overhead-tabs ul.content-tabs { gap: 0.375rem; } } .wi-content-overhead-tabs-accordion .wi-content-overhead-tabs ul.content-tabs li.nav-item { align-items: center; text-align: center; } .wi-content-overhead-tabs-accordion .wi-content-overhead-tabs ul.content-tabs li.nav-item button.nav-link { border: none; border-bottom: 0; border-top-left-radius: var(--border-radius); border-top-right-radius: var(--border-radius); padding: 0.875rem 1.875rem; font-size: 1.25rem; font-weight: 600; line-height: 1.2; background-color: var(--quaternary); color: var(--primary); /* Mobile */ } .wi-content-overhead-tabs-accordion .wi-content-overhead-tabs ul.content-tabs li.nav-item button.nav-link.active { background-color: var(--gray); color: var(--secondary); } @media (max-width: 992px) { .wi-content-overhead-tabs-accordion .wi-content-overhead-tabs ul.content-tabs li.nav-item button.nav-link { padding: 0.5rem 1rem; } } .wi-content-overhead-tabs-accordion .wi-content-overhead-tabs .content-tabs-panes .tab-pane { background: var(--gray); border-radius: var(--border-radius); } @media (max-width: 575px) { .wi-content-overhead-tabs-accordion .wi-content-overhead-tabs .content-tabs-panes .tab-pane { border-radius: 0; } } @media (min-width: 992px) { .wi-content-overhead-tabs-accordion .wi-content-overhead-accordion { display: none; } } .wi-content-overhead-tabs-accordion .wi-content-overhead-accordion .accordion-item { border: none; background-color: transparent; } .wi-content-overhead-tabs-accordion .wi-content-overhead-accordion .accordion-item .accordion-header .accordion-button { border-radius: var(--border-radius); font-size: 1.125rem; font-weight: 600; font-family: var(--font-primary); line-height: 1.7; color: var(--secondary); background-color: var(--gray); padding: 0.62rem 1.125rem; justify-content: space-between; gap: 0.62rem; transition: var(--transition); position: relative; } .wi-content-overhead-tabs-accordion .wi-content-overhead-accordion .accordion-item .accordion-header .accordion-button.collapsed { background-color: var(--quaternary); color: var(--primary); } .wi-content-overhead-tabs-accordion .wi-content-overhead-accordion .accordion-item .accordion-header .accordion-button:focus { border-color: transparent; box-shadow: unset; } .wi-content-overhead-tabs-accordion .wi-content-overhead-accordion .accordion-item .accordion-header .accordion-button:after { color: var(--dark-gray); } .wi-content-overhead-tabs-accordion .wi-content-overhead-accordion .accordion-item:first-of-type { border-top-left-radius: var(--border-radius); border-top-right-radius: var(--border-radius); } .wi-content-overhead-tabs-accordion .wi-content-overhead-accordion .accordion-item:first-of-type .accordion-header .accordion-button { border-top-left-radius: var(--border-radius); border-top-right-radius: var(--border-radius); } .wi-content-overhead-tabs-accordion .wi-content-overhead-accordion .accordion-item:not(:last-of-type) { margin-bottom: 1.125rem; } .wi-content-overhead-tabs-accordion .wi-content-overhead-accordion .accordion-item:last-of-type { border-bottom-left-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); border-bottom: 0; } .wi-content-overhead-tabs-accordion .wi-content-overhead-accordion .accordion-item .accordion-body { padding: 1.125rem 0 0 0; background: transparent; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ b, strong { font-weight: bold; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-grouped-team { margin-top: 2.5rem; } .wi-grouped-team .group { justify-content: center; --bs-gutter-y: 2rem; } @media (min-width: 992px) { .wi-grouped-team .group .total-items-1.single-item { display: block; } .wi-grouped-team .group .total-items-1.multi-items { display: none; } } .wi-grouped-team .group .single-item { display: none; } .wi-grouped-team .group .single-item .img-wrapper { --height: 25rem; } .wi-grouped-team .group .multi-items .item { text-align: center; } .wi-grouped-team .group .multi-items .item h4, .wi-grouped-team .group .multi-items .item h5 { color: var(--light); } .wi-grouped-team .group .multi-items .item .img { height: 23.125rem; } .wi-grouped-team .single-item .img-wrapper, .team-popup-bio .img-wrapper { position: relative; height: var(--height, 23.125rem); width: 100%; border-radius: var(--border-radius); box-shadow: var(--box-shadow); overflow: hidden; } .wi-grouped-team .single-item .img-wrapper img, .team-popup-bio .img-wrapper img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .wi-grouped-team .single-item .name, .team-popup-bio .name { margin-bottom: 0.125rem; } .wi-grouped-team .single-item .job-title, .team-popup-bio .job-title { color: var(--primary); margin-bottom: 1.25rem; } .wi-grouped-team .single-item .close, .team-popup-bio .close { margin-top: 1.34rem; cursor: pointer; display: inline-flex; align-items: center; gap: 0.75rem; color: var(--primary); transition: var(--transition); } .wi-grouped-team .single-item .close:hover, .team-popup-bio .close:hover { color: var(--secondary); } .wi-grouped-team .single-item .close span, .team-popup-bio .close span { font-size: 0.875rem; font-weight: 500; line-height: 1.25rem; text-transform: uppercase; } .wi-grouped-team .single-item .close i, .team-popup-bio .close i { font-size: 1.125rem; line-height: 1.25rem; } .team-popup-bio .row { --bs-gutter-y: 2rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-no-img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: var(--dark-gray); padding: 1.5rem 1.25rem; display: flex; flex-direction: column; justify-content: center; align-items: center; color: var(--light); gap: 0.375rem; } .wi-no-img i { font-size: 1.875rem; } .wi-no-img .text { font-size: 1.3125rem; font-weight: 700; line-height: 1.2; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// 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(--secondary); color: var(--light); padding: 0.875rem 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; justify-content: center; } } .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 rgba(var(--light-rgb), 0.25); 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: 700; 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 .search-col .search .search-form .near-me button i { margin-right: 0.5rem; } .wi-map-full-3 > .container-fluid > .row .map-col .location-boxes-map { display: flex; width: 100%; height: 31.25rem; } .wi-map-full-3 > .container-fluid > .row .map-col .location-boxes-map .location-boxes-wrapper { display: none; 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(244, 241, 245, 0) 0%, #F4F1F5 100%); 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; height: 100%; text-align: center; } .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(--secondary); 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 .address { font-size: 1rem; font-weight: 300; line-height: 1.5; margin-bottom: 1rem; } .wi-map-full-3 > .container-fluid > .row .map-col .location-boxes-map .map { width: 100%; } @media (max-width: 991px) { .wi-map-full-3 > .container-fluid > .row .map-col .location-boxes-map .map { width: 100%; } .wi-map-full-3 > .container-fluid > .row .map-col .location-boxes-map .map .location-counter { display: none; } } .wi-map-full-3 > .container-fluid > .row .map-col .location-boxes-map .map .location-counter { border: 2px solid var(--primary); display: flex; align-items: center; justify-content: center; font-size: 25px; line-height: 25px; width: 50px; height: 50px; background-color: #fff; border-radius: 50%; position: absolute; top: 20px; right: 20px; z-index: 2; } .wi-map-full-3 > .container-fluid > .row .map-col .location-boxes-map .map .location-counter .num-locations { color: var(--primary); font-weight: 600; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ @media (min-width: 992px) { .wi-grouped-locations-1-wrapper .col-lg-8 .wi-grouped-locations-1 { column-count: 2; } .wi-grouped-locations-1-wrapper .col-lg-4 .wi-grouped-locations-1 { column-count: 1; } } .wi-grouped-locations-1-wrapper .wi-grouped-locations-1 { column-count: 3; column-gap: 2.5rem; } @media (max-width: 991px) { .wi-grouped-locations-1-wrapper .wi-grouped-locations-1 { column-count: 1; } } .wi-grouped-locations-1-wrapper .wi-grouped-locations-1 .location-group { break-inside: avoid-column; --spacing: 1.56rem; } @media (max-width: 991px) { .wi-grouped-locations-1-wrapper .wi-grouped-locations-1 .location-group { --spacing: 1.875rem; } } .wi-grouped-locations-1-wrapper .wi-grouped-locations-1 .location-group .group-name { margin-bottom: var(--spacing); } .wi-grouped-locations-1-wrapper .wi-grouped-locations-1 .location-group .locations .location { border-radius: var(--border-radius); box-shadow: var(--box-shadow); padding: 1.875rem 1.5rem; margin-bottom: var(--spacing); } .wi-grouped-locations-1-wrapper .wi-grouped-locations-1 .location-group .locations .location .details { margin-bottom: 1.12rem; } .wi-grouped-locations-1-wrapper .wi-grouped-locations-1 .location-group .locations .location .details .name { color: var(--primary); font-size: 1.375rem; font-weight: 400; text-transform: uppercase; margin-bottom: 1rem; transition: var(--transition); } .wi-grouped-locations-1-wrapper .wi-grouped-locations-1 .location-group .locations .location .details .name:hover { color: var(--tertiary); } .wi-grouped-locations-1-wrapper .wi-grouped-locations-1 .location-group .locations .location .details .service-area { font-size: 1rem; line-height: 1.75rem; font-weight: 700; display: flex; gap: 0.375rem; align-items: flex-start; margin-bottom: var(--spacing); } .wi-grouped-locations-1-wrapper .wi-grouped-locations-1 .location-group .locations .location .details .service-area i { font-size: 0.9375rem; line-height: 1.75rem; color: var(--primary); } .wi-grouped-locations-1-wrapper .wi-grouped-locations-1 .location-group .locations .location .buttons { flex-grow: 1; align-items: flex-end; display: flex; flex-wrap: wrap; gap: 0.75rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-teaser-form { --well-desktop-padding: 1.25rem; --well-mobile-padding: 1.5rem 1.25rem; --form-element-size: 48%; } .wi-teaser-form.overlay-color-primary { --overlay-color: linear-gradient(180deg, rgba(var(--primary-rgb), 0) 12.67%, var(--primary) 89%) !important; } .wi-teaser-form.overlay-color-secondary { --overlay-color: linear-gradient(180deg, rgba(var(--secondary-rgb), 0) 12.67%, var(--secondary) 89%) !important; } .wi-teaser-form.overlay-color-tertiary { --overlay-color: linear-gradient(180deg, rgba(var(--tertiary-rgb), 0) 12.67%, var(--tertiary) 89%) !important; } .wi-teaser-form.overlay-color-quaternary { --overlay-color: linear-gradient(180deg, rgba(var(--quaternary-rgb), 0) 12.67%, var(--quaternary) 89%) !important; } .wi-teaser-form.overlay-color-quinary { --overlay-color: linear-gradient(180deg, rgba(var(--quinary-rgb), 0) 12.67%, var(--quinary) 89%) !important; } .wi-teaser-form.overlay-color-light { --overlay-color: linear-gradient(180deg, rgba(var(--light-rgb), 0) 12.67%, var(--light) 89%) !important; } .wi-teaser-form.overlay-color-gray { --overlay-color: linear-gradient(180deg, rgba(var(--gray-rgb), 0) 12.67%, var(--gray) 89%) !important; } .wi-teaser-form.overlay-color-dark { --overlay-color: linear-gradient(180deg, rgba(var(--dark-rgb), 0) 12.67%, var(--dark) 89%) !important; } .wi-teaser-form.overlay-color-dark-gray { --overlay-color: linear-gradient(180deg, rgba(var(--dark-gray-rgb), 0) 12.67%, var(--dark-gray) 89%) !important; } @media (min-width: 992px) { .wi-teaser-form.default-colors { --overlay-color: linear-gradient(180deg, rgba(var(--gray-rgb), 0) 12.67%, var(--gray) 89%) !important; } } @media (max-width: 991px) { .wi-teaser-form.default-colors { --overlay-color: linear-gradient(180deg, rgba(var(--light-rgb), 0) 12.67%, var(--light) 89%) !important; } } .wi-teaser-form:hover { cursor: pointer; } .wi-teaser-form:hover .form-btn-primary .form-btn { color: var(--light); background-color: var(--primary); border-color: var(--primary); box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent); } .wi-teaser-form:hover .form-btn-secondary .form-btn { color: var(--light); background-color: var(--secondary); border-color: var(--secondary); box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent); } .wi-teaser-form:hover .form-btn-tertiary .form-btn { color: var(--light); background-color: var(--tertiary); border-color: var(--tertiary); box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent); } .wi-teaser-form:hover .form-btn-quaternary .form-btn { color: var(--light); background-color: var(--quaternary); border-color: var(--quaternary); box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent); } .wi-teaser-form:hover .form-btn-quinary .form-btn { color: var(--light); background-color: var(--quinary); border-color: var(--quinary); box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent); } .wi-teaser-form:hover .form-btn-light .form-btn { color: var(--light); background-color: var(--light); border-color: var(--light); box-shadow: 0 0 0 0.2rem var(--light-rgba-translucent); } .wi-teaser-form:hover .form-btn-gray .form-btn { color: var(--light); background-color: var(--gray); border-color: var(--gray); box-shadow: 0 0 0 0.2rem var(--gray-rgba-translucent); } .wi-teaser-form:hover .form-btn-dark .form-btn { color: var(--light); background-color: var(--dark); border-color: var(--dark); box-shadow: 0 0 0 0.2rem var(--dark-rgba-translucent); } .wi-teaser-form:hover .form-btn-dark-gray .form-btn { color: var(--light); background-color: var(--dark-gray); border-color: var(--dark-gray); box-shadow: 0 0 0 0.2rem var(--dark-gray-rgba-translucent); } .wi-teaser-form .headline { text-align: center; color: var(--headline-color); margin-bottom: 0.6875rem; } .wi-teaser-form .headline.color-primary { --headline-color: var(--primary) !important; } .wi-teaser-form .headline.color-secondary { --headline-color: var(--secondary) !important; } .wi-teaser-form .headline.color-tertiary { --headline-color: var(--tertiary) !important; } .wi-teaser-form .headline.color-quaternary { --headline-color: var(--quaternary) !important; } .wi-teaser-form .headline.color-quinary { --headline-color: var(--quinary) !important; } .wi-teaser-form .headline.color-light { --headline-color: var(--light) !important; } .wi-teaser-form .headline.color-gray { --headline-color: var(--gray) !important; } .wi-teaser-form .headline.color-dark { --headline-color: var(--dark) !important; } .wi-teaser-form .headline.color-dark-gray { --headline-color: var(--dark-gray) !important; } .wi-teaser-form .oak_contact_form .row { justify-content: center; } .wi-teaser-form .oak_contact_form .row .form-group.col-auto { width: var(--form-element-size); } .wi-teaser-form .fade-overlay { position: absolute; width: calc(100% - var(--bs-gutter-x)); height: 2.84rem; left: calc(0.5 * var(--bs-gutter-x)); bottom: 0; background: var(--overlay-color); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-booking-contact-teaser { --well-desktop-padding: 1.25rem; --well-mobile-padding: 1.5rem 1.25rem; } .wi-booking-contact-teaser.overlay-color-primary { --overlay-color: linear-gradient(180deg, rgba(var(--primary-rgb), 0) 12.67%, var(--primary) 89%) !important; } .wi-booking-contact-teaser.overlay-color-secondary { --overlay-color: linear-gradient(180deg, rgba(var(--secondary-rgb), 0) 12.67%, var(--secondary) 89%) !important; } .wi-booking-contact-teaser.overlay-color-tertiary { --overlay-color: linear-gradient(180deg, rgba(var(--tertiary-rgb), 0) 12.67%, var(--tertiary) 89%) !important; } .wi-booking-contact-teaser.overlay-color-quaternary { --overlay-color: linear-gradient(180deg, rgba(var(--quaternary-rgb), 0) 12.67%, var(--quaternary) 89%) !important; } .wi-booking-contact-teaser.overlay-color-quinary { --overlay-color: linear-gradient(180deg, rgba(var(--quinary-rgb), 0) 12.67%, var(--quinary) 89%) !important; } .wi-booking-contact-teaser.overlay-color-light { --overlay-color: linear-gradient(180deg, rgba(var(--light-rgb), 0) 12.67%, var(--light) 89%) !important; } .wi-booking-contact-teaser.overlay-color-gray { --overlay-color: linear-gradient(180deg, rgba(var(--gray-rgb), 0) 12.67%, var(--gray) 89%) !important; } .wi-booking-contact-teaser.overlay-color-dark { --overlay-color: linear-gradient(180deg, rgba(var(--dark-rgb), 0) 12.67%, var(--dark) 89%) !important; } .wi-booking-contact-teaser.overlay-color-dark-gray { --overlay-color: linear-gradient(180deg, rgba(var(--dark-gray-rgb), 0) 12.67%, var(--dark-gray) 89%) !important; } @media (min-width: 992px) { .wi-booking-contact-teaser.default-colors { --overlay-color: linear-gradient(180deg, rgba(var(--gray-rgb), 0) 12.67%, var(--gray) 89%) !important; } } @media (max-width: 991px) { .wi-booking-contact-teaser.default-colors { --overlay-color: linear-gradient(180deg, rgba(var(--light-rgb), 0) 12.67%, var(--light) 89%) !important; } } .wi-booking-contact-teaser .calendar-well, .wi-booking-contact-teaser .contact-well { --well-desktop-padding: 0; --well-mobile-padding: 0; overflow: visible !important; } .wi-booking-contact-teaser .or { font-size: 1rem; font-weight: 500; text-align: center; text-transform: uppercase; line-height: 1.1; letter-spacing: 0.02rem; margin: 1rem 0 0.375rem 0; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .modal .modal-dialog .modal-content .modal-body:has(.fr-scheduler) { padding: 1.875rem 1.875rem 0 1.875rem; position: relative; } .modal .modal-dialog .modal-content .modal-body:has(.fr-scheduler) .loader { left: 0; top: 0; } .fr-scheduler .logo { text-align: center; margin-bottom: 1.5rem; } .fr-scheduler .logo img { height: 9.375rem; width: auto; } @media (max-width: 991px) { .fr-scheduler .logo img { height: 7.5rem; } } .fr-scheduler .step { text-align: center; font-family: var(--font-primary); color: var(--primary); font-size: 1.25rem; font-weight: 300; line-height: 1.35; letter-spacing: 0.025rem; text-transform: uppercase; } .fr-scheduler .heading { margin-bottom: 0.3175rem; } .fr-scheduler .another { cursor: pointer; color: var(--primary); transition: var(--transition); } .fr-scheduler .another:hover { color: var(--tertiary); } .fr-scheduler .pre-form-wrapper { margin-bottom: 1.875rem; } @media (min-width: 992px) { .fr-scheduler .pre-form-wrapper .scheduler_pre_form .row .form-group:last-child { flex: 0 0 auto; width: auto; } } .fr-scheduler .pre-form-wrapper .scheduler_pre_form .row .form-group.outside-radius-element, .fr-scheduler .pre-form-wrapper .scheduler_pre_form .row .form-group.zip_backup_location { order: 6; } .fr-scheduler .pre-form-wrapper .scheduler_pre_form .row .form-group.outside-radius-element h5, .fr-scheduler .pre-form-wrapper .scheduler_pre_form .row .form-group.zip_backup_location h5 { font-size: 1rem; text-align: center; } .fr-scheduler .pre-form-wrapper .scheduler_pre_form .row .form-group.outside-radius-element p, .fr-scheduler .pre-form-wrapper .scheduler_pre_form .row .form-group.zip_backup_location p { opacity: 1 !important; } .fr-scheduler .datetime-wrap .datetime .datepicker-col { display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 1.875rem; } .fr-scheduler .datetime-wrap .datetime .datepicker-col .scheduler-timezone-wrapper { margin-bottom: 1.125rem; width: 100%; } .fr-scheduler .datetime-wrap .datetime .datepicker-col .datepicker { width: calc(24.5rem + var(--bs-gutter-x)) !important; } .fr-scheduler .datetime-wrap .datetime .time-col { display: flex; flex: 1 0 0; flex-direction: column; } .fr-scheduler .enter-details-step .selected .datetime { font-weight: 700; } .fr-scheduler .enter-details-step .selected .change { font-weight: 700; color: var(--tertiary); transition: var(--transition); } .fr-scheduler .enter-details-step .selected .change:hover { color: var(--secondary); } .fr-scheduler .form-row { margin-bottom: 1.875rem; } .fr-scheduler .success { margin-bottom: 1.875rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// 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-location-landing-multi .logo { margin-bottom: 1.25rem; text-align: center; } .wi-location-landing-multi .logo img { height: 7.8125rem; } @media (max-width: 991px) { .wi-location-landing-multi .logo img { height: 6.25rem; } } .wi-location-landing-multi .locations { --bs-gutter-x: 2.5rem; --border-color: var(--tertiary); } @media (min-width: 992px) { .wi-location-landing-multi .locations.locations-count-2 .location-col, .wi-location-landing-multi .locations.locations-count-4 .location-col { width: 50%; } .wi-location-landing-multi .locations.locations-count-3 .location-col { width: 33.3333333%; } .wi-location-landing-multi .locations.locations-count-2 .location-col:not(:last-child), .wi-location-landing-multi .locations.locations-count-3 .location-col:not(:last-child) { border-right: 1px solid var(--border-color); } .wi-location-landing-multi .locations.locations-count-4 .location-col:nth-child(odd) { border-right: 1px solid var(--border-color); } .wi-location-landing-multi .locations.locations-count-4 .location-col:not(:nth-last-child(-n+2)) { border-bottom: 1px solid var(--border-color); } } @media (max-width: 991px) { .wi-location-landing-multi .locations { --bs-gutter-x: 0; } .wi-location-landing-multi .locations .location-col { margin-bottom: 1.875rem; border-bottom: 1px solid var(--border-color); padding-bottom: 1.875rem; } } .wi-location-landing-multi .locations { margin-bottom: 2.5rem; } @media (max-width: 991px) { .wi-location-landing-multi .locations { margin-bottom: 0; } } .wi-location-landing-multi .locations .location { text-align: center; } .wi-location-landing-multi .locations .location .name { margin-bottom: 1rem; } @media (max-width: 991px) { .wi-location-landing-multi .locations .location .name { margin-bottom: 0.75rem; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-select-location-landing { margin-top: 1rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-shared-territory-modal .modal-dialog .modal-content .modal-body { padding: 0 !important; } .wi-shared-territory-modal .modal-dialog .modal-content .modal-body .wi-location-landing-multi .wi-well-v2 { --well-desktop-padding: 2.5rem; --well-mobile-padding: 1.5rem 1.25rem; --bg-color: transparent !important; } .wi-shared-territory-modal .modal-dialog .modal-content .modal-body .wi-location-landing-multi .locations { --border-color: var(--quaternary); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// 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 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .nv3-heading-v2 { display: flex; flex-direction: column; --spacing: 0.5rem; gap: var(--spacing); } .nv3-heading-v2.separator-color-primary { --separator-color: var(--primary) !important; } .nv3-heading-v2.separator-color-secondary { --separator-color: var(--secondary) !important; } .nv3-heading-v2.separator-color-tertiary { --separator-color: var(--tertiary) !important; } .nv3-heading-v2.separator-color-quaternary { --separator-color: var(--quaternary) !important; } .nv3-heading-v2.separator-color-quinary { --separator-color: var(--quinary) !important; } .nv3-heading-v2.separator-color-light { --separator-color: var(--light) !important; } .nv3-heading-v2.separator-color-gray { --separator-color: var(--gray) !important; } .nv3-heading-v2.separator-color-dark { --separator-color: var(--dark) !important; } .nv3-heading-v2.separator-color-dark-gray { --separator-color: var(--dark-gray) !important; } @media (min-width: 992px) { .nv3-heading-v2 .separator { display: none; } } .nv3-heading-v2 .heading { order: 1; } .nv3-heading-v2 .separator { order: 2; } .nv3-heading-v2 .sub { display: inline-block; order: 3; } .nv3-heading-v2.sub-first-1 .heading { order: 3; } .nv3-heading-v2.sub-first-1 .sub { order: 1; } @media (max-width: 991px) { .nv3-heading-v2.swap-mobile-1 .heading { order: 3; } .nv3-heading-v2.swap-mobile-1 .sub { order: 1; } .nv3-heading-v2.swap-mobile-1.sub-first-1 .heading { order: 1; } .nv3-heading-v2.swap-mobile-1.sub-first-1 .sub { order: 3; } } @media (min-width: 992px) { .nv3-heading-v2.separator-1 { gap: 0; } .nv3-heading-v2.separator-1:not(.sub-first-1) .sub { border-top: 4px solid var(--separator-color); padding-top: var(--spacing); margin-top: var(--spacing); } } @media (min-width: 992px) { .nv3-heading-v2.separator-1.sub-first-1 .sub { border-bottom: 4px solid var(--separator-color); padding-bottom: var(--spacing); margin-bottom: var(--spacing); } } .nv3-heading-v2.center-1 { align-items: center; } .nv3-heading-v2:not(.separator-1) .separator { display: none; } .nv3-heading-v2:not(:has(.sub)) .separator { display: none; } .nv3-heading-v2.h1 .sub img { height: calc(var(--h1-line-height) * var(--font-size)); margin-right: 0.62rem; } .nv3-heading-v2.h2 .sub img { height: calc(var(--h2-line-height) * var(--font-size)); margin-right: 0.62rem; } .nv3-heading-v2.h3 .sub img { height: calc(var(--h3-line-height) * var(--font-size)); margin-right: 0.62rem; } .nv3-heading-v2.h4 .sub img { height: calc(var(--h4-line-height) * var(--font-size)); margin-right: 0.62rem; } .nv3-heading-v2.h5 .sub img { height: calc(var(--h5-line-height) * var(--font-size)); margin-right: 0.62rem; } .nv3-heading-v2.h6 .sub img { height: calc(var(--h6-line-height) * var(--font-size)); margin-right: 0.62rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .nv3-heading-v2 { margin-bottom: 1.25rem; } .nv3-heading-v2 .heading { margin-bottom: 0; } .nv3-heading-v2 .sub { color: var(--primary); } a { color: var(--primary); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-faqs-grouped-1 { --bs-gutter-y: 3.125rem; --bs-gutter-x: 2.5rem; } @media (max-width: 991px) { .wi-faqs-grouped-1 { --bs-gutter-y: 1rem; } } .wi-faqs-grouped-1 .wi-well-v2 { padding: 2.25rem; } @media (max-width: 991px) { .wi-faqs-grouped-1 .wi-well-v2 { padding: 2rem; } } .wi-faqs-grouped-1 .wi-well-v2 .header { --header-padding: 0; } .wi-faqs-grouped-1 .wi-well-v2 .content { --well-mobile-padding: 0; } .wi-faqs-grouped-1 .wi-faqs-accordion-1 { padding: 2.25rem; background: var(--gray); border-radius: var(--border-radius); } @media (max-width: 991px) { .wi-faqs-grouped-1 .wi-faqs-accordion-1 { padding: 1.875rem 1.25rem; } } .wi-faqs-grouped-1 .wi-faqs-accordion-1 .accordion-item:last-of-type .accordion-header .accordion-button { padding-bottom: 0; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// 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; justify-content: center; } @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 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-yt-video-v2 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .wi-yt-video-v2 .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .wi-yt-video-v2 .video .yt-wrapper { min-width: 100%; min-height: 100%; position: absolute; } @media (max-width: 991px) { .wi-yt-video-v2 .video { display: none; } } .wi-yt-video-v2 .poster { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; object-fit: cover; transition: opacity var(--transition); z-index: 2; } @media (min-width: 992px) { .wi-yt-video-v2 .video:has(.yt-wrapper.playing) + .poster { opacity: 0; } } @media (max-width: 991px) { .wi-yt-video-v2.mobile-1 .video:has(.yt-wrapper.playing) + .poster { opacity: 0; } } @media (max-width: 991px) { .wi-yt-video-v2.mobile-1 .video { display: block; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// 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; } } @charset "UTF-8"; /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .datepicker { --color: #000; --calendar-bg-color: #EFF3F4; --available-color: rgba(var(--primary-rgb), 0.5); --available-hover-color: var(--primary); --available-text-color: var(--light); --available-text-hover-color: var(--light); --arrows-color: var(--primary); --arrows-font-family: "Font Awesome 6 Pro"; --prev-arrow-content: ""; --next-arrow-content: ""; --arrows-size: 1.875rem; } .datepicker .ui-datepicker { border: 0 !important; background: transparent; color: var(--color, #000); display: flex !important; flex-direction: column; widtH: 100%; } .datepicker .ui-datepicker .ui-datepicker-header { border: 0; background: transparent; display: flex; justify-content: space-between; align-items: center; padding: 0; margin-bottom: 1.125rem; } .datepicker .ui-datepicker .ui-datepicker-header:before { display: none; } .datepicker .ui-datepicker .ui-datepicker-header:after { display: none; } .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-title { font-family: var(--font-secondary); font-size: 1rem; color: var(--color, #000); order: 2; } .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next { height: var(--arrows-size); width: var(--arrows-size); position: relative; border: 1px solid var(--arrows-color); color: var(--arrows-color); border-radius: 100%; font-family: var(--arrows-font-family); cursor: pointer; left: unset; top: unset; right: unset; bottom: unset; transition: var(--transition); } .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover, .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover { background: var(--arrows-color); color: var(--light); } .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon, .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon { display: none !important; } .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev { order: 1; } .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before { content: var(--prev-arrow-content); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 0.75rem; line-height: 1; } .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next { order: 3; } .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next::before { content: var(--next-arrow-content); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 0.75rem; line-height: 1; } .datepicker .ui-datepicker .ui-datepicker-calendar { --gap-y: .25rem; --gap-x: 1.125rem; --size: 1.75rem; --padding: 1.875rem; display: flex; flex-direction: column; background: var(--calendar-bg-color); padding: var(--padding); border-radius: var(--border-radius); margin-bottom: 0px; } @media (max-width: 991px) { .datepicker .ui-datepicker .ui-datepicker-calendar { --padding: 1.5rem; --gap-x: 0.25rem; } } .datepicker .ui-datepicker .ui-datepicker-calendar thead tr { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; gap: var(--gap-x); margin-bottom: 1.125rem; } .datepicker .ui-datepicker .ui-datepicker-calendar thead tr th { flex-grow: 1; padding: 0px !important; width: var(--size); } .datepicker .ui-datepicker .ui-datepicker-calendar thead tr th span { font-family: var(--font-primary); font-size: 1.125rem; font-weight: 600; } .datepicker .ui-datepicker .ui-datepicker-calendar tbody { display: flex; flex-direction: column; gap: var(--gap-y); } .datepicker .ui-datepicker .ui-datepicker-calendar tbody tr { display: flex; flex-direction: row; flex-wrap: nowrap; gap: var(--gap-x); } .datepicker .ui-datepicker .ui-datepicker-calendar tbody tr td { flex: 1; height: var(--size); width: var(--size); display: flex; justify-content: center; align-items: center; position: relative; padding: 0; } .datepicker .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-state-disabled { opacity: 1; } .datepicker .ui-datepicker .ui-datepicker-calendar tbody tr td a, .datepicker .ui-datepicker .ui-datepicker-calendar tbody tr td span { border: unset; text-align: center; font-family: var(--font-primary); margin-top: 0px; display: flex; align-items: center; justify-content: center; } .datepicker .ui-datepicker .ui-datepicker-calendar tbody tr td span { background: unset !important; } .datepicker .ui-datepicker .ui-datepicker-calendar tbody tr td a { height: var(--size); width: var(--size); line-height: var(--size); border-radius: 100%; background-color: var(--available-color); color: var(--available-text-color); transition: var(--transition); } .datepicker .ui-datepicker .ui-datepicker-calendar tbody tr td a:hover, .datepicker .ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-active { background-color: var(--available-hover-color); color: var(--available-text-hover-color); } .datepicker .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-days-cell-over a.ui-state-active { background-color: var(--available-color); color: var(--available-text-color); } .datepicker .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-days-cell-over a.ui-state-active:hover { background-color: var(--available-hover-color); color: var(--available-text-hover-color); } .datepicker { --color: var(--dark-gray); --calendar-bg-color: var(--gray); --arrows-color: var(--tertiary); --prev-arrow-content: ""; --next-arrow-content: ""; } .datepicker .ui-datepicker .ui-datepicker-header { font-weight: 600; line-height: 1.7; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .col-xs { flex: 1 0 0%; width: unset; } @media (min-width: 576px) { .col-sm { flex: 1 0 0%; width: unset; } } @media (min-width: 768px) { .col-md { flex: 1 0 0%; width: unset; } } @media (min-width: 992px) { .col-lg { flex: 1 0 0%; width: unset; } } @media (min-width: 1200px) { .col-xl { flex: 1 0 0%; width: unset; } } @media (min-width: 1400px) { .col-xxl { flex: 1 0 0%; width: unset; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .flex-grow-1 { flex-grow: 1; } .flex-grow-0 { flex-grow: 0; } .flex-shrink-1 { flex-shrink: 1; } .flex-shrink-0 { flex-shrink: 0; } .flex-basis-min { flex-basis: min-content; } @media (min-width: 576px) { .flex-grow-sm-1 { flex-grow: 1; } .flex-grow-sm-0 { flex-grow: 0; } .flex-shrink-sm-1 { flex-shrink: 1; } .flex-shrink-sm-0 { flex-shrink: 0; } .flex-basis-sm-min { flex-basis: min-content !important; } } @media (min-width: 768px) { .flex-grow-md-1 { flex-grow: 1; } .flex-grow-md-0 { flex-grow: 0; } .flex-shrink-md-1 { flex-shrink: 1; } .flex-shrink-md-0 { flex-shrink: 0; } .flex-basis-md-min { flex-basis: min-content !important; } } @media (min-width: 992px) { .flex-grow-lg-1 { flex-grow: 1; } .flex-grow-lg-0 { flex-grow: 0; } .flex-shrink-lg-1 { flex-shrink: 1; } .flex-shrink-lg-0 { flex-shrink: 0; } .flex-basis-lg-min { flex-basis: min-content !important; } } @media (min-width: 1200px) { .flex-grow-xl-1 { flex-grow: 1; } .flex-grow-xl-0 { flex-grow: 0; } .flex-shrink-xl-1 { flex-shrink: 1; } .flex-shrink-xl-0 { flex-shrink: 0; } .flex-basis-xl-min { flex-basis: min-content !important; } } @media (min-width: 1400px) { .flex-grow-xxl-1 { flex-grow: 1; } .flex-grow-xxl-0 { flex-grow: 0; } .flex-shrink-xxl-1 { flex-shrink: 1; } .flex-shrink-xxl-0 { flex-shrink: 0; } .flex-basis-xxl-min { flex-basis: min-content !important; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-form-location-select.input-border-color-primary { --input-border-color: var(--primary) !important; } .wi-form-location-select.input-color-primary { --input-color: var(--primary) !important; } .wi-form-location-select.input-bg-color-primary { --input-bg-color: var(--primary) !important; } .wi-form-location-select.input-border-color-secondary { --input-border-color: var(--secondary) !important; } .wi-form-location-select.input-color-secondary { --input-color: var(--secondary) !important; } .wi-form-location-select.input-bg-color-secondary { --input-bg-color: var(--secondary) !important; } .wi-form-location-select.input-border-color-tertiary { --input-border-color: var(--tertiary) !important; } .wi-form-location-select.input-color-tertiary { --input-color: var(--tertiary) !important; } .wi-form-location-select.input-bg-color-tertiary { --input-bg-color: var(--tertiary) !important; } .wi-form-location-select.input-border-color-quaternary { --input-border-color: var(--quaternary) !important; } .wi-form-location-select.input-color-quaternary { --input-color: var(--quaternary) !important; } .wi-form-location-select.input-bg-color-quaternary { --input-bg-color: var(--quaternary) !important; } .wi-form-location-select.input-border-color-quinary { --input-border-color: var(--quinary) !important; } .wi-form-location-select.input-color-quinary { --input-color: var(--quinary) !important; } .wi-form-location-select.input-bg-color-quinary { --input-bg-color: var(--quinary) !important; } .wi-form-location-select.input-border-color-light { --input-border-color: var(--light) !important; } .wi-form-location-select.input-color-light { --input-color: var(--light) !important; } .wi-form-location-select.input-bg-color-light { --input-bg-color: var(--light) !important; } .wi-form-location-select.input-border-color-gray { --input-border-color: var(--gray) !important; } .wi-form-location-select.input-color-gray { --input-color: var(--gray) !important; } .wi-form-location-select.input-bg-color-gray { --input-bg-color: var(--gray) !important; } .wi-form-location-select.input-border-color-dark { --input-border-color: var(--dark) !important; } .wi-form-location-select.input-color-dark { --input-color: var(--dark) !important; } .wi-form-location-select.input-bg-color-dark { --input-bg-color: var(--dark) !important; } .wi-form-location-select.input-border-color-dark-gray { --input-border-color: var(--dark-gray) !important; } .wi-form-location-select.input-color-dark-gray { --input-color: var(--dark-gray) !important; } .wi-form-location-select.input-bg-color-dark-gray { --input-bg-color: var(--dark-gray) !important; } .wi-form-location-select .form-group .zip-location { height: 100%; } .wi-form-location-select .form-group .zip-location + .invalid-feedback { position: absolute; padding-right: var(--bs-gutter-x); } @media (max-width: 991px) { .wi-form-location-select .form-group .zip-location { padding: 0.375rem 0.75rem; height: 2.5rem; } } .wi-form-location-select .form-group input.form-control { color: var(--input-color); background-color: var(--input-bg-color); border: 1px solid var(--input-border-color); border-radius: var(--input-border-radius); } .wi-form-location-select .form-group input.form-control::placeholder { color: var(--input-color); } .wi-form-location-select .form-group .form-control:-webkit-autofill, .wi-form-location-select .form-group .form-control:-webkit-autofill:hover, .wi-form-location-select .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(--input-bg-color); } .wi-form-location-select .zip_finding_location, .wi-form-location-select .outside-radius-wrapper { text-align: center; margin-top: 1rem; padding: 10px; color: var(--input-color); background-color: var(--input-bg-color); border: 1px solid var(--input-border-color); border-radius: var(--border-radius); } .wi-form-location-select .zip_finding_location h5, .wi-form-location-select .outside-radius-wrapper h5 { font-size: 1rem; } .wi-form-location-select .outside-radius-element { order: 6; } .wi-form-location-select:not(:has(button[type="submit"])) .form-group .form-control.zip-location { height: 2.9375rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* Loom has a super annoying section that they add to the end of pages. This is only added for loom users and the removal is exclusively for personal aesthetic. My peace of mind after hiding it is immeasurable. */ #loom-companion-mv3 { display: none; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .grecaptcha-badge { display: none !important; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-horizontal-scroll-v2 { --default-scrollbar-color: var(--primary); --default-scrollbar-track-color: rgba(var(--primary-rgb), 0.5); --default-arrows-bg-color: transparent; --default-arrows-hover-bg-color: transparent; --default-arrows-color: var(--primary); --default-arrows-hover-color: var(--tertiary); --default-arrows-border-color: var(--primary); --default-arrows-hover-border-color: var(--tertiary); --arrows-gap: 3rem; --arrows-size: 2.75rem; --arrows-fs: 1.375rem; --arrows-spacing: 1.875rem; --arrows-border-radius: 100%; --arrows-border-width: 1px; --faded-edge-width: 3rem; --scrollbar-height: 0.25rem; } @media (max-width: 991px) { .wi-horizontal-scroll-v2 { --arrows-gap: 1.75rem; --arrows-size: 2.5rem; --arrows-fs: 1.25rem; --arrows-apcing: 1.375rem; } } @media (max-width: 991px) { .wi-horizontal-scroll-v2 { --faded-edge-width: 1.25rem; } } .wi-horizontal-scroll-v2.scrollbar-color-primary { --scrollbar-color: var(--primary) !important; --scrollbar-track-color: rgba(var(--primary-rgb), 0.5) !important; } .wi-horizontal-scroll-v2.arrows-bg-color-primary { --arrows-bg-color: var(--primary) !important; } .wi-horizontal-scroll-v2.arrows-hover-bg-color-primary { --arrows-hover-bg-color: var(--primary) !important; } .wi-horizontal-scroll-v2.arrows-color-primary { --arrows-color: var(--primary) !important; } .wi-horizontal-scroll-v2.arrows-hover-color-primary { --arrows-hover-color: var(--primary) !important; } .wi-horizontal-scroll-v2.arrows-border-color-primary { --arrows-border-color: var(--primary) !important; } .wi-horizontal-scroll-v2.arrows-hover-border-color-primary { --arrows-hover-border-color: var(--primary) !important; } .wi-horizontal-scroll-v2.faded-edges-color-primary { --faded-edges-start-color: rgba(var(--primary-rgb), 0) !important; --faded-edges-end-color: var(--primary) !important; } .wi-horizontal-scroll-v2.scrollbar-color-secondary { --scrollbar-color: var(--secondary) !important; --scrollbar-track-color: rgba(var(--secondary-rgb), 0.5) !important; } .wi-horizontal-scroll-v2.arrows-bg-color-secondary { --arrows-bg-color: var(--secondary) !important; } .wi-horizontal-scroll-v2.arrows-hover-bg-color-secondary { --arrows-hover-bg-color: var(--secondary) !important; } .wi-horizontal-scroll-v2.arrows-color-secondary { --arrows-color: var(--secondary) !important; } .wi-horizontal-scroll-v2.arrows-hover-color-secondary { --arrows-hover-color: var(--secondary) !important; } .wi-horizontal-scroll-v2.arrows-border-color-secondary { --arrows-border-color: var(--secondary) !important; } .wi-horizontal-scroll-v2.arrows-hover-border-color-secondary { --arrows-hover-border-color: var(--secondary) !important; } .wi-horizontal-scroll-v2.faded-edges-color-secondary { --faded-edges-start-color: rgba(var(--secondary-rgb), 0) !important; --faded-edges-end-color: var(--secondary) !important; } .wi-horizontal-scroll-v2.scrollbar-color-tertiary { --scrollbar-color: var(--tertiary) !important; --scrollbar-track-color: rgba(var(--tertiary-rgb), 0.5) !important; } .wi-horizontal-scroll-v2.arrows-bg-color-tertiary { --arrows-bg-color: var(--tertiary) !important; } .wi-horizontal-scroll-v2.arrows-hover-bg-color-tertiary { --arrows-hover-bg-color: var(--tertiary) !important; } .wi-horizontal-scroll-v2.arrows-color-tertiary { --arrows-color: var(--tertiary) !important; } .wi-horizontal-scroll-v2.arrows-hover-color-tertiary { --arrows-hover-color: var(--tertiary) !important; } .wi-horizontal-scroll-v2.arrows-border-color-tertiary { --arrows-border-color: var(--tertiary) !important; } .wi-horizontal-scroll-v2.arrows-hover-border-color-tertiary { --arrows-hover-border-color: var(--tertiary) !important; } .wi-horizontal-scroll-v2.faded-edges-color-tertiary { --faded-edges-start-color: rgba(var(--tertiary-rgb), 0) !important; --faded-edges-end-color: var(--tertiary) !important; } .wi-horizontal-scroll-v2.scrollbar-color-quaternary { --scrollbar-color: var(--quaternary) !important; --scrollbar-track-color: rgba(var(--quaternary-rgb), 0.5) !important; } .wi-horizontal-scroll-v2.arrows-bg-color-quaternary { --arrows-bg-color: var(--quaternary) !important; } .wi-horizontal-scroll-v2.arrows-hover-bg-color-quaternary { --arrows-hover-bg-color: var(--quaternary) !important; } .wi-horizontal-scroll-v2.arrows-color-quaternary { --arrows-color: var(--quaternary) !important; } .wi-horizontal-scroll-v2.arrows-hover-color-quaternary { --arrows-hover-color: var(--quaternary) !important; } .wi-horizontal-scroll-v2.arrows-border-color-quaternary { --arrows-border-color: var(--quaternary) !important; } .wi-horizontal-scroll-v2.arrows-hover-border-color-quaternary { --arrows-hover-border-color: var(--quaternary) !important; } .wi-horizontal-scroll-v2.faded-edges-color-quaternary { --faded-edges-start-color: rgba(var(--quaternary-rgb), 0) !important; --faded-edges-end-color: var(--quaternary) !important; } .wi-horizontal-scroll-v2.scrollbar-color-quinary { --scrollbar-color: var(--quinary) !important; --scrollbar-track-color: rgba(var(--quinary-rgb), 0.5) !important; } .wi-horizontal-scroll-v2.arrows-bg-color-quinary { --arrows-bg-color: var(--quinary) !important; } .wi-horizontal-scroll-v2.arrows-hover-bg-color-quinary { --arrows-hover-bg-color: var(--quinary) !important; } .wi-horizontal-scroll-v2.arrows-color-quinary { --arrows-color: var(--quinary) !important; } .wi-horizontal-scroll-v2.arrows-hover-color-quinary { --arrows-hover-color: var(--quinary) !important; } .wi-horizontal-scroll-v2.arrows-border-color-quinary { --arrows-border-color: var(--quinary) !important; } .wi-horizontal-scroll-v2.arrows-hover-border-color-quinary { --arrows-hover-border-color: var(--quinary) !important; } .wi-horizontal-scroll-v2.faded-edges-color-quinary { --faded-edges-start-color: rgba(var(--quinary-rgb), 0) !important; --faded-edges-end-color: var(--quinary) !important; } .wi-horizontal-scroll-v2.scrollbar-color-light { --scrollbar-color: var(--light) !important; --scrollbar-track-color: rgba(var(--light-rgb), 0.5) !important; } .wi-horizontal-scroll-v2.arrows-bg-color-light { --arrows-bg-color: var(--light) !important; } .wi-horizontal-scroll-v2.arrows-hover-bg-color-light { --arrows-hover-bg-color: var(--light) !important; } .wi-horizontal-scroll-v2.arrows-color-light { --arrows-color: var(--light) !important; } .wi-horizontal-scroll-v2.arrows-hover-color-light { --arrows-hover-color: var(--light) !important; } .wi-horizontal-scroll-v2.arrows-border-color-light { --arrows-border-color: var(--light) !important; } .wi-horizontal-scroll-v2.arrows-hover-border-color-light { --arrows-hover-border-color: var(--light) !important; } .wi-horizontal-scroll-v2.faded-edges-color-light { --faded-edges-start-color: rgba(var(--light-rgb), 0) !important; --faded-edges-end-color: var(--light) !important; } .wi-horizontal-scroll-v2.scrollbar-color-gray { --scrollbar-color: var(--gray) !important; --scrollbar-track-color: rgba(var(--gray-rgb), 0.5) !important; } .wi-horizontal-scroll-v2.arrows-bg-color-gray { --arrows-bg-color: var(--gray) !important; } .wi-horizontal-scroll-v2.arrows-hover-bg-color-gray { --arrows-hover-bg-color: var(--gray) !important; } .wi-horizontal-scroll-v2.arrows-color-gray { --arrows-color: var(--gray) !important; } .wi-horizontal-scroll-v2.arrows-hover-color-gray { --arrows-hover-color: var(--gray) !important; } .wi-horizontal-scroll-v2.arrows-border-color-gray { --arrows-border-color: var(--gray) !important; } .wi-horizontal-scroll-v2.arrows-hover-border-color-gray { --arrows-hover-border-color: var(--gray) !important; } .wi-horizontal-scroll-v2.faded-edges-color-gray { --faded-edges-start-color: rgba(var(--gray-rgb), 0) !important; --faded-edges-end-color: var(--gray) !important; } .wi-horizontal-scroll-v2.scrollbar-color-dark { --scrollbar-color: var(--dark) !important; --scrollbar-track-color: rgba(var(--dark-rgb), 0.5) !important; } .wi-horizontal-scroll-v2.arrows-bg-color-dark { --arrows-bg-color: var(--dark) !important; } .wi-horizontal-scroll-v2.arrows-hover-bg-color-dark { --arrows-hover-bg-color: var(--dark) !important; } .wi-horizontal-scroll-v2.arrows-color-dark { --arrows-color: var(--dark) !important; } .wi-horizontal-scroll-v2.arrows-hover-color-dark { --arrows-hover-color: var(--dark) !important; } .wi-horizontal-scroll-v2.arrows-border-color-dark { --arrows-border-color: var(--dark) !important; } .wi-horizontal-scroll-v2.arrows-hover-border-color-dark { --arrows-hover-border-color: var(--dark) !important; } .wi-horizontal-scroll-v2.faded-edges-color-dark { --faded-edges-start-color: rgba(var(--dark-rgb), 0) !important; --faded-edges-end-color: var(--dark) !important; } .wi-horizontal-scroll-v2.scrollbar-color-dark-gray { --scrollbar-color: var(--dark-gray) !important; --scrollbar-track-color: rgba(var(--dark-gray-rgb), 0.5) !important; } .wi-horizontal-scroll-v2.arrows-bg-color-dark-gray { --arrows-bg-color: var(--dark-gray) !important; } .wi-horizontal-scroll-v2.arrows-hover-bg-color-dark-gray { --arrows-hover-bg-color: var(--dark-gray) !important; } .wi-horizontal-scroll-v2.arrows-color-dark-gray { --arrows-color: var(--dark-gray) !important; } .wi-horizontal-scroll-v2.arrows-hover-color-dark-gray { --arrows-hover-color: var(--dark-gray) !important; } .wi-horizontal-scroll-v2.arrows-border-color-dark-gray { --arrows-border-color: var(--dark-gray) !important; } .wi-horizontal-scroll-v2.arrows-hover-border-color-dark-gray { --arrows-hover-border-color: var(--dark-gray) !important; } .wi-horizontal-scroll-v2.faded-edges-color-dark-gray { --faded-edges-start-color: rgba(var(--dark-gray-rgb), 0) !important; --faded-edges-end-color: var(--dark-gray) !important; } .wi-horizontal-scroll-v2.scrollbar-color-default { --scrollbar-color: var(--default-scrollbar-color) !important; --scrollbar-track-color: var(--default-scrollbar-track-color) !important; } .wi-horizontal-scroll-v2.arrows-bg-color-default { --arrows-bg-color: var(--default-arrows-bg-color) !important; } .wi-horizontal-scroll-v2.arrows-hover-bg-color-default { --arrows-hover-bg-color: var(--default-arrows-hover-bg-color) !important; } .wi-horizontal-scroll-v2.arrows-color-default { --arrows-color: var(--default-arrows-color) !important; } .wi-horizontal-scroll-v2.arrows-hover-color-default { --arrows-hover-color: var(--default-arrows-hover-color) !important; } .wi-horizontal-scroll-v2.arrows-border-color-default { --arrows-border-color: var(--default-arrows-border-color) !important; } .wi-horizontal-scroll-v2.arrows-hover-border-color-default { --arrows-hover-border-color: var(--default-arrows-hover-border-color) !important; } .wi-horizontal-scroll-v2:not(.disabled) .arrows, .wi-horizontal-scroll-v2:not(.disabled) .faded-edges { display: none; } .wi-horizontal-scroll-v2:not(.disabled) .slider { -ms-overflow-style: none; scrollbar-width: none; } .wi-horizontal-scroll-v2:not(.disabled) .slider::-webkit-scrollbar { display: none; } @media (min-width: 992px) { .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1 { position: relative; } .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1:not(.faded-edges-1) .faded-edges { display: none; } .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1 .slider { flex-wrap: nowrap; overflow-x: scroll; position: relative; margin-left: calc(-50vw + 50%); /* Extend the row to the left */ margin-right: calc(-50vw + 50%); /* Extend the row to the right */ padding-left: calc(50vw - 50% - (var(--bs-gutter-x)/2)); /* Maintain content padding on the left */ padding-right: calc(50vw - 50% - (var(--bs-gutter-x)/2)); /* Maintain content padding on the right */ --extra-scrolling-area: 2rem; margin-top: calc(var(--extra-scrolling-area) * -1); padding-top: var(--extra-scrolling-area); padding-bottom: var(--extra-scrolling-area); scrollbar-width: var(--scrollbar-height); } .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1 .slider::-webkit-scrollbar { display: block; height: var(--scrollbar-height); transition: transform var(--transition); } .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1 .slider::-webkit-scrollbar-thumb { background-color: var(--scrollbar-color); } .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1 .slider::-webkit-scrollbar-track-piece { background-color: var(--scrollbar-track-color); width: 100%; } .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1 .slider::-webkit-scrollbar-track-piece:start { margin-left: var(--scrollbar-position); } .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1 .slider::-webkit-scrollbar-track-piece:end { margin-right: var(--scrollbar-position); } .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1.contained-1 .slider { margin-right: calc(var(--bs-gutter-x)* -.5); margin-left: calc(var(--bs-gutter-x)* -.5); padding-left: 0; padding-right: 0; } .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1 .arrows { display: flex; justify-content: space-between; gap: var(--arrows-gap); position: absolute; z-index: 2; } .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1 .arrows .arrow { height: var(--arrows-size); width: var(--arrows-size); background: var(--arrows-bg-color); border: var(--arrows-border-width) solid var(--arrows-border-color); border-radius: var(--arrows-border-radius); color: var(--arrows-color); position: relative; transition: var(--transition); cursor: pointer; } .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1 .arrows .arrow:hover { background: var(--arrows-hover-bg-color); border-color: var(--arrows-hover-border-color); color: var(--arrows-hover-color); } .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1 .arrows .arrow i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: var(--arrows-fs); } .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1.faded-edges-at-container-1 { --faded-edge-width: calc((100vw - var(--container-w) + 1.5rem) / 2); } .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1 .faded-edges { position: absolute; z-index: 2; pointer-events: none; height: 100%; top: 0; left: calc((100vw - var(--container-w) + var(--bs-gutter-x, 1.5rem)) * -0.5); right: calc((100vw - var(--container-w) + var(--bs-gutter-x, 1.5rem)) * -0.5); } .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1 .faded-edges .faded-edge { height: 100%; width: var(--faded-edge-width); position: absolute; } .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1 .faded-edges .faded-edge.left { left: 0; background: linear-gradient(270deg, var(--faded-edges-start-color) 0%, var(--faded-edges-end-color) 100%); } .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1 .faded-edges .faded-edge.right { right: 0; background: linear-gradient(90deg, var(--faded-edges-start-color) 0%, var(--faded-edges-end-color) 100%); } } @media (min-width: 992px) and (min-width: 992px) { .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1:not(.scrollbar-desktop-1) .slider { -ms-overflow-style: none; scrollbar-width: none; margin-bottom: calc(var(--extra-scrolling-area) * -1); } .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1:not(.scrollbar-desktop-1) .slider::webkit-scrollbar { display: none; } .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1:not(.arrows-desktop-1) .arrows { display: none; } } @media (min-width: 992px) and (max-width: 991px) { .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1:not(.scrollbar-mobile-1) .slider { -ms-overflow-style: none; scrollbar-width: none; margin-bottom: calc(var(--extra-scrolling-area) * -1); } .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1:not(.scrollbar-mobile-1) .slider::-webkit-scrollbar { display: none; } .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1:not(.arrows-mobile-1) .arrows { display: none; } } @media (min-width: 992px) and (min-width: 992px) { .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1.arrows-desktop-1:has(.arrows-desktop-position-above) { padding-top: calc(var(--arrows-spacing) + var(--arrows-size)); margin-top: 0; } .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1.arrows-desktop-1:has(.arrows-desktop-position-below) { padding-bottom: calc(var(--arrows-spacing) + var(--arrows-size)); margin-bottom: 0; } } @media (min-width: 992px) and (max-width: 991px) { .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1.arrows-mobile-1:has(.arrows-mobile-position-above) { padding-top: calc(var(--arrows-spacing) + var(--arrows-size)); margin-top: 0; } .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1.arrows-mobile-1:has(.arrows-mobile-position-below) { padding-bottom: calc(var(--arrows-spacing) + var(--arrows-size)); margin-bottom: 0; } } @media (min-width: 992px) and (min-width: 992px) { .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1 .arrows.arrows-desktop-position-sides { top: 50%; transform: translateY(-50%); --final-spacing: calc((var(--arrows-size) + var(--arrows-spacing)) * -1); left: var(--final-spacing); right: var(--final-spacing); } } @media (min-width: 992px) and (max-width: 991px) { .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1 .arrows.arrows-mobile-position-sides { top: 50%; transform: translateY(-50%); --final-spacing: calc((var(--arrows-size) + var(--arrows-spacing)) * -1); left: var(--final-spacing); right: var(--final-spacing); } } @media (min-width: 992px) and (min-width: 992px) { .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1 .arrows.arrows-desktop-position-below, .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1 .arrows.arrows-desktop-position-above { left: 50%; transform: translateX(-50%); } } @media (min-width: 992px) and (max-width: 991px) { .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1 .arrows.arrows-mobile-position-below, .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1 .arrows.arrows-mobile-position-above { left: 50%; transform: translateX(-50%); bottom: 0; } } @media (min-width: 992px) and (min-width: 992px) { .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1 .arrows.arrows-desktop-position-below { bottom: 0; } } @media (min-width: 992px) and (max-width: 991px) { .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1 .arrows.arrows-mobile-position-below { bottom: 0; } } @media (min-width: 992px) and (min-width: 992px) { .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1 .arrows.arrows-desktop-position-above { top: 0; } } @media (min-width: 992px) and (max-width: 991px) { .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1 .arrows.arrows-mobile-position-above { top: 0; } } @media (min-width: 992px) and (max-width: 575px) { .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1.faded-edges-at-container-1 { --faded-edge-width: 0.75rem; } } @media (min-width: 992px) and (max-width: 575px) { .wi-horizontal-scroll-v2:not(.disabled).desktop-only-1 .faded-edges { left: -0.75rem; right: -0.75rem; } } @media (max-width: 991px) { .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1 { position: relative; } .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1:not(.faded-edges-1) .faded-edges { display: none; } .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1 .slider { flex-wrap: nowrap; overflow-x: scroll; position: relative; margin-left: calc(-50vw + 50%); /* Extend the row to the left */ margin-right: calc(-50vw + 50%); /* Extend the row to the right */ padding-left: calc(50vw - 50% - (var(--bs-gutter-x)/2)); /* Maintain content padding on the left */ padding-right: calc(50vw - 50% - (var(--bs-gutter-x)/2)); /* Maintain content padding on the right */ --extra-scrolling-area: 2rem; margin-top: calc(var(--extra-scrolling-area) * -1); padding-top: var(--extra-scrolling-area); padding-bottom: var(--extra-scrolling-area); scrollbar-width: var(--scrollbar-height); } .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1 .slider::-webkit-scrollbar { display: block; height: var(--scrollbar-height); transition: transform var(--transition); } .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1 .slider::-webkit-scrollbar-thumb { background-color: var(--scrollbar-color); } .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1 .slider::-webkit-scrollbar-track-piece { background-color: var(--scrollbar-track-color); width: 100%; } .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1 .slider::-webkit-scrollbar-track-piece:start { margin-left: var(--scrollbar-position); } .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1 .slider::-webkit-scrollbar-track-piece:end { margin-right: var(--scrollbar-position); } .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1.contained-1 .slider { margin-right: calc(var(--bs-gutter-x)* -.5); margin-left: calc(var(--bs-gutter-x)* -.5); padding-left: 0; padding-right: 0; } .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1 .arrows { display: flex; justify-content: space-between; gap: var(--arrows-gap); position: absolute; z-index: 2; } .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1 .arrows .arrow { height: var(--arrows-size); width: var(--arrows-size); background: var(--arrows-bg-color); border: var(--arrows-border-width) solid var(--arrows-border-color); border-radius: var(--arrows-border-radius); color: var(--arrows-color); position: relative; transition: var(--transition); cursor: pointer; } .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1 .arrows .arrow:hover { background: var(--arrows-hover-bg-color); border-color: var(--arrows-hover-border-color); color: var(--arrows-hover-color); } .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1 .arrows .arrow i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: var(--arrows-fs); } .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1.faded-edges-at-container-1 { --faded-edge-width: calc((100vw - var(--container-w) + 1.5rem) / 2); } .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1 .faded-edges { position: absolute; z-index: 2; pointer-events: none; height: 100%; top: 0; left: calc((100vw - var(--container-w) + var(--bs-gutter-x, 1.5rem)) * -0.5); right: calc((100vw - var(--container-w) + var(--bs-gutter-x, 1.5rem)) * -0.5); } .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1 .faded-edges .faded-edge { height: 100%; width: var(--faded-edge-width); position: absolute; } .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1 .faded-edges .faded-edge.left { left: 0; background: linear-gradient(270deg, var(--faded-edges-start-color) 0%, var(--faded-edges-end-color) 100%); } .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1 .faded-edges .faded-edge.right { right: 0; background: linear-gradient(90deg, var(--faded-edges-start-color) 0%, var(--faded-edges-end-color) 100%); } } @media (max-width: 991px) and (min-width: 992px) { .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1:not(.scrollbar-desktop-1) .slider { -ms-overflow-style: none; scrollbar-width: none; margin-bottom: calc(var(--extra-scrolling-area) * -1); } .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1:not(.scrollbar-desktop-1) .slider::webkit-scrollbar { display: none; } .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1:not(.arrows-desktop-1) .arrows { display: none; } } @media (max-width: 991px) and (max-width: 991px) { .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1:not(.scrollbar-mobile-1) .slider { -ms-overflow-style: none; scrollbar-width: none; margin-bottom: calc(var(--extra-scrolling-area) * -1); } .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1:not(.scrollbar-mobile-1) .slider::-webkit-scrollbar { display: none; } .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1:not(.arrows-mobile-1) .arrows { display: none; } } @media (max-width: 991px) and (min-width: 992px) { .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1.arrows-desktop-1:has(.arrows-desktop-position-above) { padding-top: calc(var(--arrows-spacing) + var(--arrows-size)); margin-top: 0; } .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1.arrows-desktop-1:has(.arrows-desktop-position-below) { padding-bottom: calc(var(--arrows-spacing) + var(--arrows-size)); margin-bottom: 0; } } @media (max-width: 991px) and (max-width: 991px) { .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1.arrows-mobile-1:has(.arrows-mobile-position-above) { padding-top: calc(var(--arrows-spacing) + var(--arrows-size)); margin-top: 0; } .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1.arrows-mobile-1:has(.arrows-mobile-position-below) { padding-bottom: calc(var(--arrows-spacing) + var(--arrows-size)); margin-bottom: 0; } } @media (max-width: 991px) and (min-width: 992px) { .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1 .arrows.arrows-desktop-position-sides { top: 50%; transform: translateY(-50%); --final-spacing: calc((var(--arrows-size) + var(--arrows-spacing)) * -1); left: var(--final-spacing); right: var(--final-spacing); } } @media (max-width: 991px) and (max-width: 991px) { .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1 .arrows.arrows-mobile-position-sides { top: 50%; transform: translateY(-50%); --final-spacing: calc((var(--arrows-size) + var(--arrows-spacing)) * -1); left: var(--final-spacing); right: var(--final-spacing); } } @media (max-width: 991px) and (min-width: 992px) { .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1 .arrows.arrows-desktop-position-below, .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1 .arrows.arrows-desktop-position-above { left: 50%; transform: translateX(-50%); } } @media (max-width: 991px) and (max-width: 991px) { .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1 .arrows.arrows-mobile-position-below, .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1 .arrows.arrows-mobile-position-above { left: 50%; transform: translateX(-50%); bottom: 0; } } @media (max-width: 991px) and (min-width: 992px) { .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1 .arrows.arrows-desktop-position-below { bottom: 0; } } @media (max-width: 991px) and (max-width: 991px) { .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1 .arrows.arrows-mobile-position-below { bottom: 0; } } @media (max-width: 991px) and (min-width: 992px) { .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1 .arrows.arrows-desktop-position-above { top: 0; } } @media (max-width: 991px) and (max-width: 991px) { .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1 .arrows.arrows-mobile-position-above { top: 0; } } @media (max-width: 991px) and (max-width: 575px) { .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1.faded-edges-at-container-1 { --faded-edge-width: 0.75rem; } } @media (max-width: 991px) and (max-width: 575px) { .wi-horizontal-scroll-v2:not(.disabled).mobile-only-1 .faded-edges { left: -0.75rem; right: -0.75rem; } } .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) { position: relative; } @media (min-width: 992px) { .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1):not(.scrollbar-desktop-1) .slider { -ms-overflow-style: none; scrollbar-width: none; margin-bottom: calc(var(--extra-scrolling-area) * -1); } .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1):not(.scrollbar-desktop-1) .slider::webkit-scrollbar { display: none; } .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1):not(.arrows-desktop-1) .arrows { display: none; } } @media (max-width: 991px) { .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1):not(.scrollbar-mobile-1) .slider { -ms-overflow-style: none; scrollbar-width: none; margin-bottom: calc(var(--extra-scrolling-area) * -1); } .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1):not(.scrollbar-mobile-1) .slider::-webkit-scrollbar { display: none; } .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1):not(.arrows-mobile-1) .arrows { display: none; } } .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1):not(.faded-edges-1) .faded-edges { display: none; } .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .slider { flex-wrap: nowrap; overflow-x: scroll; position: relative; margin-left: calc(-50vw + 50%); /* Extend the row to the left */ margin-right: calc(-50vw + 50%); /* Extend the row to the right */ padding-left: calc(50vw - 50% - (var(--bs-gutter-x)/2)); /* Maintain content padding on the left */ padding-right: calc(50vw - 50% - (var(--bs-gutter-x)/2)); /* Maintain content padding on the right */ --extra-scrolling-area: 2rem; margin-top: calc(var(--extra-scrolling-area) * -1); padding-top: var(--extra-scrolling-area); padding-bottom: var(--extra-scrolling-area); scrollbar-width: var(--scrollbar-height); } .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .slider::-webkit-scrollbar { display: block; height: var(--scrollbar-height); transition: transform var(--transition); } .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .slider::-webkit-scrollbar-thumb { background-color: var(--scrollbar-color); } .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .slider::-webkit-scrollbar-track-piece { background-color: var(--scrollbar-track-color); width: 100%; } .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .slider::-webkit-scrollbar-track-piece:start { margin-left: var(--scrollbar-position); } .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .slider::-webkit-scrollbar-track-piece:end { margin-right: var(--scrollbar-position); } .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1).contained-1 .slider { margin-right: calc(var(--bs-gutter-x)* -.5); margin-left: calc(var(--bs-gutter-x)* -.5); padding-left: 0; padding-right: 0; } @media (min-width: 992px) { .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1).arrows-desktop-1:has(.arrows-desktop-position-above) { padding-top: calc(var(--arrows-spacing) + var(--arrows-size)); margin-top: 0; } .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1).arrows-desktop-1:has(.arrows-desktop-position-below) { padding-bottom: calc(var(--arrows-spacing) + var(--arrows-size)); margin-bottom: 0; } } @media (max-width: 991px) { .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1).arrows-mobile-1:has(.arrows-mobile-position-above) { padding-top: calc(var(--arrows-spacing) + var(--arrows-size)); margin-top: 0; } .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1).arrows-mobile-1:has(.arrows-mobile-position-below) { padding-bottom: calc(var(--arrows-spacing) + var(--arrows-size)); margin-bottom: 0; } } .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .arrows { display: flex; justify-content: space-between; gap: var(--arrows-gap); position: absolute; z-index: 2; } .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .arrows .arrow { height: var(--arrows-size); width: var(--arrows-size); background: var(--arrows-bg-color); border: var(--arrows-border-width) solid var(--arrows-border-color); border-radius: var(--arrows-border-radius); color: var(--arrows-color); position: relative; transition: var(--transition); cursor: pointer; } .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .arrows .arrow:hover { background: var(--arrows-hover-bg-color); border-color: var(--arrows-hover-border-color); color: var(--arrows-hover-color); } .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .arrows .arrow i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: var(--arrows-fs); } @media (min-width: 992px) { .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .arrows.arrows-desktop-position-sides { top: 50%; transform: translateY(-50%); --final-spacing: calc((var(--arrows-size) + var(--arrows-spacing)) * -1); left: var(--final-spacing); right: var(--final-spacing); } } @media (max-width: 991px) { .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .arrows.arrows-mobile-position-sides { top: 50%; transform: translateY(-50%); --final-spacing: calc((var(--arrows-size) + var(--arrows-spacing)) * -1); left: var(--final-spacing); right: var(--final-spacing); } } @media (min-width: 992px) { .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .arrows.arrows-desktop-position-below, .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .arrows.arrows-desktop-position-above { left: 50%; transform: translateX(-50%); } } @media (max-width: 991px) { .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .arrows.arrows-mobile-position-below, .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .arrows.arrows-mobile-position-above { left: 50%; transform: translateX(-50%); bottom: 0; } } @media (min-width: 992px) { .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .arrows.arrows-desktop-position-below { bottom: 0; } } @media (max-width: 991px) { .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .arrows.arrows-mobile-position-below { bottom: 0; } } @media (min-width: 992px) { .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .arrows.arrows-desktop-position-above { top: 0; } } @media (max-width: 991px) { .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .arrows.arrows-mobile-position-above { top: 0; } } .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1).faded-edges-at-container-1 { --faded-edge-width: calc((100vw - var(--container-w) + 1.5rem) / 2); } @media (max-width: 575px) { .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1).faded-edges-at-container-1 { --faded-edge-width: 0.75rem; } } .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .faded-edges { position: absolute; z-index: 2; pointer-events: none; height: 100%; top: 0; left: calc((100vw - var(--container-w) + var(--bs-gutter-x, 1.5rem)) * -0.5); right: calc((100vw - var(--container-w) + var(--bs-gutter-x, 1.5rem)) * -0.5); } @media (max-width: 575px) { .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .faded-edges { left: -0.75rem; right: -0.75rem; } } .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .faded-edges .faded-edge { height: 100%; width: var(--faded-edge-width); position: absolute; } .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .faded-edges .faded-edge.left { left: 0; background: linear-gradient(270deg, var(--faded-edges-start-color) 0%, var(--faded-edges-end-color) 100%); } .wi-horizontal-scroll-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .faded-edges .faded-edge.right { right: 0; background: linear-gradient(90deg, var(--faded-edges-start-color) 0%, var(--faded-edges-end-color) 100%); } .wi-horizontal-scroll-v2.disabled .arrows, .wi-horizontal-scroll-v2.disabled .faded-edges { display: none; } .wi-horizontal-scroll-v2.disabled .slider { -ms-overflow-style: none; scrollbar-width: none; cursor: auto !important; } .wi-horizontal-scroll-v2.disabled .slider::-webkit-scrollbar { display: none; } .wi-horizontal-scroll-v2.disabled.center-on-disable-1 .slider { justify-content: center; } .container > .wi-horizontal-scroll-v2:not(.contained-1) { --scrollbar-position: calc((100vw - var(--container-w))/2 + var(--bs-gutter-x, 1.5rem)/2); } @media (max-width: 575px) { .container > .wi-horizontal-scroll-v2:not(.contained-1) { --scrollbar-position: calc(var(--bs-gutter-x, 1.5rem)/2); } } .container-fluid > .wi-horizontal-scroll-v2 { --scrollbar-position: calc(var(--bs-gutter-x, 1.5rem)/2); } @media (max-width: 575px) { .container-sm > .wi-horizontal-scroll-v2 { --scrollbar-position: calc(var(--bs-gutter-x, 1.5rem)/2); } } @media (min-width: 576px) { .container-sm > .wi-horizontal-scroll-v2 { --scrollbar-position: calc((100vw - var(--container-w))/2 + var(--bs-gutter-x, 1.5rem)/2); } } @media (max-width: 767px) { .container-md > .wi-horizontal-scroll-v2 { --scrollbar-position: calc(var(--bs-gutter-x, 1.5rem)/2); } } @media (min-width: 768px) { .container-md > .wi-horizontal-scroll-v2 { --scrollbar-position: calc((100vw - var(--container-w))/2 + var(--bs-gutter-x, 1.5rem)/2); } } @media (max-width: 991px) { .container-lg > .wi-horizontal-scroll-v2 { --scrollbar-position: calc(var(--bs-gutter-x, 1.5rem)/2); } } @media (min-width: 992px) { .container-lg > .wi-horizontal-scroll-v2 { --scrollbar-position: calc((100vw - var(--container-w))/2 + var(--bs-gutter-x, 1.5rem)/2); } } @media (max-width: 1199px) { .container-xl > .wi-horizontal-scroll-v2 { --scrollbar-position: calc(var(--bs-gutter-x, 1.5rem)/2); } } @media (min-width: 1200px) { .container-xl > .wi-horizontal-scroll-v2 { --scrollbar-position: calc((100vw - var(--container-w))/2 + var(--bs-gutter-x, 1.5rem)/2); } } @media (max-width: 1399px) { .container-xxl > .wi-horizontal-scroll-v2 { --scrollbar-position: calc(var(--bs-gutter-x, 1.5rem)/2); } } @media (min-width: 1400px) { .container-xxl > .wi-horizontal-scroll-v2 { --scrollbar-position: calc((100vw - var(--container-w))/2 + var(--bs-gutter-x, 1.5rem)/2); } } body .wi-horizontal-scroll-v2 { --default-arrows-bg-color: rgba(var(--tertiary-rgb), 0.3); --default-arrows-hover-bg-color: var(--tertiary); --default-arrows-color: var(--secondary); --default-arrows-hover-color: var(--light); --arrows-gap: 3.125rem; --arrows-border-radius: var(--border-radius); --arrows-border-width: 0; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .lds-dual-ring { display: inline-block; width: 80px; height: 80px; } .lds-dual-ring:after { --color: var(--primary); content: " "; display: block; width: 64px; height: 64px; margin: 8px; border-radius: 50%; border: 6px solid var(--color); border-color: var(--color) transparent var(--color) transparent; animation: lds-dual-ring 1.2s linear infinite; } @keyframes lds-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .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-dialog .modal-content { border-radius: var(--border-radius); border: unset; } .modal .modal-dialog .modal-content .modal-header { padding: 1rem; background: var(--primary); color: var(--light); border-top-left-radius: calc(var(--border-radius) - 1px); border-top-right-radius: calc(var(--border-radius) - 1px); justify-content: center; } .modal .modal-dialog .modal-content .modal-header .modal-title { font-size: 1.25rem; font-weight: 600; letter-spacing: 0.025rem; text-transform: uppercase; color: var(--light); } @media (max-width: 991px) { .modal .modal-dialog .modal-content .modal-header .modal-title { font-size: 1.125rem; } } .modal .modal-dialog .modal-content .modal-header .btn-close { position: absolute; top: 0.5rem; right: 0.5rem; color: var(--light); opacity: 1; } .modal .modal-dialog .modal-content .modal-body { padding: 1.875rem; } @media (max-width: 991px) { .modal .modal-dialog .modal-content .modal-body { padding: 1.5rem 1.25rem; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ html.no-scroll { overflow: hidden; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .border-radius { border-radius: var(--border-radius, 4px) !important; } .border-radius-0 { border-radius: 0 !important; } .box-shadow { box-shadow: var(--box-shadow, 0px 4px 16px 0px rgba(12, 21, 0, 0.16)) !important; } .box-shadow-unset { box-shadow: unset !important; } .drop-shadow { filter: drop-shadow(var(--drop-shadow)); } .drop-shadow-unset { filter: unset; } @media (min-width: 576px) { .border-radius-sm { border-radius: var(--border-radius, 4px) !important; } .border-radius-sm-0 { border-radius: 0 !important; } .box-shadow-sm { box-shadow: var(--box-shadow, 0px 4px 16px 0px rgba(12, 21, 0, 0.16)) !important; } .box-shadow-sm-unset { box-shadow: unset !important; } .drop-shadow-sm { filter: drop-shadow(var(--drop-shadow)); } .drop-shadow-sm-unset { filter: unset; } } @media (min-width: 768px) { .border-radius-md { border-radius: var(--border-radius, 4px) !important; } .border-radius-md-0 { border-radius: 0 !important; } .box-shadow-md { box-shadow: var(--box-shadow, 0px 4px 16px 0px rgba(12, 21, 0, 0.16)) !important; } .box-shadow-md-unset { box-shadow: unset !important; } .drop-shadow-md { filter: drop-shadow(var(--drop-shadow)); } .drop-shadow-md-unset { filter: unset; } } @media (min-width: 992px) { .border-radius-lg { border-radius: var(--border-radius, 4px) !important; } .border-radius-lg-0 { border-radius: 0 !important; } .box-shadow-lg { box-shadow: var(--box-shadow, 0px 4px 16px 0px rgba(12, 21, 0, 0.16)) !important; } .box-shadow-lg-unset { box-shadow: unset !important; } .drop-shadow-lg { filter: drop-shadow(var(--drop-shadow)); } .drop-shadow-lg-unset { filter: unset; } } @media (min-width: 1200px) { .border-radius-xl { border-radius: var(--border-radius, 4px) !important; } .border-radius-xl-0 { border-radius: 0 !important; } .box-shadow-xl { box-shadow: var(--box-shadow, 0px 4px 16px 0px rgba(12, 21, 0, 0.16)) !important; } .box-shadow-xl-unset { box-shadow: unset !important; } .drop-shadow-xl { filter: drop-shadow(var(--drop-shadow)); } .drop-shadow-xl-unset { filter: unset; } } @media (min-width: 1400px) { .border-radius-xxl { border-radius: var(--border-radius, 4px) !important; } .border-radius-xxl-0 { border-radius: 0 !important; } .box-shadow-xxl { box-shadow: var(--box-shadow, 0px 4px 16px 0px rgba(12, 21, 0, 0.16)) !important; } .box-shadow-xxl-unset { box-shadow: unset !important; } .drop-shadow-xxl { filter: drop-shadow(var(--drop-shadow)); } .drop-shadow-xxl-unset { filter: unset; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ @media (min-width: 576px) { .container-sm-fluid { width: 100%; padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); margin-right: auto; margin-left: auto; max-width: unset; } } @media (min-width: 768px) { .container-md-fluid { width: 100%; padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); margin-right: auto; margin-left: auto; max-width: unset; } } @media (min-width: 992px) { .container-lg-fluid { width: 100%; padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); margin-right: auto; margin-left: auto; max-width: unset; } } @media (min-width: 1200px) { .container-xl-fluid { width: 100%; padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); margin-right: auto; margin-left: auto; max-width: unset; } } @media (min-width: 1400px) { .container-xxl-fluid { width: 100%; padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); margin-right: auto; margin-left: auto; max-width: unset; } } @charset "UTF-8"; /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-see-more-v2 { position: relative; --default-overlay-start-color: rgba(255, 255, 255, 0); --default-overlay-end-color: rgba(255, 255, 255, 1); --default-toggle-text-color: var(--dark); --default-toggle-icon-color: var(--dark); --default-colored-toggle-text-color: var(--light); --default-colored-toggle-icon-color: var(--light); --default-toggle-text-underline-color: var(--dark); --default-colored-toggle-text-underline-color: var(--light); --expand-text: "Read More"; --close-text: "Read Less"; --icon-font-family: "Font Awesome 6 Pro"; --icon-font-weight: 400; --icon-expand-content: ""; --icon-close-content: ""; --default-desktop-max-height: 250px; --default-mobile-max-height: 250px; --overlay-height: 8.5rem; --toggle-text-gap: 0.625rem; } @media (max-width: 991px) { .wi-see-more-v2 { --overlay-height: 8.5rem; } } .wi-see-more-v2.overlay-color-primary { --overlay-start-color: rgba(var(--primary-rgb), 0) !important; --overlay-end-color: rgba(var(--primary-rgb), 1) !important; } .wi-see-more-v2.overlay-color-primary.toggle-text-color-default { --toggle-text-color: var(--default-colored-toggle-text-color) !important; } .wi-see-more-v2.overlay-color-primary.toggle-icon-color-default { --toggle-icon-color: var(--default-colored-toggle-icon-color) !important; } .wi-see-more-v2.overlay-color-primary.toggle-text-underline-color-default { --toggle-text-underline-color: var(--default-colored-toggle-text-underline-color) !important; } .wi-see-more-v2.toggle-text-color-primary { --toggle-text-color: var(--primary) !important; } .wi-see-more-v2.toggle-icon-color-primary { --toggle-icon-color: var(--primary) !important; } .wi-see-more-v2.toggle-text-underline-color-primary { --toggle-text-underline-color: var(--primary) !important; } .wi-see-more-v2.overlay-color-secondary { --overlay-start-color: rgba(var(--secondary-rgb), 0) !important; --overlay-end-color: rgba(var(--secondary-rgb), 1) !important; } .wi-see-more-v2.overlay-color-secondary.toggle-text-color-default { --toggle-text-color: var(--default-colored-toggle-text-color) !important; } .wi-see-more-v2.overlay-color-secondary.toggle-icon-color-default { --toggle-icon-color: var(--default-colored-toggle-icon-color) !important; } .wi-see-more-v2.overlay-color-secondary.toggle-text-underline-color-default { --toggle-text-underline-color: var(--default-colored-toggle-text-underline-color) !important; } .wi-see-more-v2.toggle-text-color-secondary { --toggle-text-color: var(--secondary) !important; } .wi-see-more-v2.toggle-icon-color-secondary { --toggle-icon-color: var(--secondary) !important; } .wi-see-more-v2.toggle-text-underline-color-secondary { --toggle-text-underline-color: var(--secondary) !important; } .wi-see-more-v2.overlay-color-tertiary { --overlay-start-color: rgba(var(--tertiary-rgb), 0) !important; --overlay-end-color: rgba(var(--tertiary-rgb), 1) !important; } .wi-see-more-v2.overlay-color-tertiary.toggle-text-color-default { --toggle-text-color: var(--default-colored-toggle-text-color) !important; } .wi-see-more-v2.overlay-color-tertiary.toggle-icon-color-default { --toggle-icon-color: var(--default-colored-toggle-icon-color) !important; } .wi-see-more-v2.overlay-color-tertiary.toggle-text-underline-color-default { --toggle-text-underline-color: var(--default-colored-toggle-text-underline-color) !important; } .wi-see-more-v2.toggle-text-color-tertiary { --toggle-text-color: var(--tertiary) !important; } .wi-see-more-v2.toggle-icon-color-tertiary { --toggle-icon-color: var(--tertiary) !important; } .wi-see-more-v2.toggle-text-underline-color-tertiary { --toggle-text-underline-color: var(--tertiary) !important; } .wi-see-more-v2.overlay-color-quaternary { --overlay-start-color: rgba(var(--quaternary-rgb), 0) !important; --overlay-end-color: rgba(var(--quaternary-rgb), 1) !important; } .wi-see-more-v2.overlay-color-quaternary.toggle-text-color-default { --toggle-text-color: var(--default-colored-toggle-text-color) !important; } .wi-see-more-v2.overlay-color-quaternary.toggle-icon-color-default { --toggle-icon-color: var(--default-colored-toggle-icon-color) !important; } .wi-see-more-v2.overlay-color-quaternary.toggle-text-underline-color-default { --toggle-text-underline-color: var(--default-colored-toggle-text-underline-color) !important; } .wi-see-more-v2.toggle-text-color-quaternary { --toggle-text-color: var(--quaternary) !important; } .wi-see-more-v2.toggle-icon-color-quaternary { --toggle-icon-color: var(--quaternary) !important; } .wi-see-more-v2.toggle-text-underline-color-quaternary { --toggle-text-underline-color: var(--quaternary) !important; } .wi-see-more-v2.overlay-color-quinary { --overlay-start-color: rgba(var(--quinary-rgb), 0) !important; --overlay-end-color: rgba(var(--quinary-rgb), 1) !important; } .wi-see-more-v2.overlay-color-quinary.toggle-text-color-default { --toggle-text-color: var(--default-colored-toggle-text-color) !important; } .wi-see-more-v2.overlay-color-quinary.toggle-icon-color-default { --toggle-icon-color: var(--default-colored-toggle-icon-color) !important; } .wi-see-more-v2.overlay-color-quinary.toggle-text-underline-color-default { --toggle-text-underline-color: var(--default-colored-toggle-text-underline-color) !important; } .wi-see-more-v2.toggle-text-color-quinary { --toggle-text-color: var(--quinary) !important; } .wi-see-more-v2.toggle-icon-color-quinary { --toggle-icon-color: var(--quinary) !important; } .wi-see-more-v2.toggle-text-underline-color-quinary { --toggle-text-underline-color: var(--quinary) !important; } .wi-see-more-v2.overlay-color-light { --overlay-start-color: rgba(var(--light-rgb), 0) !important; --overlay-end-color: rgba(var(--light-rgb), 1) !important; } .wi-see-more-v2.toggle-text-color-light { --toggle-text-color: var(--light) !important; } .wi-see-more-v2.toggle-icon-color-light { --toggle-icon-color: var(--light) !important; } .wi-see-more-v2.toggle-text-underline-color-light { --toggle-text-underline-color: var(--light) !important; } .wi-see-more-v2.overlay-color-gray { --overlay-start-color: rgba(var(--gray-rgb), 0) !important; --overlay-end-color: rgba(var(--gray-rgb), 1) !important; } .wi-see-more-v2.toggle-text-color-gray { --toggle-text-color: var(--gray) !important; } .wi-see-more-v2.toggle-icon-color-gray { --toggle-icon-color: var(--gray) !important; } .wi-see-more-v2.toggle-text-underline-color-gray { --toggle-text-underline-color: var(--gray) !important; } .wi-see-more-v2.overlay-color-dark { --overlay-start-color: rgba(var(--dark-rgb), 0) !important; --overlay-end-color: rgba(var(--dark-rgb), 1) !important; } .wi-see-more-v2.overlay-color-dark.toggle-text-color-default { --toggle-text-color: var(--default-colored-toggle-text-color) !important; } .wi-see-more-v2.overlay-color-dark.toggle-icon-color-default { --toggle-icon-color: var(--default-colored-toggle-icon-color) !important; } .wi-see-more-v2.overlay-color-dark.toggle-text-underline-color-default { --toggle-text-underline-color: var(--default-colored-toggle-text-underline-color) !important; } .wi-see-more-v2.toggle-text-color-dark { --toggle-text-color: var(--dark) !important; } .wi-see-more-v2.toggle-icon-color-dark { --toggle-icon-color: var(--dark) !important; } .wi-see-more-v2.toggle-text-underline-color-dark { --toggle-text-underline-color: var(--dark) !important; } .wi-see-more-v2.overlay-color-dark-gray { --overlay-start-color: rgba(var(--dark-gray-rgb), 0) !important; --overlay-end-color: rgba(var(--dark-gray-rgb), 1) !important; } .wi-see-more-v2.overlay-color-dark-gray.toggle-text-color-default { --toggle-text-color: var(--default-colored-toggle-text-color) !important; } .wi-see-more-v2.overlay-color-dark-gray.toggle-icon-color-default { --toggle-icon-color: var(--default-colored-toggle-icon-color) !important; } .wi-see-more-v2.overlay-color-dark-gray.toggle-text-underline-color-default { --toggle-text-underline-color: var(--default-colored-toggle-text-underline-color) !important; } .wi-see-more-v2.toggle-text-color-dark-gray { --toggle-text-color: var(--dark-gray) !important; } .wi-see-more-v2.toggle-icon-color-dark-gray { --toggle-icon-color: var(--dark-gray) !important; } .wi-see-more-v2.toggle-text-underline-color-dark-gray { --toggle-text-underline-color: var(--dark-gray) !important; } .wi-see-more-v2.overlay-color-default { --overlay-start-color: var(--default-overlay-start-color) !important; --overlay-end-color: var(--default-overlay-end-color) !important; } .wi-see-more-v2.toggle-text-color-default { --toggle-text-color: var(--default-toggle-text-color) !important; } .wi-see-more-v2.toggle-icon-color-default { --toggle-icon-color: var(--default-toggle-icon-color) !important; } .wi-see-more-v2.toggle-text-underline-color-default { --toggle-text-underline-color: var(--default-toggle-text-underline-color) !important; } .wi-see-more-v2.desktop-max-height-default { --desktop-max-height: var(--default-desktop-max-height) !important; } .wi-see-more-v2.mobile-max-height-default { --mobile-max-height: var(--default-mobile-max-height) !important; } .wi-see-more-v2 .toggle-text, .wi-see-more-v2 .overlay { display: none; } @media (min-width: 992px) { .wi-see-more-v2:not(.disabled).desktop-only-1 .overlay { display: block; position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; height: var(--overlay-height); background: linear-gradient(180deg, var(--overlay-start-color) 0%, var(--overlay-end-color) 75%); transition: var(--transition); } .wi-see-more-v2:not(.disabled).desktop-only-1.toggle-text-underline-1 .toggle-text { padding-bottom: 0.25rem; border-bottom: 2px solid var(--toggle-text-underline-color); } .wi-see-more-v2:not(.disabled).desktop-only-1 .toggle-text { cursor: pointer; display: block; position: absolute; z-index: 2; bottom: 0; left: 0; color: var(--toggle-text-color); } .wi-see-more-v2:not(.disabled).desktop-only-1 .toggle-text .expand, .wi-see-more-v2:not(.disabled).desktop-only-1 .toggle-text .close { gap: var(--toggle-text-gap); align-items: center; } .wi-see-more-v2:not(.disabled).desktop-only-1 .toggle-text .expand { display: inline-flex; } .wi-see-more-v2:not(.disabled).desktop-only-1 .toggle-text .expand::before { content: var(--expand-text); } .wi-see-more-v2:not(.disabled).desktop-only-1 .toggle-text .expand:not(:has(.expand-icon-override)) .expand-icon { font-style: normal; font-family: var(--icon-font-family); font-weight: var(--icon-font-weight); } .wi-see-more-v2:not(.disabled).desktop-only-1 .toggle-text .expand:not(:has(.expand-icon-override)) .expand-icon::before { content: var(--icon-expand-content); } .wi-see-more-v2:not(.disabled).desktop-only-1 .toggle-text .expand .expand-icon, .wi-see-more-v2:not(.disabled).desktop-only-1 .toggle-text .expand .expand-icon-override { color: var(--toggle-icon-color); } .wi-see-more-v2:not(.disabled).desktop-only-1 .toggle-text .close { display: none; } .wi-see-more-v2:not(.disabled).desktop-only-1 .toggle-text .close::before { content: var(--close-text); } .wi-see-more-v2:not(.disabled).desktop-only-1 .toggle-text .close:not(:has(.close-icon-override)) .close-icon { font-style: normal; font-family: var(--icon-font-family); font-weight: var(--icon-font-weight); } .wi-see-more-v2:not(.disabled).desktop-only-1 .toggle-text .close:not(:has(.close-icon-override)) .close-icon::before { content: var(--icon-close-content); } .wi-see-more-v2:not(.disabled).desktop-only-1 .toggle-text .close .expand-icon, .wi-see-more-v2:not(.disabled).desktop-only-1 .toggle-text .close .expand-icon-override { color: var(--toggle-icon-color); } .wi-see-more-v2:not(.disabled).desktop-only-1 .content { position: relative; z-index: 0; overflow: hidden; transition: var(--transition); } .wi-see-more-v2:not(.disabled).desktop-only-1.expanded .overlay { opacity: 0; pointer-events: none; } .wi-see-more-v2:not(.disabled).desktop-only-1.expanded .toggle-text .expand { display: none; } .wi-see-more-v2:not(.disabled).desktop-only-1.expanded .toggle-text .close { display: inline-flex; } .wi-see-more-v2:not(.disabled).desktop-only-1.expanded .content { max-height: 300vh; padding-bottom: 3rem; } } @media (min-width: 992px) and (min-width: 992px) { .wi-see-more-v2:not(.disabled).desktop-only-1 .content { max-height: var(--desktop-max-height); } } @media (min-width: 992px) and (max-width: 991px) { .wi-see-more-v2:not(.disabled).desktop-only-1 .content { max-height: var(--mobile-max-height); } } @media (max-width: 991px) { .wi-see-more-v2:not(.disabled).mobile-only-1 .overlay { display: block; position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; height: var(--overlay-height); background: linear-gradient(180deg, var(--overlay-start-color) 0%, var(--overlay-end-color) 75%); transition: var(--transition); } .wi-see-more-v2:not(.disabled).mobile-only-1.toggle-text-underline-1 .toggle-text { padding-bottom: 0.25rem; border-bottom: 2px solid var(--toggle-text-underline-color); } .wi-see-more-v2:not(.disabled).mobile-only-1 .toggle-text { cursor: pointer; display: block; position: absolute; z-index: 2; bottom: 0; left: 0; color: var(--toggle-text-color); } .wi-see-more-v2:not(.disabled).mobile-only-1 .toggle-text .expand, .wi-see-more-v2:not(.disabled).mobile-only-1 .toggle-text .close { gap: var(--toggle-text-gap); align-items: center; } .wi-see-more-v2:not(.disabled).mobile-only-1 .toggle-text .expand { display: inline-flex; } .wi-see-more-v2:not(.disabled).mobile-only-1 .toggle-text .expand::before { content: var(--expand-text); } .wi-see-more-v2:not(.disabled).mobile-only-1 .toggle-text .expand:not(:has(.expand-icon-override)) .expand-icon { font-style: normal; font-family: var(--icon-font-family); font-weight: var(--icon-font-weight); } .wi-see-more-v2:not(.disabled).mobile-only-1 .toggle-text .expand:not(:has(.expand-icon-override)) .expand-icon::before { content: var(--icon-expand-content); } .wi-see-more-v2:not(.disabled).mobile-only-1 .toggle-text .expand .expand-icon, .wi-see-more-v2:not(.disabled).mobile-only-1 .toggle-text .expand .expand-icon-override { color: var(--toggle-icon-color); } .wi-see-more-v2:not(.disabled).mobile-only-1 .toggle-text .close { display: none; } .wi-see-more-v2:not(.disabled).mobile-only-1 .toggle-text .close::before { content: var(--close-text); } .wi-see-more-v2:not(.disabled).mobile-only-1 .toggle-text .close:not(:has(.close-icon-override)) .close-icon { font-style: normal; font-family: var(--icon-font-family); font-weight: var(--icon-font-weight); } .wi-see-more-v2:not(.disabled).mobile-only-1 .toggle-text .close:not(:has(.close-icon-override)) .close-icon::before { content: var(--icon-close-content); } .wi-see-more-v2:not(.disabled).mobile-only-1 .toggle-text .close .expand-icon, .wi-see-more-v2:not(.disabled).mobile-only-1 .toggle-text .close .expand-icon-override { color: var(--toggle-icon-color); } .wi-see-more-v2:not(.disabled).mobile-only-1 .content { position: relative; z-index: 0; overflow: hidden; transition: var(--transition); } .wi-see-more-v2:not(.disabled).mobile-only-1.expanded .overlay { opacity: 0; pointer-events: none; } .wi-see-more-v2:not(.disabled).mobile-only-1.expanded .toggle-text .expand { display: none; } .wi-see-more-v2:not(.disabled).mobile-only-1.expanded .toggle-text .close { display: inline-flex; } .wi-see-more-v2:not(.disabled).mobile-only-1.expanded .content { max-height: 300vh; padding-bottom: 3rem; } } @media (max-width: 991px) and (min-width: 992px) { .wi-see-more-v2:not(.disabled).mobile-only-1 .content { max-height: var(--desktop-max-height); } } @media (max-width: 991px) and (max-width: 991px) { .wi-see-more-v2:not(.disabled).mobile-only-1 .content { max-height: var(--mobile-max-height); } } .wi-see-more-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .overlay { display: block; position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; height: var(--overlay-height); background: linear-gradient(180deg, var(--overlay-start-color) 0%, var(--overlay-end-color) 75%); transition: var(--transition); } .wi-see-more-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1).toggle-text-underline-1 .toggle-text { padding-bottom: 0.25rem; border-bottom: 2px solid var(--toggle-text-underline-color); } .wi-see-more-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .toggle-text { cursor: pointer; display: block; position: absolute; z-index: 2; bottom: 0; left: 0; color: var(--toggle-text-color); } .wi-see-more-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .toggle-text .expand, .wi-see-more-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .toggle-text .close { gap: var(--toggle-text-gap); align-items: center; } .wi-see-more-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .toggle-text .expand { display: inline-flex; } .wi-see-more-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .toggle-text .expand::before { content: var(--expand-text); } .wi-see-more-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .toggle-text .expand:not(:has(.expand-icon-override)) .expand-icon { font-style: normal; font-family: var(--icon-font-family); font-weight: var(--icon-font-weight); } .wi-see-more-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .toggle-text .expand:not(:has(.expand-icon-override)) .expand-icon::before { content: var(--icon-expand-content); } .wi-see-more-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .toggle-text .expand .expand-icon, .wi-see-more-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .toggle-text .expand .expand-icon-override { color: var(--toggle-icon-color); } .wi-see-more-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .toggle-text .close { display: none; } .wi-see-more-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .toggle-text .close::before { content: var(--close-text); } .wi-see-more-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .toggle-text .close:not(:has(.close-icon-override)) .close-icon { font-style: normal; font-family: var(--icon-font-family); font-weight: var(--icon-font-weight); } .wi-see-more-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .toggle-text .close:not(:has(.close-icon-override)) .close-icon::before { content: var(--icon-close-content); } .wi-see-more-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .toggle-text .close .expand-icon, .wi-see-more-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .toggle-text .close .expand-icon-override { color: var(--toggle-icon-color); } .wi-see-more-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .content { position: relative; z-index: 0; overflow: hidden; transition: var(--transition); } @media (min-width: 992px) { .wi-see-more-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .content { max-height: var(--desktop-max-height); } } @media (max-width: 991px) { .wi-see-more-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1) .content { max-height: var(--mobile-max-height); } } .wi-see-more-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1).expanded .overlay { opacity: 0; pointer-events: none; } .wi-see-more-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1).expanded .toggle-text .expand { display: none; } .wi-see-more-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1).expanded .toggle-text .close { display: inline-flex; } .wi-see-more-v2:not(.disabled):not(.desktop-only-1):not(.mobile-only-1).expanded .content { max-height: 300vh; padding-bottom: 3rem; } .bg-primary .wi-see-more-v2 { --default-overlay-start-color: rgba(var(--primary-rgb), 0) !important; --default-overlay-end-color: rgba(var(--primary-rgb), 1) !important; } .bg-secondary .wi-see-more-v2 { --default-overlay-start-color: rgba(var(--secondary-rgb), 0) !important; --default-overlay-end-color: rgba(var(--secondary-rgb), 1) !important; } .bg-tertiary .wi-see-more-v2 { --default-overlay-start-color: rgba(var(--tertiary-rgb), 0) !important; --default-overlay-end-color: rgba(var(--tertiary-rgb), 1) !important; } .bg-quaternary .wi-see-more-v2 { --default-overlay-start-color: rgba(var(--quaternary-rgb), 0) !important; --default-overlay-end-color: rgba(var(--quaternary-rgb), 1) !important; } .bg-quinary .wi-see-more-v2 { --default-overlay-start-color: rgba(var(--quinary-rgb), 0) !important; --default-overlay-end-color: rgba(var(--quinary-rgb), 1) !important; } .bg-light .wi-see-more-v2 { --default-overlay-start-color: rgba(var(--light-rgb), 0) !important; --default-overlay-end-color: rgba(var(--light-rgb), 1) !important; } .bg-gray .wi-see-more-v2 { --default-overlay-start-color: rgba(var(--gray-rgb), 0) !important; --default-overlay-end-color: rgba(var(--gray-rgb), 1) !important; } .bg-dark .wi-see-more-v2 { --default-overlay-start-color: rgba(var(--dark-rgb), 0) !important; --default-overlay-end-color: rgba(var(--dark-rgb), 1) !important; } .bg-dark-gray .wi-see-more-v2 { --default-overlay-start-color: rgba(var(--dark-gray-rgb), 0) !important; --default-overlay-end-color: rgba(var(--dark-gray-rgb), 1) !important; } body .wi-see-more-v2 { --default-toggle-text-color: var(--dark-gray); --default-toggle-icon-color: var(--dark-gray); --default-toggle-text-underline-color: var(--tertiary); } body .wi-see-more-v2 .toggle-text { font-size: 1rem; font-weight: 500; line-height: 1.1; letter-spacing: 0.02rem; text-transform: uppercase; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ hr.separator { border-top: var(--height, 2px) solid var(--color); width: var(--width, 100%); margin: var(--margin, 1rem) 0; opacity: var(--opacity, 1); height: 0; background-color: var(--color); } hr.separator.color-primary { --color: var(--primary) !important; } hr.separator.color-secondary { --color: var(--secondary) !important; } hr.separator.color-tertiary { --color: var(--tertiary) !important; } hr.separator.color-quaternary { --color: var(--quaternary) !important; } hr.separator.color-quinary { --color: var(--quinary) !important; } hr.separator.color-light { --color: var(--light) !important; } hr.separator.color-gray { --color: var(--gray) !important; } hr.separator.color-dark { --color: var(--dark) !important; } hr.separator.color-dark-gray { --color: var(--dark-gray) !important; } hr.separator.thick { border-top: var(--height, 4px) solid var(--color); } hr.separator.thin { border-top: var(--height, 1px) solid var(--color); } hr.separator.center-1 { margin: var(--margin, 1rem) auto; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .timeslot-picker { --spacing: 1.25rem; --gap: 0.75rem; --option-padding: 0.8125rem 1.6875rem; --option-font-family: var(--font-secondary); --option-font-size: 1rem; --option-font-weight: 400; --option-letter-spacing: unset; --option-text-transform: uppercase; --option-color: var(--primary); --option-disabled-color: var(--gray); --option-disabled-text-color: rgba(var(--primary-rgb), 0.6); position: relative; overflow-y: scroll; -webkit-mask-image: linear-gradient(transparent, transparent 0%, black 1rem, black calc(100% - var(--spacing)), transparent calc(100% - 0px), transparent 100%); height: 196px; } @media (min-width: 992px) { .timeslot-picker { flex: 1; height: unset; } } .timeslot-picker .timeslot-list { position: absolute; width: 100%; padding-top: 1rem; padding-bottom: var(--spacing); display: flex; flex-direction: column; gap: var(--gap); } .timeslot-picker .timeslot-list .timeslot-option { display: block; padding: var(--option-padding); text-align: center; border: 1px solid var(--option-color); border-radius: var(--border-radius); font-family: var(--option-font-family); font-size: var(--option-font-size); font-weight: var(--option-font-weight); letter-spacing: var(--option-letter-spacing); text-transform: var(--option-text-transform); line-height: normal; } .timeslot-picker .timeslot-list .timeslot-option.available { color: var(--option-color); transition: var(--transition); border-color: var(--option-color); cursor: pointer; } .timeslot-picker .timeslot-list .timeslot-option.available:hover { background: var(--option-color); color: var(--light); } .timeslot-picker .timeslot-list .timeslot-option.unavailable { background: var(--option-disabled-color); border-color: var(--option-disabled-color); color: var(--option-disabled-text-color); } .timeslot-picker { --option-padding: 0.94rem 1.25rem; --option-font-weight: 500; --option-letter-spacing: 0.02rem; --option-disabled-color: var(--quaternary); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ body.scrolled .wi-top-bar-v1 { margin-top: calc(var(--top-bar, 0px) * -1); } .wi-top-bar-v1 { background: var(--color); color: var(--light); position: relative; z-index: 2; margin-top: 0; padding: 0.875rem 1.25rem; transition: var(--transition); } .wi-top-bar-v1.color-primary { --color: var(--primary) !important; } .wi-top-bar-v1.color-secondary { --color: var(--secondary) !important; } .wi-top-bar-v1.color-tertiary { --color: var(--tertiary) !important; } .wi-top-bar-v1.color-quaternary { --color: var(--quaternary) !important; } .wi-top-bar-v1.color-quinary { --color: var(--quinary) !important; } .wi-top-bar-v1.color-light { --color: var(--light) !important; } .wi-top-bar-v1.color-gray { --color: var(--gray) !important; } .wi-top-bar-v1.color-dark { --color: var(--dark) !important; } .wi-top-bar-v1.color-dark-gray { --color: var(--dark-gray) !important; } @media (max-width: 991px) { .wi-top-bar-v1 { padding: 0.875rem 0.625rem; } } .wi-top-bar-v1 .item { display: flex; flex-wrap: wrap; gap: 0.5rem; } .wi-top-bar-v1 .item .headline { width: 100%; text-align: center; font-weight: 600; line-height: 1; font-family: var(--font-primary); } .wi-top-bar-v1 .item .link-btn { width: 100%; text-align: center; } .wi-top-bar-v1 .item .expand-text { width: 100%; text-align: center; } .wi-top-bar-v1 .item .close-btn { display: none; } .wi-top-bar-v1.close-btn-1 .item .close-btn { display: block; position: absolute; opacity: 0.8; position: absolute; right: 0; top: 0; cursor: pointer; padding: 0.5rem; margin: -0.5rem; transition: var(--transition); } .wi-top-bar-v1.close-btn-1 .item .close-btn:hover { opacity: 1; } .wi-top-bar-v1.link-same-line-1 .item { justify-content: center; align-items: center; } .wi-top-bar-v1.link-same-line-1 .item .headline, .wi-top-bar-v1.link-same-line-1 .item .link-btn { width: unset; line-height: 1.2rem; } .wi-top-bar-v1.expandable-1 .expand-text { cursor: pointer; } .wi-top-bar-v1.expandable-1 .expand-text .expandable-text { display: inline-flex; } .wi-top-bar-v1.expandable-1 .expand-text .expanded-text { display: none; } .wi-top-bar-v1.expandable-1 .expanded-content { max-height: 0; overflow: hidden; transition: var(--transition); } .wi-top-bar-v1.expandable-1.expanded .expand-text .expandable-text { display: none; } .wi-top-bar-v1.expandable-1.expanded .expand-text .expanded-text { display: inline-flex; } .wi-top-bar-v1.expandable-1.expanded .expanded-content { max-height: 100vh; overflow: scroll; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-well-v2 { --shadow-size-desktop: 0.75rem; --shadow-size-mobile: 0.75rem; } .wi-well-v2.border-color-primary { --border-color: #597A90 !important; } .wi-well-v2.bg-color-primary { --bg-color: #597A90 !important; } .wi-well-v2.bg-mobile-color-primary { --bg-mobile-color: #597A90 !important; } .wi-well-v2.shadow-color-primary { --shadow-color: #597A90 !important; } .wi-well-v2.border-color-secondary { --border-color: #112831 !important; } .wi-well-v2.bg-color-secondary { --bg-color: #112831 !important; } .wi-well-v2.bg-mobile-color-secondary { --bg-mobile-color: #112831 !important; } .wi-well-v2.shadow-color-secondary { --shadow-color: #112831 !important; } .wi-well-v2.border-color-tertiary { --border-color: #64A8C1 !important; } .wi-well-v2.bg-color-tertiary { --bg-color: #64A8C1 !important; } .wi-well-v2.bg-mobile-color-tertiary { --bg-mobile-color: #64A8C1 !important; } .wi-well-v2.shadow-color-tertiary { --shadow-color: #64A8C1 !important; } .wi-well-v2.border-color-quaternary { --border-color: #D3DDDF !important; } .wi-well-v2.bg-color-quaternary { --bg-color: #D3DDDF !important; } .wi-well-v2.bg-mobile-color-quaternary { --bg-mobile-color: #D3DDDF !important; } .wi-well-v2.shadow-color-quaternary { --shadow-color: #D3DDDF !important; } .wi-well-v2.border-color-quinary { --border-color: #7A1E1E !important; } .wi-well-v2.bg-color-quinary { --bg-color: #7A1E1E !important; } .wi-well-v2.bg-mobile-color-quinary { --bg-mobile-color: #7A1E1E !important; } .wi-well-v2.shadow-color-quinary { --shadow-color: #7A1E1E !important; } .wi-well-v2.border-color-light { --border-color: #ffffff !important; } .wi-well-v2.bg-color-light { --bg-color: #ffffff !important; } .wi-well-v2.bg-mobile-color-light { --bg-mobile-color: #ffffff !important; } .wi-well-v2.shadow-color-light { --shadow-color: #ffffff !important; } .wi-well-v2.border-color-gray { --border-color: #EFF3F4 !important; } .wi-well-v2.bg-color-gray { --bg-color: #EFF3F4 !important; } .wi-well-v2.bg-mobile-color-gray { --bg-mobile-color: #EFF3F4 !important; } .wi-well-v2.shadow-color-gray { --shadow-color: #EFF3F4 !important; } .wi-well-v2.border-color-dark { --border-color: #000000 !important; } .wi-well-v2.bg-color-dark { --bg-color: #000000 !important; } .wi-well-v2.bg-mobile-color-dark { --bg-mobile-color: #000000 !important; } .wi-well-v2.shadow-color-dark { --shadow-color: #000000 !important; } .wi-well-v2.border-color-dark-gray { --border-color: #404040 !important; } .wi-well-v2.bg-color-dark-gray { --bg-color: #404040 !important; } .wi-well-v2.bg-mobile-color-dark-gray { --bg-mobile-color: #404040 !important; } .wi-well-v2.shadow-color-dark-gray { --shadow-color: #404040 !important; } @media (max-width: 991px) { .wi-well-v2[class*="bg-mobile-color"] { --bg-color: var(--bg-mobile-color) !important; } } @media (min-width: 992px) { .wi-well-v2.desktop-only-1 { background: var(--bg-color); border-radius: var(--border-radius); overflow: hidden; position: relative; display: flex; flex-direction: column; width: 100%; } .wi-well-v2.desktop-only-1:not(.border-color-) { border: var(--border-width, 1px) var(--border-style, solid) var(--border-color); } .wi-well-v2.desktop-only-1.shadow-1 { --shadow-size: var(--shadow-size-desktop); --invert: -1; --shadow: calc(var(--invert) * var(--shadow-size)) var(--shadow-size) 0px 0px var(--shadow-color); box-shadow: var(--shadow); margin-left: var(--shadow-size); margin-bottom: var(--shadow-size); width: calc(100% - var(--shadow-size)); } .wi-well-v2.desktop-only-1.shadow-1.shadow-right-1 { --invert: 1; } .wi-well-v2.desktop-only-1.shadow-1.shadow-right-1 { margin-left: unset; margin-right: var(--shadow-size); } .wi-well-v2.desktop-only-1.box-shadow-1 { box-shadow: var(--box-shadow, 0px 4px 20px 0px rgba(0, 0, 0, 0.08)); } .wi-well-v2.desktop-only-1.full-height-1 { height: 100%; } .wi-well-v2.desktop-only-1 > .header { color: var(--light); text-align: var(--header-align, center); background: var(--header-bg-color); padding: var(--header-padding, 0.375rem); } .wi-well-v2.desktop-only-1 > .header.header-bg-color-primary { --header-bg-color: #597A90 !important; } .wi-well-v2.desktop-only-1 > .header.header-bg-color-secondary { --header-bg-color: #112831 !important; } .wi-well-v2.desktop-only-1 > .header.header-bg-color-tertiary { --header-bg-color: #64A8C1 !important; } .wi-well-v2.desktop-only-1 > .header.header-bg-color-quaternary { --header-bg-color: #D3DDDF !important; } .wi-well-v2.desktop-only-1 > .header.header-bg-color-quinary { --header-bg-color: #7A1E1E !important; } .wi-well-v2.desktop-only-1 > .header.header-bg-color-light { --header-bg-color: #ffffff !important; } .wi-well-v2.desktop-only-1 > .header.header-bg-color-gray { --header-bg-color: #EFF3F4 !important; } .wi-well-v2.desktop-only-1 > .header.header-bg-color-dark { --header-bg-color: #000000 !important; } .wi-well-v2.desktop-only-1 > .header.header-bg-color-dark-gray { --header-bg-color: #404040 !important; } .wi-well-v2.desktop-only-1 > .content { padding: var(--well-desktop-padding, 2.25rem); flex-grow: 1; } } @media (min-width: 992px) and (max-width: 991px) { .wi-well-v2.desktop-only-1.shadow-1 { --shadow-size: var(--shadow-size-mobile); } } @media (min-width: 992px) and (max-width: 991px) { .wi-well-v2.desktop-only-1 > .content { padding: var(--well-mobile-padding, 1.875rem 1.25rem); } } @media (max-width: 991px) { .wi-well-v2.mobile-only-1 { background: var(--bg-color); border-radius: var(--border-radius); overflow: hidden; position: relative; display: flex; flex-direction: column; width: 100%; } .wi-well-v2.mobile-only-1:not(.border-color-) { border: var(--border-width, 1px) var(--border-style, solid) var(--border-color); } .wi-well-v2.mobile-only-1.shadow-1 { --shadow-size: var(--shadow-size-desktop); --invert: -1; --shadow: calc(var(--invert) * var(--shadow-size)) var(--shadow-size) 0px 0px var(--shadow-color); box-shadow: var(--shadow); margin-left: var(--shadow-size); margin-bottom: var(--shadow-size); width: calc(100% - var(--shadow-size)); } .wi-well-v2.mobile-only-1.shadow-1.shadow-right-1 { --invert: 1; } .wi-well-v2.mobile-only-1.shadow-1.shadow-right-1 { margin-left: unset; margin-right: var(--shadow-size); } .wi-well-v2.mobile-only-1.box-shadow-1 { box-shadow: var(--box-shadow, 0px 4px 20px 0px rgba(0, 0, 0, 0.08)); } .wi-well-v2.mobile-only-1.full-height-1 { height: 100%; } .wi-well-v2.mobile-only-1 > .header { color: var(--light); text-align: var(--header-align, center); background: var(--header-bg-color); padding: var(--header-padding, 0.375rem); } .wi-well-v2.mobile-only-1 > .header.header-bg-color-primary { --header-bg-color: #597A90 !important; } .wi-well-v2.mobile-only-1 > .header.header-bg-color-secondary { --header-bg-color: #112831 !important; } .wi-well-v2.mobile-only-1 > .header.header-bg-color-tertiary { --header-bg-color: #64A8C1 !important; } .wi-well-v2.mobile-only-1 > .header.header-bg-color-quaternary { --header-bg-color: #D3DDDF !important; } .wi-well-v2.mobile-only-1 > .header.header-bg-color-quinary { --header-bg-color: #7A1E1E !important; } .wi-well-v2.mobile-only-1 > .header.header-bg-color-light { --header-bg-color: #ffffff !important; } .wi-well-v2.mobile-only-1 > .header.header-bg-color-gray { --header-bg-color: #EFF3F4 !important; } .wi-well-v2.mobile-only-1 > .header.header-bg-color-dark { --header-bg-color: #000000 !important; } .wi-well-v2.mobile-only-1 > .header.header-bg-color-dark-gray { --header-bg-color: #404040 !important; } .wi-well-v2.mobile-only-1 > .content { padding: var(--well-desktop-padding, 2.25rem); flex-grow: 1; } } @media (max-width: 991px) and (max-width: 991px) { .wi-well-v2.mobile-only-1.shadow-1 { --shadow-size: var(--shadow-size-mobile); } } @media (max-width: 991px) and (max-width: 991px) { .wi-well-v2.mobile-only-1 > .content { padding: var(--well-mobile-padding, 1.875rem 1.25rem); } } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1) { background: var(--bg-color); border-radius: var(--border-radius); overflow: hidden; position: relative; display: flex; flex-direction: column; width: 100%; } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1):not(.border-color-) { border: var(--border-width, 1px) var(--border-style, solid) var(--border-color); } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1).shadow-1 { --shadow-size: var(--shadow-size-desktop); --invert: -1; --shadow: calc(var(--invert) * var(--shadow-size)) var(--shadow-size) 0px 0px var(--shadow-color); box-shadow: var(--shadow); margin-left: var(--shadow-size); margin-bottom: var(--shadow-size); width: calc(100% - var(--shadow-size)); } @media (max-width: 991px) { .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1).shadow-1 { --shadow-size: var(--shadow-size-mobile); } } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1).shadow-1.shadow-right-1 { --invert: 1; } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1).shadow-1.shadow-right-1 { margin-left: unset; margin-right: var(--shadow-size); } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1).box-shadow-1 { box-shadow: var(--box-shadow, 0px 4px 20px 0px rgba(0, 0, 0, 0.08)); } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1).full-height-1 { height: 100%; } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1) > .header { color: var(--light); text-align: var(--header-align, center); background: var(--header-bg-color); padding: var(--header-padding, 0.375rem); } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1) > .header.header-bg-color-primary { --header-bg-color: #597A90 !important; } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1) > .header.header-bg-color-secondary { --header-bg-color: #112831 !important; } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1) > .header.header-bg-color-tertiary { --header-bg-color: #64A8C1 !important; } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1) > .header.header-bg-color-quaternary { --header-bg-color: #D3DDDF !important; } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1) > .header.header-bg-color-quinary { --header-bg-color: #7A1E1E !important; } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1) > .header.header-bg-color-light { --header-bg-color: #ffffff !important; } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1) > .header.header-bg-color-gray { --header-bg-color: #EFF3F4 !important; } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1) > .header.header-bg-color-dark { --header-bg-color: #000000 !important; } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1) > .header.header-bg-color-dark-gray { --header-bg-color: #404040 !important; } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1) > .content { padding: var(--well-desktop-padding, 2.25rem); flex-grow: 1; } @media (max-width: 991px) { .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1) > .content { padding: var(--well-mobile-padding, 1.875rem 1.25rem); } } .wi-well-v2.extra-padding { --well-desktop-padding: 3rem; --well-mobile-padding: 2rem; } .wi-well-v2.less-padding { --well-desktop-padding: 1.5rem; --well-mobile-padding: 1.5rem 1.25rem; } @media (min-width: 992px) { .wi-well-v2.default-colors { --bg-color: var(--gray) !important; border: 0 !important; } } @media (max-width: 991px) { .wi-well-v2.default-colors { --bg-color: transparent !important; border: 1px solid var(--quaternary); } }