/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .ninthroot-overlay::before { content: ""; background: linear-gradient(45deg, rgba(58, 191, 224, 0.7) 0%, rgba(242, 104, 151, 0.73) 54%, rgba(255, 78, 108, 0.75) 100%); position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* wi-subnav-image-2 */ /* ------------------ */ .wi-subnav-image-1 a.wi-wrapper { display: block; text-align: center; color: #5d5d5d; } .wi-subnav-image-1 a.wi-wrapper .wi-image { position: relative; display: block; width: 80%; padding-top: 80%; margin: auto; border: 4px solid #ffffff; border-radius: 50%; background-color: #ffffff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; -webkit-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; transition: all 0.4s ease-in; } .wi-subnav-image-2 a.wi-wrapper:hover { text-decoration: none; } .wi-subnav-image-1 a.wi-wrapper .wi-image .em-tag { position: absolute; z-index: 5; left: 0px; top: calc(50% - 30px); width: 100%; text-align: center; font-size: 35px; text-transform: uppercase; opacity: 0; color: #ffffff !important; -webkit-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; transition: all 0.4s ease-in; } .wi-subnav-image-1 a.wi-wrapper:hover .wi-image .em-tag { opacity: 1; } .wi-subnav-image-1 a.wi-wrapper .wi-image div.wi-underlay { position: absolute; z-index: 1; left: -120%; top: -120%; border-radius: 50%; width: 120%; height: 120%; display: flex; justify-content: center; align-items: center; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .wi-subnav-image-1 a.wi-wrapper:hover .wi-image div.wi-underlay { left: -10%; top: -10%; } .wi-subnav-image-1 .color-primary a.wi-wrapper .wi-image div.wi-underlay { background-color: var(--primary-rgba-tissue); } .wi-subnav-image-1 .color-primary a.wi-wrapper:hover .wi-image { border-color: var(--primary); } .wi-subnav-image-1 .color-secondary a.wi-wrapper .wi-image div.wi-underlay { background-color: var(--secondary-rgba-tissue); } .wi-subnav-image-1 .color-secondary a.wi-wrapper:hover .wi-image { border-color: var(--secondary); } .wi-subnav-image-1 .color-tertiary a.wi-wrapper .wi-image div.wi-underlay { background-color: var(--tertiary-rgba-tissue); } .wi-subnav-image-1 .color-tertiary a.wi-wrapper:hover .wi-image { border-color: var(--tertiary); } .wi-subnav-image-1 .color-quaternary a.wi-wrapper .wi-image div.wi-underlay { background-color: var(--quaternary-rgba-tissue); } .wi-subnav-image-1 .color-quaternary a.wi-wrapper:hover .wi-image { border-color: var(--quaternary); } .wi-subnav-image-1 .color-quinary a.wi-wrapper .wi-image div.wi-underlay { background-color: var(--quinary-rgba-tissue); } .wi-subnav-image-1 .color-quinary a.wi-wrapper:hover .wi-image { border-color: var(--quinary); } .wi-subnav-image-1 .color-light a.wi-wrapper .wi-image div.wi-underlay { background-color: var(--light-rgba-tissue); } .wi-subnav-image-1 .color-light a.wi-wrapper:hover .wi-image { border-color: var(--light); } .wi-subnav-image-1 .color-gray a.wi-wrapper .wi-image div.wi-underlay { background-color: var(--gray-rgba-tissue); } .wi-subnav-image-1 .color-gray a.wi-wrapper:hover .wi-image { border-color: var(--gray); } .wi-subnav-image-1 .color-dark a.wi-wrapper .wi-image div.wi-underlay { background-color: var(--dark-rgba-tissue); } .wi-subnav-image-1 .color-dark a.wi-wrapper:hover .wi-image { border-color: var(--dark); } .wi-subnav-image-1 .color-dark-gray a.wi-wrapper .wi-image div.wi-underlay { background-color: var(--dark-gray-rgba-tissue); } .wi-subnav-image-1 .color-dark-gray a.wi-wrapper:hover .wi-image { border-color: var(--dark-gray); } .wi-subnav-image-1 a.wi-wrapper .wi-image div.wi-underlay { font-size: 100px; } .wi-subnav-image-1 a.wi-wrapper:hover .wi-image { border-color: var(--primary); } .wi-subnav-image-1 .go-btn { position: absolute; left: 0px; bottom: 30%; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ nav.wi-breadcrumb ol { font-size: 14px; margin-bottom: 0px; } section nav.wi-breadcrumb .breadcrumb-item.active { opacity: 0.5; } section.bg-gradient nav.wi-breadcrumb a { color: #ffffff; } section[class*="bg-"] nav.wi-breadcrumb a, section[class*="bg-"] nav.wi-breadcrumb .breadcrumb-item.active { color: #ffffff; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-reviews-full-2 .wi-review .well { border-radius: var(--border-radius); } .wi-review .well .bg-gray { border-color: #f8f9fa; } .wi-reviews-full-2 .wi-review .directory { text-align: center; position: relative; top: -30px; margin-bottom: -30px; } .wi-reviews-full-2 .wi-review .directory a.directory-icon { color: #fff; background-color: var(--primary); border-radius: 100%; padding: 6.5px 8px; } .wi-reviews-full-2 .wi-review .directory a.directory-icon:hover { background-color: var(--primary) !important; box-shadow: 0 0 0 0.15rem rgba(var(--primary-rgb), 0.4); } .wi-reviews-full-2 .wi-review .directory a.directory-icon > span { text-align: center; width: 18px; height: 18px; } .wi-reviews-full-2 .wi-review > div > figure { height: 230px; overflow: hidden; } .wi-reviews-full-2 .expand-review { position: absolute; bottom: 0px; right: 0px; width: 100%; text-align: center; } .wi-reviews-full-2 .expand-review:hover { cursor: pointer; color: var(--primary); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* Instagram 2 */ .instagram-2 [class*="col-"] { padding: 0px; } .instagram-2 .wrap { padding-bottom: 100%; overflow: hidden; } .instagram-2 .wrap .ig-container { width: 100%; height: 100%; position: absolute; overflow: hidden; } .instagram-2 .wrap .ig-container .content { overflow: hidden; height: 100%; display: flex; justify-content: center; } .instagram-2 .wrap .ig-container .content .overlay { width: 100%; height: 100%; padding: 20px; background-color: #000000a1; color: white; position: absolute; bottom: 100%; transition: 0.25s ease-in; } .instagram-2 .wrap:hover .ig-container .content .overlay { bottom: 0px; transition: 0.25s ease-in; } .instagram-2 .wrap:hover .ig-container .content .overlay p { max-height: 84%; margin-bottom: 0px; font-size: 14px; line-height: 1.3; } .instagram-2 .wrap .ig-container .content .overlay .s-impressions { font-size: 20px; } .instagram-2 .wrap .ig-container .content .overlay .igo-container { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; width: 100%; position: relative; -webkit-mask-image: -webkit-gradient(linear, left 70%, left bottom, from(black), to(rgba(0, 0, 0, 0))); } .instagram-2 .wrap .ig-container .content .ig-media { min-width: 100%; max-height: 100%; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .cn-subnav-full-1 .wi-well-v2 { --well-desktop-padding: 1.88rem; --well-mobile-padding: 1.5rem 1.25rem; height: 100%; } .cn-subnav-full-1 .wi-well-v2 .header { padding: 0px !important; } .cn-subnav-full-1 .wi-well-v2 .header .bg-img-container { height: 14.375rem; } @media (min-width: 992px) { .cn-subnav-full-1 .wi-well-v2 .header .bg-img-container { height: 21.875rem; } } .cn-subnav-full-1 .wi-well-v2 .content { height: 100%; display: flex; flex-direction: column; } .cn-subnav-full-1 .wi-well-v2 .content .description { margin-bottom: 1.5rem; } .cn-subnav-full-1 .wi-well-v2 .content .grandchildren { margin-bottom: 2.5rem; --bs-gutter-y: .88rem; } @media (min-width: 992px) { .cn-subnav-full-1 .wi-well-v2 .content .grandchildren { --bs-gutter-x: 1rem; --bs-gutter-y: 1rem; } } .cn-subnav-full-1 .wi-well-v2 .content .grandchildren .item { background-color: var(--gray); color: var(--tertiary); height: 100%; width: 100%; padding: 0.31rem 0.88rem; font-size: 1rem; font-weight: 400; line-height: 160%; text-align: center; display: block; transition: 0.15s ease-in; } .cn-subnav-full-1 .wi-well-v2 .content .grandchildren .item:hover { background: var(--primary); color: var(--light); } .cn-subnav-full-1 .wi-well-v2 .content .link-arrow { margin-top: auto; display: flex; align-self: flex-start; } @media (min-width: 992px) { .cn-subnav-full-1.one-page .wi-well-v2 .header .bg-img-container { height: 31.25rem; } } @charset "UTF-8"; /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-franchise-list .card-columns { column-count: 1; } @media (min-width: 992px) { .wi-franchise-list .card-columns { column-count: 2; } } @media (min-width: 1200px) { .wi-franchise-list .card-columns { column-count: 3; } } .wi-franchise-list .card-title { font-weight: 300; font-size: 1.3rem; } .wi-franchise-list .card-columns .card { width: 100%; margin-bottom: 20px; page-break-inside: avoid; break-inside: avoid-column; display: table; } .wi-franchise-list ul.icon-list { margin: 0 0 0 10px; padding: 0; } .wi-franchise-list ul.icon-list li { position: relative; list-style-type: none; padding: 6px 0 5px 18px; margin-bottom: 0; font-size: 1rem; } .wi-franchise-list ul.icon-list li.col { padding: 6px 17px 5px 17px; } /* default: chevron */ .wi-franchise-list ul.icon-list li::after { font-family: "Font Awesome 5 Pro"; content: ""; font-style: normal; font-weight: 500; text-decoration: inherit; position: absolute; font-size: 11px; color: var(--primary); top: 14px; left: 0; z-index: 1; } /* chevron circle */ .wi-franchise-list ul.icon-list.list-arrow-circle li::after { content: ""; } /* checkmark */ .wi-franchise-list ul.icon-list.list-checkmark li { padding-bottom: 20px; margin-bottom: 15px; border-bottom: 1px solid #eee; } .wi-franchise-list ul.icon-list.list-checkmark li::after { content: ""; } .wi-franchise-list ul.icon-list.list-checkmark li:last-child { border: none; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-franchise-list .card-columns { column-count: 1; } @media (min-width: 992px) { .wi-franchise-list .card-columns { column-count: 2; } } @media (min-width: 1200px) { .wi-franchise-list .card-columns { column-count: 3; } } .wi-franchise-list ul.icon-list li::after { content: "" !important; font-style: normal; background: url(/oak/files/logos/lemon-tree.insignia.png); width: 20px; height: 20px; background-position: center; font-weight: 200; text-decoration: inherit; position: absolute; font-size: 13px; color: var(--primary); background-size: cover; top: 10px; left: -10px; z-index: 1; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-badge-autoslide-1 ul li img { width: 150px; } .wi-badge-autoslide-1 ul li { padding: 0px 30px; } .wi-badge-autoslide-1 .col-12:before, .wi-badge-autoslide-1 .col-12:after { content: ""; height: 100%; width: 40px; position: absolute; z-index: 2; top: 0px; bottom: 0px; } .wi-badge-autoslide-1 .col-12::before { left: 0px; background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%); } .wi-badge-autoslide-1 .col-12::after { right: 0px; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-social-large-1 { display: flex; gap: 1.5rem; font-size: 3rem; align-items: center; } .wi-social-large-1 .item { font-size: 3rem; color: var(--tertiary); transition: var(--transition); } .wi-social-large-1 .item:hover { color: var(--quaternary); } .social-primary .wi-social-large-1 .item { color: var(--primary); } .social-primary .wi-social-large-1 .item:hover { color: var(--secondary); } .social-light .wi-social-large-1 .item { color: var(--light); } .social-light .wi-social-large-1 .item:hover { color: var(--primary); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-social-medium-1 { display: flex; gap: 0.88rem; font-size: 2.25rem; align-items: center; } .wi-social-medium-1 .item { font-size: 2.25rem; color: var(--tertiary); transition: var(--transition); } .wi-social-medium-1 .item:hover { color: var(--quaternary); } .social-primary .wi-social-medium-1 .item { color: var(--primary); } .social-primary .wi-social-medium-1 .item:hover { color: var(--secondary); } .social-light .wi-social-medium-1 .item { color: var(--light); } .social-light .wi-social-medium-1 .item:hover { color: var(--primary); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-social-small-1 { display: flex; gap: 0.88rem; font-size: 1.3rem; align-items: center; justify-content: center; } .wi-social-small-1 .item { font-size: 1.3rem; color: var(--light); transition: var(--transition); } .wi-social-small-1 .item:hover { color: var(--light); } .social-primary .wi-social-small-1 .item { color: var(--primary); } .social-primary .wi-social-small-1 .item:hover { color: var(--secondary); } .social-light .wi-social-small-1 .item { color: var(--light); } .social-light .wi-social-small-1 .item:hover { color: var(--primary); } @charset "UTF-8"; /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* .icon-list */ ul.icon-list { margin: 0 0 0 10px; padding: 0; } ul.icon-list li { position: relative; list-style-type: none; padding: 6px 0 5px 17px; margin-bottom: 0; } /* default: chevron */ ul.icon-list li::after { font-family: "Font Awesome 5 Pro"; content: ""; font-style: normal; font-weight: 200; text-decoration: inherit; position: absolute; font-size: 13px; color: #008E9C; top: 10px; left: 0; z-index: 1; } .text-light ul.icon-list li::after { color: #ffffff; opacity: 0.4; } /* chevron circle */ ul.icon-list.list-arrow-circle li::after { content: ""; } /* checkmark */ ul.icon-list.list-checkmark li::after { content: ""; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ section:not([class*="bg-"]):not(.lr-section):not(.divider-diagonal):not(.bg-transparent):not(.hero-section) + section:not([class*="bg-"]):not(.lr-sect):not(.bg-transparent):not(.hero-section) { padding-top: 0px; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* .sub { font-family: var(--font-primary); font-weight: 500; letter-spacing: 0.04125rem; text-transform: uppercase; } h1.sub, .h1.sub { font-size: 2.0625rem; @media(max-width: breakpoint('lg', false)) { font-size: 1.75rem; letter-spacing: 0.035rem; } } h2.sub, .h2.sub { font-size: 1.6875rem; letter-spacing: 0.03375rem; @media(max-width: breakpoint('lg', false)) { font-size: 1.5625rem; letter-spacing: 0.03125rem; } } h3.sub, .h3.sub { font-size: 1.5rem; letter-spacing: 0.03rem; @media(max-width: breakpoint('lg', false)) { font-size: 1.3125rem; letter-spacing: 0.02625rem; } } h4.sub, .h4.sub { font-size: 1.375rem; letter-spacing: 0.0275rem; @media(max-width: breakpoint('lg', false)) { font-size: 1.1875rem; letter-spacing: 0.02375rem; } } */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* @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-primary); text-transform: uppercase; color: var(--light); padding: 0.56rem 0.81rem; font-size: 1.0625rem; font-weight: 400; letter-spacing: 0.06375rem; } .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-primary { background-color: var(--primary); border-color: var(--primary); } .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 rgb(var(--primary-rgb)); } .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-secondary { background-color: var(--secondary); border-color: var(--secondary); } .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 rgb(var(--secondary-rgb)); } .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); } .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 rgb(var(--tertiary-rgb)); } .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-quaternary { background-color: var(--quaternary); border-color: var(--quaternary); } .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 rgb(var(--quaternary-rgb)); } .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-quinary { background-color: var(--quinary); border-color: var(--quinary); } .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 rgb(var(--quinary-rgb)); } .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); } .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 rgb(var(--light-rgb)); } .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: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, .btn-outline-light.btn-icon i { color: var(--dark); } .btn-gray { background-color: var(--gray); border-color: var(--gray); } .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 rgb(var(--gray-rgb)); } .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); } .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 rgb(var(--dark-rgb)); } .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); } .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 rgb(var(--dark-gray-rgb)); } .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); } .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 rgb(var(--primary-rgb)); } .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-secondary { background-color: var(--secondary); border-color: var(--secondary); } .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 rgb(var(--secondary-rgb)); } .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); } .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 rgb(var(--tertiary-rgb)); } .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-quaternary { background-color: var(--quaternary); border-color: var(--quaternary); } .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 rgb(var(--quaternary-rgb)); } .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-quinary { background-color: var(--quinary); border-color: var(--quinary); } .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 rgb(var(--quinary-rgb)); } .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); } .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 rgb(var(--light-rgb)); } .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: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, .btn-sm-outline-light.btn-icon i { color: var(--dark); } .btn-sm-gray { background-color: var(--gray); border-color: var(--gray); } .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 rgb(var(--gray-rgb)); } .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); } .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 rgb(var(--dark-rgb)); } .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); } .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 rgb(var(--dark-gray-rgb)); } .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); } .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 rgb(var(--primary-rgb)); } .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-secondary { background-color: var(--secondary); border-color: var(--secondary); } .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 rgb(var(--secondary-rgb)); } .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); } .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 rgb(var(--tertiary-rgb)); } .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-quaternary { background-color: var(--quaternary); border-color: var(--quaternary); } .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 rgb(var(--quaternary-rgb)); } .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-quinary { background-color: var(--quinary); border-color: var(--quinary); } .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 rgb(var(--quinary-rgb)); } .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); } .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 rgb(var(--light-rgb)); } .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: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, .btn-md-outline-light.btn-icon i { color: var(--dark); } .btn-md-gray { background-color: var(--gray); border-color: var(--gray); } .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 rgb(var(--gray-rgb)); } .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); } .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 rgb(var(--dark-rgb)); } .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); } .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 rgb(var(--dark-gray-rgb)); } .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); } .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 rgb(var(--primary-rgb)); } .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-secondary { background-color: var(--secondary); border-color: var(--secondary); } .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 rgb(var(--secondary-rgb)); } .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); } .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 rgb(var(--tertiary-rgb)); } .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-quaternary { background-color: var(--quaternary); border-color: var(--quaternary); } .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 rgb(var(--quaternary-rgb)); } .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-quinary { background-color: var(--quinary); border-color: var(--quinary); } .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 rgb(var(--quinary-rgb)); } .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); } .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 rgb(var(--light-rgb)); } .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: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, .btn-lg-outline-light.btn-icon i { color: var(--dark); } .btn-lg-gray { background-color: var(--gray); border-color: var(--gray); } .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 rgb(var(--gray-rgb)); } .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); } .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 rgb(var(--dark-rgb)); } .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); } .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 rgb(var(--dark-gray-rgb)); } .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); } .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 rgb(var(--primary-rgb)); } .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-secondary { background-color: var(--secondary); border-color: var(--secondary); } .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 rgb(var(--secondary-rgb)); } .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); } .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 rgb(var(--tertiary-rgb)); } .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-quaternary { background-color: var(--quaternary); border-color: var(--quaternary); } .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 rgb(var(--quaternary-rgb)); } .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-quinary { background-color: var(--quinary); border-color: var(--quinary); } .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 rgb(var(--quinary-rgb)); } .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); } .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 rgb(var(--light-rgb)); } .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: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, .btn-xl-outline-light.btn-icon i { color: var(--dark); } .btn-xl-gray { background-color: var(--gray); border-color: var(--gray); } .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 rgb(var(--gray-rgb)); } .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); } .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 rgb(var(--dark-rgb)); } .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); } .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 rgb(var(--dark-gray-rgb)); } .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); } .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 rgb(var(--primary-rgb)); } .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-secondary { background-color: var(--secondary); border-color: var(--secondary); } .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 rgb(var(--secondary-rgb)); } .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); } .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 rgb(var(--tertiary-rgb)); } .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-quaternary { background-color: var(--quaternary); border-color: var(--quaternary); } .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 rgb(var(--quaternary-rgb)); } .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-quinary { background-color: var(--quinary); border-color: var(--quinary); } .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 rgb(var(--quinary-rgb)); } .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); } .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 rgb(var(--light-rgb)); } .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: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, .btn-xxl-outline-light.btn-icon i { color: var(--dark); } .btn-xxl-gray { background-color: var(--gray); border-color: var(--gray); } .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 rgb(var(--gray-rgb)); } .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); } .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 rgb(var(--dark-rgb)); } .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); } .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 rgb(var(--dark-gray-rgb)); } .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 .mobile { display: none; } @media (max-width: 991px) { header .nav-container .main-nav .logo { z-index: 1; } header .nav-container .main-nav .logo .mobile { display: block; } header .nav-container .main-nav .logo .desktop { display: none; } } @media (min-width: 992px) { header .nav-container .main-nav .items { gap: 1.87rem; } } @media (max-width: 991px) { header .nav-container .main-nav .items .item-append .cta { font-size: 0.75rem; } header .nav-container .main-nav .items .item-append .cta:not(:last-child) { margin-right: 0.5rem; } header .nav-container .main-nav .items .item-append .cta:not(.icon) { padding: 0.625rem 0.75rem; } } @media (max-width: 991px) { header .nav-container .main-nav .items .item-append .cta.icon { font-size: 1.125rem; padding: 0.375rem 0.6125rem; } } header:not(.open) { box-shadow: var(--box-shadow); } header:not(.open) .item-append .on-open { display: none; } header.open .item-append .on-close { display: none; } header .item-append { gap: 0.62rem; } header .item-append .btn:has(.fa) { font-size: 1.25rem; padding: 0.48rem 0.47rem; line-height: normal; } header .item-append .btn:not(:has(.fa)) { font-size: 1.0625rem; font-weight: 400; line-height: normal; letter-spacing: 0.06375rem; padding: 0.56rem 0.81rem; } @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; } } @media (min-width: 992px) { .shell-home header { background: white !important; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12); transition: background 0.15s; } .shell-home header:has(a.parent.over) { background: white !important; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12); } .shell-home header:has(a.parent.over) .main-nav .logo img.desktop:not(.on-scrolled) { display: none; } .shell-home header:has(a.parent.over) .main-nav .logo img.desktop.on-scrolled { display: inline; } .shell-home header:has(a.parent.over) .main-nav nav ul.level-1 > li > a { color: var(--tertiary) !important; } .shell-home header:not(.scrolled) { background: rgba(255, 255, 255, 0) !important; box-shadow: unset; } .shell-home header:not(.scrolled) nav ul.level-1 > li > a { color: var(--light) !important; } } header .nav-container .main-nav .items nav ul.level-1 { gap: 1.25rem; font-family: var(--font-primary); } body:not(.shell-home) header { box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ body.h-show-tert-nav .tert-nav { display: block; border-bottom: unset; } body.h-show-tert-nav .tert-nav a { padding: 0; } body.h-show-tert-nav .tert-nav .container .tert-wrapper { height: var(--nav-tert-desktop-height); overflow: hidden; --tert-gap: 0.62rem; display: flex; gap: var(--tert-gap); align-items: center; justify-content: flex-end; } @media (max-width: 991px) { body.h-show-tert-nav .tert-nav .container .tert-wrapper { height: var(--nav-tert-mobile-height); } } body.h-show-tert-nav .tert-nav .container .tert-wrapper .wi-fran-tert-current-location { display: flex; align-items: center; gap: 0.38rem; } body.h-show-tert-nav .tert-nav .container .tert-wrapper .wi-fran-tert-current-location i { color: var(--nav-tert-text-color); font-size: 0.9525rem; } body.h-show-tert-nav .tert-nav .container .tert-wrapper .wi-fran-tert-current-location a { font-size: 0.875rem; height: unset; font-family: var(--font-secondary); font-weight: 400; padding: 0; display: block; } body.h-show-tert-nav .tert-nav .container .tert-wrapper .wi-fran-tert-current-location a:hover { background: transparent; } body.h-show-tert-nav .tert-nav .container .tert-wrapper .wi-fran-tert-current-location::after { content: "|"; color: var(--primary); font-size: 1.3rem; margin-left: 0.24rem; font-weight: 400; } body.h-show-tert-nav .tert-nav .container .tert-wrapper .tert-ul { margin: 0; padding: 0; display: flex; align-items: center; gap: var(--tert-gap); list-style-type: none; } body.h-show-tert-nav .tert-nav .container .tert-wrapper .tert-ul li a { height: unset; padding: 0; font-size: 0.875rem; font-family: var(--font-secondary); font-weight: 400; gap: 0.62rem; } body.h-show-tert-nav .tert-nav .container .tert-wrapper .tert-ul li a: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 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ :root { --h1-sub-d-font-size: 1.6875rem; --h1-sub-d-letter-spacing: 0.0675rem; --h1-sub-d-font-weight: 300; --h1-sub-m-font-size: 1.4375rem; --h1-sub-m-letter-spacing: 0.0575rem; --h1-sub-m-font-weight: 300; --h2-sub-d-font-size: 1.375rem; --h2-sub-d-letter-spacing: 0.055rem; --h2-sub-d-font-weight: 300; --h2-sub-m-font-size: 1.25rem; --h2-sub-m-letter-spacing: 0.05rem; --h2-sub-m-font-weight: 300; --h3-sub-d-font-size: 1.25rem; --h3-sub-d-letter-spacing: 0.05rem; --h3-sub-d-font-weight: 300; --h3-sub-m-font-size: 1.125rem; --h3-sub-m-letter-spacing: 0.045rem; --h3-sub-m-font-weight: 300; --h4-sub-d-font-size: 1.125rem; --h4-sub-d-letter-spacing: 0.045rem; --h4-sub-d-font-weight: 300; --h4-sub-m-font-size: 1rem; --h4-sub-m-letter-spacing: 0.04rem; --h4-sub-m-font-weight: 300; --h5-sub-d-font-size: 1rem; --h5-sub-d-letter-spacing: 0.04rem; --h5-sub-d-font-weight: 300; --h5-sub-m-font-size: 0.875rem; --h5-sub-m-letter-spacing: 0.035rem; --h5-sub-m-font-weight: 300; --h6-sub-d-font-size: 0.875rem; --h6-sub-d-letter-spacing: 0.035rem; --h6-sub-d-font-weight: 300; --h6-sub-m-font-size: 0.75rem; --h6-sub-m-letter-spacing: 0.03rem; --h6-sub-m-font-weight: 300; --h1-sub-font-size: var(--h1-sub-m-font-size); --h1-sub-letter-spacing: var(--h1-sub-m-letter-spacing); --h1-sub-font-weight: var(--h1-sub-m-font-weight); --h2-sub-font-size: var(--h2-sub-m-font-size); --h2-sub-letter-spacing: var(--h2-sub-m-letter-spacing); --h2-sub-font-weight: var(--h2-sub-m-font-weight); --h3-sub-font-size: var(--h3-sub-m-font-size); --h3-sub-letter-spacing: var(--h3-sub-m-letter-spacing); --h3-sub-font-weight: var(--h3-sub-m-font-weight); --h4-sub-font-size: var(--h4-sub-m-font-size); --h4-sub-letter-spacing: var(--h4-sub-m-letter-spacing); --h4-sub-font-weight: var(--h4-sub-m-font-weight); --h5-sub-font-size: var(--h5-sub-m-font-size); --h5-sub-letter-spacing: var(--h5-sub-m-letter-spacing); --h5-sub-font-weight: var(--h5-sub-m-font-weight); --h6-sub-font-size: var(--h6-sub-m-font-size); --h6-sub-letter-spacing: var(--h6-sub-m-letter-spacing); --h6-sub-font-weight: var(--h6-sub-m-font-weight); } @media (min-width: 992px) { :root { --h1-sub-font-size: var(--h1-sub-d-font-size); --h1-sub-letter-spacing: var(--h1-sub-d-letter-spacing); --h1-sub-font-weight: var(--h1-sub-d-font-weight); --h2-sub-font-size: var(--h2-sub-d-font-size); --h2-sub-letter-spacing: var(--h2-sub-d-letter-spacing); --h2-sub-font-weight: var(--h2-sub-d-font-weight); --h3-sub-font-size: var(--h3-sub-d-font-size); --h3-sub-letter-spacing: var(--h3-sub-d-letter-spacing); --h3-sub-font-weight: var(--h3-sub-d-font-weight); --h4-sub-font-size: var(--h4-sub-d-font-size); --h4-sub-letter-spacing: var(--h4-sub-d-letter-spacing); --h4-sub-font-weight: var(--h4-sub-d-font-weight); --h5-sub-font-size: var(--h5-sub-d-font-size); --h5-sub-letter-spacing: var(--h5-sub-d-letter-spacing); --h5-sub-font-weight: var(--h5-sub-d-font-weight); --h6-sub-font-size: var(--h6-sub-d-font-size); --h6-sub-letter-spacing: var(--h6-sub-d-letter-spacing); --h6-sub-font-weight: var(--h6-sub-d-font-weight); } } .cmp-heading { display: flex; flex-direction: column; gap: 0.38rem; } .cmp-heading.sub-first-1 { flex-direction: column-reverse; } @media (min-width: 992px) { .cmp-heading.icon-inline-desktop-1 { flex-direction: row; flex-wrap: nowrap; gap: 0.75rem; align-items: center; } } .cmp-heading .intro-icon { font-size: 2.5rem; } .cmp-heading .intro-icon.icon-small { font-size: 1.875rem; } .cmp-heading .intro-icon.icon-img { height: 2.5rem; } .cmp-heading .intro-icon.icon-img.icon-small { height: 1.875rem; } .cmp-heading .intro-icon.icon-img.logo-icon { height: 3.75rem; } .cmp-heading .subheading.h1 { font-family: var(--font-secondary); font-size: 1.4375rem; letter-spacing: 0.0575rem; font-weight: 300; text-transform: uppercase; } @media (min-width: 992px) { .cmp-heading .subheading.h1 { font-size: 1.6875rem; letter-spacing: 0.0675rem; } } .cmp-heading .subheading.h2 { font-family: var(--font-secondary); font-size: 1.25rem; letter-spacing: 0.05rem; font-weight: 300; text-transform: uppercase; } @media (min-width: 992px) { .cmp-heading .subheading.h2 { font-size: 1.375rem; letter-spacing: 0.055rem; } } .cmp-heading .subheading.h3 { font-family: var(--font-secondary); font-size: 1.125rem; letter-spacing: 0.045rem; font-weight: 300; text-transform: uppercase; } @media (min-width: 992px) { .cmp-heading .subheading.h3 { font-size: 1.25rem; letter-spacing: 0.05rem; } } .cmp-heading .subheading.h4 { font-family: var(--font-secondary); font-size: 1rem; letter-spacing: 0.04rem; font-weight: 300; text-transform: uppercase; } @media (min-width: 992px) { .cmp-heading .subheading.h4 { font-size: 1.125rem; letter-spacing: 0.045rem; } } .cmp-heading .subheading.h5 { font-family: var(--font-secondary); font-size: 0.875rem; letter-spacing: 0.035rem; font-weight: 300; text-transform: uppercase; } @media (min-width: 992px) { .cmp-heading .subheading.h5 { font-size: 1rem; letter-spacing: 0.04rem; } } .cmp-heading .subheading.h6 { font-family: var(--font-secondary); font-size: 0.75rem; letter-spacing: 0.03rem; font-weight: 300; text-transform: uppercase; } @media (min-width: 992px) { .cmp-heading .subheading.h6 { font-size: 0.875rem; letter-spacing: 0.035rem; } } .break-words { word-spacing: 9999999px; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .cmp-section-hero-home { padding-top: calc(var(--nav-mobile-height) + 15.75rem) !important; padding-bottom: 2.5rem; } @media (min-width: 992px) { .cmp-section-hero-home { padding-top: calc(var(--nav-desktop-height) + var(--nav-tert-height) + 8.81rem) !important; padding-bottom: 9.38rem; } } @media (min-width: 992px) { .cmp-section-hero-home::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 9.375rem; background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50.16%, rgba(0, 0, 0, 0.75) 100%); z-index: 1; } } .cmp-section-hero-home::after { content: ""; position: absolute; top: 0px; z-index: 1; display: block; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 11.44%, rgba(0, 0, 0, 0.8) 77.54%); } @media (min-width: 992px) { .cmp-section-hero-home::after { background: linear-gradient(270deg, rgba(0, 0, 0, 0) 29.37%, rgba(0, 0, 0, 0.8) 100%); } } .cmp-section-hero-home > .bg-img-container { position: absolute; height: 100%; width: 100%; top: 0px; } @media (min-width: 992px) { .cmp-section-hero-home > .bg-img-container.mobile { display: none; } } @media (max-width: 991px) { .cmp-section-hero-home > .bg-img-container.desktop { display: none; } } .cmp-section-hero-home .content { z-index: 2; position: relative; color: var(--light); } .cmp-section-hero-home .content .cmp-heading { gap: 1rem; } @media (min-width: 992px) { .cmp-section-hero-home .content .cmp-heading { gap: 1.12rem; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .shell-home main { padding-top: 0px !important; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .btns-col { display: flex; flex-direction: row; flex-wrap: wrap; gap: 0.75rem; } @charset "UTF-8"; /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-cases-slider-wrap { padding: 1.25rem 0rem; } @media (min-width: 992px) { .wi-cases-slider-wrap { padding: 1.5rem 0rem; } } .wi-slicktrack-slider.wi-cases-slider { --arrow-size: 1.5rem; padding: 0 1rem; } .wi-slicktrack-slider.wi-cases-slider .slick-slider { display: flex; align-items: center; } .wi-slicktrack-slider.wi-cases-slider .slick-slider .slick-arrow { position: absolute; font-size: 0; background: unset; border: 1px solid var(--light); background: var(--light); opacity: 0.75; transition: 0.15s ease-in; } .wi-slicktrack-slider.wi-cases-slider .slick-slider .slick-arrow::before { font-size: 0.78rem; color: var(--tertiary); font-family: "Font Awesome 7 Pro" !important; font-weight: 300; top: 2px; } .wi-slicktrack-slider.wi-cases-slider .slick-slider .slick-arrow.slick-next::before { content: ""; } .wi-slicktrack-slider.wi-cases-slider .slick-slider .slick-arrow.slick-prev::before { content: ""; } .wi-slicktrack-slider.wi-cases-slider .slick-slider .slick-arrow:hover { opacity: 1; } .wi-slicktrack-slider.wi-cases-slider .slick-slider .slick-item { display: flex; align-items: center; justify-content: center; } .wi-slicktrack-slider.wi-cases-slider .slick-slider .slick-item .item-wrap { display: flex; justify-content: center; align-items: center; flex-direction: column; } .wi-slicktrack-slider.wi-cases-slider .slick-slider .slick-item .item-wrap .charge { color: var(--light); margin-bottom: 0.88rem; text-align: center; gap: 0.19rem; } .wi-slicktrack-slider.wi-cases-slider .slick-slider .slick-item .item-wrap .result { font-size: 0.75rem; font-weight: 400; line-height: 160%; color: var(--light); text-align: center; padding: 0.38rem 0.62rem; background: var(--primary); } @media (min-width: 992px) { .wi-slicktrack-slider.wi-cases-slider .slick-slider .slick-item .item-wrap .result { font-size: 0.875rem; } } .wi-slicktrack-slider.wi-cases-slider .slick-slider .slick-item .item-wrap .result i { margin-right: 0.38rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ hr { height: 0.0625rem !important; background: rgba(104, 115, 123, 0.5); opacity: 1 !important; } hr.hr-small { width: 12.5rem; margin-left: auto; margin-right: auto; } [class*="bg-"] hr { background: rgba(255, 255, 255, 0.5); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .cmp-content-coupon .content-row { --bs-gutter-x: 3.12rem; --bs-gutter-y: 1.88rem; } @media (min-width: 992px) { .cmp-content-coupon .content-row.coupon-left-1 { flex-direction: row-reverse; } } @media (max-width: 991px) { body:not(.shell-home) .cmp-content-coupon .content-row { flex-direction: column-reverse; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .cmp-coupon { --edge-width: .95rem; position: relative; } .cmp-coupon .edge { position: absolute; top: 0px; height: 100%; } .cmp-coupon .edge.left { left: 2px; } .cmp-coupon .edge.right { right: 2px; transform: rotate(180deg); } .cmp-coupon .content-wrap-1 { padding: 0px var(--edge-width); } .cmp-coupon .content-wrap-1 .content-wrap-2 { padding: 0.88rem 0.5rem; background-color: var(--secondary); } .cmp-coupon .content-wrap-1 .content-wrap-2 .content-wrap-3 { text-align: center; border: 1px dashed rgba(255, 255, 255, 0.5); padding: 1.25rem; } .cmp-coupon .content-wrap-1 .content-wrap-2 .content-wrap-3 .intro, .cmp-coupon .content-wrap-1 .content-wrap-2 .content-wrap-3 .outro { color: var(--light); font-family: var(--font-secondary); font-size: var(--h2-sub-font-size); letter-spacing: var(--h2-sub-letter-spacing); font-weight: var(--h2-sub-font-weight); text-transform: uppercase; } .cmp-coupon .content-wrap-1 .content-wrap-2 .content-wrap-3 .intro { margin-bottom: 0.25rem; } .cmp-coupon .content-wrap-1 .content-wrap-2 .content-wrap-3 .discount { color: var(--light); font-family: var(--font-primary); font-size: var(--h1-font-size); font-weight: var(--h1-font-weight); line-height: var(--h1-line-height); text-transform: uppercase; margin-bottom: 0.25rem; } .cmp-coupon .content-wrap-1 .content-wrap-2 .content-wrap-3 .disclaimer { margin-top: 1.25rem; color: var(--light); font-size: var(--p-font-size); line-height: var(--p-line-height); font-weight: var(--p-font-weight); } .cmp-coupon .content-wrap-1 .content-wrap-2 .content-wrap-3 .expiration { color: var(--light); font-size: var(--p-font-size); line-height: var(--p-line-height); font-weight: var(--p-font-weight); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ p:last-child { margin-bottom: 0px; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ section.overlay-damask, div.overlay-damask { position: relative; } section.overlay-damask::before, div.overlay-damask::before { content: ""; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background-image: url("/oak/files/misc/damask-bg.svg"); background-position: center; background-repeat: no-repeat; background-size: cover; z-index: 1; opacity: 0.5; } section.overlay-damask > .container, section.overlay-damask > .container-fluid, div.overlay-damask > .container, div.overlay-damask > .container-fluid { z-index: 2; position: relative; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ @media (min-width: 992px) { .cn-subnav-card-1 .row.slider { justify-content: center; --bs-gutter-x: 2.5rem; --bs-gutter-y: 2.5rem; } } .cn-subnav-card-1 .row.slider .item-card { border: 1px solid rgba(38, 38, 38, 0.25); display: flex; flex-direction: column; height: 100%; } .cn-subnav-card-1 .row.slider .item-card .bg-img-container { height: 14.4rem; } .cn-subnav-card-1 .row.slider .item-card .content { display: flex; flex-direction: column; flex: 1; padding: 1.5rem 1.25rem; } @media (min-width: 992px) { .cn-subnav-card-1 .row.slider .item-card .content { padding: 1.88rem; } } .cn-subnav-card-1 .row.slider .item-card .content .heading { color: var(--tertiary); } .cn-subnav-card-1 .row.slider .item-card .content .description, .cn-subnav-card-1 .row.slider .item-card .content .description p { font-weight: 300; } .cn-subnav-card-1 .row.slider .item-card .content .description { margin-bottom: 1.88rem; } .cn-subnav-card-1 .row.slider .item-card .content .link-arrow { width: fit-content; margin-top: auto; } @charset "UTF-8"; /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .link-arrow { position: relative; display: inline-block; font-family: var(--font-primary); color: var(--secondary); font-size: 1.0625rem; font-weight: 400; letter-spacing: 0.06375rem; text-transform: uppercase; padding-bottom: 0.25rem; } .link-arrow::before { content: ""; height: 1px; background-color: var(--secondary-50); width: 100%; position: absolute; bottom: 0px; } .link-arrow::after { content: ""; font-family: "Font Awesome 7 Pro"; font-size: 1.125rem; font-weight: 200; margin-left: 0.81rem; } .link-arrow-back { position: relative; display: inline-block; font-family: var(--font-primary); color: var(--secondary); font-size: 1.0625rem; font-weight: 400; letter-spacing: 0.06375rem; text-transform: uppercase; padding-bottom: 0.25rem; } .link-arrow-back::after { content: ""; height: 1px; background-color: var(--secondary-50); width: 100%; position: absolute; bottom: 0px; left: 0px; } .link-arrow-back::before { content: ""; font-family: "Font Awesome 7 Pro"; font-size: 1.125rem; font-weight: 200; margin-right: 0.81rem; } @charset "UTF-8"; /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .cl-reviews-slider-1 .slick-slider { --arrow-size: 1.875rem; display: flex; align-items: center; } @media (max-width: 991px) { .cl-reviews-slider-1 .slick-slider .slick-list { width: unset !important; left: unset !important; } } .cl-reviews-slider-1 .slick-slider .slick-arrow { position: absolute; font-size: 0; background: unset !important; border: 1px solid var(--light); opacity: 0.75; transition: 0.15s ease-in; } @media (max-width: 991px) { .cl-reviews-slider-1 .slick-slider .slick-arrow { display: none !important; } } .cl-reviews-slider-1 .slick-slider .slick-arrow::before { font-size: 1rem !important; color: var(--light) !important; font-family: "Font Awesome 7 Pro" !important; font-weight: 300 !important; } .cl-reviews-slider-1 .slick-slider .slick-arrow.slick-next::before { content: ""; } .cl-reviews-slider-1 .slick-slider .slick-arrow.slick-prev::before { content: ""; } .cl-reviews-slider-1 .slick-slider .slick-arrow:hover { opacity: 1; } .cl-reviews-slider-1 .slick-slider .review-wrap { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; height: 100%; } @media (min-width: 992px) { .cl-reviews-slider-1 .slick-slider .review-wrap { padding: 0rem 2.5rem; } } .cl-reviews-slider-1 .slick-slider .review-wrap .stars { margin-bottom: 1.12rem; } .cl-reviews-slider-1 .slick-slider .review-wrap .stars .review-star { font-size: 1.375rem; background: -webkit-linear-gradient(#FFDF86, #E19600); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .cl-reviews-slider-1 .slick-slider .review-wrap .review { font-size: var(--p-font-size); line-height: var(--p-line-height); font-weight: var(--p-font-weight); margin-bottom: 1.25rem; } .cl-reviews-slider-1 .slick-slider .review-wrap .author { font-family: var(--font-primary); font-size: 1.0625rem; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.06375rem; text-transform: uppercase; } .cl-reviews-slider-1 .slick-slider .review-wrap .date { font-size: 0.75rem; font-weight: 400; line-height: 160%; } @charset "UTF-8"; /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-accordion { display: flex; flex-direction: column; gap: 0.88rem; } .wi-accordion .accordion-item { border-radius: 0px; border: unset; } .wi-accordion .accordion-item .accordion-header .accordion-button { padding: 1.06rem 1.12rem; border-radius: 0px; font-size: var(--h6-font-size); font-weight: var(--h6-font-weight); line-height: var(--h6-line-height); font-family: var(--font-primary); color: var(--light); background: var(--primary); box-shadow: unset; } .wi-accordion .accordion-item .accordion-header .accordion-button.collapsed { color: var(--dark); background: var(--gray); } .wi-accordion .accordion-item .accordion-header .accordion-button.collapsed::after { color: var(--tertiary); } .wi-accordion .accordion-item .accordion-header .accordion-button::after { content: ""; font-family: "Font Awesome 7 Pro"; font-size: 1.125rem; background-image: unset; font-weight: 300; } .wi-accordion .accordion-item .accordion-collapse .accordion-body { padding-top: 1.5rem; padding-bottom: 0.62rem; padding-left: 0px; padding-right: 0px; } .wi-accordion .accordion-item .accordion-collapse .accordion-body, .wi-accordion .accordion-item .accordion-collapse .accordion-body p { font-weight: 300; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ :root { --border-radius: 0px; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .cmp-play-video-box { color: var(--light); display: flex; position: relative; width: 100%; height: var(--mobile-height); } @media (min-width: 992px) { .cmp-play-video-box { height: var(--desktop-height); } } .cmp-play-video-box:hover { color: var(--light); } .cmp-play-video-box:hover .content { background: rgba(0, 0, 0, 0.75); } .cmp-play-video-box .bg-img-container { height: 100%; width: 100%; } .cmp-play-video-box .content { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; position: absolute; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.65); transition: background 0.15s ease-in; } .cmp-play-video-box .content .play-icon { font-size: 2.8125rem; margin-bottom: 0.62rem; } .cmp-play-video-box .content .title { font-family: var(--font-primary); font-size: var(--h4-font-size); font-weight: var(--h4-font-weight); line-height: var(--h4-line-height); } .cmp-play-video-box .content .subtitle { font-size: 1rem; font-weight: 400; letter-spacing: 0.04rem; text-transform: uppercase; } .cmp-play-video-box .content .badge { height: 3.8rem; } @charset "UTF-8"; /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-slicktrack-slider.wi-cases-slider-small { --arrow-size: 1.5rem; padding: 0rem; } .wi-slicktrack-slider.wi-cases-slider-small .slick-slider { display: flex; align-items: center; } .wi-slicktrack-slider.wi-cases-slider-small .slick-slider .slick-arrow { position: absolute; font-size: 0; background: unset; border: 1px solid var(--secondary); opacity: 0.75; transition: 0.15s ease-in; } .wi-slicktrack-slider.wi-cases-slider-small .slick-slider .slick-arrow::before { font-size: 0.78rem; color: var(--secondary); font-family: "Font Awesome 7 Pro"; font-weight: 300; top: 2px; } .wi-slicktrack-slider.wi-cases-slider-small .slick-slider .slick-arrow.slick-next::before { content: ""; } .wi-slicktrack-slider.wi-cases-slider-small .slick-slider .slick-arrow.slick-prev::before { content: ""; } .wi-slicktrack-slider.wi-cases-slider-small .slick-slider .slick-arrow:hover { opacity: 1; } .wi-slicktrack-slider.wi-cases-slider-small .slick-slider .slick-item { display: flex; align-items: center; justify-content: center; } .wi-slicktrack-slider.wi-cases-slider-small .slick-slider .slick-item .item-wrap { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 1rem; } .wi-slicktrack-slider.wi-cases-slider-small .slick-slider .slick-item .item-wrap .cmp-heading { gap: 0.25rem; } .wi-slicktrack-slider.wi-cases-slider-small .slick-slider .slick-item .item-wrap .charge { color: var(--tertiary); text-align: center; } .wi-slicktrack-slider.wi-cases-slider-small .slick-slider .slick-item .item-wrap .more, .wi-slicktrack-slider.wi-cases-slider-small .slick-slider .slick-item .item-wrap .more > p { font-size: var(--p-font-size); line-height: var(--p-line-height); font-weight: var(--p-font-weight); } .wi-slicktrack-slider.wi-cases-slider-small .slick-slider .slick-item .item-wrap .more { text-align: center; } .wi-slicktrack-slider.wi-cases-slider-small .slick-slider .slick-item .item-wrap .result { font-size: 0.75rem; font-weight: 400; line-height: 160%; color: var(--light); text-align: center; padding: 0.38rem 0.62rem; background: var(--primary); } @media (min-width: 992px) { .wi-slicktrack-slider.wi-cases-slider-small .slick-slider .slick-item .item-wrap .result { font-size: 0.875rem; } } .wi-slicktrack-slider.wi-cases-slider-small .slick-slider .slick-item .item-wrap .result i { margin-right: 0.38rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ :root { --primary-dark: #384955; --primary-75: #8095a1; --primary-50: #abb8c1; --primary-25: #d5dce0; --primary-10: #eef1f3; --secondary-dark: #300001; --secondary-75: #774041; --secondary-50: #a58080; --secondary-25: #d2bfc0; --secondary-10: #ede6e6; --tertiary-dark: #1f2226; --tertiary-75: #63676b; --tertiary-50: #979a9d; --tertiary-25: #cbccce; --tertiary-10: #eaebeb; --quaternary-dark: #444b50; --quaternary-75: #8e969c; --quaternary-50: #b4b9bd; --quaternary-25: #d9dcde; --quaternary-10: #f0f1f2; --quinary-dark: #17191d; --quinary-75: #5a5d61; --quinary-50: #919396; --quinary-25: #c8c9ca; --quinary-10: #e9e9ea; } .text-primary-dark { color: var(--primary-dark); } .text-primary-75 { color: var(--primary-75) !important; } .text-primary-50 { color: var(--primary-50) !important; } .text-primary-25 { color: var(--primary-25) !important; } .text-primary-10 { color: var(--primary-10) !important; } .bg-primary-dark { background-color: var(--primary-dark) !important; } .bg-primary-75 { background-color: var(--primary-75) !important; } .bg-primary-50 { background-color: var(--primary-50) !important; } .bg-primary-25 { background-color: var(--primary-25) !important; } .bg-primary-10 { background-color: var(--primary-10) !important; } .bg-light { background-color: white !important; } .border-primary-dark { --border-color: var(--primary-dark); } .border-primary-75 { --border-color: var(--primary-75) !important; } .border-primary-50 { --border-color: var(--primary-50) !important; } .border-primary-25 { --border-color: var(--primary-25) !important; } .border-primary-10 { --border-color: var(--primary-10) !important; } .text-secondary-dark { color: var(--secondary-dark); } .text-secondary-75 { color: var(--secondary-75) !important; } .text-secondary-50 { color: var(--secondary-50) !important; } .text-secondary-25 { color: var(--secondary-25) !important; } .text-secondary-10 { color: var(--secondary-10) !important; } .bg-secondary-dark { background-color: var(--secondary-dark) !important; } .bg-secondary-75 { background-color: var(--secondary-75) !important; } .bg-secondary-50 { background-color: var(--secondary-50) !important; } .bg-secondary-25 { background-color: var(--secondary-25) !important; } .bg-secondary-10 { background-color: var(--secondary-10) !important; } .bg-light { background-color: white !important; } .border-secondary-dark { --border-color: var(--secondary-dark); } .border-secondary-75 { --border-color: var(--secondary-75) !important; } .border-secondary-50 { --border-color: var(--secondary-50) !important; } .border-secondary-25 { --border-color: var(--secondary-25) !important; } .border-secondary-10 { --border-color: var(--secondary-10) !important; } .text-tertiary-dark { color: var(--tertiary-dark); } .text-tertiary-75 { color: var(--tertiary-75) !important; } .text-tertiary-50 { color: var(--tertiary-50) !important; } .text-tertiary-25 { color: var(--tertiary-25) !important; } .text-tertiary-10 { color: var(--tertiary-10) !important; } .bg-tertiary-dark { background-color: var(--tertiary-dark) !important; } .bg-tertiary-75 { background-color: var(--tertiary-75) !important; } .bg-tertiary-50 { background-color: var(--tertiary-50) !important; } .bg-tertiary-25 { background-color: var(--tertiary-25) !important; } .bg-tertiary-10 { background-color: var(--tertiary-10) !important; } .bg-light { background-color: white !important; } .border-tertiary-dark { --border-color: var(--tertiary-dark); } .border-tertiary-75 { --border-color: var(--tertiary-75) !important; } .border-tertiary-50 { --border-color: var(--tertiary-50) !important; } .border-tertiary-25 { --border-color: var(--tertiary-25) !important; } .border-tertiary-10 { --border-color: var(--tertiary-10) !important; } .text-quaternary-dark { color: var(--quaternary-dark); } .text-quaternary-75 { color: var(--quaternary-75) !important; } .text-quaternary-50 { color: var(--quaternary-50) !important; } .text-quaternary-25 { color: var(--quaternary-25) !important; } .text-quaternary-10 { color: var(--quaternary-10) !important; } .bg-quaternary-dark { background-color: var(--quaternary-dark) !important; } .bg-quaternary-75 { background-color: var(--quaternary-75) !important; } .bg-quaternary-50 { background-color: var(--quaternary-50) !important; } .bg-quaternary-25 { background-color: var(--quaternary-25) !important; } .bg-quaternary-10 { background-color: var(--quaternary-10) !important; } .bg-light { background-color: white !important; } .border-quaternary-dark { --border-color: var(--quaternary-dark); } .border-quaternary-75 { --border-color: var(--quaternary-75) !important; } .border-quaternary-50 { --border-color: var(--quaternary-50) !important; } .border-quaternary-25 { --border-color: var(--quaternary-25) !important; } .border-quaternary-10 { --border-color: var(--quaternary-10) !important; } .text-quinary-dark { color: var(--quinary-dark); } .text-quinary-75 { color: var(--quinary-75) !important; } .text-quinary-50 { color: var(--quinary-50) !important; } .text-quinary-25 { color: var(--quinary-25) !important; } .text-quinary-10 { color: var(--quinary-10) !important; } .bg-quinary-dark { background-color: var(--quinary-dark) !important; } .bg-quinary-75 { background-color: var(--quinary-75) !important; } .bg-quinary-50 { background-color: var(--quinary-50) !important; } .bg-quinary-25 { background-color: var(--quinary-25) !important; } .bg-quinary-10 { background-color: var(--quinary-10) !important; } .bg-light { background-color: white !important; } .border-quinary-dark { --border-color: var(--quinary-dark); } .border-quinary-75 { --border-color: var(--quinary-75) !important; } .border-quinary-50 { --border-color: var(--quinary-50) !important; } .border-quinary-25 { --border-color: var(--quinary-25) !important; } .border-quinary-10 { --border-color: var(--quinary-10) !important; } .bg-primary-primary { background: linear-gradient(270deg, var(--primary) 0%, var(--primary) 51.44%, var(--primary) 100%); } .bg-primary-primary-dark { background: linear-gradient(270deg, var(--primary-dark) 0%, var(--primary-dark) 51.44%, var(--primary-dark) 100%); } .bg-primary-primary-75 { background: linear-gradient(270deg, var(--primary-75) 0%, var(--primary-75) 51.44%, var(--primary-75) 100%); } .bg-primary-primary-50 { background: linear-gradient(270deg, var(--primary-50) 0%, var(--primary-50) 51.44%, var(--primary-50) 100%); } .bg-primary-primary-25 { background: linear-gradient(270deg, var(--primary-25) 0%, var(--primary-25) 51.44%, var(--primary-25) 100%); } .bg-primary-primary-10 { background: linear-gradient(270deg, var(--primary-10) 0%, var(--primary-10) 51.44%, var(--primary-10) 100%); } .bg-primary-secondary { background: linear-gradient(270deg, var(--primary) 0%, var(--secondary) 51.44%, var(--primary) 100%); } .bg-primary-secondary-dark { background: linear-gradient(270deg, var(--primary-dark) 0%, var(--secondary-dark) 51.44%, var(--primary-dark) 100%); } .bg-primary-secondary-75 { background: linear-gradient(270deg, var(--primary-75) 0%, var(--secondary-75) 51.44%, var(--primary-75) 100%); } .bg-primary-secondary-50 { background: linear-gradient(270deg, var(--primary-50) 0%, var(--secondary-50) 51.44%, var(--primary-50) 100%); } .bg-primary-secondary-25 { background: linear-gradient(270deg, var(--primary-25) 0%, var(--secondary-25) 51.44%, var(--primary-25) 100%); } .bg-primary-secondary-10 { background: linear-gradient(270deg, var(--primary-10) 0%, var(--secondary-10) 51.44%, var(--primary-10) 100%); } .bg-primary-tertiary { background: linear-gradient(270deg, var(--primary) 0%, var(--tertiary) 51.44%, var(--primary) 100%); } .bg-primary-tertiary-dark { background: linear-gradient(270deg, var(--primary-dark) 0%, var(--tertiary-dark) 51.44%, var(--primary-dark) 100%); } .bg-primary-tertiary-75 { background: linear-gradient(270deg, var(--primary-75) 0%, var(--tertiary-75) 51.44%, var(--primary-75) 100%); } .bg-primary-tertiary-50 { background: linear-gradient(270deg, var(--primary-50) 0%, var(--tertiary-50) 51.44%, var(--primary-50) 100%); } .bg-primary-tertiary-25 { background: linear-gradient(270deg, var(--primary-25) 0%, var(--tertiary-25) 51.44%, var(--primary-25) 100%); } .bg-primary-tertiary-10 { background: linear-gradient(270deg, var(--primary-10) 0%, var(--tertiary-10) 51.44%, var(--primary-10) 100%); } .bg-primary-quaternary { background: linear-gradient(270deg, var(--primary) 0%, var(--quaternary) 51.44%, var(--primary) 100%); } .bg-primary-quaternary-dark { background: linear-gradient(270deg, var(--primary-dark) 0%, var(--quaternary-dark) 51.44%, var(--primary-dark) 100%); } .bg-primary-quaternary-75 { background: linear-gradient(270deg, var(--primary-75) 0%, var(--quaternary-75) 51.44%, var(--primary-75) 100%); } .bg-primary-quaternary-50 { background: linear-gradient(270deg, var(--primary-50) 0%, var(--quaternary-50) 51.44%, var(--primary-50) 100%); } .bg-primary-quaternary-25 { background: linear-gradient(270deg, var(--primary-25) 0%, var(--quaternary-25) 51.44%, var(--primary-25) 100%); } .bg-primary-quaternary-10 { background: linear-gradient(270deg, var(--primary-10) 0%, var(--quaternary-10) 51.44%, var(--primary-10) 100%); } .bg-primary-quinary { background: linear-gradient(270deg, var(--primary) 0%, var(--quinary) 51.44%, var(--primary) 100%); } .bg-primary-quinary-dark { background: linear-gradient(270deg, var(--primary-dark) 0%, var(--quinary-dark) 51.44%, var(--primary-dark) 100%); } .bg-primary-quinary-75 { background: linear-gradient(270deg, var(--primary-75) 0%, var(--quinary-75) 51.44%, var(--primary-75) 100%); } .bg-primary-quinary-50 { background: linear-gradient(270deg, var(--primary-50) 0%, var(--quinary-50) 51.44%, var(--primary-50) 100%); } .bg-primary-quinary-25 { background: linear-gradient(270deg, var(--primary-25) 0%, var(--quinary-25) 51.44%, var(--primary-25) 100%); } .bg-primary-quinary-10 { background: linear-gradient(270deg, var(--primary-10) 0%, var(--quinary-10) 51.44%, var(--primary-10) 100%); } .bg-secondary-primary { background: linear-gradient(270deg, var(--secondary) 0%, var(--primary) 51.44%, var(--secondary) 100%); } .bg-secondary-primary-dark { background: linear-gradient(270deg, var(--secondary-dark) 0%, var(--primary-dark) 51.44%, var(--secondary-dark) 100%); } .bg-secondary-primary-75 { background: linear-gradient(270deg, var(--secondary-75) 0%, var(--primary-75) 51.44%, var(--secondary-75) 100%); } .bg-secondary-primary-50 { background: linear-gradient(270deg, var(--secondary-50) 0%, var(--primary-50) 51.44%, var(--secondary-50) 100%); } .bg-secondary-primary-25 { background: linear-gradient(270deg, var(--secondary-25) 0%, var(--primary-25) 51.44%, var(--secondary-25) 100%); } .bg-secondary-primary-10 { background: linear-gradient(270deg, var(--secondary-10) 0%, var(--primary-10) 51.44%, var(--secondary-10) 100%); } .bg-secondary-secondary { background: linear-gradient(270deg, var(--secondary) 0%, var(--secondary) 51.44%, var(--secondary) 100%); } .bg-secondary-secondary-dark { background: linear-gradient(270deg, var(--secondary-dark) 0%, var(--secondary-dark) 51.44%, var(--secondary-dark) 100%); } .bg-secondary-secondary-75 { background: linear-gradient(270deg, var(--secondary-75) 0%, var(--secondary-75) 51.44%, var(--secondary-75) 100%); } .bg-secondary-secondary-50 { background: linear-gradient(270deg, var(--secondary-50) 0%, var(--secondary-50) 51.44%, var(--secondary-50) 100%); } .bg-secondary-secondary-25 { background: linear-gradient(270deg, var(--secondary-25) 0%, var(--secondary-25) 51.44%, var(--secondary-25) 100%); } .bg-secondary-secondary-10 { background: linear-gradient(270deg, var(--secondary-10) 0%, var(--secondary-10) 51.44%, var(--secondary-10) 100%); } .bg-secondary-tertiary { background: linear-gradient(270deg, var(--secondary) 0%, var(--tertiary) 51.44%, var(--secondary) 100%); } .bg-secondary-tertiary-dark { background: linear-gradient(270deg, var(--secondary-dark) 0%, var(--tertiary-dark) 51.44%, var(--secondary-dark) 100%); } .bg-secondary-tertiary-75 { background: linear-gradient(270deg, var(--secondary-75) 0%, var(--tertiary-75) 51.44%, var(--secondary-75) 100%); } .bg-secondary-tertiary-50 { background: linear-gradient(270deg, var(--secondary-50) 0%, var(--tertiary-50) 51.44%, var(--secondary-50) 100%); } .bg-secondary-tertiary-25 { background: linear-gradient(270deg, var(--secondary-25) 0%, var(--tertiary-25) 51.44%, var(--secondary-25) 100%); } .bg-secondary-tertiary-10 { background: linear-gradient(270deg, var(--secondary-10) 0%, var(--tertiary-10) 51.44%, var(--secondary-10) 100%); } .bg-secondary-quaternary { background: linear-gradient(270deg, var(--secondary) 0%, var(--quaternary) 51.44%, var(--secondary) 100%); } .bg-secondary-quaternary-dark { background: linear-gradient(270deg, var(--secondary-dark) 0%, var(--quaternary-dark) 51.44%, var(--secondary-dark) 100%); } .bg-secondary-quaternary-75 { background: linear-gradient(270deg, var(--secondary-75) 0%, var(--quaternary-75) 51.44%, var(--secondary-75) 100%); } .bg-secondary-quaternary-50 { background: linear-gradient(270deg, var(--secondary-50) 0%, var(--quaternary-50) 51.44%, var(--secondary-50) 100%); } .bg-secondary-quaternary-25 { background: linear-gradient(270deg, var(--secondary-25) 0%, var(--quaternary-25) 51.44%, var(--secondary-25) 100%); } .bg-secondary-quaternary-10 { background: linear-gradient(270deg, var(--secondary-10) 0%, var(--quaternary-10) 51.44%, var(--secondary-10) 100%); } .bg-secondary-quinary { background: linear-gradient(270deg, var(--secondary) 0%, var(--quinary) 51.44%, var(--secondary) 100%); } .bg-secondary-quinary-dark { background: linear-gradient(270deg, var(--secondary-dark) 0%, var(--quinary-dark) 51.44%, var(--secondary-dark) 100%); } .bg-secondary-quinary-75 { background: linear-gradient(270deg, var(--secondary-75) 0%, var(--quinary-75) 51.44%, var(--secondary-75) 100%); } .bg-secondary-quinary-50 { background: linear-gradient(270deg, var(--secondary-50) 0%, var(--quinary-50) 51.44%, var(--secondary-50) 100%); } .bg-secondary-quinary-25 { background: linear-gradient(270deg, var(--secondary-25) 0%, var(--quinary-25) 51.44%, var(--secondary-25) 100%); } .bg-secondary-quinary-10 { background: linear-gradient(270deg, var(--secondary-10) 0%, var(--quinary-10) 51.44%, var(--secondary-10) 100%); } .bg-tertiary-primary { background: linear-gradient(270deg, var(--tertiary) 0%, var(--primary) 51.44%, var(--tertiary) 100%); } .bg-tertiary-primary-dark { background: linear-gradient(270deg, var(--tertiary-dark) 0%, var(--primary-dark) 51.44%, var(--tertiary-dark) 100%); } .bg-tertiary-primary-75 { background: linear-gradient(270deg, var(--tertiary-75) 0%, var(--primary-75) 51.44%, var(--tertiary-75) 100%); } .bg-tertiary-primary-50 { background: linear-gradient(270deg, var(--tertiary-50) 0%, var(--primary-50) 51.44%, var(--tertiary-50) 100%); } .bg-tertiary-primary-25 { background: linear-gradient(270deg, var(--tertiary-25) 0%, var(--primary-25) 51.44%, var(--tertiary-25) 100%); } .bg-tertiary-primary-10 { background: linear-gradient(270deg, var(--tertiary-10) 0%, var(--primary-10) 51.44%, var(--tertiary-10) 100%); } .bg-tertiary-secondary { background: linear-gradient(270deg, var(--tertiary) 0%, var(--secondary) 51.44%, var(--tertiary) 100%); } .bg-tertiary-secondary-dark { background: linear-gradient(270deg, var(--tertiary-dark) 0%, var(--secondary-dark) 51.44%, var(--tertiary-dark) 100%); } .bg-tertiary-secondary-75 { background: linear-gradient(270deg, var(--tertiary-75) 0%, var(--secondary-75) 51.44%, var(--tertiary-75) 100%); } .bg-tertiary-secondary-50 { background: linear-gradient(270deg, var(--tertiary-50) 0%, var(--secondary-50) 51.44%, var(--tertiary-50) 100%); } .bg-tertiary-secondary-25 { background: linear-gradient(270deg, var(--tertiary-25) 0%, var(--secondary-25) 51.44%, var(--tertiary-25) 100%); } .bg-tertiary-secondary-10 { background: linear-gradient(270deg, var(--tertiary-10) 0%, var(--secondary-10) 51.44%, var(--tertiary-10) 100%); } .bg-tertiary-tertiary { background: linear-gradient(270deg, var(--tertiary) 0%, var(--tertiary) 51.44%, var(--tertiary) 100%); } .bg-tertiary-tertiary-dark { background: linear-gradient(270deg, var(--tertiary-dark) 0%, var(--tertiary-dark) 51.44%, var(--tertiary-dark) 100%); } .bg-tertiary-tertiary-75 { background: linear-gradient(270deg, var(--tertiary-75) 0%, var(--tertiary-75) 51.44%, var(--tertiary-75) 100%); } .bg-tertiary-tertiary-50 { background: linear-gradient(270deg, var(--tertiary-50) 0%, var(--tertiary-50) 51.44%, var(--tertiary-50) 100%); } .bg-tertiary-tertiary-25 { background: linear-gradient(270deg, var(--tertiary-25) 0%, var(--tertiary-25) 51.44%, var(--tertiary-25) 100%); } .bg-tertiary-tertiary-10 { background: linear-gradient(270deg, var(--tertiary-10) 0%, var(--tertiary-10) 51.44%, var(--tertiary-10) 100%); } .bg-tertiary-quaternary { background: linear-gradient(270deg, var(--tertiary) 0%, var(--quaternary) 51.44%, var(--tertiary) 100%); } .bg-tertiary-quaternary-dark { background: linear-gradient(270deg, var(--tertiary-dark) 0%, var(--quaternary-dark) 51.44%, var(--tertiary-dark) 100%); } .bg-tertiary-quaternary-75 { background: linear-gradient(270deg, var(--tertiary-75) 0%, var(--quaternary-75) 51.44%, var(--tertiary-75) 100%); } .bg-tertiary-quaternary-50 { background: linear-gradient(270deg, var(--tertiary-50) 0%, var(--quaternary-50) 51.44%, var(--tertiary-50) 100%); } .bg-tertiary-quaternary-25 { background: linear-gradient(270deg, var(--tertiary-25) 0%, var(--quaternary-25) 51.44%, var(--tertiary-25) 100%); } .bg-tertiary-quaternary-10 { background: linear-gradient(270deg, var(--tertiary-10) 0%, var(--quaternary-10) 51.44%, var(--tertiary-10) 100%); } .bg-tertiary-quinary { background: linear-gradient(270deg, var(--tertiary) 0%, var(--quinary) 51.44%, var(--tertiary) 100%); } .bg-tertiary-quinary-dark { background: linear-gradient(270deg, var(--tertiary-dark) 0%, var(--quinary-dark) 51.44%, var(--tertiary-dark) 100%); } .bg-tertiary-quinary-75 { background: linear-gradient(270deg, var(--tertiary-75) 0%, var(--quinary-75) 51.44%, var(--tertiary-75) 100%); } .bg-tertiary-quinary-50 { background: linear-gradient(270deg, var(--tertiary-50) 0%, var(--quinary-50) 51.44%, var(--tertiary-50) 100%); } .bg-tertiary-quinary-25 { background: linear-gradient(270deg, var(--tertiary-25) 0%, var(--quinary-25) 51.44%, var(--tertiary-25) 100%); } .bg-tertiary-quinary-10 { background: linear-gradient(270deg, var(--tertiary-10) 0%, var(--quinary-10) 51.44%, var(--tertiary-10) 100%); } .bg-quaternary-primary { background: linear-gradient(270deg, var(--quaternary) 0%, var(--primary) 51.44%, var(--quaternary) 100%); } .bg-quaternary-primary-dark { background: linear-gradient(270deg, var(--quaternary-dark) 0%, var(--primary-dark) 51.44%, var(--quaternary-dark) 100%); } .bg-quaternary-primary-75 { background: linear-gradient(270deg, var(--quaternary-75) 0%, var(--primary-75) 51.44%, var(--quaternary-75) 100%); } .bg-quaternary-primary-50 { background: linear-gradient(270deg, var(--quaternary-50) 0%, var(--primary-50) 51.44%, var(--quaternary-50) 100%); } .bg-quaternary-primary-25 { background: linear-gradient(270deg, var(--quaternary-25) 0%, var(--primary-25) 51.44%, var(--quaternary-25) 100%); } .bg-quaternary-primary-10 { background: linear-gradient(270deg, var(--quaternary-10) 0%, var(--primary-10) 51.44%, var(--quaternary-10) 100%); } .bg-quaternary-secondary { background: linear-gradient(270deg, var(--quaternary) 0%, var(--secondary) 51.44%, var(--quaternary) 100%); } .bg-quaternary-secondary-dark { background: linear-gradient(270deg, var(--quaternary-dark) 0%, var(--secondary-dark) 51.44%, var(--quaternary-dark) 100%); } .bg-quaternary-secondary-75 { background: linear-gradient(270deg, var(--quaternary-75) 0%, var(--secondary-75) 51.44%, var(--quaternary-75) 100%); } .bg-quaternary-secondary-50 { background: linear-gradient(270deg, var(--quaternary-50) 0%, var(--secondary-50) 51.44%, var(--quaternary-50) 100%); } .bg-quaternary-secondary-25 { background: linear-gradient(270deg, var(--quaternary-25) 0%, var(--secondary-25) 51.44%, var(--quaternary-25) 100%); } .bg-quaternary-secondary-10 { background: linear-gradient(270deg, var(--quaternary-10) 0%, var(--secondary-10) 51.44%, var(--quaternary-10) 100%); } .bg-quaternary-tertiary { background: linear-gradient(270deg, var(--quaternary) 0%, var(--tertiary) 51.44%, var(--quaternary) 100%); } .bg-quaternary-tertiary-dark { background: linear-gradient(270deg, var(--quaternary-dark) 0%, var(--tertiary-dark) 51.44%, var(--quaternary-dark) 100%); } .bg-quaternary-tertiary-75 { background: linear-gradient(270deg, var(--quaternary-75) 0%, var(--tertiary-75) 51.44%, var(--quaternary-75) 100%); } .bg-quaternary-tertiary-50 { background: linear-gradient(270deg, var(--quaternary-50) 0%, var(--tertiary-50) 51.44%, var(--quaternary-50) 100%); } .bg-quaternary-tertiary-25 { background: linear-gradient(270deg, var(--quaternary-25) 0%, var(--tertiary-25) 51.44%, var(--quaternary-25) 100%); } .bg-quaternary-tertiary-10 { background: linear-gradient(270deg, var(--quaternary-10) 0%, var(--tertiary-10) 51.44%, var(--quaternary-10) 100%); } .bg-quaternary-quaternary { background: linear-gradient(270deg, var(--quaternary) 0%, var(--quaternary) 51.44%, var(--quaternary) 100%); } .bg-quaternary-quaternary-dark { background: linear-gradient(270deg, var(--quaternary-dark) 0%, var(--quaternary-dark) 51.44%, var(--quaternary-dark) 100%); } .bg-quaternary-quaternary-75 { background: linear-gradient(270deg, var(--quaternary-75) 0%, var(--quaternary-75) 51.44%, var(--quaternary-75) 100%); } .bg-quaternary-quaternary-50 { background: linear-gradient(270deg, var(--quaternary-50) 0%, var(--quaternary-50) 51.44%, var(--quaternary-50) 100%); } .bg-quaternary-quaternary-25 { background: linear-gradient(270deg, var(--quaternary-25) 0%, var(--quaternary-25) 51.44%, var(--quaternary-25) 100%); } .bg-quaternary-quaternary-10 { background: linear-gradient(270deg, var(--quaternary-10) 0%, var(--quaternary-10) 51.44%, var(--quaternary-10) 100%); } .bg-quaternary-quinary { background: linear-gradient(270deg, var(--quaternary) 0%, var(--quinary) 51.44%, var(--quaternary) 100%); } .bg-quaternary-quinary-dark { background: linear-gradient(270deg, var(--quaternary-dark) 0%, var(--quinary-dark) 51.44%, var(--quaternary-dark) 100%); } .bg-quaternary-quinary-75 { background: linear-gradient(270deg, var(--quaternary-75) 0%, var(--quinary-75) 51.44%, var(--quaternary-75) 100%); } .bg-quaternary-quinary-50 { background: linear-gradient(270deg, var(--quaternary-50) 0%, var(--quinary-50) 51.44%, var(--quaternary-50) 100%); } .bg-quaternary-quinary-25 { background: linear-gradient(270deg, var(--quaternary-25) 0%, var(--quinary-25) 51.44%, var(--quaternary-25) 100%); } .bg-quaternary-quinary-10 { background: linear-gradient(270deg, var(--quaternary-10) 0%, var(--quinary-10) 51.44%, var(--quaternary-10) 100%); } .bg-quinary-primary { background: linear-gradient(270deg, var(--quinary) 0%, var(--primary) 51.44%, var(--quinary) 100%); } .bg-quinary-primary-dark { background: linear-gradient(270deg, var(--quinary-dark) 0%, var(--primary-dark) 51.44%, var(--quinary-dark) 100%); } .bg-quinary-primary-75 { background: linear-gradient(270deg, var(--quinary-75) 0%, var(--primary-75) 51.44%, var(--quinary-75) 100%); } .bg-quinary-primary-50 { background: linear-gradient(270deg, var(--quinary-50) 0%, var(--primary-50) 51.44%, var(--quinary-50) 100%); } .bg-quinary-primary-25 { background: linear-gradient(270deg, var(--quinary-25) 0%, var(--primary-25) 51.44%, var(--quinary-25) 100%); } .bg-quinary-primary-10 { background: linear-gradient(270deg, var(--quinary-10) 0%, var(--primary-10) 51.44%, var(--quinary-10) 100%); } .bg-quinary-secondary { background: linear-gradient(270deg, var(--quinary) 0%, var(--secondary) 51.44%, var(--quinary) 100%); } .bg-quinary-secondary-dark { background: linear-gradient(270deg, var(--quinary-dark) 0%, var(--secondary-dark) 51.44%, var(--quinary-dark) 100%); } .bg-quinary-secondary-75 { background: linear-gradient(270deg, var(--quinary-75) 0%, var(--secondary-75) 51.44%, var(--quinary-75) 100%); } .bg-quinary-secondary-50 { background: linear-gradient(270deg, var(--quinary-50) 0%, var(--secondary-50) 51.44%, var(--quinary-50) 100%); } .bg-quinary-secondary-25 { background: linear-gradient(270deg, var(--quinary-25) 0%, var(--secondary-25) 51.44%, var(--quinary-25) 100%); } .bg-quinary-secondary-10 { background: linear-gradient(270deg, var(--quinary-10) 0%, var(--secondary-10) 51.44%, var(--quinary-10) 100%); } .bg-quinary-tertiary { background: linear-gradient(270deg, var(--quinary) 0%, var(--tertiary) 51.44%, var(--quinary) 100%); } .bg-quinary-tertiary-dark { background: linear-gradient(270deg, var(--quinary-dark) 0%, var(--tertiary-dark) 51.44%, var(--quinary-dark) 100%); } .bg-quinary-tertiary-75 { background: linear-gradient(270deg, var(--quinary-75) 0%, var(--tertiary-75) 51.44%, var(--quinary-75) 100%); } .bg-quinary-tertiary-50 { background: linear-gradient(270deg, var(--quinary-50) 0%, var(--tertiary-50) 51.44%, var(--quinary-50) 100%); } .bg-quinary-tertiary-25 { background: linear-gradient(270deg, var(--quinary-25) 0%, var(--tertiary-25) 51.44%, var(--quinary-25) 100%); } .bg-quinary-tertiary-10 { background: linear-gradient(270deg, var(--quinary-10) 0%, var(--tertiary-10) 51.44%, var(--quinary-10) 100%); } .bg-quinary-quaternary { background: linear-gradient(270deg, var(--quinary) 0%, var(--quaternary) 51.44%, var(--quinary) 100%); } .bg-quinary-quaternary-dark { background: linear-gradient(270deg, var(--quinary-dark) 0%, var(--quaternary-dark) 51.44%, var(--quinary-dark) 100%); } .bg-quinary-quaternary-75 { background: linear-gradient(270deg, var(--quinary-75) 0%, var(--quaternary-75) 51.44%, var(--quinary-75) 100%); } .bg-quinary-quaternary-50 { background: linear-gradient(270deg, var(--quinary-50) 0%, var(--quaternary-50) 51.44%, var(--quinary-50) 100%); } .bg-quinary-quaternary-25 { background: linear-gradient(270deg, var(--quinary-25) 0%, var(--quaternary-25) 51.44%, var(--quinary-25) 100%); } .bg-quinary-quaternary-10 { background: linear-gradient(270deg, var(--quinary-10) 0%, var(--quaternary-10) 51.44%, var(--quinary-10) 100%); } .bg-quinary-quinary { background: linear-gradient(270deg, var(--quinary) 0%, var(--quinary) 51.44%, var(--quinary) 100%); } .bg-quinary-quinary-dark { background: linear-gradient(270deg, var(--quinary-dark) 0%, var(--quinary-dark) 51.44%, var(--quinary-dark) 100%); } .bg-quinary-quinary-75 { background: linear-gradient(270deg, var(--quinary-75) 0%, var(--quinary-75) 51.44%, var(--quinary-75) 100%); } .bg-quinary-quinary-50 { background: linear-gradient(270deg, var(--quinary-50) 0%, var(--quinary-50) 51.44%, var(--quinary-50) 100%); } .bg-quinary-quinary-25 { background: linear-gradient(270deg, var(--quinary-25) 0%, var(--quinary-25) 51.44%, var(--quinary-25) 100%); } .bg-quinary-quinary-10 { background: linear-gradient(270deg, var(--quinary-10) 0%, var(--quinary-10) 51.44%, var(--quinary-10) 100%); } @media (min-width: 576px) { .text-sm-primary-dark { color: var(--primary-dark); } .text-sm-primary-75 { color: var(--primary-75) !important; } .text-sm-primary-50 { color: var(--primary-50) !important; } .text-sm-primary-25 { color: var(--primary-25) !important; } .text-sm-primary-10 { color: var(--primary-10) !important; } .bg-sm-primary-dark { background-color: var(--primary-dark) !important; } .bg-sm-primary-75 { background-color: var(--primary-75) !important; } .bg-sm-primary-50 { background-color: var(--primary-50) !important; } .bg-sm-primary-25 { background-color: var(--primary-25) !important; } .bg-sm-primary-10 { background-color: var(--primary-10) !important; } .bg-sm-light { background-color: white !important; } .border-sm-primary-dark { --border-color: var(--primary-dark); } .border-sm-primary-75 { --border-color: var(--primary-75) !important; } .border-sm-primary-50 { --border-color: var(--primary-50) !important; } .border-sm-primary-25 { --border-color: var(--primary-25) !important; } .border-sm-primary-10 { --border-color: var(--primary-10) !important; } .text-sm-secondary-dark { color: var(--secondary-dark); } .text-sm-secondary-75 { color: var(--secondary-75) !important; } .text-sm-secondary-50 { color: var(--secondary-50) !important; } .text-sm-secondary-25 { color: var(--secondary-25) !important; } .text-sm-secondary-10 { color: var(--secondary-10) !important; } .bg-sm-secondary-dark { background-color: var(--secondary-dark) !important; } .bg-sm-secondary-75 { background-color: var(--secondary-75) !important; } .bg-sm-secondary-50 { background-color: var(--secondary-50) !important; } .bg-sm-secondary-25 { background-color: var(--secondary-25) !important; } .bg-sm-secondary-10 { background-color: var(--secondary-10) !important; } .bg-sm-light { background-color: white !important; } .border-sm-secondary-dark { --border-color: var(--secondary-dark); } .border-sm-secondary-75 { --border-color: var(--secondary-75) !important; } .border-sm-secondary-50 { --border-color: var(--secondary-50) !important; } .border-sm-secondary-25 { --border-color: var(--secondary-25) !important; } .border-sm-secondary-10 { --border-color: var(--secondary-10) !important; } .text-sm-tertiary-dark { color: var(--tertiary-dark); } .text-sm-tertiary-75 { color: var(--tertiary-75) !important; } .text-sm-tertiary-50 { color: var(--tertiary-50) !important; } .text-sm-tertiary-25 { color: var(--tertiary-25) !important; } .text-sm-tertiary-10 { color: var(--tertiary-10) !important; } .bg-sm-tertiary-dark { background-color: var(--tertiary-dark) !important; } .bg-sm-tertiary-75 { background-color: var(--tertiary-75) !important; } .bg-sm-tertiary-50 { background-color: var(--tertiary-50) !important; } .bg-sm-tertiary-25 { background-color: var(--tertiary-25) !important; } .bg-sm-tertiary-10 { background-color: var(--tertiary-10) !important; } .bg-sm-light { background-color: white !important; } .border-sm-tertiary-dark { --border-color: var(--tertiary-dark); } .border-sm-tertiary-75 { --border-color: var(--tertiary-75) !important; } .border-sm-tertiary-50 { --border-color: var(--tertiary-50) !important; } .border-sm-tertiary-25 { --border-color: var(--tertiary-25) !important; } .border-sm-tertiary-10 { --border-color: var(--tertiary-10) !important; } .text-sm-quaternary-dark { color: var(--quaternary-dark); } .text-sm-quaternary-75 { color: var(--quaternary-75) !important; } .text-sm-quaternary-50 { color: var(--quaternary-50) !important; } .text-sm-quaternary-25 { color: var(--quaternary-25) !important; } .text-sm-quaternary-10 { color: var(--quaternary-10) !important; } .bg-sm-quaternary-dark { background-color: var(--quaternary-dark) !important; } .bg-sm-quaternary-75 { background-color: var(--quaternary-75) !important; } .bg-sm-quaternary-50 { background-color: var(--quaternary-50) !important; } .bg-sm-quaternary-25 { background-color: var(--quaternary-25) !important; } .bg-sm-quaternary-10 { background-color: var(--quaternary-10) !important; } .bg-sm-light { background-color: white !important; } .border-sm-quaternary-dark { --border-color: var(--quaternary-dark); } .border-sm-quaternary-75 { --border-color: var(--quaternary-75) !important; } .border-sm-quaternary-50 { --border-color: var(--quaternary-50) !important; } .border-sm-quaternary-25 { --border-color: var(--quaternary-25) !important; } .border-sm-quaternary-10 { --border-color: var(--quaternary-10) !important; } .text-sm-quinary-dark { color: var(--quinary-dark); } .text-sm-quinary-75 { color: var(--quinary-75) !important; } .text-sm-quinary-50 { color: var(--quinary-50) !important; } .text-sm-quinary-25 { color: var(--quinary-25) !important; } .text-sm-quinary-10 { color: var(--quinary-10) !important; } .bg-sm-quinary-dark { background-color: var(--quinary-dark) !important; } .bg-sm-quinary-75 { background-color: var(--quinary-75) !important; } .bg-sm-quinary-50 { background-color: var(--quinary-50) !important; } .bg-sm-quinary-25 { background-color: var(--quinary-25) !important; } .bg-sm-quinary-10 { background-color: var(--quinary-10) !important; } .bg-sm-light { background-color: white !important; } .border-sm-quinary-dark { --border-color: var(--quinary-dark); } .border-sm-quinary-75 { --border-color: var(--quinary-75) !important; } .border-sm-quinary-50 { --border-color: var(--quinary-50) !important; } .border-sm-quinary-25 { --border-color: var(--quinary-25) !important; } .border-sm-quinary-10 { --border-color: var(--quinary-10) !important; } .bg-sm-primary-primary { background: linear-gradient(270deg, var(--primary) 0%, var(--primary) 51.44%, var(--primary) 100%); } .bg-sm-primary-primary-dark { background: linear-gradient(270deg, var(--primary-dark) 0%, var(--primary-dark) 51.44%, var(--primary-dark) 100%); } .bg-sm-primary-primary-75 { background: linear-gradient(270deg, var(--primary-75) 0%, var(--primary-75) 51.44%, var(--primary-75) 100%); } .bg-sm-primary-primary-50 { background: linear-gradient(270deg, var(--primary-50) 0%, var(--primary-50) 51.44%, var(--primary-50) 100%); } .bg-sm-primary-primary-25 { background: linear-gradient(270deg, var(--primary-25) 0%, var(--primary-25) 51.44%, var(--primary-25) 100%); } .bg-sm-primary-primary-10 { background: linear-gradient(270deg, var(--primary-10) 0%, var(--primary-10) 51.44%, var(--primary-10) 100%); } .bg-sm-primary-secondary { background: linear-gradient(270deg, var(--primary) 0%, var(--secondary) 51.44%, var(--primary) 100%); } .bg-sm-primary-secondary-dark { background: linear-gradient(270deg, var(--primary-dark) 0%, var(--secondary-dark) 51.44%, var(--primary-dark) 100%); } .bg-sm-primary-secondary-75 { background: linear-gradient(270deg, var(--primary-75) 0%, var(--secondary-75) 51.44%, var(--primary-75) 100%); } .bg-sm-primary-secondary-50 { background: linear-gradient(270deg, var(--primary-50) 0%, var(--secondary-50) 51.44%, var(--primary-50) 100%); } .bg-sm-primary-secondary-25 { background: linear-gradient(270deg, var(--primary-25) 0%, var(--secondary-25) 51.44%, var(--primary-25) 100%); } .bg-sm-primary-secondary-10 { background: linear-gradient(270deg, var(--primary-10) 0%, var(--secondary-10) 51.44%, var(--primary-10) 100%); } .bg-sm-primary-tertiary { background: linear-gradient(270deg, var(--primary) 0%, var(--tertiary) 51.44%, var(--primary) 100%); } .bg-sm-primary-tertiary-dark { background: linear-gradient(270deg, var(--primary-dark) 0%, var(--tertiary-dark) 51.44%, var(--primary-dark) 100%); } .bg-sm-primary-tertiary-75 { background: linear-gradient(270deg, var(--primary-75) 0%, var(--tertiary-75) 51.44%, var(--primary-75) 100%); } .bg-sm-primary-tertiary-50 { background: linear-gradient(270deg, var(--primary-50) 0%, var(--tertiary-50) 51.44%, var(--primary-50) 100%); } .bg-sm-primary-tertiary-25 { background: linear-gradient(270deg, var(--primary-25) 0%, var(--tertiary-25) 51.44%, var(--primary-25) 100%); } .bg-sm-primary-tertiary-10 { background: linear-gradient(270deg, var(--primary-10) 0%, var(--tertiary-10) 51.44%, var(--primary-10) 100%); } .bg-sm-primary-quaternary { background: linear-gradient(270deg, var(--primary) 0%, var(--quaternary) 51.44%, var(--primary) 100%); } .bg-sm-primary-quaternary-dark { background: linear-gradient(270deg, var(--primary-dark) 0%, var(--quaternary-dark) 51.44%, var(--primary-dark) 100%); } .bg-sm-primary-quaternary-75 { background: linear-gradient(270deg, var(--primary-75) 0%, var(--quaternary-75) 51.44%, var(--primary-75) 100%); } .bg-sm-primary-quaternary-50 { background: linear-gradient(270deg, var(--primary-50) 0%, var(--quaternary-50) 51.44%, var(--primary-50) 100%); } .bg-sm-primary-quaternary-25 { background: linear-gradient(270deg, var(--primary-25) 0%, var(--quaternary-25) 51.44%, var(--primary-25) 100%); } .bg-sm-primary-quaternary-10 { background: linear-gradient(270deg, var(--primary-10) 0%, var(--quaternary-10) 51.44%, var(--primary-10) 100%); } .bg-sm-primary-quinary { background: linear-gradient(270deg, var(--primary) 0%, var(--quinary) 51.44%, var(--primary) 100%); } .bg-sm-primary-quinary-dark { background: linear-gradient(270deg, var(--primary-dark) 0%, var(--quinary-dark) 51.44%, var(--primary-dark) 100%); } .bg-sm-primary-quinary-75 { background: linear-gradient(270deg, var(--primary-75) 0%, var(--quinary-75) 51.44%, var(--primary-75) 100%); } .bg-sm-primary-quinary-50 { background: linear-gradient(270deg, var(--primary-50) 0%, var(--quinary-50) 51.44%, var(--primary-50) 100%); } .bg-sm-primary-quinary-25 { background: linear-gradient(270deg, var(--primary-25) 0%, var(--quinary-25) 51.44%, var(--primary-25) 100%); } .bg-sm-primary-quinary-10 { background: linear-gradient(270deg, var(--primary-10) 0%, var(--quinary-10) 51.44%, var(--primary-10) 100%); } .bg-sm-secondary-primary { background: linear-gradient(270deg, var(--secondary) 0%, var(--primary) 51.44%, var(--secondary) 100%); } .bg-sm-secondary-primary-dark { background: linear-gradient(270deg, var(--secondary-dark) 0%, var(--primary-dark) 51.44%, var(--secondary-dark) 100%); } .bg-sm-secondary-primary-75 { background: linear-gradient(270deg, var(--secondary-75) 0%, var(--primary-75) 51.44%, var(--secondary-75) 100%); } .bg-sm-secondary-primary-50 { background: linear-gradient(270deg, var(--secondary-50) 0%, var(--primary-50) 51.44%, var(--secondary-50) 100%); } .bg-sm-secondary-primary-25 { background: linear-gradient(270deg, var(--secondary-25) 0%, var(--primary-25) 51.44%, var(--secondary-25) 100%); } .bg-sm-secondary-primary-10 { background: linear-gradient(270deg, var(--secondary-10) 0%, var(--primary-10) 51.44%, var(--secondary-10) 100%); } .bg-sm-secondary-secondary { background: linear-gradient(270deg, var(--secondary) 0%, var(--secondary) 51.44%, var(--secondary) 100%); } .bg-sm-secondary-secondary-dark { background: linear-gradient(270deg, var(--secondary-dark) 0%, var(--secondary-dark) 51.44%, var(--secondary-dark) 100%); } .bg-sm-secondary-secondary-75 { background: linear-gradient(270deg, var(--secondary-75) 0%, var(--secondary-75) 51.44%, var(--secondary-75) 100%); } .bg-sm-secondary-secondary-50 { background: linear-gradient(270deg, var(--secondary-50) 0%, var(--secondary-50) 51.44%, var(--secondary-50) 100%); } .bg-sm-secondary-secondary-25 { background: linear-gradient(270deg, var(--secondary-25) 0%, var(--secondary-25) 51.44%, var(--secondary-25) 100%); } .bg-sm-secondary-secondary-10 { background: linear-gradient(270deg, var(--secondary-10) 0%, var(--secondary-10) 51.44%, var(--secondary-10) 100%); } .bg-sm-secondary-tertiary { background: linear-gradient(270deg, var(--secondary) 0%, var(--tertiary) 51.44%, var(--secondary) 100%); } .bg-sm-secondary-tertiary-dark { background: linear-gradient(270deg, var(--secondary-dark) 0%, var(--tertiary-dark) 51.44%, var(--secondary-dark) 100%); } .bg-sm-secondary-tertiary-75 { background: linear-gradient(270deg, var(--secondary-75) 0%, var(--tertiary-75) 51.44%, var(--secondary-75) 100%); } .bg-sm-secondary-tertiary-50 { background: linear-gradient(270deg, var(--secondary-50) 0%, var(--tertiary-50) 51.44%, var(--secondary-50) 100%); } .bg-sm-secondary-tertiary-25 { background: linear-gradient(270deg, var(--secondary-25) 0%, var(--tertiary-25) 51.44%, var(--secondary-25) 100%); } .bg-sm-secondary-tertiary-10 { background: linear-gradient(270deg, var(--secondary-10) 0%, var(--tertiary-10) 51.44%, var(--secondary-10) 100%); } .bg-sm-secondary-quaternary { background: linear-gradient(270deg, var(--secondary) 0%, var(--quaternary) 51.44%, var(--secondary) 100%); } .bg-sm-secondary-quaternary-dark { background: linear-gradient(270deg, var(--secondary-dark) 0%, var(--quaternary-dark) 51.44%, var(--secondary-dark) 100%); } .bg-sm-secondary-quaternary-75 { background: linear-gradient(270deg, var(--secondary-75) 0%, var(--quaternary-75) 51.44%, var(--secondary-75) 100%); } .bg-sm-secondary-quaternary-50 { background: linear-gradient(270deg, var(--secondary-50) 0%, var(--quaternary-50) 51.44%, var(--secondary-50) 100%); } .bg-sm-secondary-quaternary-25 { background: linear-gradient(270deg, var(--secondary-25) 0%, var(--quaternary-25) 51.44%, var(--secondary-25) 100%); } .bg-sm-secondary-quaternary-10 { background: linear-gradient(270deg, var(--secondary-10) 0%, var(--quaternary-10) 51.44%, var(--secondary-10) 100%); } .bg-sm-secondary-quinary { background: linear-gradient(270deg, var(--secondary) 0%, var(--quinary) 51.44%, var(--secondary) 100%); } .bg-sm-secondary-quinary-dark { background: linear-gradient(270deg, var(--secondary-dark) 0%, var(--quinary-dark) 51.44%, var(--secondary-dark) 100%); } .bg-sm-secondary-quinary-75 { background: linear-gradient(270deg, var(--secondary-75) 0%, var(--quinary-75) 51.44%, var(--secondary-75) 100%); } .bg-sm-secondary-quinary-50 { background: linear-gradient(270deg, var(--secondary-50) 0%, var(--quinary-50) 51.44%, var(--secondary-50) 100%); } .bg-sm-secondary-quinary-25 { background: linear-gradient(270deg, var(--secondary-25) 0%, var(--quinary-25) 51.44%, var(--secondary-25) 100%); } .bg-sm-secondary-quinary-10 { background: linear-gradient(270deg, var(--secondary-10) 0%, var(--quinary-10) 51.44%, var(--secondary-10) 100%); } .bg-sm-tertiary-primary { background: linear-gradient(270deg, var(--tertiary) 0%, var(--primary) 51.44%, var(--tertiary) 100%); } .bg-sm-tertiary-primary-dark { background: linear-gradient(270deg, var(--tertiary-dark) 0%, var(--primary-dark) 51.44%, var(--tertiary-dark) 100%); } .bg-sm-tertiary-primary-75 { background: linear-gradient(270deg, var(--tertiary-75) 0%, var(--primary-75) 51.44%, var(--tertiary-75) 100%); } .bg-sm-tertiary-primary-50 { background: linear-gradient(270deg, var(--tertiary-50) 0%, var(--primary-50) 51.44%, var(--tertiary-50) 100%); } .bg-sm-tertiary-primary-25 { background: linear-gradient(270deg, var(--tertiary-25) 0%, var(--primary-25) 51.44%, var(--tertiary-25) 100%); } .bg-sm-tertiary-primary-10 { background: linear-gradient(270deg, var(--tertiary-10) 0%, var(--primary-10) 51.44%, var(--tertiary-10) 100%); } .bg-sm-tertiary-secondary { background: linear-gradient(270deg, var(--tertiary) 0%, var(--secondary) 51.44%, var(--tertiary) 100%); } .bg-sm-tertiary-secondary-dark { background: linear-gradient(270deg, var(--tertiary-dark) 0%, var(--secondary-dark) 51.44%, var(--tertiary-dark) 100%); } .bg-sm-tertiary-secondary-75 { background: linear-gradient(270deg, var(--tertiary-75) 0%, var(--secondary-75) 51.44%, var(--tertiary-75) 100%); } .bg-sm-tertiary-secondary-50 { background: linear-gradient(270deg, var(--tertiary-50) 0%, var(--secondary-50) 51.44%, var(--tertiary-50) 100%); } .bg-sm-tertiary-secondary-25 { background: linear-gradient(270deg, var(--tertiary-25) 0%, var(--secondary-25) 51.44%, var(--tertiary-25) 100%); } .bg-sm-tertiary-secondary-10 { background: linear-gradient(270deg, var(--tertiary-10) 0%, var(--secondary-10) 51.44%, var(--tertiary-10) 100%); } .bg-sm-tertiary-tertiary { background: linear-gradient(270deg, var(--tertiary) 0%, var(--tertiary) 51.44%, var(--tertiary) 100%); } .bg-sm-tertiary-tertiary-dark { background: linear-gradient(270deg, var(--tertiary-dark) 0%, var(--tertiary-dark) 51.44%, var(--tertiary-dark) 100%); } .bg-sm-tertiary-tertiary-75 { background: linear-gradient(270deg, var(--tertiary-75) 0%, var(--tertiary-75) 51.44%, var(--tertiary-75) 100%); } .bg-sm-tertiary-tertiary-50 { background: linear-gradient(270deg, var(--tertiary-50) 0%, var(--tertiary-50) 51.44%, var(--tertiary-50) 100%); } .bg-sm-tertiary-tertiary-25 { background: linear-gradient(270deg, var(--tertiary-25) 0%, var(--tertiary-25) 51.44%, var(--tertiary-25) 100%); } .bg-sm-tertiary-tertiary-10 { background: linear-gradient(270deg, var(--tertiary-10) 0%, var(--tertiary-10) 51.44%, var(--tertiary-10) 100%); } .bg-sm-tertiary-quaternary { background: linear-gradient(270deg, var(--tertiary) 0%, var(--quaternary) 51.44%, var(--tertiary) 100%); } .bg-sm-tertiary-quaternary-dark { background: linear-gradient(270deg, var(--tertiary-dark) 0%, var(--quaternary-dark) 51.44%, var(--tertiary-dark) 100%); } .bg-sm-tertiary-quaternary-75 { background: linear-gradient(270deg, var(--tertiary-75) 0%, var(--quaternary-75) 51.44%, var(--tertiary-75) 100%); } .bg-sm-tertiary-quaternary-50 { background: linear-gradient(270deg, var(--tertiary-50) 0%, var(--quaternary-50) 51.44%, var(--tertiary-50) 100%); } .bg-sm-tertiary-quaternary-25 { background: linear-gradient(270deg, var(--tertiary-25) 0%, var(--quaternary-25) 51.44%, var(--tertiary-25) 100%); } .bg-sm-tertiary-quaternary-10 { background: linear-gradient(270deg, var(--tertiary-10) 0%, var(--quaternary-10) 51.44%, var(--tertiary-10) 100%); } .bg-sm-tertiary-quinary { background: linear-gradient(270deg, var(--tertiary) 0%, var(--quinary) 51.44%, var(--tertiary) 100%); } .bg-sm-tertiary-quinary-dark { background: linear-gradient(270deg, var(--tertiary-dark) 0%, var(--quinary-dark) 51.44%, var(--tertiary-dark) 100%); } .bg-sm-tertiary-quinary-75 { background: linear-gradient(270deg, var(--tertiary-75) 0%, var(--quinary-75) 51.44%, var(--tertiary-75) 100%); } .bg-sm-tertiary-quinary-50 { background: linear-gradient(270deg, var(--tertiary-50) 0%, var(--quinary-50) 51.44%, var(--tertiary-50) 100%); } .bg-sm-tertiary-quinary-25 { background: linear-gradient(270deg, var(--tertiary-25) 0%, var(--quinary-25) 51.44%, var(--tertiary-25) 100%); } .bg-sm-tertiary-quinary-10 { background: linear-gradient(270deg, var(--tertiary-10) 0%, var(--quinary-10) 51.44%, var(--tertiary-10) 100%); } .bg-sm-quaternary-primary { background: linear-gradient(270deg, var(--quaternary) 0%, var(--primary) 51.44%, var(--quaternary) 100%); } .bg-sm-quaternary-primary-dark { background: linear-gradient(270deg, var(--quaternary-dark) 0%, var(--primary-dark) 51.44%, var(--quaternary-dark) 100%); } .bg-sm-quaternary-primary-75 { background: linear-gradient(270deg, var(--quaternary-75) 0%, var(--primary-75) 51.44%, var(--quaternary-75) 100%); } .bg-sm-quaternary-primary-50 { background: linear-gradient(270deg, var(--quaternary-50) 0%, var(--primary-50) 51.44%, var(--quaternary-50) 100%); } .bg-sm-quaternary-primary-25 { background: linear-gradient(270deg, var(--quaternary-25) 0%, var(--primary-25) 51.44%, var(--quaternary-25) 100%); } .bg-sm-quaternary-primary-10 { background: linear-gradient(270deg, var(--quaternary-10) 0%, var(--primary-10) 51.44%, var(--quaternary-10) 100%); } .bg-sm-quaternary-secondary { background: linear-gradient(270deg, var(--quaternary) 0%, var(--secondary) 51.44%, var(--quaternary) 100%); } .bg-sm-quaternary-secondary-dark { background: linear-gradient(270deg, var(--quaternary-dark) 0%, var(--secondary-dark) 51.44%, var(--quaternary-dark) 100%); } .bg-sm-quaternary-secondary-75 { background: linear-gradient(270deg, var(--quaternary-75) 0%, var(--secondary-75) 51.44%, var(--quaternary-75) 100%); } .bg-sm-quaternary-secondary-50 { background: linear-gradient(270deg, var(--quaternary-50) 0%, var(--secondary-50) 51.44%, var(--quaternary-50) 100%); } .bg-sm-quaternary-secondary-25 { background: linear-gradient(270deg, var(--quaternary-25) 0%, var(--secondary-25) 51.44%, var(--quaternary-25) 100%); } .bg-sm-quaternary-secondary-10 { background: linear-gradient(270deg, var(--quaternary-10) 0%, var(--secondary-10) 51.44%, var(--quaternary-10) 100%); } .bg-sm-quaternary-tertiary { background: linear-gradient(270deg, var(--quaternary) 0%, var(--tertiary) 51.44%, var(--quaternary) 100%); } .bg-sm-quaternary-tertiary-dark { background: linear-gradient(270deg, var(--quaternary-dark) 0%, var(--tertiary-dark) 51.44%, var(--quaternary-dark) 100%); } .bg-sm-quaternary-tertiary-75 { background: linear-gradient(270deg, var(--quaternary-75) 0%, var(--tertiary-75) 51.44%, var(--quaternary-75) 100%); } .bg-sm-quaternary-tertiary-50 { background: linear-gradient(270deg, var(--quaternary-50) 0%, var(--tertiary-50) 51.44%, var(--quaternary-50) 100%); } .bg-sm-quaternary-tertiary-25 { background: linear-gradient(270deg, var(--quaternary-25) 0%, var(--tertiary-25) 51.44%, var(--quaternary-25) 100%); } .bg-sm-quaternary-tertiary-10 { background: linear-gradient(270deg, var(--quaternary-10) 0%, var(--tertiary-10) 51.44%, var(--quaternary-10) 100%); } .bg-sm-quaternary-quaternary { background: linear-gradient(270deg, var(--quaternary) 0%, var(--quaternary) 51.44%, var(--quaternary) 100%); } .bg-sm-quaternary-quaternary-dark { background: linear-gradient(270deg, var(--quaternary-dark) 0%, var(--quaternary-dark) 51.44%, var(--quaternary-dark) 100%); } .bg-sm-quaternary-quaternary-75 { background: linear-gradient(270deg, var(--quaternary-75) 0%, var(--quaternary-75) 51.44%, var(--quaternary-75) 100%); } .bg-sm-quaternary-quaternary-50 { background: linear-gradient(270deg, var(--quaternary-50) 0%, var(--quaternary-50) 51.44%, var(--quaternary-50) 100%); } .bg-sm-quaternary-quaternary-25 { background: linear-gradient(270deg, var(--quaternary-25) 0%, var(--quaternary-25) 51.44%, var(--quaternary-25) 100%); } .bg-sm-quaternary-quaternary-10 { background: linear-gradient(270deg, var(--quaternary-10) 0%, var(--quaternary-10) 51.44%, var(--quaternary-10) 100%); } .bg-sm-quaternary-quinary { background: linear-gradient(270deg, var(--quaternary) 0%, var(--quinary) 51.44%, var(--quaternary) 100%); } .bg-sm-quaternary-quinary-dark { background: linear-gradient(270deg, var(--quaternary-dark) 0%, var(--quinary-dark) 51.44%, var(--quaternary-dark) 100%); } .bg-sm-quaternary-quinary-75 { background: linear-gradient(270deg, var(--quaternary-75) 0%, var(--quinary-75) 51.44%, var(--quaternary-75) 100%); } .bg-sm-quaternary-quinary-50 { background: linear-gradient(270deg, var(--quaternary-50) 0%, var(--quinary-50) 51.44%, var(--quaternary-50) 100%); } .bg-sm-quaternary-quinary-25 { background: linear-gradient(270deg, var(--quaternary-25) 0%, var(--quinary-25) 51.44%, var(--quaternary-25) 100%); } .bg-sm-quaternary-quinary-10 { background: linear-gradient(270deg, var(--quaternary-10) 0%, var(--quinary-10) 51.44%, var(--quaternary-10) 100%); } .bg-sm-quinary-primary { background: linear-gradient(270deg, var(--quinary) 0%, var(--primary) 51.44%, var(--quinary) 100%); } .bg-sm-quinary-primary-dark { background: linear-gradient(270deg, var(--quinary-dark) 0%, var(--primary-dark) 51.44%, var(--quinary-dark) 100%); } .bg-sm-quinary-primary-75 { background: linear-gradient(270deg, var(--quinary-75) 0%, var(--primary-75) 51.44%, var(--quinary-75) 100%); } .bg-sm-quinary-primary-50 { background: linear-gradient(270deg, var(--quinary-50) 0%, var(--primary-50) 51.44%, var(--quinary-50) 100%); } .bg-sm-quinary-primary-25 { background: linear-gradient(270deg, var(--quinary-25) 0%, var(--primary-25) 51.44%, var(--quinary-25) 100%); } .bg-sm-quinary-primary-10 { background: linear-gradient(270deg, var(--quinary-10) 0%, var(--primary-10) 51.44%, var(--quinary-10) 100%); } .bg-sm-quinary-secondary { background: linear-gradient(270deg, var(--quinary) 0%, var(--secondary) 51.44%, var(--quinary) 100%); } .bg-sm-quinary-secondary-dark { background: linear-gradient(270deg, var(--quinary-dark) 0%, var(--secondary-dark) 51.44%, var(--quinary-dark) 100%); } .bg-sm-quinary-secondary-75 { background: linear-gradient(270deg, var(--quinary-75) 0%, var(--secondary-75) 51.44%, var(--quinary-75) 100%); } .bg-sm-quinary-secondary-50 { background: linear-gradient(270deg, var(--quinary-50) 0%, var(--secondary-50) 51.44%, var(--quinary-50) 100%); } .bg-sm-quinary-secondary-25 { background: linear-gradient(270deg, var(--quinary-25) 0%, var(--secondary-25) 51.44%, var(--quinary-25) 100%); } .bg-sm-quinary-secondary-10 { background: linear-gradient(270deg, var(--quinary-10) 0%, var(--secondary-10) 51.44%, var(--quinary-10) 100%); } .bg-sm-quinary-tertiary { background: linear-gradient(270deg, var(--quinary) 0%, var(--tertiary) 51.44%, var(--quinary) 100%); } .bg-sm-quinary-tertiary-dark { background: linear-gradient(270deg, var(--quinary-dark) 0%, var(--tertiary-dark) 51.44%, var(--quinary-dark) 100%); } .bg-sm-quinary-tertiary-75 { background: linear-gradient(270deg, var(--quinary-75) 0%, var(--tertiary-75) 51.44%, var(--quinary-75) 100%); } .bg-sm-quinary-tertiary-50 { background: linear-gradient(270deg, var(--quinary-50) 0%, var(--tertiary-50) 51.44%, var(--quinary-50) 100%); } .bg-sm-quinary-tertiary-25 { background: linear-gradient(270deg, var(--quinary-25) 0%, var(--tertiary-25) 51.44%, var(--quinary-25) 100%); } .bg-sm-quinary-tertiary-10 { background: linear-gradient(270deg, var(--quinary-10) 0%, var(--tertiary-10) 51.44%, var(--quinary-10) 100%); } .bg-sm-quinary-quaternary { background: linear-gradient(270deg, var(--quinary) 0%, var(--quaternary) 51.44%, var(--quinary) 100%); } .bg-sm-quinary-quaternary-dark { background: linear-gradient(270deg, var(--quinary-dark) 0%, var(--quaternary-dark) 51.44%, var(--quinary-dark) 100%); } .bg-sm-quinary-quaternary-75 { background: linear-gradient(270deg, var(--quinary-75) 0%, var(--quaternary-75) 51.44%, var(--quinary-75) 100%); } .bg-sm-quinary-quaternary-50 { background: linear-gradient(270deg, var(--quinary-50) 0%, var(--quaternary-50) 51.44%, var(--quinary-50) 100%); } .bg-sm-quinary-quaternary-25 { background: linear-gradient(270deg, var(--quinary-25) 0%, var(--quaternary-25) 51.44%, var(--quinary-25) 100%); } .bg-sm-quinary-quaternary-10 { background: linear-gradient(270deg, var(--quinary-10) 0%, var(--quaternary-10) 51.44%, var(--quinary-10) 100%); } .bg-sm-quinary-quinary { background: linear-gradient(270deg, var(--quinary) 0%, var(--quinary) 51.44%, var(--quinary) 100%); } .bg-sm-quinary-quinary-dark { background: linear-gradient(270deg, var(--quinary-dark) 0%, var(--quinary-dark) 51.44%, var(--quinary-dark) 100%); } .bg-sm-quinary-quinary-75 { background: linear-gradient(270deg, var(--quinary-75) 0%, var(--quinary-75) 51.44%, var(--quinary-75) 100%); } .bg-sm-quinary-quinary-50 { background: linear-gradient(270deg, var(--quinary-50) 0%, var(--quinary-50) 51.44%, var(--quinary-50) 100%); } .bg-sm-quinary-quinary-25 { background: linear-gradient(270deg, var(--quinary-25) 0%, var(--quinary-25) 51.44%, var(--quinary-25) 100%); } .bg-sm-quinary-quinary-10 { background: linear-gradient(270deg, var(--quinary-10) 0%, var(--quinary-10) 51.44%, var(--quinary-10) 100%); } } @media (min-width: 768px) { .text-md-primary-dark { color: var(--primary-dark); } .text-md-primary-75 { color: var(--primary-75) !important; } .text-md-primary-50 { color: var(--primary-50) !important; } .text-md-primary-25 { color: var(--primary-25) !important; } .text-md-primary-10 { color: var(--primary-10) !important; } .bg-md-primary-dark { background-color: var(--primary-dark) !important; } .bg-md-primary-75 { background-color: var(--primary-75) !important; } .bg-md-primary-50 { background-color: var(--primary-50) !important; } .bg-md-primary-25 { background-color: var(--primary-25) !important; } .bg-md-primary-10 { background-color: var(--primary-10) !important; } .bg-md-light { background-color: white !important; } .border-md-primary-dark { --border-color: var(--primary-dark); } .border-md-primary-75 { --border-color: var(--primary-75) !important; } .border-md-primary-50 { --border-color: var(--primary-50) !important; } .border-md-primary-25 { --border-color: var(--primary-25) !important; } .border-md-primary-10 { --border-color: var(--primary-10) !important; } .text-md-secondary-dark { color: var(--secondary-dark); } .text-md-secondary-75 { color: var(--secondary-75) !important; } .text-md-secondary-50 { color: var(--secondary-50) !important; } .text-md-secondary-25 { color: var(--secondary-25) !important; } .text-md-secondary-10 { color: var(--secondary-10) !important; } .bg-md-secondary-dark { background-color: var(--secondary-dark) !important; } .bg-md-secondary-75 { background-color: var(--secondary-75) !important; } .bg-md-secondary-50 { background-color: var(--secondary-50) !important; } .bg-md-secondary-25 { background-color: var(--secondary-25) !important; } .bg-md-secondary-10 { background-color: var(--secondary-10) !important; } .bg-md-light { background-color: white !important; } .border-md-secondary-dark { --border-color: var(--secondary-dark); } .border-md-secondary-75 { --border-color: var(--secondary-75) !important; } .border-md-secondary-50 { --border-color: var(--secondary-50) !important; } .border-md-secondary-25 { --border-color: var(--secondary-25) !important; } .border-md-secondary-10 { --border-color: var(--secondary-10) !important; } .text-md-tertiary-dark { color: var(--tertiary-dark); } .text-md-tertiary-75 { color: var(--tertiary-75) !important; } .text-md-tertiary-50 { color: var(--tertiary-50) !important; } .text-md-tertiary-25 { color: var(--tertiary-25) !important; } .text-md-tertiary-10 { color: var(--tertiary-10) !important; } .bg-md-tertiary-dark { background-color: var(--tertiary-dark) !important; } .bg-md-tertiary-75 { background-color: var(--tertiary-75) !important; } .bg-md-tertiary-50 { background-color: var(--tertiary-50) !important; } .bg-md-tertiary-25 { background-color: var(--tertiary-25) !important; } .bg-md-tertiary-10 { background-color: var(--tertiary-10) !important; } .bg-md-light { background-color: white !important; } .border-md-tertiary-dark { --border-color: var(--tertiary-dark); } .border-md-tertiary-75 { --border-color: var(--tertiary-75) !important; } .border-md-tertiary-50 { --border-color: var(--tertiary-50) !important; } .border-md-tertiary-25 { --border-color: var(--tertiary-25) !important; } .border-md-tertiary-10 { --border-color: var(--tertiary-10) !important; } .text-md-quaternary-dark { color: var(--quaternary-dark); } .text-md-quaternary-75 { color: var(--quaternary-75) !important; } .text-md-quaternary-50 { color: var(--quaternary-50) !important; } .text-md-quaternary-25 { color: var(--quaternary-25) !important; } .text-md-quaternary-10 { color: var(--quaternary-10) !important; } .bg-md-quaternary-dark { background-color: var(--quaternary-dark) !important; } .bg-md-quaternary-75 { background-color: var(--quaternary-75) !important; } .bg-md-quaternary-50 { background-color: var(--quaternary-50) !important; } .bg-md-quaternary-25 { background-color: var(--quaternary-25) !important; } .bg-md-quaternary-10 { background-color: var(--quaternary-10) !important; } .bg-md-light { background-color: white !important; } .border-md-quaternary-dark { --border-color: var(--quaternary-dark); } .border-md-quaternary-75 { --border-color: var(--quaternary-75) !important; } .border-md-quaternary-50 { --border-color: var(--quaternary-50) !important; } .border-md-quaternary-25 { --border-color: var(--quaternary-25) !important; } .border-md-quaternary-10 { --border-color: var(--quaternary-10) !important; } .text-md-quinary-dark { color: var(--quinary-dark); } .text-md-quinary-75 { color: var(--quinary-75) !important; } .text-md-quinary-50 { color: var(--quinary-50) !important; } .text-md-quinary-25 { color: var(--quinary-25) !important; } .text-md-quinary-10 { color: var(--quinary-10) !important; } .bg-md-quinary-dark { background-color: var(--quinary-dark) !important; } .bg-md-quinary-75 { background-color: var(--quinary-75) !important; } .bg-md-quinary-50 { background-color: var(--quinary-50) !important; } .bg-md-quinary-25 { background-color: var(--quinary-25) !important; } .bg-md-quinary-10 { background-color: var(--quinary-10) !important; } .bg-md-light { background-color: white !important; } .border-md-quinary-dark { --border-color: var(--quinary-dark); } .border-md-quinary-75 { --border-color: var(--quinary-75) !important; } .border-md-quinary-50 { --border-color: var(--quinary-50) !important; } .border-md-quinary-25 { --border-color: var(--quinary-25) !important; } .border-md-quinary-10 { --border-color: var(--quinary-10) !important; } .bg-md-primary-primary { background: linear-gradient(270deg, var(--primary) 0%, var(--primary) 51.44%, var(--primary) 100%); } .bg-md-primary-primary-dark { background: linear-gradient(270deg, var(--primary-dark) 0%, var(--primary-dark) 51.44%, var(--primary-dark) 100%); } .bg-md-primary-primary-75 { background: linear-gradient(270deg, var(--primary-75) 0%, var(--primary-75) 51.44%, var(--primary-75) 100%); } .bg-md-primary-primary-50 { background: linear-gradient(270deg, var(--primary-50) 0%, var(--primary-50) 51.44%, var(--primary-50) 100%); } .bg-md-primary-primary-25 { background: linear-gradient(270deg, var(--primary-25) 0%, var(--primary-25) 51.44%, var(--primary-25) 100%); } .bg-md-primary-primary-10 { background: linear-gradient(270deg, var(--primary-10) 0%, var(--primary-10) 51.44%, var(--primary-10) 100%); } .bg-md-primary-secondary { background: linear-gradient(270deg, var(--primary) 0%, var(--secondary) 51.44%, var(--primary) 100%); } .bg-md-primary-secondary-dark { background: linear-gradient(270deg, var(--primary-dark) 0%, var(--secondary-dark) 51.44%, var(--primary-dark) 100%); } .bg-md-primary-secondary-75 { background: linear-gradient(270deg, var(--primary-75) 0%, var(--secondary-75) 51.44%, var(--primary-75) 100%); } .bg-md-primary-secondary-50 { background: linear-gradient(270deg, var(--primary-50) 0%, var(--secondary-50) 51.44%, var(--primary-50) 100%); } .bg-md-primary-secondary-25 { background: linear-gradient(270deg, var(--primary-25) 0%, var(--secondary-25) 51.44%, var(--primary-25) 100%); } .bg-md-primary-secondary-10 { background: linear-gradient(270deg, var(--primary-10) 0%, var(--secondary-10) 51.44%, var(--primary-10) 100%); } .bg-md-primary-tertiary { background: linear-gradient(270deg, var(--primary) 0%, var(--tertiary) 51.44%, var(--primary) 100%); } .bg-md-primary-tertiary-dark { background: linear-gradient(270deg, var(--primary-dark) 0%, var(--tertiary-dark) 51.44%, var(--primary-dark) 100%); } .bg-md-primary-tertiary-75 { background: linear-gradient(270deg, var(--primary-75) 0%, var(--tertiary-75) 51.44%, var(--primary-75) 100%); } .bg-md-primary-tertiary-50 { background: linear-gradient(270deg, var(--primary-50) 0%, var(--tertiary-50) 51.44%, var(--primary-50) 100%); } .bg-md-primary-tertiary-25 { background: linear-gradient(270deg, var(--primary-25) 0%, var(--tertiary-25) 51.44%, var(--primary-25) 100%); } .bg-md-primary-tertiary-10 { background: linear-gradient(270deg, var(--primary-10) 0%, var(--tertiary-10) 51.44%, var(--primary-10) 100%); } .bg-md-primary-quaternary { background: linear-gradient(270deg, var(--primary) 0%, var(--quaternary) 51.44%, var(--primary) 100%); } .bg-md-primary-quaternary-dark { background: linear-gradient(270deg, var(--primary-dark) 0%, var(--quaternary-dark) 51.44%, var(--primary-dark) 100%); } .bg-md-primary-quaternary-75 { background: linear-gradient(270deg, var(--primary-75) 0%, var(--quaternary-75) 51.44%, var(--primary-75) 100%); } .bg-md-primary-quaternary-50 { background: linear-gradient(270deg, var(--primary-50) 0%, var(--quaternary-50) 51.44%, var(--primary-50) 100%); } .bg-md-primary-quaternary-25 { background: linear-gradient(270deg, var(--primary-25) 0%, var(--quaternary-25) 51.44%, var(--primary-25) 100%); } .bg-md-primary-quaternary-10 { background: linear-gradient(270deg, var(--primary-10) 0%, var(--quaternary-10) 51.44%, var(--primary-10) 100%); } .bg-md-primary-quinary { background: linear-gradient(270deg, var(--primary) 0%, var(--quinary) 51.44%, var(--primary) 100%); } .bg-md-primary-quinary-dark { background: linear-gradient(270deg, var(--primary-dark) 0%, var(--quinary-dark) 51.44%, var(--primary-dark) 100%); } .bg-md-primary-quinary-75 { background: linear-gradient(270deg, var(--primary-75) 0%, var(--quinary-75) 51.44%, var(--primary-75) 100%); } .bg-md-primary-quinary-50 { background: linear-gradient(270deg, var(--primary-50) 0%, var(--quinary-50) 51.44%, var(--primary-50) 100%); } .bg-md-primary-quinary-25 { background: linear-gradient(270deg, var(--primary-25) 0%, var(--quinary-25) 51.44%, var(--primary-25) 100%); } .bg-md-primary-quinary-10 { background: linear-gradient(270deg, var(--primary-10) 0%, var(--quinary-10) 51.44%, var(--primary-10) 100%); } .bg-md-secondary-primary { background: linear-gradient(270deg, var(--secondary) 0%, var(--primary) 51.44%, var(--secondary) 100%); } .bg-md-secondary-primary-dark { background: linear-gradient(270deg, var(--secondary-dark) 0%, var(--primary-dark) 51.44%, var(--secondary-dark) 100%); } .bg-md-secondary-primary-75 { background: linear-gradient(270deg, var(--secondary-75) 0%, var(--primary-75) 51.44%, var(--secondary-75) 100%); } .bg-md-secondary-primary-50 { background: linear-gradient(270deg, var(--secondary-50) 0%, var(--primary-50) 51.44%, var(--secondary-50) 100%); } .bg-md-secondary-primary-25 { background: linear-gradient(270deg, var(--secondary-25) 0%, var(--primary-25) 51.44%, var(--secondary-25) 100%); } .bg-md-secondary-primary-10 { background: linear-gradient(270deg, var(--secondary-10) 0%, var(--primary-10) 51.44%, var(--secondary-10) 100%); } .bg-md-secondary-secondary { background: linear-gradient(270deg, var(--secondary) 0%, var(--secondary) 51.44%, var(--secondary) 100%); } .bg-md-secondary-secondary-dark { background: linear-gradient(270deg, var(--secondary-dark) 0%, var(--secondary-dark) 51.44%, var(--secondary-dark) 100%); } .bg-md-secondary-secondary-75 { background: linear-gradient(270deg, var(--secondary-75) 0%, var(--secondary-75) 51.44%, var(--secondary-75) 100%); } .bg-md-secondary-secondary-50 { background: linear-gradient(270deg, var(--secondary-50) 0%, var(--secondary-50) 51.44%, var(--secondary-50) 100%); } .bg-md-secondary-secondary-25 { background: linear-gradient(270deg, var(--secondary-25) 0%, var(--secondary-25) 51.44%, var(--secondary-25) 100%); } .bg-md-secondary-secondary-10 { background: linear-gradient(270deg, var(--secondary-10) 0%, var(--secondary-10) 51.44%, var(--secondary-10) 100%); } .bg-md-secondary-tertiary { background: linear-gradient(270deg, var(--secondary) 0%, var(--tertiary) 51.44%, var(--secondary) 100%); } .bg-md-secondary-tertiary-dark { background: linear-gradient(270deg, var(--secondary-dark) 0%, var(--tertiary-dark) 51.44%, var(--secondary-dark) 100%); } .bg-md-secondary-tertiary-75 { background: linear-gradient(270deg, var(--secondary-75) 0%, var(--tertiary-75) 51.44%, var(--secondary-75) 100%); } .bg-md-secondary-tertiary-50 { background: linear-gradient(270deg, var(--secondary-50) 0%, var(--tertiary-50) 51.44%, var(--secondary-50) 100%); } .bg-md-secondary-tertiary-25 { background: linear-gradient(270deg, var(--secondary-25) 0%, var(--tertiary-25) 51.44%, var(--secondary-25) 100%); } .bg-md-secondary-tertiary-10 { background: linear-gradient(270deg, var(--secondary-10) 0%, var(--tertiary-10) 51.44%, var(--secondary-10) 100%); } .bg-md-secondary-quaternary { background: linear-gradient(270deg, var(--secondary) 0%, var(--quaternary) 51.44%, var(--secondary) 100%); } .bg-md-secondary-quaternary-dark { background: linear-gradient(270deg, var(--secondary-dark) 0%, var(--quaternary-dark) 51.44%, var(--secondary-dark) 100%); } .bg-md-secondary-quaternary-75 { background: linear-gradient(270deg, var(--secondary-75) 0%, var(--quaternary-75) 51.44%, var(--secondary-75) 100%); } .bg-md-secondary-quaternary-50 { background: linear-gradient(270deg, var(--secondary-50) 0%, var(--quaternary-50) 51.44%, var(--secondary-50) 100%); } .bg-md-secondary-quaternary-25 { background: linear-gradient(270deg, var(--secondary-25) 0%, var(--quaternary-25) 51.44%, var(--secondary-25) 100%); } .bg-md-secondary-quaternary-10 { background: linear-gradient(270deg, var(--secondary-10) 0%, var(--quaternary-10) 51.44%, var(--secondary-10) 100%); } .bg-md-secondary-quinary { background: linear-gradient(270deg, var(--secondary) 0%, var(--quinary) 51.44%, var(--secondary) 100%); } .bg-md-secondary-quinary-dark { background: linear-gradient(270deg, var(--secondary-dark) 0%, var(--quinary-dark) 51.44%, var(--secondary-dark) 100%); } .bg-md-secondary-quinary-75 { background: linear-gradient(270deg, var(--secondary-75) 0%, var(--quinary-75) 51.44%, var(--secondary-75) 100%); } .bg-md-secondary-quinary-50 { background: linear-gradient(270deg, var(--secondary-50) 0%, var(--quinary-50) 51.44%, var(--secondary-50) 100%); } .bg-md-secondary-quinary-25 { background: linear-gradient(270deg, var(--secondary-25) 0%, var(--quinary-25) 51.44%, var(--secondary-25) 100%); } .bg-md-secondary-quinary-10 { background: linear-gradient(270deg, var(--secondary-10) 0%, var(--quinary-10) 51.44%, var(--secondary-10) 100%); } .bg-md-tertiary-primary { background: linear-gradient(270deg, var(--tertiary) 0%, var(--primary) 51.44%, var(--tertiary) 100%); } .bg-md-tertiary-primary-dark { background: linear-gradient(270deg, var(--tertiary-dark) 0%, var(--primary-dark) 51.44%, var(--tertiary-dark) 100%); } .bg-md-tertiary-primary-75 { background: linear-gradient(270deg, var(--tertiary-75) 0%, var(--primary-75) 51.44%, var(--tertiary-75) 100%); } .bg-md-tertiary-primary-50 { background: linear-gradient(270deg, var(--tertiary-50) 0%, var(--primary-50) 51.44%, var(--tertiary-50) 100%); } .bg-md-tertiary-primary-25 { background: linear-gradient(270deg, var(--tertiary-25) 0%, var(--primary-25) 51.44%, var(--tertiary-25) 100%); } .bg-md-tertiary-primary-10 { background: linear-gradient(270deg, var(--tertiary-10) 0%, var(--primary-10) 51.44%, var(--tertiary-10) 100%); } .bg-md-tertiary-secondary { background: linear-gradient(270deg, var(--tertiary) 0%, var(--secondary) 51.44%, var(--tertiary) 100%); } .bg-md-tertiary-secondary-dark { background: linear-gradient(270deg, var(--tertiary-dark) 0%, var(--secondary-dark) 51.44%, var(--tertiary-dark) 100%); } .bg-md-tertiary-secondary-75 { background: linear-gradient(270deg, var(--tertiary-75) 0%, var(--secondary-75) 51.44%, var(--tertiary-75) 100%); } .bg-md-tertiary-secondary-50 { background: linear-gradient(270deg, var(--tertiary-50) 0%, var(--secondary-50) 51.44%, var(--tertiary-50) 100%); } .bg-md-tertiary-secondary-25 { background: linear-gradient(270deg, var(--tertiary-25) 0%, var(--secondary-25) 51.44%, var(--tertiary-25) 100%); } .bg-md-tertiary-secondary-10 { background: linear-gradient(270deg, var(--tertiary-10) 0%, var(--secondary-10) 51.44%, var(--tertiary-10) 100%); } .bg-md-tertiary-tertiary { background: linear-gradient(270deg, var(--tertiary) 0%, var(--tertiary) 51.44%, var(--tertiary) 100%); } .bg-md-tertiary-tertiary-dark { background: linear-gradient(270deg, var(--tertiary-dark) 0%, var(--tertiary-dark) 51.44%, var(--tertiary-dark) 100%); } .bg-md-tertiary-tertiary-75 { background: linear-gradient(270deg, var(--tertiary-75) 0%, var(--tertiary-75) 51.44%, var(--tertiary-75) 100%); } .bg-md-tertiary-tertiary-50 { background: linear-gradient(270deg, var(--tertiary-50) 0%, var(--tertiary-50) 51.44%, var(--tertiary-50) 100%); } .bg-md-tertiary-tertiary-25 { background: linear-gradient(270deg, var(--tertiary-25) 0%, var(--tertiary-25) 51.44%, var(--tertiary-25) 100%); } .bg-md-tertiary-tertiary-10 { background: linear-gradient(270deg, var(--tertiary-10) 0%, var(--tertiary-10) 51.44%, var(--tertiary-10) 100%); } .bg-md-tertiary-quaternary { background: linear-gradient(270deg, var(--tertiary) 0%, var(--quaternary) 51.44%, var(--tertiary) 100%); } .bg-md-tertiary-quaternary-dark { background: linear-gradient(270deg, var(--tertiary-dark) 0%, var(--quaternary-dark) 51.44%, var(--tertiary-dark) 100%); } .bg-md-tertiary-quaternary-75 { background: linear-gradient(270deg, var(--tertiary-75) 0%, var(--quaternary-75) 51.44%, var(--tertiary-75) 100%); } .bg-md-tertiary-quaternary-50 { background: linear-gradient(270deg, var(--tertiary-50) 0%, var(--quaternary-50) 51.44%, var(--tertiary-50) 100%); } .bg-md-tertiary-quaternary-25 { background: linear-gradient(270deg, var(--tertiary-25) 0%, var(--quaternary-25) 51.44%, var(--tertiary-25) 100%); } .bg-md-tertiary-quaternary-10 { background: linear-gradient(270deg, var(--tertiary-10) 0%, var(--quaternary-10) 51.44%, var(--tertiary-10) 100%); } .bg-md-tertiary-quinary { background: linear-gradient(270deg, var(--tertiary) 0%, var(--quinary) 51.44%, var(--tertiary) 100%); } .bg-md-tertiary-quinary-dark { background: linear-gradient(270deg, var(--tertiary-dark) 0%, var(--quinary-dark) 51.44%, var(--tertiary-dark) 100%); } .bg-md-tertiary-quinary-75 { background: linear-gradient(270deg, var(--tertiary-75) 0%, var(--quinary-75) 51.44%, var(--tertiary-75) 100%); } .bg-md-tertiary-quinary-50 { background: linear-gradient(270deg, var(--tertiary-50) 0%, var(--quinary-50) 51.44%, var(--tertiary-50) 100%); } .bg-md-tertiary-quinary-25 { background: linear-gradient(270deg, var(--tertiary-25) 0%, var(--quinary-25) 51.44%, var(--tertiary-25) 100%); } .bg-md-tertiary-quinary-10 { background: linear-gradient(270deg, var(--tertiary-10) 0%, var(--quinary-10) 51.44%, var(--tertiary-10) 100%); } .bg-md-quaternary-primary { background: linear-gradient(270deg, var(--quaternary) 0%, var(--primary) 51.44%, var(--quaternary) 100%); } .bg-md-quaternary-primary-dark { background: linear-gradient(270deg, var(--quaternary-dark) 0%, var(--primary-dark) 51.44%, var(--quaternary-dark) 100%); } .bg-md-quaternary-primary-75 { background: linear-gradient(270deg, var(--quaternary-75) 0%, var(--primary-75) 51.44%, var(--quaternary-75) 100%); } .bg-md-quaternary-primary-50 { background: linear-gradient(270deg, var(--quaternary-50) 0%, var(--primary-50) 51.44%, var(--quaternary-50) 100%); } .bg-md-quaternary-primary-25 { background: linear-gradient(270deg, var(--quaternary-25) 0%, var(--primary-25) 51.44%, var(--quaternary-25) 100%); } .bg-md-quaternary-primary-10 { background: linear-gradient(270deg, var(--quaternary-10) 0%, var(--primary-10) 51.44%, var(--quaternary-10) 100%); } .bg-md-quaternary-secondary { background: linear-gradient(270deg, var(--quaternary) 0%, var(--secondary) 51.44%, var(--quaternary) 100%); } .bg-md-quaternary-secondary-dark { background: linear-gradient(270deg, var(--quaternary-dark) 0%, var(--secondary-dark) 51.44%, var(--quaternary-dark) 100%); } .bg-md-quaternary-secondary-75 { background: linear-gradient(270deg, var(--quaternary-75) 0%, var(--secondary-75) 51.44%, var(--quaternary-75) 100%); } .bg-md-quaternary-secondary-50 { background: linear-gradient(270deg, var(--quaternary-50) 0%, var(--secondary-50) 51.44%, var(--quaternary-50) 100%); } .bg-md-quaternary-secondary-25 { background: linear-gradient(270deg, var(--quaternary-25) 0%, var(--secondary-25) 51.44%, var(--quaternary-25) 100%); } .bg-md-quaternary-secondary-10 { background: linear-gradient(270deg, var(--quaternary-10) 0%, var(--secondary-10) 51.44%, var(--quaternary-10) 100%); } .bg-md-quaternary-tertiary { background: linear-gradient(270deg, var(--quaternary) 0%, var(--tertiary) 51.44%, var(--quaternary) 100%); } .bg-md-quaternary-tertiary-dark { background: linear-gradient(270deg, var(--quaternary-dark) 0%, var(--tertiary-dark) 51.44%, var(--quaternary-dark) 100%); } .bg-md-quaternary-tertiary-75 { background: linear-gradient(270deg, var(--quaternary-75) 0%, var(--tertiary-75) 51.44%, var(--quaternary-75) 100%); } .bg-md-quaternary-tertiary-50 { background: linear-gradient(270deg, var(--quaternary-50) 0%, var(--tertiary-50) 51.44%, var(--quaternary-50) 100%); } .bg-md-quaternary-tertiary-25 { background: linear-gradient(270deg, var(--quaternary-25) 0%, var(--tertiary-25) 51.44%, var(--quaternary-25) 100%); } .bg-md-quaternary-tertiary-10 { background: linear-gradient(270deg, var(--quaternary-10) 0%, var(--tertiary-10) 51.44%, var(--quaternary-10) 100%); } .bg-md-quaternary-quaternary { background: linear-gradient(270deg, var(--quaternary) 0%, var(--quaternary) 51.44%, var(--quaternary) 100%); } .bg-md-quaternary-quaternary-dark { background: linear-gradient(270deg, var(--quaternary-dark) 0%, var(--quaternary-dark) 51.44%, var(--quaternary-dark) 100%); } .bg-md-quaternary-quaternary-75 { background: linear-gradient(270deg, var(--quaternary-75) 0%, var(--quaternary-75) 51.44%, var(--quaternary-75) 100%); } .bg-md-quaternary-quaternary-50 { background: linear-gradient(270deg, var(--quaternary-50) 0%, var(--quaternary-50) 51.44%, var(--quaternary-50) 100%); } .bg-md-quaternary-quaternary-25 { background: linear-gradient(270deg, var(--quaternary-25) 0%, var(--quaternary-25) 51.44%, var(--quaternary-25) 100%); } .bg-md-quaternary-quaternary-10 { background: linear-gradient(270deg, var(--quaternary-10) 0%, var(--quaternary-10) 51.44%, var(--quaternary-10) 100%); } .bg-md-quaternary-quinary { background: linear-gradient(270deg, var(--quaternary) 0%, var(--quinary) 51.44%, var(--quaternary) 100%); } .bg-md-quaternary-quinary-dark { background: linear-gradient(270deg, var(--quaternary-dark) 0%, var(--quinary-dark) 51.44%, var(--quaternary-dark) 100%); } .bg-md-quaternary-quinary-75 { background: linear-gradient(270deg, var(--quaternary-75) 0%, var(--quinary-75) 51.44%, var(--quaternary-75) 100%); } .bg-md-quaternary-quinary-50 { background: linear-gradient(270deg, var(--quaternary-50) 0%, var(--quinary-50) 51.44%, var(--quaternary-50) 100%); } .bg-md-quaternary-quinary-25 { background: linear-gradient(270deg, var(--quaternary-25) 0%, var(--quinary-25) 51.44%, var(--quaternary-25) 100%); } .bg-md-quaternary-quinary-10 { background: linear-gradient(270deg, var(--quaternary-10) 0%, var(--quinary-10) 51.44%, var(--quaternary-10) 100%); } .bg-md-quinary-primary { background: linear-gradient(270deg, var(--quinary) 0%, var(--primary) 51.44%, var(--quinary) 100%); } .bg-md-quinary-primary-dark { background: linear-gradient(270deg, var(--quinary-dark) 0%, var(--primary-dark) 51.44%, var(--quinary-dark) 100%); } .bg-md-quinary-primary-75 { background: linear-gradient(270deg, var(--quinary-75) 0%, var(--primary-75) 51.44%, var(--quinary-75) 100%); } .bg-md-quinary-primary-50 { background: linear-gradient(270deg, var(--quinary-50) 0%, var(--primary-50) 51.44%, var(--quinary-50) 100%); } .bg-md-quinary-primary-25 { background: linear-gradient(270deg, var(--quinary-25) 0%, var(--primary-25) 51.44%, var(--quinary-25) 100%); } .bg-md-quinary-primary-10 { background: linear-gradient(270deg, var(--quinary-10) 0%, var(--primary-10) 51.44%, var(--quinary-10) 100%); } .bg-md-quinary-secondary { background: linear-gradient(270deg, var(--quinary) 0%, var(--secondary) 51.44%, var(--quinary) 100%); } .bg-md-quinary-secondary-dark { background: linear-gradient(270deg, var(--quinary-dark) 0%, var(--secondary-dark) 51.44%, var(--quinary-dark) 100%); } .bg-md-quinary-secondary-75 { background: linear-gradient(270deg, var(--quinary-75) 0%, var(--secondary-75) 51.44%, var(--quinary-75) 100%); } .bg-md-quinary-secondary-50 { background: linear-gradient(270deg, var(--quinary-50) 0%, var(--secondary-50) 51.44%, var(--quinary-50) 100%); } .bg-md-quinary-secondary-25 { background: linear-gradient(270deg, var(--quinary-25) 0%, var(--secondary-25) 51.44%, var(--quinary-25) 100%); } .bg-md-quinary-secondary-10 { background: linear-gradient(270deg, var(--quinary-10) 0%, var(--secondary-10) 51.44%, var(--quinary-10) 100%); } .bg-md-quinary-tertiary { background: linear-gradient(270deg, var(--quinary) 0%, var(--tertiary) 51.44%, var(--quinary) 100%); } .bg-md-quinary-tertiary-dark { background: linear-gradient(270deg, var(--quinary-dark) 0%, var(--tertiary-dark) 51.44%, var(--quinary-dark) 100%); } .bg-md-quinary-tertiary-75 { background: linear-gradient(270deg, var(--quinary-75) 0%, var(--tertiary-75) 51.44%, var(--quinary-75) 100%); } .bg-md-quinary-tertiary-50 { background: linear-gradient(270deg, var(--quinary-50) 0%, var(--tertiary-50) 51.44%, var(--quinary-50) 100%); } .bg-md-quinary-tertiary-25 { background: linear-gradient(270deg, var(--quinary-25) 0%, var(--tertiary-25) 51.44%, var(--quinary-25) 100%); } .bg-md-quinary-tertiary-10 { background: linear-gradient(270deg, var(--quinary-10) 0%, var(--tertiary-10) 51.44%, var(--quinary-10) 100%); } .bg-md-quinary-quaternary { background: linear-gradient(270deg, var(--quinary) 0%, var(--quaternary) 51.44%, var(--quinary) 100%); } .bg-md-quinary-quaternary-dark { background: linear-gradient(270deg, var(--quinary-dark) 0%, var(--quaternary-dark) 51.44%, var(--quinary-dark) 100%); } .bg-md-quinary-quaternary-75 { background: linear-gradient(270deg, var(--quinary-75) 0%, var(--quaternary-75) 51.44%, var(--quinary-75) 100%); } .bg-md-quinary-quaternary-50 { background: linear-gradient(270deg, var(--quinary-50) 0%, var(--quaternary-50) 51.44%, var(--quinary-50) 100%); } .bg-md-quinary-quaternary-25 { background: linear-gradient(270deg, var(--quinary-25) 0%, var(--quaternary-25) 51.44%, var(--quinary-25) 100%); } .bg-md-quinary-quaternary-10 { background: linear-gradient(270deg, var(--quinary-10) 0%, var(--quaternary-10) 51.44%, var(--quinary-10) 100%); } .bg-md-quinary-quinary { background: linear-gradient(270deg, var(--quinary) 0%, var(--quinary) 51.44%, var(--quinary) 100%); } .bg-md-quinary-quinary-dark { background: linear-gradient(270deg, var(--quinary-dark) 0%, var(--quinary-dark) 51.44%, var(--quinary-dark) 100%); } .bg-md-quinary-quinary-75 { background: linear-gradient(270deg, var(--quinary-75) 0%, var(--quinary-75) 51.44%, var(--quinary-75) 100%); } .bg-md-quinary-quinary-50 { background: linear-gradient(270deg, var(--quinary-50) 0%, var(--quinary-50) 51.44%, var(--quinary-50) 100%); } .bg-md-quinary-quinary-25 { background: linear-gradient(270deg, var(--quinary-25) 0%, var(--quinary-25) 51.44%, var(--quinary-25) 100%); } .bg-md-quinary-quinary-10 { background: linear-gradient(270deg, var(--quinary-10) 0%, var(--quinary-10) 51.44%, var(--quinary-10) 100%); } } @media (min-width: 992px) { .text-lg-primary-dark { color: var(--primary-dark); } .text-lg-primary-75 { color: var(--primary-75) !important; } .text-lg-primary-50 { color: var(--primary-50) !important; } .text-lg-primary-25 { color: var(--primary-25) !important; } .text-lg-primary-10 { color: var(--primary-10) !important; } .bg-lg-primary-dark { background-color: var(--primary-dark) !important; } .bg-lg-primary-75 { background-color: var(--primary-75) !important; } .bg-lg-primary-50 { background-color: var(--primary-50) !important; } .bg-lg-primary-25 { background-color: var(--primary-25) !important; } .bg-lg-primary-10 { background-color: var(--primary-10) !important; } .bg-lg-light { background-color: white !important; } .border-lg-primary-dark { --border-color: var(--primary-dark); } .border-lg-primary-75 { --border-color: var(--primary-75) !important; } .border-lg-primary-50 { --border-color: var(--primary-50) !important; } .border-lg-primary-25 { --border-color: var(--primary-25) !important; } .border-lg-primary-10 { --border-color: var(--primary-10) !important; } .text-lg-secondary-dark { color: var(--secondary-dark); } .text-lg-secondary-75 { color: var(--secondary-75) !important; } .text-lg-secondary-50 { color: var(--secondary-50) !important; } .text-lg-secondary-25 { color: var(--secondary-25) !important; } .text-lg-secondary-10 { color: var(--secondary-10) !important; } .bg-lg-secondary-dark { background-color: var(--secondary-dark) !important; } .bg-lg-secondary-75 { background-color: var(--secondary-75) !important; } .bg-lg-secondary-50 { background-color: var(--secondary-50) !important; } .bg-lg-secondary-25 { background-color: var(--secondary-25) !important; } .bg-lg-secondary-10 { background-color: var(--secondary-10) !important; } .bg-lg-light { background-color: white !important; } .border-lg-secondary-dark { --border-color: var(--secondary-dark); } .border-lg-secondary-75 { --border-color: var(--secondary-75) !important; } .border-lg-secondary-50 { --border-color: var(--secondary-50) !important; } .border-lg-secondary-25 { --border-color: var(--secondary-25) !important; } .border-lg-secondary-10 { --border-color: var(--secondary-10) !important; } .text-lg-tertiary-dark { color: var(--tertiary-dark); } .text-lg-tertiary-75 { color: var(--tertiary-75) !important; } .text-lg-tertiary-50 { color: var(--tertiary-50) !important; } .text-lg-tertiary-25 { color: var(--tertiary-25) !important; } .text-lg-tertiary-10 { color: var(--tertiary-10) !important; } .bg-lg-tertiary-dark { background-color: var(--tertiary-dark) !important; } .bg-lg-tertiary-75 { background-color: var(--tertiary-75) !important; } .bg-lg-tertiary-50 { background-color: var(--tertiary-50) !important; } .bg-lg-tertiary-25 { background-color: var(--tertiary-25) !important; } .bg-lg-tertiary-10 { background-color: var(--tertiary-10) !important; } .bg-lg-light { background-color: white !important; } .border-lg-tertiary-dark { --border-color: var(--tertiary-dark); } .border-lg-tertiary-75 { --border-color: var(--tertiary-75) !important; } .border-lg-tertiary-50 { --border-color: var(--tertiary-50) !important; } .border-lg-tertiary-25 { --border-color: var(--tertiary-25) !important; } .border-lg-tertiary-10 { --border-color: var(--tertiary-10) !important; } .text-lg-quaternary-dark { color: var(--quaternary-dark); } .text-lg-quaternary-75 { color: var(--quaternary-75) !important; } .text-lg-quaternary-50 { color: var(--quaternary-50) !important; } .text-lg-quaternary-25 { color: var(--quaternary-25) !important; } .text-lg-quaternary-10 { color: var(--quaternary-10) !important; } .bg-lg-quaternary-dark { background-color: var(--quaternary-dark) !important; } .bg-lg-quaternary-75 { background-color: var(--quaternary-75) !important; } .bg-lg-quaternary-50 { background-color: var(--quaternary-50) !important; } .bg-lg-quaternary-25 { background-color: var(--quaternary-25) !important; } .bg-lg-quaternary-10 { background-color: var(--quaternary-10) !important; } .bg-lg-light { background-color: white !important; } .border-lg-quaternary-dark { --border-color: var(--quaternary-dark); } .border-lg-quaternary-75 { --border-color: var(--quaternary-75) !important; } .border-lg-quaternary-50 { --border-color: var(--quaternary-50) !important; } .border-lg-quaternary-25 { --border-color: var(--quaternary-25) !important; } .border-lg-quaternary-10 { --border-color: var(--quaternary-10) !important; } .text-lg-quinary-dark { color: var(--quinary-dark); } .text-lg-quinary-75 { color: var(--quinary-75) !important; } .text-lg-quinary-50 { color: var(--quinary-50) !important; } .text-lg-quinary-25 { color: var(--quinary-25) !important; } .text-lg-quinary-10 { color: var(--quinary-10) !important; } .bg-lg-quinary-dark { background-color: var(--quinary-dark) !important; } .bg-lg-quinary-75 { background-color: var(--quinary-75) !important; } .bg-lg-quinary-50 { background-color: var(--quinary-50) !important; } .bg-lg-quinary-25 { background-color: var(--quinary-25) !important; } .bg-lg-quinary-10 { background-color: var(--quinary-10) !important; } .bg-lg-light { background-color: white !important; } .border-lg-quinary-dark { --border-color: var(--quinary-dark); } .border-lg-quinary-75 { --border-color: var(--quinary-75) !important; } .border-lg-quinary-50 { --border-color: var(--quinary-50) !important; } .border-lg-quinary-25 { --border-color: var(--quinary-25) !important; } .border-lg-quinary-10 { --border-color: var(--quinary-10) !important; } .bg-lg-primary-primary { background: linear-gradient(270deg, var(--primary) 0%, var(--primary) 51.44%, var(--primary) 100%); } .bg-lg-primary-primary-dark { background: linear-gradient(270deg, var(--primary-dark) 0%, var(--primary-dark) 51.44%, var(--primary-dark) 100%); } .bg-lg-primary-primary-75 { background: linear-gradient(270deg, var(--primary-75) 0%, var(--primary-75) 51.44%, var(--primary-75) 100%); } .bg-lg-primary-primary-50 { background: linear-gradient(270deg, var(--primary-50) 0%, var(--primary-50) 51.44%, var(--primary-50) 100%); } .bg-lg-primary-primary-25 { background: linear-gradient(270deg, var(--primary-25) 0%, var(--primary-25) 51.44%, var(--primary-25) 100%); } .bg-lg-primary-primary-10 { background: linear-gradient(270deg, var(--primary-10) 0%, var(--primary-10) 51.44%, var(--primary-10) 100%); } .bg-lg-primary-secondary { background: linear-gradient(270deg, var(--primary) 0%, var(--secondary) 51.44%, var(--primary) 100%); } .bg-lg-primary-secondary-dark { background: linear-gradient(270deg, var(--primary-dark) 0%, var(--secondary-dark) 51.44%, var(--primary-dark) 100%); } .bg-lg-primary-secondary-75 { background: linear-gradient(270deg, var(--primary-75) 0%, var(--secondary-75) 51.44%, var(--primary-75) 100%); } .bg-lg-primary-secondary-50 { background: linear-gradient(270deg, var(--primary-50) 0%, var(--secondary-50) 51.44%, var(--primary-50) 100%); } .bg-lg-primary-secondary-25 { background: linear-gradient(270deg, var(--primary-25) 0%, var(--secondary-25) 51.44%, var(--primary-25) 100%); } .bg-lg-primary-secondary-10 { background: linear-gradient(270deg, var(--primary-10) 0%, var(--secondary-10) 51.44%, var(--primary-10) 100%); } .bg-lg-primary-tertiary { background: linear-gradient(270deg, var(--primary) 0%, var(--tertiary) 51.44%, var(--primary) 100%); } .bg-lg-primary-tertiary-dark { background: linear-gradient(270deg, var(--primary-dark) 0%, var(--tertiary-dark) 51.44%, var(--primary-dark) 100%); } .bg-lg-primary-tertiary-75 { background: linear-gradient(270deg, var(--primary-75) 0%, var(--tertiary-75) 51.44%, var(--primary-75) 100%); } .bg-lg-primary-tertiary-50 { background: linear-gradient(270deg, var(--primary-50) 0%, var(--tertiary-50) 51.44%, var(--primary-50) 100%); } .bg-lg-primary-tertiary-25 { background: linear-gradient(270deg, var(--primary-25) 0%, var(--tertiary-25) 51.44%, var(--primary-25) 100%); } .bg-lg-primary-tertiary-10 { background: linear-gradient(270deg, var(--primary-10) 0%, var(--tertiary-10) 51.44%, var(--primary-10) 100%); } .bg-lg-primary-quaternary { background: linear-gradient(270deg, var(--primary) 0%, var(--quaternary) 51.44%, var(--primary) 100%); } .bg-lg-primary-quaternary-dark { background: linear-gradient(270deg, var(--primary-dark) 0%, var(--quaternary-dark) 51.44%, var(--primary-dark) 100%); } .bg-lg-primary-quaternary-75 { background: linear-gradient(270deg, var(--primary-75) 0%, var(--quaternary-75) 51.44%, var(--primary-75) 100%); } .bg-lg-primary-quaternary-50 { background: linear-gradient(270deg, var(--primary-50) 0%, var(--quaternary-50) 51.44%, var(--primary-50) 100%); } .bg-lg-primary-quaternary-25 { background: linear-gradient(270deg, var(--primary-25) 0%, var(--quaternary-25) 51.44%, var(--primary-25) 100%); } .bg-lg-primary-quaternary-10 { background: linear-gradient(270deg, var(--primary-10) 0%, var(--quaternary-10) 51.44%, var(--primary-10) 100%); } .bg-lg-primary-quinary { background: linear-gradient(270deg, var(--primary) 0%, var(--quinary) 51.44%, var(--primary) 100%); } .bg-lg-primary-quinary-dark { background: linear-gradient(270deg, var(--primary-dark) 0%, var(--quinary-dark) 51.44%, var(--primary-dark) 100%); } .bg-lg-primary-quinary-75 { background: linear-gradient(270deg, var(--primary-75) 0%, var(--quinary-75) 51.44%, var(--primary-75) 100%); } .bg-lg-primary-quinary-50 { background: linear-gradient(270deg, var(--primary-50) 0%, var(--quinary-50) 51.44%, var(--primary-50) 100%); } .bg-lg-primary-quinary-25 { background: linear-gradient(270deg, var(--primary-25) 0%, var(--quinary-25) 51.44%, var(--primary-25) 100%); } .bg-lg-primary-quinary-10 { background: linear-gradient(270deg, var(--primary-10) 0%, var(--quinary-10) 51.44%, var(--primary-10) 100%); } .bg-lg-secondary-primary { background: linear-gradient(270deg, var(--secondary) 0%, var(--primary) 51.44%, var(--secondary) 100%); } .bg-lg-secondary-primary-dark { background: linear-gradient(270deg, var(--secondary-dark) 0%, var(--primary-dark) 51.44%, var(--secondary-dark) 100%); } .bg-lg-secondary-primary-75 { background: linear-gradient(270deg, var(--secondary-75) 0%, var(--primary-75) 51.44%, var(--secondary-75) 100%); } .bg-lg-secondary-primary-50 { background: linear-gradient(270deg, var(--secondary-50) 0%, var(--primary-50) 51.44%, var(--secondary-50) 100%); } .bg-lg-secondary-primary-25 { background: linear-gradient(270deg, var(--secondary-25) 0%, var(--primary-25) 51.44%, var(--secondary-25) 100%); } .bg-lg-secondary-primary-10 { background: linear-gradient(270deg, var(--secondary-10) 0%, var(--primary-10) 51.44%, var(--secondary-10) 100%); } .bg-lg-secondary-secondary { background: linear-gradient(270deg, var(--secondary) 0%, var(--secondary) 51.44%, var(--secondary) 100%); } .bg-lg-secondary-secondary-dark { background: linear-gradient(270deg, var(--secondary-dark) 0%, var(--secondary-dark) 51.44%, var(--secondary-dark) 100%); } .bg-lg-secondary-secondary-75 { background: linear-gradient(270deg, var(--secondary-75) 0%, var(--secondary-75) 51.44%, var(--secondary-75) 100%); } .bg-lg-secondary-secondary-50 { background: linear-gradient(270deg, var(--secondary-50) 0%, var(--secondary-50) 51.44%, var(--secondary-50) 100%); } .bg-lg-secondary-secondary-25 { background: linear-gradient(270deg, var(--secondary-25) 0%, var(--secondary-25) 51.44%, var(--secondary-25) 100%); } .bg-lg-secondary-secondary-10 { background: linear-gradient(270deg, var(--secondary-10) 0%, var(--secondary-10) 51.44%, var(--secondary-10) 100%); } .bg-lg-secondary-tertiary { background: linear-gradient(270deg, var(--secondary) 0%, var(--tertiary) 51.44%, var(--secondary) 100%); } .bg-lg-secondary-tertiary-dark { background: linear-gradient(270deg, var(--secondary-dark) 0%, var(--tertiary-dark) 51.44%, var(--secondary-dark) 100%); } .bg-lg-secondary-tertiary-75 { background: linear-gradient(270deg, var(--secondary-75) 0%, var(--tertiary-75) 51.44%, var(--secondary-75) 100%); } .bg-lg-secondary-tertiary-50 { background: linear-gradient(270deg, var(--secondary-50) 0%, var(--tertiary-50) 51.44%, var(--secondary-50) 100%); } .bg-lg-secondary-tertiary-25 { background: linear-gradient(270deg, var(--secondary-25) 0%, var(--tertiary-25) 51.44%, var(--secondary-25) 100%); } .bg-lg-secondary-tertiary-10 { background: linear-gradient(270deg, var(--secondary-10) 0%, var(--tertiary-10) 51.44%, var(--secondary-10) 100%); } .bg-lg-secondary-quaternary { background: linear-gradient(270deg, var(--secondary) 0%, var(--quaternary) 51.44%, var(--secondary) 100%); } .bg-lg-secondary-quaternary-dark { background: linear-gradient(270deg, var(--secondary-dark) 0%, var(--quaternary-dark) 51.44%, var(--secondary-dark) 100%); } .bg-lg-secondary-quaternary-75 { background: linear-gradient(270deg, var(--secondary-75) 0%, var(--quaternary-75) 51.44%, var(--secondary-75) 100%); } .bg-lg-secondary-quaternary-50 { background: linear-gradient(270deg, var(--secondary-50) 0%, var(--quaternary-50) 51.44%, var(--secondary-50) 100%); } .bg-lg-secondary-quaternary-25 { background: linear-gradient(270deg, var(--secondary-25) 0%, var(--quaternary-25) 51.44%, var(--secondary-25) 100%); } .bg-lg-secondary-quaternary-10 { background: linear-gradient(270deg, var(--secondary-10) 0%, var(--quaternary-10) 51.44%, var(--secondary-10) 100%); } .bg-lg-secondary-quinary { background: linear-gradient(270deg, var(--secondary) 0%, var(--quinary) 51.44%, var(--secondary) 100%); } .bg-lg-secondary-quinary-dark { background: linear-gradient(270deg, var(--secondary-dark) 0%, var(--quinary-dark) 51.44%, var(--secondary-dark) 100%); } .bg-lg-secondary-quinary-75 { background: linear-gradient(270deg, var(--secondary-75) 0%, var(--quinary-75) 51.44%, var(--secondary-75) 100%); } .bg-lg-secondary-quinary-50 { background: linear-gradient(270deg, var(--secondary-50) 0%, var(--quinary-50) 51.44%, var(--secondary-50) 100%); } .bg-lg-secondary-quinary-25 { background: linear-gradient(270deg, var(--secondary-25) 0%, var(--quinary-25) 51.44%, var(--secondary-25) 100%); } .bg-lg-secondary-quinary-10 { background: linear-gradient(270deg, var(--secondary-10) 0%, var(--quinary-10) 51.44%, var(--secondary-10) 100%); } .bg-lg-tertiary-primary { background: linear-gradient(270deg, var(--tertiary) 0%, var(--primary) 51.44%, var(--tertiary) 100%); } .bg-lg-tertiary-primary-dark { background: linear-gradient(270deg, var(--tertiary-dark) 0%, var(--primary-dark) 51.44%, var(--tertiary-dark) 100%); } .bg-lg-tertiary-primary-75 { background: linear-gradient(270deg, var(--tertiary-75) 0%, var(--primary-75) 51.44%, var(--tertiary-75) 100%); } .bg-lg-tertiary-primary-50 { background: linear-gradient(270deg, var(--tertiary-50) 0%, var(--primary-50) 51.44%, var(--tertiary-50) 100%); } .bg-lg-tertiary-primary-25 { background: linear-gradient(270deg, var(--tertiary-25) 0%, var(--primary-25) 51.44%, var(--tertiary-25) 100%); } .bg-lg-tertiary-primary-10 { background: linear-gradient(270deg, var(--tertiary-10) 0%, var(--primary-10) 51.44%, var(--tertiary-10) 100%); } .bg-lg-tertiary-secondary { background: linear-gradient(270deg, var(--tertiary) 0%, var(--secondary) 51.44%, var(--tertiary) 100%); } .bg-lg-tertiary-secondary-dark { background: linear-gradient(270deg, var(--tertiary-dark) 0%, var(--secondary-dark) 51.44%, var(--tertiary-dark) 100%); } .bg-lg-tertiary-secondary-75 { background: linear-gradient(270deg, var(--tertiary-75) 0%, var(--secondary-75) 51.44%, var(--tertiary-75) 100%); } .bg-lg-tertiary-secondary-50 { background: linear-gradient(270deg, var(--tertiary-50) 0%, var(--secondary-50) 51.44%, var(--tertiary-50) 100%); } .bg-lg-tertiary-secondary-25 { background: linear-gradient(270deg, var(--tertiary-25) 0%, var(--secondary-25) 51.44%, var(--tertiary-25) 100%); } .bg-lg-tertiary-secondary-10 { background: linear-gradient(270deg, var(--tertiary-10) 0%, var(--secondary-10) 51.44%, var(--tertiary-10) 100%); } .bg-lg-tertiary-tertiary { background: linear-gradient(270deg, var(--tertiary) 0%, var(--tertiary) 51.44%, var(--tertiary) 100%); } .bg-lg-tertiary-tertiary-dark { background: linear-gradient(270deg, var(--tertiary-dark) 0%, var(--tertiary-dark) 51.44%, var(--tertiary-dark) 100%); } .bg-lg-tertiary-tertiary-75 { background: linear-gradient(270deg, var(--tertiary-75) 0%, var(--tertiary-75) 51.44%, var(--tertiary-75) 100%); } .bg-lg-tertiary-tertiary-50 { background: linear-gradient(270deg, var(--tertiary-50) 0%, var(--tertiary-50) 51.44%, var(--tertiary-50) 100%); } .bg-lg-tertiary-tertiary-25 { background: linear-gradient(270deg, var(--tertiary-25) 0%, var(--tertiary-25) 51.44%, var(--tertiary-25) 100%); } .bg-lg-tertiary-tertiary-10 { background: linear-gradient(270deg, var(--tertiary-10) 0%, var(--tertiary-10) 51.44%, var(--tertiary-10) 100%); } .bg-lg-tertiary-quaternary { background: linear-gradient(270deg, var(--tertiary) 0%, var(--quaternary) 51.44%, var(--tertiary) 100%); } .bg-lg-tertiary-quaternary-dark { background: linear-gradient(270deg, var(--tertiary-dark) 0%, var(--quaternary-dark) 51.44%, var(--tertiary-dark) 100%); } .bg-lg-tertiary-quaternary-75 { background: linear-gradient(270deg, var(--tertiary-75) 0%, var(--quaternary-75) 51.44%, var(--tertiary-75) 100%); } .bg-lg-tertiary-quaternary-50 { background: linear-gradient(270deg, var(--tertiary-50) 0%, var(--quaternary-50) 51.44%, var(--tertiary-50) 100%); } .bg-lg-tertiary-quaternary-25 { background: linear-gradient(270deg, var(--tertiary-25) 0%, var(--quaternary-25) 51.44%, var(--tertiary-25) 100%); } .bg-lg-tertiary-quaternary-10 { background: linear-gradient(270deg, var(--tertiary-10) 0%, var(--quaternary-10) 51.44%, var(--tertiary-10) 100%); } .bg-lg-tertiary-quinary { background: linear-gradient(270deg, var(--tertiary) 0%, var(--quinary) 51.44%, var(--tertiary) 100%); } .bg-lg-tertiary-quinary-dark { background: linear-gradient(270deg, var(--tertiary-dark) 0%, var(--quinary-dark) 51.44%, var(--tertiary-dark) 100%); } .bg-lg-tertiary-quinary-75 { background: linear-gradient(270deg, var(--tertiary-75) 0%, var(--quinary-75) 51.44%, var(--tertiary-75) 100%); } .bg-lg-tertiary-quinary-50 { background: linear-gradient(270deg, var(--tertiary-50) 0%, var(--quinary-50) 51.44%, var(--tertiary-50) 100%); } .bg-lg-tertiary-quinary-25 { background: linear-gradient(270deg, var(--tertiary-25) 0%, var(--quinary-25) 51.44%, var(--tertiary-25) 100%); } .bg-lg-tertiary-quinary-10 { background: linear-gradient(270deg, var(--tertiary-10) 0%, var(--quinary-10) 51.44%, var(--tertiary-10) 100%); } .bg-lg-quaternary-primary { background: linear-gradient(270deg, var(--quaternary) 0%, var(--primary) 51.44%, var(--quaternary) 100%); } .bg-lg-quaternary-primary-dark { background: linear-gradient(270deg, var(--quaternary-dark) 0%, var(--primary-dark) 51.44%, var(--quaternary-dark) 100%); } .bg-lg-quaternary-primary-75 { background: linear-gradient(270deg, var(--quaternary-75) 0%, var(--primary-75) 51.44%, var(--quaternary-75) 100%); } .bg-lg-quaternary-primary-50 { background: linear-gradient(270deg, var(--quaternary-50) 0%, var(--primary-50) 51.44%, var(--quaternary-50) 100%); } .bg-lg-quaternary-primary-25 { background: linear-gradient(270deg, var(--quaternary-25) 0%, var(--primary-25) 51.44%, var(--quaternary-25) 100%); } .bg-lg-quaternary-primary-10 { background: linear-gradient(270deg, var(--quaternary-10) 0%, var(--primary-10) 51.44%, var(--quaternary-10) 100%); } .bg-lg-quaternary-secondary { background: linear-gradient(270deg, var(--quaternary) 0%, var(--secondary) 51.44%, var(--quaternary) 100%); } .bg-lg-quaternary-secondary-dark { background: linear-gradient(270deg, var(--quaternary-dark) 0%, var(--secondary-dark) 51.44%, var(--quaternary-dark) 100%); } .bg-lg-quaternary-secondary-75 { background: linear-gradient(270deg, var(--quaternary-75) 0%, var(--secondary-75) 51.44%, var(--quaternary-75) 100%); } .bg-lg-quaternary-secondary-50 { background: linear-gradient(270deg, var(--quaternary-50) 0%, var(--secondary-50) 51.44%, var(--quaternary-50) 100%); } .bg-lg-quaternary-secondary-25 { background: linear-gradient(270deg, var(--quaternary-25) 0%, var(--secondary-25) 51.44%, var(--quaternary-25) 100%); } .bg-lg-quaternary-secondary-10 { background: linear-gradient(270deg, var(--quaternary-10) 0%, var(--secondary-10) 51.44%, var(--quaternary-10) 100%); } .bg-lg-quaternary-tertiary { background: linear-gradient(270deg, var(--quaternary) 0%, var(--tertiary) 51.44%, var(--quaternary) 100%); } .bg-lg-quaternary-tertiary-dark { background: linear-gradient(270deg, var(--quaternary-dark) 0%, var(--tertiary-dark) 51.44%, var(--quaternary-dark) 100%); } .bg-lg-quaternary-tertiary-75 { background: linear-gradient(270deg, var(--quaternary-75) 0%, var(--tertiary-75) 51.44%, var(--quaternary-75) 100%); } .bg-lg-quaternary-tertiary-50 { background: linear-gradient(270deg, var(--quaternary-50) 0%, var(--tertiary-50) 51.44%, var(--quaternary-50) 100%); } .bg-lg-quaternary-tertiary-25 { background: linear-gradient(270deg, var(--quaternary-25) 0%, var(--tertiary-25) 51.44%, var(--quaternary-25) 100%); } .bg-lg-quaternary-tertiary-10 { background: linear-gradient(270deg, var(--quaternary-10) 0%, var(--tertiary-10) 51.44%, var(--quaternary-10) 100%); } .bg-lg-quaternary-quaternary { background: linear-gradient(270deg, var(--quaternary) 0%, var(--quaternary) 51.44%, var(--quaternary) 100%); } .bg-lg-quaternary-quaternary-dark { background: linear-gradient(270deg, var(--quaternary-dark) 0%, var(--quaternary-dark) 51.44%, var(--quaternary-dark) 100%); } .bg-lg-quaternary-quaternary-75 { background: linear-gradient(270deg, var(--quaternary-75) 0%, var(--quaternary-75) 51.44%, var(--quaternary-75) 100%); } .bg-lg-quaternary-quaternary-50 { background: linear-gradient(270deg, var(--quaternary-50) 0%, var(--quaternary-50) 51.44%, var(--quaternary-50) 100%); } .bg-lg-quaternary-quaternary-25 { background: linear-gradient(270deg, var(--quaternary-25) 0%, var(--quaternary-25) 51.44%, var(--quaternary-25) 100%); } .bg-lg-quaternary-quaternary-10 { background: linear-gradient(270deg, var(--quaternary-10) 0%, var(--quaternary-10) 51.44%, var(--quaternary-10) 100%); } .bg-lg-quaternary-quinary { background: linear-gradient(270deg, var(--quaternary) 0%, var(--quinary) 51.44%, var(--quaternary) 100%); } .bg-lg-quaternary-quinary-dark { background: linear-gradient(270deg, var(--quaternary-dark) 0%, var(--quinary-dark) 51.44%, var(--quaternary-dark) 100%); } .bg-lg-quaternary-quinary-75 { background: linear-gradient(270deg, var(--quaternary-75) 0%, var(--quinary-75) 51.44%, var(--quaternary-75) 100%); } .bg-lg-quaternary-quinary-50 { background: linear-gradient(270deg, var(--quaternary-50) 0%, var(--quinary-50) 51.44%, var(--quaternary-50) 100%); } .bg-lg-quaternary-quinary-25 { background: linear-gradient(270deg, var(--quaternary-25) 0%, var(--quinary-25) 51.44%, var(--quaternary-25) 100%); } .bg-lg-quaternary-quinary-10 { background: linear-gradient(270deg, var(--quaternary-10) 0%, var(--quinary-10) 51.44%, var(--quaternary-10) 100%); } .bg-lg-quinary-primary { background: linear-gradient(270deg, var(--quinary) 0%, var(--primary) 51.44%, var(--quinary) 100%); } .bg-lg-quinary-primary-dark { background: linear-gradient(270deg, var(--quinary-dark) 0%, var(--primary-dark) 51.44%, var(--quinary-dark) 100%); } .bg-lg-quinary-primary-75 { background: linear-gradient(270deg, var(--quinary-75) 0%, var(--primary-75) 51.44%, var(--quinary-75) 100%); } .bg-lg-quinary-primary-50 { background: linear-gradient(270deg, var(--quinary-50) 0%, var(--primary-50) 51.44%, var(--quinary-50) 100%); } .bg-lg-quinary-primary-25 { background: linear-gradient(270deg, var(--quinary-25) 0%, var(--primary-25) 51.44%, var(--quinary-25) 100%); } .bg-lg-quinary-primary-10 { background: linear-gradient(270deg, var(--quinary-10) 0%, var(--primary-10) 51.44%, var(--quinary-10) 100%); } .bg-lg-quinary-secondary { background: linear-gradient(270deg, var(--quinary) 0%, var(--secondary) 51.44%, var(--quinary) 100%); } .bg-lg-quinary-secondary-dark { background: linear-gradient(270deg, var(--quinary-dark) 0%, var(--secondary-dark) 51.44%, var(--quinary-dark) 100%); } .bg-lg-quinary-secondary-75 { background: linear-gradient(270deg, var(--quinary-75) 0%, var(--secondary-75) 51.44%, var(--quinary-75) 100%); } .bg-lg-quinary-secondary-50 { background: linear-gradient(270deg, var(--quinary-50) 0%, var(--secondary-50) 51.44%, var(--quinary-50) 100%); } .bg-lg-quinary-secondary-25 { background: linear-gradient(270deg, var(--quinary-25) 0%, var(--secondary-25) 51.44%, var(--quinary-25) 100%); } .bg-lg-quinary-secondary-10 { background: linear-gradient(270deg, var(--quinary-10) 0%, var(--secondary-10) 51.44%, var(--quinary-10) 100%); } .bg-lg-quinary-tertiary { background: linear-gradient(270deg, var(--quinary) 0%, var(--tertiary) 51.44%, var(--quinary) 100%); } .bg-lg-quinary-tertiary-dark { background: linear-gradient(270deg, var(--quinary-dark) 0%, var(--tertiary-dark) 51.44%, var(--quinary-dark) 100%); } .bg-lg-quinary-tertiary-75 { background: linear-gradient(270deg, var(--quinary-75) 0%, var(--tertiary-75) 51.44%, var(--quinary-75) 100%); } .bg-lg-quinary-tertiary-50 { background: linear-gradient(270deg, var(--quinary-50) 0%, var(--tertiary-50) 51.44%, var(--quinary-50) 100%); } .bg-lg-quinary-tertiary-25 { background: linear-gradient(270deg, var(--quinary-25) 0%, var(--tertiary-25) 51.44%, var(--quinary-25) 100%); } .bg-lg-quinary-tertiary-10 { background: linear-gradient(270deg, var(--quinary-10) 0%, var(--tertiary-10) 51.44%, var(--quinary-10) 100%); } .bg-lg-quinary-quaternary { background: linear-gradient(270deg, var(--quinary) 0%, var(--quaternary) 51.44%, var(--quinary) 100%); } .bg-lg-quinary-quaternary-dark { background: linear-gradient(270deg, var(--quinary-dark) 0%, var(--quaternary-dark) 51.44%, var(--quinary-dark) 100%); } .bg-lg-quinary-quaternary-75 { background: linear-gradient(270deg, var(--quinary-75) 0%, var(--quaternary-75) 51.44%, var(--quinary-75) 100%); } .bg-lg-quinary-quaternary-50 { background: linear-gradient(270deg, var(--quinary-50) 0%, var(--quaternary-50) 51.44%, var(--quinary-50) 100%); } .bg-lg-quinary-quaternary-25 { background: linear-gradient(270deg, var(--quinary-25) 0%, var(--quaternary-25) 51.44%, var(--quinary-25) 100%); } .bg-lg-quinary-quaternary-10 { background: linear-gradient(270deg, var(--quinary-10) 0%, var(--quaternary-10) 51.44%, var(--quinary-10) 100%); } .bg-lg-quinary-quinary { background: linear-gradient(270deg, var(--quinary) 0%, var(--quinary) 51.44%, var(--quinary) 100%); } .bg-lg-quinary-quinary-dark { background: linear-gradient(270deg, var(--quinary-dark) 0%, var(--quinary-dark) 51.44%, var(--quinary-dark) 100%); } .bg-lg-quinary-quinary-75 { background: linear-gradient(270deg, var(--quinary-75) 0%, var(--quinary-75) 51.44%, var(--quinary-75) 100%); } .bg-lg-quinary-quinary-50 { background: linear-gradient(270deg, var(--quinary-50) 0%, var(--quinary-50) 51.44%, var(--quinary-50) 100%); } .bg-lg-quinary-quinary-25 { background: linear-gradient(270deg, var(--quinary-25) 0%, var(--quinary-25) 51.44%, var(--quinary-25) 100%); } .bg-lg-quinary-quinary-10 { background: linear-gradient(270deg, var(--quinary-10) 0%, var(--quinary-10) 51.44%, var(--quinary-10) 100%); } } @media (min-width: 1200px) { .text-xl-primary-dark { color: var(--primary-dark); } .text-xl-primary-75 { color: var(--primary-75) !important; } .text-xl-primary-50 { color: var(--primary-50) !important; } .text-xl-primary-25 { color: var(--primary-25) !important; } .text-xl-primary-10 { color: var(--primary-10) !important; } .bg-xl-primary-dark { background-color: var(--primary-dark) !important; } .bg-xl-primary-75 { background-color: var(--primary-75) !important; } .bg-xl-primary-50 { background-color: var(--primary-50) !important; } .bg-xl-primary-25 { background-color: var(--primary-25) !important; } .bg-xl-primary-10 { background-color: var(--primary-10) !important; } .bg-xl-light { background-color: white !important; } .border-xl-primary-dark { --border-color: var(--primary-dark); } .border-xl-primary-75 { --border-color: var(--primary-75) !important; } .border-xl-primary-50 { --border-color: var(--primary-50) !important; } .border-xl-primary-25 { --border-color: var(--primary-25) !important; } .border-xl-primary-10 { --border-color: var(--primary-10) !important; } .text-xl-secondary-dark { color: var(--secondary-dark); } .text-xl-secondary-75 { color: var(--secondary-75) !important; } .text-xl-secondary-50 { color: var(--secondary-50) !important; } .text-xl-secondary-25 { color: var(--secondary-25) !important; } .text-xl-secondary-10 { color: var(--secondary-10) !important; } .bg-xl-secondary-dark { background-color: var(--secondary-dark) !important; } .bg-xl-secondary-75 { background-color: var(--secondary-75) !important; } .bg-xl-secondary-50 { background-color: var(--secondary-50) !important; } .bg-xl-secondary-25 { background-color: var(--secondary-25) !important; } .bg-xl-secondary-10 { background-color: var(--secondary-10) !important; } .bg-xl-light { background-color: white !important; } .border-xl-secondary-dark { --border-color: var(--secondary-dark); } .border-xl-secondary-75 { --border-color: var(--secondary-75) !important; } .border-xl-secondary-50 { --border-color: var(--secondary-50) !important; } .border-xl-secondary-25 { --border-color: var(--secondary-25) !important; } .border-xl-secondary-10 { --border-color: var(--secondary-10) !important; } .text-xl-tertiary-dark { color: var(--tertiary-dark); } .text-xl-tertiary-75 { color: var(--tertiary-75) !important; } .text-xl-tertiary-50 { color: var(--tertiary-50) !important; } .text-xl-tertiary-25 { color: var(--tertiary-25) !important; } .text-xl-tertiary-10 { color: var(--tertiary-10) !important; } .bg-xl-tertiary-dark { background-color: var(--tertiary-dark) !important; } .bg-xl-tertiary-75 { background-color: var(--tertiary-75) !important; } .bg-xl-tertiary-50 { background-color: var(--tertiary-50) !important; } .bg-xl-tertiary-25 { background-color: var(--tertiary-25) !important; } .bg-xl-tertiary-10 { background-color: var(--tertiary-10) !important; } .bg-xl-light { background-color: white !important; } .border-xl-tertiary-dark { --border-color: var(--tertiary-dark); } .border-xl-tertiary-75 { --border-color: var(--tertiary-75) !important; } .border-xl-tertiary-50 { --border-color: var(--tertiary-50) !important; } .border-xl-tertiary-25 { --border-color: var(--tertiary-25) !important; } .border-xl-tertiary-10 { --border-color: var(--tertiary-10) !important; } .text-xl-quaternary-dark { color: var(--quaternary-dark); } .text-xl-quaternary-75 { color: var(--quaternary-75) !important; } .text-xl-quaternary-50 { color: var(--quaternary-50) !important; } .text-xl-quaternary-25 { color: var(--quaternary-25) !important; } .text-xl-quaternary-10 { color: var(--quaternary-10) !important; } .bg-xl-quaternary-dark { background-color: var(--quaternary-dark) !important; } .bg-xl-quaternary-75 { background-color: var(--quaternary-75) !important; } .bg-xl-quaternary-50 { background-color: var(--quaternary-50) !important; } .bg-xl-quaternary-25 { background-color: var(--quaternary-25) !important; } .bg-xl-quaternary-10 { background-color: var(--quaternary-10) !important; } .bg-xl-light { background-color: white !important; } .border-xl-quaternary-dark { --border-color: var(--quaternary-dark); } .border-xl-quaternary-75 { --border-color: var(--quaternary-75) !important; } .border-xl-quaternary-50 { --border-color: var(--quaternary-50) !important; } .border-xl-quaternary-25 { --border-color: var(--quaternary-25) !important; } .border-xl-quaternary-10 { --border-color: var(--quaternary-10) !important; } .text-xl-quinary-dark { color: var(--quinary-dark); } .text-xl-quinary-75 { color: var(--quinary-75) !important; } .text-xl-quinary-50 { color: var(--quinary-50) !important; } .text-xl-quinary-25 { color: var(--quinary-25) !important; } .text-xl-quinary-10 { color: var(--quinary-10) !important; } .bg-xl-quinary-dark { background-color: var(--quinary-dark) !important; } .bg-xl-quinary-75 { background-color: var(--quinary-75) !important; } .bg-xl-quinary-50 { background-color: var(--quinary-50) !important; } .bg-xl-quinary-25 { background-color: var(--quinary-25) !important; } .bg-xl-quinary-10 { background-color: var(--quinary-10) !important; } .bg-xl-light { background-color: white !important; } .border-xl-quinary-dark { --border-color: var(--quinary-dark); } .border-xl-quinary-75 { --border-color: var(--quinary-75) !important; } .border-xl-quinary-50 { --border-color: var(--quinary-50) !important; } .border-xl-quinary-25 { --border-color: var(--quinary-25) !important; } .border-xl-quinary-10 { --border-color: var(--quinary-10) !important; } .bg-xl-primary-primary { background: linear-gradient(270deg, var(--primary) 0%, var(--primary) 51.44%, var(--primary) 100%); } .bg-xl-primary-primary-dark { background: linear-gradient(270deg, var(--primary-dark) 0%, var(--primary-dark) 51.44%, var(--primary-dark) 100%); } .bg-xl-primary-primary-75 { background: linear-gradient(270deg, var(--primary-75) 0%, var(--primary-75) 51.44%, var(--primary-75) 100%); } .bg-xl-primary-primary-50 { background: linear-gradient(270deg, var(--primary-50) 0%, var(--primary-50) 51.44%, var(--primary-50) 100%); } .bg-xl-primary-primary-25 { background: linear-gradient(270deg, var(--primary-25) 0%, var(--primary-25) 51.44%, var(--primary-25) 100%); } .bg-xl-primary-primary-10 { background: linear-gradient(270deg, var(--primary-10) 0%, var(--primary-10) 51.44%, var(--primary-10) 100%); } .bg-xl-primary-secondary { background: linear-gradient(270deg, var(--primary) 0%, var(--secondary) 51.44%, var(--primary) 100%); } .bg-xl-primary-secondary-dark { background: linear-gradient(270deg, var(--primary-dark) 0%, var(--secondary-dark) 51.44%, var(--primary-dark) 100%); } .bg-xl-primary-secondary-75 { background: linear-gradient(270deg, var(--primary-75) 0%, var(--secondary-75) 51.44%, var(--primary-75) 100%); } .bg-xl-primary-secondary-50 { background: linear-gradient(270deg, var(--primary-50) 0%, var(--secondary-50) 51.44%, var(--primary-50) 100%); } .bg-xl-primary-secondary-25 { background: linear-gradient(270deg, var(--primary-25) 0%, var(--secondary-25) 51.44%, var(--primary-25) 100%); } .bg-xl-primary-secondary-10 { background: linear-gradient(270deg, var(--primary-10) 0%, var(--secondary-10) 51.44%, var(--primary-10) 100%); } .bg-xl-primary-tertiary { background: linear-gradient(270deg, var(--primary) 0%, var(--tertiary) 51.44%, var(--primary) 100%); } .bg-xl-primary-tertiary-dark { background: linear-gradient(270deg, var(--primary-dark) 0%, var(--tertiary-dark) 51.44%, var(--primary-dark) 100%); } .bg-xl-primary-tertiary-75 { background: linear-gradient(270deg, var(--primary-75) 0%, var(--tertiary-75) 51.44%, var(--primary-75) 100%); } .bg-xl-primary-tertiary-50 { background: linear-gradient(270deg, var(--primary-50) 0%, var(--tertiary-50) 51.44%, var(--primary-50) 100%); } .bg-xl-primary-tertiary-25 { background: linear-gradient(270deg, var(--primary-25) 0%, var(--tertiary-25) 51.44%, var(--primary-25) 100%); } .bg-xl-primary-tertiary-10 { background: linear-gradient(270deg, var(--primary-10) 0%, var(--tertiary-10) 51.44%, var(--primary-10) 100%); } .bg-xl-primary-quaternary { background: linear-gradient(270deg, var(--primary) 0%, var(--quaternary) 51.44%, var(--primary) 100%); } .bg-xl-primary-quaternary-dark { background: linear-gradient(270deg, var(--primary-dark) 0%, var(--quaternary-dark) 51.44%, var(--primary-dark) 100%); } .bg-xl-primary-quaternary-75 { background: linear-gradient(270deg, var(--primary-75) 0%, var(--quaternary-75) 51.44%, var(--primary-75) 100%); } .bg-xl-primary-quaternary-50 { background: linear-gradient(270deg, var(--primary-50) 0%, var(--quaternary-50) 51.44%, var(--primary-50) 100%); } .bg-xl-primary-quaternary-25 { background: linear-gradient(270deg, var(--primary-25) 0%, var(--quaternary-25) 51.44%, var(--primary-25) 100%); } .bg-xl-primary-quaternary-10 { background: linear-gradient(270deg, var(--primary-10) 0%, var(--quaternary-10) 51.44%, var(--primary-10) 100%); } .bg-xl-primary-quinary { background: linear-gradient(270deg, var(--primary) 0%, var(--quinary) 51.44%, var(--primary) 100%); } .bg-xl-primary-quinary-dark { background: linear-gradient(270deg, var(--primary-dark) 0%, var(--quinary-dark) 51.44%, var(--primary-dark) 100%); } .bg-xl-primary-quinary-75 { background: linear-gradient(270deg, var(--primary-75) 0%, var(--quinary-75) 51.44%, var(--primary-75) 100%); } .bg-xl-primary-quinary-50 { background: linear-gradient(270deg, var(--primary-50) 0%, var(--quinary-50) 51.44%, var(--primary-50) 100%); } .bg-xl-primary-quinary-25 { background: linear-gradient(270deg, var(--primary-25) 0%, var(--quinary-25) 51.44%, var(--primary-25) 100%); } .bg-xl-primary-quinary-10 { background: linear-gradient(270deg, var(--primary-10) 0%, var(--quinary-10) 51.44%, var(--primary-10) 100%); } .bg-xl-secondary-primary { background: linear-gradient(270deg, var(--secondary) 0%, var(--primary) 51.44%, var(--secondary) 100%); } .bg-xl-secondary-primary-dark { background: linear-gradient(270deg, var(--secondary-dark) 0%, var(--primary-dark) 51.44%, var(--secondary-dark) 100%); } .bg-xl-secondary-primary-75 { background: linear-gradient(270deg, var(--secondary-75) 0%, var(--primary-75) 51.44%, var(--secondary-75) 100%); } .bg-xl-secondary-primary-50 { background: linear-gradient(270deg, var(--secondary-50) 0%, var(--primary-50) 51.44%, var(--secondary-50) 100%); } .bg-xl-secondary-primary-25 { background: linear-gradient(270deg, var(--secondary-25) 0%, var(--primary-25) 51.44%, var(--secondary-25) 100%); } .bg-xl-secondary-primary-10 { background: linear-gradient(270deg, var(--secondary-10) 0%, var(--primary-10) 51.44%, var(--secondary-10) 100%); } .bg-xl-secondary-secondary { background: linear-gradient(270deg, var(--secondary) 0%, var(--secondary) 51.44%, var(--secondary) 100%); } .bg-xl-secondary-secondary-dark { background: linear-gradient(270deg, var(--secondary-dark) 0%, var(--secondary-dark) 51.44%, var(--secondary-dark) 100%); } .bg-xl-secondary-secondary-75 { background: linear-gradient(270deg, var(--secondary-75) 0%, var(--secondary-75) 51.44%, var(--secondary-75) 100%); } .bg-xl-secondary-secondary-50 { background: linear-gradient(270deg, var(--secondary-50) 0%, var(--secondary-50) 51.44%, var(--secondary-50) 100%); } .bg-xl-secondary-secondary-25 { background: linear-gradient(270deg, var(--secondary-25) 0%, var(--secondary-25) 51.44%, var(--secondary-25) 100%); } .bg-xl-secondary-secondary-10 { background: linear-gradient(270deg, var(--secondary-10) 0%, var(--secondary-10) 51.44%, var(--secondary-10) 100%); } .bg-xl-secondary-tertiary { background: linear-gradient(270deg, var(--secondary) 0%, var(--tertiary) 51.44%, var(--secondary) 100%); } .bg-xl-secondary-tertiary-dark { background: linear-gradient(270deg, var(--secondary-dark) 0%, var(--tertiary-dark) 51.44%, var(--secondary-dark) 100%); } .bg-xl-secondary-tertiary-75 { background: linear-gradient(270deg, var(--secondary-75) 0%, var(--tertiary-75) 51.44%, var(--secondary-75) 100%); } .bg-xl-secondary-tertiary-50 { background: linear-gradient(270deg, var(--secondary-50) 0%, var(--tertiary-50) 51.44%, var(--secondary-50) 100%); } .bg-xl-secondary-tertiary-25 { background: linear-gradient(270deg, var(--secondary-25) 0%, var(--tertiary-25) 51.44%, var(--secondary-25) 100%); } .bg-xl-secondary-tertiary-10 { background: linear-gradient(270deg, var(--secondary-10) 0%, var(--tertiary-10) 51.44%, var(--secondary-10) 100%); } .bg-xl-secondary-quaternary { background: linear-gradient(270deg, var(--secondary) 0%, var(--quaternary) 51.44%, var(--secondary) 100%); } .bg-xl-secondary-quaternary-dark { background: linear-gradient(270deg, var(--secondary-dark) 0%, var(--quaternary-dark) 51.44%, var(--secondary-dark) 100%); } .bg-xl-secondary-quaternary-75 { background: linear-gradient(270deg, var(--secondary-75) 0%, var(--quaternary-75) 51.44%, var(--secondary-75) 100%); } .bg-xl-secondary-quaternary-50 { background: linear-gradient(270deg, var(--secondary-50) 0%, var(--quaternary-50) 51.44%, var(--secondary-50) 100%); } .bg-xl-secondary-quaternary-25 { background: linear-gradient(270deg, var(--secondary-25) 0%, var(--quaternary-25) 51.44%, var(--secondary-25) 100%); } .bg-xl-secondary-quaternary-10 { background: linear-gradient(270deg, var(--secondary-10) 0%, var(--quaternary-10) 51.44%, var(--secondary-10) 100%); } .bg-xl-secondary-quinary { background: linear-gradient(270deg, var(--secondary) 0%, var(--quinary) 51.44%, var(--secondary) 100%); } .bg-xl-secondary-quinary-dark { background: linear-gradient(270deg, var(--secondary-dark) 0%, var(--quinary-dark) 51.44%, var(--secondary-dark) 100%); } .bg-xl-secondary-quinary-75 { background: linear-gradient(270deg, var(--secondary-75) 0%, var(--quinary-75) 51.44%, var(--secondary-75) 100%); } .bg-xl-secondary-quinary-50 { background: linear-gradient(270deg, var(--secondary-50) 0%, var(--quinary-50) 51.44%, var(--secondary-50) 100%); } .bg-xl-secondary-quinary-25 { background: linear-gradient(270deg, var(--secondary-25) 0%, var(--quinary-25) 51.44%, var(--secondary-25) 100%); } .bg-xl-secondary-quinary-10 { background: linear-gradient(270deg, var(--secondary-10) 0%, var(--quinary-10) 51.44%, var(--secondary-10) 100%); } .bg-xl-tertiary-primary { background: linear-gradient(270deg, var(--tertiary) 0%, var(--primary) 51.44%, var(--tertiary) 100%); } .bg-xl-tertiary-primary-dark { background: linear-gradient(270deg, var(--tertiary-dark) 0%, var(--primary-dark) 51.44%, var(--tertiary-dark) 100%); } .bg-xl-tertiary-primary-75 { background: linear-gradient(270deg, var(--tertiary-75) 0%, var(--primary-75) 51.44%, var(--tertiary-75) 100%); } .bg-xl-tertiary-primary-50 { background: linear-gradient(270deg, var(--tertiary-50) 0%, var(--primary-50) 51.44%, var(--tertiary-50) 100%); } .bg-xl-tertiary-primary-25 { background: linear-gradient(270deg, var(--tertiary-25) 0%, var(--primary-25) 51.44%, var(--tertiary-25) 100%); } .bg-xl-tertiary-primary-10 { background: linear-gradient(270deg, var(--tertiary-10) 0%, var(--primary-10) 51.44%, var(--tertiary-10) 100%); } .bg-xl-tertiary-secondary { background: linear-gradient(270deg, var(--tertiary) 0%, var(--secondary) 51.44%, var(--tertiary) 100%); } .bg-xl-tertiary-secondary-dark { background: linear-gradient(270deg, var(--tertiary-dark) 0%, var(--secondary-dark) 51.44%, var(--tertiary-dark) 100%); } .bg-xl-tertiary-secondary-75 { background: linear-gradient(270deg, var(--tertiary-75) 0%, var(--secondary-75) 51.44%, var(--tertiary-75) 100%); } .bg-xl-tertiary-secondary-50 { background: linear-gradient(270deg, var(--tertiary-50) 0%, var(--secondary-50) 51.44%, var(--tertiary-50) 100%); } .bg-xl-tertiary-secondary-25 { background: linear-gradient(270deg, var(--tertiary-25) 0%, var(--secondary-25) 51.44%, var(--tertiary-25) 100%); } .bg-xl-tertiary-secondary-10 { background: linear-gradient(270deg, var(--tertiary-10) 0%, var(--secondary-10) 51.44%, var(--tertiary-10) 100%); } .bg-xl-tertiary-tertiary { background: linear-gradient(270deg, var(--tertiary) 0%, var(--tertiary) 51.44%, var(--tertiary) 100%); } .bg-xl-tertiary-tertiary-dark { background: linear-gradient(270deg, var(--tertiary-dark) 0%, var(--tertiary-dark) 51.44%, var(--tertiary-dark) 100%); } .bg-xl-tertiary-tertiary-75 { background: linear-gradient(270deg, var(--tertiary-75) 0%, var(--tertiary-75) 51.44%, var(--tertiary-75) 100%); } .bg-xl-tertiary-tertiary-50 { background: linear-gradient(270deg, var(--tertiary-50) 0%, var(--tertiary-50) 51.44%, var(--tertiary-50) 100%); } .bg-xl-tertiary-tertiary-25 { background: linear-gradient(270deg, var(--tertiary-25) 0%, var(--tertiary-25) 51.44%, var(--tertiary-25) 100%); } .bg-xl-tertiary-tertiary-10 { background: linear-gradient(270deg, var(--tertiary-10) 0%, var(--tertiary-10) 51.44%, var(--tertiary-10) 100%); } .bg-xl-tertiary-quaternary { background: linear-gradient(270deg, var(--tertiary) 0%, var(--quaternary) 51.44%, var(--tertiary) 100%); } .bg-xl-tertiary-quaternary-dark { background: linear-gradient(270deg, var(--tertiary-dark) 0%, var(--quaternary-dark) 51.44%, var(--tertiary-dark) 100%); } .bg-xl-tertiary-quaternary-75 { background: linear-gradient(270deg, var(--tertiary-75) 0%, var(--quaternary-75) 51.44%, var(--tertiary-75) 100%); } .bg-xl-tertiary-quaternary-50 { background: linear-gradient(270deg, var(--tertiary-50) 0%, var(--quaternary-50) 51.44%, var(--tertiary-50) 100%); } .bg-xl-tertiary-quaternary-25 { background: linear-gradient(270deg, var(--tertiary-25) 0%, var(--quaternary-25) 51.44%, var(--tertiary-25) 100%); } .bg-xl-tertiary-quaternary-10 { background: linear-gradient(270deg, var(--tertiary-10) 0%, var(--quaternary-10) 51.44%, var(--tertiary-10) 100%); } .bg-xl-tertiary-quinary { background: linear-gradient(270deg, var(--tertiary) 0%, var(--quinary) 51.44%, var(--tertiary) 100%); } .bg-xl-tertiary-quinary-dark { background: linear-gradient(270deg, var(--tertiary-dark) 0%, var(--quinary-dark) 51.44%, var(--tertiary-dark) 100%); } .bg-xl-tertiary-quinary-75 { background: linear-gradient(270deg, var(--tertiary-75) 0%, var(--quinary-75) 51.44%, var(--tertiary-75) 100%); } .bg-xl-tertiary-quinary-50 { background: linear-gradient(270deg, var(--tertiary-50) 0%, var(--quinary-50) 51.44%, var(--tertiary-50) 100%); } .bg-xl-tertiary-quinary-25 { background: linear-gradient(270deg, var(--tertiary-25) 0%, var(--quinary-25) 51.44%, var(--tertiary-25) 100%); } .bg-xl-tertiary-quinary-10 { background: linear-gradient(270deg, var(--tertiary-10) 0%, var(--quinary-10) 51.44%, var(--tertiary-10) 100%); } .bg-xl-quaternary-primary { background: linear-gradient(270deg, var(--quaternary) 0%, var(--primary) 51.44%, var(--quaternary) 100%); } .bg-xl-quaternary-primary-dark { background: linear-gradient(270deg, var(--quaternary-dark) 0%, var(--primary-dark) 51.44%, var(--quaternary-dark) 100%); } .bg-xl-quaternary-primary-75 { background: linear-gradient(270deg, var(--quaternary-75) 0%, var(--primary-75) 51.44%, var(--quaternary-75) 100%); } .bg-xl-quaternary-primary-50 { background: linear-gradient(270deg, var(--quaternary-50) 0%, var(--primary-50) 51.44%, var(--quaternary-50) 100%); } .bg-xl-quaternary-primary-25 { background: linear-gradient(270deg, var(--quaternary-25) 0%, var(--primary-25) 51.44%, var(--quaternary-25) 100%); } .bg-xl-quaternary-primary-10 { background: linear-gradient(270deg, var(--quaternary-10) 0%, var(--primary-10) 51.44%, var(--quaternary-10) 100%); } .bg-xl-quaternary-secondary { background: linear-gradient(270deg, var(--quaternary) 0%, var(--secondary) 51.44%, var(--quaternary) 100%); } .bg-xl-quaternary-secondary-dark { background: linear-gradient(270deg, var(--quaternary-dark) 0%, var(--secondary-dark) 51.44%, var(--quaternary-dark) 100%); } .bg-xl-quaternary-secondary-75 { background: linear-gradient(270deg, var(--quaternary-75) 0%, var(--secondary-75) 51.44%, var(--quaternary-75) 100%); } .bg-xl-quaternary-secondary-50 { background: linear-gradient(270deg, var(--quaternary-50) 0%, var(--secondary-50) 51.44%, var(--quaternary-50) 100%); } .bg-xl-quaternary-secondary-25 { background: linear-gradient(270deg, var(--quaternary-25) 0%, var(--secondary-25) 51.44%, var(--quaternary-25) 100%); } .bg-xl-quaternary-secondary-10 { background: linear-gradient(270deg, var(--quaternary-10) 0%, var(--secondary-10) 51.44%, var(--quaternary-10) 100%); } .bg-xl-quaternary-tertiary { background: linear-gradient(270deg, var(--quaternary) 0%, var(--tertiary) 51.44%, var(--quaternary) 100%); } .bg-xl-quaternary-tertiary-dark { background: linear-gradient(270deg, var(--quaternary-dark) 0%, var(--tertiary-dark) 51.44%, var(--quaternary-dark) 100%); } .bg-xl-quaternary-tertiary-75 { background: linear-gradient(270deg, var(--quaternary-75) 0%, var(--tertiary-75) 51.44%, var(--quaternary-75) 100%); } .bg-xl-quaternary-tertiary-50 { background: linear-gradient(270deg, var(--quaternary-50) 0%, var(--tertiary-50) 51.44%, var(--quaternary-50) 100%); } .bg-xl-quaternary-tertiary-25 { background: linear-gradient(270deg, var(--quaternary-25) 0%, var(--tertiary-25) 51.44%, var(--quaternary-25) 100%); } .bg-xl-quaternary-tertiary-10 { background: linear-gradient(270deg, var(--quaternary-10) 0%, var(--tertiary-10) 51.44%, var(--quaternary-10) 100%); } .bg-xl-quaternary-quaternary { background: linear-gradient(270deg, var(--quaternary) 0%, var(--quaternary) 51.44%, var(--quaternary) 100%); } .bg-xl-quaternary-quaternary-dark { background: linear-gradient(270deg, var(--quaternary-dark) 0%, var(--quaternary-dark) 51.44%, var(--quaternary-dark) 100%); } .bg-xl-quaternary-quaternary-75 { background: linear-gradient(270deg, var(--quaternary-75) 0%, var(--quaternary-75) 51.44%, var(--quaternary-75) 100%); } .bg-xl-quaternary-quaternary-50 { background: linear-gradient(270deg, var(--quaternary-50) 0%, var(--quaternary-50) 51.44%, var(--quaternary-50) 100%); } .bg-xl-quaternary-quaternary-25 { background: linear-gradient(270deg, var(--quaternary-25) 0%, var(--quaternary-25) 51.44%, var(--quaternary-25) 100%); } .bg-xl-quaternary-quaternary-10 { background: linear-gradient(270deg, var(--quaternary-10) 0%, var(--quaternary-10) 51.44%, var(--quaternary-10) 100%); } .bg-xl-quaternary-quinary { background: linear-gradient(270deg, var(--quaternary) 0%, var(--quinary) 51.44%, var(--quaternary) 100%); } .bg-xl-quaternary-quinary-dark { background: linear-gradient(270deg, var(--quaternary-dark) 0%, var(--quinary-dark) 51.44%, var(--quaternary-dark) 100%); } .bg-xl-quaternary-quinary-75 { background: linear-gradient(270deg, var(--quaternary-75) 0%, var(--quinary-75) 51.44%, var(--quaternary-75) 100%); } .bg-xl-quaternary-quinary-50 { background: linear-gradient(270deg, var(--quaternary-50) 0%, var(--quinary-50) 51.44%, var(--quaternary-50) 100%); } .bg-xl-quaternary-quinary-25 { background: linear-gradient(270deg, var(--quaternary-25) 0%, var(--quinary-25) 51.44%, var(--quaternary-25) 100%); } .bg-xl-quaternary-quinary-10 { background: linear-gradient(270deg, var(--quaternary-10) 0%, var(--quinary-10) 51.44%, var(--quaternary-10) 100%); } .bg-xl-quinary-primary { background: linear-gradient(270deg, var(--quinary) 0%, var(--primary) 51.44%, var(--quinary) 100%); } .bg-xl-quinary-primary-dark { background: linear-gradient(270deg, var(--quinary-dark) 0%, var(--primary-dark) 51.44%, var(--quinary-dark) 100%); } .bg-xl-quinary-primary-75 { background: linear-gradient(270deg, var(--quinary-75) 0%, var(--primary-75) 51.44%, var(--quinary-75) 100%); } .bg-xl-quinary-primary-50 { background: linear-gradient(270deg, var(--quinary-50) 0%, var(--primary-50) 51.44%, var(--quinary-50) 100%); } .bg-xl-quinary-primary-25 { background: linear-gradient(270deg, var(--quinary-25) 0%, var(--primary-25) 51.44%, var(--quinary-25) 100%); } .bg-xl-quinary-primary-10 { background: linear-gradient(270deg, var(--quinary-10) 0%, var(--primary-10) 51.44%, var(--quinary-10) 100%); } .bg-xl-quinary-secondary { background: linear-gradient(270deg, var(--quinary) 0%, var(--secondary) 51.44%, var(--quinary) 100%); } .bg-xl-quinary-secondary-dark { background: linear-gradient(270deg, var(--quinary-dark) 0%, var(--secondary-dark) 51.44%, var(--quinary-dark) 100%); } .bg-xl-quinary-secondary-75 { background: linear-gradient(270deg, var(--quinary-75) 0%, var(--secondary-75) 51.44%, var(--quinary-75) 100%); } .bg-xl-quinary-secondary-50 { background: linear-gradient(270deg, var(--quinary-50) 0%, var(--secondary-50) 51.44%, var(--quinary-50) 100%); } .bg-xl-quinary-secondary-25 { background: linear-gradient(270deg, var(--quinary-25) 0%, var(--secondary-25) 51.44%, var(--quinary-25) 100%); } .bg-xl-quinary-secondary-10 { background: linear-gradient(270deg, var(--quinary-10) 0%, var(--secondary-10) 51.44%, var(--quinary-10) 100%); } .bg-xl-quinary-tertiary { background: linear-gradient(270deg, var(--quinary) 0%, var(--tertiary) 51.44%, var(--quinary) 100%); } .bg-xl-quinary-tertiary-dark { background: linear-gradient(270deg, var(--quinary-dark) 0%, var(--tertiary-dark) 51.44%, var(--quinary-dark) 100%); } .bg-xl-quinary-tertiary-75 { background: linear-gradient(270deg, var(--quinary-75) 0%, var(--tertiary-75) 51.44%, var(--quinary-75) 100%); } .bg-xl-quinary-tertiary-50 { background: linear-gradient(270deg, var(--quinary-50) 0%, var(--tertiary-50) 51.44%, var(--quinary-50) 100%); } .bg-xl-quinary-tertiary-25 { background: linear-gradient(270deg, var(--quinary-25) 0%, var(--tertiary-25) 51.44%, var(--quinary-25) 100%); } .bg-xl-quinary-tertiary-10 { background: linear-gradient(270deg, var(--quinary-10) 0%, var(--tertiary-10) 51.44%, var(--quinary-10) 100%); } .bg-xl-quinary-quaternary { background: linear-gradient(270deg, var(--quinary) 0%, var(--quaternary) 51.44%, var(--quinary) 100%); } .bg-xl-quinary-quaternary-dark { background: linear-gradient(270deg, var(--quinary-dark) 0%, var(--quaternary-dark) 51.44%, var(--quinary-dark) 100%); } .bg-xl-quinary-quaternary-75 { background: linear-gradient(270deg, var(--quinary-75) 0%, var(--quaternary-75) 51.44%, var(--quinary-75) 100%); } .bg-xl-quinary-quaternary-50 { background: linear-gradient(270deg, var(--quinary-50) 0%, var(--quaternary-50) 51.44%, var(--quinary-50) 100%); } .bg-xl-quinary-quaternary-25 { background: linear-gradient(270deg, var(--quinary-25) 0%, var(--quaternary-25) 51.44%, var(--quinary-25) 100%); } .bg-xl-quinary-quaternary-10 { background: linear-gradient(270deg, var(--quinary-10) 0%, var(--quaternary-10) 51.44%, var(--quinary-10) 100%); } .bg-xl-quinary-quinary { background: linear-gradient(270deg, var(--quinary) 0%, var(--quinary) 51.44%, var(--quinary) 100%); } .bg-xl-quinary-quinary-dark { background: linear-gradient(270deg, var(--quinary-dark) 0%, var(--quinary-dark) 51.44%, var(--quinary-dark) 100%); } .bg-xl-quinary-quinary-75 { background: linear-gradient(270deg, var(--quinary-75) 0%, var(--quinary-75) 51.44%, var(--quinary-75) 100%); } .bg-xl-quinary-quinary-50 { background: linear-gradient(270deg, var(--quinary-50) 0%, var(--quinary-50) 51.44%, var(--quinary-50) 100%); } .bg-xl-quinary-quinary-25 { background: linear-gradient(270deg, var(--quinary-25) 0%, var(--quinary-25) 51.44%, var(--quinary-25) 100%); } .bg-xl-quinary-quinary-10 { background: linear-gradient(270deg, var(--quinary-10) 0%, var(--quinary-10) 51.44%, var(--quinary-10) 100%); } } @media (min-width: 1400px) { .text-xxl-primary-dark { color: var(--primary-dark); } .text-xxl-primary-75 { color: var(--primary-75) !important; } .text-xxl-primary-50 { color: var(--primary-50) !important; } .text-xxl-primary-25 { color: var(--primary-25) !important; } .text-xxl-primary-10 { color: var(--primary-10) !important; } .bg-xxl-primary-dark { background-color: var(--primary-dark) !important; } .bg-xxl-primary-75 { background-color: var(--primary-75) !important; } .bg-xxl-primary-50 { background-color: var(--primary-50) !important; } .bg-xxl-primary-25 { background-color: var(--primary-25) !important; } .bg-xxl-primary-10 { background-color: var(--primary-10) !important; } .bg-xxl-light { background-color: white !important; } .border-xxl-primary-dark { --border-color: var(--primary-dark); } .border-xxl-primary-75 { --border-color: var(--primary-75) !important; } .border-xxl-primary-50 { --border-color: var(--primary-50) !important; } .border-xxl-primary-25 { --border-color: var(--primary-25) !important; } .border-xxl-primary-10 { --border-color: var(--primary-10) !important; } .text-xxl-secondary-dark { color: var(--secondary-dark); } .text-xxl-secondary-75 { color: var(--secondary-75) !important; } .text-xxl-secondary-50 { color: var(--secondary-50) !important; } .text-xxl-secondary-25 { color: var(--secondary-25) !important; } .text-xxl-secondary-10 { color: var(--secondary-10) !important; } .bg-xxl-secondary-dark { background-color: var(--secondary-dark) !important; } .bg-xxl-secondary-75 { background-color: var(--secondary-75) !important; } .bg-xxl-secondary-50 { background-color: var(--secondary-50) !important; } .bg-xxl-secondary-25 { background-color: var(--secondary-25) !important; } .bg-xxl-secondary-10 { background-color: var(--secondary-10) !important; } .bg-xxl-light { background-color: white !important; } .border-xxl-secondary-dark { --border-color: var(--secondary-dark); } .border-xxl-secondary-75 { --border-color: var(--secondary-75) !important; } .border-xxl-secondary-50 { --border-color: var(--secondary-50) !important; } .border-xxl-secondary-25 { --border-color: var(--secondary-25) !important; } .border-xxl-secondary-10 { --border-color: var(--secondary-10) !important; } .text-xxl-tertiary-dark { color: var(--tertiary-dark); } .text-xxl-tertiary-75 { color: var(--tertiary-75) !important; } .text-xxl-tertiary-50 { color: var(--tertiary-50) !important; } .text-xxl-tertiary-25 { color: var(--tertiary-25) !important; } .text-xxl-tertiary-10 { color: var(--tertiary-10) !important; } .bg-xxl-tertiary-dark { background-color: var(--tertiary-dark) !important; } .bg-xxl-tertiary-75 { background-color: var(--tertiary-75) !important; } .bg-xxl-tertiary-50 { background-color: var(--tertiary-50) !important; } .bg-xxl-tertiary-25 { background-color: var(--tertiary-25) !important; } .bg-xxl-tertiary-10 { background-color: var(--tertiary-10) !important; } .bg-xxl-light { background-color: white !important; } .border-xxl-tertiary-dark { --border-color: var(--tertiary-dark); } .border-xxl-tertiary-75 { --border-color: var(--tertiary-75) !important; } .border-xxl-tertiary-50 { --border-color: var(--tertiary-50) !important; } .border-xxl-tertiary-25 { --border-color: var(--tertiary-25) !important; } .border-xxl-tertiary-10 { --border-color: var(--tertiary-10) !important; } .text-xxl-quaternary-dark { color: var(--quaternary-dark); } .text-xxl-quaternary-75 { color: var(--quaternary-75) !important; } .text-xxl-quaternary-50 { color: var(--quaternary-50) !important; } .text-xxl-quaternary-25 { color: var(--quaternary-25) !important; } .text-xxl-quaternary-10 { color: var(--quaternary-10) !important; } .bg-xxl-quaternary-dark { background-color: var(--quaternary-dark) !important; } .bg-xxl-quaternary-75 { background-color: var(--quaternary-75) !important; } .bg-xxl-quaternary-50 { background-color: var(--quaternary-50) !important; } .bg-xxl-quaternary-25 { background-color: var(--quaternary-25) !important; } .bg-xxl-quaternary-10 { background-color: var(--quaternary-10) !important; } .bg-xxl-light { background-color: white !important; } .border-xxl-quaternary-dark { --border-color: var(--quaternary-dark); } .border-xxl-quaternary-75 { --border-color: var(--quaternary-75) !important; } .border-xxl-quaternary-50 { --border-color: var(--quaternary-50) !important; } .border-xxl-quaternary-25 { --border-color: var(--quaternary-25) !important; } .border-xxl-quaternary-10 { --border-color: var(--quaternary-10) !important; } .text-xxl-quinary-dark { color: var(--quinary-dark); } .text-xxl-quinary-75 { color: var(--quinary-75) !important; } .text-xxl-quinary-50 { color: var(--quinary-50) !important; } .text-xxl-quinary-25 { color: var(--quinary-25) !important; } .text-xxl-quinary-10 { color: var(--quinary-10) !important; } .bg-xxl-quinary-dark { background-color: var(--quinary-dark) !important; } .bg-xxl-quinary-75 { background-color: var(--quinary-75) !important; } .bg-xxl-quinary-50 { background-color: var(--quinary-50) !important; } .bg-xxl-quinary-25 { background-color: var(--quinary-25) !important; } .bg-xxl-quinary-10 { background-color: var(--quinary-10) !important; } .bg-xxl-light { background-color: white !important; } .border-xxl-quinary-dark { --border-color: var(--quinary-dark); } .border-xxl-quinary-75 { --border-color: var(--quinary-75) !important; } .border-xxl-quinary-50 { --border-color: var(--quinary-50) !important; } .border-xxl-quinary-25 { --border-color: var(--quinary-25) !important; } .border-xxl-quinary-10 { --border-color: var(--quinary-10) !important; } .bg-xxl-primary-primary { background: linear-gradient(270deg, var(--primary) 0%, var(--primary) 51.44%, var(--primary) 100%); } .bg-xxl-primary-primary-dark { background: linear-gradient(270deg, var(--primary-dark) 0%, var(--primary-dark) 51.44%, var(--primary-dark) 100%); } .bg-xxl-primary-primary-75 { background: linear-gradient(270deg, var(--primary-75) 0%, var(--primary-75) 51.44%, var(--primary-75) 100%); } .bg-xxl-primary-primary-50 { background: linear-gradient(270deg, var(--primary-50) 0%, var(--primary-50) 51.44%, var(--primary-50) 100%); } .bg-xxl-primary-primary-25 { background: linear-gradient(270deg, var(--primary-25) 0%, var(--primary-25) 51.44%, var(--primary-25) 100%); } .bg-xxl-primary-primary-10 { background: linear-gradient(270deg, var(--primary-10) 0%, var(--primary-10) 51.44%, var(--primary-10) 100%); } .bg-xxl-primary-secondary { background: linear-gradient(270deg, var(--primary) 0%, var(--secondary) 51.44%, var(--primary) 100%); } .bg-xxl-primary-secondary-dark { background: linear-gradient(270deg, var(--primary-dark) 0%, var(--secondary-dark) 51.44%, var(--primary-dark) 100%); } .bg-xxl-primary-secondary-75 { background: linear-gradient(270deg, var(--primary-75) 0%, var(--secondary-75) 51.44%, var(--primary-75) 100%); } .bg-xxl-primary-secondary-50 { background: linear-gradient(270deg, var(--primary-50) 0%, var(--secondary-50) 51.44%, var(--primary-50) 100%); } .bg-xxl-primary-secondary-25 { background: linear-gradient(270deg, var(--primary-25) 0%, var(--secondary-25) 51.44%, var(--primary-25) 100%); } .bg-xxl-primary-secondary-10 { background: linear-gradient(270deg, var(--primary-10) 0%, var(--secondary-10) 51.44%, var(--primary-10) 100%); } .bg-xxl-primary-tertiary { background: linear-gradient(270deg, var(--primary) 0%, var(--tertiary) 51.44%, var(--primary) 100%); } .bg-xxl-primary-tertiary-dark { background: linear-gradient(270deg, var(--primary-dark) 0%, var(--tertiary-dark) 51.44%, var(--primary-dark) 100%); } .bg-xxl-primary-tertiary-75 { background: linear-gradient(270deg, var(--primary-75) 0%, var(--tertiary-75) 51.44%, var(--primary-75) 100%); } .bg-xxl-primary-tertiary-50 { background: linear-gradient(270deg, var(--primary-50) 0%, var(--tertiary-50) 51.44%, var(--primary-50) 100%); } .bg-xxl-primary-tertiary-25 { background: linear-gradient(270deg, var(--primary-25) 0%, var(--tertiary-25) 51.44%, var(--primary-25) 100%); } .bg-xxl-primary-tertiary-10 { background: linear-gradient(270deg, var(--primary-10) 0%, var(--tertiary-10) 51.44%, var(--primary-10) 100%); } .bg-xxl-primary-quaternary { background: linear-gradient(270deg, var(--primary) 0%, var(--quaternary) 51.44%, var(--primary) 100%); } .bg-xxl-primary-quaternary-dark { background: linear-gradient(270deg, var(--primary-dark) 0%, var(--quaternary-dark) 51.44%, var(--primary-dark) 100%); } .bg-xxl-primary-quaternary-75 { background: linear-gradient(270deg, var(--primary-75) 0%, var(--quaternary-75) 51.44%, var(--primary-75) 100%); } .bg-xxl-primary-quaternary-50 { background: linear-gradient(270deg, var(--primary-50) 0%, var(--quaternary-50) 51.44%, var(--primary-50) 100%); } .bg-xxl-primary-quaternary-25 { background: linear-gradient(270deg, var(--primary-25) 0%, var(--quaternary-25) 51.44%, var(--primary-25) 100%); } .bg-xxl-primary-quaternary-10 { background: linear-gradient(270deg, var(--primary-10) 0%, var(--quaternary-10) 51.44%, var(--primary-10) 100%); } .bg-xxl-primary-quinary { background: linear-gradient(270deg, var(--primary) 0%, var(--quinary) 51.44%, var(--primary) 100%); } .bg-xxl-primary-quinary-dark { background: linear-gradient(270deg, var(--primary-dark) 0%, var(--quinary-dark) 51.44%, var(--primary-dark) 100%); } .bg-xxl-primary-quinary-75 { background: linear-gradient(270deg, var(--primary-75) 0%, var(--quinary-75) 51.44%, var(--primary-75) 100%); } .bg-xxl-primary-quinary-50 { background: linear-gradient(270deg, var(--primary-50) 0%, var(--quinary-50) 51.44%, var(--primary-50) 100%); } .bg-xxl-primary-quinary-25 { background: linear-gradient(270deg, var(--primary-25) 0%, var(--quinary-25) 51.44%, var(--primary-25) 100%); } .bg-xxl-primary-quinary-10 { background: linear-gradient(270deg, var(--primary-10) 0%, var(--quinary-10) 51.44%, var(--primary-10) 100%); } .bg-xxl-secondary-primary { background: linear-gradient(270deg, var(--secondary) 0%, var(--primary) 51.44%, var(--secondary) 100%); } .bg-xxl-secondary-primary-dark { background: linear-gradient(270deg, var(--secondary-dark) 0%, var(--primary-dark) 51.44%, var(--secondary-dark) 100%); } .bg-xxl-secondary-primary-75 { background: linear-gradient(270deg, var(--secondary-75) 0%, var(--primary-75) 51.44%, var(--secondary-75) 100%); } .bg-xxl-secondary-primary-50 { background: linear-gradient(270deg, var(--secondary-50) 0%, var(--primary-50) 51.44%, var(--secondary-50) 100%); } .bg-xxl-secondary-primary-25 { background: linear-gradient(270deg, var(--secondary-25) 0%, var(--primary-25) 51.44%, var(--secondary-25) 100%); } .bg-xxl-secondary-primary-10 { background: linear-gradient(270deg, var(--secondary-10) 0%, var(--primary-10) 51.44%, var(--secondary-10) 100%); } .bg-xxl-secondary-secondary { background: linear-gradient(270deg, var(--secondary) 0%, var(--secondary) 51.44%, var(--secondary) 100%); } .bg-xxl-secondary-secondary-dark { background: linear-gradient(270deg, var(--secondary-dark) 0%, var(--secondary-dark) 51.44%, var(--secondary-dark) 100%); } .bg-xxl-secondary-secondary-75 { background: linear-gradient(270deg, var(--secondary-75) 0%, var(--secondary-75) 51.44%, var(--secondary-75) 100%); } .bg-xxl-secondary-secondary-50 { background: linear-gradient(270deg, var(--secondary-50) 0%, var(--secondary-50) 51.44%, var(--secondary-50) 100%); } .bg-xxl-secondary-secondary-25 { background: linear-gradient(270deg, var(--secondary-25) 0%, var(--secondary-25) 51.44%, var(--secondary-25) 100%); } .bg-xxl-secondary-secondary-10 { background: linear-gradient(270deg, var(--secondary-10) 0%, var(--secondary-10) 51.44%, var(--secondary-10) 100%); } .bg-xxl-secondary-tertiary { background: linear-gradient(270deg, var(--secondary) 0%, var(--tertiary) 51.44%, var(--secondary) 100%); } .bg-xxl-secondary-tertiary-dark { background: linear-gradient(270deg, var(--secondary-dark) 0%, var(--tertiary-dark) 51.44%, var(--secondary-dark) 100%); } .bg-xxl-secondary-tertiary-75 { background: linear-gradient(270deg, var(--secondary-75) 0%, var(--tertiary-75) 51.44%, var(--secondary-75) 100%); } .bg-xxl-secondary-tertiary-50 { background: linear-gradient(270deg, var(--secondary-50) 0%, var(--tertiary-50) 51.44%, var(--secondary-50) 100%); } .bg-xxl-secondary-tertiary-25 { background: linear-gradient(270deg, var(--secondary-25) 0%, var(--tertiary-25) 51.44%, var(--secondary-25) 100%); } .bg-xxl-secondary-tertiary-10 { background: linear-gradient(270deg, var(--secondary-10) 0%, var(--tertiary-10) 51.44%, var(--secondary-10) 100%); } .bg-xxl-secondary-quaternary { background: linear-gradient(270deg, var(--secondary) 0%, var(--quaternary) 51.44%, var(--secondary) 100%); } .bg-xxl-secondary-quaternary-dark { background: linear-gradient(270deg, var(--secondary-dark) 0%, var(--quaternary-dark) 51.44%, var(--secondary-dark) 100%); } .bg-xxl-secondary-quaternary-75 { background: linear-gradient(270deg, var(--secondary-75) 0%, var(--quaternary-75) 51.44%, var(--secondary-75) 100%); } .bg-xxl-secondary-quaternary-50 { background: linear-gradient(270deg, var(--secondary-50) 0%, var(--quaternary-50) 51.44%, var(--secondary-50) 100%); } .bg-xxl-secondary-quaternary-25 { background: linear-gradient(270deg, var(--secondary-25) 0%, var(--quaternary-25) 51.44%, var(--secondary-25) 100%); } .bg-xxl-secondary-quaternary-10 { background: linear-gradient(270deg, var(--secondary-10) 0%, var(--quaternary-10) 51.44%, var(--secondary-10) 100%); } .bg-xxl-secondary-quinary { background: linear-gradient(270deg, var(--secondary) 0%, var(--quinary) 51.44%, var(--secondary) 100%); } .bg-xxl-secondary-quinary-dark { background: linear-gradient(270deg, var(--secondary-dark) 0%, var(--quinary-dark) 51.44%, var(--secondary-dark) 100%); } .bg-xxl-secondary-quinary-75 { background: linear-gradient(270deg, var(--secondary-75) 0%, var(--quinary-75) 51.44%, var(--secondary-75) 100%); } .bg-xxl-secondary-quinary-50 { background: linear-gradient(270deg, var(--secondary-50) 0%, var(--quinary-50) 51.44%, var(--secondary-50) 100%); } .bg-xxl-secondary-quinary-25 { background: linear-gradient(270deg, var(--secondary-25) 0%, var(--quinary-25) 51.44%, var(--secondary-25) 100%); } .bg-xxl-secondary-quinary-10 { background: linear-gradient(270deg, var(--secondary-10) 0%, var(--quinary-10) 51.44%, var(--secondary-10) 100%); } .bg-xxl-tertiary-primary { background: linear-gradient(270deg, var(--tertiary) 0%, var(--primary) 51.44%, var(--tertiary) 100%); } .bg-xxl-tertiary-primary-dark { background: linear-gradient(270deg, var(--tertiary-dark) 0%, var(--primary-dark) 51.44%, var(--tertiary-dark) 100%); } .bg-xxl-tertiary-primary-75 { background: linear-gradient(270deg, var(--tertiary-75) 0%, var(--primary-75) 51.44%, var(--tertiary-75) 100%); } .bg-xxl-tertiary-primary-50 { background: linear-gradient(270deg, var(--tertiary-50) 0%, var(--primary-50) 51.44%, var(--tertiary-50) 100%); } .bg-xxl-tertiary-primary-25 { background: linear-gradient(270deg, var(--tertiary-25) 0%, var(--primary-25) 51.44%, var(--tertiary-25) 100%); } .bg-xxl-tertiary-primary-10 { background: linear-gradient(270deg, var(--tertiary-10) 0%, var(--primary-10) 51.44%, var(--tertiary-10) 100%); } .bg-xxl-tertiary-secondary { background: linear-gradient(270deg, var(--tertiary) 0%, var(--secondary) 51.44%, var(--tertiary) 100%); } .bg-xxl-tertiary-secondary-dark { background: linear-gradient(270deg, var(--tertiary-dark) 0%, var(--secondary-dark) 51.44%, var(--tertiary-dark) 100%); } .bg-xxl-tertiary-secondary-75 { background: linear-gradient(270deg, var(--tertiary-75) 0%, var(--secondary-75) 51.44%, var(--tertiary-75) 100%); } .bg-xxl-tertiary-secondary-50 { background: linear-gradient(270deg, var(--tertiary-50) 0%, var(--secondary-50) 51.44%, var(--tertiary-50) 100%); } .bg-xxl-tertiary-secondary-25 { background: linear-gradient(270deg, var(--tertiary-25) 0%, var(--secondary-25) 51.44%, var(--tertiary-25) 100%); } .bg-xxl-tertiary-secondary-10 { background: linear-gradient(270deg, var(--tertiary-10) 0%, var(--secondary-10) 51.44%, var(--tertiary-10) 100%); } .bg-xxl-tertiary-tertiary { background: linear-gradient(270deg, var(--tertiary) 0%, var(--tertiary) 51.44%, var(--tertiary) 100%); } .bg-xxl-tertiary-tertiary-dark { background: linear-gradient(270deg, var(--tertiary-dark) 0%, var(--tertiary-dark) 51.44%, var(--tertiary-dark) 100%); } .bg-xxl-tertiary-tertiary-75 { background: linear-gradient(270deg, var(--tertiary-75) 0%, var(--tertiary-75) 51.44%, var(--tertiary-75) 100%); } .bg-xxl-tertiary-tertiary-50 { background: linear-gradient(270deg, var(--tertiary-50) 0%, var(--tertiary-50) 51.44%, var(--tertiary-50) 100%); } .bg-xxl-tertiary-tertiary-25 { background: linear-gradient(270deg, var(--tertiary-25) 0%, var(--tertiary-25) 51.44%, var(--tertiary-25) 100%); } .bg-xxl-tertiary-tertiary-10 { background: linear-gradient(270deg, var(--tertiary-10) 0%, var(--tertiary-10) 51.44%, var(--tertiary-10) 100%); } .bg-xxl-tertiary-quaternary { background: linear-gradient(270deg, var(--tertiary) 0%, var(--quaternary) 51.44%, var(--tertiary) 100%); } .bg-xxl-tertiary-quaternary-dark { background: linear-gradient(270deg, var(--tertiary-dark) 0%, var(--quaternary-dark) 51.44%, var(--tertiary-dark) 100%); } .bg-xxl-tertiary-quaternary-75 { background: linear-gradient(270deg, var(--tertiary-75) 0%, var(--quaternary-75) 51.44%, var(--tertiary-75) 100%); } .bg-xxl-tertiary-quaternary-50 { background: linear-gradient(270deg, var(--tertiary-50) 0%, var(--quaternary-50) 51.44%, var(--tertiary-50) 100%); } .bg-xxl-tertiary-quaternary-25 { background: linear-gradient(270deg, var(--tertiary-25) 0%, var(--quaternary-25) 51.44%, var(--tertiary-25) 100%); } .bg-xxl-tertiary-quaternary-10 { background: linear-gradient(270deg, var(--tertiary-10) 0%, var(--quaternary-10) 51.44%, var(--tertiary-10) 100%); } .bg-xxl-tertiary-quinary { background: linear-gradient(270deg, var(--tertiary) 0%, var(--quinary) 51.44%, var(--tertiary) 100%); } .bg-xxl-tertiary-quinary-dark { background: linear-gradient(270deg, var(--tertiary-dark) 0%, var(--quinary-dark) 51.44%, var(--tertiary-dark) 100%); } .bg-xxl-tertiary-quinary-75 { background: linear-gradient(270deg, var(--tertiary-75) 0%, var(--quinary-75) 51.44%, var(--tertiary-75) 100%); } .bg-xxl-tertiary-quinary-50 { background: linear-gradient(270deg, var(--tertiary-50) 0%, var(--quinary-50) 51.44%, var(--tertiary-50) 100%); } .bg-xxl-tertiary-quinary-25 { background: linear-gradient(270deg, var(--tertiary-25) 0%, var(--quinary-25) 51.44%, var(--tertiary-25) 100%); } .bg-xxl-tertiary-quinary-10 { background: linear-gradient(270deg, var(--tertiary-10) 0%, var(--quinary-10) 51.44%, var(--tertiary-10) 100%); } .bg-xxl-quaternary-primary { background: linear-gradient(270deg, var(--quaternary) 0%, var(--primary) 51.44%, var(--quaternary) 100%); } .bg-xxl-quaternary-primary-dark { background: linear-gradient(270deg, var(--quaternary-dark) 0%, var(--primary-dark) 51.44%, var(--quaternary-dark) 100%); } .bg-xxl-quaternary-primary-75 { background: linear-gradient(270deg, var(--quaternary-75) 0%, var(--primary-75) 51.44%, var(--quaternary-75) 100%); } .bg-xxl-quaternary-primary-50 { background: linear-gradient(270deg, var(--quaternary-50) 0%, var(--primary-50) 51.44%, var(--quaternary-50) 100%); } .bg-xxl-quaternary-primary-25 { background: linear-gradient(270deg, var(--quaternary-25) 0%, var(--primary-25) 51.44%, var(--quaternary-25) 100%); } .bg-xxl-quaternary-primary-10 { background: linear-gradient(270deg, var(--quaternary-10) 0%, var(--primary-10) 51.44%, var(--quaternary-10) 100%); } .bg-xxl-quaternary-secondary { background: linear-gradient(270deg, var(--quaternary) 0%, var(--secondary) 51.44%, var(--quaternary) 100%); } .bg-xxl-quaternary-secondary-dark { background: linear-gradient(270deg, var(--quaternary-dark) 0%, var(--secondary-dark) 51.44%, var(--quaternary-dark) 100%); } .bg-xxl-quaternary-secondary-75 { background: linear-gradient(270deg, var(--quaternary-75) 0%, var(--secondary-75) 51.44%, var(--quaternary-75) 100%); } .bg-xxl-quaternary-secondary-50 { background: linear-gradient(270deg, var(--quaternary-50) 0%, var(--secondary-50) 51.44%, var(--quaternary-50) 100%); } .bg-xxl-quaternary-secondary-25 { background: linear-gradient(270deg, var(--quaternary-25) 0%, var(--secondary-25) 51.44%, var(--quaternary-25) 100%); } .bg-xxl-quaternary-secondary-10 { background: linear-gradient(270deg, var(--quaternary-10) 0%, var(--secondary-10) 51.44%, var(--quaternary-10) 100%); } .bg-xxl-quaternary-tertiary { background: linear-gradient(270deg, var(--quaternary) 0%, var(--tertiary) 51.44%, var(--quaternary) 100%); } .bg-xxl-quaternary-tertiary-dark { background: linear-gradient(270deg, var(--quaternary-dark) 0%, var(--tertiary-dark) 51.44%, var(--quaternary-dark) 100%); } .bg-xxl-quaternary-tertiary-75 { background: linear-gradient(270deg, var(--quaternary-75) 0%, var(--tertiary-75) 51.44%, var(--quaternary-75) 100%); } .bg-xxl-quaternary-tertiary-50 { background: linear-gradient(270deg, var(--quaternary-50) 0%, var(--tertiary-50) 51.44%, var(--quaternary-50) 100%); } .bg-xxl-quaternary-tertiary-25 { background: linear-gradient(270deg, var(--quaternary-25) 0%, var(--tertiary-25) 51.44%, var(--quaternary-25) 100%); } .bg-xxl-quaternary-tertiary-10 { background: linear-gradient(270deg, var(--quaternary-10) 0%, var(--tertiary-10) 51.44%, var(--quaternary-10) 100%); } .bg-xxl-quaternary-quaternary { background: linear-gradient(270deg, var(--quaternary) 0%, var(--quaternary) 51.44%, var(--quaternary) 100%); } .bg-xxl-quaternary-quaternary-dark { background: linear-gradient(270deg, var(--quaternary-dark) 0%, var(--quaternary-dark) 51.44%, var(--quaternary-dark) 100%); } .bg-xxl-quaternary-quaternary-75 { background: linear-gradient(270deg, var(--quaternary-75) 0%, var(--quaternary-75) 51.44%, var(--quaternary-75) 100%); } .bg-xxl-quaternary-quaternary-50 { background: linear-gradient(270deg, var(--quaternary-50) 0%, var(--quaternary-50) 51.44%, var(--quaternary-50) 100%); } .bg-xxl-quaternary-quaternary-25 { background: linear-gradient(270deg, var(--quaternary-25) 0%, var(--quaternary-25) 51.44%, var(--quaternary-25) 100%); } .bg-xxl-quaternary-quaternary-10 { background: linear-gradient(270deg, var(--quaternary-10) 0%, var(--quaternary-10) 51.44%, var(--quaternary-10) 100%); } .bg-xxl-quaternary-quinary { background: linear-gradient(270deg, var(--quaternary) 0%, var(--quinary) 51.44%, var(--quaternary) 100%); } .bg-xxl-quaternary-quinary-dark { background: linear-gradient(270deg, var(--quaternary-dark) 0%, var(--quinary-dark) 51.44%, var(--quaternary-dark) 100%); } .bg-xxl-quaternary-quinary-75 { background: linear-gradient(270deg, var(--quaternary-75) 0%, var(--quinary-75) 51.44%, var(--quaternary-75) 100%); } .bg-xxl-quaternary-quinary-50 { background: linear-gradient(270deg, var(--quaternary-50) 0%, var(--quinary-50) 51.44%, var(--quaternary-50) 100%); } .bg-xxl-quaternary-quinary-25 { background: linear-gradient(270deg, var(--quaternary-25) 0%, var(--quinary-25) 51.44%, var(--quaternary-25) 100%); } .bg-xxl-quaternary-quinary-10 { background: linear-gradient(270deg, var(--quaternary-10) 0%, var(--quinary-10) 51.44%, var(--quaternary-10) 100%); } .bg-xxl-quinary-primary { background: linear-gradient(270deg, var(--quinary) 0%, var(--primary) 51.44%, var(--quinary) 100%); } .bg-xxl-quinary-primary-dark { background: linear-gradient(270deg, var(--quinary-dark) 0%, var(--primary-dark) 51.44%, var(--quinary-dark) 100%); } .bg-xxl-quinary-primary-75 { background: linear-gradient(270deg, var(--quinary-75) 0%, var(--primary-75) 51.44%, var(--quinary-75) 100%); } .bg-xxl-quinary-primary-50 { background: linear-gradient(270deg, var(--quinary-50) 0%, var(--primary-50) 51.44%, var(--quinary-50) 100%); } .bg-xxl-quinary-primary-25 { background: linear-gradient(270deg, var(--quinary-25) 0%, var(--primary-25) 51.44%, var(--quinary-25) 100%); } .bg-xxl-quinary-primary-10 { background: linear-gradient(270deg, var(--quinary-10) 0%, var(--primary-10) 51.44%, var(--quinary-10) 100%); } .bg-xxl-quinary-secondary { background: linear-gradient(270deg, var(--quinary) 0%, var(--secondary) 51.44%, var(--quinary) 100%); } .bg-xxl-quinary-secondary-dark { background: linear-gradient(270deg, var(--quinary-dark) 0%, var(--secondary-dark) 51.44%, var(--quinary-dark) 100%); } .bg-xxl-quinary-secondary-75 { background: linear-gradient(270deg, var(--quinary-75) 0%, var(--secondary-75) 51.44%, var(--quinary-75) 100%); } .bg-xxl-quinary-secondary-50 { background: linear-gradient(270deg, var(--quinary-50) 0%, var(--secondary-50) 51.44%, var(--quinary-50) 100%); } .bg-xxl-quinary-secondary-25 { background: linear-gradient(270deg, var(--quinary-25) 0%, var(--secondary-25) 51.44%, var(--quinary-25) 100%); } .bg-xxl-quinary-secondary-10 { background: linear-gradient(270deg, var(--quinary-10) 0%, var(--secondary-10) 51.44%, var(--quinary-10) 100%); } .bg-xxl-quinary-tertiary { background: linear-gradient(270deg, var(--quinary) 0%, var(--tertiary) 51.44%, var(--quinary) 100%); } .bg-xxl-quinary-tertiary-dark { background: linear-gradient(270deg, var(--quinary-dark) 0%, var(--tertiary-dark) 51.44%, var(--quinary-dark) 100%); } .bg-xxl-quinary-tertiary-75 { background: linear-gradient(270deg, var(--quinary-75) 0%, var(--tertiary-75) 51.44%, var(--quinary-75) 100%); } .bg-xxl-quinary-tertiary-50 { background: linear-gradient(270deg, var(--quinary-50) 0%, var(--tertiary-50) 51.44%, var(--quinary-50) 100%); } .bg-xxl-quinary-tertiary-25 { background: linear-gradient(270deg, var(--quinary-25) 0%, var(--tertiary-25) 51.44%, var(--quinary-25) 100%); } .bg-xxl-quinary-tertiary-10 { background: linear-gradient(270deg, var(--quinary-10) 0%, var(--tertiary-10) 51.44%, var(--quinary-10) 100%); } .bg-xxl-quinary-quaternary { background: linear-gradient(270deg, var(--quinary) 0%, var(--quaternary) 51.44%, var(--quinary) 100%); } .bg-xxl-quinary-quaternary-dark { background: linear-gradient(270deg, var(--quinary-dark) 0%, var(--quaternary-dark) 51.44%, var(--quinary-dark) 100%); } .bg-xxl-quinary-quaternary-75 { background: linear-gradient(270deg, var(--quinary-75) 0%, var(--quaternary-75) 51.44%, var(--quinary-75) 100%); } .bg-xxl-quinary-quaternary-50 { background: linear-gradient(270deg, var(--quinary-50) 0%, var(--quaternary-50) 51.44%, var(--quinary-50) 100%); } .bg-xxl-quinary-quaternary-25 { background: linear-gradient(270deg, var(--quinary-25) 0%, var(--quaternary-25) 51.44%, var(--quinary-25) 100%); } .bg-xxl-quinary-quaternary-10 { background: linear-gradient(270deg, var(--quinary-10) 0%, var(--quaternary-10) 51.44%, var(--quinary-10) 100%); } .bg-xxl-quinary-quinary { background: linear-gradient(270deg, var(--quinary) 0%, var(--quinary) 51.44%, var(--quinary) 100%); } .bg-xxl-quinary-quinary-dark { background: linear-gradient(270deg, var(--quinary-dark) 0%, var(--quinary-dark) 51.44%, var(--quinary-dark) 100%); } .bg-xxl-quinary-quinary-75 { background: linear-gradient(270deg, var(--quinary-75) 0%, var(--quinary-75) 51.44%, var(--quinary-75) 100%); } .bg-xxl-quinary-quinary-50 { background: linear-gradient(270deg, var(--quinary-50) 0%, var(--quinary-50) 51.44%, var(--quinary-50) 100%); } .bg-xxl-quinary-quinary-25 { background: linear-gradient(270deg, var(--quinary-25) 0%, var(--quinary-25) 51.44%, var(--quinary-25) 100%); } .bg-xxl-quinary-quinary-10 { background: linear-gradient(270deg, var(--quinary-10) 0%, var(--quinary-10) 51.44%, var(--quinary-10) 100%); } } .btn.btn-primary-dark { color: white; background-color: var(--primary-dark); border-color: var(--primary-dark); } .btn.btn-primary-dark:hover { box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent); } .btn.btn-primary-75 { color: white; background-color: var(--primary-75); border-color: var(--primary-75); } .btn.btn-primary-75:hover { box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent); } .btn.btn-primary-50 { color: white; background-color: var(--primary-50); border-color: var(--primary-50); } .btn.btn-primary-50:hover { box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent); } .btn.btn-primary-25 { color: white; background-color: var(--primary-25); border-color: var(--primary-25); } .btn.btn-primary-25:hover { box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent); } .btn.btn-primary-10 { color: white; background-color: var(--primary-10); border-color: var(--primary-10); } .btn.btn-primary-10:hover { box-shadow: 0 0 0 0.2rem var(--primary-rgba-translucent); } .btn.btn-secondary-dark { color: white; background-color: var(--secondary-dark); border-color: var(--secondary-dark); } .btn.btn-secondary-dark:hover { box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent); } .btn.btn-secondary-75 { color: white; background-color: var(--secondary-75); border-color: var(--secondary-75); } .btn.btn-secondary-75:hover { box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent); } .btn.btn-secondary-50 { color: white; background-color: var(--secondary-50); border-color: var(--secondary-50); } .btn.btn-secondary-50:hover { box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent); } .btn.btn-secondary-25 { color: white; background-color: var(--secondary-25); border-color: var(--secondary-25); } .btn.btn-secondary-25:hover { box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent); } .btn.btn-secondary-10 { color: white; background-color: var(--secondary-10); border-color: var(--secondary-10); } .btn.btn-secondary-10:hover { box-shadow: 0 0 0 0.2rem var(--secondary-rgba-translucent); } .btn.btn-tertiary-dark { color: white; background-color: var(--tertiary-dark); border-color: var(--tertiary-dark); } .btn.btn-tertiary-dark:hover { box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent); } .btn.btn-tertiary-75 { color: white; background-color: var(--tertiary-75); border-color: var(--tertiary-75); } .btn.btn-tertiary-75:hover { box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent); } .btn.btn-tertiary-50 { color: white; background-color: var(--tertiary-50); border-color: var(--tertiary-50); } .btn.btn-tertiary-50:hover { box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent); } .btn.btn-tertiary-25 { color: white; background-color: var(--tertiary-25); border-color: var(--tertiary-25); } .btn.btn-tertiary-25:hover { box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent); } .btn.btn-tertiary-10 { color: white; background-color: var(--tertiary-10); border-color: var(--tertiary-10); } .btn.btn-tertiary-10:hover { box-shadow: 0 0 0 0.2rem var(--tertiary-rgba-translucent); } .btn.btn-quaternary-dark { color: white; background-color: var(--quaternary-dark); border-color: var(--quaternary-dark); } .btn.btn-quaternary-dark:hover { box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent); } .btn.btn-quaternary-75 { color: white; background-color: var(--quaternary-75); border-color: var(--quaternary-75); } .btn.btn-quaternary-75:hover { box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent); } .btn.btn-quaternary-50 { color: white; background-color: var(--quaternary-50); border-color: var(--quaternary-50); } .btn.btn-quaternary-50:hover { box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent); } .btn.btn-quaternary-25 { color: white; background-color: var(--quaternary-25); border-color: var(--quaternary-25); } .btn.btn-quaternary-25:hover { box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent); } .btn.btn-quaternary-10 { color: white; background-color: var(--quaternary-10); border-color: var(--quaternary-10); } .btn.btn-quaternary-10:hover { box-shadow: 0 0 0 0.2rem var(--quaternary-rgba-translucent); } .btn.btn-quinary-dark { color: white; background-color: var(--quinary-dark); border-color: var(--quinary-dark); } .btn.btn-quinary-dark:hover { box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent); } .btn.btn-quinary-75 { color: white; background-color: var(--quinary-75); border-color: var(--quinary-75); } .btn.btn-quinary-75:hover { box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent); } .btn.btn-quinary-50 { color: white; background-color: var(--quinary-50); border-color: var(--quinary-50); } .btn.btn-quinary-50:hover { box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent); } .btn.btn-quinary-25 { color: white; background-color: var(--quinary-25); border-color: var(--quinary-25); } .btn.btn-quinary-25:hover { box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent); } .btn.btn-quinary-10 { color: white; background-color: var(--quinary-10); border-color: var(--quinary-10); } .btn.btn-quinary-10:hover { box-shadow: 0 0 0 0.2rem var(--quinary-rgba-translucent); } .bg-gradient-primary { background: linear-gradient(90deg, #567182 50%, #405563 100%); } body { color: var(--tertiary); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ @media (min-width: 992px) { nav ul.level-1 > li > a { gap: 0.44rem; } nav ul.level-1 > li > a i.icon-mobile { display: none; } nav ul.level-1 > li > ul.level-2.mega { box-shadow: 0 14px 16px -14px rgba(0, 0, 0, 0.12); list-style: none; position: fixed; display: flex; gap: 1.25rem; width: 100%; top: calc(var(--nav-height) + var(--nav-tert-height) + var(--top-bar, 0px)); left: 0px; background: var(--light); border-top: 1px solid var(--quaternary-50); padding: 3.12rem calc((100vw - (var(--nav-width) - .75rem)) / 2); } nav ul.level-1 > li > ul.level-2.mega > li { max-width: 33.33334%; flex-grow: 1; } nav ul.level-1 > li > ul.level-2.mega > li:last-child:nth-child(2) { max-width: unset; } nav ul.level-1 > li > ul.level-2.mega > li a.sect-title { font-family: var(--font-primary); font-size: 1.25rem; font-weight: 400; line-height: 120%; color: var(--tertiary); transition: 0.1s ease-in; margin-bottom: 1rem; display: block; } nav ul.level-1 > li > ul.level-2.mega > li a.sect-title:hover { color: var(--secondary); } nav ul.level-1 > li > ul.level-2.mega > li ul.sub-list { list-style: none; padding-left: 0px; display: flex; flex-direction: column; gap: 0.56rem; margin-bottom: 1.88rem; } nav ul.level-1 > li > ul.level-2.mega > li ul.sub-list li a { font-size: var(--p-font-size); line-height: var(--p-line-height); font-weight: 300; color: var(--tertiary); font-family: var(--font-secondary); } } @media (max-width: 991px) { nav ul.level-1 { margin: 0px !important; width: 100% !important; padding: 1.38rem 1.25rem 0rem 1.25rem !important; border-top: 1px solid var(--quaternary-50); } nav ul.level-1 > li:not(:first-child) { padding-top: 1.38rem; border-top: 1px solid rgba(104, 115, 123, 0.5); } nav ul.level-1 > li:not(:last-child) { padding-bottom: 1.38rem; } nav ul.level-1 > li > a { font-weight: 400; line-height: normal; } nav ul.level-1 > li > a i.icon-desktop { display: none; } nav ul.level-1 > li > a.open i.icon-mobile { transform: rotate(180deg); } nav ul.level-1 > li > ul.level-2.mega { padding-top: 1rem; list-style: none; padding-left: 0px; display: flex; flex-direction: column; gap: 0.62rem; } nav ul.level-1 > li > ul.level-2.mega > li > a { font-size: 1rem; font-weight: 300; line-height: 160%; font-family: var(--font-secondary); color: var(--tertiary); } nav ul.level-1 > li > ul.level-2.mega > li .sub-list { display: none; } nav ul.level-1 > li > ul.level-2.mega > li .link-arrow { display: none; } nav ul.level-1 > li > ul.level-2.mega > li.nav-content { display: none; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ @media (max-width: 991px) { nav { display: flex; flex-direction: column; justify-content: flex-end !important; } } nav .mobile-box { width: 100%; padding: 1.12rem 1.25rem; background-color: var(--primary); color: var(--light); text-align: center; } @media (min-width: 992px) { nav .mobile-box { display: none; } } nav .mobile-box .title, nav .mobile-box .subtitle { font-size: 0.75rem; font-weight: 400; line-height: normal; letter-spacing: 0.075rem; text-transform: uppercase; font-family: var(--font-secondary); } nav .mobile-box .number { font-size: 2.1875rem; font-weight: 400; line-height: normal; font-family: var(--font-primary); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .cta-phone { text-align: center; color: var(--tertiary); } @media (max-width: 992px) { .cta-phone { display: none; } } .cta-phone:hover { color: var(--secondary) !important; } .cta-phone:hover .phone { color: var(--secondary) !important; } .cta-phone .title, .cta-phone .subtitle { font-size: 0.75rem; font-weight: 400; line-height: normal; letter-spacing: 0.075rem; text-transform: uppercase; } .cta-phone .phone { color: var(--primary); font-family: var(--font-primary); font-size: 2.1875rem; font-weight: 400; line-height: normal; } .shell-home header .cta-phone { color: var(--light); } .shell-home header .cta-phone .phone { color: var(--light); } .shell-home header .cta-phone:hover { color: var(--light) !important; } .shell-home header .cta-phone:hover .phone { color: var(--light) !important; } .shell-home header:has(a.parent.over) .cta-phone, .shell-home header.scrolled .cta-phone { color: var(--tertiary); } .shell-home header:has(a.parent.over) .cta-phone .phone, .shell-home header.scrolled .cta-phone .phone { color: var(--primary); } .shell-home header:has(a.parent.over) .cta-phone:hover, .shell-home header.scrolled .cta-phone:hover { color: var(--secondary) !important; } .shell-home header:has(a.parent.over) .cta-phone:hover .phone, .shell-home header.scrolled .cta-phone:hover .phone { color: var(--secondary) !important; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ @media (min-width: 992px) { section[class*="bg-"] + section.cmp-well-content { padding-top: var(--section-unit); } } @media (max-width: 991px) { section.cmp-well-content { padding-top: 0px !important; } } @media (max-width: 575px) { section.cmp-well-content > .container-fluid > .row .col-well { background-color: var(--well-color); padding: var(--section-unit) 0.75rem; } section.cmp-well-content > .container-fluid > .row .col-well .wi-well-v2 { overflow: visible; } section.cmp-well-content > .container-fluid > .row .col-well .wi-well-v2 .slick-prev { left: 0.75rem; } section.cmp-well-content > .container-fluid > .row .col-well .wi-well-v2 .slick-next { right: 0.75rem; } } @media (min-width: 575px) and (max-width: 991px) { section.cmp-well-content > .container-fluid > .row .col-well { background-color: var(--well-color); padding: var(--section-unit) calc(((100vw - var(--container-w)) / 2) + .75rem); } } @media (max-width: 575px) { section.cmp-well-content > .container-fluid > .row .col-content { padding: var(--section-unit) 0.75rem; padding-bottom: 0px; } } @media (min-width: 575px) and (max-width: 991px) { section.cmp-well-content > .container-fluid > .row .col-content { padding: var(--section-unit) calc(((100vw - var(--container-w)) / 2) + .75rem); padding-bottom: 0px; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .footer-nav { display: flex; flex-direction: column; } @media (min-width: 992px) { .footer-nav { border-right: 1px solid rgba(255, 255, 255, 0.15); } } .footer-nav .subsection { border-top: 1px solid rgba(255, 255, 255, 0.15); } @media (min-width: 992px) { .footer-nav .subsection { border-top: unset; } } .footer-nav .subsection:first-child { padding: 1.5rem 0rem; } @media (min-width: 992px) { .footer-nav .subsection:first-child { padding-top: 0px; } } .footer-nav .subsection:last-child { border-top: 1px solid rgba(255, 255, 255, 0.15); padding-top: 1.5rem; } .footer-nav .subsection .title { font-family: var(--font-primary); font-size: 1.25rem; font-weight: 400; line-height: 120%; color: var(--light); transition: 0.1s ease-in; margin-bottom: 0.88rem; display: block; } .footer-nav .subsection .title:hover { text-decoration: underline; } .footer-nav .subsection .row { --bs-gutter-y: .56rem; --bs-gutter-x: 1.25rem; } .footer-nav .subsection .row .page { font-size: 1rem; font-weight: 300; line-height: 160%; color: var(--light); transition: 0.1s ease-in; } .footer-nav .subsection .row .page:hover { text-decoration: underline; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .cmp-footer { padding: 3.75rem 0rem; } @media (min-width: 992px) { .cmp-footer { padding: 5rem 0rem; } } .cmp-footer .container .footer-row { display: flex; flex-direction: column; } @media (min-width: 992px) { .cmp-footer .container .footer-row { flex-direction: row; flex-wrap: nowrap; } } .cmp-footer .container .footer-row .left { order: 2; padding-bottom: 1.88rem; } @media (min-width: 992px) { .cmp-footer .container .footer-row .left { order: 1; flex-grow: 1; width: 34.7836087%; padding-bottom: 0px; } } .cmp-footer .container .footer-row .middle { display: flex; flex-direction: column; align-items: center; gap: 1.88rem; order: 1; padding-bottom: 1.88rem; } @media (min-width: 992px) { .cmp-footer .container .footer-row .middle { order: 2; width: 30.29453015%; padding-bottom: 0px; } } .cmp-footer .container .footer-row .middle .logo { max-width: 8.67rem; } .cmp-footer .container .footer-row .middle .text p { text-align: center; margin-bottom: 0px; font-size: 1rem; font-weight: 300; line-height: 160%; color: var(--light); } .cmp-footer .container .footer-row .right { order: 3; padding-top: 1.88rem; border-top: 1px solid rgba(255, 255, 255, 0.15); } @media (min-width: 992px) { .cmp-footer .container .footer-row .right { flex-grow: 1; width: 34.9088359%; border-left: 1px solid rgba(255, 255, 255, 0.15); padding-left: 2.19rem; padding-top: 0px; border-top: unset !important; } } @media (max-width: 991px) { .cmp-footer .form-wrapper-v3 .btn { width: 100%; } } .cmp-sub-footer { background-color: var(--sub-color); padding: 1.25rem 0rem !important; } .cmp-sub-footer .text { text-align: center; font-size: 0.875rem; font-weight: 400; line-height: 160%; color: var(--light); } .cmp-sub-footer .text a { color: var(--light); } .cmp-sub-footer .text a:hover { text-decoration: underline; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .cmp-hero-simple { background: var(--color); padding: calc(var(--nav-tert-height) + 5rem) 0px; } @media (min-width: 992px) { .cmp-hero-simple { padding-top: calc((var(--nav-desktop-height) - var(--nav-scrolled-height)) + var(--nav-tert-height) + 5.62rem) !important; padding-bottom: 5.62rem; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .cmp-content-cutout { background: var(--color); } @media (min-width: 992px) { .cmp-content-cutout { padding: 0px; } } .cmp-content-cutout > .container > .row { --bs-gutter-x: 2.5rem; --bs-gutter-y: 1.88rem; flex-direction: column-reverse; } @media (min-width: 992px) { .cmp-content-cutout > .container > .row { --bs-gutter-y: 0rem; flex-direction: row; } } @media (min-width: 992px) { .cmp-content-cutout > .container > .row .content-col { padding-top: var(--section-unit); padding-bottom: var(--section-unit); } } .cmp-content-cutout > .container > .row .content-col .cmp-heading { text-align: center; } @media (min-width: 992px) { .cmp-content-cutout > .container > .row .content-col .cmp-heading { text-align: start; } } .cmp-content-cutout > .container > .row .content-col .btns-col { justify-content: center; } @media (min-width: 992px) { .cmp-content-cutout > .container > .row .content-col .btns-col { justify-content: flex-start; } } .cmp-content-cutout > .container > .row .cutout-col { display: flex; justify-content: center; } @media (min-width: 992px) { .cmp-content-cutout > .container > .row .cutout-col { justify-content: unset; } } .cmp-content-cutout > .container > .row .cutout-col .cutout-well { display: flex; align-items: flex-end; } @media (max-width: 991px) { .cmp-content-cutout > .container > .row .cutout-col .cutout-well { background-color: var(--quaternary-25); padding: 0.81rem 0.7rem 0rem 0.7rem; max-width: 21.4rem; } } .cmp-content-cutout > .container > .row .cutout-col .cutout-well picture:has(.cutout) .cutout { max-width: 100%; } section.cmp-content-cutout + section { padding-top: var(--section-unit) !important; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .lr-overlap-intro .well-intro { z-index: 1; margin-top: -35px; margin-bottom: 0px; } @media (min-width: 992px) { .lr-overlap-intro .well-intro { margin-top: 0px; margin-left: -54px; } } .lr-overlap-intro .cmp-heading { gap: 0.25rem; } .lr-overlap-intro .content { margin-bottom: 2.19rem; } @media (max-width: 991px) { .lr-overlap-intro > .col-lg-6:last-child { padding-top: 0px !important; padding-bottom: 2rem; } } @media (min-width: 992px) { .lr-overlap-intro > .col-lg-6:last-child { order: 1; padding-top: calc((var(--nav-desktop-height) - var(--nav-scrolled-height)) + var(--nav-tert-height) + 6.53rem) !important; padding-bottom: 6.53rem; } } @media (max-width: 992px) { .lr-overlap-intro > .col-lg-6:first-child { height: 18.75rem; } } .lr-overlap-intro > .col-lg-6:first-child > .bg-img-container > picture > img { border-radius: 0px !important; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ body { --view-width: calc(100vw - (100vw - 100%)); } .lr-section { --lr-margin: calc(calc(var(--view-width) - var(--container-w)) / 2); display: flex; flex-wrap: wrap; padding: 0px !important; } .lr-section > div[class*="col-"] { padding: calc(var(--unit) * 4.6875) 0; } section.lr-section:first-child > div[class*="col-"] { padding-top: calc(var(--nav-mobile-height) + var(--nav-tert-height) + var(--section-unit)); } @media (min-width: 992px) { section.lr-section:first-child > div[class*="col-"] { padding-top: calc((var(--nav-desktop-height) - var(--nav-scrolled-height)) + var(--nav-tert-height) + var(--section-unit)); } } .lr-section > [class*="col-"] { width: 100%; } .lr-section > [class*="col-"] .lr-content { width: var(--container-w); margin: 0 auto; padding-left: 12px; padding-right: 12px; } .lr-section > .col-1 { --col-xs-1: calc(var(--container-w) * 0.083333); width: calc(var(--col-xs-1) + var(--lr-margin)); } .lr-section > .col-1 .lr-content { width: var(--col-xs-1); } .lr-section > .col-1:first-child .lr-content { margin-left: auto; } .lr-section > .col-1:last-child .lr-content { margin-right: auto; } .lr-section > .col-2 { --col-xs-2: calc(var(--container-w) * 0.166666); width: calc(var(--col-xs-2) + var(--lr-margin)); } .lr-section > .col-2 .lr-content { width: var(--col-xs-2); } .lr-section > .col-2:first-child .lr-content { margin-left: auto; } .lr-section > .col-2:last-child .lr-content { margin-right: auto; } .lr-section > .col-3 { --col-xs-3: calc(var(--container-w) * 0.249999); width: calc(var(--col-xs-3) + var(--lr-margin)); } .lr-section > .col-3 .lr-content { width: var(--col-xs-3); } .lr-section > .col-3:first-child .lr-content { margin-left: auto; } .lr-section > .col-3:last-child .lr-content { margin-right: auto; } .lr-section > .col-4 { --col-xs-4: calc(var(--container-w) * 0.333332); width: calc(var(--col-xs-4) + var(--lr-margin)); } .lr-section > .col-4 .lr-content { width: var(--col-xs-4); } .lr-section > .col-4:first-child .lr-content { margin-left: auto; } .lr-section > .col-4:last-child .lr-content { margin-right: auto; } .lr-section > .col-5 { --col-xs-5: calc(var(--container-w) * 0.416665); width: calc(var(--col-xs-5) + var(--lr-margin)); } .lr-section > .col-5 .lr-content { width: var(--col-xs-5); } .lr-section > .col-5:first-child .lr-content { margin-left: auto; } .lr-section > .col-5:last-child .lr-content { margin-right: auto; } .lr-section > .col-6 { --col-xs-6: calc(var(--container-w) * 0.499998); width: calc(var(--col-xs-6) + var(--lr-margin)); } .lr-section > .col-6 .lr-content { width: var(--col-xs-6); } .lr-section > .col-6:first-child .lr-content { margin-left: auto; } .lr-section > .col-6:last-child .lr-content { margin-right: auto; } .lr-section > .col-7 { --col-xs-7: calc(var(--container-w) * 0.583331); width: calc(var(--col-xs-7) + var(--lr-margin)); } .lr-section > .col-7 .lr-content { width: var(--col-xs-7); } .lr-section > .col-7:first-child .lr-content { margin-left: auto; } .lr-section > .col-7:last-child .lr-content { margin-right: auto; } .lr-section > .col-8 { --col-xs-8: calc(var(--container-w) * 0.666664); width: calc(var(--col-xs-8) + var(--lr-margin)); } .lr-section > .col-8 .lr-content { width: var(--col-xs-8); } .lr-section > .col-8:first-child .lr-content { margin-left: auto; } .lr-section > .col-8:last-child .lr-content { margin-right: auto; } .lr-section > .col-9 { --col-xs-9: calc(var(--container-w) * 0.749997); width: calc(var(--col-xs-9) + var(--lr-margin)); } .lr-section > .col-9 .lr-content { width: var(--col-xs-9); } .lr-section > .col-9:first-child .lr-content { margin-left: auto; } .lr-section > .col-9:last-child .lr-content { margin-right: auto; } .lr-section > .col-10 { --col-xs-10: calc(var(--container-w) * 0.83333); width: calc(var(--col-xs-10) + var(--lr-margin)); } .lr-section > .col-10 .lr-content { width: var(--col-xs-10); } .lr-section > .col-10:first-child .lr-content { margin-left: auto; } .lr-section > .col-10:last-child .lr-content { margin-right: auto; } .lr-section > .col-11 { --col-xs-11: calc(var(--container-w) * 0.916663); width: calc(var(--col-xs-11) + var(--lr-margin)); } .lr-section > .col-11 .lr-content { width: var(--col-xs-11); } .lr-section > .col-11:first-child .lr-content { margin-left: auto; } .lr-section > .col-11:last-child .lr-content { margin-right: auto; } .lr-section > .col-12 { --col-xs-12: calc(var(--container-w) * 0.999996); width: calc(var(--col-xs-12) + var(--lr-margin)); } .lr-section > .col-12 .lr-content { width: var(--col-xs-12); } .lr-section > .col-12:first-child .lr-content { margin-left: auto; } .lr-section > .col-12:last-child .lr-content { margin-right: auto; } @media (min-width: 576px) { .lr-section > [class*="col-"] .lr-content-sm { width: var(--container-w); margin: 0 auto; padding-left: 12px; padding-right: 12px; } .lr-section > .col-sm-1 { --col-sm-1: calc(var(--container-w) * 0.083333); width: calc(var(--col-sm-1) + var(--lr-margin)); } .lr-section > .col-sm-1 .lr-content { width: var(--col-sm-1); } .lr-section > .col-sm-1:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-sm-1:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-sm-1 .lr-content-sm { width: var(--col-sm-1); } .lr-section > .col-sm-1:first-child .lr-content-sm { margin-left: auto; margin-right: 0px; } .lr-section > .col-sm-1:last-child .lr-content-sm { margin-right: auto; margin-left: 0px; } .lr-section > .col-sm-2 { --col-sm-2: calc(var(--container-w) * 0.166666); width: calc(var(--col-sm-2) + var(--lr-margin)); } .lr-section > .col-sm-2 .lr-content { width: var(--col-sm-2); } .lr-section > .col-sm-2:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-sm-2:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-sm-2 .lr-content-sm { width: var(--col-sm-2); } .lr-section > .col-sm-2:first-child .lr-content-sm { margin-left: auto; margin-right: 0px; } .lr-section > .col-sm-2:last-child .lr-content-sm { margin-right: auto; margin-left: 0px; } .lr-section > .col-sm-3 { --col-sm-3: calc(var(--container-w) * 0.249999); width: calc(var(--col-sm-3) + var(--lr-margin)); } .lr-section > .col-sm-3 .lr-content { width: var(--col-sm-3); } .lr-section > .col-sm-3:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-sm-3:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-sm-3 .lr-content-sm { width: var(--col-sm-3); } .lr-section > .col-sm-3:first-child .lr-content-sm { margin-left: auto; margin-right: 0px; } .lr-section > .col-sm-3:last-child .lr-content-sm { margin-right: auto; margin-left: 0px; } .lr-section > .col-sm-4 { --col-sm-4: calc(var(--container-w) * 0.333332); width: calc(var(--col-sm-4) + var(--lr-margin)); } .lr-section > .col-sm-4 .lr-content { width: var(--col-sm-4); } .lr-section > .col-sm-4:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-sm-4:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-sm-4 .lr-content-sm { width: var(--col-sm-4); } .lr-section > .col-sm-4:first-child .lr-content-sm { margin-left: auto; margin-right: 0px; } .lr-section > .col-sm-4:last-child .lr-content-sm { margin-right: auto; margin-left: 0px; } .lr-section > .col-sm-5 { --col-sm-5: calc(var(--container-w) * 0.416665); width: calc(var(--col-sm-5) + var(--lr-margin)); } .lr-section > .col-sm-5 .lr-content { width: var(--col-sm-5); } .lr-section > .col-sm-5:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-sm-5:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-sm-5 .lr-content-sm { width: var(--col-sm-5); } .lr-section > .col-sm-5:first-child .lr-content-sm { margin-left: auto; margin-right: 0px; } .lr-section > .col-sm-5:last-child .lr-content-sm { margin-right: auto; margin-left: 0px; } .lr-section > .col-sm-6 { --col-sm-6: calc(var(--container-w) * 0.499998); width: calc(var(--col-sm-6) + var(--lr-margin)); } .lr-section > .col-sm-6 .lr-content { width: var(--col-sm-6); } .lr-section > .col-sm-6:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-sm-6:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-sm-6 .lr-content-sm { width: var(--col-sm-6); } .lr-section > .col-sm-6:first-child .lr-content-sm { margin-left: auto; margin-right: 0px; } .lr-section > .col-sm-6:last-child .lr-content-sm { margin-right: auto; margin-left: 0px; } .lr-section > .col-sm-7 { --col-sm-7: calc(var(--container-w) * 0.583331); width: calc(var(--col-sm-7) + var(--lr-margin)); } .lr-section > .col-sm-7 .lr-content { width: var(--col-sm-7); } .lr-section > .col-sm-7:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-sm-7:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-sm-7 .lr-content-sm { width: var(--col-sm-7); } .lr-section > .col-sm-7:first-child .lr-content-sm { margin-left: auto; margin-right: 0px; } .lr-section > .col-sm-7:last-child .lr-content-sm { margin-right: auto; margin-left: 0px; } .lr-section > .col-sm-8 { --col-sm-8: calc(var(--container-w) * 0.666664); width: calc(var(--col-sm-8) + var(--lr-margin)); } .lr-section > .col-sm-8 .lr-content { width: var(--col-sm-8); } .lr-section > .col-sm-8:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-sm-8:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-sm-8 .lr-content-sm { width: var(--col-sm-8); } .lr-section > .col-sm-8:first-child .lr-content-sm { margin-left: auto; margin-right: 0px; } .lr-section > .col-sm-8:last-child .lr-content-sm { margin-right: auto; margin-left: 0px; } .lr-section > .col-sm-9 { --col-sm-9: calc(var(--container-w) * 0.749997); width: calc(var(--col-sm-9) + var(--lr-margin)); } .lr-section > .col-sm-9 .lr-content { width: var(--col-sm-9); } .lr-section > .col-sm-9:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-sm-9:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-sm-9 .lr-content-sm { width: var(--col-sm-9); } .lr-section > .col-sm-9:first-child .lr-content-sm { margin-left: auto; margin-right: 0px; } .lr-section > .col-sm-9:last-child .lr-content-sm { margin-right: auto; margin-left: 0px; } .lr-section > .col-sm-10 { --col-sm-10: calc(var(--container-w) * 0.83333); width: calc(var(--col-sm-10) + var(--lr-margin)); } .lr-section > .col-sm-10 .lr-content { width: var(--col-sm-10); } .lr-section > .col-sm-10:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-sm-10:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-sm-10 .lr-content-sm { width: var(--col-sm-10); } .lr-section > .col-sm-10:first-child .lr-content-sm { margin-left: auto; margin-right: 0px; } .lr-section > .col-sm-10:last-child .lr-content-sm { margin-right: auto; margin-left: 0px; } .lr-section > .col-sm-11 { --col-sm-11: calc(var(--container-w) * 0.916663); width: calc(var(--col-sm-11) + var(--lr-margin)); } .lr-section > .col-sm-11 .lr-content { width: var(--col-sm-11); } .lr-section > .col-sm-11:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-sm-11:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-sm-11 .lr-content-sm { width: var(--col-sm-11); } .lr-section > .col-sm-11:first-child .lr-content-sm { margin-left: auto; margin-right: 0px; } .lr-section > .col-sm-11:last-child .lr-content-sm { margin-right: auto; margin-left: 0px; } .lr-section > .col-sm-12 { --col-sm-12: calc(var(--container-w) * 0.999996); width: calc(var(--col-sm-12) + var(--lr-margin)); } .lr-section > .col-sm-12 .lr-content { width: var(--col-sm-12); } .lr-section > .col-sm-12:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-sm-12:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-sm-12 .lr-content-sm { width: var(--col-sm-12); } .lr-section > .col-sm-12:first-child .lr-content-sm { margin-left: auto; margin-right: 0px; } .lr-section > .col-sm-12:last-child .lr-content-sm { margin-right: auto; margin-left: 0px; } } @media (min-width: 768px) { .lr-section > [class*="col-"] .lr-content-md { width: var(--container-w); margin: 0 auto; padding-left: 12px; padding-right: 12px; } .lr-section > .col-md-1 { --col-md-1: calc(var(--container-w) * 0.083333); width: calc(var(--col-md-1) + var(--lr-margin)); } .lr-section > .col-md-1 .lr-content { width: var(--col-md-1); } .lr-section > .col-md-1:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-md-1:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-md-1 .lr-content-md { width: var(--col-md-1); } .lr-section > .col-md-1:first-child .lr-content-md { margin-left: auto; margin-right: 0px; } .lr-section > .col-md-1:last-child .lr-content-md { margin-right: auto; margin-left: 0px; } .lr-section > .col-md-2 { --col-md-2: calc(var(--container-w) * 0.166666); width: calc(var(--col-md-2) + var(--lr-margin)); } .lr-section > .col-md-2 .lr-content { width: var(--col-md-2); } .lr-section > .col-md-2:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-md-2:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-md-2 .lr-content-md { width: var(--col-md-2); } .lr-section > .col-md-2:first-child .lr-content-md { margin-left: auto; margin-right: 0px; } .lr-section > .col-md-2:last-child .lr-content-md { margin-right: auto; margin-left: 0px; } .lr-section > .col-md-3 { --col-md-3: calc(var(--container-w) * 0.249999); width: calc(var(--col-md-3) + var(--lr-margin)); } .lr-section > .col-md-3 .lr-content { width: var(--col-md-3); } .lr-section > .col-md-3:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-md-3:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-md-3 .lr-content-md { width: var(--col-md-3); } .lr-section > .col-md-3:first-child .lr-content-md { margin-left: auto; margin-right: 0px; } .lr-section > .col-md-3:last-child .lr-content-md { margin-right: auto; margin-left: 0px; } .lr-section > .col-md-4 { --col-md-4: calc(var(--container-w) * 0.333332); width: calc(var(--col-md-4) + var(--lr-margin)); } .lr-section > .col-md-4 .lr-content { width: var(--col-md-4); } .lr-section > .col-md-4:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-md-4:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-md-4 .lr-content-md { width: var(--col-md-4); } .lr-section > .col-md-4:first-child .lr-content-md { margin-left: auto; margin-right: 0px; } .lr-section > .col-md-4:last-child .lr-content-md { margin-right: auto; margin-left: 0px; } .lr-section > .col-md-5 { --col-md-5: calc(var(--container-w) * 0.416665); width: calc(var(--col-md-5) + var(--lr-margin)); } .lr-section > .col-md-5 .lr-content { width: var(--col-md-5); } .lr-section > .col-md-5:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-md-5:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-md-5 .lr-content-md { width: var(--col-md-5); } .lr-section > .col-md-5:first-child .lr-content-md { margin-left: auto; margin-right: 0px; } .lr-section > .col-md-5:last-child .lr-content-md { margin-right: auto; margin-left: 0px; } .lr-section > .col-md-6 { --col-md-6: calc(var(--container-w) * 0.499998); width: calc(var(--col-md-6) + var(--lr-margin)); } .lr-section > .col-md-6 .lr-content { width: var(--col-md-6); } .lr-section > .col-md-6:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-md-6:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-md-6 .lr-content-md { width: var(--col-md-6); } .lr-section > .col-md-6:first-child .lr-content-md { margin-left: auto; margin-right: 0px; } .lr-section > .col-md-6:last-child .lr-content-md { margin-right: auto; margin-left: 0px; } .lr-section > .col-md-7 { --col-md-7: calc(var(--container-w) * 0.583331); width: calc(var(--col-md-7) + var(--lr-margin)); } .lr-section > .col-md-7 .lr-content { width: var(--col-md-7); } .lr-section > .col-md-7:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-md-7:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-md-7 .lr-content-md { width: var(--col-md-7); } .lr-section > .col-md-7:first-child .lr-content-md { margin-left: auto; margin-right: 0px; } .lr-section > .col-md-7:last-child .lr-content-md { margin-right: auto; margin-left: 0px; } .lr-section > .col-md-8 { --col-md-8: calc(var(--container-w) * 0.666664); width: calc(var(--col-md-8) + var(--lr-margin)); } .lr-section > .col-md-8 .lr-content { width: var(--col-md-8); } .lr-section > .col-md-8:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-md-8:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-md-8 .lr-content-md { width: var(--col-md-8); } .lr-section > .col-md-8:first-child .lr-content-md { margin-left: auto; margin-right: 0px; } .lr-section > .col-md-8:last-child .lr-content-md { margin-right: auto; margin-left: 0px; } .lr-section > .col-md-9 { --col-md-9: calc(var(--container-w) * 0.749997); width: calc(var(--col-md-9) + var(--lr-margin)); } .lr-section > .col-md-9 .lr-content { width: var(--col-md-9); } .lr-section > .col-md-9:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-md-9:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-md-9 .lr-content-md { width: var(--col-md-9); } .lr-section > .col-md-9:first-child .lr-content-md { margin-left: auto; margin-right: 0px; } .lr-section > .col-md-9:last-child .lr-content-md { margin-right: auto; margin-left: 0px; } .lr-section > .col-md-10 { --col-md-10: calc(var(--container-w) * 0.83333); width: calc(var(--col-md-10) + var(--lr-margin)); } .lr-section > .col-md-10 .lr-content { width: var(--col-md-10); } .lr-section > .col-md-10:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-md-10:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-md-10 .lr-content-md { width: var(--col-md-10); } .lr-section > .col-md-10:first-child .lr-content-md { margin-left: auto; margin-right: 0px; } .lr-section > .col-md-10:last-child .lr-content-md { margin-right: auto; margin-left: 0px; } .lr-section > .col-md-11 { --col-md-11: calc(var(--container-w) * 0.916663); width: calc(var(--col-md-11) + var(--lr-margin)); } .lr-section > .col-md-11 .lr-content { width: var(--col-md-11); } .lr-section > .col-md-11:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-md-11:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-md-11 .lr-content-md { width: var(--col-md-11); } .lr-section > .col-md-11:first-child .lr-content-md { margin-left: auto; margin-right: 0px; } .lr-section > .col-md-11:last-child .lr-content-md { margin-right: auto; margin-left: 0px; } .lr-section > .col-md-12 { --col-md-12: calc(var(--container-w) * 0.999996); width: calc(var(--col-md-12) + var(--lr-margin)); } .lr-section > .col-md-12 .lr-content { width: var(--col-md-12); } .lr-section > .col-md-12:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-md-12:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-md-12 .lr-content-md { width: var(--col-md-12); } .lr-section > .col-md-12:first-child .lr-content-md { margin-left: auto; margin-right: 0px; } .lr-section > .col-md-12:last-child .lr-content-md { margin-right: auto; margin-left: 0px; } } @media (min-width: 992px) { .lr-section > [class*="col-"] .lr-content-lg { width: var(--container-w); margin: 0 auto; padding-left: 12px; padding-right: 12px; } .lr-section > .col-lg-1 { --col-lg-1: calc(var(--container-w) * 0.083333); width: calc(var(--col-lg-1) + var(--lr-margin)); } .lr-section > .col-lg-1 .lr-content { width: var(--col-lg-1); } .lr-section > .col-lg-1:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-lg-1:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-lg-1 .lr-content-lg { width: var(--col-lg-1); } .lr-section > .col-lg-1:first-child .lr-content-lg { margin-left: auto; margin-right: 0px; } .lr-section > .col-lg-1:last-child .lr-content-lg { margin-right: auto; margin-left: 0px; } .lr-section > .col-lg-2 { --col-lg-2: calc(var(--container-w) * 0.166666); width: calc(var(--col-lg-2) + var(--lr-margin)); } .lr-section > .col-lg-2 .lr-content { width: var(--col-lg-2); } .lr-section > .col-lg-2:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-lg-2:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-lg-2 .lr-content-lg { width: var(--col-lg-2); } .lr-section > .col-lg-2:first-child .lr-content-lg { margin-left: auto; margin-right: 0px; } .lr-section > .col-lg-2:last-child .lr-content-lg { margin-right: auto; margin-left: 0px; } .lr-section > .col-lg-3 { --col-lg-3: calc(var(--container-w) * 0.249999); width: calc(var(--col-lg-3) + var(--lr-margin)); } .lr-section > .col-lg-3 .lr-content { width: var(--col-lg-3); } .lr-section > .col-lg-3:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-lg-3:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-lg-3 .lr-content-lg { width: var(--col-lg-3); } .lr-section > .col-lg-3:first-child .lr-content-lg { margin-left: auto; margin-right: 0px; } .lr-section > .col-lg-3:last-child .lr-content-lg { margin-right: auto; margin-left: 0px; } .lr-section > .col-lg-4 { --col-lg-4: calc(var(--container-w) * 0.333332); width: calc(var(--col-lg-4) + var(--lr-margin)); } .lr-section > .col-lg-4 .lr-content { width: var(--col-lg-4); } .lr-section > .col-lg-4:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-lg-4:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-lg-4 .lr-content-lg { width: var(--col-lg-4); } .lr-section > .col-lg-4:first-child .lr-content-lg { margin-left: auto; margin-right: 0px; } .lr-section > .col-lg-4:last-child .lr-content-lg { margin-right: auto; margin-left: 0px; } .lr-section > .col-lg-5 { --col-lg-5: calc(var(--container-w) * 0.416665); width: calc(var(--col-lg-5) + var(--lr-margin)); } .lr-section > .col-lg-5 .lr-content { width: var(--col-lg-5); } .lr-section > .col-lg-5:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-lg-5:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-lg-5 .lr-content-lg { width: var(--col-lg-5); } .lr-section > .col-lg-5:first-child .lr-content-lg { margin-left: auto; margin-right: 0px; } .lr-section > .col-lg-5:last-child .lr-content-lg { margin-right: auto; margin-left: 0px; } .lr-section > .col-lg-6 { --col-lg-6: calc(var(--container-w) * 0.499998); width: calc(var(--col-lg-6) + var(--lr-margin)); } .lr-section > .col-lg-6 .lr-content { width: var(--col-lg-6); } .lr-section > .col-lg-6:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-lg-6:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-lg-6 .lr-content-lg { width: var(--col-lg-6); } .lr-section > .col-lg-6:first-child .lr-content-lg { margin-left: auto; margin-right: 0px; } .lr-section > .col-lg-6:last-child .lr-content-lg { margin-right: auto; margin-left: 0px; } .lr-section > .col-lg-7 { --col-lg-7: calc(var(--container-w) * 0.583331); width: calc(var(--col-lg-7) + var(--lr-margin)); } .lr-section > .col-lg-7 .lr-content { width: var(--col-lg-7); } .lr-section > .col-lg-7:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-lg-7:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-lg-7 .lr-content-lg { width: var(--col-lg-7); } .lr-section > .col-lg-7:first-child .lr-content-lg { margin-left: auto; margin-right: 0px; } .lr-section > .col-lg-7:last-child .lr-content-lg { margin-right: auto; margin-left: 0px; } .lr-section > .col-lg-8 { --col-lg-8: calc(var(--container-w) * 0.666664); width: calc(var(--col-lg-8) + var(--lr-margin)); } .lr-section > .col-lg-8 .lr-content { width: var(--col-lg-8); } .lr-section > .col-lg-8:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-lg-8:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-lg-8 .lr-content-lg { width: var(--col-lg-8); } .lr-section > .col-lg-8:first-child .lr-content-lg { margin-left: auto; margin-right: 0px; } .lr-section > .col-lg-8:last-child .lr-content-lg { margin-right: auto; margin-left: 0px; } .lr-section > .col-lg-9 { --col-lg-9: calc(var(--container-w) * 0.749997); width: calc(var(--col-lg-9) + var(--lr-margin)); } .lr-section > .col-lg-9 .lr-content { width: var(--col-lg-9); } .lr-section > .col-lg-9:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-lg-9:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-lg-9 .lr-content-lg { width: var(--col-lg-9); } .lr-section > .col-lg-9:first-child .lr-content-lg { margin-left: auto; margin-right: 0px; } .lr-section > .col-lg-9:last-child .lr-content-lg { margin-right: auto; margin-left: 0px; } .lr-section > .col-lg-10 { --col-lg-10: calc(var(--container-w) * 0.83333); width: calc(var(--col-lg-10) + var(--lr-margin)); } .lr-section > .col-lg-10 .lr-content { width: var(--col-lg-10); } .lr-section > .col-lg-10:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-lg-10:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-lg-10 .lr-content-lg { width: var(--col-lg-10); } .lr-section > .col-lg-10:first-child .lr-content-lg { margin-left: auto; margin-right: 0px; } .lr-section > .col-lg-10:last-child .lr-content-lg { margin-right: auto; margin-left: 0px; } .lr-section > .col-lg-11 { --col-lg-11: calc(var(--container-w) * 0.916663); width: calc(var(--col-lg-11) + var(--lr-margin)); } .lr-section > .col-lg-11 .lr-content { width: var(--col-lg-11); } .lr-section > .col-lg-11:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-lg-11:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-lg-11 .lr-content-lg { width: var(--col-lg-11); } .lr-section > .col-lg-11:first-child .lr-content-lg { margin-left: auto; margin-right: 0px; } .lr-section > .col-lg-11:last-child .lr-content-lg { margin-right: auto; margin-left: 0px; } .lr-section > .col-lg-12 { --col-lg-12: calc(var(--container-w) * 0.999996); width: calc(var(--col-lg-12) + var(--lr-margin)); } .lr-section > .col-lg-12 .lr-content { width: var(--col-lg-12); } .lr-section > .col-lg-12:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-lg-12:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-lg-12 .lr-content-lg { width: var(--col-lg-12); } .lr-section > .col-lg-12:first-child .lr-content-lg { margin-left: auto; margin-right: 0px; } .lr-section > .col-lg-12:last-child .lr-content-lg { margin-right: auto; margin-left: 0px; } } @media (min-width: 1200px) { .lr-section > [class*="col-"] .lr-content-xl { width: var(--container-w); margin: 0 auto; padding-left: 12px; padding-right: 12px; } .lr-section > .col-xl-1 { --col-xl-1: calc(var(--container-w) * 0.083333); width: calc(var(--col-xl-1) + var(--lr-margin)); } .lr-section > .col-xl-1 .lr-content { width: var(--col-xl-1); } .lr-section > .col-xl-1:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-xl-1:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-xl-1 .lr-content-xl { width: var(--col-xl-1); } .lr-section > .col-xl-1:first-child .lr-content-xl { margin-left: auto; margin-right: 0px; } .lr-section > .col-xl-1:last-child .lr-content-xl { margin-right: auto; margin-left: 0px; } .lr-section > .col-xl-2 { --col-xl-2: calc(var(--container-w) * 0.166666); width: calc(var(--col-xl-2) + var(--lr-margin)); } .lr-section > .col-xl-2 .lr-content { width: var(--col-xl-2); } .lr-section > .col-xl-2:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-xl-2:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-xl-2 .lr-content-xl { width: var(--col-xl-2); } .lr-section > .col-xl-2:first-child .lr-content-xl { margin-left: auto; margin-right: 0px; } .lr-section > .col-xl-2:last-child .lr-content-xl { margin-right: auto; margin-left: 0px; } .lr-section > .col-xl-3 { --col-xl-3: calc(var(--container-w) * 0.249999); width: calc(var(--col-xl-3) + var(--lr-margin)); } .lr-section > .col-xl-3 .lr-content { width: var(--col-xl-3); } .lr-section > .col-xl-3:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-xl-3:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-xl-3 .lr-content-xl { width: var(--col-xl-3); } .lr-section > .col-xl-3:first-child .lr-content-xl { margin-left: auto; margin-right: 0px; } .lr-section > .col-xl-3:last-child .lr-content-xl { margin-right: auto; margin-left: 0px; } .lr-section > .col-xl-4 { --col-xl-4: calc(var(--container-w) * 0.333332); width: calc(var(--col-xl-4) + var(--lr-margin)); } .lr-section > .col-xl-4 .lr-content { width: var(--col-xl-4); } .lr-section > .col-xl-4:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-xl-4:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-xl-4 .lr-content-xl { width: var(--col-xl-4); } .lr-section > .col-xl-4:first-child .lr-content-xl { margin-left: auto; margin-right: 0px; } .lr-section > .col-xl-4:last-child .lr-content-xl { margin-right: auto; margin-left: 0px; } .lr-section > .col-xl-5 { --col-xl-5: calc(var(--container-w) * 0.416665); width: calc(var(--col-xl-5) + var(--lr-margin)); } .lr-section > .col-xl-5 .lr-content { width: var(--col-xl-5); } .lr-section > .col-xl-5:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-xl-5:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-xl-5 .lr-content-xl { width: var(--col-xl-5); } .lr-section > .col-xl-5:first-child .lr-content-xl { margin-left: auto; margin-right: 0px; } .lr-section > .col-xl-5:last-child .lr-content-xl { margin-right: auto; margin-left: 0px; } .lr-section > .col-xl-6 { --col-xl-6: calc(var(--container-w) * 0.499998); width: calc(var(--col-xl-6) + var(--lr-margin)); } .lr-section > .col-xl-6 .lr-content { width: var(--col-xl-6); } .lr-section > .col-xl-6:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-xl-6:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-xl-6 .lr-content-xl { width: var(--col-xl-6); } .lr-section > .col-xl-6:first-child .lr-content-xl { margin-left: auto; margin-right: 0px; } .lr-section > .col-xl-6:last-child .lr-content-xl { margin-right: auto; margin-left: 0px; } .lr-section > .col-xl-7 { --col-xl-7: calc(var(--container-w) * 0.583331); width: calc(var(--col-xl-7) + var(--lr-margin)); } .lr-section > .col-xl-7 .lr-content { width: var(--col-xl-7); } .lr-section > .col-xl-7:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-xl-7:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-xl-7 .lr-content-xl { width: var(--col-xl-7); } .lr-section > .col-xl-7:first-child .lr-content-xl { margin-left: auto; margin-right: 0px; } .lr-section > .col-xl-7:last-child .lr-content-xl { margin-right: auto; margin-left: 0px; } .lr-section > .col-xl-8 { --col-xl-8: calc(var(--container-w) * 0.666664); width: calc(var(--col-xl-8) + var(--lr-margin)); } .lr-section > .col-xl-8 .lr-content { width: var(--col-xl-8); } .lr-section > .col-xl-8:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-xl-8:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-xl-8 .lr-content-xl { width: var(--col-xl-8); } .lr-section > .col-xl-8:first-child .lr-content-xl { margin-left: auto; margin-right: 0px; } .lr-section > .col-xl-8:last-child .lr-content-xl { margin-right: auto; margin-left: 0px; } .lr-section > .col-xl-9 { --col-xl-9: calc(var(--container-w) * 0.749997); width: calc(var(--col-xl-9) + var(--lr-margin)); } .lr-section > .col-xl-9 .lr-content { width: var(--col-xl-9); } .lr-section > .col-xl-9:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-xl-9:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-xl-9 .lr-content-xl { width: var(--col-xl-9); } .lr-section > .col-xl-9:first-child .lr-content-xl { margin-left: auto; margin-right: 0px; } .lr-section > .col-xl-9:last-child .lr-content-xl { margin-right: auto; margin-left: 0px; } .lr-section > .col-xl-10 { --col-xl-10: calc(var(--container-w) * 0.83333); width: calc(var(--col-xl-10) + var(--lr-margin)); } .lr-section > .col-xl-10 .lr-content { width: var(--col-xl-10); } .lr-section > .col-xl-10:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-xl-10:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-xl-10 .lr-content-xl { width: var(--col-xl-10); } .lr-section > .col-xl-10:first-child .lr-content-xl { margin-left: auto; margin-right: 0px; } .lr-section > .col-xl-10:last-child .lr-content-xl { margin-right: auto; margin-left: 0px; } .lr-section > .col-xl-11 { --col-xl-11: calc(var(--container-w) * 0.916663); width: calc(var(--col-xl-11) + var(--lr-margin)); } .lr-section > .col-xl-11 .lr-content { width: var(--col-xl-11); } .lr-section > .col-xl-11:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-xl-11:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-xl-11 .lr-content-xl { width: var(--col-xl-11); } .lr-section > .col-xl-11:first-child .lr-content-xl { margin-left: auto; margin-right: 0px; } .lr-section > .col-xl-11:last-child .lr-content-xl { margin-right: auto; margin-left: 0px; } .lr-section > .col-xl-12 { --col-xl-12: calc(var(--container-w) * 0.999996); width: calc(var(--col-xl-12) + var(--lr-margin)); } .lr-section > .col-xl-12 .lr-content { width: var(--col-xl-12); } .lr-section > .col-xl-12:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-xl-12:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-xl-12 .lr-content-xl { width: var(--col-xl-12); } .lr-section > .col-xl-12:first-child .lr-content-xl { margin-left: auto; margin-right: 0px; } .lr-section > .col-xl-12:last-child .lr-content-xl { margin-right: auto; margin-left: 0px; } } @media (min-width: 1400px) { .lr-section > [class*="col-"] .lr-content-xxl { width: var(--container-w); margin: 0 auto; padding-left: 12px; padding-right: 12px; } .lr-section > .col-xxl-1 { --col-xxl-1: calc(var(--container-w) * 0.083333); width: calc(var(--col-xxl-1) + var(--lr-margin)); } .lr-section > .col-xxl-1 .lr-content { width: var(--col-xxl-1); } .lr-section > .col-xxl-1:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-xxl-1:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-xxl-1 .lr-content-xxl { width: var(--col-xxl-1); } .lr-section > .col-xxl-1:first-child .lr-content-xxl { margin-left: auto; margin-right: 0px; } .lr-section > .col-xxl-1:last-child .lr-content-xxl { margin-right: auto; margin-left: 0px; } .lr-section > .col-xxl-2 { --col-xxl-2: calc(var(--container-w) * 0.166666); width: calc(var(--col-xxl-2) + var(--lr-margin)); } .lr-section > .col-xxl-2 .lr-content { width: var(--col-xxl-2); } .lr-section > .col-xxl-2:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-xxl-2:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-xxl-2 .lr-content-xxl { width: var(--col-xxl-2); } .lr-section > .col-xxl-2:first-child .lr-content-xxl { margin-left: auto; margin-right: 0px; } .lr-section > .col-xxl-2:last-child .lr-content-xxl { margin-right: auto; margin-left: 0px; } .lr-section > .col-xxl-3 { --col-xxl-3: calc(var(--container-w) * 0.249999); width: calc(var(--col-xxl-3) + var(--lr-margin)); } .lr-section > .col-xxl-3 .lr-content { width: var(--col-xxl-3); } .lr-section > .col-xxl-3:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-xxl-3:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-xxl-3 .lr-content-xxl { width: var(--col-xxl-3); } .lr-section > .col-xxl-3:first-child .lr-content-xxl { margin-left: auto; margin-right: 0px; } .lr-section > .col-xxl-3:last-child .lr-content-xxl { margin-right: auto; margin-left: 0px; } .lr-section > .col-xxl-4 { --col-xxl-4: calc(var(--container-w) * 0.333332); width: calc(var(--col-xxl-4) + var(--lr-margin)); } .lr-section > .col-xxl-4 .lr-content { width: var(--col-xxl-4); } .lr-section > .col-xxl-4:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-xxl-4:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-xxl-4 .lr-content-xxl { width: var(--col-xxl-4); } .lr-section > .col-xxl-4:first-child .lr-content-xxl { margin-left: auto; margin-right: 0px; } .lr-section > .col-xxl-4:last-child .lr-content-xxl { margin-right: auto; margin-left: 0px; } .lr-section > .col-xxl-5 { --col-xxl-5: calc(var(--container-w) * 0.416665); width: calc(var(--col-xxl-5) + var(--lr-margin)); } .lr-section > .col-xxl-5 .lr-content { width: var(--col-xxl-5); } .lr-section > .col-xxl-5:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-xxl-5:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-xxl-5 .lr-content-xxl { width: var(--col-xxl-5); } .lr-section > .col-xxl-5:first-child .lr-content-xxl { margin-left: auto; margin-right: 0px; } .lr-section > .col-xxl-5:last-child .lr-content-xxl { margin-right: auto; margin-left: 0px; } .lr-section > .col-xxl-6 { --col-xxl-6: calc(var(--container-w) * 0.499998); width: calc(var(--col-xxl-6) + var(--lr-margin)); } .lr-section > .col-xxl-6 .lr-content { width: var(--col-xxl-6); } .lr-section > .col-xxl-6:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-xxl-6:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-xxl-6 .lr-content-xxl { width: var(--col-xxl-6); } .lr-section > .col-xxl-6:first-child .lr-content-xxl { margin-left: auto; margin-right: 0px; } .lr-section > .col-xxl-6:last-child .lr-content-xxl { margin-right: auto; margin-left: 0px; } .lr-section > .col-xxl-7 { --col-xxl-7: calc(var(--container-w) * 0.583331); width: calc(var(--col-xxl-7) + var(--lr-margin)); } .lr-section > .col-xxl-7 .lr-content { width: var(--col-xxl-7); } .lr-section > .col-xxl-7:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-xxl-7:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-xxl-7 .lr-content-xxl { width: var(--col-xxl-7); } .lr-section > .col-xxl-7:first-child .lr-content-xxl { margin-left: auto; margin-right: 0px; } .lr-section > .col-xxl-7:last-child .lr-content-xxl { margin-right: auto; margin-left: 0px; } .lr-section > .col-xxl-8 { --col-xxl-8: calc(var(--container-w) * 0.666664); width: calc(var(--col-xxl-8) + var(--lr-margin)); } .lr-section > .col-xxl-8 .lr-content { width: var(--col-xxl-8); } .lr-section > .col-xxl-8:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-xxl-8:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-xxl-8 .lr-content-xxl { width: var(--col-xxl-8); } .lr-section > .col-xxl-8:first-child .lr-content-xxl { margin-left: auto; margin-right: 0px; } .lr-section > .col-xxl-8:last-child .lr-content-xxl { margin-right: auto; margin-left: 0px; } .lr-section > .col-xxl-9 { --col-xxl-9: calc(var(--container-w) * 0.749997); width: calc(var(--col-xxl-9) + var(--lr-margin)); } .lr-section > .col-xxl-9 .lr-content { width: var(--col-xxl-9); } .lr-section > .col-xxl-9:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-xxl-9:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-xxl-9 .lr-content-xxl { width: var(--col-xxl-9); } .lr-section > .col-xxl-9:first-child .lr-content-xxl { margin-left: auto; margin-right: 0px; } .lr-section > .col-xxl-9:last-child .lr-content-xxl { margin-right: auto; margin-left: 0px; } .lr-section > .col-xxl-10 { --col-xxl-10: calc(var(--container-w) * 0.83333); width: calc(var(--col-xxl-10) + var(--lr-margin)); } .lr-section > .col-xxl-10 .lr-content { width: var(--col-xxl-10); } .lr-section > .col-xxl-10:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-xxl-10:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-xxl-10 .lr-content-xxl { width: var(--col-xxl-10); } .lr-section > .col-xxl-10:first-child .lr-content-xxl { margin-left: auto; margin-right: 0px; } .lr-section > .col-xxl-10:last-child .lr-content-xxl { margin-right: auto; margin-left: 0px; } .lr-section > .col-xxl-11 { --col-xxl-11: calc(var(--container-w) * 0.916663); width: calc(var(--col-xxl-11) + var(--lr-margin)); } .lr-section > .col-xxl-11 .lr-content { width: var(--col-xxl-11); } .lr-section > .col-xxl-11:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-xxl-11:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-xxl-11 .lr-content-xxl { width: var(--col-xxl-11); } .lr-section > .col-xxl-11:first-child .lr-content-xxl { margin-left: auto; margin-right: 0px; } .lr-section > .col-xxl-11:last-child .lr-content-xxl { margin-right: auto; margin-left: 0px; } .lr-section > .col-xxl-12 { --col-xxl-12: calc(var(--container-w) * 0.999996); width: calc(var(--col-xxl-12) + var(--lr-margin)); } .lr-section > .col-xxl-12 .lr-content { width: var(--col-xxl-12); } .lr-section > .col-xxl-12:first-child .lr-content { margin-left: auto; margin-right: 0px; } .lr-section > .col-xxl-12:last-child .lr-content { margin-right: auto; margin-left: 0px; } .lr-section > .col-xxl-12 .lr-content-xxl { width: var(--col-xxl-12); } .lr-section > .col-xxl-12:first-child .lr-content-xxl { margin-left: auto; margin-right: 0px; } .lr-section > .col-xxl-12:last-child .lr-content-xxl { margin-right: auto; margin-left: 0px; } } @media (min-width: 992px) { .lr-section > div.bg-secondary[class*="col-"] + div.bg-img { overflow: hidden; display: flex; align-items: center; padding: 0px; position: relative; } .lr-section > div.bg-secondary[class*="col-"] + div.bg-img::before { content: ""; background: var(--secondary); height: 150%; width: 500px; border-right: 20px solid var(--tertiary); border-top-right-radius: 100%; border-bottom-right-radius: 100%; position: absolute; right: calc(100% - 100px); } } .lr-section.lr-row-reverse { flex-direction: row-reverse; } .lr-section.lr-row { flex-direction: row; } .lr-section.lr-column { flex-direction: column; } .lr-section.lr-column-reverse { flex-direction: column-reverse; } @media (min-width: 576px) { .lr-section.lr-sm-row-reverse { flex-direction: row-reverse; } .lr-section.lr-sm-row { flex-direction: row; } .lr-section.lr-sm-column { flex-direction: column; } .lr-section.lr-sm-column-reverse { flex-direction: column-reverse; } } @media (min-width: 768px) { .lr-section.lr-md-row-reverse { flex-direction: row-reverse; } .lr-section.lr-md-row { flex-direction: row; } .lr-section.lr-md-column { flex-direction: column; } .lr-section.lr-md-column-reverse { flex-direction: column-reverse; } } @media (min-width: 992px) { .lr-section.lr-lg-row-reverse { flex-direction: row-reverse; } .lr-section.lr-lg-row { flex-direction: row; } .lr-section.lr-lg-column { flex-direction: column; } .lr-section.lr-lg-column-reverse { flex-direction: column-reverse; } } @media (min-width: 1200px) { .lr-section.lr-xl-row-reverse { flex-direction: row-reverse; } .lr-section.lr-xl-row { flex-direction: row; } .lr-section.lr-xl-column { flex-direction: column; } .lr-section.lr-xl-column-reverse { flex-direction: column-reverse; } } @media (min-width: 1400px) { .lr-section.lr-xxl-row-reverse { flex-direction: row-reverse; } .lr-section.lr-xxl-row { flex-direction: row; } .lr-section.lr-xxl-column { flex-direction: column; } .lr-section.lr-xxl-column-reverse { flex-direction: column-reverse; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .cmp-row-cards { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; gap: 1.25rem; } @media (min-width: 992px) { .cmp-row-cards { gap: 2.5rem; } } .cmp-row-cards .item { padding: 1.88rem; background: var(--color); flex: 1 0 100%; } @media (min-width: 992px) { .cmp-row-cards .item { flex: 1 0 30%; } } .cmp-row-cards .item.box-shadow-1 { box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// 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 (max-width: 991px) { .wi-content-img .img-col { margin-bottom: 1.875rem; } } .wi-content-img .img-col .img { position: relative; height: 100%; width: 100%; border-radius: var(--border-radius); box-shadow: var(--box-shadow); overflow: hidden; } @media (max-width: 991px) { .wi-content-img .img-col .img { height: 20rem; } } @media (max-width: 767px) { .wi-content-img .img-col .img { height: 18rem; } } @media (max-width: 575px) { .wi-content-img .img-col .img { height: 15.625rem; } } .wi-content-img .img-col .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .wi-content-img .content-col .content .wi-see-more-v2 .content { padding: 0px; } .wi-content-img .content-col .content .wi-see-more-v2 .toggle-text .expand, .wi-content-img .content-col .content .wi-see-more-v2 .toggle-text .close { color: var(--secondary); font-size: 1.0625rem; font-weight: 400; line-height: normal; letter-spacing: 0.06375rem; text-transform: uppercase; padding-bottom: 0.25rem; border-bottom: 1px solid var(--secondary); gap: 0.325rem !important; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ @media (min-width: 992px) { .cmp-hero-img-50.img-right-1 { flex-direction: row-reverse; } .cmp-hero-img-50.img-right-1 .content-col .lr-content { padding-left: 0px; padding-right: 3.12rem; margin-left: auto; margin-right: 0px; } } .cmp-hero-img-50 .img-col { padding: 0px !important; } .cmp-hero-img-50 .img-col .bg-img-container { height: 100%; min-height: 17.1875rem; } @media (min-width: 992px) { .cmp-hero-img-50 .img-col .bg-img-container { min-height: 31.25rem; } } .cmp-hero-img-50 .content-col { background: var(--color); padding: 3.12rem 0rem !important; } @media (min-width: 992px) { .cmp-hero-img-50 .content-col { padding: 4.38rem 0rem !important; display: flex; align-items: center; } } @media (min-width: 992px) { .cmp-hero-img-50 .content-col .lr-content { padding-left: 3.12rem; } } .cmp-hero-img-50 .content-col .lr-content .cmp-heading { gap: 0.25rem; margin-bottom: 1rem; } .cmp-hero-img-50 .content-col .lr-content .content { margin-bottom: 1.25rem; } @media (min-width: 992px) { .cmp-hero-img-50 .content-col .lr-content .content { margin-bottom: 2.19rem; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .cmp-content-cutout-overlap { background: var(--color); padding-top: var(--section-unit) !important; padding-bottom: 0px; } @media (min-width: 992px) { .cmp-content-cutout-overlap { padding-top: 0px !important; } } .cmp-content-cutout-overlap + section { padding-top: var(--section-unit) !important; } .cmp-content-cutout-overlap .main-row { --bs-gutter-x: 2.5rem; } .cmp-content-cutout-overlap .main-row .content-col { padding-bottom: 1.88rem; } @media (min-width: 992px) { .cmp-content-cutout-overlap .main-row .content-col { padding-top: 4.69rem; padding-bottom: 4.69rem; } } .cmp-content-cutout-overlap .main-row .cutout-col { display: flex; align-items: flex-end; justify-content: center; } @media (min-width: 992px) { .cmp-content-cutout-overlap .main-row .cutout-col { justify-content: unset; } } @media (min-width: 992px) { .cmp-content-cutout-overlap .main-row .cutout-col picture { display: flex; align-items: flex-end; } } .cmp-content-cutout-overlap .main-row .cutout-col picture .cutout { width: 22.0625rem; } @media (min-width: 992px) { .cmp-content-cutout-overlap .main-row .cutout-col picture .cutout { width: unset; position: absolute; max-width: 100%; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ i[class*="fa-"], span[class*="fa-"] { width: unset; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ main ul li { font-size: var(--p-font-size); line-height: var(--p-line-height); font-weight: var(--p-font-weight); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ section.cmp-content-and-accordion.bg-gray hr { background: var(--quaternary-50); } section.cmp-content-and-accordion.bg-gray .wi-accordion .accordion-header .accordion-button.collapsed { background: var(--light); } section.cmp-content-and-accordion .wi-accordion .accordion-item { background: unset; } section.cmp-content-and-accordion .wi-accordion .accordion-item .accordion-header .accordion-button { font-size: 1rem; font-weight: 400; line-height: 160%; font-family: var(--font-secondary); box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ section.wi-faqs-grouped div.row.group { --bs-gutter-y: 1.25rem; } section.wi-faqs-grouped div.row.group:not(:last-child) { margin-bottom: 3.12rem; } @media (min-width: 992px) { section.wi-faqs-grouped div.row.group:not(:last-child) { margin-bottom: 4.38rem; } } section.wi-faqs-grouped div.row.group:nth-child(odd) { --color: var(--primary); --inactive-color: var(--gray); } section.wi-faqs-grouped div.row.group:nth-child(even) { --color: var(--secondary); --inactive-color: var(--secondary-10); } section.wi-faqs-grouped div.row.group .category-well { background: var(--color); padding: 1.88rem; height: 100%; } section.wi-faqs-grouped div.row.group .category-well .cmp-heading .heading { color: var(--light); } section.wi-faqs-grouped div.row.group .wi-accordion .accordion-item .accordion-header .accordion-button { background-color: var(--inactive-color); } section.wi-faqs-grouped div.row.group .wi-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) { background-color: var(--color); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .cn-subnav-card-1-short .row.slider .item-card { border: 1px solid rgba(38, 38, 38, 0.25); display: flex; flex-direction: column; height: 100%; } .cn-subnav-card-1-short .row.slider .item-card .bg-img-container { height: 14.4rem; } .cn-subnav-card-1-short .row.slider .item-card .content { display: flex; flex-direction: column; flex: 1; padding: 1.5rem 1.25rem; } @media (min-width: 992px) { .cn-subnav-card-1-short .row.slider .item-card .content { padding: 1.88rem; } } .cn-subnav-card-1-short .row.slider .item-card .content .heading { color: var(--tertiary); } .cn-subnav-card-1-short .row.slider .item-card .content .description, .cn-subnav-card-1-short .row.slider .item-card .content .description p { font-weight: 300; } .cn-subnav-card-1-short .row.slider .item-card .content .description { margin-bottom: 1.88rem; } .cn-subnav-card-1-short .row.slider .item-card .content .link-arrow { width: fit-content; margin-top: auto; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ section.cmp-hero-bg-simple { padding: calc(var(--nav-tert-height) + 5rem) 0px; } @media (min-width: 992px) { section.cmp-hero-bg-simple { padding-top: calc((var(--nav-desktop-height) - var(--nav-scrolled-height)) + var(--nav-tert-height) + 10.69rem) !important; padding-bottom: 10.69rem; } } section.cmp-hero-bg-simple::after { content: ""; position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%); z-index: 2; } section.cmp-hero-bg-simple .bg-img-container { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; z-index: 1; } section.cmp-hero-bg-simple > .container { position: relative; z-index: 3; } section.cmp-hero-bg-simple > .container .cmp-heading { margin-bottom: 1rem; } section.cmp-hero-bg-simple > .container .content { margin-bottom: 2.19rem; } @charset "UTF-8"; /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .bl-filter-search { --bs-gutter-x: 1.125rem; margin-bottom: 1.88rem; } .bl-filter-search .filter-select { position: relative; height: 100%; } .bl-filter-search .filter-select select { border-radius: 0rem !important; border: 1px solid rgba(38, 38, 38, 0.25); padding: 0.5rem 1rem; color: var(--tertiary); font-family: var(--font-secondary); font-size: 1rem; font-style: normal; font-weight: 400; line-height: 160%; width: 100%; height: 100%; appearance: none; -moz-appearance: none; -webkit-appearance: none; } .bl-filter-search .filter-select select:focus-visible { outline: unset; } .bl-filter-search .filter-select::after { content: ""; font-family: "Font Awesome 7 Pro"; font-weight: 300; font-size: 1rem; color: var(--secondary); position: absolute; top: 50%; right: 1rem; /* Adjust as needed */ transform: translateY(-50%); pointer-events: none; } .bl-filter-search .search { height: 100%; } .bl-filter-search .search .input-group { position: relative; align-items: center; height: 100%; } .bl-filter-search .search .input-group .clear-search { padding-right: 1rem; transition: var(--transition); } .bl-filter-search .search .input-group .form-control { z-index: 1; border-radius: 0rem !important; border: 1px solid rgba(38, 38, 38, 0.25); padding: 0.5rem 1rem; color: var(--tertiary); font-family: var(--font-secondary); font-size: 1rem; font-style: normal; font-weight: 400; line-height: 160%; /* 1.6rem */ letter-spacing: 0.013rem; height: 100%; } .bl-filter-search .search .input-group .form-control::placeholder { color: var(--tertiary); font-family: var(--font-secondary); font-size: 1rem; font-style: normal; font-weight: 400; line-height: 160%; /* 1.6rem */ letter-spacing: 0.013rem; } .bl-filter-search .search .input-group .input-group-append { z-index: 2; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); } .bl-filter-search .search .input-group .input-group-append .search-btn { padding: 2rem; margin: -2rem; background: transparent; border: unset; color: var(--secondary); font-size: 1.16rem; transition: var(--transition); } .bl-filter-search .search .input-group .input-group-append .search-btn:hover { color: var(--primary); } @media (min-width: 992px) { .bl-filter-search .col-lg.col-12 { flex: 1 0 0%; } } .bl-posts .posts-row { --bs-gutter-y: 2.5rem; --bs-gutter-x: 2.5rem; } .bl-posts .posts-row .bl-well { height: 100%; border: 1px solid rgba(38, 38, 38, 0.25); display: flex; flex-direction: column; color: var(--tertiary); box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12); } .bl-posts .posts-row .bl-well:hover { cursor: pointer; color: var(--tertiary); } .bl-posts .posts-row .bl-well:hover .link-arrow { color: var(--tertiary); } .bl-posts .posts-row .bl-well .bg-img-container { width: 100%; height: 14.375rem; } .bl-posts .posts-row .bl-well .content { padding: 1.88rem; flex-grow: 1; display: flex; flex-direction: column; } .bl-posts .posts-row .bl-well .content .cmp-heading { gap: 0.38rem; margin-bottom: 1rem; } .bl-posts .posts-row .bl-well .content .short-post { margin-bottom: 1.88rem; } .bl-posts .posts-row .bl-well .content .link-arrow { margin-top: auto; display: flex; align-self: flex-start; } .bl-pagination-list .pagination-col { display: flex; justify-content: center; gap: 5rem; align-items: center; } .bl-pagination-list .pagination-col .pagination-btn { position: relative; height: 2.5rem; width: 2.5rem; border-radius: 100rem; transition: var(--transition); color: var(--secondary); border: 1px solid var(--secondary); } .bl-pagination-list .pagination-col .pagination-btn i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 1.375rem; } .bl-pagination-list .pagination-col .pagination-btn:hover { background: var(--secondary); color: var(--light); } .bl-pagination-list .pagination-col .pagination-btn.disabled { pointer-events: none; opacity: 0.4; } .bl-pagination-list .pagination-col .pagination-btn.disabled:hover { cursor: default; color: var(--quaternary); border: 1px solid var(--quaternary); background: unset; } .bl-pagination-list .pagination-col .pagination-list-desktop { display: flex; } @media (max-width: 991px) { .bl-pagination-list .pagination-col .pagination-list-desktop { display: none; } } .bl-pagination-list .pagination-col .pagination-list-mobile { display: flex; } @media (min-width: 992px) { .bl-pagination-list .pagination-col .pagination-list-mobile { display: none; } } .bl-pagination-list .pagination-col .pagination-list-desktop, .bl-pagination-list .pagination-col .pagination-list-mobile { justify-content: center; align-items: center; gap: 0.5rem; } .bl-pagination-list .pagination-col .pagination-list-desktop .page, .bl-pagination-list .pagination-col .pagination-list-mobile .page { font-size: 1.5625rem; font-weight: 400; line-height: 120%; color: var(--secondary); letter-spacing: 0.0225rem; text-transform: uppercase; font-family: var(--font-primary); display: flex; align-items: center; gap: 0.5rem; } .bl-pagination-list .pagination-col .pagination-list-desktop .page.active, .bl-pagination-list .pagination-col .pagination-list-mobile .page.active { opacity: 1; } .bl-pagination-list .pagination-col .pagination-list-desktop .page:not(.active), .bl-pagination-list .pagination-col .pagination-list-mobile .page:not(.active) { opacity: 0.7; } .bl-pagination-list .pagination-col .pagination-list-desktop .page:not(:last-child)::after, .bl-pagination-list .pagination-col .pagination-list-mobile .page:not(:last-child)::after { content: "|"; color: var(--secondary); position: relative; top: -1px; opacity: 0.5; } .bl-pagination-list .pagination-col .pagination-list-desktop .page:hover, .bl-pagination-list .pagination-col .pagination-list-mobile .page:hover { opacity: 1; } .bl-pagination-list .pagination-col .pagination-list-desktop .page:hover::after, .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 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .cl-reviews-full-1 { --bs-gutter-x: 1.88rem; } .cl-reviews-full-1 > .col-12.needs-expanding.expanded { max-height: 100000px; } .cl-reviews-full-1 > .col-12.needs-expanding.expanded .expand-btn { display: none; } .cl-reviews-full-1 > .col-12.needs-expanding:not(.expanded) { max-height: 900px; overflow: hidden; transition: var(--transition); } .cl-reviews-full-1 > .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-1 > .col-12.needs-expanding .expand-btn { position: absolute; left: 50%; transform: translateX(-50%); bottom: 4px; z-index: 2; } .cl-reviews-full-1 > .col-12:not(.needs-expanding) .expand-btn { display: none; } .cl-reviews-full-1 > .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-1 > .col-12 .reviews-list { column-count: 2; } } @media (min-width: 992px) { .cl-reviews-full-1 > .col-12 .reviews-list { column-count: 3; } } .cl-reviews-full-1 > .col-12 .reviews-list .review { margin-bottom: var(--bs-gutter-x); break-inside: avoid-column; padding: 1.88rem; background: var(--secondary); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: var(--light); } .cl-reviews-full-1 > .col-12 .reviews-list .review .stars { margin-bottom: 1.12rem; } .cl-reviews-full-1 > .col-12 .reviews-list .review .stars .review-star { font-size: 1.375rem; background: -webkit-linear-gradient(#FFDF86, #E19600); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .cl-reviews-full-1 > .col-12 .reviews-list .review .review-text { font-size: var(--p-font-size); line-height: var(--p-line-height); font-weight: var(--p-font-weight); margin-bottom: 1.25rem; } .cl-reviews-full-1 > .col-12 .reviews-list .review .author { font-family: var(--font-primary); font-size: 1.0625rem; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.06375rem; text-transform: uppercase; } .cl-reviews-full-1 > .col-12 .reviews-list .review .date { font-size: 0.75rem; font-weight: 400; line-height: 160%; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-cases-full-1 { --bs-gutter-x: 1.88rem; } .wi-cases-full-1 > .col-12.needs-expanding.expanded { max-height: 100000px; } .wi-cases-full-1 > .col-12.needs-expanding.expanded .expand-btn { display: none; } .wi-cases-full-1 > .col-12.needs-expanding:not(.expanded) { max-height: 900px; overflow: hidden; transition: var(--transition); } .wi-cases-full-1 > .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%); } .wi-cases-full-1 > .col-12.needs-expanding .expand-btn { position: absolute; left: 50%; transform: translateX(-50%); bottom: 4px; z-index: 2; } .wi-cases-full-1 > .col-12:not(.needs-expanding) .expand-btn { display: none; } .wi-cases-full-1 > .col-12 .reviews-list { padding-top: 1.875rem; column-count: 1; column-gap: var(--bs-gutter-x); position: relative; } @media (min-width: 768px) { .wi-cases-full-1 > .col-12 .reviews-list { column-count: 2; } } @media (min-width: 992px) { .wi-cases-full-1 > .col-12 .reviews-list { column-count: 3; } } .wi-cases-full-1 > .col-12 .reviews-list .review { margin-bottom: var(--bs-gutter-x); break-inside: avoid-column; padding: 2.5rem 1.88rem; background: var(--quinary); color: var(--light); display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 1rem; } .wi-cases-full-1 > .col-12 .reviews-list .review .cmp-heading { gap: 0.25rem; } .wi-cases-full-1 > .col-12 .reviews-list .review .charge { color: var(--light); text-align: center; } .wi-cases-full-1 > .col-12 .reviews-list .review .more, .wi-cases-full-1 > .col-12 .reviews-list .review .more > p { font-size: var(--p-font-size); line-height: var(--p-line-height); font-weight: var(--p-font-weight); } .wi-cases-full-1 > .col-12 .reviews-list .review .more { text-align: center; } .wi-cases-full-1 > .col-12 .reviews-list .review .result { font-size: 0.75rem; font-weight: 400; line-height: 160%; color: var(--light); text-align: center; padding: 0.38rem 0.62rem; background: var(--primary); } @media (min-width: 992px) { .wi-cases-full-1 > .col-12 .reviews-list .review .result { font-size: 0.875rem; } } .wi-cases-full-1 > .col-12 .reviews-list .review .result i { margin-right: 0.38rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ @media (min-width: 992px) { .bl-post-intro.cmp-hero-img-50 .img-col .bg-img-container { min-height: 28.125rem; } } .bl-long-post .img-thumbnail { border: unset !important; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .cmp-content-form .well-col .form-well { background: var(--bg-color); padding: 1.5rem 1.25rem; } @media (min-width: 992px) { .cmp-content-form .well-col .form-well { padding: 1.5rem; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-badges { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 1.25rem; } @media (min-width: 992px) { .wi-badges { justify-content: flex-start; } } .wi-badges img { height: 3.75rem; } @media (min-width: 992px) { .wi-badges img { height: 5rem; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .beneath-footer-v2 { background: var(--bg-color); color: var(--text-color); font-size: 0.8125rem; font-weight: 400; line-height: 1.5; font-family: var(--font-secondary); } .beneath-footer-v2.bg-color-primary { --bg-color: var(--primary) !important; } .beneath-footer-v2.text-color-primary { --text-color: var(--primary) !important; } .beneath-footer-v2.bg-color-secondary { --bg-color: var(--secondary) !important; } .beneath-footer-v2.text-color-secondary { --text-color: var(--secondary) !important; } .beneath-footer-v2.bg-color-tertiary { --bg-color: var(--tertiary) !important; } .beneath-footer-v2.text-color-tertiary { --text-color: var(--tertiary) !important; } .beneath-footer-v2.bg-color-quaternary { --bg-color: var(--quaternary) !important; } .beneath-footer-v2.text-color-quaternary { --text-color: var(--quaternary) !important; } .beneath-footer-v2.bg-color-quinary { --bg-color: var(--quinary) !important; } .beneath-footer-v2.text-color-quinary { --text-color: var(--quinary) !important; } .beneath-footer-v2.bg-color-light { --bg-color: var(--light) !important; } .beneath-footer-v2.text-color-light { --text-color: var(--light) !important; } .beneath-footer-v2.bg-color-gray { --bg-color: var(--gray) !important; } .beneath-footer-v2.text-color-gray { --text-color: var(--gray) !important; } .beneath-footer-v2.bg-color-dark { --bg-color: var(--dark) !important; } .beneath-footer-v2.text-color-dark { --text-color: var(--dark) !important; } .beneath-footer-v2.bg-color-dark-gray { --bg-color: var(--dark-gray) !important; } .beneath-footer-v2.text-color-dark-gray { --text-color: var(--dark-gray) !important; } .beneath-footer-v2 a { color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; font-family: inherit; transition: var(--transition); } .beneath-footer-v2 a:hover { text-decoration: underline; } .beneath-footer-v2 .vert-bar { display: inline-block; position: relative; top: 0px; } .beneath-footer-v2 .vert-bar:last-child { display: none; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .bg-img-container { --bg-img-container-min-h: 13.75rem; position: relative; width: 100%; height: 100%; min-height: var(--bg-img-container-min-h); } img.bg-img { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: var(--nine-obj-p, center); top: 0; left: 0; border-radius: var(--border-radius); } .bg-img-container img.bg-img { border-radius: 0px; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// 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 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .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.label-checkbox-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 .form-control::placeholder { color: var(--color); } .form-wrapper-v3 .oak_contact_form .row .form-group div.form-control { height: 2.44rem; } .form-wrapper-v3 .oak_contact_form .row .form-group .form-check .form-check-input { border-radius: var(--border-radius); border-color: var(--border-color); } .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.select-el label.label-dropdown { pointer-events: none; } .form-wrapper-v3 .oak_contact_form .row .form-group:has(input[type="file"]) label { position: static; } .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-wrapper-v3.hide-labels-1 .oak_contact_form .row .form-group label { display: none; } .form-wrapper-v3.hide-labels-1 .oak_contact_form .row .form-group .form-control { height: 100%; padding: 0.62rem 0.875rem; } .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: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 > .form-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 > .form-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 > .form-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 > .form-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 > .form-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 > .form-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(--dark); } .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 > .form-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 > .form-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 > .form-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; } .form-wrapper-v3 .oak_contact_form .row .form-group label { font-size: 0.75rem; font-weight: 400; line-height: 160%; } .bg-color-gray .form-wrapper-v3 .oak_contact_form .row .form-group .form-check .form-check-input { border-color: var(--tertiary-50); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// 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); } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// 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; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// 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; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .skip-lazy-render, .skip-lazy-render .nitro-lazy-render { content-visibility: visible !important; } @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 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-well-v2 { --shadow-size-desktop: 0.75rem; --shadow-size-mobile: 0.75rem; } .wi-well-v2.border-color-primary { --border-color: #567182 !important; } .wi-well-v2.bg-color-primary { --bg-color: #567182 !important; } .wi-well-v2.bg-mobile-color-primary { --bg-mobile-color: #567182 !important; } .wi-well-v2.shadow-color-primary { --shadow-color: #567182 !important; } .wi-well-v2.border-color-secondary { --border-color: #4A0001 !important; } .wi-well-v2.bg-color-secondary { --bg-color: #4A0001 !important; } .wi-well-v2.bg-mobile-color-secondary { --bg-mobile-color: #4A0001 !important; } .wi-well-v2.shadow-color-secondary { --shadow-color: #4A0001 !important; } .wi-well-v2.border-color-tertiary { --border-color: #2F343A !important; } .wi-well-v2.bg-color-tertiary { --bg-color: #2F343A !important; } .wi-well-v2.bg-mobile-color-tertiary { --bg-mobile-color: #2F343A !important; } .wi-well-v2.shadow-color-tertiary { --shadow-color: #2F343A !important; } .wi-well-v2.border-color-quaternary { --border-color: #68737B !important; } .wi-well-v2.bg-color-quaternary { --bg-color: #68737B !important; } .wi-well-v2.bg-mobile-color-quaternary { --bg-mobile-color: #68737B !important; } .wi-well-v2.shadow-color-quaternary { --shadow-color: #68737B !important; } .wi-well-v2.border-color-quinary { --border-color: #23272C !important; } .wi-well-v2.bg-color-quinary { --bg-color: #23272C !important; } .wi-well-v2.bg-mobile-color-quinary { --bg-mobile-color: #23272C !important; } .wi-well-v2.shadow-color-quinary { --shadow-color: #23272C !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: #F4F4F5 !important; } .wi-well-v2.bg-color-gray { --bg-color: #F4F4F5 !important; } .wi-well-v2.bg-mobile-color-gray { --bg-mobile-color: #F4F4F5 !important; } .wi-well-v2.shadow-color-gray { --shadow-color: #F4F4F5 !important; } .wi-well-v2.border-color-dark { --border-color: #23272C !important; } .wi-well-v2.bg-color-dark { --bg-color: #23272C !important; } .wi-well-v2.bg-mobile-color-dark { --bg-mobile-color: #23272C !important; } .wi-well-v2.shadow-color-dark { --shadow-color: #23272C !important; } .wi-well-v2.border-color-dark-gray { --border-color: #2F343A !important; } .wi-well-v2.bg-color-dark-gray { --bg-color: #2F343A !important; } .wi-well-v2.bg-mobile-color-dark-gray { --bg-mobile-color: #2F343A !important; } .wi-well-v2.shadow-color-dark-gray { --shadow-color: #2F343A !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: #567182 !important; } .wi-well-v2.desktop-only-1 > .header.header-bg-color-secondary { --header-bg-color: #4A0001 !important; } .wi-well-v2.desktop-only-1 > .header.header-bg-color-tertiary { --header-bg-color: #2F343A !important; } .wi-well-v2.desktop-only-1 > .header.header-bg-color-quaternary { --header-bg-color: #68737B !important; } .wi-well-v2.desktop-only-1 > .header.header-bg-color-quinary { --header-bg-color: #23272C !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: #F4F4F5 !important; } .wi-well-v2.desktop-only-1 > .header.header-bg-color-dark { --header-bg-color: #23272C !important; } .wi-well-v2.desktop-only-1 > .header.header-bg-color-dark-gray { --header-bg-color: #2F343A !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: #567182 !important; } .wi-well-v2.mobile-only-1 > .header.header-bg-color-secondary { --header-bg-color: #4A0001 !important; } .wi-well-v2.mobile-only-1 > .header.header-bg-color-tertiary { --header-bg-color: #2F343A !important; } .wi-well-v2.mobile-only-1 > .header.header-bg-color-quaternary { --header-bg-color: #68737B !important; } .wi-well-v2.mobile-only-1 > .header.header-bg-color-quinary { --header-bg-color: #23272C !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: #F4F4F5 !important; } .wi-well-v2.mobile-only-1 > .header.header-bg-color-dark { --header-bg-color: #23272C !important; } .wi-well-v2.mobile-only-1 > .header.header-bg-color-dark-gray { --header-bg-color: #2F343A !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: #567182 !important; } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1) > .header.header-bg-color-secondary { --header-bg-color: #4A0001 !important; } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1) > .header.header-bg-color-tertiary { --header-bg-color: #2F343A !important; } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1) > .header.header-bg-color-quaternary { --header-bg-color: #68737B !important; } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1) > .header.header-bg-color-quinary { --header-bg-color: #23272C !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: #F4F4F5 !important; } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1) > .header.header-bg-color-dark { --header-bg-color: #23272C !important; } .wi-well-v2:not(.desktop-only-1):not(.mobile-only-1) > .header.header-bg-color-dark-gray { --header-bg-color: #2F343A !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); } }