/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .cl-reviews-slider-1 ul { align-items: flex-start !important; } .cl-reviews-slider-1 .well img { width: 90%; } .cl-reviews-slider-1 .weight-300 { font-weight: 300; } .cl-reviews-slider-1 .well { width: 276px; margin-right: 16px; margin-bottom: 0px; overflow-y: hidden; } .cl-reviews-slider-1 .expand-review { position: absolute; left: 0px; right: 0px; bottom: 0px; z-index: 1; width: 100%; height: 50px; background: linear-gradient(#f1f2f200, #f1f2f2 84%); } .cl-reviews-slider-1 .expand-review i { transition: var(--transition); color: var(--secondary); margin-bottom: 2px; } .cl-reviews-slider-1 .well.expanded .expand-review i { transform: rotate(0.5turn); } @media (min-width: 992px) { .cl-reviews-slider-1 .well { max-height: 360px; } .cl-reviews-slider-1:before, .cl-reviews-slider-1:after { content: ""; height: 100%; width: 40px; position: absolute; z-index: 2; top: 0px; bottom: 0px; } .cl-reviews-slider-1:before { left: 0px; background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%); } .cl-reviews-slider-1:after { right: 0px; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%); } .cl-reviews-slider-1 .well:after { content: ""; display: block; height: 44px; background-color: var(--primary); position: absolute; top: 316px; width: 100%; left: 0px; border-bottom-left-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); background: linear-gradient(#f1f2f200, #f1f2f2 52%); } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .ninthroot-overlay::before { content: ""; background: linear-gradient(45deg, rgba(58, 191, 224, 0.7) 0%, rgba(242, 104, 151, 0.73) 54%, rgba(255, 78, 108, 0.75) 100%); position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* wi-subnav-image-2 */ /* ------------------ */ .wi-subnav-image-1 a.wi-wrapper { display: block; text-align: center; color: #5d5d5d; } .wi-subnav-image-1 a.wi-wrapper .wi-image { position: relative; display: block; width: 80%; padding-top: 80%; margin: auto; border: 4px solid #ffffff; border-radius: 50%; background-color: #ffffff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; -webkit-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; transition: all 0.4s ease-in; } .wi-subnav-image-2 a.wi-wrapper:hover { text-decoration: none; } .wi-subnav-image-1 a.wi-wrapper .wi-image .em-tag { position: absolute; z-index: 5; left: 0px; top: calc(50% - 30px); width: 100%; text-align: center; font-size: 35px; text-transform: uppercase; opacity: 0; color: #ffffff !important; -webkit-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; transition: all 0.4s ease-in; } .wi-subnav-image-1 a.wi-wrapper:hover .wi-image .em-tag { opacity: 1; } .wi-subnav-image-1 a.wi-wrapper .wi-image div.wi-underlay { position: absolute; z-index: 1; left: -120%; top: -120%; border-radius: 50%; width: 120%; height: 120%; display: flex; justify-content: center; align-items: center; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .wi-subnav-image-1 a.wi-wrapper:hover .wi-image div.wi-underlay { left: -10%; top: -10%; } .wi-subnav-image-1 .color-primary a.wi-wrapper .wi-image div.wi-underlay { background-color: var(--primary-rgba-tissue); } .wi-subnav-image-1 .color-primary a.wi-wrapper:hover .wi-image { border-color: var(--primary); } .wi-subnav-image-1 .color-secondary a.wi-wrapper .wi-image div.wi-underlay { background-color: var(--secondary-rgba-tissue); } .wi-subnav-image-1 .color-secondary a.wi-wrapper:hover .wi-image { border-color: var(--secondary); } .wi-subnav-image-1 .color-tertiary a.wi-wrapper .wi-image div.wi-underlay { background-color: var(--tertiary-rgba-tissue); } .wi-subnav-image-1 .color-tertiary a.wi-wrapper:hover .wi-image { border-color: var(--tertiary); } .wi-subnav-image-1 .color-quaternary a.wi-wrapper .wi-image div.wi-underlay { background-color: var(--quaternary-rgba-tissue); } .wi-subnav-image-1 .color-quaternary a.wi-wrapper:hover .wi-image { border-color: var(--quaternary); } .wi-subnav-image-1 .color-quinary a.wi-wrapper .wi-image div.wi-underlay { background-color: var(--quinary-rgba-tissue); } .wi-subnav-image-1 .color-quinary a.wi-wrapper:hover .wi-image { border-color: var(--quinary); } .wi-subnav-image-1 .color-senary a.wi-wrapper .wi-image div.wi-underlay { background-color: var(--senary-rgba-tissue); } .wi-subnav-image-1 .color-senary a.wi-wrapper:hover .wi-image { border-color: var(--senary); } .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.cn-breadcrumb { display: flex; flex-direction: row; gap: 0.31rem; } nav.cn-breadcrumb .item, nav.cn-breadcrumb .item a { font-size: 1rem; font-weight: 400; line-height: 1.3; letter-spacing: 0.08rem; text-transform: uppercase; font-family: var(--font-quaternary); color: var(--primary-75); } nav.cn-breadcrumb i { display: block; } nav.cn-breadcrumb a:hover { color: var(--secondary); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .well { --well-padding-y: 30px; --well-padding-x: 20px; } .well-sm { --well-padding-y: 30px; --well-padding-x: 20px; } .well-md { --well-padding-y: 30px; --well-padding-x: 20px; } .well-lg { --well-padding-y: 30px; --well-padding-x: 20px; } .well-xl { --well-padding-y: 30px; --well-padding-x: 20px; } .well-xxl { --well-padding-y: 30px; --well-padding-x: 20px; } @media (min-width: 992px) { .well { --well-padding-y: 36px; --well-padding-x: 40px; } .well-sm { --well-padding-y: 36px; --well-padding-x: 40px; } .well-md { --well-padding-y: 36px; --well-padding-x: 40px; } .well-lg { --well-padding-y: 36px; --well-padding-x: 40px; } .well-xl { --well-padding-y: 36px; --well-padding-x: 40px; } .well-xxl { --well-padding-y: 36px; --well-padding-x: 40px; } } .well { --parent-pad: var(--well-padding-y); position: relative; min-height: 20px; padding: var(--well-padding-y) var(--well-padding-x); margin-bottom: 20px; border: 1px solid var(--border-color); border-radius: var(--border-radius); } .well.bg-primary { --border-color: var(--primary); } .well.bg-primary-dark { --border-color: var(--primary-dark); } .well.bg-primary-75 { --border-color: var(--primary-75); } .well.bg-primary-50 { --border-color: var(--primary-50); } .well.bg-primary-25 { --border-color: var(--primary-25); } .well.bg-primary-10 { --border-color: var(--primary-10); } .well.bg-secondary { --border-color: var(--secondary); } .well.bg-secondary-dark { --border-color: var(--secondary-dark); } .well.bg-secondary-75 { --border-color: var(--secondary-75); } .well.bg-secondary-50 { --border-color: var(--secondary-50); } .well.bg-secondary-25 { --border-color: var(--secondary-25); } .well.bg-secondary-10 { --border-color: var(--secondary-10); } .well.bg-tertiary { --border-color: var(--tertiary); } .well.bg-tertiary-dark { --border-color: var(--tertiary-dark); } .well.bg-tertiary-75 { --border-color: var(--tertiary-75); } .well.bg-tertiary-50 { --border-color: var(--tertiary-50); } .well.bg-tertiary-25 { --border-color: var(--tertiary-25); } .well.bg-tertiary-10 { --border-color: var(--tertiary-10); } .well.bg-quaternary { --border-color: var(--quaternary); } .well.bg-quaternary-dark { --border-color: var(--quaternary-dark); } .well.bg-quaternary-75 { --border-color: var(--quaternary-75); } .well.bg-quaternary-50 { --border-color: var(--quaternary-50); } .well.bg-quaternary-25 { --border-color: var(--quaternary-25); } .well.bg-quaternary-10 { --border-color: var(--quaternary-10); } .well.bg-quinary { --border-color: var(--quinary); } .well.bg-quinary-dark { --border-color: var(--quinary-dark); } .well.bg-quinary-75 { --border-color: var(--quinary-75); } .well.bg-quinary-50 { --border-color: var(--quinary-50); } .well.bg-quinary-25 { --border-color: var(--quinary-25); } .well.bg-quinary-10 { --border-color: var(--quinary-10); } .well.bg-senary { --border-color: var(--senary); } .well.bg-senary-dark { --border-color: var(--senary-dark); } .well.bg-senary-75 { --border-color: var(--senary-75); } .well.bg-senary-50 { --border-color: var(--senary-50); } .well.bg-senary-25 { --border-color: var(--senary-25); } .well.bg-senary-10 { --border-color: var(--senary-10); } .well.bg-light { --border-color: var(--light); } .well.bg-light-dark { --border-color: var(--light-dark); } .well.bg-light-75 { --border-color: var(--light-75); } .well.bg-light-50 { --border-color: var(--light-50); } .well.bg-light-25 { --border-color: var(--light-25); } .well.bg-light-10 { --border-color: var(--light-10); } .well.bg-gray { --border-color: var(--gray); } .well.bg-gray-dark { --border-color: var(--gray-dark); } .well.bg-gray-75 { --border-color: var(--gray-75); } .well.bg-gray-50 { --border-color: var(--gray-50); } .well.bg-gray-25 { --border-color: var(--gray-25); } .well.bg-gray-10 { --border-color: var(--gray-10); } .well.bg-dark { --border-color: var(--dark); } .well.bg-dark-dark { --border-color: var(--dark-dark); } .well.bg-dark-75 { --border-color: var(--dark-75); } .well.bg-dark-50 { --border-color: var(--dark-50); } .well.bg-dark-25 { --border-color: var(--dark-25); } .well.bg-dark-10 { --border-color: var(--dark-10); } .well.bg-dark-gray { --border-color: var(--dark-gray); } .well.bg-dark-gray-dark { --border-color: var(--dark-gray-dark); } .well.bg-dark-gray-75 { --border-color: var(--dark-gray-75); } .well.bg-dark-gray-50 { --border-color: var(--dark-gray-50); } .well.bg-dark-gray-25 { --border-color: var(--dark-gray-25); } .well.bg-dark-gray-10 { --border-color: var(--dark-gray-10); } .well-unset { min-height: unset; padding: unset; margin-bottom: unset; border: unset; border-radius: unset; } @media (min-width: 576px) { .well-sm { --parent-pad: var(--well-padding-y); position: relative; min-height: 20px; padding: var(--well-padding-y) var(--well-padding-x); margin-bottom: 20px; border: 1px solid var(--border-color); border-radius: var(--border-radius); } .well-sm.bg-primary { --border-color: var(--primary); } .well-sm.bg-primary-dark { --border-color: var(--primary-dark); } .well-sm.bg-primary-75 { --border-color: var(--primary-75); } .well-sm.bg-primary-50 { --border-color: var(--primary-50); } .well-sm.bg-primary-25 { --border-color: var(--primary-25); } .well-sm.bg-primary-10 { --border-color: var(--primary-10); } .well-sm.bg-secondary { --border-color: var(--secondary); } .well-sm.bg-secondary-dark { --border-color: var(--secondary-dark); } .well-sm.bg-secondary-75 { --border-color: var(--secondary-75); } .well-sm.bg-secondary-50 { --border-color: var(--secondary-50); } .well-sm.bg-secondary-25 { --border-color: var(--secondary-25); } .well-sm.bg-secondary-10 { --border-color: var(--secondary-10); } .well-sm.bg-tertiary { --border-color: var(--tertiary); } .well-sm.bg-tertiary-dark { --border-color: var(--tertiary-dark); } .well-sm.bg-tertiary-75 { --border-color: var(--tertiary-75); } .well-sm.bg-tertiary-50 { --border-color: var(--tertiary-50); } .well-sm.bg-tertiary-25 { --border-color: var(--tertiary-25); } .well-sm.bg-tertiary-10 { --border-color: var(--tertiary-10); } .well-sm.bg-quaternary { --border-color: var(--quaternary); } .well-sm.bg-quaternary-dark { --border-color: var(--quaternary-dark); } .well-sm.bg-quaternary-75 { --border-color: var(--quaternary-75); } .well-sm.bg-quaternary-50 { --border-color: var(--quaternary-50); } .well-sm.bg-quaternary-25 { --border-color: var(--quaternary-25); } .well-sm.bg-quaternary-10 { --border-color: var(--quaternary-10); } .well-sm.bg-quinary { --border-color: var(--quinary); } .well-sm.bg-quinary-dark { --border-color: var(--quinary-dark); } .well-sm.bg-quinary-75 { --border-color: var(--quinary-75); } .well-sm.bg-quinary-50 { --border-color: var(--quinary-50); } .well-sm.bg-quinary-25 { --border-color: var(--quinary-25); } .well-sm.bg-quinary-10 { --border-color: var(--quinary-10); } .well-sm.bg-senary { --border-color: var(--senary); } .well-sm.bg-senary-dark { --border-color: var(--senary-dark); } .well-sm.bg-senary-75 { --border-color: var(--senary-75); } .well-sm.bg-senary-50 { --border-color: var(--senary-50); } .well-sm.bg-senary-25 { --border-color: var(--senary-25); } .well-sm.bg-senary-10 { --border-color: var(--senary-10); } .well-sm.bg-light { --border-color: var(--light); } .well-sm.bg-light-dark { --border-color: var(--light-dark); } .well-sm.bg-light-75 { --border-color: var(--light-75); } .well-sm.bg-light-50 { --border-color: var(--light-50); } .well-sm.bg-light-25 { --border-color: var(--light-25); } .well-sm.bg-light-10 { --border-color: var(--light-10); } .well-sm.bg-gray { --border-color: var(--gray); } .well-sm.bg-gray-dark { --border-color: var(--gray-dark); } .well-sm.bg-gray-75 { --border-color: var(--gray-75); } .well-sm.bg-gray-50 { --border-color: var(--gray-50); } .well-sm.bg-gray-25 { --border-color: var(--gray-25); } .well-sm.bg-gray-10 { --border-color: var(--gray-10); } .well-sm.bg-dark { --border-color: var(--dark); } .well-sm.bg-dark-dark { --border-color: var(--dark-dark); } .well-sm.bg-dark-75 { --border-color: var(--dark-75); } .well-sm.bg-dark-50 { --border-color: var(--dark-50); } .well-sm.bg-dark-25 { --border-color: var(--dark-25); } .well-sm.bg-dark-10 { --border-color: var(--dark-10); } .well-sm.bg-dark-gray { --border-color: var(--dark-gray); } .well-sm.bg-dark-gray-dark { --border-color: var(--dark-gray-dark); } .well-sm.bg-dark-gray-75 { --border-color: var(--dark-gray-75); } .well-sm.bg-dark-gray-50 { --border-color: var(--dark-gray-50); } .well-sm.bg-dark-gray-25 { --border-color: var(--dark-gray-25); } .well-sm.bg-dark-gray-10 { --border-color: var(--dark-gray-10); } .well-sm-unset { min-height: unset; padding: unset; margin-bottom: unset; border: unset; border-radius: unset; } } @media (min-width: 768px) { .well-md { --parent-pad: var(--well-padding-y); position: relative; min-height: 20px; padding: var(--well-padding-y) var(--well-padding-x); margin-bottom: 20px; border: 1px solid var(--border-color); border-radius: var(--border-radius); } .well-md.bg-primary { --border-color: var(--primary); } .well-md.bg-primary-dark { --border-color: var(--primary-dark); } .well-md.bg-primary-75 { --border-color: var(--primary-75); } .well-md.bg-primary-50 { --border-color: var(--primary-50); } .well-md.bg-primary-25 { --border-color: var(--primary-25); } .well-md.bg-primary-10 { --border-color: var(--primary-10); } .well-md.bg-secondary { --border-color: var(--secondary); } .well-md.bg-secondary-dark { --border-color: var(--secondary-dark); } .well-md.bg-secondary-75 { --border-color: var(--secondary-75); } .well-md.bg-secondary-50 { --border-color: var(--secondary-50); } .well-md.bg-secondary-25 { --border-color: var(--secondary-25); } .well-md.bg-secondary-10 { --border-color: var(--secondary-10); } .well-md.bg-tertiary { --border-color: var(--tertiary); } .well-md.bg-tertiary-dark { --border-color: var(--tertiary-dark); } .well-md.bg-tertiary-75 { --border-color: var(--tertiary-75); } .well-md.bg-tertiary-50 { --border-color: var(--tertiary-50); } .well-md.bg-tertiary-25 { --border-color: var(--tertiary-25); } .well-md.bg-tertiary-10 { --border-color: var(--tertiary-10); } .well-md.bg-quaternary { --border-color: var(--quaternary); } .well-md.bg-quaternary-dark { --border-color: var(--quaternary-dark); } .well-md.bg-quaternary-75 { --border-color: var(--quaternary-75); } .well-md.bg-quaternary-50 { --border-color: var(--quaternary-50); } .well-md.bg-quaternary-25 { --border-color: var(--quaternary-25); } .well-md.bg-quaternary-10 { --border-color: var(--quaternary-10); } .well-md.bg-quinary { --border-color: var(--quinary); } .well-md.bg-quinary-dark { --border-color: var(--quinary-dark); } .well-md.bg-quinary-75 { --border-color: var(--quinary-75); } .well-md.bg-quinary-50 { --border-color: var(--quinary-50); } .well-md.bg-quinary-25 { --border-color: var(--quinary-25); } .well-md.bg-quinary-10 { --border-color: var(--quinary-10); } .well-md.bg-senary { --border-color: var(--senary); } .well-md.bg-senary-dark { --border-color: var(--senary-dark); } .well-md.bg-senary-75 { --border-color: var(--senary-75); } .well-md.bg-senary-50 { --border-color: var(--senary-50); } .well-md.bg-senary-25 { --border-color: var(--senary-25); } .well-md.bg-senary-10 { --border-color: var(--senary-10); } .well-md.bg-light { --border-color: var(--light); } .well-md.bg-light-dark { --border-color: var(--light-dark); } .well-md.bg-light-75 { --border-color: var(--light-75); } .well-md.bg-light-50 { --border-color: var(--light-50); } .well-md.bg-light-25 { --border-color: var(--light-25); } .well-md.bg-light-10 { --border-color: var(--light-10); } .well-md.bg-gray { --border-color: var(--gray); } .well-md.bg-gray-dark { --border-color: var(--gray-dark); } .well-md.bg-gray-75 { --border-color: var(--gray-75); } .well-md.bg-gray-50 { --border-color: var(--gray-50); } .well-md.bg-gray-25 { --border-color: var(--gray-25); } .well-md.bg-gray-10 { --border-color: var(--gray-10); } .well-md.bg-dark { --border-color: var(--dark); } .well-md.bg-dark-dark { --border-color: var(--dark-dark); } .well-md.bg-dark-75 { --border-color: var(--dark-75); } .well-md.bg-dark-50 { --border-color: var(--dark-50); } .well-md.bg-dark-25 { --border-color: var(--dark-25); } .well-md.bg-dark-10 { --border-color: var(--dark-10); } .well-md.bg-dark-gray { --border-color: var(--dark-gray); } .well-md.bg-dark-gray-dark { --border-color: var(--dark-gray-dark); } .well-md.bg-dark-gray-75 { --border-color: var(--dark-gray-75); } .well-md.bg-dark-gray-50 { --border-color: var(--dark-gray-50); } .well-md.bg-dark-gray-25 { --border-color: var(--dark-gray-25); } .well-md.bg-dark-gray-10 { --border-color: var(--dark-gray-10); } .well-md-unset { min-height: unset; padding: unset; margin-bottom: unset; border: unset; border-radius: unset; } } @media (min-width: 992px) { .well-lg { --parent-pad: var(--well-padding-y); position: relative; min-height: 20px; padding: var(--well-padding-y) var(--well-padding-x); margin-bottom: 20px; border: 1px solid var(--border-color); border-radius: var(--border-radius); } .well-lg.bg-primary { --border-color: var(--primary); } .well-lg.bg-primary-dark { --border-color: var(--primary-dark); } .well-lg.bg-primary-75 { --border-color: var(--primary-75); } .well-lg.bg-primary-50 { --border-color: var(--primary-50); } .well-lg.bg-primary-25 { --border-color: var(--primary-25); } .well-lg.bg-primary-10 { --border-color: var(--primary-10); } .well-lg.bg-secondary { --border-color: var(--secondary); } .well-lg.bg-secondary-dark { --border-color: var(--secondary-dark); } .well-lg.bg-secondary-75 { --border-color: var(--secondary-75); } .well-lg.bg-secondary-50 { --border-color: var(--secondary-50); } .well-lg.bg-secondary-25 { --border-color: var(--secondary-25); } .well-lg.bg-secondary-10 { --border-color: var(--secondary-10); } .well-lg.bg-tertiary { --border-color: var(--tertiary); } .well-lg.bg-tertiary-dark { --border-color: var(--tertiary-dark); } .well-lg.bg-tertiary-75 { --border-color: var(--tertiary-75); } .well-lg.bg-tertiary-50 { --border-color: var(--tertiary-50); } .well-lg.bg-tertiary-25 { --border-color: var(--tertiary-25); } .well-lg.bg-tertiary-10 { --border-color: var(--tertiary-10); } .well-lg.bg-quaternary { --border-color: var(--quaternary); } .well-lg.bg-quaternary-dark { --border-color: var(--quaternary-dark); } .well-lg.bg-quaternary-75 { --border-color: var(--quaternary-75); } .well-lg.bg-quaternary-50 { --border-color: var(--quaternary-50); } .well-lg.bg-quaternary-25 { --border-color: var(--quaternary-25); } .well-lg.bg-quaternary-10 { --border-color: var(--quaternary-10); } .well-lg.bg-quinary { --border-color: var(--quinary); } .well-lg.bg-quinary-dark { --border-color: var(--quinary-dark); } .well-lg.bg-quinary-75 { --border-color: var(--quinary-75); } .well-lg.bg-quinary-50 { --border-color: var(--quinary-50); } .well-lg.bg-quinary-25 { --border-color: var(--quinary-25); } .well-lg.bg-quinary-10 { --border-color: var(--quinary-10); } .well-lg.bg-senary { --border-color: var(--senary); } .well-lg.bg-senary-dark { --border-color: var(--senary-dark); } .well-lg.bg-senary-75 { --border-color: var(--senary-75); } .well-lg.bg-senary-50 { --border-color: var(--senary-50); } .well-lg.bg-senary-25 { --border-color: var(--senary-25); } .well-lg.bg-senary-10 { --border-color: var(--senary-10); } .well-lg.bg-light { --border-color: var(--light); } .well-lg.bg-light-dark { --border-color: var(--light-dark); } .well-lg.bg-light-75 { --border-color: var(--light-75); } .well-lg.bg-light-50 { --border-color: var(--light-50); } .well-lg.bg-light-25 { --border-color: var(--light-25); } .well-lg.bg-light-10 { --border-color: var(--light-10); } .well-lg.bg-gray { --border-color: var(--gray); } .well-lg.bg-gray-dark { --border-color: var(--gray-dark); } .well-lg.bg-gray-75 { --border-color: var(--gray-75); } .well-lg.bg-gray-50 { --border-color: var(--gray-50); } .well-lg.bg-gray-25 { --border-color: var(--gray-25); } .well-lg.bg-gray-10 { --border-color: var(--gray-10); } .well-lg.bg-dark { --border-color: var(--dark); } .well-lg.bg-dark-dark { --border-color: var(--dark-dark); } .well-lg.bg-dark-75 { --border-color: var(--dark-75); } .well-lg.bg-dark-50 { --border-color: var(--dark-50); } .well-lg.bg-dark-25 { --border-color: var(--dark-25); } .well-lg.bg-dark-10 { --border-color: var(--dark-10); } .well-lg.bg-dark-gray { --border-color: var(--dark-gray); } .well-lg.bg-dark-gray-dark { --border-color: var(--dark-gray-dark); } .well-lg.bg-dark-gray-75 { --border-color: var(--dark-gray-75); } .well-lg.bg-dark-gray-50 { --border-color: var(--dark-gray-50); } .well-lg.bg-dark-gray-25 { --border-color: var(--dark-gray-25); } .well-lg.bg-dark-gray-10 { --border-color: var(--dark-gray-10); } .well-lg-unset { min-height: unset; padding: unset; margin-bottom: unset; border: unset; border-radius: unset; } } @media (min-width: 1200px) { .well-xl { --parent-pad: var(--well-padding-y); position: relative; min-height: 20px; padding: var(--well-padding-y) var(--well-padding-x); margin-bottom: 20px; border: 1px solid var(--border-color); border-radius: var(--border-radius); } .well-xl.bg-primary { --border-color: var(--primary); } .well-xl.bg-primary-dark { --border-color: var(--primary-dark); } .well-xl.bg-primary-75 { --border-color: var(--primary-75); } .well-xl.bg-primary-50 { --border-color: var(--primary-50); } .well-xl.bg-primary-25 { --border-color: var(--primary-25); } .well-xl.bg-primary-10 { --border-color: var(--primary-10); } .well-xl.bg-secondary { --border-color: var(--secondary); } .well-xl.bg-secondary-dark { --border-color: var(--secondary-dark); } .well-xl.bg-secondary-75 { --border-color: var(--secondary-75); } .well-xl.bg-secondary-50 { --border-color: var(--secondary-50); } .well-xl.bg-secondary-25 { --border-color: var(--secondary-25); } .well-xl.bg-secondary-10 { --border-color: var(--secondary-10); } .well-xl.bg-tertiary { --border-color: var(--tertiary); } .well-xl.bg-tertiary-dark { --border-color: var(--tertiary-dark); } .well-xl.bg-tertiary-75 { --border-color: var(--tertiary-75); } .well-xl.bg-tertiary-50 { --border-color: var(--tertiary-50); } .well-xl.bg-tertiary-25 { --border-color: var(--tertiary-25); } .well-xl.bg-tertiary-10 { --border-color: var(--tertiary-10); } .well-xl.bg-quaternary { --border-color: var(--quaternary); } .well-xl.bg-quaternary-dark { --border-color: var(--quaternary-dark); } .well-xl.bg-quaternary-75 { --border-color: var(--quaternary-75); } .well-xl.bg-quaternary-50 { --border-color: var(--quaternary-50); } .well-xl.bg-quaternary-25 { --border-color: var(--quaternary-25); } .well-xl.bg-quaternary-10 { --border-color: var(--quaternary-10); } .well-xl.bg-quinary { --border-color: var(--quinary); } .well-xl.bg-quinary-dark { --border-color: var(--quinary-dark); } .well-xl.bg-quinary-75 { --border-color: var(--quinary-75); } .well-xl.bg-quinary-50 { --border-color: var(--quinary-50); } .well-xl.bg-quinary-25 { --border-color: var(--quinary-25); } .well-xl.bg-quinary-10 { --border-color: var(--quinary-10); } .well-xl.bg-senary { --border-color: var(--senary); } .well-xl.bg-senary-dark { --border-color: var(--senary-dark); } .well-xl.bg-senary-75 { --border-color: var(--senary-75); } .well-xl.bg-senary-50 { --border-color: var(--senary-50); } .well-xl.bg-senary-25 { --border-color: var(--senary-25); } .well-xl.bg-senary-10 { --border-color: var(--senary-10); } .well-xl.bg-light { --border-color: var(--light); } .well-xl.bg-light-dark { --border-color: var(--light-dark); } .well-xl.bg-light-75 { --border-color: var(--light-75); } .well-xl.bg-light-50 { --border-color: var(--light-50); } .well-xl.bg-light-25 { --border-color: var(--light-25); } .well-xl.bg-light-10 { --border-color: var(--light-10); } .well-xl.bg-gray { --border-color: var(--gray); } .well-xl.bg-gray-dark { --border-color: var(--gray-dark); } .well-xl.bg-gray-75 { --border-color: var(--gray-75); } .well-xl.bg-gray-50 { --border-color: var(--gray-50); } .well-xl.bg-gray-25 { --border-color: var(--gray-25); } .well-xl.bg-gray-10 { --border-color: var(--gray-10); } .well-xl.bg-dark { --border-color: var(--dark); } .well-xl.bg-dark-dark { --border-color: var(--dark-dark); } .well-xl.bg-dark-75 { --border-color: var(--dark-75); } .well-xl.bg-dark-50 { --border-color: var(--dark-50); } .well-xl.bg-dark-25 { --border-color: var(--dark-25); } .well-xl.bg-dark-10 { --border-color: var(--dark-10); } .well-xl.bg-dark-gray { --border-color: var(--dark-gray); } .well-xl.bg-dark-gray-dark { --border-color: var(--dark-gray-dark); } .well-xl.bg-dark-gray-75 { --border-color: var(--dark-gray-75); } .well-xl.bg-dark-gray-50 { --border-color: var(--dark-gray-50); } .well-xl.bg-dark-gray-25 { --border-color: var(--dark-gray-25); } .well-xl.bg-dark-gray-10 { --border-color: var(--dark-gray-10); } .well-xl-unset { min-height: unset; padding: unset; margin-bottom: unset; border: unset; border-radius: unset; } } @media (min-width: 1400px) { .well-xxl { --parent-pad: var(--well-padding-y); position: relative; min-height: 20px; padding: var(--well-padding-y) var(--well-padding-x); margin-bottom: 20px; border: 1px solid var(--border-color); border-radius: var(--border-radius); } .well-xxl.bg-primary { --border-color: var(--primary); } .well-xxl.bg-primary-dark { --border-color: var(--primary-dark); } .well-xxl.bg-primary-75 { --border-color: var(--primary-75); } .well-xxl.bg-primary-50 { --border-color: var(--primary-50); } .well-xxl.bg-primary-25 { --border-color: var(--primary-25); } .well-xxl.bg-primary-10 { --border-color: var(--primary-10); } .well-xxl.bg-secondary { --border-color: var(--secondary); } .well-xxl.bg-secondary-dark { --border-color: var(--secondary-dark); } .well-xxl.bg-secondary-75 { --border-color: var(--secondary-75); } .well-xxl.bg-secondary-50 { --border-color: var(--secondary-50); } .well-xxl.bg-secondary-25 { --border-color: var(--secondary-25); } .well-xxl.bg-secondary-10 { --border-color: var(--secondary-10); } .well-xxl.bg-tertiary { --border-color: var(--tertiary); } .well-xxl.bg-tertiary-dark { --border-color: var(--tertiary-dark); } .well-xxl.bg-tertiary-75 { --border-color: var(--tertiary-75); } .well-xxl.bg-tertiary-50 { --border-color: var(--tertiary-50); } .well-xxl.bg-tertiary-25 { --border-color: var(--tertiary-25); } .well-xxl.bg-tertiary-10 { --border-color: var(--tertiary-10); } .well-xxl.bg-quaternary { --border-color: var(--quaternary); } .well-xxl.bg-quaternary-dark { --border-color: var(--quaternary-dark); } .well-xxl.bg-quaternary-75 { --border-color: var(--quaternary-75); } .well-xxl.bg-quaternary-50 { --border-color: var(--quaternary-50); } .well-xxl.bg-quaternary-25 { --border-color: var(--quaternary-25); } .well-xxl.bg-quaternary-10 { --border-color: var(--quaternary-10); } .well-xxl.bg-quinary { --border-color: var(--quinary); } .well-xxl.bg-quinary-dark { --border-color: var(--quinary-dark); } .well-xxl.bg-quinary-75 { --border-color: var(--quinary-75); } .well-xxl.bg-quinary-50 { --border-color: var(--quinary-50); } .well-xxl.bg-quinary-25 { --border-color: var(--quinary-25); } .well-xxl.bg-quinary-10 { --border-color: var(--quinary-10); } .well-xxl.bg-senary { --border-color: var(--senary); } .well-xxl.bg-senary-dark { --border-color: var(--senary-dark); } .well-xxl.bg-senary-75 { --border-color: var(--senary-75); } .well-xxl.bg-senary-50 { --border-color: var(--senary-50); } .well-xxl.bg-senary-25 { --border-color: var(--senary-25); } .well-xxl.bg-senary-10 { --border-color: var(--senary-10); } .well-xxl.bg-light { --border-color: var(--light); } .well-xxl.bg-light-dark { --border-color: var(--light-dark); } .well-xxl.bg-light-75 { --border-color: var(--light-75); } .well-xxl.bg-light-50 { --border-color: var(--light-50); } .well-xxl.bg-light-25 { --border-color: var(--light-25); } .well-xxl.bg-light-10 { --border-color: var(--light-10); } .well-xxl.bg-gray { --border-color: var(--gray); } .well-xxl.bg-gray-dark { --border-color: var(--gray-dark); } .well-xxl.bg-gray-75 { --border-color: var(--gray-75); } .well-xxl.bg-gray-50 { --border-color: var(--gray-50); } .well-xxl.bg-gray-25 { --border-color: var(--gray-25); } .well-xxl.bg-gray-10 { --border-color: var(--gray-10); } .well-xxl.bg-dark { --border-color: var(--dark); } .well-xxl.bg-dark-dark { --border-color: var(--dark-dark); } .well-xxl.bg-dark-75 { --border-color: var(--dark-75); } .well-xxl.bg-dark-50 { --border-color: var(--dark-50); } .well-xxl.bg-dark-25 { --border-color: var(--dark-25); } .well-xxl.bg-dark-10 { --border-color: var(--dark-10); } .well-xxl.bg-dark-gray { --border-color: var(--dark-gray); } .well-xxl.bg-dark-gray-dark { --border-color: var(--dark-gray-dark); } .well-xxl.bg-dark-gray-75 { --border-color: var(--dark-gray-75); } .well-xxl.bg-dark-gray-50 { --border-color: var(--dark-gray-50); } .well-xxl.bg-dark-gray-25 { --border-color: var(--dark-gray-25); } .well-xxl.bg-dark-gray-10 { --border-color: var(--dark-gray-10); } .well-xxl-unset { min-height: unset; padding: unset; margin-bottom: unset; border: unset; border-radius: unset; } } .well.well-large { padding: 2.5rem 1.25rem; } @media (min-width: 992px) { .well.well-large { padding: 3.75rem 2.5rem; } } .well.well-circle-overlap { --well-padding-y: 40px; display: flex; flex-direction: column; align-items: center; margin-top: calc(((var(--circle-width-mod, 100px) + var(--circle-border-width-mod, 7px)) / 2)); } .well.well-circle-overlap .circle { margin-top: calc(((var(--circle-width-mod, 100px) + var(--circle-border-width-mod, 7px)) / 2 + var(--well-padding-y)) * -1); } @media (min-width: 992px) { .well.well-circle-overlap { --well-padding-y: 60px; flex-direction: row; width: calc(100% - (var(--circle-width-mod, 100px) + var(--circle-border-width-mod, 7px)) / 2); margin-left: auto; margin-top: 0px; } .well.well-circle-overlap .circle { flex: 0 0 auto; margin-left: calc(((var(--circle-width-mod, 100px) + var(--circle-border-width-mod, 7px)) / 2 + var(--well-padding-x)) * -1); margin-bottom: 0px; margin-top: 0px; } .well.well-circle-overlap .content { padding-left: 20px; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .cl-reviews-full-2 .infiniteslide_wrap { overflow: visible !important; } .cl-reviews-full-2 ul { align-items: flex-start !important; } .cl-reviews-full-2 .review-box .review-stars { color: var(--quinary); } .cl-reviews-full-2 .review-box { position: relative; overflow: hidden; padding: 18px 24px; border-radius: var(--border-radius); background-color: var(--gray); } .cl-reviews-full-2 .review-box .name { font-size: 18px !important; } .cl-reviews-full-2 .review-box .date { font-size: 12px; opacity: 0.7; margin-bottom: 12px; } .cl-reviews-full-2 .review-type-icon-wrapper { color: #fff; display: flex; position: relative; margin-bottom: -12px; } .cl-reviews-full-2 .review-type-icon-wrapper > .review-type-icon { text-align: center; width: 36px; height: 36px; color: white !important; z-index: 2; top: 0px; display: flex; justify-content: center; align-items: center; } .cl-reviews-full-2 ul > li .review-type-icon-wrapper::before { content: ""; background: var(--primary); border-radius: 100%; height: 36px; width: 36px; margin-bottom: -6px; z-index: 1; } .cl-reviews-full-2 .review-type-icon-wrapper > .review-type-icon:before { font-size: 17px; } .cl-reviews-full-2 .review-box .review { text-align: left; font-size: 1rem; line-height: var(--p-line-height); font-weight: var(--p-font-weight); margin-bottom: var(--p-margin-bottom); color: var(--dark); } .cl-reviews-full-2 .review-box .expand-review { position: absolute; bottom: 0px; right: 0px; width: 100%; height: 50px; text-align: center; font-size: 21px; color: var(--secondary); background: linear-gradient(0deg, white 45%, transparent 100%); display: flex; justify-content: center; align-items: end; } .cl-reviews-full-2 .review-box .expand-review i { margin-bottom: 8px; } .cl-reviews-full-2 .review-box .expand-review:hover { cursor: pointer; color: var(--primary); } .cl-reviews-full-2 { max-height: 500rem; transition: max-height 1s ease-in; } .cl-reviews-full-2.closed { position: relative; max-height: 71.9rem; overflow: hidden; display: flex; justify-content: center; } .cl-reviews-full-2.closed::after { 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-2.closed .show-more { display: inline-block; position: absolute; z-index: 2; bottom: 10px; margin: 0px auto; } .cl-reviews-full-2 .show-more { display: none; } .cl-reviews-full-2 ul { list-style: none; padding-left: 0px; margin-left: -0.24rem; margin-right: -0.24rem; column-count: 1; } @media (min-width: 576px) { .cl-reviews-full-2 ul { column-count: 2; } } @media (min-width: 992px) { .cl-reviews-full-2 ul { column-count: 3; } } .cl-reviews-full-2 ul > li { padding-left: 0.24rem; padding-right: 0.24rem; margin-bottom: 1.5rem; break-inside: avoid-column; /* Prevent breaking within columns */ page-break-inside: avoid; /* For additional browser support */ } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* Instagram 2 */ .instagram-2 [class*="col-"] { padding: 0px; } .instagram-2 .wrap { padding-bottom: 100%; overflow: hidden; } .instagram-2 .wrap .ig-container { width: 100%; height: 100%; position: absolute; overflow: hidden; } .instagram-2 .wrap .ig-container .content { overflow: hidden; height: 100%; display: flex; justify-content: center; } .instagram-2 .wrap .ig-container .content .overlay { width: 100%; height: 100%; padding: 20px; background-color: #000000a1; color: white; position: absolute; bottom: 100%; transition: 0.25s ease-in; } .instagram-2 .wrap:hover .ig-container .content .overlay { bottom: 0px; transition: 0.25s ease-in; } .instagram-2 .wrap:hover .ig-container .content .overlay p { max-height: 84%; margin-bottom: 0px; font-size: 14px; line-height: 1.3; } .instagram-2 .wrap .ig-container .content .overlay .s-impressions { font-size: 20px; } .instagram-2 .wrap .ig-container .content .overlay .igo-container { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; width: 100%; position: relative; -webkit-mask-image: -webkit-gradient(linear, left 70%, left bottom, from(black), to(rgba(0, 0, 0, 0))); } .instagram-2 .wrap .ig-container .content .ig-media { min-width: 100%; max-height: 100%; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-subnav-full-1 .go-arrow { position: absolute; right: -5px; } .wi-subnav-full-1 .grand-children-col { padding-top: 1px; padding-bottom: 1px; padding-left: 5px; padding-right: 5px; } .wi-subnav-full-1 .list-unstyled { padding-left: 0px; list-style: none; } .wi-subnav-full-1 a.btn:hover { background-color: var(--primary); color: white; } @charset "UTF-8"; /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-franchise-list .card-columns { column-count: 1; } @media (min-width: 992px) { .wi-franchise-list .card-columns { column-count: 2; } } @media (min-width: 1200px) { .wi-franchise-list .card-columns { column-count: 3; } } .wi-franchise-list .card-title { font-weight: 300; font-size: 1.3rem; } .wi-franchise-list .card-columns .card { width: 100%; margin-bottom: 20px; page-break-inside: avoid; break-inside: avoid-column; display: table; } .wi-franchise-list ul.icon-list { margin: 0 0 0 10px; padding: 0; } .wi-franchise-list ul.icon-list li { position: relative; list-style-type: none; padding: 6px 0 5px 18px; margin-bottom: 0; font-size: 1rem; } .wi-franchise-list ul.icon-list li.col { padding: 6px 17px 5px 17px; } /* default: chevron */ .wi-franchise-list ul.icon-list li::after { font-family: "Font Awesome 5 Pro"; content: ""; font-style: normal; font-weight: 500; text-decoration: inherit; position: absolute; font-size: 11px; color: var(--primary); top: 14px; left: 0; z-index: 1; } /* chevron circle */ .wi-franchise-list ul.icon-list.list-arrow-circle li::after { content: ""; } /* checkmark */ .wi-franchise-list ul.icon-list.list-checkmark li { padding-bottom: 20px; margin-bottom: 15px; border-bottom: 1px solid #eee; } .wi-franchise-list ul.icon-list.list-checkmark li::after { content: ""; } .wi-franchise-list ul.icon-list.list-checkmark li:last-child { border: none; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .fr-list-detailed ul { text-align: start; column-count: 1; list-style: none; padding-left: 0px; } @media (min-width: 768px) { .fr-list-detailed ul { column-count: 2; } } @media (min-width: 992px) { .fr-list-detailed ul { column-count: 3; } } @media (min-width: 1400px) { .fr-list-detailed ul { margin: 0px -0.75rem; } } .fr-list-detailed ul li { break-inside: avoid-column; page-break-inside: avoid; margin-bottom: 1.25rem; padding: 0px; } @media (min-width: 1400px) { .fr-list-detailed ul li { padding: 0px 0.75rem; } } .fr-list-detailed ul li .location { padding: 0.75rem; background-color: var(--primary-10); border-radius: var(--border-radius); } .fr-list-detailed ul li .location:not(:last-child) { margin-bottom: 1rem; } .fr-list-detailed ul li .location .btn { padding: 0.75rem 1rem; } .fr-list-detailed ul li .location .address { font-size: 1rem; font-weight: 400; line-height: 1.5; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// 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 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .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.5rem; align-items: center; } .wi-social-small-1 .item { font-size: 1.5rem; color: var(--tertiary); transition: var(--transition); } .wi-social-small-1 .item:hover { color: var(--quaternary); } .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 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ ul.icon-list { --icon-color: var(--dark); padding-left: 30px; list-style: none; } ul.icon-list:last-child { margin-bottom: 0px; } ul.icon-list li { font-family: var(--font-secondary); font-size: 18px; font-weight: 400; position: relative; } @media (min-width: 992px) { ul.icon-list li { font-size: 20px; } } ul.icon-list li:not(:last-child) { margin-bottom: 10px; } ul.icon-list li::before { content: ""; font-family: "Font Awesome 6 Pro"; font-weight: 600; color: var(--icon-color); line-height: 1; background: radial-gradient(at center, white 40%, transparent 40%); position: absolute; right: calc(100% + 10px); top: 5px; font-size: 18px; } @media (min-width: 992px) { ul.icon-list li::before { font-size: 20px; } } ul.icon-list.list-inline { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 1.25rem; padding-left: 0px; } ul.icon-list.list-inline li { padding-left: 30px; } ul.icon-list.list-inline li::before { right: unset; left: 0px; } ul.icon-list.icon-primary { --icon-color: var(--primary); } ul.icon-list.icon-secondary { --icon-color: var(--secondary); } ul.icon-list.icon-tertiary { --icon-color: var(--tertiary); } ul.icon-list.icon-quaternary { --icon-color: var(--quaternary); } ul.icon-list.icon-quinary { --icon-color: var(--quinary); } ul.icon-list.icon-senary { --icon-color: var(--senary); } ul.icon-list.icon-light { --icon-color: var(--light); } ul.icon-list.icon-gray { --icon-color: var(--gray); } ul.icon-list.icon-dark { --icon-color: var(--dark); } ul.icon-list.icon-dark-gray { --icon-color: var(--dark-gray); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .beneath-footer { color: var(--light); font-size: 0.8125rem; font-weight: 400; line-height: normal; font-family: var(--font-secondary); } .beneath-footer a { color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; font-family: inherit; transition: var(--transition); } .beneath-footer a:hover { text-decoration: underline; } .beneath-footer .vert-bar { display: inline-block; position: relative; top: 0px; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ section:not([class*="bg-"]):not(.lr-section):not(.divider-diagonal):not(.bg-transparent):not(.hero-section):not(.intro-anchor) + 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 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ footer form .btn { margin-bottom: 0px !important; } footer .footer-header a { color: var(--primary); font-size: 20px; font-weight: 900; transition: color 0.2s ease-in; } footer .footer-header a:hover { color: var(--secondary); } footer ul.footer-nav { padding-left: 0px; margin-bottom: 0px; column-count: 2; } footer ul.footer-nav li a { color: var(--dark); font-size: 1rem; line-height: 1.5; font-weight: 400; padding: 6px 0px; display: block; transform: color 0.2s ease-in; } footer ul.footer-nav li a:hover { color: var(--secondary); } footer .social-tert { font-size: 1.25rem; padding: 0 4px !important; } footer .list-2 ul.footer-nav { column-count: 2; } footer .secondary-footer a { color: white !important; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-top-bar { box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.15); margin-top: 0px; transition: var(--transition); background: var(--secondary) !important; } body.scrolled .wi-top-bar { margin-top: calc(var(--top-bar, 0px) * -1); } .wi-top-bar .headline { padding-top: 6px; padding-bottom: 6px; font-size: 1.125rem !important; font-weight: 500 !important; line-height: 150% !important; font-family: var(--font-secondary); } @media (min-width: 992px) { .wi-top-bar .headline { font-size: 1.25rem !important; } } @media (max-width: 992px) { .wi-top-bar .headline span.h5 { font-size: 1.25rem !important; } } .wi-top-bar .btn-style-rounded-edges { border-radius: 40px; padding-left: 23px; padding-right: 23px; } .wi-top-bar .btn-effect-wiggle { animation: wiggle 5s infinite; } .wi-top-bar:hover .btn-effect-wiggle { animation: none; } @keyframes wiggle { 0% { transform: rotate(0deg); } 80% { transform: rotate(0deg); } 82% { transform: rotate(5deg); } 84% { transform: rotate(-5deg); } 86% { transform: rotate(5deg); } 88% { transform: rotate(-5deg); } 90% { transform: rotate(5deg); } 92% { transform: rotate(-5deg); } 94% { transform: rotate(5deg); } 96% { transform: rotate(-5deg); } 98% { transform: rotate(5deg); } 100% { transform: rotate(0deg); } } .wi-top-bar.bg-light i.close-button { color: black; } .wi-top-bar i.close-button { color: white; opacity: 0.8; position: absolute; right: 20px; } .wi-top-bar i.close-button:hover { opacity: 1; cursor: pointer; } @media screen and (max-width: 991px) { .wi-top-bar i.close-button { top: -7px; right: 7px; } } @media screen and (min-width: 992px) { .wi-top-bar i.close-button { top: 0px; } } footer { position: relative; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* Mobile/Desktop */ /* Desktop Only */ @media (min-width: 992px) { header.scrolled .main-nav .items nav { top: calc(var(--nav-height) - 1px); } header .main-nav .items nav { max-height: 0; overflow: hidden; position: fixed; top: calc(var(--nav-height) + var(--top-bar, 0px) + var(--nav-tert-desktop-height)); left: 0; display: block; padding: 0; box-shadow: var(--box-shadow-no-top); transition: var(--transition); } header .main-nav .items nav .nav-wrapper { width: 100vw; background: var(--light); border-top: 1px solid #E0E0E0; padding-top: 2.5rem; padding-bottom: 2.5rem; } header .main-nav .items nav .nav-wrapper ul.level-1 { height: unset; width: 100%; align-items: unset; top: unset; --bs-gutter-x: 3.5rem; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) * -.5); margin-left: calc(var(--bs-gutter-x) * -.5); } header .main-nav .items nav .nav-wrapper ul.level-1 > li { flex: 1 0 0%; border-left: 1px solid #E0E0E0; display: flex; flex-direction: column; height: auto; padding-left: 20px; padding-right: 20px; } header .main-nav .items nav .nav-wrapper ul.level-1 > li > a { gap: 0.625rem; justify-content: flex-start; letter-spacing: 1.92px; line-height: 1.5; font-size: 1.5rem; font-family: var(--font-quaternary); font-weight: 400; padding: 0; color: var(--primary); text-transform: uppercase; height: unset; } header .main-nav .items nav .nav-wrapper ul.level-1 > li > a:not(:last-child) { margin-bottom: 0.9375rem; } header .main-nav .items nav .nav-wrapper ul.level-1 > li > a img.page-icon { width: 25px; } header .main-nav .items nav .nav-wrapper ul.level-1 > li > a i:not(.icon) { display: none; } header .main-nav .items nav .nav-wrapper ul.level-1 > li > a:hover { background-color: unset; color: var(--secondary); } header .main-nav .items nav .nav-wrapper ul.level-1 > li > a:hover img.page-icon { filter: brightness(0) saturate(100%) invert(45%) sepia(14%) saturate(2160%) hue-rotate(125deg) brightness(93%) contrast(91%); } header .main-nav .items nav .nav-wrapper ul.level-1 > li ul.level-2 { display: block !important; left: unset !important; /* Override normal level 2 styles */ border-bottom-right-radius: unset; border-bottom-left-radius: unset; position: relative; width: 100%; background-color: var(--light); top: unset; flex-grow: 1; } header .main-nav .items nav .nav-wrapper ul.level-1 > li ul.level-2 .mega-nav-dropdown { display: flex; flex-direction: column; height: 100%; justify-content: space-between; } header .main-nav .items nav .nav-wrapper ul.level-1 > li ul.level-2 .mega-nav-dropdown .sub-link { padding: 0px; justify-content: flex-start; color: var(--primary); font-size: 1.125rem; font-weight: 500; line-height: 1.5; } header .main-nav .items nav .nav-wrapper ul.level-1 > li ul.level-2 .mega-nav-dropdown .sub-link:hover { color: var(--secondary); } header .main-nav .items nav .nav-wrapper ul.level-1 > li:first-child { border-left: unset; } header .main-nav .items nav .mobile-nav-extra { display: none; } header .main-nav .items nav .desktop-nav-extra { display: block; background: var(--gray); } header .main-nav .items nav .desktop-nav-extra .highlight-link { padding: 1.375rem; display: flex; align-items: center; justify-content: center; } header .main-nav .items nav .desktop-nav-extra .highlight-link a { font-size: 1.375rem; font-weight: 600; font-family: var(--font-primary); text-transform: uppercase; letter-spacing: 0.025rem; line-height: 1; } header .main-nav .items nav .desktop-nav-extra .highlight-link a i { font-weight: 600; } header.open .main-nav .items nav { max-height: calc(100vh - var(--nav-height)); box-shadow: 0 4px 15px -15px black; } } @media (min-width: 992px) and (min-width: 1400px) { header .main-nav .items nav .nav-wrapper ul.level-1 > li { padding-left: 32px; padding-right: 32px; } } /* Mobile Only */ @media (max-width: 991px) { header > .nav-container { position: relative; } header > .nav-container .main-nav .logo { z-index: 1; } header > .nav-container .main-nav .logo .desktop { display: none; } header > .nav-container .main-nav .logo .mobile { display: block; } header > .nav-container .main-nav .items nav { position: absolute; top: 0px; flex-direction: column; justify-content: flex-start; background: white; padding-top: var(--nav-height); overflow: hidden !important; } header > .nav-container .main-nav .items nav .nav-wrapper { width: 100vw; overflow-y: scroll; overflow-x: hidden; border-top: 1px solid #E0E0E0; z-index: 1; } header > .nav-container .main-nav .items nav .nav-wrapper > .container { padding: 0px; } header > .nav-container .main-nav .items nav .nav-wrapper ul.level-1 { position: relative; width: unset; margin: unset; padding: 0px 10px; top: unset !important; } header > .nav-container .main-nav .items nav .nav-wrapper ul.level-1 > li > a { justify-content: flex-start; align-items: center; padding: 1.25rem 0; border-bottom: 1px solid #E0E0E0; font-family: var(--font-quaternary); text-transform: uppercase; font-weight: 400; letter-spacing: 0.105rem; transition: var(--transition); } header > .nav-container .main-nav .items nav .nav-wrapper ul.level-1 > li > a span.page-icon-wrap { height: 25px; width: 25px; display: flex; justify-content: center; align-items: center; position: relative; margin-right: 10px; } header > .nav-container .main-nav .items nav .nav-wrapper ul.level-1 > li > a span.page-icon-wrap img.page-icon { position: absolute; height: 25px; display: inline; } header > .nav-container .main-nav .items nav .nav-wrapper ul.level-1 > li > a i:not(.icon) { padding: 1rem; margin: -1rem; margin-left: auto; } header > .nav-container .main-nav .items nav .nav-wrapper ul.level-1 > li > a.open { border-color: var(--primary); } header > .nav-container .main-nav .items nav .nav-wrapper ul.level-1 > li ul.level-2 { margin: 0; padding-top: 1.125rem; padding-bottom: 1.125rem; border-bottom: 1px solid var(--primary); } header > .nav-container .main-nav .items nav .nav-wrapper ul.level-1 > li ul.level-2 .sub-link { display: none; } header > .nav-container .main-nav .items nav .nav-wrapper ul.level-1 > li:nth-last-child(1 of :not(.d-none)) a { border-bottom: unset; } header > .nav-container .main-nav .items nav .mobile-nav-extra { margin-top: 1.125rem; width: 100vw; } header > .nav-container .main-nav .items nav .mobile-nav-extra .social-primary { padding: 0 calc(var(--bs-gutter-x) * 0.5); } header > .nav-container .main-nav .items nav .desktop-nav-extra { display: none; } header:not(.open) .main-nav .items nav { border-top: unset; } header.scrolled { /*.main-nav { .items { nav { top: 0px; } } }*/ } header.scrolled.open .main-nav .items nav { height: 100vh; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* Change Color on Open and Scroll */ header.open, header.scrolled { --nav-mobile-trigger-open-color: var(--primary-dark); } header.open .tert-nav, header.scrolled .tert-nav { background: var(--light); } /* Desktop Trigger */ @media (min-width: 992px) { header { transition: var(--transition); } header .tert-nav { transition: var(--transition); } header .tert-nav a { border-bottom: 1px solid #E0E0E0; font-weight: 500; } header .tert-nav a:not(.social-tert) { padding: 0 8px !important; } header .tert-nav a:not(.social-tert):first-child { padding-left: 0px !important; } header .tert-nav .wi-fran-tert-current-location { display: flex; align-items: center; gap: 0.38rem; } header .tert-nav .wi-fran-tert-current-location a { padding-left: 0 !important; } header .tert-nav .wi-fran-tert-current-location i { color: var(--nav-tert-text-color); font-size: 0.9525rem; } header .main-nav .items .item-append { position: absolute; right: 3.125rem; } header .main-nav .items .desktop-nav-trigger { position: absolute; right: 0px; display: flex; align-items: center; justify-content: center; height: var(--nav-height); width: 2.25rem; transition: height var(--transition); } header .main-nav .items .desktop-nav-trigger i { position: absolute; transition: var(--transition); font-size: 2.25rem; } header .main-nav .items .desktop-nav-trigger i:hover { cursor: pointer; } header .main-nav .items .desktop-nav-trigger .close-icon { opacity: 0; color: var(--nav-mobile-trigger-close-color); } header .main-nav .items .desktop-nav-trigger .open-icon { opacity: 1; color: var(--nav-mobile-trigger-open-color); } header.open .main-nav .desktop-nav-trigger .close-icon { opacity: 1; } header.open .main-nav .desktop-nav-trigger .open-icon { opacity: 0; } } @media (max-width: 991px) { header .main-nav .items .desktop-nav-trigger { display: none; } } header:not(.open) { box-shadow: var(--box-shadow); } header.open nav { box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.08); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ @media (max-width: 992px) { header .main-nav .item-append .btn { font-size: 14px; padding: 0.625rem 0.75rem; } header .main-nav .item-append .btn:not(:last-child) { margin-right: 0.5rem !important; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-social-icons-small a { color: var(--primary); font-size: 16px; } .wi-social-icons-small a:hover { color: var(--secondary); } .wi-social-icons-small a:not(:last-child) { margin-right: 10px; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .social-tert { font-size: 1.04rem; color: var(--secondary-75) !important; padding: 0 5px !important; } .social-tert:hover { color: var(--secondary) !important; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ @font-face { font-family: "headline-two"; src: url("/oak/themes/kids_play_garden/css/fonts/headline-two-hlphs.ttf") format("opentype"); } @font-face { font-family: "ok"; src: url("/oak/themes/kids_play_garden/css/fonts/Ok.ttf") format("opentype"); } :root { --font-display: "headline-two", sans-serif; --font-display-spacing: .13rem; --font-quaternary: "headline-two", sans-serif; --font-quaternary-spacing: .13rem; } .font-display { font-family: var(--font-quaternary) !important; letter-spacing: var(--font-quaternary-spacing) !important; font-weight: 400; } h1.display-font, .h1.display-font, h1 .sub, .h1 .sub, h1.sub, .h1.sub { font-family: var(--font-quaternary) !important; font-weight: 400 !important; letter-spacing: var(--font-quaternary-spacing) !important; text-transform: uppercase; opacity: 1 !important; } h1 .sub, .h1 .sub { display: block !important; } h2.display-font, .h2.display-font, h2 .sub, .h2 .sub, h2.sub, .h2.sub { font-family: var(--font-quaternary) !important; font-weight: 400 !important; letter-spacing: var(--font-quaternary-spacing) !important; text-transform: uppercase; opacity: 1 !important; } h2 .sub, .h2 .sub { display: block !important; } h3.display-font, .h3.display-font, h3 .sub, .h3 .sub, h3.sub, .h3.sub { font-family: var(--font-quaternary) !important; font-weight: 400 !important; letter-spacing: var(--font-quaternary-spacing) !important; text-transform: uppercase; opacity: 1 !important; } h3 .sub, .h3 .sub { display: block !important; } h4.display-font, .h4.display-font, h4 .sub, .h4 .sub, h4.sub, .h4.sub { font-family: var(--font-quaternary) !important; font-weight: 400 !important; letter-spacing: var(--font-quaternary-spacing) !important; text-transform: uppercase; opacity: 1 !important; } h4 .sub, .h4 .sub { display: block !important; } h5.display-font, .h5.display-font, h5 .sub, .h5 .sub, h5.sub, .h5.sub { font-family: var(--font-quaternary) !important; font-weight: 400 !important; letter-spacing: var(--font-quaternary-spacing) !important; text-transform: uppercase; opacity: 1 !important; } h5 .sub, .h5 .sub { display: block !important; } h1.display-font, .h1.display-font, h1 .sub, .h1 .sub, h1.sub, .h1.sub { font-size: 1.5rem !important; } @media (min-width: 992px) { h1.display-font, .h1.display-font, h1 .sub, .h1 .sub, h1.sub, .h1.sub { font-size: 1.625rem !important; } } h2.display-font, .h2.display-font, h2 .sub, .h2 .sub, h2.sub, .h2.sub { font-size: 1.375rem !important; } @media (min-width: 992px) { h2.display-font, .h2.display-font, h2 .sub, .h2 .sub, h2.sub, .h2.sub { font-size: 1.5rem !important; } } h3.display-font, .h3.display-font, h3 .sub, .h3 .sub, h3.sub, .h3.sub { font-size: 21px !important; } h4.display-font, .h4.display-font, h4 .sub, .h4 .sub, h4.sub, .h4.sub { font-size: 18px !important; } h5.display-font, .h5.display-font, h5 .sub, .h5 .sub, h5.sub, .h5.sub { font-size: 1rem !important; } h1 span + .sub, .h2 span + .sub, h2 span + .sub, h3 span + .sub, .h3 span + .sub, h4 span + .sub, .h4 span + .sub { margin-top: 6px; } .font-secondary { font-family: var(--font-secondary); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .btn { padding: 0.75rem 1.125rem; font-family: var(--font-secondary); font-size: 1.125rem; font-weight: 500; line-height: 1; } .btn.btn-primary { color: white; } .btn.btn-primary:hover { color: white; } .btn.btn-outline-primary { border-width: 1px; } .btn.btn-secondary { color: white; } .btn.btn-secondary:hover { color: white; } .btn.btn-outline-secondary { border-width: 1px; } .btn.btn-tertiary { color: white; } .btn.btn-tertiary:hover { color: white; } .btn.btn-outline-tertiary { border-width: 1px; } .btn.btn-quaternary { color: white; } .btn.btn-quaternary:hover { color: white; } .btn.btn-outline-quaternary { border-width: 1px; } .btn.btn-quinary { color: white; } .btn.btn-quinary:hover { color: white; } .btn.btn-outline-quinary { border-width: 1px; } .btn.btn-senary { color: white; } .btn.btn-senary:hover { color: white; } .btn.btn-outline-senary { border-width: 1px; } .btn.btn-light { color: white; } .btn.btn-light:hover { color: white; } .btn.btn-outline-light { border-width: 1px; } .btn.btn-gray { color: white; } .btn.btn-gray:hover { color: white; } .btn.btn-outline-gray { border-width: 1px; } .btn.btn-dark { color: white; } .btn.btn-dark:hover { color: white; } .btn.btn-outline-dark { border-width: 1px; } .btn.btn-dark-gray { color: white; } .btn.btn-dark-gray:hover { color: white; } .btn.btn-outline-dark-gray { border-width: 1px; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ :root { --primary-dark: #1d632b; --primary-75: #61b371; --primary-50: #96cca1; --primary-25: #cae6d0; --primary-10: #eaf5ec; --secondary-dark: #0d5951; --secondary-75: #4fa79e; --secondary-50: #8ac4be; --secondary-25: #c4e2df; --secondary-10: #e8f3f2; --tertiary-dark: #00537a; --tertiary-75: #40a0cc; --tertiary-50: #80c0dd; --tertiary-25: #bfdfee; --tertiary-10: #e6f2f8; --quaternary-dark: #a6811b; --quaternary-75: #ffd45f; --quaternary-50: #ffe394; --quaternary-25: #fff1ca; --quaternary-10: #fff9ea; --quinary-dark: #a64600; --quinary-75: #ff9040; --quinary-50: #ffb580; --quinary-25: #ffdabf; --quinary-10: #fff0e6; --senary-dark: #892d14; --senary-75: #dd7456; --senary-50: #e9a28f; --senary-25: #f4d1c7; --senary-10: #fbece9; } .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; } .text-senary-dark { color: var(--senary-dark); } .text-senary-75 { color: var(--senary-75) !important; } .text-senary-50 { color: var(--senary-50) !important; } .text-senary-25 { color: var(--senary-25) !important; } .text-senary-10 { color: var(--senary-10) !important; } .bg-senary-dark { background-color: var(--senary-dark) !important; } .bg-senary-75 { background-color: var(--senary-75) !important; } .bg-senary-50 { background-color: var(--senary-50) !important; } .bg-senary-25 { background-color: var(--senary-25) !important; } .bg-senary-10 { background-color: var(--senary-10) !important; } .bg-light { background-color: white !important; } .border-senary-dark { --border-color: var(--senary-dark); } .border-senary-75 { --border-color: var(--senary-75) !important; } .border-senary-50 { --border-color: var(--senary-50) !important; } .border-senary-25 { --border-color: var(--senary-25) !important; } .border-senary-10 { --border-color: var(--senary-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-primary-senary { background: linear-gradient(270deg, var(--primary) 0%, var(--senary) 51.44%, var(--primary) 100%); } .bg-primary-senary-dark { background: linear-gradient(270deg, var(--primary-dark) 0%, var(--senary-dark) 51.44%, var(--primary-dark) 100%); } .bg-primary-senary-75 { background: linear-gradient(270deg, var(--primary-75) 0%, var(--senary-75) 51.44%, var(--primary-75) 100%); } .bg-primary-senary-50 { background: linear-gradient(270deg, var(--primary-50) 0%, var(--senary-50) 51.44%, var(--primary-50) 100%); } .bg-primary-senary-25 { background: linear-gradient(270deg, var(--primary-25) 0%, var(--senary-25) 51.44%, var(--primary-25) 100%); } .bg-primary-senary-10 { background: linear-gradient(270deg, var(--primary-10) 0%, var(--senary-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-secondary-senary { background: linear-gradient(270deg, var(--secondary) 0%, var(--senary) 51.44%, var(--secondary) 100%); } .bg-secondary-senary-dark { background: linear-gradient(270deg, var(--secondary-dark) 0%, var(--senary-dark) 51.44%, var(--secondary-dark) 100%); } .bg-secondary-senary-75 { background: linear-gradient(270deg, var(--secondary-75) 0%, var(--senary-75) 51.44%, var(--secondary-75) 100%); } .bg-secondary-senary-50 { background: linear-gradient(270deg, var(--secondary-50) 0%, var(--senary-50) 51.44%, var(--secondary-50) 100%); } .bg-secondary-senary-25 { background: linear-gradient(270deg, var(--secondary-25) 0%, var(--senary-25) 51.44%, var(--secondary-25) 100%); } .bg-secondary-senary-10 { background: linear-gradient(270deg, var(--secondary-10) 0%, var(--senary-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-tertiary-senary { background: linear-gradient(270deg, var(--tertiary) 0%, var(--senary) 51.44%, var(--tertiary) 100%); } .bg-tertiary-senary-dark { background: linear-gradient(270deg, var(--tertiary-dark) 0%, var(--senary-dark) 51.44%, var(--tertiary-dark) 100%); } .bg-tertiary-senary-75 { background: linear-gradient(270deg, var(--tertiary-75) 0%, var(--senary-75) 51.44%, var(--tertiary-75) 100%); } .bg-tertiary-senary-50 { background: linear-gradient(270deg, var(--tertiary-50) 0%, var(--senary-50) 51.44%, var(--tertiary-50) 100%); } .bg-tertiary-senary-25 { background: linear-gradient(270deg, var(--tertiary-25) 0%, var(--senary-25) 51.44%, var(--tertiary-25) 100%); } .bg-tertiary-senary-10 { background: linear-gradient(270deg, var(--tertiary-10) 0%, var(--senary-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-quaternary-senary { background: linear-gradient(270deg, var(--quaternary) 0%, var(--senary) 51.44%, var(--quaternary) 100%); } .bg-quaternary-senary-dark { background: linear-gradient(270deg, var(--quaternary-dark) 0%, var(--senary-dark) 51.44%, var(--quaternary-dark) 100%); } .bg-quaternary-senary-75 { background: linear-gradient(270deg, var(--quaternary-75) 0%, var(--senary-75) 51.44%, var(--quaternary-75) 100%); } .bg-quaternary-senary-50 { background: linear-gradient(270deg, var(--quaternary-50) 0%, var(--senary-50) 51.44%, var(--quaternary-50) 100%); } .bg-quaternary-senary-25 { background: linear-gradient(270deg, var(--quaternary-25) 0%, var(--senary-25) 51.44%, var(--quaternary-25) 100%); } .bg-quaternary-senary-10 { background: linear-gradient(270deg, var(--quaternary-10) 0%, var(--senary-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%); } .bg-quinary-senary { background: linear-gradient(270deg, var(--quinary) 0%, var(--senary) 51.44%, var(--quinary) 100%); } .bg-quinary-senary-dark { background: linear-gradient(270deg, var(--quinary-dark) 0%, var(--senary-dark) 51.44%, var(--quinary-dark) 100%); } .bg-quinary-senary-75 { background: linear-gradient(270deg, var(--quinary-75) 0%, var(--senary-75) 51.44%, var(--quinary-75) 100%); } .bg-quinary-senary-50 { background: linear-gradient(270deg, var(--quinary-50) 0%, var(--senary-50) 51.44%, var(--quinary-50) 100%); } .bg-quinary-senary-25 { background: linear-gradient(270deg, var(--quinary-25) 0%, var(--senary-25) 51.44%, var(--quinary-25) 100%); } .bg-quinary-senary-10 { background: linear-gradient(270deg, var(--quinary-10) 0%, var(--senary-10) 51.44%, var(--quinary-10) 100%); } .bg-senary-primary { background: linear-gradient(270deg, var(--senary) 0%, var(--primary) 51.44%, var(--senary) 100%); } .bg-senary-primary-dark { background: linear-gradient(270deg, var(--senary-dark) 0%, var(--primary-dark) 51.44%, var(--senary-dark) 100%); } .bg-senary-primary-75 { background: linear-gradient(270deg, var(--senary-75) 0%, var(--primary-75) 51.44%, var(--senary-75) 100%); } .bg-senary-primary-50 { background: linear-gradient(270deg, var(--senary-50) 0%, var(--primary-50) 51.44%, var(--senary-50) 100%); } .bg-senary-primary-25 { background: linear-gradient(270deg, var(--senary-25) 0%, var(--primary-25) 51.44%, var(--senary-25) 100%); } .bg-senary-primary-10 { background: linear-gradient(270deg, var(--senary-10) 0%, var(--primary-10) 51.44%, var(--senary-10) 100%); } .bg-senary-secondary { background: linear-gradient(270deg, var(--senary) 0%, var(--secondary) 51.44%, var(--senary) 100%); } .bg-senary-secondary-dark { background: linear-gradient(270deg, var(--senary-dark) 0%, var(--secondary-dark) 51.44%, var(--senary-dark) 100%); } .bg-senary-secondary-75 { background: linear-gradient(270deg, var(--senary-75) 0%, var(--secondary-75) 51.44%, var(--senary-75) 100%); } .bg-senary-secondary-50 { background: linear-gradient(270deg, var(--senary-50) 0%, var(--secondary-50) 51.44%, var(--senary-50) 100%); } .bg-senary-secondary-25 { background: linear-gradient(270deg, var(--senary-25) 0%, var(--secondary-25) 51.44%, var(--senary-25) 100%); } .bg-senary-secondary-10 { background: linear-gradient(270deg, var(--senary-10) 0%, var(--secondary-10) 51.44%, var(--senary-10) 100%); } .bg-senary-tertiary { background: linear-gradient(270deg, var(--senary) 0%, var(--tertiary) 51.44%, var(--senary) 100%); } .bg-senary-tertiary-dark { background: linear-gradient(270deg, var(--senary-dark) 0%, var(--tertiary-dark) 51.44%, var(--senary-dark) 100%); } .bg-senary-tertiary-75 { background: linear-gradient(270deg, var(--senary-75) 0%, var(--tertiary-75) 51.44%, var(--senary-75) 100%); } .bg-senary-tertiary-50 { background: linear-gradient(270deg, var(--senary-50) 0%, var(--tertiary-50) 51.44%, var(--senary-50) 100%); } .bg-senary-tertiary-25 { background: linear-gradient(270deg, var(--senary-25) 0%, var(--tertiary-25) 51.44%, var(--senary-25) 100%); } .bg-senary-tertiary-10 { background: linear-gradient(270deg, var(--senary-10) 0%, var(--tertiary-10) 51.44%, var(--senary-10) 100%); } .bg-senary-quaternary { background: linear-gradient(270deg, var(--senary) 0%, var(--quaternary) 51.44%, var(--senary) 100%); } .bg-senary-quaternary-dark { background: linear-gradient(270deg, var(--senary-dark) 0%, var(--quaternary-dark) 51.44%, var(--senary-dark) 100%); } .bg-senary-quaternary-75 { background: linear-gradient(270deg, var(--senary-75) 0%, var(--quaternary-75) 51.44%, var(--senary-75) 100%); } .bg-senary-quaternary-50 { background: linear-gradient(270deg, var(--senary-50) 0%, var(--quaternary-50) 51.44%, var(--senary-50) 100%); } .bg-senary-quaternary-25 { background: linear-gradient(270deg, var(--senary-25) 0%, var(--quaternary-25) 51.44%, var(--senary-25) 100%); } .bg-senary-quaternary-10 { background: linear-gradient(270deg, var(--senary-10) 0%, var(--quaternary-10) 51.44%, var(--senary-10) 100%); } .bg-senary-quinary { background: linear-gradient(270deg, var(--senary) 0%, var(--quinary) 51.44%, var(--senary) 100%); } .bg-senary-quinary-dark { background: linear-gradient(270deg, var(--senary-dark) 0%, var(--quinary-dark) 51.44%, var(--senary-dark) 100%); } .bg-senary-quinary-75 { background: linear-gradient(270deg, var(--senary-75) 0%, var(--quinary-75) 51.44%, var(--senary-75) 100%); } .bg-senary-quinary-50 { background: linear-gradient(270deg, var(--senary-50) 0%, var(--quinary-50) 51.44%, var(--senary-50) 100%); } .bg-senary-quinary-25 { background: linear-gradient(270deg, var(--senary-25) 0%, var(--quinary-25) 51.44%, var(--senary-25) 100%); } .bg-senary-quinary-10 { background: linear-gradient(270deg, var(--senary-10) 0%, var(--quinary-10) 51.44%, var(--senary-10) 100%); } .bg-senary-senary { background: linear-gradient(270deg, var(--senary) 0%, var(--senary) 51.44%, var(--senary) 100%); } .bg-senary-senary-dark { background: linear-gradient(270deg, var(--senary-dark) 0%, var(--senary-dark) 51.44%, var(--senary-dark) 100%); } .bg-senary-senary-75 { background: linear-gradient(270deg, var(--senary-75) 0%, var(--senary-75) 51.44%, var(--senary-75) 100%); } .bg-senary-senary-50 { background: linear-gradient(270deg, var(--senary-50) 0%, var(--senary-50) 51.44%, var(--senary-50) 100%); } .bg-senary-senary-25 { background: linear-gradient(270deg, var(--senary-25) 0%, var(--senary-25) 51.44%, var(--senary-25) 100%); } .bg-senary-senary-10 { background: linear-gradient(270deg, var(--senary-10) 0%, var(--senary-10) 51.44%, var(--senary-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; } .text-sm-senary-dark { color: var(--senary-dark); } .text-sm-senary-75 { color: var(--senary-75) !important; } .text-sm-senary-50 { color: var(--senary-50) !important; } .text-sm-senary-25 { color: var(--senary-25) !important; } .text-sm-senary-10 { color: var(--senary-10) !important; } .bg-sm-senary-dark { background-color: var(--senary-dark) !important; } .bg-sm-senary-75 { background-color: var(--senary-75) !important; } .bg-sm-senary-50 { background-color: var(--senary-50) !important; } .bg-sm-senary-25 { background-color: var(--senary-25) !important; } .bg-sm-senary-10 { background-color: var(--senary-10) !important; } .bg-sm-light { background-color: white !important; } .border-sm-senary-dark { --border-color: var(--senary-dark); } .border-sm-senary-75 { --border-color: var(--senary-75) !important; } .border-sm-senary-50 { --border-color: var(--senary-50) !important; } .border-sm-senary-25 { --border-color: var(--senary-25) !important; } .border-sm-senary-10 { --border-color: var(--senary-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-primary-senary { background: linear-gradient(270deg, var(--primary) 0%, var(--senary) 51.44%, var(--primary) 100%); } .bg-sm-primary-senary-dark { background: linear-gradient(270deg, var(--primary-dark) 0%, var(--senary-dark) 51.44%, var(--primary-dark) 100%); } .bg-sm-primary-senary-75 { background: linear-gradient(270deg, var(--primary-75) 0%, var(--senary-75) 51.44%, var(--primary-75) 100%); } .bg-sm-primary-senary-50 { background: linear-gradient(270deg, var(--primary-50) 0%, var(--senary-50) 51.44%, var(--primary-50) 100%); } .bg-sm-primary-senary-25 { background: linear-gradient(270deg, var(--primary-25) 0%, var(--senary-25) 51.44%, var(--primary-25) 100%); } .bg-sm-primary-senary-10 { background: linear-gradient(270deg, var(--primary-10) 0%, var(--senary-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-secondary-senary { background: linear-gradient(270deg, var(--secondary) 0%, var(--senary) 51.44%, var(--secondary) 100%); } .bg-sm-secondary-senary-dark { background: linear-gradient(270deg, var(--secondary-dark) 0%, var(--senary-dark) 51.44%, var(--secondary-dark) 100%); } .bg-sm-secondary-senary-75 { background: linear-gradient(270deg, var(--secondary-75) 0%, var(--senary-75) 51.44%, var(--secondary-75) 100%); } .bg-sm-secondary-senary-50 { background: linear-gradient(270deg, var(--secondary-50) 0%, var(--senary-50) 51.44%, var(--secondary-50) 100%); } .bg-sm-secondary-senary-25 { background: linear-gradient(270deg, var(--secondary-25) 0%, var(--senary-25) 51.44%, var(--secondary-25) 100%); } .bg-sm-secondary-senary-10 { background: linear-gradient(270deg, var(--secondary-10) 0%, var(--senary-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-tertiary-senary { background: linear-gradient(270deg, var(--tertiary) 0%, var(--senary) 51.44%, var(--tertiary) 100%); } .bg-sm-tertiary-senary-dark { background: linear-gradient(270deg, var(--tertiary-dark) 0%, var(--senary-dark) 51.44%, var(--tertiary-dark) 100%); } .bg-sm-tertiary-senary-75 { background: linear-gradient(270deg, var(--tertiary-75) 0%, var(--senary-75) 51.44%, var(--tertiary-75) 100%); } .bg-sm-tertiary-senary-50 { background: linear-gradient(270deg, var(--tertiary-50) 0%, var(--senary-50) 51.44%, var(--tertiary-50) 100%); } .bg-sm-tertiary-senary-25 { background: linear-gradient(270deg, var(--tertiary-25) 0%, var(--senary-25) 51.44%, var(--tertiary-25) 100%); } .bg-sm-tertiary-senary-10 { background: linear-gradient(270deg, var(--tertiary-10) 0%, var(--senary-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-quaternary-senary { background: linear-gradient(270deg, var(--quaternary) 0%, var(--senary) 51.44%, var(--quaternary) 100%); } .bg-sm-quaternary-senary-dark { background: linear-gradient(270deg, var(--quaternary-dark) 0%, var(--senary-dark) 51.44%, var(--quaternary-dark) 100%); } .bg-sm-quaternary-senary-75 { background: linear-gradient(270deg, var(--quaternary-75) 0%, var(--senary-75) 51.44%, var(--quaternary-75) 100%); } .bg-sm-quaternary-senary-50 { background: linear-gradient(270deg, var(--quaternary-50) 0%, var(--senary-50) 51.44%, var(--quaternary-50) 100%); } .bg-sm-quaternary-senary-25 { background: linear-gradient(270deg, var(--quaternary-25) 0%, var(--senary-25) 51.44%, var(--quaternary-25) 100%); } .bg-sm-quaternary-senary-10 { background: linear-gradient(270deg, var(--quaternary-10) 0%, var(--senary-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%); } .bg-sm-quinary-senary { background: linear-gradient(270deg, var(--quinary) 0%, var(--senary) 51.44%, var(--quinary) 100%); } .bg-sm-quinary-senary-dark { background: linear-gradient(270deg, var(--quinary-dark) 0%, var(--senary-dark) 51.44%, var(--quinary-dark) 100%); } .bg-sm-quinary-senary-75 { background: linear-gradient(270deg, var(--quinary-75) 0%, var(--senary-75) 51.44%, var(--quinary-75) 100%); } .bg-sm-quinary-senary-50 { background: linear-gradient(270deg, var(--quinary-50) 0%, var(--senary-50) 51.44%, var(--quinary-50) 100%); } .bg-sm-quinary-senary-25 { background: linear-gradient(270deg, var(--quinary-25) 0%, var(--senary-25) 51.44%, var(--quinary-25) 100%); } .bg-sm-quinary-senary-10 { background: linear-gradient(270deg, var(--quinary-10) 0%, var(--senary-10) 51.44%, var(--quinary-10) 100%); } .bg-sm-senary-primary { background: linear-gradient(270deg, var(--senary) 0%, var(--primary) 51.44%, var(--senary) 100%); } .bg-sm-senary-primary-dark { background: linear-gradient(270deg, var(--senary-dark) 0%, var(--primary-dark) 51.44%, var(--senary-dark) 100%); } .bg-sm-senary-primary-75 { background: linear-gradient(270deg, var(--senary-75) 0%, var(--primary-75) 51.44%, var(--senary-75) 100%); } .bg-sm-senary-primary-50 { background: linear-gradient(270deg, var(--senary-50) 0%, var(--primary-50) 51.44%, var(--senary-50) 100%); } .bg-sm-senary-primary-25 { background: linear-gradient(270deg, var(--senary-25) 0%, var(--primary-25) 51.44%, var(--senary-25) 100%); } .bg-sm-senary-primary-10 { background: linear-gradient(270deg, var(--senary-10) 0%, var(--primary-10) 51.44%, var(--senary-10) 100%); } .bg-sm-senary-secondary { background: linear-gradient(270deg, var(--senary) 0%, var(--secondary) 51.44%, var(--senary) 100%); } .bg-sm-senary-secondary-dark { background: linear-gradient(270deg, var(--senary-dark) 0%, var(--secondary-dark) 51.44%, var(--senary-dark) 100%); } .bg-sm-senary-secondary-75 { background: linear-gradient(270deg, var(--senary-75) 0%, var(--secondary-75) 51.44%, var(--senary-75) 100%); } .bg-sm-senary-secondary-50 { background: linear-gradient(270deg, var(--senary-50) 0%, var(--secondary-50) 51.44%, var(--senary-50) 100%); } .bg-sm-senary-secondary-25 { background: linear-gradient(270deg, var(--senary-25) 0%, var(--secondary-25) 51.44%, var(--senary-25) 100%); } .bg-sm-senary-secondary-10 { background: linear-gradient(270deg, var(--senary-10) 0%, var(--secondary-10) 51.44%, var(--senary-10) 100%); } .bg-sm-senary-tertiary { background: linear-gradient(270deg, var(--senary) 0%, var(--tertiary) 51.44%, var(--senary) 100%); } .bg-sm-senary-tertiary-dark { background: linear-gradient(270deg, var(--senary-dark) 0%, var(--tertiary-dark) 51.44%, var(--senary-dark) 100%); } .bg-sm-senary-tertiary-75 { background: linear-gradient(270deg, var(--senary-75) 0%, var(--tertiary-75) 51.44%, var(--senary-75) 100%); } .bg-sm-senary-tertiary-50 { background: linear-gradient(270deg, var(--senary-50) 0%, var(--tertiary-50) 51.44%, var(--senary-50) 100%); } .bg-sm-senary-tertiary-25 { background: linear-gradient(270deg, var(--senary-25) 0%, var(--tertiary-25) 51.44%, var(--senary-25) 100%); } .bg-sm-senary-tertiary-10 { background: linear-gradient(270deg, var(--senary-10) 0%, var(--tertiary-10) 51.44%, var(--senary-10) 100%); } .bg-sm-senary-quaternary { background: linear-gradient(270deg, var(--senary) 0%, var(--quaternary) 51.44%, var(--senary) 100%); } .bg-sm-senary-quaternary-dark { background: linear-gradient(270deg, var(--senary-dark) 0%, var(--quaternary-dark) 51.44%, var(--senary-dark) 100%); } .bg-sm-senary-quaternary-75 { background: linear-gradient(270deg, var(--senary-75) 0%, var(--quaternary-75) 51.44%, var(--senary-75) 100%); } .bg-sm-senary-quaternary-50 { background: linear-gradient(270deg, var(--senary-50) 0%, var(--quaternary-50) 51.44%, var(--senary-50) 100%); } .bg-sm-senary-quaternary-25 { background: linear-gradient(270deg, var(--senary-25) 0%, var(--quaternary-25) 51.44%, var(--senary-25) 100%); } .bg-sm-senary-quaternary-10 { background: linear-gradient(270deg, var(--senary-10) 0%, var(--quaternary-10) 51.44%, var(--senary-10) 100%); } .bg-sm-senary-quinary { background: linear-gradient(270deg, var(--senary) 0%, var(--quinary) 51.44%, var(--senary) 100%); } .bg-sm-senary-quinary-dark { background: linear-gradient(270deg, var(--senary-dark) 0%, var(--quinary-dark) 51.44%, var(--senary-dark) 100%); } .bg-sm-senary-quinary-75 { background: linear-gradient(270deg, var(--senary-75) 0%, var(--quinary-75) 51.44%, var(--senary-75) 100%); } .bg-sm-senary-quinary-50 { background: linear-gradient(270deg, var(--senary-50) 0%, var(--quinary-50) 51.44%, var(--senary-50) 100%); } .bg-sm-senary-quinary-25 { background: linear-gradient(270deg, var(--senary-25) 0%, var(--quinary-25) 51.44%, var(--senary-25) 100%); } .bg-sm-senary-quinary-10 { background: linear-gradient(270deg, var(--senary-10) 0%, var(--quinary-10) 51.44%, var(--senary-10) 100%); } .bg-sm-senary-senary { background: linear-gradient(270deg, var(--senary) 0%, var(--senary) 51.44%, var(--senary) 100%); } .bg-sm-senary-senary-dark { background: linear-gradient(270deg, var(--senary-dark) 0%, var(--senary-dark) 51.44%, var(--senary-dark) 100%); } .bg-sm-senary-senary-75 { background: linear-gradient(270deg, var(--senary-75) 0%, var(--senary-75) 51.44%, var(--senary-75) 100%); } .bg-sm-senary-senary-50 { background: linear-gradient(270deg, var(--senary-50) 0%, var(--senary-50) 51.44%, var(--senary-50) 100%); } .bg-sm-senary-senary-25 { background: linear-gradient(270deg, var(--senary-25) 0%, var(--senary-25) 51.44%, var(--senary-25) 100%); } .bg-sm-senary-senary-10 { background: linear-gradient(270deg, var(--senary-10) 0%, var(--senary-10) 51.44%, var(--senary-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; } .text-md-senary-dark { color: var(--senary-dark); } .text-md-senary-75 { color: var(--senary-75) !important; } .text-md-senary-50 { color: var(--senary-50) !important; } .text-md-senary-25 { color: var(--senary-25) !important; } .text-md-senary-10 { color: var(--senary-10) !important; } .bg-md-senary-dark { background-color: var(--senary-dark) !important; } .bg-md-senary-75 { background-color: var(--senary-75) !important; } .bg-md-senary-50 { background-color: var(--senary-50) !important; } .bg-md-senary-25 { background-color: var(--senary-25) !important; } .bg-md-senary-10 { background-color: var(--senary-10) !important; } .bg-md-light { background-color: white !important; } .border-md-senary-dark { --border-color: var(--senary-dark); } .border-md-senary-75 { --border-color: var(--senary-75) !important; } .border-md-senary-50 { --border-color: var(--senary-50) !important; } .border-md-senary-25 { --border-color: var(--senary-25) !important; } .border-md-senary-10 { --border-color: var(--senary-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-primary-senary { background: linear-gradient(270deg, var(--primary) 0%, var(--senary) 51.44%, var(--primary) 100%); } .bg-md-primary-senary-dark { background: linear-gradient(270deg, var(--primary-dark) 0%, var(--senary-dark) 51.44%, var(--primary-dark) 100%); } .bg-md-primary-senary-75 { background: linear-gradient(270deg, var(--primary-75) 0%, var(--senary-75) 51.44%, var(--primary-75) 100%); } .bg-md-primary-senary-50 { background: linear-gradient(270deg, var(--primary-50) 0%, var(--senary-50) 51.44%, var(--primary-50) 100%); } .bg-md-primary-senary-25 { background: linear-gradient(270deg, var(--primary-25) 0%, var(--senary-25) 51.44%, var(--primary-25) 100%); } .bg-md-primary-senary-10 { background: linear-gradient(270deg, var(--primary-10) 0%, var(--senary-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-secondary-senary { background: linear-gradient(270deg, var(--secondary) 0%, var(--senary) 51.44%, var(--secondary) 100%); } .bg-md-secondary-senary-dark { background: linear-gradient(270deg, var(--secondary-dark) 0%, var(--senary-dark) 51.44%, var(--secondary-dark) 100%); } .bg-md-secondary-senary-75 { background: linear-gradient(270deg, var(--secondary-75) 0%, var(--senary-75) 51.44%, var(--secondary-75) 100%); } .bg-md-secondary-senary-50 { background: linear-gradient(270deg, var(--secondary-50) 0%, var(--senary-50) 51.44%, var(--secondary-50) 100%); } .bg-md-secondary-senary-25 { background: linear-gradient(270deg, var(--secondary-25) 0%, var(--senary-25) 51.44%, var(--secondary-25) 100%); } .bg-md-secondary-senary-10 { background: linear-gradient(270deg, var(--secondary-10) 0%, var(--senary-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-tertiary-senary { background: linear-gradient(270deg, var(--tertiary) 0%, var(--senary) 51.44%, var(--tertiary) 100%); } .bg-md-tertiary-senary-dark { background: linear-gradient(270deg, var(--tertiary-dark) 0%, var(--senary-dark) 51.44%, var(--tertiary-dark) 100%); } .bg-md-tertiary-senary-75 { background: linear-gradient(270deg, var(--tertiary-75) 0%, var(--senary-75) 51.44%, var(--tertiary-75) 100%); } .bg-md-tertiary-senary-50 { background: linear-gradient(270deg, var(--tertiary-50) 0%, var(--senary-50) 51.44%, var(--tertiary-50) 100%); } .bg-md-tertiary-senary-25 { background: linear-gradient(270deg, var(--tertiary-25) 0%, var(--senary-25) 51.44%, var(--tertiary-25) 100%); } .bg-md-tertiary-senary-10 { background: linear-gradient(270deg, var(--tertiary-10) 0%, var(--senary-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-quaternary-senary { background: linear-gradient(270deg, var(--quaternary) 0%, var(--senary) 51.44%, var(--quaternary) 100%); } .bg-md-quaternary-senary-dark { background: linear-gradient(270deg, var(--quaternary-dark) 0%, var(--senary-dark) 51.44%, var(--quaternary-dark) 100%); } .bg-md-quaternary-senary-75 { background: linear-gradient(270deg, var(--quaternary-75) 0%, var(--senary-75) 51.44%, var(--quaternary-75) 100%); } .bg-md-quaternary-senary-50 { background: linear-gradient(270deg, var(--quaternary-50) 0%, var(--senary-50) 51.44%, var(--quaternary-50) 100%); } .bg-md-quaternary-senary-25 { background: linear-gradient(270deg, var(--quaternary-25) 0%, var(--senary-25) 51.44%, var(--quaternary-25) 100%); } .bg-md-quaternary-senary-10 { background: linear-gradient(270deg, var(--quaternary-10) 0%, var(--senary-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%); } .bg-md-quinary-senary { background: linear-gradient(270deg, var(--quinary) 0%, var(--senary) 51.44%, var(--quinary) 100%); } .bg-md-quinary-senary-dark { background: linear-gradient(270deg, var(--quinary-dark) 0%, var(--senary-dark) 51.44%, var(--quinary-dark) 100%); } .bg-md-quinary-senary-75 { background: linear-gradient(270deg, var(--quinary-75) 0%, var(--senary-75) 51.44%, var(--quinary-75) 100%); } .bg-md-quinary-senary-50 { background: linear-gradient(270deg, var(--quinary-50) 0%, var(--senary-50) 51.44%, var(--quinary-50) 100%); } .bg-md-quinary-senary-25 { background: linear-gradient(270deg, var(--quinary-25) 0%, var(--senary-25) 51.44%, var(--quinary-25) 100%); } .bg-md-quinary-senary-10 { background: linear-gradient(270deg, var(--quinary-10) 0%, var(--senary-10) 51.44%, var(--quinary-10) 100%); } .bg-md-senary-primary { background: linear-gradient(270deg, var(--senary) 0%, var(--primary) 51.44%, var(--senary) 100%); } .bg-md-senary-primary-dark { background: linear-gradient(270deg, var(--senary-dark) 0%, var(--primary-dark) 51.44%, var(--senary-dark) 100%); } .bg-md-senary-primary-75 { background: linear-gradient(270deg, var(--senary-75) 0%, var(--primary-75) 51.44%, var(--senary-75) 100%); } .bg-md-senary-primary-50 { background: linear-gradient(270deg, var(--senary-50) 0%, var(--primary-50) 51.44%, var(--senary-50) 100%); } .bg-md-senary-primary-25 { background: linear-gradient(270deg, var(--senary-25) 0%, var(--primary-25) 51.44%, var(--senary-25) 100%); } .bg-md-senary-primary-10 { background: linear-gradient(270deg, var(--senary-10) 0%, var(--primary-10) 51.44%, var(--senary-10) 100%); } .bg-md-senary-secondary { background: linear-gradient(270deg, var(--senary) 0%, var(--secondary) 51.44%, var(--senary) 100%); } .bg-md-senary-secondary-dark { background: linear-gradient(270deg, var(--senary-dark) 0%, var(--secondary-dark) 51.44%, var(--senary-dark) 100%); } .bg-md-senary-secondary-75 { background: linear-gradient(270deg, var(--senary-75) 0%, var(--secondary-75) 51.44%, var(--senary-75) 100%); } .bg-md-senary-secondary-50 { background: linear-gradient(270deg, var(--senary-50) 0%, var(--secondary-50) 51.44%, var(--senary-50) 100%); } .bg-md-senary-secondary-25 { background: linear-gradient(270deg, var(--senary-25) 0%, var(--secondary-25) 51.44%, var(--senary-25) 100%); } .bg-md-senary-secondary-10 { background: linear-gradient(270deg, var(--senary-10) 0%, var(--secondary-10) 51.44%, var(--senary-10) 100%); } .bg-md-senary-tertiary { background: linear-gradient(270deg, var(--senary) 0%, var(--tertiary) 51.44%, var(--senary) 100%); } .bg-md-senary-tertiary-dark { background: linear-gradient(270deg, var(--senary-dark) 0%, var(--tertiary-dark) 51.44%, var(--senary-dark) 100%); } .bg-md-senary-tertiary-75 { background: linear-gradient(270deg, var(--senary-75) 0%, var(--tertiary-75) 51.44%, var(--senary-75) 100%); } .bg-md-senary-tertiary-50 { background: linear-gradient(270deg, var(--senary-50) 0%, var(--tertiary-50) 51.44%, var(--senary-50) 100%); } .bg-md-senary-tertiary-25 { background: linear-gradient(270deg, var(--senary-25) 0%, var(--tertiary-25) 51.44%, var(--senary-25) 100%); } .bg-md-senary-tertiary-10 { background: linear-gradient(270deg, var(--senary-10) 0%, var(--tertiary-10) 51.44%, var(--senary-10) 100%); } .bg-md-senary-quaternary { background: linear-gradient(270deg, var(--senary) 0%, var(--quaternary) 51.44%, var(--senary) 100%); } .bg-md-senary-quaternary-dark { background: linear-gradient(270deg, var(--senary-dark) 0%, var(--quaternary-dark) 51.44%, var(--senary-dark) 100%); } .bg-md-senary-quaternary-75 { background: linear-gradient(270deg, var(--senary-75) 0%, var(--quaternary-75) 51.44%, var(--senary-75) 100%); } .bg-md-senary-quaternary-50 { background: linear-gradient(270deg, var(--senary-50) 0%, var(--quaternary-50) 51.44%, var(--senary-50) 100%); } .bg-md-senary-quaternary-25 { background: linear-gradient(270deg, var(--senary-25) 0%, var(--quaternary-25) 51.44%, var(--senary-25) 100%); } .bg-md-senary-quaternary-10 { background: linear-gradient(270deg, var(--senary-10) 0%, var(--quaternary-10) 51.44%, var(--senary-10) 100%); } .bg-md-senary-quinary { background: linear-gradient(270deg, var(--senary) 0%, var(--quinary) 51.44%, var(--senary) 100%); } .bg-md-senary-quinary-dark { background: linear-gradient(270deg, var(--senary-dark) 0%, var(--quinary-dark) 51.44%, var(--senary-dark) 100%); } .bg-md-senary-quinary-75 { background: linear-gradient(270deg, var(--senary-75) 0%, var(--quinary-75) 51.44%, var(--senary-75) 100%); } .bg-md-senary-quinary-50 { background: linear-gradient(270deg, var(--senary-50) 0%, var(--quinary-50) 51.44%, var(--senary-50) 100%); } .bg-md-senary-quinary-25 { background: linear-gradient(270deg, var(--senary-25) 0%, var(--quinary-25) 51.44%, var(--senary-25) 100%); } .bg-md-senary-quinary-10 { background: linear-gradient(270deg, var(--senary-10) 0%, var(--quinary-10) 51.44%, var(--senary-10) 100%); } .bg-md-senary-senary { background: linear-gradient(270deg, var(--senary) 0%, var(--senary) 51.44%, var(--senary) 100%); } .bg-md-senary-senary-dark { background: linear-gradient(270deg, var(--senary-dark) 0%, var(--senary-dark) 51.44%, var(--senary-dark) 100%); } .bg-md-senary-senary-75 { background: linear-gradient(270deg, var(--senary-75) 0%, var(--senary-75) 51.44%, var(--senary-75) 100%); } .bg-md-senary-senary-50 { background: linear-gradient(270deg, var(--senary-50) 0%, var(--senary-50) 51.44%, var(--senary-50) 100%); } .bg-md-senary-senary-25 { background: linear-gradient(270deg, var(--senary-25) 0%, var(--senary-25) 51.44%, var(--senary-25) 100%); } .bg-md-senary-senary-10 { background: linear-gradient(270deg, var(--senary-10) 0%, var(--senary-10) 51.44%, var(--senary-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; } .text-lg-senary-dark { color: var(--senary-dark); } .text-lg-senary-75 { color: var(--senary-75) !important; } .text-lg-senary-50 { color: var(--senary-50) !important; } .text-lg-senary-25 { color: var(--senary-25) !important; } .text-lg-senary-10 { color: var(--senary-10) !important; } .bg-lg-senary-dark { background-color: var(--senary-dark) !important; } .bg-lg-senary-75 { background-color: var(--senary-75) !important; } .bg-lg-senary-50 { background-color: var(--senary-50) !important; } .bg-lg-senary-25 { background-color: var(--senary-25) !important; } .bg-lg-senary-10 { background-color: var(--senary-10) !important; } .bg-lg-light { background-color: white !important; } .border-lg-senary-dark { --border-color: var(--senary-dark); } .border-lg-senary-75 { --border-color: var(--senary-75) !important; } .border-lg-senary-50 { --border-color: var(--senary-50) !important; } .border-lg-senary-25 { --border-color: var(--senary-25) !important; } .border-lg-senary-10 { --border-color: var(--senary-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-primary-senary { background: linear-gradient(270deg, var(--primary) 0%, var(--senary) 51.44%, var(--primary) 100%); } .bg-lg-primary-senary-dark { background: linear-gradient(270deg, var(--primary-dark) 0%, var(--senary-dark) 51.44%, var(--primary-dark) 100%); } .bg-lg-primary-senary-75 { background: linear-gradient(270deg, var(--primary-75) 0%, var(--senary-75) 51.44%, var(--primary-75) 100%); } .bg-lg-primary-senary-50 { background: linear-gradient(270deg, var(--primary-50) 0%, var(--senary-50) 51.44%, var(--primary-50) 100%); } .bg-lg-primary-senary-25 { background: linear-gradient(270deg, var(--primary-25) 0%, var(--senary-25) 51.44%, var(--primary-25) 100%); } .bg-lg-primary-senary-10 { background: linear-gradient(270deg, var(--primary-10) 0%, var(--senary-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-secondary-senary { background: linear-gradient(270deg, var(--secondary) 0%, var(--senary) 51.44%, var(--secondary) 100%); } .bg-lg-secondary-senary-dark { background: linear-gradient(270deg, var(--secondary-dark) 0%, var(--senary-dark) 51.44%, var(--secondary-dark) 100%); } .bg-lg-secondary-senary-75 { background: linear-gradient(270deg, var(--secondary-75) 0%, var(--senary-75) 51.44%, var(--secondary-75) 100%); } .bg-lg-secondary-senary-50 { background: linear-gradient(270deg, var(--secondary-50) 0%, var(--senary-50) 51.44%, var(--secondary-50) 100%); } .bg-lg-secondary-senary-25 { background: linear-gradient(270deg, var(--secondary-25) 0%, var(--senary-25) 51.44%, var(--secondary-25) 100%); } .bg-lg-secondary-senary-10 { background: linear-gradient(270deg, var(--secondary-10) 0%, var(--senary-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-tertiary-senary { background: linear-gradient(270deg, var(--tertiary) 0%, var(--senary) 51.44%, var(--tertiary) 100%); } .bg-lg-tertiary-senary-dark { background: linear-gradient(270deg, var(--tertiary-dark) 0%, var(--senary-dark) 51.44%, var(--tertiary-dark) 100%); } .bg-lg-tertiary-senary-75 { background: linear-gradient(270deg, var(--tertiary-75) 0%, var(--senary-75) 51.44%, var(--tertiary-75) 100%); } .bg-lg-tertiary-senary-50 { background: linear-gradient(270deg, var(--tertiary-50) 0%, var(--senary-50) 51.44%, var(--tertiary-50) 100%); } .bg-lg-tertiary-senary-25 { background: linear-gradient(270deg, var(--tertiary-25) 0%, var(--senary-25) 51.44%, var(--tertiary-25) 100%); } .bg-lg-tertiary-senary-10 { background: linear-gradient(270deg, var(--tertiary-10) 0%, var(--senary-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-quaternary-senary { background: linear-gradient(270deg, var(--quaternary) 0%, var(--senary) 51.44%, var(--quaternary) 100%); } .bg-lg-quaternary-senary-dark { background: linear-gradient(270deg, var(--quaternary-dark) 0%, var(--senary-dark) 51.44%, var(--quaternary-dark) 100%); } .bg-lg-quaternary-senary-75 { background: linear-gradient(270deg, var(--quaternary-75) 0%, var(--senary-75) 51.44%, var(--quaternary-75) 100%); } .bg-lg-quaternary-senary-50 { background: linear-gradient(270deg, var(--quaternary-50) 0%, var(--senary-50) 51.44%, var(--quaternary-50) 100%); } .bg-lg-quaternary-senary-25 { background: linear-gradient(270deg, var(--quaternary-25) 0%, var(--senary-25) 51.44%, var(--quaternary-25) 100%); } .bg-lg-quaternary-senary-10 { background: linear-gradient(270deg, var(--quaternary-10) 0%, var(--senary-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%); } .bg-lg-quinary-senary { background: linear-gradient(270deg, var(--quinary) 0%, var(--senary) 51.44%, var(--quinary) 100%); } .bg-lg-quinary-senary-dark { background: linear-gradient(270deg, var(--quinary-dark) 0%, var(--senary-dark) 51.44%, var(--quinary-dark) 100%); } .bg-lg-quinary-senary-75 { background: linear-gradient(270deg, var(--quinary-75) 0%, var(--senary-75) 51.44%, var(--quinary-75) 100%); } .bg-lg-quinary-senary-50 { background: linear-gradient(270deg, var(--quinary-50) 0%, var(--senary-50) 51.44%, var(--quinary-50) 100%); } .bg-lg-quinary-senary-25 { background: linear-gradient(270deg, var(--quinary-25) 0%, var(--senary-25) 51.44%, var(--quinary-25) 100%); } .bg-lg-quinary-senary-10 { background: linear-gradient(270deg, var(--quinary-10) 0%, var(--senary-10) 51.44%, var(--quinary-10) 100%); } .bg-lg-senary-primary { background: linear-gradient(270deg, var(--senary) 0%, var(--primary) 51.44%, var(--senary) 100%); } .bg-lg-senary-primary-dark { background: linear-gradient(270deg, var(--senary-dark) 0%, var(--primary-dark) 51.44%, var(--senary-dark) 100%); } .bg-lg-senary-primary-75 { background: linear-gradient(270deg, var(--senary-75) 0%, var(--primary-75) 51.44%, var(--senary-75) 100%); } .bg-lg-senary-primary-50 { background: linear-gradient(270deg, var(--senary-50) 0%, var(--primary-50) 51.44%, var(--senary-50) 100%); } .bg-lg-senary-primary-25 { background: linear-gradient(270deg, var(--senary-25) 0%, var(--primary-25) 51.44%, var(--senary-25) 100%); } .bg-lg-senary-primary-10 { background: linear-gradient(270deg, var(--senary-10) 0%, var(--primary-10) 51.44%, var(--senary-10) 100%); } .bg-lg-senary-secondary { background: linear-gradient(270deg, var(--senary) 0%, var(--secondary) 51.44%, var(--senary) 100%); } .bg-lg-senary-secondary-dark { background: linear-gradient(270deg, var(--senary-dark) 0%, var(--secondary-dark) 51.44%, var(--senary-dark) 100%); } .bg-lg-senary-secondary-75 { background: linear-gradient(270deg, var(--senary-75) 0%, var(--secondary-75) 51.44%, var(--senary-75) 100%); } .bg-lg-senary-secondary-50 { background: linear-gradient(270deg, var(--senary-50) 0%, var(--secondary-50) 51.44%, var(--senary-50) 100%); } .bg-lg-senary-secondary-25 { background: linear-gradient(270deg, var(--senary-25) 0%, var(--secondary-25) 51.44%, var(--senary-25) 100%); } .bg-lg-senary-secondary-10 { background: linear-gradient(270deg, var(--senary-10) 0%, var(--secondary-10) 51.44%, var(--senary-10) 100%); } .bg-lg-senary-tertiary { background: linear-gradient(270deg, var(--senary) 0%, var(--tertiary) 51.44%, var(--senary) 100%); } .bg-lg-senary-tertiary-dark { background: linear-gradient(270deg, var(--senary-dark) 0%, var(--tertiary-dark) 51.44%, var(--senary-dark) 100%); } .bg-lg-senary-tertiary-75 { background: linear-gradient(270deg, var(--senary-75) 0%, var(--tertiary-75) 51.44%, var(--senary-75) 100%); } .bg-lg-senary-tertiary-50 { background: linear-gradient(270deg, var(--senary-50) 0%, var(--tertiary-50) 51.44%, var(--senary-50) 100%); } .bg-lg-senary-tertiary-25 { background: linear-gradient(270deg, var(--senary-25) 0%, var(--tertiary-25) 51.44%, var(--senary-25) 100%); } .bg-lg-senary-tertiary-10 { background: linear-gradient(270deg, var(--senary-10) 0%, var(--tertiary-10) 51.44%, var(--senary-10) 100%); } .bg-lg-senary-quaternary { background: linear-gradient(270deg, var(--senary) 0%, var(--quaternary) 51.44%, var(--senary) 100%); } .bg-lg-senary-quaternary-dark { background: linear-gradient(270deg, var(--senary-dark) 0%, var(--quaternary-dark) 51.44%, var(--senary-dark) 100%); } .bg-lg-senary-quaternary-75 { background: linear-gradient(270deg, var(--senary-75) 0%, var(--quaternary-75) 51.44%, var(--senary-75) 100%); } .bg-lg-senary-quaternary-50 { background: linear-gradient(270deg, var(--senary-50) 0%, var(--quaternary-50) 51.44%, var(--senary-50) 100%); } .bg-lg-senary-quaternary-25 { background: linear-gradient(270deg, var(--senary-25) 0%, var(--quaternary-25) 51.44%, var(--senary-25) 100%); } .bg-lg-senary-quaternary-10 { background: linear-gradient(270deg, var(--senary-10) 0%, var(--quaternary-10) 51.44%, var(--senary-10) 100%); } .bg-lg-senary-quinary { background: linear-gradient(270deg, var(--senary) 0%, var(--quinary) 51.44%, var(--senary) 100%); } .bg-lg-senary-quinary-dark { background: linear-gradient(270deg, var(--senary-dark) 0%, var(--quinary-dark) 51.44%, var(--senary-dark) 100%); } .bg-lg-senary-quinary-75 { background: linear-gradient(270deg, var(--senary-75) 0%, var(--quinary-75) 51.44%, var(--senary-75) 100%); } .bg-lg-senary-quinary-50 { background: linear-gradient(270deg, var(--senary-50) 0%, var(--quinary-50) 51.44%, var(--senary-50) 100%); } .bg-lg-senary-quinary-25 { background: linear-gradient(270deg, var(--senary-25) 0%, var(--quinary-25) 51.44%, var(--senary-25) 100%); } .bg-lg-senary-quinary-10 { background: linear-gradient(270deg, var(--senary-10) 0%, var(--quinary-10) 51.44%, var(--senary-10) 100%); } .bg-lg-senary-senary { background: linear-gradient(270deg, var(--senary) 0%, var(--senary) 51.44%, var(--senary) 100%); } .bg-lg-senary-senary-dark { background: linear-gradient(270deg, var(--senary-dark) 0%, var(--senary-dark) 51.44%, var(--senary-dark) 100%); } .bg-lg-senary-senary-75 { background: linear-gradient(270deg, var(--senary-75) 0%, var(--senary-75) 51.44%, var(--senary-75) 100%); } .bg-lg-senary-senary-50 { background: linear-gradient(270deg, var(--senary-50) 0%, var(--senary-50) 51.44%, var(--senary-50) 100%); } .bg-lg-senary-senary-25 { background: linear-gradient(270deg, var(--senary-25) 0%, var(--senary-25) 51.44%, var(--senary-25) 100%); } .bg-lg-senary-senary-10 { background: linear-gradient(270deg, var(--senary-10) 0%, var(--senary-10) 51.44%, var(--senary-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; } .text-xl-senary-dark { color: var(--senary-dark); } .text-xl-senary-75 { color: var(--senary-75) !important; } .text-xl-senary-50 { color: var(--senary-50) !important; } .text-xl-senary-25 { color: var(--senary-25) !important; } .text-xl-senary-10 { color: var(--senary-10) !important; } .bg-xl-senary-dark { background-color: var(--senary-dark) !important; } .bg-xl-senary-75 { background-color: var(--senary-75) !important; } .bg-xl-senary-50 { background-color: var(--senary-50) !important; } .bg-xl-senary-25 { background-color: var(--senary-25) !important; } .bg-xl-senary-10 { background-color: var(--senary-10) !important; } .bg-xl-light { background-color: white !important; } .border-xl-senary-dark { --border-color: var(--senary-dark); } .border-xl-senary-75 { --border-color: var(--senary-75) !important; } .border-xl-senary-50 { --border-color: var(--senary-50) !important; } .border-xl-senary-25 { --border-color: var(--senary-25) !important; } .border-xl-senary-10 { --border-color: var(--senary-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-primary-senary { background: linear-gradient(270deg, var(--primary) 0%, var(--senary) 51.44%, var(--primary) 100%); } .bg-xl-primary-senary-dark { background: linear-gradient(270deg, var(--primary-dark) 0%, var(--senary-dark) 51.44%, var(--primary-dark) 100%); } .bg-xl-primary-senary-75 { background: linear-gradient(270deg, var(--primary-75) 0%, var(--senary-75) 51.44%, var(--primary-75) 100%); } .bg-xl-primary-senary-50 { background: linear-gradient(270deg, var(--primary-50) 0%, var(--senary-50) 51.44%, var(--primary-50) 100%); } .bg-xl-primary-senary-25 { background: linear-gradient(270deg, var(--primary-25) 0%, var(--senary-25) 51.44%, var(--primary-25) 100%); } .bg-xl-primary-senary-10 { background: linear-gradient(270deg, var(--primary-10) 0%, var(--senary-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-secondary-senary { background: linear-gradient(270deg, var(--secondary) 0%, var(--senary) 51.44%, var(--secondary) 100%); } .bg-xl-secondary-senary-dark { background: linear-gradient(270deg, var(--secondary-dark) 0%, var(--senary-dark) 51.44%, var(--secondary-dark) 100%); } .bg-xl-secondary-senary-75 { background: linear-gradient(270deg, var(--secondary-75) 0%, var(--senary-75) 51.44%, var(--secondary-75) 100%); } .bg-xl-secondary-senary-50 { background: linear-gradient(270deg, var(--secondary-50) 0%, var(--senary-50) 51.44%, var(--secondary-50) 100%); } .bg-xl-secondary-senary-25 { background: linear-gradient(270deg, var(--secondary-25) 0%, var(--senary-25) 51.44%, var(--secondary-25) 100%); } .bg-xl-secondary-senary-10 { background: linear-gradient(270deg, var(--secondary-10) 0%, var(--senary-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-tertiary-senary { background: linear-gradient(270deg, var(--tertiary) 0%, var(--senary) 51.44%, var(--tertiary) 100%); } .bg-xl-tertiary-senary-dark { background: linear-gradient(270deg, var(--tertiary-dark) 0%, var(--senary-dark) 51.44%, var(--tertiary-dark) 100%); } .bg-xl-tertiary-senary-75 { background: linear-gradient(270deg, var(--tertiary-75) 0%, var(--senary-75) 51.44%, var(--tertiary-75) 100%); } .bg-xl-tertiary-senary-50 { background: linear-gradient(270deg, var(--tertiary-50) 0%, var(--senary-50) 51.44%, var(--tertiary-50) 100%); } .bg-xl-tertiary-senary-25 { background: linear-gradient(270deg, var(--tertiary-25) 0%, var(--senary-25) 51.44%, var(--tertiary-25) 100%); } .bg-xl-tertiary-senary-10 { background: linear-gradient(270deg, var(--tertiary-10) 0%, var(--senary-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-quaternary-senary { background: linear-gradient(270deg, var(--quaternary) 0%, var(--senary) 51.44%, var(--quaternary) 100%); } .bg-xl-quaternary-senary-dark { background: linear-gradient(270deg, var(--quaternary-dark) 0%, var(--senary-dark) 51.44%, var(--quaternary-dark) 100%); } .bg-xl-quaternary-senary-75 { background: linear-gradient(270deg, var(--quaternary-75) 0%, var(--senary-75) 51.44%, var(--quaternary-75) 100%); } .bg-xl-quaternary-senary-50 { background: linear-gradient(270deg, var(--quaternary-50) 0%, var(--senary-50) 51.44%, var(--quaternary-50) 100%); } .bg-xl-quaternary-senary-25 { background: linear-gradient(270deg, var(--quaternary-25) 0%, var(--senary-25) 51.44%, var(--quaternary-25) 100%); } .bg-xl-quaternary-senary-10 { background: linear-gradient(270deg, var(--quaternary-10) 0%, var(--senary-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%); } .bg-xl-quinary-senary { background: linear-gradient(270deg, var(--quinary) 0%, var(--senary) 51.44%, var(--quinary) 100%); } .bg-xl-quinary-senary-dark { background: linear-gradient(270deg, var(--quinary-dark) 0%, var(--senary-dark) 51.44%, var(--quinary-dark) 100%); } .bg-xl-quinary-senary-75 { background: linear-gradient(270deg, var(--quinary-75) 0%, var(--senary-75) 51.44%, var(--quinary-75) 100%); } .bg-xl-quinary-senary-50 { background: linear-gradient(270deg, var(--quinary-50) 0%, var(--senary-50) 51.44%, var(--quinary-50) 100%); } .bg-xl-quinary-senary-25 { background: linear-gradient(270deg, var(--quinary-25) 0%, var(--senary-25) 51.44%, var(--quinary-25) 100%); } .bg-xl-quinary-senary-10 { background: linear-gradient(270deg, var(--quinary-10) 0%, var(--senary-10) 51.44%, var(--quinary-10) 100%); } .bg-xl-senary-primary { background: linear-gradient(270deg, var(--senary) 0%, var(--primary) 51.44%, var(--senary) 100%); } .bg-xl-senary-primary-dark { background: linear-gradient(270deg, var(--senary-dark) 0%, var(--primary-dark) 51.44%, var(--senary-dark) 100%); } .bg-xl-senary-primary-75 { background: linear-gradient(270deg, var(--senary-75) 0%, var(--primary-75) 51.44%, var(--senary-75) 100%); } .bg-xl-senary-primary-50 { background: linear-gradient(270deg, var(--senary-50) 0%, var(--primary-50) 51.44%, var(--senary-50) 100%); } .bg-xl-senary-primary-25 { background: linear-gradient(270deg, var(--senary-25) 0%, var(--primary-25) 51.44%, var(--senary-25) 100%); } .bg-xl-senary-primary-10 { background: linear-gradient(270deg, var(--senary-10) 0%, var(--primary-10) 51.44%, var(--senary-10) 100%); } .bg-xl-senary-secondary { background: linear-gradient(270deg, var(--senary) 0%, var(--secondary) 51.44%, var(--senary) 100%); } .bg-xl-senary-secondary-dark { background: linear-gradient(270deg, var(--senary-dark) 0%, var(--secondary-dark) 51.44%, var(--senary-dark) 100%); } .bg-xl-senary-secondary-75 { background: linear-gradient(270deg, var(--senary-75) 0%, var(--secondary-75) 51.44%, var(--senary-75) 100%); } .bg-xl-senary-secondary-50 { background: linear-gradient(270deg, var(--senary-50) 0%, var(--secondary-50) 51.44%, var(--senary-50) 100%); } .bg-xl-senary-secondary-25 { background: linear-gradient(270deg, var(--senary-25) 0%, var(--secondary-25) 51.44%, var(--senary-25) 100%); } .bg-xl-senary-secondary-10 { background: linear-gradient(270deg, var(--senary-10) 0%, var(--secondary-10) 51.44%, var(--senary-10) 100%); } .bg-xl-senary-tertiary { background: linear-gradient(270deg, var(--senary) 0%, var(--tertiary) 51.44%, var(--senary) 100%); } .bg-xl-senary-tertiary-dark { background: linear-gradient(270deg, var(--senary-dark) 0%, var(--tertiary-dark) 51.44%, var(--senary-dark) 100%); } .bg-xl-senary-tertiary-75 { background: linear-gradient(270deg, var(--senary-75) 0%, var(--tertiary-75) 51.44%, var(--senary-75) 100%); } .bg-xl-senary-tertiary-50 { background: linear-gradient(270deg, var(--senary-50) 0%, var(--tertiary-50) 51.44%, var(--senary-50) 100%); } .bg-xl-senary-tertiary-25 { background: linear-gradient(270deg, var(--senary-25) 0%, var(--tertiary-25) 51.44%, var(--senary-25) 100%); } .bg-xl-senary-tertiary-10 { background: linear-gradient(270deg, var(--senary-10) 0%, var(--tertiary-10) 51.44%, var(--senary-10) 100%); } .bg-xl-senary-quaternary { background: linear-gradient(270deg, var(--senary) 0%, var(--quaternary) 51.44%, var(--senary) 100%); } .bg-xl-senary-quaternary-dark { background: linear-gradient(270deg, var(--senary-dark) 0%, var(--quaternary-dark) 51.44%, var(--senary-dark) 100%); } .bg-xl-senary-quaternary-75 { background: linear-gradient(270deg, var(--senary-75) 0%, var(--quaternary-75) 51.44%, var(--senary-75) 100%); } .bg-xl-senary-quaternary-50 { background: linear-gradient(270deg, var(--senary-50) 0%, var(--quaternary-50) 51.44%, var(--senary-50) 100%); } .bg-xl-senary-quaternary-25 { background: linear-gradient(270deg, var(--senary-25) 0%, var(--quaternary-25) 51.44%, var(--senary-25) 100%); } .bg-xl-senary-quaternary-10 { background: linear-gradient(270deg, var(--senary-10) 0%, var(--quaternary-10) 51.44%, var(--senary-10) 100%); } .bg-xl-senary-quinary { background: linear-gradient(270deg, var(--senary) 0%, var(--quinary) 51.44%, var(--senary) 100%); } .bg-xl-senary-quinary-dark { background: linear-gradient(270deg, var(--senary-dark) 0%, var(--quinary-dark) 51.44%, var(--senary-dark) 100%); } .bg-xl-senary-quinary-75 { background: linear-gradient(270deg, var(--senary-75) 0%, var(--quinary-75) 51.44%, var(--senary-75) 100%); } .bg-xl-senary-quinary-50 { background: linear-gradient(270deg, var(--senary-50) 0%, var(--quinary-50) 51.44%, var(--senary-50) 100%); } .bg-xl-senary-quinary-25 { background: linear-gradient(270deg, var(--senary-25) 0%, var(--quinary-25) 51.44%, var(--senary-25) 100%); } .bg-xl-senary-quinary-10 { background: linear-gradient(270deg, var(--senary-10) 0%, var(--quinary-10) 51.44%, var(--senary-10) 100%); } .bg-xl-senary-senary { background: linear-gradient(270deg, var(--senary) 0%, var(--senary) 51.44%, var(--senary) 100%); } .bg-xl-senary-senary-dark { background: linear-gradient(270deg, var(--senary-dark) 0%, var(--senary-dark) 51.44%, var(--senary-dark) 100%); } .bg-xl-senary-senary-75 { background: linear-gradient(270deg, var(--senary-75) 0%, var(--senary-75) 51.44%, var(--senary-75) 100%); } .bg-xl-senary-senary-50 { background: linear-gradient(270deg, var(--senary-50) 0%, var(--senary-50) 51.44%, var(--senary-50) 100%); } .bg-xl-senary-senary-25 { background: linear-gradient(270deg, var(--senary-25) 0%, var(--senary-25) 51.44%, var(--senary-25) 100%); } .bg-xl-senary-senary-10 { background: linear-gradient(270deg, var(--senary-10) 0%, var(--senary-10) 51.44%, var(--senary-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; } .text-xxl-senary-dark { color: var(--senary-dark); } .text-xxl-senary-75 { color: var(--senary-75) !important; } .text-xxl-senary-50 { color: var(--senary-50) !important; } .text-xxl-senary-25 { color: var(--senary-25) !important; } .text-xxl-senary-10 { color: var(--senary-10) !important; } .bg-xxl-senary-dark { background-color: var(--senary-dark) !important; } .bg-xxl-senary-75 { background-color: var(--senary-75) !important; } .bg-xxl-senary-50 { background-color: var(--senary-50) !important; } .bg-xxl-senary-25 { background-color: var(--senary-25) !important; } .bg-xxl-senary-10 { background-color: var(--senary-10) !important; } .bg-xxl-light { background-color: white !important; } .border-xxl-senary-dark { --border-color: var(--senary-dark); } .border-xxl-senary-75 { --border-color: var(--senary-75) !important; } .border-xxl-senary-50 { --border-color: var(--senary-50) !important; } .border-xxl-senary-25 { --border-color: var(--senary-25) !important; } .border-xxl-senary-10 { --border-color: var(--senary-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-primary-senary { background: linear-gradient(270deg, var(--primary) 0%, var(--senary) 51.44%, var(--primary) 100%); } .bg-xxl-primary-senary-dark { background: linear-gradient(270deg, var(--primary-dark) 0%, var(--senary-dark) 51.44%, var(--primary-dark) 100%); } .bg-xxl-primary-senary-75 { background: linear-gradient(270deg, var(--primary-75) 0%, var(--senary-75) 51.44%, var(--primary-75) 100%); } .bg-xxl-primary-senary-50 { background: linear-gradient(270deg, var(--primary-50) 0%, var(--senary-50) 51.44%, var(--primary-50) 100%); } .bg-xxl-primary-senary-25 { background: linear-gradient(270deg, var(--primary-25) 0%, var(--senary-25) 51.44%, var(--primary-25) 100%); } .bg-xxl-primary-senary-10 { background: linear-gradient(270deg, var(--primary-10) 0%, var(--senary-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-secondary-senary { background: linear-gradient(270deg, var(--secondary) 0%, var(--senary) 51.44%, var(--secondary) 100%); } .bg-xxl-secondary-senary-dark { background: linear-gradient(270deg, var(--secondary-dark) 0%, var(--senary-dark) 51.44%, var(--secondary-dark) 100%); } .bg-xxl-secondary-senary-75 { background: linear-gradient(270deg, var(--secondary-75) 0%, var(--senary-75) 51.44%, var(--secondary-75) 100%); } .bg-xxl-secondary-senary-50 { background: linear-gradient(270deg, var(--secondary-50) 0%, var(--senary-50) 51.44%, var(--secondary-50) 100%); } .bg-xxl-secondary-senary-25 { background: linear-gradient(270deg, var(--secondary-25) 0%, var(--senary-25) 51.44%, var(--secondary-25) 100%); } .bg-xxl-secondary-senary-10 { background: linear-gradient(270deg, var(--secondary-10) 0%, var(--senary-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-tertiary-senary { background: linear-gradient(270deg, var(--tertiary) 0%, var(--senary) 51.44%, var(--tertiary) 100%); } .bg-xxl-tertiary-senary-dark { background: linear-gradient(270deg, var(--tertiary-dark) 0%, var(--senary-dark) 51.44%, var(--tertiary-dark) 100%); } .bg-xxl-tertiary-senary-75 { background: linear-gradient(270deg, var(--tertiary-75) 0%, var(--senary-75) 51.44%, var(--tertiary-75) 100%); } .bg-xxl-tertiary-senary-50 { background: linear-gradient(270deg, var(--tertiary-50) 0%, var(--senary-50) 51.44%, var(--tertiary-50) 100%); } .bg-xxl-tertiary-senary-25 { background: linear-gradient(270deg, var(--tertiary-25) 0%, var(--senary-25) 51.44%, var(--tertiary-25) 100%); } .bg-xxl-tertiary-senary-10 { background: linear-gradient(270deg, var(--tertiary-10) 0%, var(--senary-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-quaternary-senary { background: linear-gradient(270deg, var(--quaternary) 0%, var(--senary) 51.44%, var(--quaternary) 100%); } .bg-xxl-quaternary-senary-dark { background: linear-gradient(270deg, var(--quaternary-dark) 0%, var(--senary-dark) 51.44%, var(--quaternary-dark) 100%); } .bg-xxl-quaternary-senary-75 { background: linear-gradient(270deg, var(--quaternary-75) 0%, var(--senary-75) 51.44%, var(--quaternary-75) 100%); } .bg-xxl-quaternary-senary-50 { background: linear-gradient(270deg, var(--quaternary-50) 0%, var(--senary-50) 51.44%, var(--quaternary-50) 100%); } .bg-xxl-quaternary-senary-25 { background: linear-gradient(270deg, var(--quaternary-25) 0%, var(--senary-25) 51.44%, var(--quaternary-25) 100%); } .bg-xxl-quaternary-senary-10 { background: linear-gradient(270deg, var(--quaternary-10) 0%, var(--senary-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%); } .bg-xxl-quinary-senary { background: linear-gradient(270deg, var(--quinary) 0%, var(--senary) 51.44%, var(--quinary) 100%); } .bg-xxl-quinary-senary-dark { background: linear-gradient(270deg, var(--quinary-dark) 0%, var(--senary-dark) 51.44%, var(--quinary-dark) 100%); } .bg-xxl-quinary-senary-75 { background: linear-gradient(270deg, var(--quinary-75) 0%, var(--senary-75) 51.44%, var(--quinary-75) 100%); } .bg-xxl-quinary-senary-50 { background: linear-gradient(270deg, var(--quinary-50) 0%, var(--senary-50) 51.44%, var(--quinary-50) 100%); } .bg-xxl-quinary-senary-25 { background: linear-gradient(270deg, var(--quinary-25) 0%, var(--senary-25) 51.44%, var(--quinary-25) 100%); } .bg-xxl-quinary-senary-10 { background: linear-gradient(270deg, var(--quinary-10) 0%, var(--senary-10) 51.44%, var(--quinary-10) 100%); } .bg-xxl-senary-primary { background: linear-gradient(270deg, var(--senary) 0%, var(--primary) 51.44%, var(--senary) 100%); } .bg-xxl-senary-primary-dark { background: linear-gradient(270deg, var(--senary-dark) 0%, var(--primary-dark) 51.44%, var(--senary-dark) 100%); } .bg-xxl-senary-primary-75 { background: linear-gradient(270deg, var(--senary-75) 0%, var(--primary-75) 51.44%, var(--senary-75) 100%); } .bg-xxl-senary-primary-50 { background: linear-gradient(270deg, var(--senary-50) 0%, var(--primary-50) 51.44%, var(--senary-50) 100%); } .bg-xxl-senary-primary-25 { background: linear-gradient(270deg, var(--senary-25) 0%, var(--primary-25) 51.44%, var(--senary-25) 100%); } .bg-xxl-senary-primary-10 { background: linear-gradient(270deg, var(--senary-10) 0%, var(--primary-10) 51.44%, var(--senary-10) 100%); } .bg-xxl-senary-secondary { background: linear-gradient(270deg, var(--senary) 0%, var(--secondary) 51.44%, var(--senary) 100%); } .bg-xxl-senary-secondary-dark { background: linear-gradient(270deg, var(--senary-dark) 0%, var(--secondary-dark) 51.44%, var(--senary-dark) 100%); } .bg-xxl-senary-secondary-75 { background: linear-gradient(270deg, var(--senary-75) 0%, var(--secondary-75) 51.44%, var(--senary-75) 100%); } .bg-xxl-senary-secondary-50 { background: linear-gradient(270deg, var(--senary-50) 0%, var(--secondary-50) 51.44%, var(--senary-50) 100%); } .bg-xxl-senary-secondary-25 { background: linear-gradient(270deg, var(--senary-25) 0%, var(--secondary-25) 51.44%, var(--senary-25) 100%); } .bg-xxl-senary-secondary-10 { background: linear-gradient(270deg, var(--senary-10) 0%, var(--secondary-10) 51.44%, var(--senary-10) 100%); } .bg-xxl-senary-tertiary { background: linear-gradient(270deg, var(--senary) 0%, var(--tertiary) 51.44%, var(--senary) 100%); } .bg-xxl-senary-tertiary-dark { background: linear-gradient(270deg, var(--senary-dark) 0%, var(--tertiary-dark) 51.44%, var(--senary-dark) 100%); } .bg-xxl-senary-tertiary-75 { background: linear-gradient(270deg, var(--senary-75) 0%, var(--tertiary-75) 51.44%, var(--senary-75) 100%); } .bg-xxl-senary-tertiary-50 { background: linear-gradient(270deg, var(--senary-50) 0%, var(--tertiary-50) 51.44%, var(--senary-50) 100%); } .bg-xxl-senary-tertiary-25 { background: linear-gradient(270deg, var(--senary-25) 0%, var(--tertiary-25) 51.44%, var(--senary-25) 100%); } .bg-xxl-senary-tertiary-10 { background: linear-gradient(270deg, var(--senary-10) 0%, var(--tertiary-10) 51.44%, var(--senary-10) 100%); } .bg-xxl-senary-quaternary { background: linear-gradient(270deg, var(--senary) 0%, var(--quaternary) 51.44%, var(--senary) 100%); } .bg-xxl-senary-quaternary-dark { background: linear-gradient(270deg, var(--senary-dark) 0%, var(--quaternary-dark) 51.44%, var(--senary-dark) 100%); } .bg-xxl-senary-quaternary-75 { background: linear-gradient(270deg, var(--senary-75) 0%, var(--quaternary-75) 51.44%, var(--senary-75) 100%); } .bg-xxl-senary-quaternary-50 { background: linear-gradient(270deg, var(--senary-50) 0%, var(--quaternary-50) 51.44%, var(--senary-50) 100%); } .bg-xxl-senary-quaternary-25 { background: linear-gradient(270deg, var(--senary-25) 0%, var(--quaternary-25) 51.44%, var(--senary-25) 100%); } .bg-xxl-senary-quaternary-10 { background: linear-gradient(270deg, var(--senary-10) 0%, var(--quaternary-10) 51.44%, var(--senary-10) 100%); } .bg-xxl-senary-quinary { background: linear-gradient(270deg, var(--senary) 0%, var(--quinary) 51.44%, var(--senary) 100%); } .bg-xxl-senary-quinary-dark { background: linear-gradient(270deg, var(--senary-dark) 0%, var(--quinary-dark) 51.44%, var(--senary-dark) 100%); } .bg-xxl-senary-quinary-75 { background: linear-gradient(270deg, var(--senary-75) 0%, var(--quinary-75) 51.44%, var(--senary-75) 100%); } .bg-xxl-senary-quinary-50 { background: linear-gradient(270deg, var(--senary-50) 0%, var(--quinary-50) 51.44%, var(--senary-50) 100%); } .bg-xxl-senary-quinary-25 { background: linear-gradient(270deg, var(--senary-25) 0%, var(--quinary-25) 51.44%, var(--senary-25) 100%); } .bg-xxl-senary-quinary-10 { background: linear-gradient(270deg, var(--senary-10) 0%, var(--quinary-10) 51.44%, var(--senary-10) 100%); } .bg-xxl-senary-senary { background: linear-gradient(270deg, var(--senary) 0%, var(--senary) 51.44%, var(--senary) 100%); } .bg-xxl-senary-senary-dark { background: linear-gradient(270deg, var(--senary-dark) 0%, var(--senary-dark) 51.44%, var(--senary-dark) 100%); } .bg-xxl-senary-senary-75 { background: linear-gradient(270deg, var(--senary-75) 0%, var(--senary-75) 51.44%, var(--senary-75) 100%); } .bg-xxl-senary-senary-50 { background: linear-gradient(270deg, var(--senary-50) 0%, var(--senary-50) 51.44%, var(--senary-50) 100%); } .bg-xxl-senary-senary-25 { background: linear-gradient(270deg, var(--senary-25) 0%, var(--senary-25) 51.44%, var(--senary-25) 100%); } .bg-xxl-senary-senary-10 { background: linear-gradient(270deg, var(--senary-10) 0%, var(--senary-10) 51.44%, var(--senary-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); } .btn.btn-senary-dark { color: white; background-color: var(--senary-dark); border-color: var(--senary-dark); } .btn.btn-senary-dark:hover { box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent); } .btn.btn-senary-75 { color: white; background-color: var(--senary-75); border-color: var(--senary-75); } .btn.btn-senary-75:hover { box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent); } .btn.btn-senary-50 { color: white; background-color: var(--senary-50); border-color: var(--senary-50); } .btn.btn-senary-50:hover { box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent); } .btn.btn-senary-25 { color: white; background-color: var(--senary-25); border-color: var(--senary-25); } .btn.btn-senary-25:hover { box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent); } .btn.btn-senary-10 { color: white; background-color: var(--senary-10); border-color: var(--senary-10); } .btn.btn-senary-10:hover { box-shadow: 0 0 0 0.2rem var(--senary-rgba-translucent); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /*.btn-row { margin-bottom: -15px; } .btn-row > *[class*="col"] { padding-right: 0; padding-bottom: 15px; } */ .btn-row { margin-left: -6px; margin-right: -6px; margin-bottom: -12px; } .btn-row > *[class*="col"] { padding-left: 6px; padding-right: 6px; padding-bottom: 12px; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-intro-slider { padding: 0px !important; } .wi-intro-slider .carousel-inner .carousel-item { width: 100%; } @media (min-width: 992px) { .wi-intro-slider .carousel-inner .carousel-item { height: calc(var(--nav-desktop-height) + var(--nav-tert-height) + var(--top-bar, 0px) + 600px); padding-top: calc(var(--nav-desktop-height) + var(--nav-tert-height) + var(--top-bar, 0px) + var(--section-unit)); padding-bottom: var(--section-unit); } } .wi-intro-slider .carousel-item { background-position: 90% 50%; } @media (min-width: 992px) { .wi-intro-slider .carousel-inner .carousel-item.overlay-light::before { content: ""; height: 100%; width: 100%; position: absolute; left: 0; top: 0; background: radial-gradient(#FFFFFFF2, #FFFFFF99); z-index: 2; } .wi-intro-slider .carousel-inner .carousel-item.overlay-light::before { background: radial-gradient(#FFFFFFF2, #FFFFFF99); } .wi-intro-slider .carousel-item { background-position: 100% 50%; } } @media (max-width: 992px) { .wi-intro-slider .carousel-inner { display: grid; grid-template-columns: 1fr; } } @media (max-width: 992px) { .wi-intro-slider .carousel-inner .carousel-item { grid-row-start: 1; grid-column-start: 1; } } .wi-intro-slider .carousel-inner .carousel-item .img-wrap { display: flex; height: calc(var(--nav-mobile-height) + var(--nav-tert-height) + var(--top-bar,0px) + 261px); } @media (min-width: 992px) { .wi-intro-slider .carousel-inner .carousel-item .img-wrap { display: block; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 1; } } .wi-intro-slider .carousel-inner .carousel-item .img-wrap .img-cont { position: relative; width: 100%; height: 100%; } .wi-intro-slider .carousel-inner .carousel-item .img-wrap .img-cont img { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: var(--nine-obj-p, center); top: 0; left: 0; } .wi-intro-slider .carousel-inner .carousel-item .is-container { height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: center; z-index: 3; background-color: var(--primary-10); padding: 50px 20px; flex: 1; } @media (min-width: 992px) { .wi-intro-slider .carousel-inner .carousel-item .is-container { padding: 0px; background-color: unset; flex: unset; } } .wi-intro-slider .carousel-inner .carousel-item .is-container .container-fluid > .row > .col-12 { padding-left: 0px; padding-right: 0px; } .wi-intro-slider .carousel-inner .carousel-item .is-container .container-fluid .title { margin-bottom: 36px; } @media (min-width: 992px) { .wi-intro-slider .carousel-inner .carousel-item .is-container .container-fluid .title { margin-bottom: 10px; } } .wi-intro-slider .carousel-inner .carousel-item .is-container .container-fluid .i-list { display: none; } @media (min-width: 992px) { .wi-intro-slider .carousel-inner .carousel-item .is-container .container-fluid .i-list { display: block; padding-left: 0px; text-align: center; margin-bottom: 26px; } .wi-intro-slider .carousel-inner .carousel-item .is-container .container-fluid .i-list li { position: relative; list-style: none; font-size: 1.625rem; font-weight: 400; text-transform: uppercase; color: var(--dark); display: inline-flex; align-items: center; white-space: nowrap; font-family: var(--font-quaternary); letter-spacing: var(--font-quaternary-spacing); } .wi-intro-slider .carousel-inner .carousel-item .is-container .container-fluid .i-list li:not(:first-child) { padding-left: 16px; } .wi-intro-slider .carousel-inner .carousel-item .is-container .container-fluid .i-list li:not(:first-child)::before { content: ""; position: absolute; left: 0px; background-color: var(--primary); width: 1px; height: 39px; } .wi-intro-slider .carousel-inner .carousel-item .is-container .container-fluid .i-list li:not(:last-child) { padding-right: 16px; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .infinite-slide-text .infiniteslide_wrap { border-bottom-left-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); } .infinite-slide-text .infiniteslide_wrap ul { align-items: flex-start !important; margin-top: 0.62rem; margin-bottom: 0.62rem; } .infinite-slide-text .infiniteslide_wrap ul > li > div { margin-right: 3.75rem; color: #FFF; text-align: center; font-family: var(--font-quaternary); font-size: 1.5rem; font-style: normal; font-weight: 400; line-height: 2.25rem; letter-spacing: 0.12rem; text-transform: uppercase; } @media (max-width: 991px) { .infinite-slide-text .infiniteslide_wrap ul > li > div { margin-right: 3rem; } } .infinite-slide-text .infiniteslide_wrap ul > li > div .strong { font-weight: 700; } .infinite-slide-text::before, .infinite-slide-text::after { content: ""; height: 100%; width: 40px; position: absolute; z-index: 2; top: 0; } .infinite-slide-text.primary .infiniteslide_wrap { background: var(--primary); } .infinite-slide-text.secondary .infiniteslide_wrap { background: var(--secondary); } .infinite-slide-text.tertiary .infiniteslide_wrap { background: var(--tertiary); } .infinite-slide-text.quaternary .infiniteslide_wrap { background: var(--quaternary); } .infinite-slide-text.quinary .infiniteslide_wrap { background: var(--quinary); } .infinite-slide-text.senary .infiniteslide_wrap { background: var(--senary); } .infinite-slide-text.light .infiniteslide_wrap { background: var(--light); } .infinite-slide-text.gray .infiniteslide_wrap { background: var(--gray); } .infinite-slide-text.dark .infiniteslide_wrap { background: var(--dark); } .infinite-slide-text.dark-gray .infiniteslide_wrap { background: var(--dark-gray); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .icon { margin-bottom: 10px; height: 50px; } .icon.icon-insignia { width: 81px; height: unset; } @media (min-width: 992px) { .icon.icon-insignia { width: 110px; } } .icon.icon-large { width: 86px; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ div.circle-large, div.circle-large .circle { --circle-width-mod: 315px; --circle-border-width-mod: 14px; } div.circle-medium, div.circle-medium .circle { --circle-width-mod: 250px; --circle-border-width-mod: 14px; } div.circle-small, div.circle-small .circle { --circle-width-mod: 54px; } .circle { --circle-width: var(--circle-width-mod, 100px); --icon-width: var(--icon-width-mod, 50px); --icon-height: var(--icon-height-mod, unset); --circle-border-width: var(--circle-border-width-mod, 7px); background-color: white; border-radius: 100%; display: flex; justify-content: center; align-items: center; width: calc(var(--circle-width) + var(--circle-border-width)); height: calc(var(--circle-width) + var(--circle-border-width)); margin-bottom: 10px; border: var(--circle-border-width) solid var(--gray); } .circle.circle-img { position: relative; overflow: hidden; } .circle.circle-img img { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: var(--nine-obj-p, center); top: 0; left: 0; } .circle.circle-icon img { width: var(--icon-width); height: var(--icon-height); } .circle.circle-num > * { margin-top: 0.08em; margin-bottom: 0px; } .circle.circle:not([class*="border-"]) { margin-bottom: 13px; } .circle.overlap-top { margin-top: calc((var(--circle-width) + var(--circle-border-width)) * -1 / 2 - var(--parent-pad, 0px)); } .circle.overlap-top-small { margin-top: calc((var(--circle-width) + var(--circle-border-width)) * -1 / 3 - var(--parent-pad, 0px)); } .circle.overlap-top-unset { margin-top: unset; } @media (min-width: 576px) { .circle.overlap-sm-top { margin-top: calc((var(--circle-width) + var(--circle-border-width)) * -1 / 2 - var(--parent-pad, 0px)); } .circle.overlap-sm-top-small { margin-top: calc((var(--circle-width) + var(--circle-border-width)) * -1 / 3 - var(--parent-pad, 0px)); } .circle.overlap-sm-top-unset { margin-top: unset; } } @media (min-width: 768px) { .circle.overlap-md-top { margin-top: calc((var(--circle-width) + var(--circle-border-width)) * -1 / 2 - var(--parent-pad, 0px)); } .circle.overlap-md-top-small { margin-top: calc((var(--circle-width) + var(--circle-border-width)) * -1 / 3 - var(--parent-pad, 0px)); } .circle.overlap-md-top-unset { margin-top: unset; } } @media (min-width: 992px) { .circle.overlap-lg-top { margin-top: calc((var(--circle-width) + var(--circle-border-width)) * -1 / 2 - var(--parent-pad, 0px)); } .circle.overlap-lg-top-small { margin-top: calc((var(--circle-width) + var(--circle-border-width)) * -1 / 3 - var(--parent-pad, 0px)); } .circle.overlap-lg-top-unset { margin-top: unset; } } @media (min-width: 1200px) { .circle.overlap-xl-top { margin-top: calc((var(--circle-width) + var(--circle-border-width)) * -1 / 2 - var(--parent-pad, 0px)); } .circle.overlap-xl-top-small { margin-top: calc((var(--circle-width) + var(--circle-border-width)) * -1 / 3 - var(--parent-pad, 0px)); } .circle.overlap-xl-top-unset { margin-top: unset; } } @media (min-width: 1400px) { .circle.overlap-xxl-top { margin-top: calc((var(--circle-width) + var(--circle-border-width)) * -1 / 2 - var(--parent-pad, 0px)); } .circle.overlap-xxl-top-small { margin-top: calc((var(--circle-width) + var(--circle-border-width)) * -1 / 3 - var(--parent-pad, 0px)); } .circle.overlap-xxl-top-unset { margin-top: unset; } } .circle.circle-large { --circle-width-mod: 315px; --circle-border-width-mod: 14px; } .circle.circle-medium { --circle-width-mod: 215px; --circle-border-width-mod: 14px; } .circle.circle-small { --circle-width-mod: 54px; --icon-width: 35px; } .circle.border-unset { --circle-border-width-mod: 0px; } .circle.border-primary { border-color: var(--primary); } .circle.border-primary-dark { border-color: var(--primary-dark); } .circle.border-primary-75 { border-color: var(--primary-75); } .circle.border-primary-50 { border-color: var(--primary-50); } .circle.border-primary-25 { border-color: var(--primary-25); } .circle.border-primary-10 { border-color: var(--primary-10); } .circle.border-secondary { border-color: var(--secondary); } .circle.border-secondary-dark { border-color: var(--secondary-dark); } .circle.border-secondary-75 { border-color: var(--secondary-75); } .circle.border-secondary-50 { border-color: var(--secondary-50); } .circle.border-secondary-25 { border-color: var(--secondary-25); } .circle.border-secondary-10 { border-color: var(--secondary-10); } .circle.border-tertiary { border-color: var(--tertiary); } .circle.border-tertiary-dark { border-color: var(--tertiary-dark); } .circle.border-tertiary-75 { border-color: var(--tertiary-75); } .circle.border-tertiary-50 { border-color: var(--tertiary-50); } .circle.border-tertiary-25 { border-color: var(--tertiary-25); } .circle.border-tertiary-10 { border-color: var(--tertiary-10); } .circle.border-quaternary { border-color: var(--quaternary); } .circle.border-quaternary-dark { border-color: var(--quaternary-dark); } .circle.border-quaternary-75 { border-color: var(--quaternary-75); } .circle.border-quaternary-50 { border-color: var(--quaternary-50); } .circle.border-quaternary-25 { border-color: var(--quaternary-25); } .circle.border-quaternary-10 { border-color: var(--quaternary-10); } .circle.border-quinary { border-color: var(--quinary); } .circle.border-quinary-dark { border-color: var(--quinary-dark); } .circle.border-quinary-75 { border-color: var(--quinary-75); } .circle.border-quinary-50 { border-color: var(--quinary-50); } .circle.border-quinary-25 { border-color: var(--quinary-25); } .circle.border-quinary-10 { border-color: var(--quinary-10); } .circle.border-senary { border-color: var(--senary); } .circle.border-senary-dark { border-color: var(--senary-dark); } .circle.border-senary-75 { border-color: var(--senary-75); } .circle.border-senary-50 { border-color: var(--senary-50); } .circle.border-senary-25 { border-color: var(--senary-25); } .circle.border-senary-10 { border-color: var(--senary-10); } .circle.border-light { border-color: var(--light); } .circle.border-light-dark { border-color: var(--light-dark); } .circle.border-light-75 { border-color: var(--light-75); } .circle.border-light-50 { border-color: var(--light-50); } .circle.border-light-25 { border-color: var(--light-25); } .circle.border-light-10 { border-color: var(--light-10); } .circle.border-gray { border-color: var(--gray); } .circle.border-gray-dark { border-color: var(--gray-dark); } .circle.border-gray-75 { border-color: var(--gray-75); } .circle.border-gray-50 { border-color: var(--gray-50); } .circle.border-gray-25 { border-color: var(--gray-25); } .circle.border-gray-10 { border-color: var(--gray-10); } .circle.border-dark { border-color: var(--dark); } .circle.border-dark-dark { border-color: var(--dark-dark); } .circle.border-dark-75 { border-color: var(--dark-75); } .circle.border-dark-50 { border-color: var(--dark-50); } .circle.border-dark-25 { border-color: var(--dark-25); } .circle.border-dark-10 { border-color: var(--dark-10); } .circle.border-dark-gray { border-color: var(--dark-gray); } .circle.border-dark-gray-dark { border-color: var(--dark-gray-dark); } .circle.border-dark-gray-75 { border-color: var(--dark-gray-75); } .circle.border-dark-gray-50 { border-color: var(--dark-gray-50); } .circle.border-dark-gray-25 { border-color: var(--dark-gray-25); } .circle.border-dark-gray-10 { border-color: var(--dark-gray-10); } .circles { --circles-width-mod: 100px; --circles-border-width-mod: 7px; } .circles-large { --circles-width-mod: 315px; --circles-border-width-mod: 14px; } .circles-medium { --circles-width-mod: 250px; --circles-border-width-mod: 14px; } .circles-small { --circles-width-mod: 54px; --circles-border-width-mod: 7px; } .mt-overlap-top { margin-top: calc((var(--circles-width-mod) + var(--circles-border-width-mod, 7px)) / 2); } .mt-overlap-top-small { margin-top: calc((var(--circles-width-mod) + var(--circles-border-width-mod, 7px)) / 3); } @media (min-width: 576px) { .circles-sm { --circles-width-mod: 100px; --circles-border-width-mod: 7px; } .circles-sm-large { --circles-width-mod: 315px; --circles-border-width-mod: 14px; } .circles-sm-medium { --circles-width-mod: 250px; --circles-border-width-mod: 14px; } .circles-sm-small { --circles-width-mod: 54px; --circles-border-width-mod: 7px; } .mt-sm-overlap-top { margin-top: calc((var(--circles-width-mod) + var(--circles-border-width-mod, 7px)) / 2); } .mt-sm-overlap-top-small { margin-top: calc((var(--circles-width-mod) + var(--circles-border-width-mod, 7px)) / 3); } } @media (min-width: 768px) { .circles-md { --circles-width-mod: 100px; --circles-border-width-mod: 7px; } .circles-md-large { --circles-width-mod: 315px; --circles-border-width-mod: 14px; } .circles-md-medium { --circles-width-mod: 250px; --circles-border-width-mod: 14px; } .circles-md-small { --circles-width-mod: 54px; --circles-border-width-mod: 7px; } .mt-md-overlap-top { margin-top: calc((var(--circles-width-mod) + var(--circles-border-width-mod, 7px)) / 2); } .mt-md-overlap-top-small { margin-top: calc((var(--circles-width-mod) + var(--circles-border-width-mod, 7px)) / 3); } } @media (min-width: 992px) { .circles-lg { --circles-width-mod: 100px; --circles-border-width-mod: 7px; } .circles-lg-large { --circles-width-mod: 315px; --circles-border-width-mod: 14px; } .circles-lg-medium { --circles-width-mod: 250px; --circles-border-width-mod: 14px; } .circles-lg-small { --circles-width-mod: 54px; --circles-border-width-mod: 7px; } .mt-lg-overlap-top { margin-top: calc((var(--circles-width-mod) + var(--circles-border-width-mod, 7px)) / 2); } .mt-lg-overlap-top-small { margin-top: calc((var(--circles-width-mod) + var(--circles-border-width-mod, 7px)) / 3); } } @media (min-width: 1200px) { .circles-xl { --circles-width-mod: 100px; --circles-border-width-mod: 7px; } .circles-xl-large { --circles-width-mod: 315px; --circles-border-width-mod: 14px; } .circles-xl-medium { --circles-width-mod: 250px; --circles-border-width-mod: 14px; } .circles-xl-small { --circles-width-mod: 54px; --circles-border-width-mod: 7px; } .mt-xl-overlap-top { margin-top: calc((var(--circles-width-mod) + var(--circles-border-width-mod, 7px)) / 2); } .mt-xl-overlap-top-small { margin-top: calc((var(--circles-width-mod) + var(--circles-border-width-mod, 7px)) / 3); } } @media (min-width: 1400px) { .circles-xxl { --circles-width-mod: 100px; --circles-border-width-mod: 7px; } .circles-xxl-large { --circles-width-mod: 315px; --circles-border-width-mod: 14px; } .circles-xxl-medium { --circles-width-mod: 250px; --circles-border-width-mod: 14px; } .circles-xxl-small { --circles-width-mod: 54px; --circles-border-width-mod: 7px; } .mt-xxl-overlap-top { margin-top: calc((var(--circles-width-mod) + var(--circles-border-width-mod, 7px)) / 2); } .mt-xxl-overlap-top-small { margin-top: calc((var(--circles-width-mod) + var(--circles-border-width-mod, 7px)) / 3); } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ hr.thick { height: 2px; opacity: 1; margin: 22px 0px; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .fr-location .row > div { padding: 0 calc(var(--bs-gutter-x) * .5); width: 100%; } .fr-location .row > div:not(:last-child) { margin-bottom: 34px; } .fr-location .row .bg-img-container { min-height: 293px; } @media (min-width: 992px) { .fr-location .row > div { margin-bottom: 0px !important; } .fr-location .row .big-col { width: 38.9%; } .fr-location .row .big-col .bg-img-container { min-height: 450px; } .fr-location .row .small-col { width: 30.55%; padding-top: 20px; padding-bottom: 20px; } } .fr-location .row div.text { font-family: var(--font-secondary); font-size: 18px; font-weight: 400; line-height: 28px; margin-bottom: 24px; } .fr-location .row a.directions { color: var(--quinary); font-size: 18px; font-weight: 600; margin-bottom: 24px; } .fr-location .row a.directions i { margin-left: 6px; font-size: 16px; } .fr-location .row a.btn { align-self: center; margin-bottom: 24px; } .fr-location .row iframe { border-radius: var(--border-radius); width: 100% !important; height: 280px; box-shadow: var(--box-shadow); } @media (min-width: 992px) { .fr-location .row iframe { height: 100% !important; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ a.social-small { color: var(--secondary-75); font-size: 22px; } a.social-small:not(:first-child) { margin-left: 8px; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ :root { --box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.08); } .box-shadow { box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.08); } .box-shadow-unset { box-shadow: unset; } @media (min-width: 576px) { .box-sm-shadow { box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.08); } .box-sm-shadow-unset { box-shadow: unset; } } @media (min-width: 768px) { .box-md-shadow { box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.08); } .box-md-shadow-unset { box-shadow: unset; } } @media (min-width: 992px) { .box-lg-shadow { box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.08); } .box-lg-shadow-unset { box-shadow: unset; } } @media (min-width: 1200px) { .box-xl-shadow { box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.08); } .box-xl-shadow-unset { box-shadow: unset; } } @media (min-width: 1400px) { .box-xxl-shadow { box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.08); } .box-xxl-shadow-unset { box-shadow: unset; } } @charset "UTF-8"; /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ @media (min-width: 992px) { .nine-tabs { display: flex; flex-direction: row; flex-wrap: nowrap; margin-bottom: 3px; } .nine-tabs > div { flex-grow: 1; } .nine-tabs > div .tab-header { display: flex; flex-direction: column; justify-content: start; padding: 1.25rem 10px; height: 100%; background-color: var(--primary-50); color: white; font-family: var(--font-secondary); font-size: 1.25rem; font-weight: 400; text-align: center; transition: background-color 0.15s ease-in; } .nine-tabs > div .tab-header:hover { background-color: var(--primary); cursor: pointer; } .nine-tabs > div.active .tab-header { background-color: var(--primary); } .nine-tabs > div:first-child { border-top-left-radius: var(--border-radius); } .nine-tabs > div:last-child { border-top-right-radius: var(--border-radius); } .nine-tabs > div:not(:first-child) { margin-left: 3px; } .nine-tabs > div div[data-nine-content] { display: none !important; } .nine-tabs.match-widths > div { flex-grow: unset; flex: 1; } .nine-tabs-content { display: grid; grid-template-columns: 1fr; background-color: var(--primary-10); border-bottom-right-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius); overflow: hidden; } .nine-tabs-content > div { grid-row-start: 1; grid-column-start: 1; z-index: 0; opacity: 0; } .nine-tabs-content > div.active { z-index: 1; opacity: 1; } .nine-tabs-content > div > .row { height: 100%; } .nine-tabs-content > div > .row .img-col .bg-img-container img { border-radius: 0px; height: 100%; } .nine-tabs-content > div > .row .content-col { padding: 36px; } .nine-tabs-content > div > .row .content-col .see-more-wrapper.open { padding-bottom: 45px; } .nine-tabs-content > div > .row .content-col .see-more-wrapper:not(.open) { border-bottom: unset; } .nine-tabs-content > div > .row .content-col .see-more-wrapper .see-more-text, .nine-tabs-content > div > .row .content-col .see-more-wrapper .see-more-text-open { text-transform: unset !important; font-size: 1.125rem; font-weight: 500; line-height: 1.5; font-family: var(--font-secondary); } .nine-tabs-content > div > .row .content-col .see-more-wrapper .see-more-text i, .nine-tabs-content > div > .row .content-col .see-more-wrapper .see-more-text-open i { font-size: 1rem; } .nine-tabs-content > div > .row .content-col .see-more-wrapper::before { background: linear-gradient(180deg, transparent 2.19%, var(--primary-10) 66.36%); } .nine-tabs-content.match-wrap-to-content-height > div:not(.active) { display: none; } } @media (max-width: 992px) { .nine-tabs-content:not(.pricing) { display: none; } .nine-tabs:not(.pricing) { display: flex; flex-direction: column; } .nine-tabs:not(.pricing) > div { width: 100%; overflow: hidden; } .nine-tabs:not(.pricing) > div:first-child { border-top-left-radius: var(--border-radius); border-top-right-radius: var(--border-radius); } .nine-tabs:not(.pricing) > div:last-child { border-bottom-left-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); } .nine-tabs:not(.pricing) > div:not(:last-child) { margin-bottom: 3px; } .nine-tabs:not(.pricing) > div .tab-header { color: white; font-size: 20px; font-family: var(--font-secondary); font-weight: 400; text-align: center; background-color: var(--primary-50); padding: 28px 10px; width: 100%; display: flex; justify-content: center; align-items: end; } .nine-tabs:not(.pricing) > div .tab-header::after { content: ""; font-family: "Font Awesome 6 Pro"; font-weight: 600; line-height: 1; position: relative; display: inline-block; margin-left: 8px; margin-bottom: 4px; } .nine-tabs:not(.pricing) > div.active .tab-header { background-color: var(--primary); } .nine-tabs:not(.pricing) > div.active .tab-header::after { content: ""; } .nine-tabs:not(.pricing) > div .tab-content { background-color: var(--primary-10); } .nine-tabs:not(.pricing) > div .tab-content .img-col .bg-img-container { --bg-img-container-min-h: 250px; } .nine-tabs:not(.pricing) > div .tab-content .img-col .bg-img-container .bg-img { border-radius: 0px; } .nine-tabs:not(.pricing) > div .tab-content .content-col { padding: 23px 32px; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ body { color: var(--dark); } .lead { font-size: 1.25rem; font-weight: 400; line-height: 1.5; } p:last-child { margin-bottom: 0px; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .cn-subnav-card-1 .s-card { border-radius: var(--border-radius); border: 1px solid var(--primary-50); overflow: hidden; position: relative; } .cn-subnav-card-1 .s-card .s-img-container { width: 100%; aspect-ratio: 1.5434782609; overflow: hidden; position: relative; } .cn-subnav-card-1 .s-card .s-img-container picture { display: flex; height: 100%; } .cn-subnav-card-1 .s-card .s-img-container picture img { position: absolute; width: 100%; height: 100%; object-fit: cover; } .cn-subnav-card-1 .s-card .s-btn { font-size: 18px; font-weight: 500; line-height: 1.5; position: relative; display: block; padding: 12px; width: 100%; color: var(--primary); background-color: var(--primary-10); transition: 0.15s ease-in; } .cn-subnav-card-1 .s-card .s-btn i { font-size: 16px; margin-left: 6px; } .cn-subnav-card-1 .s-card .s-btn:hover { background-color: var(--primary); color: white; } .cn-subnav-card-1 .s-card .content p { font-size: 1rem; } .cn-subnav-card-1 .content { padding: 20px; } .cn-subnav-card-1 > div .s-card h5 { color: var(--primary); margin-bottom: 10px; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* Scroll bar */ .horizontal-scroll .overflow:not(.hide-scrollbar)::-webkit-scrollbar { display: block; height: 8px !important; transition: transform 0.3s ease; border-radius: 100px; } .horizontal-scroll .overflow:not(.hide-scrollbar)::-webkit-scrollbar-thumb { border-radius: 100px; } .horizontal-scroll .overflow:not(.hide-scrollbar)::-webkit-scrollbar-track-piece { border-radius: 100px; } /* Horizontal Scroll on Mobile Only */ @media (max-width: 992px) { /* Scroll bar */ .horizontal-scroll-mobile .overflow:not(.hide-scrollbar)::-webkit-scrollbar { height: 4px; } } @charset "UTF-8"; /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-faqs-accordion-1 .accordion-item { border: none; background-color: transparent; border-bottom: 1px solid var(--quinary); border-radius: 0px !important; } .wi-faqs-accordion-1 .accordion-item:first-child .accordion-button { padding-top: 0px; } .wi-faqs-accordion-1 .accordion-button { font-family: var(--font-primary); font-size: var(--h6-font-size); font-weight: var(--h6-font-weight); line-height: var(--h6-line-height); } .wi-faqs-accordion-1 .accordion-item:last-child { border-bottom: unset !important; } .wi-faqs-accordion-1 .accordion-button, .wi-faqs-accordion-1 .accordion-button:not(.collapsed) { padding: 1.25rem 0; border: none; background-color: transparent; box-shadow: none; } .wi-faqs-accordion-1 .accordion-button:focus { border-color: transparent; box-shadow: unset; } .wi-faqs-accordion-1 .accordion-button:after { content: ""; background-image: unset; color: var(--primary); font-size: 17px; height: 17px; line-height: 17px; font-weight: 900; font-family: "Font Awesome 6 Pro"; } @media (max-width: 992px) { .wi-faqs-accordion-1 .accordion-button:after { margin-top: 3px; } } .wi-faqs-accordion-1 .accordion-button:not(.collapsed):after { background-image: unset; content: ""; transform: unset; font-size: 17px; line-height: 17px; height: 17px; } .wi-faqs-accordion-1 .accordion-body { padding: 0rem 0rem 1rem; font-size: var(--p-font-size); line-height: var(--p-line-height); font-weight: var(--p-font-weight); } .wi-faqs-accordion-1 .accordion-button { color: var(--dark); } @charset "UTF-8"; /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-video-gallery-slider-parent .video-link { color: var(--primary); font-weight: 500; transition: 0.15s ease-in; margin-top: 60px; margin-left: 12px; display: block; } @media (min-width: 992px) { .wi-video-gallery-slider-parent .video-link { margin-left: 0px; margin-top: 0px; position: absolute; bottom: -39px; right: 0px; } } .wi-video-gallery-slider-parent .video-link i { margin-left: 8px; font-size: 14px; } .wi-video-gallery-slider-parent .video-link:hover { color: var(--secondary); } .wi-video-gallery-slider .bg-img-container { border-radius: var(--border-radius); aspect-ratio: 1.5; display: flex; flex-direction: column; overflow: hidden; max-height: 300px; justify-content: center; align-items: center; color: white; position: relative; margin-bottom: 20px; } .wi-video-gallery-slider .bg-img-container i { font-size: 58px; z-index: 2; margin-bottom: 11px; } .wi-video-gallery-slider .bg-img-container h3 { margin-bottom: 0px; z-index: 2; } .wi-video-gallery-slider .bg-img-container::before { transition: background-color 0.15s ease-in; z-index: 1; content: ""; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); } .wi-video-gallery-slider .bg-img-container:hover::before { background-color: rgba(0, 0, 0, 0.5); } .wi-video-gallery-slider p:last-child { margin-bottom: 0px; } .wi-video-gallery-slider .slick-dots { position: absolute !important; text-align: left; bottom: -48px; } @media (max-width: 991px) { .wi-video-gallery-slider .slick-dots { display: flex; justify-content: start; gap: 5px; margin-left: 24px; } } .wi-video-gallery-slider .slick-dots li { margin-right: 5px; margin-left: 0px; } @media (max-width: 991px) { .wi-video-gallery-slider .slick-dots li { margin-right: 0; } } .wi-video-gallery-slider .slick-dots li button { width: auto; height: auto; padding: 0; } .wi-video-gallery-slider .slick-dots li button:before { content: ""; font-weight: 900; font-size: 35px; background-color: var(--quinary-25); height: 7px; border-radius: 10px; width: 21px; opacity: 1; } .wi-video-gallery-slider .slick-dots li.slick-active button:before { color: var(--quinary); background-color: var(--quinary); opacity: 1; } .wi-video-gallery-slider .slick-arrow { z-index: 2; top: 150px; } @media (min-width: 992px) and (max-width: 1200px) { .wi-video-gallery-slider .slick-arrow { top: 125px; } } @media (max-width: 576px) { .wi-video-gallery-slider .slick-arrow { top: calc(((((100vw - 40px) - 24px) - 24px) * 0.66667) / 2); } } .wi-video-gallery-slider .slick-arrow::before { font-family: "Font Awesome 6 Pro"; color: var(--primary); opacity: 1; background-color: white; border-radius: 100%; padding: 2px 6px; font-weight: 700; transition: 0.15s ease-in; } .wi-video-gallery-slider .slick-arrow:hover::before { background-color: var(--primary); color: white; } .wi-video-gallery-slider .slick-prev { left: -12px; } @media (max-width: 991px) { .wi-video-gallery-slider .slick-prev { left: -6px; } } .wi-video-gallery-slider .slick-prev::before { content: ""; } .wi-video-gallery-slider .slick-next { right: -6px; } @media (max-width: 991px) { .wi-video-gallery-slider .slick-next { right: 0px; } } .wi-video-gallery-slider .slick-next::before { content: ""; } @media (max-width: 991px) { .wi-video-gallery-slider .item { padding: 0 12px; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .cl-reviews-slider-2 .infiniteslide_wrap { overflow: visible !important; } .cl-reviews-slider-2 ul { align-items: flex-start !important; } .cl-reviews-slider-2 ul li { margin-right: 40px; } .cl-reviews-slider-2 .review-box .review-stars { color: var(--quinary); } .cl-reviews-slider-2 .review-box { width: 265px; position: relative; overflow: hidden; padding: 18px 24px; border-radius: var(--border-radius); box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.08); background-color: white; } .cl-reviews-slider-2 .review-box .name { font-size: 18px !important; } .cl-reviews-slider-2 .review-box .date { font-size: 12px; opacity: 0.7; margin-bottom: 12px; } .cl-reviews-slider-2 .review-box:not(.expanded) { height: 265px; } .cl-reviews-slider-2 .loading-spinner { height: 333px; } .cl-reviews-slider-2 .review-type-icon-wrapper { color: #fff; display: flex; margin-bottom: -12px; } .cl-reviews-slider-2 .review-type-icon-wrapper > .review-type-icon { text-align: center; width: 36px; height: 36px; color: white !important; z-index: 2; top: 0px; display: flex; justify-content: center; align-items: center; } .cl-reviews-slider-2 ul > li .review-type-icon-wrapper::before { content: ""; background: var(--primary); border-radius: 100%; height: 36px; width: 36px; margin-bottom: -6px; z-index: 1; } .cl-reviews-slider-2 .review-type-icon-wrapper > .review-type-icon:before { font-size: 17px; } .cl-reviews-slider-2 .review-box .review { font-size: 1rem; line-height: var(--p-line-height); font-weight: var(--p-font-weight); margin-bottom: var(--p-margin-bottom); color: var(--dark); } .cl-reviews-slider-2 .review-box .expand-review { position: absolute; bottom: 0px; right: 0px; width: 100%; height: 50px; text-align: center; font-size: 21px; color: var(--secondary); background: linear-gradient(0deg, white 45%, transparent 100%); display: flex; justify-content: center; align-items: end; } .cl-reviews-slider-2 .review-box .expand-review i { margin-bottom: 8px; } .cl-reviews-slider-2 .review-box .expand-review:hover { cursor: pointer; color: var(--primary); } /* Desktop Only */ @media (min-width: 992px) { .cl-reviews-slider-2:before { content: ""; height: 100%; width: 40px; position: absolute; z-index: 2; top: 0px; bottom: 0px; } .cl-reviews-slider-2:before { left: 0px; background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%); } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .card { --parent-pad: 20px; padding: 20px; border-radius: var(--border-radius); border: unset; } @media (min-width: 992px) { .card { --parent-pad: 24px; padding: 24px; } } @media (max-width: 992px) { div[class*="col-"]:not(:last-child) > .card { margin-bottom: 34px; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .box-small-tall { border-radius: var(--border-radius); border: 1px solid var(--border-color); padding: 24px 14px; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .bg-img-overlay::before { content: ""; position: absolute; background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.6) 100%); top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; } .bg-img-overlay > *:not(picture) { z-index: 2; position: relative; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ section.bg-img-container { padding: 100px 0px; } @media (min-width: 992px) { section.bg-img-container { padding: 184px 0px; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-meet-the-team .h1.sub { margin-bottom: 8px; } .wi-meet-the-team .see-more-wrapper:not(.open) { max-height: 185px; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .flush-columns { margin-left: 0px; margin-right: 0px; } .flush-columns > div { padding: 0px; } .flush-columns > div > * { margin-bottom: 0px; } @media (min-width: 992px) { .flush-columns > div:first-child > * { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .flush-columns > div:first-child > *.bg-img-container .bg-img { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .flush-columns > div:last-child > * { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .flush-columns > div:last-child > *.bg-img-container .bg-img { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } } @media (max-width: 992px) { .flush-columns > div:not(.order-1):not(.order-2):first-child > * { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .flush-columns > div:not(.order-1):not(.order-2):first-child > *.bg-img-container .bg-img { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .flush-columns > div:not(.order-1):not(.order-2):last-child > * { border-top-right-radius: 0px; border-top-left-radius: 0px; } .flush-columns > div:not(.order-1):not(.order-2):last-child > *.bg-img-container .bg-img { border-top-right-radius: 0px; border-top-left-radius: 0px; } .flush-columns > div.order-1 > * { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .flush-columns > div.order-1 > *.bg-img-container .bg-img { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .flush-columns > div.order-2 > * { border-top-right-radius: 0px; border-top-left-radius: 0px; } .flush-columns > div.order-2 > *.bg-img-container .bg-img { border-top-right-radius: 0px; border-top-left-radius: 0px; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .hide-labels form label { display: none; } .hide-labels form input { padding: 12px 8px 8px !important; } form input::placeholder { font-size: 18px; line-height: 1.5; color: #46444599; } .bg-primary-10 form input { border-color: var(--primary-50); } .bg-secondary-10 form input { border-color: var(--secondary-50); } .bg-tertiary-10 form input { border-color: var(--tertiary-50); } .bg-quaternary-10 form input { border-color: var(--quaternary-50); } .bg-quinary-10 form input { border-color: var(--quinary-50); } .bg-senary-10 form input { border-color: var(--senary-50); } .bg-light-10 form input { border-color: var(--light-50); } .bg-gray-10 form input { border-color: var(--gray-50); } .bg-dark-10 form input { border-color: var(--dark-50); } .bg-dark-gray-10 form input { border-color: var(--dark-gray-50); } form .row { --bs-gutter-x: 10px; } form .form-group:not(:last-child) { margin-bottom: 12px; } form .form-group label { font-size: 12px; line-height: 1.5; font-weight: 400; font-family: var(--font-secondary); position: absolute; top: 4px; left: calc(var(--bs-gutter-x) * 0.5 + 6px); } form .form-group .form-control { border-radius: 6px; padding-top: 16px; padding-left: 6px; font-size: 13px; background-color: var(--light); } form .form-group textarea.form-control { min-height: 8.9375rem !important; } form .form-control:focus { border-radius: var(--border-radius); } form .form-control:-webkit-autofill, form .form-control:-webkit-autofill:hover, form .form-control:-webkit-autofill:focus, form .form-control:-webkit-autofill:active { border-radius: var(--border-radius); } /* Colors */ form .form-group label { color: var(--dark); } form .form-group .form-control { color: var(--tertiary); } form .form-control:-webkit-autofill, form .form-control:-webkit-autofill:hover, form .form-control:-webkit-autofill:focus, form .form-control:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px #fff inset !important; -webkit-text-fill-color: var(--tertiary) !important; } form .form-control:focus { box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25); } .bg-gray form .form-group .form-control { background: white; border-color: #E0E0E0; } .bg-dark form .form-group label { color: white; } .bg-dark form .form-group .form-control { background: #2E2E2E; border-color: #2E2E2E; color: #fff; } .bg-dark form .form-control:-webkit-autofill, .bg-dark form .form-control:-webkit-autofill:hover, .bg-dark form .form-control:-webkit-autofill:focus, .bg-dark form .form-control:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px #374046 inset !important; -webkit-text-fill-color: #ffffff !important; } .bg-dark form .form-control:focus { box-shadow: 0 0 0 0.25rem rgb(var(--secondary-rgb-format) / 25%); } form .btn { width: 100%; } form .form-check .form-check-label, form .inline-label label { position: unset; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .border-radius { border-radius: var(--border-radius); } .border-radius-unset { border-radius: 0px; } @media (min-width: 576px) { .border-sm-radius { border-radius: var(--border-radius); } .border-sm-radius-unset { border-radius: 0px; } } @media (min-width: 768px) { .border-md-radius { border-radius: var(--border-radius); } .border-md-radius-unset { border-radius: 0px; } } @media (min-width: 992px) { .border-lg-radius { border-radius: var(--border-radius); } .border-lg-radius-unset { border-radius: 0px; } } @media (min-width: 1200px) { .border-xl-radius { border-radius: var(--border-radius); } .border-xl-radius-unset { border-radius: 0px; } } @media (min-width: 1400px) { .border-xxl-radius { border-radius: var(--border-radius); } .border-xxl-radius-unset { border-radius: 0px; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .box-icon-link { display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid var(--primary); border-radius: var(--border-radius); aspect-ratio: 1; transition: 0.15s ease-in; } .box-icon-link img { height: 40px; margin-bottom: 10px; transition: 0.15s ease-in; } @media (min-width: 992px) { .box-icon-link img { height: 65px; } } .box-icon-link .title { font-family: var(--font-quaternary); color: var(--primary); transition: 0.15s ease-in; text-transform: uppercase; margin-bottom: 0px; font-size: 18px; letter-spacing: 1.44px; line-height: 1.3; } @media (min-width: 992px) { .box-icon-link .title { font-size: 26px; line-height: 1.5; letter-spacing: 2.08px; } } .box-icon-link .description { color: var(--dark); } .box-icon-link:hover { background-color: var(--primary-75); border-color: var(--primary-75); } .box-icon-link:hover .title { color: white; } .box-icon-link:hover .description { color: white; } .box-icon-link:hover img { filter: brightness(0) invert(1); } @charset "UTF-8"; /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /*.wi-gallery-slider-1 { overflow-y: hidden; border-radius: var(--border-radius); }*/ .wi-gallery-slider-1 .item { position: relative; overflow: hidden; } @media (min-width: 992px) { .wi-gallery-slider-1 .item { border-radius: var(--border-radius); } } .wi-gallery-slider-1 .item img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; object-position: center; } .wi-gallery-slider-1 .item .gradient-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; background: linear-gradient(360deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 24.5%); } .wi-gallery-slider-1 .item .name { position: absolute; width: 100%; text-align: center; bottom: 17px; color: white; text-transform: uppercase; font-size: 20px; font-weight: 800; z-index: 2; } .wi-gallery-slider-1 .slick-arrow { height: 37px; width: 37px; z-index: 2; } .wi-gallery-slider-1 .slick-arrow.slick-prev:before, .wi-gallery-slider-1 .slick-arrow.slick-next:before { font-family: "Font Awesome 6 Pro"; display: flex; align-items: center; justify-content: center; font-size: 20px; height: 37px; width: 37px; padding: 12px; border-radius: 50%; background: white; color: var(--primary); font-weight: 900; opacity: 1; } .wi-gallery-slider-1 .slick-arrow.slick-prev:before { content: ""; } .wi-gallery-slider-1 .slick-arrow.slick-next:before { content: ""; } .wi-gallery-slider-1-container { position: relative; } .wi-gallery-slider-1-container .gallery-banner { background: var(--primary); color: white; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15); display: block; font-size: 22px; font-weight: 400; padding: 0px 45px; } /*.wi-gallery-slider-1-container .gallery-banner .title { font-size: 36px; }*/ /* Desktop */ @media (min-width: 992px) { /* .wi-gallery-slider-1 { max-height: 650px; }*/ .wi-gallery-slider-1 .item { height: 750px; } .wi-gallery-slider-1 .slick-prev { left: -20px; } .wi-gallery-slider-1 .slick-next { right: -20px; } .wi-gallery-slider-1-container { padding: 0px 45px; } .wi-gallery-slider-1-container .gallery-banner { position: absolute; top: 43px; left: 0; padding: 22px 45px; border-radius: 0px 4px 4px 0px; z-index: 2; } .wi-gallery-slider-1-container .gallery-buttons { position: absolute; bottom: 24px; right: 69px; } } /* Mobile */ @media (max-width: 992px) { .wi-gallery-slider-1-container { padding: 0px; } .wi-gallery-slider-1 { max-height: 265px; } .wi-gallery-slider-1 .item { height: 265px; } .wi-gallery-slider-1 .slick-arrow { top: -44px; } .wi-gallery-slider-1 .slick-prev { left: 20px; } .wi-gallery-slider-1 .slick-next { right: 20px; } .wi-gallery-slider-1-container .gallery-banner { position: relative; padding: 20px 17px; text-align: center; } .wi-gallery-slider-1-container .gallery-buttons { margin-top: 30px; } .wi-gallery-slider-1-container .gallery-buttons .btn-row { justify-content: center; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ header .main-nav .items nav ul.level-1 li .wi-main-nav-children { --bs-gutter-y: .75rem; --bs-gutter-x: 1.875rem; } @media (max-width: 991px) { header .main-nav .items nav ul.level-1 li .wi-main-nav-children { --bs-gutter-y: 1.375rem; } } @media (min-width: 992px) { header .main-nav .items nav ul.level-1 li .wi-main-nav-children { margin-bottom: 1.375rem; } } header .main-nav .items nav ul.level-1 li .wi-main-nav-children .page { color: #464445; font-family: var(--font-secondary); font-size: 1.125rem; font-weight: 400; line-height: 1.5; text-transform: none; padding: 0; transition: var(--transition); } header .main-nav .items nav ul.level-1 li .wi-main-nav-children .page:hover { color: var(--primary); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .mobile-nav-box { position: absolute; width: 100%; height: 109px; top: calc(100svh - 109px - var(--top-bar, 0px)); display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 2; background-color: var(--gray); transition: opacity 0.2s ease-in, z-index 0s, top var(--transition); } .mobile-nav-box img { width: 169px; margin-bottom: 12px; } .mobile-nav-box a.phone { font-size: 1rem; color: var(--secondary); margin-right: 26px; } .mobile-nav-box a.social-tert { padding: 0 4px !important; } .mobile-nav-box a:nth-child(2) { padding-left: 0px !important; } header.scrolled .mobile-nav-box { top: calc(100svh - 109px); } @media (min-width: 992px) { .mobile-nav-box { display: none; } } header.open:has(a.parent.clicked) .mobile-nav-box { opacity: 0; z-index: 0; transition: opacity 0.2s ease-in, z-index 0s ease-in 0.2s; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .cloud-overlay { position: relative; overflow: hidden; } .cloud-overlay::before { content: ""; background-image: url("/oak/files/images/textures/watercolor-blue.jpg"); background-size: contain; background-repeat: repeat; opacity: 0.35; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .event-calendar { position: relative; } .event-calendar * { border: unset !important; } .event-calendar .fc-header-toolbar { margin-bottom: 12px; position: relative; } .event-calendar .fc-header-toolbar .fc-left .fc-today-button { visibility: hidden; } .event-calendar .fc-header-toolbar .fc-left { position: absolute; width: 100%; z-index: 2; } .event-calendar .fc-header-toolbar .fc-left .btn-group { position: absolute; width: 100%; display: flex; justify-content: space-between; } .event-calendar .fc-header-toolbar .fc-left .btn-group button { padding: 19px; background: var(--primary); border-radius: 100%; color: white; display: flex; justify-content: center; align-items: center; } .event-calendar .fc-header-toolbar .fc-left .btn-group button[disabled="disabled"], .event-calendar .fc-header-toolbar .fc-left > button.disabled { opacity: 0.5; } .event-calendar .fc-header-toolbar .fc-left .btn-group button[disabled="disabled"]:hover, .event-calendar .fc-header-toolbar .fc-left > button.disabled { cursor: not-allowed; } .event-calendar .fc-header-toolbar .fc-left .btn-group button span { position: absolute; } .event-calendar .fc-header-toolbar .fc-left > button { margin-left: 76px; background: unset; border: 1px solid var(--primary) !important; border-radius: 100px; font-family: var(--font-secondary); background-color: unset; font-weight: 700; text-transform: uppercase; height: unset; padding: 8px 26px 6px 28px; color: var(--primary); } .event-calendar .fc-header-toolbar .fc-right { position: relative; z-index: 2; margin-right: 76px; } .event-calendar .fc-header-toolbar .fc-center { position: absolute; width: 100%; left: 0; bottom: 8px; display: flex; justify-content: center; z-index: 1; } .event-calendar .fc-header-toolbar .fc-center h2 { font-size: var(--h3-font-size); font-weight: var(--h3-font-weight); line-height: var(--h3-line-height); --element-line-height: var(--h3-line-height); } .event-calendar .fc-view-container { padding-top: 17px; border-top: 1px solid rgba(140, 71, 153, 0.15) !important; } .event-calendar.fc-ltr .fc-basic-view .fc-day-top { padding: 17px 14px 7px 14px; } .event-calendar.fc-ltr .fc-basic-view .fc-day-top .fc-day-number { float: unset; font-family: var(--font-secondary); font-size: 15px; font-weight: 600; } .event-calendar.fc-ltr .fc-event-container { padding-bottom: 5px; } .event-calendar.fc-ltr .fc-event-container .fc-event .fc-content { white-space: wrap; } .event-calendar.fc-ltr .fc-event-container .fc-event .fc-content .fc-title { word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .event-calendar .fc-day-header { font-family: var(--font-secondary); font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.42px; padding-bottom: 6px; } .event-calendar .fc-view-container .fc-month-view > table > .fc-body .fc-week > div.fc-bg > table > tbody > tr { display: flex; flex-direction: row; flex-wrap: nowrap; height: 100%; } .event-calendar .fc-view-container .fc-month-view > table > .fc-body .fc-week > div.fc-bg td.fc-day { flex: 1 1 0; background: rgba(var(--primary-rgb-format) / 15%); border-radius: 15px; border: 5px solid white !important; padding: 12px; padding-top: 45px; min-width: 0px; } .event-calendar .fc-view-container .fc-month-view > table > .fc-body .fc-week > div.fc-bg td.fc-day .day-message .message:not(:has(a)), .event-calendar .fc-view-container .fc-month-view > table > .fc-body .fc-week > div.fc-bg td.fc-day .day-message .message a { background-color: rgba(var(--primary-rgb-format) / 50%); border-radius: 30px; text-align: center; font-size: 13px; font-weight: 700; font-family: var(--font-secondary); text-transform: uppercase; color: white; padding: 7px 0px 4px; line-height: 1.2; display: flex; width: 100%; justify-content: center; } .event-calendar .fc-view-container .fc-month-view > table > .fc-body .fc-week > div.fc-bg td.fc-day .day-message .message a { background-color: var(--secondary); } .event-calendar .fc-view-container .fc-month-view > table > .fc-body .fc-week > div.fc-bg td.fc-day.fc-other-month { background: unset; } .event-calendar .fc-view-container .fc-month-view > table > .fc-body .fc-week > div td.fc-other-month * { display: none !important; } .event-calendar .fc-h-event { text-align: center; border-radius: 10px; margin-bottom: 2px; padding: 3px; } .event-calendar .fc-h-event.fc-past-event { opacity: 0.5; } .event-calendar .fc-h-event .fc-time { display: block; } #calendar-appointments .fc-h-event { background-color: var(--tertiary); } #calendar-appointments .fc-h-event .fc-title { display: none; } #calendar-events .fc-h-event { background-color: var(--secondary); } .event-calendar .fc-event-container { padding: 0px 14px; } .event-calendar .fc-right div:not(.btn-group) button { background: unset; border: unset; } .event-calendar .fc-right .btn-group { visibility: hidden; z-index: -3; border: 1px solid var(--primary) !important; border-radius: 100px; } .event-calendar .fc-right .btn-group button { color: var(--primary); border-radius: 100px; font-family: var(--font-secondary); background-color: unset; font-weight: 700; text-transform: uppercase; height: unset; padding: 8px 25px 6px 25px; } .event-calendar .fc-right .btn-group button.active { background-color: var(--primary); color: white; } .event-calendar .calendar-loading { position: absolute; background: #ffffff94; height: 100%; width: 100%; top: 0; z-index: 2; display: flex; align-items: center; justify-content: center; font-size: 55px; } .event-calendar .calendar-loading i { margin-right: 16px; } .event-calendar .calendar-loading span { text-transform: uppercase; font-size: var(--h1-font-size); font-weight: var(--h1-font-weight); line-height: var(--h1-line-height); font-family: var(--font-primary); } @media (max-width: 992px) { .event-calendar { --padding: 8px; --padding-top: 31px; } .event-calendar .fc-view-container .fc-month-view > table > .fc-body .fc-week > div.fc-bg td.fc-day { padding: 33px 11px 10px; border-width: 3px !important; border-radius: 10px; } .event-calendar .fc-view-container .fc-month-view > table > .fc-body .fc-week > div.fc-bg td.fc-day .day-message .message:not(:has(a)), .event-calendar .fc-view-container .fc-month-view > table > .fc-body .fc-week > div.fc-bg td.fc-day .day-message .message a { font-size: 12px; padding: 3px 0px 2px; } .event-calendar.fc-ltr .fc-basic-view .fc-day-top { padding: 11px 11px 0px; } .fc-scroller.fc-day-grid-container { height: unset !important; } .fc-day-grid .fc-row { height: unset !important; display: grid; grid-template-columns: 1fr; grid-row-start: 1; grid-column-start: 1; } .fc-row .fc-bg, .fc-row .fc-content-skeleton { position: relative; display: flex; flex-direction: row; grid-row-start: 1; grid-column-start: 1; } .fc-row .fc-content-skeleton table tbody tr:last-child .fc-event-container { padding-bottom: 10px !important; } .event-calendar .fc-view-container { overflow-x: scroll; padding-bottom: 14px; border: 1px solid rgba(140, 71, 153, 0.15) !important; border-radius: 6px; border-bottom: unset !important; } .event-calendar .fc-view-container::-webkit-scrollbar { display: block; height: 10px; transition: transform 0.3s ease; border-radius: 100px; } .event-calendar .fc-view-container::-webkit-scrollbar-thumb { background-color: var(--primary); border-radius: 100px; } .event-calendar .fc-view-container::-webkit-scrollbar-track-piece { background-color: rgba(var(--primary-rgb-format) / 50%); border-radius: 100px; } .event-calendar .fc-view-container > .fc-month-view { width: 660px; } .event-calendar .fc-header-toolbar .fc-right, .event-calendar .fc-header-toolbar .fc-left .fc-today-button { visibility: hidden; } .event-calendar .fc-event-container { padding: 0px 13px; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .fa-arrow-right-long { font-weight: 300 !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) + calc(var(--unit) * 4.6875)); } @media (min-width: 992px) { section.lr-section:first-child > div[class*="col-"] { padding-top: calc(var(--nav-desktop-height) + var(--nav-tert-height) + var(--top-bar, 0px) + calc(var(--unit) * 4.6875)); } } .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 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .lr-overlap-intro .well { z-index: 1; margin-top: -35px; margin-bottom: 0px; } @media (min-width: 992px) { .lr-overlap-intro .well { margin-top: 0px; margin-right: -54px; } } @media (max-width: 991px) { .lr-overlap-intro > .col-lg-6:first-child { order: 2; padding-top: 0px !important; padding-bottom: 2rem; } } @media (min-width: 992px) { .lr-overlap-intro > .col-lg-6:first-child { order: 1; padding-top: calc(var(--nav-desktop-height) + var(--nav-tert-height) + var(--top-bar, 0px) + 7.34rem) !important; padding-bottom: 7.34rem; } } .lr-overlap-intro > .col-lg-6:last-child { order: 1; } @media (min-width: 992px) { .lr-overlap-intro > .col-lg-6:last-child { order: 2; } } @media (max-width: 992px) { .lr-overlap-intro > .col-lg-6:last-child { height: calc(var(--nav-mobile-height) + 250px); } } .lr-overlap-intro > .col-lg-6:last-child > .bg-img-container > picture > img { border-radius: 0px !important; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .intro-anchor { padding: 0px; } .intro-anchor .container-fluid > .row { border-top: 0.15rem solid white; border-bottom: 0.15rem solid white; margin-left: calc((var(--bs-gutter-x)* -.5) - 0.15rem); margin-right: calc((var(--bs-gutter-x)* -.5) - 0.15rem); } .intro-anchor .container-fluid > .row > div { padding: 0px; } @media (max-width: 991px) { .intro-anchor .container-fluid > .row > div.col-lg:nth-child(odd):last-child { width: 100%; } } @media (min-width: 992px) { .intro-anchor .container-fluid > .row > div.col-lg { flex: 1 0 0%; width: unset; } } .intro-anchor .tab { text-align: center; padding: 1.25rem; display: flex; justify-content: center; align-items: center; height: 100%; border: 0.15rem solid white; color: white; font-weight: 500; font-size: 1.25rem; } @media (min-width: 992px) { .intro-anchor .tab { font-size: 1.25rem; } } .intro-anchor.primary .tab { background-color: var(--primary); } .intro-anchor.primary-dark .tab { background-color: var(--primary-dark); } .intro-anchor.primary-75 .tab { background-color: var(--primary-75); } .intro-anchor.primary-75 .tab:hover { background-color: var(--primary); } .intro-anchor.primary-75 .active .tab { background-color: var(--primary); } .intro-anchor.primary-50 .tab { background-color: var(--primary-50); } .intro-anchor.primary-50 .tab:hover { background-color: var(--primary); } .intro-anchor.primary-50 .active .tab { background-color: var(--primary); } .intro-anchor.primary-25 .tab { background-color: var(--primary-25); } .intro-anchor.primary-10 .tab { background-color: var(--primary-10); } .intro-anchor.secondary .tab { background-color: var(--secondary); } .intro-anchor.secondary-dark .tab { background-color: var(--secondary-dark); } .intro-anchor.secondary-75 .tab { background-color: var(--secondary-75); } .intro-anchor.secondary-75 .tab:hover { background-color: var(--secondary); } .intro-anchor.secondary-75 .active .tab { background-color: var(--secondary); } .intro-anchor.secondary-50 .tab { background-color: var(--secondary-50); } .intro-anchor.secondary-50 .tab:hover { background-color: var(--secondary); } .intro-anchor.secondary-50 .active .tab { background-color: var(--secondary); } .intro-anchor.secondary-25 .tab { background-color: var(--secondary-25); } .intro-anchor.secondary-10 .tab { background-color: var(--secondary-10); } .intro-anchor.tertiary .tab { background-color: var(--tertiary); } .intro-anchor.tertiary-dark .tab { background-color: var(--tertiary-dark); } .intro-anchor.tertiary-75 .tab { background-color: var(--tertiary-75); } .intro-anchor.tertiary-75 .tab:hover { background-color: var(--tertiary); } .intro-anchor.tertiary-75 .active .tab { background-color: var(--tertiary); } .intro-anchor.tertiary-50 .tab { background-color: var(--tertiary-50); } .intro-anchor.tertiary-50 .tab:hover { background-color: var(--tertiary); } .intro-anchor.tertiary-50 .active .tab { background-color: var(--tertiary); } .intro-anchor.tertiary-25 .tab { background-color: var(--tertiary-25); } .intro-anchor.tertiary-10 .tab { background-color: var(--tertiary-10); } .intro-anchor.quaternary .tab { background-color: var(--quaternary); } .intro-anchor.quaternary-dark .tab { background-color: var(--quaternary-dark); } .intro-anchor.quaternary-75 .tab { background-color: var(--quaternary-75); } .intro-anchor.quaternary-75 .tab:hover { background-color: var(--quaternary); } .intro-anchor.quaternary-75 .active .tab { background-color: var(--quaternary); } .intro-anchor.quaternary-50 .tab { background-color: var(--quaternary-50); } .intro-anchor.quaternary-50 .tab:hover { background-color: var(--quaternary); } .intro-anchor.quaternary-50 .active .tab { background-color: var(--quaternary); } .intro-anchor.quaternary-25 .tab { background-color: var(--quaternary-25); } .intro-anchor.quaternary-10 .tab { background-color: var(--quaternary-10); } .intro-anchor.quinary .tab { background-color: var(--quinary); } .intro-anchor.quinary-dark .tab { background-color: var(--quinary-dark); } .intro-anchor.quinary-75 .tab { background-color: var(--quinary-75); } .intro-anchor.quinary-75 .tab:hover { background-color: var(--quinary); } .intro-anchor.quinary-75 .active .tab { background-color: var(--quinary); } .intro-anchor.quinary-50 .tab { background-color: var(--quinary-50); } .intro-anchor.quinary-50 .tab:hover { background-color: var(--quinary); } .intro-anchor.quinary-50 .active .tab { background-color: var(--quinary); } .intro-anchor.quinary-25 .tab { background-color: var(--quinary-25); } .intro-anchor.quinary-10 .tab { background-color: var(--quinary-10); } .intro-anchor.senary .tab { background-color: var(--senary); } .intro-anchor.senary-dark .tab { background-color: var(--senary-dark); } .intro-anchor.senary-75 .tab { background-color: var(--senary-75); } .intro-anchor.senary-75 .tab:hover { background-color: var(--senary); } .intro-anchor.senary-75 .active .tab { background-color: var(--senary); } .intro-anchor.senary-50 .tab { background-color: var(--senary-50); } .intro-anchor.senary-50 .tab:hover { background-color: var(--senary); } .intro-anchor.senary-50 .active .tab { background-color: var(--senary); } .intro-anchor.senary-25 .tab { background-color: var(--senary-25); } .intro-anchor.senary-10 .tab { background-color: var(--senary-10); } .intro-anchor.light .tab { background-color: var(--light); } .intro-anchor.light-dark .tab { background-color: var(--light-dark); } .intro-anchor.light-75 .tab { background-color: var(--light-75); } .intro-anchor.light-75 .tab:hover { background-color: var(--light); } .intro-anchor.light-75 .active .tab { background-color: var(--light); } .intro-anchor.light-50 .tab { background-color: var(--light-50); } .intro-anchor.light-50 .tab:hover { background-color: var(--light); } .intro-anchor.light-50 .active .tab { background-color: var(--light); } .intro-anchor.light-25 .tab { background-color: var(--light-25); } .intro-anchor.light-10 .tab { background-color: var(--light-10); } .intro-anchor.gray .tab { background-color: var(--gray); } .intro-anchor.gray-dark .tab { background-color: var(--gray-dark); } .intro-anchor.gray-75 .tab { background-color: var(--gray-75); } .intro-anchor.gray-75 .tab:hover { background-color: var(--gray); } .intro-anchor.gray-75 .active .tab { background-color: var(--gray); } .intro-anchor.gray-50 .tab { background-color: var(--gray-50); } .intro-anchor.gray-50 .tab:hover { background-color: var(--gray); } .intro-anchor.gray-50 .active .tab { background-color: var(--gray); } .intro-anchor.gray-25 .tab { background-color: var(--gray-25); } .intro-anchor.gray-10 .tab { background-color: var(--gray-10); } .intro-anchor.dark .tab { background-color: var(--dark); } .intro-anchor.dark-dark .tab { background-color: var(--dark-dark); } .intro-anchor.dark-75 .tab { background-color: var(--dark-75); } .intro-anchor.dark-75 .tab:hover { background-color: var(--dark); } .intro-anchor.dark-75 .active .tab { background-color: var(--dark); } .intro-anchor.dark-50 .tab { background-color: var(--dark-50); } .intro-anchor.dark-50 .tab:hover { background-color: var(--dark); } .intro-anchor.dark-50 .active .tab { background-color: var(--dark); } .intro-anchor.dark-25 .tab { background-color: var(--dark-25); } .intro-anchor.dark-10 .tab { background-color: var(--dark-10); } .intro-anchor.dark-gray .tab { background-color: var(--dark-gray); } .intro-anchor.dark-gray-dark .tab { background-color: var(--dark-gray-dark); } .intro-anchor.dark-gray-75 .tab { background-color: var(--dark-gray-75); } .intro-anchor.dark-gray-75 .tab:hover { background-color: var(--dark-gray); } .intro-anchor.dark-gray-75 .active .tab { background-color: var(--dark-gray); } .intro-anchor.dark-gray-50 .tab { background-color: var(--dark-gray-50); } .intro-anchor.dark-gray-50 .tab:hover { background-color: var(--dark-gray); } .intro-anchor.dark-gray-50 .active .tab { background-color: var(--dark-gray); } .intro-anchor.dark-gray-25 .tab { background-color: var(--dark-gray-25); } .intro-anchor.dark-gray-10 .tab { background-color: var(--dark-gray-10); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .table-simple { display: flex; flex-direction: column; gap: 0.19rem; } .table-simple .header { width: 100%; padding: 1rem 0.94rem; background-color: var(--primary-50); text-align: center; color: white; } @media (min-width: 576px) { .table-simple .header { border-top-right-radius: var(--border-radius); border-top-left-radius: var(--border-radius); } } .table-simple .header > * { margin-bottom: 0px; } .table-simple .items { display: flex; flex-wrap: wrap; text-align: center; color: var(--secondary); gap: 0.19rem; } @media (min-width: 992px) { .table-simple .items { flex-wrap: nowrap; } } .table-simple .items .item { background: var(--primary-10); width: calc(50% - 0.19rem); padding: 0.88rem; flex-grow: 1; } .table-simple .items .item > div { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.12rem; height: 100%; } .table-simple .items .item > div > * { margin-bottom: 0px; } @media (max-width: 992px) { .table-simple .items .item.odd-last { width: 100%; } } @media (min-width: 992px) { .table-simple .items .item { width: unset; flex: 1 1 0px; } .table-simple .items .item:first-child { border-bottom-left-radius: var(--border-radius); } .table-simple .items .item:last-child { border-bottom-right-radius: var(--border-radius); } } .table-simple.pricing-table .items .item .title { font-family: var(--font-secondary); font-weight: 600; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-pricing-wells > div { display: flex; flex-wrap: nowrap; gap: 1rem; } @media (min-width: 992px) { .wi-pricing-wells > div { gap: 2.5rem; } } .wi-pricing-wells > div .well { width: 33%; flex-grow: 1; display: flex; flex-direction: column; gap: 0.62rem; align-items: center; margin-bottom: 0px; height: 100%; padding: 1.25rem 0.875rem; } @media (min-width: 992px) { .wi-pricing-wells > div .well { padding: 2.5rem; } } .wi-pricing-wells > div .well .title { line-height: 1.18; font-weight: 700; font-family: var(--font-secondary); border-bottom: 1px solid var(--quinary); color: var(--primary); font-size: 2.5rem; } @media (min-width: 992px) { .wi-pricing-wells > div .well .title { font-size: 4.0625rem; } } .wi-pricing-wells > div .well .subtitle { font-size: 1.1875rem; line-height: 1.5; letter-spacing: 0.13rem; text-transform: uppercase; font-family: var(--font-quaternary); color: var(--primary-75); } @media (min-width: 992px) { .wi-pricing-wells > div .well .subtitle { font-size: 1.625rem; } } .wi-pricing-wells > div .well .short-description { font-weight: 500; line-height: 1.5; font-size: 0.75rem; } @media (min-width: 992px) { .wi-pricing-wells > div .well .short-description { font-size: 1rem; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-pricing-overlapped-section { padding-top: 3.12rem; padding-bottom: 6.88rem; } @media (min-width: 992px) { .wi-pricing-overlapped-section { padding-top: 0px; padding-bottom: 0px; } } @media (min-width: 992px) { .wi-pricing-overlapped-section .content { background: var(--secondary-75); padding: 3.12rem 3.12rem 10rem; border-radius: var(--border-radius); } } .wi-pricing-overlap { padding-top: 0px; } .wi-pricing-overlap .pricing-wrap { margin-top: -5rem; } @media (min-width: 992px) { .wi-pricing-overlap .pricing-wrap { margin-top: -8.12rem; padding: 0rem 3.12rem; } } .wi-pricing-overlap .pricing-wrap .pricing-lr { display: flex; flex-wrap: wrap; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.08); } @media (min-width: 992px) { .wi-pricing-overlap .pricing-wrap .pricing-lr { flex-wrap: nowrap; } } .wi-pricing-overlap .pricing-wrap .pricing-lr .left { display: flex; flex-direction: column; background-color: var(--primary-25); padding: 2.5rem; width: 100%; } @media (min-width: 992px) { .wi-pricing-overlap .pricing-wrap .pricing-lr .left { width: 32.538168%; border-top-left-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius); } } @media (max-width: 992px) { .wi-pricing-overlap .pricing-wrap .pricing-lr .left { border-top-left-radius: var(--border-radius); border-top-right-radius: var(--border-radius); } } .wi-pricing-overlap .pricing-wrap .pricing-lr .left > p, .wi-pricing-overlap .pricing-wrap .pricing-lr .left > .btn-row { margin-top: 1.5rem; } @media (min-width: 992px) { .wi-pricing-overlap .pricing-wrap .pricing-lr .left > p, .wi-pricing-overlap .pricing-wrap .pricing-lr .left > .btn-row { margin-top: auto; } } .wi-pricing-overlap .pricing-wrap .pricing-lr .left h3 { display: flex; flex-direction: column; align-items: center; } .wi-pricing-overlap .pricing-wrap .pricing-lr .left h3:first-child:nth-last-child(2) .title { border-bottom: 0.0625rem solid var(--quinary); } .wi-pricing-overlap .pricing-wrap .pricing-lr .left h3 .description { max-width: 10.8rem; margin-top: 0.75rem; display: block; line-height: 1.5; font-size: 1.25rem; font-weight: 500; font-family: var(--font-secondary); } .wi-pricing-overlap .pricing-wrap .pricing-lr .left h3:nth-last-child(2) { margin-bottom: 1.5rem !important; } .wi-pricing-overlap .pricing-wrap .pricing-lr .left hr { width: 100%; opacity: 1; } .wi-pricing-overlap .pricing-wrap .pricing-lr .right { background-color: white; width: 100%; padding: 1.88rem 1.25rem; } @media (min-width: 992px) { .wi-pricing-overlap .pricing-wrap .pricing-lr .right { width: 67.41832%; padding: 1.88rem 2.5rem; border-top-right-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); } } @media (max-width: 992px) { .wi-pricing-overlap .pricing-wrap .pricing-lr .right { border-bottom-right-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius); } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-pricing .parent-content { margin-bottom: 1.88rem; } .wi-pricing .nine-tabs-content.pricing.included { border-radius: 0px !important; } .wi-pricing .box-title.next-subtitle { margin-bottom: 0.62rem; } .wi-pricing .box-title.next-subtitle + p { font-size: 1.25rem; font-weight: 500; margin-bottom: var(--h4-margin-bottom); } .wi-pricing .included-html { margin-top: 0.1875rem; background-color: var(--primary-75); color: white; text-align: center; padding: 0.75rem 1.25rem; } @media (min-width: 576px) { .wi-pricing .included-html { border-bottom-right-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius); } } .wi-pricing .included-html > *:last-child { margin-bottom: 0px; } .nine-tabs.pricing { display: flex; flex-direction: row; flex-wrap: nowrap; margin-bottom: 3px; } .nine-tabs.pricing > div { flex-grow: 1; overflow: hidden; } .nine-tabs.pricing > div .tab-header { padding: 1rem 0.94rem; background-color: var(--primary-50); color: white; font-family: var(--font-secondary); font-size: 20px; font-weight: 400; text-align: center; transition: background-color 0.15s ease-in; } .nine-tabs.pricing > div .tab-header:hover { background-color: var(--primary); cursor: pointer; } .nine-tabs.pricing > div.active .tab-header { background-color: var(--primary); } .nine-tabs.pricing > div:not(:first-child) { margin-left: 3px; } @media (min-width: 576px) { .nine-tabs.pricing > div:first-child { border-top-left-radius: var(--border-radius); } .nine-tabs.pricing > div:last-child { border-top-right-radius: var(--border-radius); } } .nine-tabs.pricing > div div[data-nine-content] { display: none !important; } .nine-tabs-content.pricing { display: grid; grid-template-columns: 1fr; background-color: var(--primary-10); overflow: hidden; } @media (min-width: 576px) { .nine-tabs-content.pricing { border-bottom-right-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius); } } .nine-tabs-content.pricing > div { grid-row-start: 1; grid-column-start: 1; z-index: 0; opacity: 0; } .nine-tabs-content.pricing > div.active { z-index: 1; opacity: 1; } .nine-tabs-content.pricing > div .row { height: 100%; } .nine-tabs-content.pricing > div .row .img-col .bg-img-container img { border-radius: 0px; height: 100%; } .nine-tabs-content.pricing > div .row .content-col { padding: 2.5rem 1.25rem; } @media (min-width: 992px) { .nine-tabs-content.pricing > div .row .content-col { padding: 2.5rem 2.25rem; } } .nine-tabs-content.pricing > div .row .content-col .pricing-tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 1.25rem; margin-bottom: 1.25rem; } @media (min-width: 992px) { .nine-tabs-content.pricing > div .row .content-col .pricing-tabs { gap: 1.75rem; margin-bottom: 1.88rem; } } @media (min-width: 1200px) { .nine-tabs-content.pricing > div .row .content-col .pricing-tabs { gap: 3.75rem; } } .nine-tabs-content.pricing > div .row .content-col .pricing-tabs > div { aspect-ratio: 1; border-radius: var(--border-radius); border: 1px solid var(--primary); display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 0.88rem; min-height: 6.52063rem; } @media (min-width: 992px) { .nine-tabs-content.pricing > div .row .content-col .pricing-tabs > div { min-height: 8.75rem; height: unset; width: 8.75rem; aspect-ratio: unset; } } .nine-tabs-content.pricing > div .row .content-col .pricing-tabs > div.active, .nine-tabs-content.pricing > div .row .content-col .pricing-tabs > div:hover { cursor: pointer; background-color: var(--primary); } .nine-tabs-content.pricing > div .row .content-col .pricing-tabs > div.active .title, .nine-tabs-content.pricing > div .row .content-col .pricing-tabs > div.active .subtitle, .nine-tabs-content.pricing > div .row .content-col .pricing-tabs > div:hover .title, .nine-tabs-content.pricing > div .row .content-col .pricing-tabs > div:hover .subtitle { color: white; } .nine-tabs-content.pricing > div .row .content-col .pricing-tabs > div .title { font-family: var(--font-primary); color: var(--primary); line-height: 1; font-size: 1.5rem; font-weight: 700; margin-bottom: 0.62rem; } @media (min-width: 992px) { .nine-tabs-content.pricing > div .row .content-col .pricing-tabs > div .title { font-size: 1.9375rem; } } .nine-tabs-content.pricing > div .row .content-col .pricing-tabs > div .subtitle { font-size: 0.8125rem; font-weight: 400; } @media (min-width: 992px) { .nine-tabs-content.pricing > div .row .content-col .pricing-tabs > div .subtitle { font-size: 1rem; } } .nine-tabs-content.pricing > div .row .content-col .pricing-content { display: grid; grid-template-columns: 1fr; margin-bottom: 1.25rem; } @media (min-width: 992px) { .nine-tabs-content.pricing > div .row .content-col .pricing-content { margin-bottom: 1.88rem; } } .nine-tabs-content.pricing > div .row .content-col .pricing-content div.content { display: flex; grid-row-start: 1; grid-column-start: 1; z-index: 0; opacity: 0; flex-direction: column; justify-content: center; gap: 1rem; } @media (min-width: 992px) { .nine-tabs-content.pricing > div .row .content-col .pricing-content div.content { flex-direction: row; flex-wrap: nowrap; gap: 6.25rem; } } .nine-tabs-content.pricing > div .row .content-col .pricing-content div.content.active { z-index: 1; opacity: 1; } .nine-tabs-content.pricing > div .row .content-col .pricing-content div.content > div { display: flex; flex-direction: column; gap: 0.5rem; align-items: center; text-align: center; } .nine-tabs-content.pricing > div .row .content-col .pricing-content div.content > div .title, .nine-tabs-content.pricing > div .row .content-col .pricing-content div.content > div .sub, .nine-tabs-content.pricing > div .row .content-col .pricing-content div.content > div p { margin-bottom: 0px !important; } .nine-tabs-content.pricing > div .row .content-col .pricing-content div.content > div .title { display: inline-flex; color: var(--secondary); border-bottom: 1px solid var(--quinary); } .nine-tabs-content.pricing > div .row .content-col .pricing-content div.content > div .sub { color: var(--secondary-75); } #preschool .nine-tabs-content.pricing > div .row .content-col .pricing-tabs > div .title { font-size: 2.5rem; font-weight: 700; line-height: 1.18; } @media (min-width: 992px) { #preschool .nine-tabs-content.pricing > div .row .content-col .pricing-tabs > div .title { font-size: var(--h2-font-size); font-weight: var(--h2-font-weight); line-height: var(--h2-line-height); } } .camp .nine-tabs-content.pricing > div .row .content-col .pricing-tabs, .explorers .nine-tabs-content.pricing > div .row .content-col .pricing-tabs { gap: 1.25rem; } @media (min-width: 992px) { .camp .nine-tabs-content.pricing > div .row .content-col .pricing-tabs, .explorers .nine-tabs-content.pricing > div .row .content-col .pricing-tabs { gap: 1.88rem; } } .camp .nine-tabs-content.pricing > div .row .content-col .pricing-tabs > div, .explorers .nine-tabs-content.pricing > div .row .content-col .pricing-tabs > div { aspect-ratio: unset; width: 40%; } @media (min-width: 992px) { .camp .nine-tabs-content.pricing > div .row .content-col .pricing-tabs > div, .explorers .nine-tabs-content.pricing > div .row .content-col .pricing-tabs > div { aspect-ratio: unset; width: 227px; min-height: 140px; height: unset; } } .camp .nine-tabs-content.pricing > div .row .content-col .pricing-tabs > div .title, .explorers .nine-tabs-content.pricing > div .row .content-col .pricing-tabs > div .title { font-size: 1.5rem; font-weight: 700; line-height: 1.1; } @media (min-width: 992px) { .camp .nine-tabs-content.pricing > div .row .content-col .pricing-tabs > div .title, .explorers .nine-tabs-content.pricing > div .row .content-col .pricing-tabs > div .title { font-size: var(--h5-font-size); font-weight: var(--h5-font-weight); line-height: var(--h5-line-height); } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// 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 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .tp-camps-events-scroll .item-wrap { display: flex; flex-direction: column; height: 100%; } .tp-camps-events-scroll .item-wrap .item-img { position: relative; border-top-left-radius: var(--border-radius); border-top-right-radius: var(--border-radius); position: relative; overflow: hidden; width: 100%; aspect-ratio: 1.5652173913; } .tp-camps-events-scroll .item-wrap .item-img picture { display: flex; height: 100%; } .tp-camps-events-scroll .item-wrap .item-img picture img { position: absolute; width: 100%; height: 100%; object-fit: cover; } .tp-camps-events-scroll .item-wrap .item-img .day { position: absolute; left: 0px; bottom: 0.96rem; background-color: var(--primary); color: white; padding: 0.25rem 1rem; line-height: 1.4; border-top-right-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); } .tp-camps-events-scroll .item-wrap .item-content { padding: 1.25rem; background-color: white; border-left: 1px solid var(--primary-50); border-right: 1px solid var(--primary-50); border-bottom: 1px solid var(--primary-50); border-bottom-left-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); } .tp-camps-events-scroll .item-wrap .item-content .item-overflow { /*display: flex; flex-direction: column;*/ position: relative; overflow: hidden; max-height: 24.3125rem; min-height: 24.3125rem; } .tp-camps-events-scroll .item-wrap .item-content .item-overflow hr { opacity: 1; width: 100%; } .tp-camps-events-scroll .item-wrap .item-content .item-overflow p { font-size: 1rem; font-weight: 500; line-height: 1.5; } .tp-camps-events-scroll .item-wrap .item-content .item-overflow div.buttons { margin-top: auto; display: flex; flex-direction: column; gap: 0.75rem; } .tp-camps-events-scroll .item-wrap .item-content .item-overflow div.buttons a { display: block; width: 100%; } .tp-camps-events-scroll .item-wrap .item-content .item-overflow .see-more-text, .tp-camps-events-scroll .item-wrap .item-content .item-overflow .see-more-text-open { position: absolute; bottom: calc(100% + 6px); z-index: 1; width: 100%; text-align: center; text-transform: unset !important; font-size: 1.125rem; font-weight: 500; line-height: 1.5; font-family: var(--font-secondary); color: var(--secondary); } .tp-camps-events-scroll .item-wrap .item-content .item-overflow .see-more-text:hover, .tp-camps-events-scroll .item-wrap .item-content .item-overflow .see-more-text-open:hover { cursor: pointer; } .tp-camps-events-scroll .item-wrap .item-content .item-overflow .see-more-text i, .tp-camps-events-scroll .item-wrap .item-content .item-overflow .see-more-text-open i { font-size: 1rem; } .tp-camps-events-scroll .item-wrap .item-content .item-overflow .see-more-text-open { display: none; } .tp-camps-events-scroll .item-wrap .item-content .item-overflow:not(.open) div.buttons { position: absolute; width: 100%; bottom: 0px; background: white; } .tp-camps-events-scroll .item-wrap .item-content .item-overflow:not(.open) div.buttons::before { content: ""; position: absolute; width: 100%; height: 100px; left: 0px; bottom: 100%; z-index: 1; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 2.19%, #FFFFFF 66.36%); } .tp-camps-events-scroll .item-wrap .item-content .item-overflow.open { max-height: 40rem; } .tp-camps-events-scroll .item-wrap .item-content .item-overflow.open .description { padding-bottom: 60px; } .tp-camps-events-scroll .item-wrap .item-content .item-overflow.open div.buttons { position: relative; } .tp-camps-events-scroll .item-wrap .item-content .item-overflow.open div.buttons .see-more-text-open { display: block; } .tp-camps-events-scroll .item-wrap .item-content .item-overflow.open div.buttons .see-more-text { display: none; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .card-img { border-radius: var(--border-radius); border: unset; overflow: hidden; display: flex; flex-direction: column; } @media (min-width: 992px) { .card-img { height: 100%; } } .card-img .bg-img-container { height: 330px; border-radius: unset; } .card-img .bg-img-container .bg-img { border-radius: 0px !important; } .card-img .content { padding: 24px 20px; flex-grow: 1; display: flex; flex-direction: column; } @media (min-width: 992px) { .card-img .content { padding: 24px; } } .card-img .see-more-wrapper.open { padding-bottom: 45px; } .card-img .see-more-wrapper:not(.open) { border-bottom: unset; } .card-img .see-more-wrapper .see-more-text, .card-img .see-more-wrapper .see-more-text-open { text-transform: unset !important; font-size: 1.125rem; font-weight: 500; line-height: 1.5; font-family: var(--font-secondary); } .card-img .see-more-wrapper .see-more-text i, .card-img .see-more-wrapper .see-more-text-open i { font-size: 1rem; } @media (min-width: 992px) { div[class*="col-"]:not(:nth-child(1)):not(:nth-child(2)):has(.card-img) { margin-top: 34px; } } @media (max-width: 992px) { div[class*="col-"]:not(:last-child) > .card-img { margin-bottom: 34px; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ @media (max-width: 992px) { .lr-intro .image { height: calc(var(--nav-mobile-height) + 250px); } } .lr-intro .image > .bg-img-container > picture > img { border-radius: 0px !important; } .lr-intro .content { padding-top: 2rem !important; padding-bottom: 2rem !important; } @media (min-width: 992px) { .lr-intro .content { padding-top: calc(var(--nav-desktop-height) + var(--nav-tert-height) + var(--top-bar, 0px) + 5.625rem) !important; padding-bottom: 5.625rem !important; } } @media (min-width: 992px) { .lr-intro .content .lr-content { width: unset; max-width: 40.5rem; padding-left: 2.25rem; padding-right: 2.25rem; } } .lr-intro .content .lr-content .icon { height: 2.625rem; margin-bottom: 0px; } @media (min-width: 992px) { .lr-intro { padding-top: var(--nav-scrolled-height) !important; } .lr-intro .content { padding-top: calc((var(--nav-scrolled-height) - var(--nav-desktop-height)) + var(--nav-tert-height) + var(--top-bar, 0px) + 5.625rem) !important; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .cn-subnav-tabs { border-top: 0.19rem solid white; border-bottom: 0.19rem solid white; padding: 0px; display: flex; flex-wrap: wrap; flex-direction: row; gap: 0.19rem; } @media (min-width: 992px) { .cn-subnav-tabs { flex-wrap: nowrap; } } .cn-subnav-tabs .item { flex: 1; } @media (max-width: 992px) { .cn-subnav-tabs .item { flex: unset; width: calc(50% - .095rem); flex-grow: 1; } } .cn-subnav-tabs .item a { display: flex; align-items: center; justify-content: center; text-align: center; height: 100%; width: 100%; padding: 1.25rem; font-weight: 500; line-height: 1.5; font-family: var(--font-secondary); color: white; background-color: var(--primary-50); font-size: 1rem; } @media (min-width: 992px) { .cn-subnav-tabs .item a { font-size: 1.25rem; } } .cn-subnav-tabs .item a.active, .cn-subnav-tabs .item a:hover { background-color: var(--primary); } .cn-subnav-tabs.primary a { background-color: var(--primary); } .cn-subnav-tabs.primary-dark a { background-color: var(--primary-dark); } .cn-subnav-tabs.primary-75 a { background-color: var(--primary-75); } .cn-subnav-tabs.primary-75 a:hover { background-color: var(--primary); } .cn-subnav-tabs.primary-75 .active a { background-color: var(--primary); } .cn-subnav-tabs.primary-50 a { background-color: var(--primary-50); } .cn-subnav-tabs.primary-50 a:hover { background-color: var(--primary); } .cn-subnav-tabs.primary-50 .active a { background-color: var(--primary); } .cn-subnav-tabs.primary-25 a { background-color: var(--primary-25); } .cn-subnav-tabs.primary-10 a { background-color: var(--primary-10); } .cn-subnav-tabs.secondary a { background-color: var(--secondary); } .cn-subnav-tabs.secondary-dark a { background-color: var(--secondary-dark); } .cn-subnav-tabs.secondary-75 a { background-color: var(--secondary-75); } .cn-subnav-tabs.secondary-75 a:hover { background-color: var(--secondary); } .cn-subnav-tabs.secondary-75 .active a { background-color: var(--secondary); } .cn-subnav-tabs.secondary-50 a { background-color: var(--secondary-50); } .cn-subnav-tabs.secondary-50 a:hover { background-color: var(--secondary); } .cn-subnav-tabs.secondary-50 .active a { background-color: var(--secondary); } .cn-subnav-tabs.secondary-25 a { background-color: var(--secondary-25); } .cn-subnav-tabs.secondary-10 a { background-color: var(--secondary-10); } .cn-subnav-tabs.tertiary a { background-color: var(--tertiary); } .cn-subnav-tabs.tertiary-dark a { background-color: var(--tertiary-dark); } .cn-subnav-tabs.tertiary-75 a { background-color: var(--tertiary-75); } .cn-subnav-tabs.tertiary-75 a:hover { background-color: var(--tertiary); } .cn-subnav-tabs.tertiary-75 .active a { background-color: var(--tertiary); } .cn-subnav-tabs.tertiary-50 a { background-color: var(--tertiary-50); } .cn-subnav-tabs.tertiary-50 a:hover { background-color: var(--tertiary); } .cn-subnav-tabs.tertiary-50 .active a { background-color: var(--tertiary); } .cn-subnav-tabs.tertiary-25 a { background-color: var(--tertiary-25); } .cn-subnav-tabs.tertiary-10 a { background-color: var(--tertiary-10); } .cn-subnav-tabs.quaternary a { background-color: var(--quaternary); } .cn-subnav-tabs.quaternary-dark a { background-color: var(--quaternary-dark); } .cn-subnav-tabs.quaternary-75 a { background-color: var(--quaternary-75); } .cn-subnav-tabs.quaternary-75 a:hover { background-color: var(--quaternary); } .cn-subnav-tabs.quaternary-75 .active a { background-color: var(--quaternary); } .cn-subnav-tabs.quaternary-50 a { background-color: var(--quaternary-50); } .cn-subnav-tabs.quaternary-50 a:hover { background-color: var(--quaternary); } .cn-subnav-tabs.quaternary-50 .active a { background-color: var(--quaternary); } .cn-subnav-tabs.quaternary-25 a { background-color: var(--quaternary-25); } .cn-subnav-tabs.quaternary-10 a { background-color: var(--quaternary-10); } .cn-subnav-tabs.quinary a { background-color: var(--quinary); } .cn-subnav-tabs.quinary-dark a { background-color: var(--quinary-dark); } .cn-subnav-tabs.quinary-75 a { background-color: var(--quinary-75); } .cn-subnav-tabs.quinary-75 a:hover { background-color: var(--quinary); } .cn-subnav-tabs.quinary-75 .active a { background-color: var(--quinary); } .cn-subnav-tabs.quinary-50 a { background-color: var(--quinary-50); } .cn-subnav-tabs.quinary-50 a:hover { background-color: var(--quinary); } .cn-subnav-tabs.quinary-50 .active a { background-color: var(--quinary); } .cn-subnav-tabs.quinary-25 a { background-color: var(--quinary-25); } .cn-subnav-tabs.quinary-10 a { background-color: var(--quinary-10); } .cn-subnav-tabs.senary a { background-color: var(--senary); } .cn-subnav-tabs.senary-dark a { background-color: var(--senary-dark); } .cn-subnav-tabs.senary-75 a { background-color: var(--senary-75); } .cn-subnav-tabs.senary-75 a:hover { background-color: var(--senary); } .cn-subnav-tabs.senary-75 .active a { background-color: var(--senary); } .cn-subnav-tabs.senary-50 a { background-color: var(--senary-50); } .cn-subnav-tabs.senary-50 a:hover { background-color: var(--senary); } .cn-subnav-tabs.senary-50 .active a { background-color: var(--senary); } .cn-subnav-tabs.senary-25 a { background-color: var(--senary-25); } .cn-subnav-tabs.senary-10 a { background-color: var(--senary-10); } .cn-subnav-tabs.light a { background-color: var(--light); } .cn-subnav-tabs.light-dark a { background-color: var(--light-dark); } .cn-subnav-tabs.light-75 a { background-color: var(--light-75); } .cn-subnav-tabs.light-75 a:hover { background-color: var(--light); } .cn-subnav-tabs.light-75 .active a { background-color: var(--light); } .cn-subnav-tabs.light-50 a { background-color: var(--light-50); } .cn-subnav-tabs.light-50 a:hover { background-color: var(--light); } .cn-subnav-tabs.light-50 .active a { background-color: var(--light); } .cn-subnav-tabs.light-25 a { background-color: var(--light-25); } .cn-subnav-tabs.light-10 a { background-color: var(--light-10); } .cn-subnav-tabs.gray a { background-color: var(--gray); } .cn-subnav-tabs.gray-dark a { background-color: var(--gray-dark); } .cn-subnav-tabs.gray-75 a { background-color: var(--gray-75); } .cn-subnav-tabs.gray-75 a:hover { background-color: var(--gray); } .cn-subnav-tabs.gray-75 .active a { background-color: var(--gray); } .cn-subnav-tabs.gray-50 a { background-color: var(--gray-50); } .cn-subnav-tabs.gray-50 a:hover { background-color: var(--gray); } .cn-subnav-tabs.gray-50 .active a { background-color: var(--gray); } .cn-subnav-tabs.gray-25 a { background-color: var(--gray-25); } .cn-subnav-tabs.gray-10 a { background-color: var(--gray-10); } .cn-subnav-tabs.dark a { background-color: var(--dark); } .cn-subnav-tabs.dark-dark a { background-color: var(--dark-dark); } .cn-subnav-tabs.dark-75 a { background-color: var(--dark-75); } .cn-subnav-tabs.dark-75 a:hover { background-color: var(--dark); } .cn-subnav-tabs.dark-75 .active a { background-color: var(--dark); } .cn-subnav-tabs.dark-50 a { background-color: var(--dark-50); } .cn-subnav-tabs.dark-50 a:hover { background-color: var(--dark); } .cn-subnav-tabs.dark-50 .active a { background-color: var(--dark); } .cn-subnav-tabs.dark-25 a { background-color: var(--dark-25); } .cn-subnav-tabs.dark-10 a { background-color: var(--dark-10); } .cn-subnav-tabs.dark-gray a { background-color: var(--dark-gray); } .cn-subnav-tabs.dark-gray-dark a { background-color: var(--dark-gray-dark); } .cn-subnav-tabs.dark-gray-75 a { background-color: var(--dark-gray-75); } .cn-subnav-tabs.dark-gray-75 a:hover { background-color: var(--dark-gray); } .cn-subnav-tabs.dark-gray-75 .active a { background-color: var(--dark-gray); } .cn-subnav-tabs.dark-gray-50 a { background-color: var(--dark-gray-50); } .cn-subnav-tabs.dark-gray-50 a:hover { background-color: var(--dark-gray); } .cn-subnav-tabs.dark-gray-50 .active a { background-color: var(--dark-gray); } .cn-subnav-tabs.dark-gray-25 a { background-color: var(--dark-gray-25); } .cn-subnav-tabs.dark-gray-10 a { background-color: var(--dark-gray-10); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .underline-primary { text-decoration: underline; text-decoration-color: var(--primary); text-underline-offset: 0.4em; } .underline-primary-dark { text-decoration: underline; text-decoration-color: var(--primary-dark); text-underline-offset: 0.4em; } .underline-primary-75 { text-decoration: underline; text-decoration-color: var(--primary-75); text-underline-offset: 0.4em; } .underline-primary-50 { text-decoration: underline; text-decoration-color: var(--primary-50); text-underline-offset: 0.4em; } .underline-primary-25 { text-decoration: underline; text-decoration-color: var(--primary-25); text-underline-offset: 0.4em; } .underline-primary-10 { text-decoration: underline; text-decoration-color: var(--primary-10); text-underline-offset: 0.4em; } .underline-secondary { text-decoration: underline; text-decoration-color: var(--secondary); text-underline-offset: 0.4em; } .underline-secondary-dark { text-decoration: underline; text-decoration-color: var(--secondary-dark); text-underline-offset: 0.4em; } .underline-secondary-75 { text-decoration: underline; text-decoration-color: var(--secondary-75); text-underline-offset: 0.4em; } .underline-secondary-50 { text-decoration: underline; text-decoration-color: var(--secondary-50); text-underline-offset: 0.4em; } .underline-secondary-25 { text-decoration: underline; text-decoration-color: var(--secondary-25); text-underline-offset: 0.4em; } .underline-secondary-10 { text-decoration: underline; text-decoration-color: var(--secondary-10); text-underline-offset: 0.4em; } .underline-tertiary { text-decoration: underline; text-decoration-color: var(--tertiary); text-underline-offset: 0.4em; } .underline-tertiary-dark { text-decoration: underline; text-decoration-color: var(--tertiary-dark); text-underline-offset: 0.4em; } .underline-tertiary-75 { text-decoration: underline; text-decoration-color: var(--tertiary-75); text-underline-offset: 0.4em; } .underline-tertiary-50 { text-decoration: underline; text-decoration-color: var(--tertiary-50); text-underline-offset: 0.4em; } .underline-tertiary-25 { text-decoration: underline; text-decoration-color: var(--tertiary-25); text-underline-offset: 0.4em; } .underline-tertiary-10 { text-decoration: underline; text-decoration-color: var(--tertiary-10); text-underline-offset: 0.4em; } .underline-quaternary { text-decoration: underline; text-decoration-color: var(--quaternary); text-underline-offset: 0.4em; } .underline-quaternary-dark { text-decoration: underline; text-decoration-color: var(--quaternary-dark); text-underline-offset: 0.4em; } .underline-quaternary-75 { text-decoration: underline; text-decoration-color: var(--quaternary-75); text-underline-offset: 0.4em; } .underline-quaternary-50 { text-decoration: underline; text-decoration-color: var(--quaternary-50); text-underline-offset: 0.4em; } .underline-quaternary-25 { text-decoration: underline; text-decoration-color: var(--quaternary-25); text-underline-offset: 0.4em; } .underline-quaternary-10 { text-decoration: underline; text-decoration-color: var(--quaternary-10); text-underline-offset: 0.4em; } .underline-quinary { text-decoration: underline; text-decoration-color: var(--quinary); text-underline-offset: 0.4em; } .underline-quinary-dark { text-decoration: underline; text-decoration-color: var(--quinary-dark); text-underline-offset: 0.4em; } .underline-quinary-75 { text-decoration: underline; text-decoration-color: var(--quinary-75); text-underline-offset: 0.4em; } .underline-quinary-50 { text-decoration: underline; text-decoration-color: var(--quinary-50); text-underline-offset: 0.4em; } .underline-quinary-25 { text-decoration: underline; text-decoration-color: var(--quinary-25); text-underline-offset: 0.4em; } .underline-quinary-10 { text-decoration: underline; text-decoration-color: var(--quinary-10); text-underline-offset: 0.4em; } .underline-senary { text-decoration: underline; text-decoration-color: var(--senary); text-underline-offset: 0.4em; } .underline-senary-dark { text-decoration: underline; text-decoration-color: var(--senary-dark); text-underline-offset: 0.4em; } .underline-senary-75 { text-decoration: underline; text-decoration-color: var(--senary-75); text-underline-offset: 0.4em; } .underline-senary-50 { text-decoration: underline; text-decoration-color: var(--senary-50); text-underline-offset: 0.4em; } .underline-senary-25 { text-decoration: underline; text-decoration-color: var(--senary-25); text-underline-offset: 0.4em; } .underline-senary-10 { text-decoration: underline; text-decoration-color: var(--senary-10); text-underline-offset: 0.4em; } .underline-light { text-decoration: underline; text-decoration-color: var(--light); text-underline-offset: 0.4em; } .underline-light-dark { text-decoration: underline; text-decoration-color: var(--light-dark); text-underline-offset: 0.4em; } .underline-light-75 { text-decoration: underline; text-decoration-color: var(--light-75); text-underline-offset: 0.4em; } .underline-light-50 { text-decoration: underline; text-decoration-color: var(--light-50); text-underline-offset: 0.4em; } .underline-light-25 { text-decoration: underline; text-decoration-color: var(--light-25); text-underline-offset: 0.4em; } .underline-light-10 { text-decoration: underline; text-decoration-color: var(--light-10); text-underline-offset: 0.4em; } .underline-gray { text-decoration: underline; text-decoration-color: var(--gray); text-underline-offset: 0.4em; } .underline-gray-dark { text-decoration: underline; text-decoration-color: var(--gray-dark); text-underline-offset: 0.4em; } .underline-gray-75 { text-decoration: underline; text-decoration-color: var(--gray-75); text-underline-offset: 0.4em; } .underline-gray-50 { text-decoration: underline; text-decoration-color: var(--gray-50); text-underline-offset: 0.4em; } .underline-gray-25 { text-decoration: underline; text-decoration-color: var(--gray-25); text-underline-offset: 0.4em; } .underline-gray-10 { text-decoration: underline; text-decoration-color: var(--gray-10); text-underline-offset: 0.4em; } .underline-dark { text-decoration: underline; text-decoration-color: var(--dark); text-underline-offset: 0.4em; } .underline-dark-dark { text-decoration: underline; text-decoration-color: var(--dark-dark); text-underline-offset: 0.4em; } .underline-dark-75 { text-decoration: underline; text-decoration-color: var(--dark-75); text-underline-offset: 0.4em; } .underline-dark-50 { text-decoration: underline; text-decoration-color: var(--dark-50); text-underline-offset: 0.4em; } .underline-dark-25 { text-decoration: underline; text-decoration-color: var(--dark-25); text-underline-offset: 0.4em; } .underline-dark-10 { text-decoration: underline; text-decoration-color: var(--dark-10); text-underline-offset: 0.4em; } .underline-dark-gray { text-decoration: underline; text-decoration-color: var(--dark-gray); text-underline-offset: 0.4em; } .underline-dark-gray-dark { text-decoration: underline; text-decoration-color: var(--dark-gray-dark); text-underline-offset: 0.4em; } .underline-dark-gray-75 { text-decoration: underline; text-decoration-color: var(--dark-gray-75); text-underline-offset: 0.4em; } .underline-dark-gray-50 { text-decoration: underline; text-decoration-color: var(--dark-gray-50); text-underline-offset: 0.4em; } .underline-dark-gray-25 { text-decoration: underline; text-decoration-color: var(--dark-gray-25); text-underline-offset: 0.4em; } .underline-dark-gray-10 { text-decoration: underline; text-decoration-color: var(--dark-gray-10); text-underline-offset: 0.4em; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .info-row { display: flex; flex-direction: row; align-items: center; gap: 0.44rem; margin-bottom: 0.75rem; } .info-row .title { font-size: 1.125rem; font-weight: 400; line-height: 1.3; text-transform: uppercase; letter-spacing: 0.09rem; font-family: var(--font-quaternary); color: var(--primary); } .info-row .content { 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 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .icon-boxes { display: flex; flex-wrap: wrap; gap: 1.25rem; } .icon-boxes .icon-box { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 1.88rem 1.25rem; border-radius: var(--border-radius); flex-grow: 1; flex: 1 0 40%; } @media (min-width: 992px) { .icon-boxes .icon-box { flex: 1 0 20%; } } .icon-boxes .icon-box img { height: 3.125rem; margin-bottom: 0.75rem; } .icon-boxes .icon-box > *:last-child { margin-bottom: 0px; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .img-content-intro { background: linear-gradient(180deg, var(--secondary-10) 16%, var(--primary-10) 100%); } @media (max-width: 992px) { .img-content-intro .image { padding-top: calc(var(--nav-mobile-height) + var(--top-bar, 0rem)) !important; padding-bottom: 0px !important; } } @media (max-width: 992px) { .img-content-intro .image .lr-content { width: 100% !important; padding: 0px; } } .img-content-intro .image .lr-content .bg-img-container { height: 15.625rem; } @media (min-width: 992px) { .img-content-intro .image .lr-content .bg-img-container { height: 25rem; } } .img-content-intro .image .lr-content .bg-img-container img { border-radius: unset; } @media (min-width: 992px) { .img-content-intro .image .lr-content .bg-img-container img { border-radius: var(--border-radius); } } .img-content-intro .content { display: flex; align-items: center; } @media (max-width: 992px) { .img-content-intro .content { padding-top: 2.25rem !important; padding-bottom: 2.25rem !important; } } @media (min-width: 992px) { .img-content-intro .content .lr-content { padding-left: 1.5rem; } } @media (min-width: 992px) { .img-content-intro.desktop-reverse .content .lr-content { padding-left: 0.75rem; padding-right: 1.5rem; } } @media (min-width: 992px) { .img-content-intro .col-lg-6 { padding-top: calc(var(--nav-desktop-height) + var(--nav-tert-height) + var(--top-bar, 0px) + 3.12rem) !important; padding-bottom: 3.12rem !important; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .separator-arrow { display: flex; align-items: center; flex-direction: column; width: 100%; max-width: 33.75rem; margin: 1.5rem auto; } .separator-arrow::before { content: ""; background-color: var(--primary-25); width: 100%; height: 0.1875rem; } .separator-arrow::after { content: ""; background-color: var(--primary-25); width: 1.8125rem; height: 0.875rem; clip-path: polygon(50% 100%, 0 0, 100% 0); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .content-boxes { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; gap: 1.25rem; } @media (min-width: 992px) { .content-boxes { flex-wrap: nowrap; } } .content-boxes:not(:last-child) { margin-bottom: 1.75rem; } .content-boxes .content-box { border: 1px solid var(--box-border-color, var(--primary)); border-radius: var(--border-radius); background-color: var(--box_bg-color, unset); padding: 1.25rem 0.88rem; width: calc(50% - .625rem); } @media (min-width: 992px) { .content-boxes .content-box { flex: 1; width: unset; } } .content-boxes .content-box .box-content { display: flex; flex-direction: column; align-items: center; } .content-boxes .content-box .box-content > *:last-child { margin-bottom: 0px; } .content-boxes .content-box .box-content .box-icon { height: var(--icon-height, 1.75rem); margin-bottom: 0.75rem; } @charset "UTF-8"; /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .bl-category-select { width: 100%; position: relative; display: flex; gap: 0.88rem; flex-direction: column; } @media (min-width: 992px) { .bl-category-select { flex-direction: row; flex-wrap: nowrap; } } .bl-category-select:hover { cursor: pointer; } .bl-category-select .select-wrap { width: 100%; position: relative; } .bl-category-select .select-wrap::after { content: ""; font-family: "Font Awesome 6 Pro"; font-weight: 900; font-size: 1rem; color: var(--primary); position: absolute; top: 50%; right: 1rem; /* Adjust as needed */ transform: translateY(-50%); pointer-events: none; } .bl-category-select .select-wrap select { width: 100%; border: 1px solid var(--primary-25); border-radius: var(--border-radius); color: var(--dark); background-color: var(--primary-10); padding: 0.5rem 0.6rem; font-size: 1.125rem; font-weight: 400; font-family: var(--lfont-secondary); -moz-appearance: none; -webkit-appearance: none; appearance: none; } .bl-category-select .btn { white-space: nowrap; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .bl-posts .paginate { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; } .bl-posts .paginate a, .bl-posts .paginate span { 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(--primary-50); } .bl-posts .paginate a.active, .bl-posts .paginate span.active { color: var(--primary); } .bl-posts .paginate a.lr a, .bl-posts .paginate span.lr a { color: var(--primary) !important; font-size: 1rem; } .bl-posts .paginate a.lr:first-child, .bl-posts .paginate span.lr:first-child { margin-right: 0.5rem; } .bl-posts .paginate a.lr:first-child i:last-child, .bl-posts .paginate span.lr:first-child i:last-child { display: none; } .bl-posts .paginate a.lr:last-child, .bl-posts .paginate span.lr:last-child { margin-left: 0.5rem; } .bl-posts .paginate a.lr:last-child i:first-child, .bl-posts .paginate span.lr:last-child i:first-child { display: none; } .bl-posts .paginate a:hover { color: var(--primary); cursor: pointer; } @media (max-width: 992px) { .bl-posts .well-lg > .row > div:first-child { margin-bottom: 1.2rem; } } .bl-posts .well-lg > .row > div:first-child .bg-img-container { height: 14.4rem; } @media (min-width: 992px) { .bl-posts .well-lg > .row > div:first-child .bg-img-container { height: 100%; } } .categories-list { display: flex; flex-direction: row; flex-wrap: wrap; gap: 0.44rem; } .categories-list .category { background-color: var(--primary); color: white; padding: 0.15rem 0.6rem; border-radius: 100px; font-size: 0.75rem; font-weight: 600; line-height: 1.5; font-family: var(--font-secondary); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .lr-section.img-content-intro.blog-post-intro { background: linear-gradient(180deg, rgba(0, 128, 187, 0.1) 0%, rgba(44, 153, 66, 0.1) 50.19%, rgba(44, 153, 66, 0) 100%); } .post-back { font-weight: 500; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .fr-location-sidebar .bg-img-container { margin-bottom: 1.88rem; } .fr-location-sidebar div.text { font-family: var(--font-secondary); font-size: 18px; font-weight: 400; line-height: 28px; margin-bottom: 24px; } .fr-location-sidebar a.directions { color: var(--quinary); font-size: 18px; font-weight: 600; margin-bottom: 24px; } .fr-location-sidebar a.directions i { margin-left: 6px; font-size: 16px; } .fr-location-sidebar a.btn { align-self: center; margin-bottom: 24px; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .fr-card div.text { font-family: var(--font-secondary); font-size: 18px; font-weight: 400; line-height: 28px; margin-bottom: 24px; } .fr-card a.directions { color: var(--quinary); font-size: 18px; font-weight: 600; margin-bottom: 24px; } .fr-card a.directions i { margin-left: 6px; font-size: 16px; } .fr-card a.btn { align-self: center; margin-bottom: 24px; } .fr-boxes { display: flex; flex-wrap: nowrap; gap: 1rem; } @media (min-width: 768px) { .fr-boxes { gap: 1.88rem; } } @media (min-width: 992px) { .fr-boxes { flex-wrap: wrap; } } .fr-boxes .box-icon { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 1.25rem; color: var(--primary); transition: background-color 0.15s ease-in; border: 1px solid var(--primary); border-radius: var(--border-radius); flex: 1 0 20%; flex-grow: 1; } @media (min-width: 992px) { .fr-boxes .box-icon { flex: unset; flex-grow: unset; width: 100%; } } .fr-boxes .box-icon:hover { cursor: pointer; background-color: var(--primary); color: white; } .fr-boxes .box-icon:hover img { filter: brightness(0) invert(1); } .fr-boxes .box-icon img { height: 2.5rem; margin-bottom: 0.62rem; transition: 0.15s ease-in; } .fr-boxes .box-icon .sub { margin-bottom: 0px; transition: 0.15s ease-in; } .wi-contact-iframe iframe { width: 100%; border-radius: var(--border-radius); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-map-full-2 { z-index: 0; } .wi-map-full-2 input.form-control { background-color: unset; border: 1px solid white; border-radius: var(--border-radius); color: #fff; z-index: 0; padding-right: 34px; padding-top: 8px; padding-left: 16px !important; height: 100%; } @media (max-width: 992px) { .wi-map-full-2 input.form-control { height: 43px; } } .wi-map-full-2 input.form-control:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #0c4864 inset; } .wi-map-full-2 input.form-control:-webkit-autofill { -webkit-text-fill-color: #fff !important; } .wi-map-full-2 button.search-btn { position: absolute; top: 0; right: 7px; z-index: 1; border: 0; background-color: transparent; cursor: pointer; color: white; font-size: 20px; top: 6px; right: 9px; } .wi-map-full-2 button.search-btn:hover { color: white; } .wi-map-full-2 button.search-btn:focus { outline: 0; } .wi-map-full-2 input.form-control::-webkit-input-placeholder { color: white; font-size: var(--p-font-size); line-height: var(--p-line-height); } .wi-map-full-2 input.form-control:-moz-placeholder { color: white; font-size: var(--p-font-size); line-height: var(--p-line-height); } .wi-map-full-2 input.form-control::-moz-placeholder { color: white; font-size: var(--p-font-size); line-height: var(--p-line-height); } .wi-map-full-2 input.form-control:-ms-input-placeholder { color: white; font-size: var(--p-font-size); line-height: var(--p-line-height); } .wi-map-full-2 input.form-control::-ms-input-placeholder { color: white; font-size: var(--p-font-size); line-height: var(--p-line-height); } .wi-map-full-2 input.form-control::placeholder { color: white; font-size: var(--p-font-size); line-height: var(--p-line-height); } .wi-map-full-2 .wi-counter { border: 2px solid var(--secondary); display: flex; align-items: center; justify-content: center; font-size: 25px; line-height: 25px; width: 50px; height: 50px; background-color: #fff; border-radius: 50%; position: absolute; top: 20px; right: 20px; z-index: 5000; } .wi-map-full-2 .location-box { cursor: pointer; -webkit-box-shadow: 0 1px 8px 1px rgba(255, 255, 255, 0.1); box-shadow: 0 1px 8px 1px rgba(255, 255, 255, 0.1); border-color: #f5f0ec; } .wi-map-full-2 .location-box.selected { -webkit-box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.1); border-color: #e8e6e2; } .wi-map-full-2 .location-box.selected h5 { /* color: #771e2c; */ } .wi-map-full-2 .loading-overlay { position: absolute; z-index: 500; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); display: flex; justify-content: center; align-items: center; } .wi-map-full-2 .loading-overlay i { font-size: 40px; line-height: 40px; } .wi-map-full-2 address { font-size: 1rem; font-weight: 400; line-height: 1.5; } .wi-map-full-2 .location-links a { font-size: 12px; } .wi-map-full-2 .map-wrapper { height: 450px; } @media (min-width: 992px) { .wi-map-full-2 .map-wrapper { height: 550px; } } .wi-map-full-2 #map_full_2, .wi-map-full-2 #map_full_3_modal, #shared_territory_modal #map_full_2, #shared_territory_modal #map_full_3_modal { z-index: 1 !important; } .wi-map-full-2 #map_full_2 .leaflet-popup-content-wrapper, .wi-map-full-2 #map_full_3_modal .leaflet-popup-content-wrapper, #shared_territory_modal #map_full_2 .leaflet-popup-content-wrapper, #shared_territory_modal #map_full_3_modal .leaflet-popup-content-wrapper { border-radius: var(--border-radius); padding: 0px; overflow: hidden; } .wi-map-full-2 #map_full_2 .leaflet-popup-content-wrapper:has(.coming-soon) ~ .leaflet-popup-close-button, .wi-map-full-2 #map_full_3_modal .leaflet-popup-content-wrapper:has(.coming-soon) ~ .leaflet-popup-close-button, #shared_territory_modal #map_full_2 .leaflet-popup-content-wrapper:has(.coming-soon) ~ .leaflet-popup-close-button, #shared_territory_modal #map_full_3_modal .leaflet-popup-content-wrapper:has(.coming-soon) ~ .leaflet-popup-close-button { color: white; } .wi-map-full-2 #map_full_2 .leaflet-popup-content, .wi-map-full-2 #map_full_3_modal .leaflet-popup-content, #shared_territory_modal #map_full_2 .leaflet-popup-content, #shared_territory_modal #map_full_3_modal .leaflet-popup-content { width: 228px !important; margin: 0px !important; } .wi-map-full-2 #map_full_2 .leaflet-popup-content .leaf-popup-content.coming-soon .head, .wi-map-full-2 #map_full_3_modal .leaflet-popup-content .leaf-popup-content.coming-soon .head, #shared_territory_modal #map_full_2 .leaflet-popup-content .leaf-popup-content.coming-soon .head, #shared_territory_modal #map_full_3_modal .leaflet-popup-content .leaf-popup-content.coming-soon .head { background-color: var(--tertiary); color: white; padding: 0.5rem 0.88rem; text-align: center; } .wi-map-full-2 #map_full_2 .leaflet-popup-content .leaf-popup-content.coming-soon .head .sub, .wi-map-full-2 #map_full_3_modal .leaflet-popup-content .leaf-popup-content.coming-soon .head .sub, #shared_territory_modal #map_full_2 .leaflet-popup-content .leaf-popup-content.coming-soon .head .sub, #shared_territory_modal #map_full_3_modal .leaflet-popup-content .leaf-popup-content.coming-soon .head .sub { margin-bottom: 0px; } .wi-map-full-2 #map_full_2 .leaflet-popup-content .leaf-popup-content.coming-soon .title, .wi-map-full-2 #map_full_3_modal .leaflet-popup-content .leaf-popup-content.coming-soon .title, #shared_territory_modal #map_full_2 .leaflet-popup-content .leaf-popup-content.coming-soon .title, #shared_territory_modal #map_full_3_modal .leaflet-popup-content .leaf-popup-content.coming-soon .title { margin-bottom: 1.2rem; } .wi-map-full-2 #map_full_2 .leaflet-popup-content .leaf-popup-content.development .head, .wi-map-full-2 #map_full_3_modal .leaflet-popup-content .leaf-popup-content.development .head, #shared_territory_modal #map_full_2 .leaflet-popup-content .leaf-popup-content.development .head, #shared_territory_modal #map_full_3_modal .leaflet-popup-content .leaf-popup-content.development .head { background-color: #74777a; color: white; padding: 0.5rem 0.88rem; text-align: center; } .wi-map-full-2 #map_full_2 .leaflet-popup-content .leaf-popup-content.development .head .sub, .wi-map-full-2 #map_full_3_modal .leaflet-popup-content .leaf-popup-content.development .head .sub, #shared_territory_modal #map_full_2 .leaflet-popup-content .leaf-popup-content.development .head .sub, #shared_territory_modal #map_full_3_modal .leaflet-popup-content .leaf-popup-content.development .head .sub { margin-bottom: 0px; } .wi-map-full-2 #map_full_2 .leaflet-popup-content .leaf-popup-content.development .title, .wi-map-full-2 #map_full_3_modal .leaflet-popup-content .leaf-popup-content.development .title, #shared_territory_modal #map_full_2 .leaflet-popup-content .leaf-popup-content.development .title, #shared_territory_modal #map_full_3_modal .leaflet-popup-content .leaf-popup-content.development .title { margin-bottom: 1.2rem; } .wi-map-full-2 #map_full_2 .leaflet-popup-content div.popup-content, .wi-map-full-2 #map_full_3_modal .leaflet-popup-content div.popup-content, #shared_territory_modal #map_full_2 .leaflet-popup-content div.popup-content, #shared_territory_modal #map_full_3_modal .leaflet-popup-content div.popup-content { padding: 16px; display: flex; flex-direction: column; align-items: center; } .wi-map-full-2 #map_full_2 .leaflet-popup-content div.popup-content h6, .wi-map-full-2 #map_full_3_modal .leaflet-popup-content div.popup-content h6, #shared_territory_modal #map_full_2 .leaflet-popup-content div.popup-content h6, #shared_territory_modal #map_full_3_modal .leaflet-popup-content div.popup-content h6 { color: var(--dark) !important; text-align: center; } .wi-map-full-2 #map_full_2 .leaflet-popup-content div.popup-content address, .wi-map-full-2 #map_full_3_modal .leaflet-popup-content div.popup-content address, #shared_territory_modal #map_full_2 .leaflet-popup-content div.popup-content address, #shared_territory_modal #map_full_3_modal .leaflet-popup-content div.popup-content address { text-align: center; font-family: var(--font-secondary); color: var(--dark) !important; } .wi-map-full-2 #map_full_2 .leaflet-popup-content div.popup-content div.btn-row div:not(:last-child), .wi-map-full-2 #map_full_3_modal .leaflet-popup-content div.popup-content div.btn-row div:not(:last-child), #shared_territory_modal #map_full_2 .leaflet-popup-content div.popup-content div.btn-row div:not(:last-child), #shared_territory_modal #map_full_3_modal .leaflet-popup-content div.popup-content div.btn-row div:not(:last-child) { flex-grow: 1; } .wi-map-full-2 #map_full_2 .leaflet-popup-content div.popup-content .btn, .wi-map-full-2 #map_full_3_modal .leaflet-popup-content div.popup-content .btn, #shared_territory_modal #map_full_2 .leaflet-popup-content div.popup-content .btn, #shared_territory_modal #map_full_3_modal .leaflet-popup-content div.popup-content .btn { width: 100%; } .wi-map-full-2 #map_full_2 .leaflet-popup-content div.popup-content > *:not(:last-child), .wi-map-full-2 #map_full_3_modal .leaflet-popup-content div.popup-content > *:not(:last-child), #shared_territory_modal #map_full_2 .leaflet-popup-content div.popup-content > *:not(:last-child), #shared_territory_modal #map_full_3_modal .leaflet-popup-content div.popup-content > *:not(:last-child) { margin-bottom: 10px; } .wi-map-full-2 .or, #shared_territory_modal .or { font-family: var(--font-secondary); font-size: 1.125rem; font-weight: 500; line-height: 1.5; text-transform: uppercase; } .wi-map-full-2 .leaflet-marker-icon { filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.3)); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ #shared_territory_modal .modal-header { justify-content: center; } #shared_territory_modal .modal-header .modal-title { font-family: var(--font-secondary); font-size: 1.25rem; font-weight: 400; line-height: 1.5; } #shared_territory_modal .locations { display: flex; flex-direction: row; flex-wrap: wrap; gap: 1.88rem; } #shared_territory_modal .locations .card { width: 100%; } @media (min-width: 992px) { #shared_territory_modal .locations .card { width: 30%; flex-grow: 1; } } @media (min-width: 992px) { #shared_territory_modal .locations.row-2 .card { width: 48%; } } #shared_territory_modal .content { padding: 1.88rem 1.25rem; } @media (min-width: 992px) { #shared_territory_modal .content { padding: 1.88rem; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-modal.modal .modal-dialog .modal-content { border-radius: var(--border-radius); border: 0; } .wi-modal.modal .modal-dialog .modal-content .modal-header { border-radius: var(--border-radius) var(--border-radius) 0 0; padding: 0.63rem 0.75rem; background: var(--header-bg-color); color: var(--header-text-color); border: 0; min-height: 2.25rem; } .wi-modal.modal .modal-dialog .modal-content .modal-header .modal-title { margin-bottom: 0; } .wi-modal.modal .modal-dialog .modal-content .modal-header .btn-close { background: transparent; border: unset; color: inherit; opacity: 1; transition: 0.3s ease all; transform: rotate(45deg); font-size: 1.5rem; line-height: 1; color: var(--header-text-color); position: absolute; top: 0.5rem; right: 0.5rem; } .wi-modal.modal .modal-dialog .modal-content .modal-body { padding: 0; } [data-bs-toggle="modal"]:hover { cursor: pointer; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .fr-locations { display: flex; flex-direction: row; flex-wrap: wrap; gap: 2.5rem; } .fr-locations .location { display: flex; flex-direction: column; width: 100%; } @media (min-width: 992px) { .fr-locations .location { width: 30%; flex-grow: 1; } } .fr-locations .location .bg-img-container { width: 100%; height: 20.6rem; } .fr-locations .location .bg-img-container .bg-img { border-radius: var(--border-radius) var(--border-radius) 0 0; } .fr-locations .location .card { border-radius: 0px 0px var(--border-radius) var(--border-radius); flex-grow: 1; } .fr-locations .location address { margin-bottom: 1rem; } .fr-locations .location a.directions { color: var(--quinary); font-size: 18px; font-weight: 600; margin-bottom: 1.5rem; } .fr-locations .location a.directions i { margin-left: 6px; font-size: 16px; } @media (min-width: 992px) { .fr-locations.row-2 .location { width: 48%; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-gallery-list { list-style: none; padding-left: 0px; margin-left: -0.24rem; margin-right: -0.24rem; column-count: 1; } @media (min-width: 768px) { .wi-gallery-list { column-count: 2; } } @media (min-width: 992px) { .wi-gallery-list { column-count: 3; } } .wi-gallery-list li { padding-left: 0.24rem; padding-right: 0.24rem; margin-bottom: 1.5rem; break-inside: avoid-column; /* Prevent breaking within columns */ page-break-inside: avoid; /* For additional browser support */ } .wi-gallery-list li img { border-radius: var(--border-radius); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// 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 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ @media (max-width: 991px) { .wi-promotion-popup .modal-dialog { margin: 4rem 0.5rem; } } .wi-promotion-popup .modal-dialog .modal-title { font-family: var(--font-secondary); font-size: 1.25rem; font-weight: 400 !important; line-height: 1.5; } .wi-promotion-popup .modal-dialog p { font-size: 1rem; } .wi-promotion-popup .modal-dialog p.disclaimer { font-size: 0.8rem; } .wi-promotion-popup .modal-content { border-radius: var(--border-radius); border: unset; overflow: hidden; } .wi-promotion-popup .modal-header { border: 1px solid var(--secondary); } .wi-promotion-popup .modal-body { padding: 0 !important; border-top: unset; border-radius: 0 0 8px 8px; } .wi-promotion-popup button.close:hover { color: #fff; opacity: 0.7; } .wi-promotion-popup .image-col img { width: 100%; height: auto; min-height: 289px; object-fit: cover; } .wi-promotion-popup .link-col { border-top: 1px solid black; border-radius: 0 0 8px 8px; } .wi-promotion-popup a.link { text-transform: uppercase; font-size: 15px; font-weight: 700; color: black; letter-spacing: 0.03em; margin-right: 19px; } @media (min-width: 576px) { .wi-promotion-popup .image-col img { min-height: 250px; } } @media (min-width: 992px) { .wi-promotion-popup .image-col img { min-height: 400px; max-height: 650px; object-fit: cover; } .wi-promotion-popup .modal-header { border-bottom: unset; } } @media (min-width: 992px) { .modal-img { max-width: 650px; } } @media (min-width: 992px) { .modal-img .wi-promotion-popup .image-col img { min-height: 400px; max-height: 650px; object-fit: contain; } } .modal-img .modal-footer { background: var(--secondary-10); justify-content: center !important; padding: 5px 0px; } @media (min-width: 992px) { .button-only { max-width: 650px; } } @media (min-width: 992px) { .button-only .wi-promotion-popup .image-col img { min-height: 400px; max-height: 650px; object-fit: contain; } } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .cmp-tabs-content-tabs { margin-bottom: 1.5rem; } .cmp-tabs-content-tabs .tabs-col div.nav { display: flex; justify-content: center; gap: 3px; } .cmp-tabs-content-tabs .tabs-col div.nav .nav-link { flex-grow: 1; height: 100%; padding: 1.25rem 10px; background-color: var(--primary-50); color: var(--light); transition: 0.15s ease-in; font-family: var(--font-secondary); font-size: 1.25rem; font-weight: 400; text-align: center; /* Vertically Fill Space */ } @media (max-width: 991px) { .cmp-tabs-content-tabs .tabs-col div.nav .nav-link { flex: 1 0 48%; } } @media (max-width: 575px) { .cmp-tabs-content-tabs .tabs-col div.nav .nav-link { display: flex; align-items: center; justify-content: center; height: unset; } } .cmp-tabs-content-tabs .tabs-col div.nav .nav-link:hover, .cmp-tabs-content-tabs .tabs-col div.nav .nav-link.active { background-color: var(--primary); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .price-title { font-family: var(--font-secondary); font-weight: 600; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .leaflet-container .leaflet-map-pane .leaflet-marker-pane .leaflet-marker-icon.marker-cluster { filter: unset; position: relative; --primary-color: var(--primary); --secondary-color: var(--light); margin-top: -59px !important; } .leaflet-container .leaflet-map-pane .leaflet-marker-pane .leaflet-marker-icon.marker-cluster:has(.icon:hover) .location-count-box { opacity: 1; visibility: visible; } .leaflet-container .leaflet-map-pane .leaflet-marker-pane .leaflet-marker-icon.marker-cluster .location-count-box { opacity: 0; visibility: hidden; transition: opacity 0.3s ease-in; position: absolute; top: 0; left: 50%; transform: translate(-50%, calc(-100% - 6px - 0.25rem)); width: 110px; background: var(--primary-color); box-shadow: var(--box-shadow); color: var(--secondary-color); text-align: center; padding: 0.5rem 0.55rem; letter-spacing: 0.02rem; font-size: 1rem; font-weight: 700; font-family: var(--font-primary); } .leaflet-container .leaflet-map-pane .leaflet-marker-pane .leaflet-marker-icon.marker-cluster .location-count-box::before { content: ""; background: var(--primary-color); position: absolute; bottom: -6px; height: 12px; width: 12px; left: calc(50% - 7px); transform: rotate(45deg); } .leaflet-container .leaflet-map-pane .leaflet-marker-pane .leaflet-marker-icon.marker-cluster .icon { position: relative; } .leaflet-container .leaflet-map-pane .leaflet-marker-pane .leaflet-marker-icon.marker-cluster .icon .location-count { color: var(--secondary-color); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.625rem; font-weight: 700; font-family: var(--font-primary); line-height: 1.625rem; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// 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); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* Loom has a super annoying section that they add to the end of pages. This is only added for loom users and the removal is exclusively for personal aesthetic. My peace of mind after hiding it is immeasurable. */ #loom-companion-mv3 { display: none; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .grecaptcha-badge { display: none !important; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .horizontal-scroll, .horizontal-scroll-mobile { --horizontal-scroll-offset: 0px; } .horizontal-scroll .overflow, .horizontal-scroll-mobile .overflow { --bs-gutter-y: var(--bs-gutter-x); } /* Overlay on sides */ .horizontal-scroll .scroll-overlay:before, .horizontal-scroll .scroll-overlay:after { content: ""; height: 100%; width: 20px; position: absolute; z-index: 2; top: 0px; bottom: 0px; background: #fff; opacity: 0.8; } .horizontal-scroll .scroll-overlay:before { left: 0px; } .horizontal-scroll .scroll-overlay:after { right: 0px; } @media (min-width: 992px) { .horizontal-scroll .scroll-overlay:before, .horizontal-scroll .scroll-overlay:after { width: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset)); } } /* Overflow */ .horizontal-scroll.disable .overflow { overflow-x: visible; } .horizontal-scroll .overflow { flex-wrap: nowrap; overflow-x: scroll; padding-left: 0; padding-right: 0; padding-bottom: 32px; } .horizontal-scroll:not(.disable) .overflow { justify-content: start !important; } .horizontal-scroll .no-overflow { padding-left: calc(var(--bs-gutter-x) * 0.5); padding-right: calc(var(--bs-gutter-x) * 0.5); } @media (min-width: 992px) { .horizontal-scroll .overflow { padding-bottom: 40px; } } @media (min-width: 576px) { .horizontal-scroll .overflow, .horizontal-scroll .no-overflow { padding-left: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset)); padding-right: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset)); } } .horizontal-scroll:not(.disable) .overflow:hover { cursor: default; } .horizontal-scroll.disable .overflow, .horizontal-scroll-mobile.disable .overflow { cursor: default !important; } /* Scroll bar */ .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar)::-webkit-scrollbar { display: block; height: 4px; transition: transform 0.3s ease; } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar)::-webkit-scrollbar-thumb { background-color: #707272; } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar)::-webkit-scrollbar-track-piece { background-color: rgba(112, 114, 114, 0.5); } /* Scroll Bar Colors */ .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-primary::-webkit-scrollbar-thumb { background-color: var(--primary); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-primary::-webkit-scrollbar-track-piece { background-color: var(--primary-rgba-translucent); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-secondary::-webkit-scrollbar-thumb { background-color: var(--secondary); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-secondary::-webkit-scrollbar-track-piece { background-color: var(--secondary-rgba-translucent); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-tertiary::-webkit-scrollbar-thumb { background-color: var(--tertiary); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-tertiary::-webkit-scrollbar-track-piece { background-color: var(--tertiary-rgba-translucent); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-quaternary::-webkit-scrollbar-thumb { background-color: var(--quaternary); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-quaternary::-webkit-scrollbar-track-piece { background-color: var(--quaternary-rgba-translucent); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-quinary::-webkit-scrollbar-thumb { background-color: var(--quinary); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-quinary::-webkit-scrollbar-track-piece { background-color: var(--quinary-rgba-translucent); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-senary::-webkit-scrollbar-thumb { background-color: var(--senary); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-senary::-webkit-scrollbar-track-piece { background-color: var(--senary-rgba-translucent); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-thumb { background-color: var(--light); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-track-piece { background-color: var(--light-rgba-translucent); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-gray::-webkit-scrollbar-thumb { background-color: var(--gray); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-gray::-webkit-scrollbar-track-piece { background-color: var(--gray-rgba-translucent); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-dark::-webkit-scrollbar-thumb { background-color: var(--dark); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-dark::-webkit-scrollbar-track-piece { background-color: var(--dark-rgba-translucent); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-dark-gray::-webkit-scrollbar-thumb { background-color: var(--dark-gray); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-dark-gray::-webkit-scrollbar-track-piece { background-color: var(--dark-gray-rgba-translucent); } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-thumb { background-color: #fff; } .horizontal-scroll:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-track-piece { background-color: rgba(255, 255, 255, 0.5); } .horizontal-scroll:not(.disable) .overflow::-webkit-scrollbar-track-piece:start { margin-left: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset) + (var(--bs-gutter-x) / 2)); } .horizontal-scroll:not(.disable) .overflow::-webkit-scrollbar-track-piece:end { margin-right: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset) + (var(--bs-gutter-x) / 2)); } @media (max-width: 576px) { .horizontal-scroll:not(.disable) .overflow::-webkit-scrollbar-track-piece:start { margin-left: calc(var(--bs-gutter-x) / 2); } .horizontal-scroll:not(.disable) .overflow::-webkit-scrollbar-track-piece:end { margin-right: calc(var(--bs-gutter-x) / 2); } } /* Horizontal Scroll on Mobile Only */ @media (max-width: 991px) { /* Container fluid styles so we can keep normal container for lg */ /* Overlay on sides */ /* Overflow */ /* Scroll bar */ /* No Overflow option to show other rows in the container while not making them appear in a container fluid */ .horizontal-scroll-mobile { width: 100% !important; padding-right: var(--bs-gutter-x, 0.75rem) !important; padding-left: var(--bs-gutter-x, 0.75rem) !important; margin-right: auto !important; margin-left: auto !important; max-width: unset !important; } .horizontal-scroll-mobile .scroll-overlay:before, .horizontal-scroll-mobile .scroll-overlay:after { content: ""; height: 100%; width: 20px; position: absolute; z-index: 2; top: 0px; bottom: 0px; background: #fff; opacity: 0.8; } .horizontal-scroll-mobile .scroll-overlay:before { left: 0px; } .horizontal-scroll-mobile .scroll-overlay:after { right: 0px; } .horizontal-scroll-mobile .overflow { flex-wrap: nowrap; overflow-x: scroll; padding-left: 20px; padding-right: 20px; padding-bottom: 32px; } .horizontal-scroll-mobile .overflow { padding-left: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset)); padding-right: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset)); } .horizontal-scroll-mobile .overflow:hover { cursor: default; } .horizontal-scroll-mobile.disable .overflow { cursor: default !important; } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar)::-webkit-scrollbar { display: block; height: 4px; transition: transform 0.3s ease; } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar)::-webkit-scrollbar-thumb { background-color: #707272; } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar)::-webkit-scrollbar-track-piece { background-color: rgba(112, 114, 114, 0.5); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-primary::-webkit-scrollbar-thumb { background-color: var(--primary); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-primary::-webkit-scrollbar-track-piece { background-color: var(--primary-rgba-translucent); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-secondary::-webkit-scrollbar-thumb { background-color: var(--secondary); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-secondary::-webkit-scrollbar-track-piece { background-color: var(--secondary-rgba-translucent); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-tertiary::-webkit-scrollbar-thumb { background-color: var(--tertiary); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-tertiary::-webkit-scrollbar-track-piece { background-color: var(--tertiary-rgba-translucent); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-quaternary::-webkit-scrollbar-thumb { background-color: var(--quaternary); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-quaternary::-webkit-scrollbar-track-piece { background-color: var(--quaternary-rgba-translucent); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-quinary::-webkit-scrollbar-thumb { background-color: var(--quinary); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-quinary::-webkit-scrollbar-track-piece { background-color: var(--quinary-rgba-translucent); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-senary::-webkit-scrollbar-thumb { background-color: var(--senary); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-senary::-webkit-scrollbar-track-piece { background-color: var(--senary-rgba-translucent); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-thumb { background-color: var(--light); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-track-piece { background-color: var(--light-rgba-translucent); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-gray::-webkit-scrollbar-thumb { background-color: var(--gray); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-gray::-webkit-scrollbar-track-piece { background-color: var(--gray-rgba-translucent); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-dark::-webkit-scrollbar-thumb { background-color: var(--dark); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-dark::-webkit-scrollbar-track-piece { background-color: var(--dark-rgba-translucent); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-dark-gray::-webkit-scrollbar-thumb { background-color: var(--dark-gray); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-dark-gray::-webkit-scrollbar-track-piece { background-color: var(--dark-gray-rgba-translucent); } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-thumb { background-color: #fff; } .horizontal-scroll-mobile:not(.disable) .overflow:not(.hide-scrollbar).scrollbar-light::-webkit-scrollbar-track-piece { background-color: rgba(255, 255, 255, 0.5); } .horizontal-scroll-mobile:not(.disable) .overflow::-webkit-scrollbar-track-piece:start { margin-left: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset) + (var(--bs-gutter-x) / 2)); } .horizontal-scroll-mobile:not(.disable) .overflow::-webkit-scrollbar-track-piece:end { margin-right: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset) + (var(--bs-gutter-x) / 2)); } .horizontal-scroll-mobile:not(.disable) .no-overflow { padding-left: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset)); padding-right: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset)); } } @media (max-width: 575px) { .horizontal-scroll-mobile { --horizontal-scroll-offset: 0px; } .horizontal-scroll-mobile .overflow, .horizontal-scroll-mobile .no-overflow { padding-left: 0; padding-right: 0; } .horizontal-scroll-mobile .scroll-overlay:before, .horizontal-scroll-mobile .scroll-overlay:after { width: 10px; } .horizontal-scroll-mobile:not(.disable) .overflow::-webkit-scrollbar-track-piece:start { margin-left: calc(var(--bs-gutter-x) / 2); } .horizontal-scroll-mobile:not(.disable) .overflow::-webkit-scrollbar-track-piece:end { margin-right: calc(var(--bs-gutter-x) / 2); } } .horizontal-scroll.not-contained { max-width: unset !important; padding-left: 0 !important; padding-right: 0 !important; width: 100% !important; } .horizontal-scroll.not-contained .overflow { padding-left: 0; padding-right: 0; } .horizontal-scroll.not-contained:not(.disable) .overflow::-webkit-scrollbar-track-piece:start { margin-left: 0; } .horizontal-scroll.not-contained:not(.disable) .overflow::-webkit-scrollbar-track-piece:end { margin-right: 0; } .horizontal-scroll-mobile.not-contained { max-width: unset !important; padding-left: 0 !important; padding-right: 0 !important; width: 100% !important; } @media (max-width: 991px) { .horizontal-scroll-mobile.not-contained .overflow { padding-left: 0; padding-right: 0; } } @media (max-width: 991px) { .horizontal-scroll-mobile.not-contained:not(.disable) .overflow::-webkit-scrollbar-track-piece:start { margin-left: 0; } .horizontal-scroll-mobile.not-contained:not(.disable) .overflow::-webkit-scrollbar-track-piece:end { margin-right: 0; } } @media (min-width: 992px) { .horizontal-scroll-mobile.hs-desktop-inline-1 { max-width: unset !important; padding-left: 0 !important; padding-right: 0 !important; width: 100% !important; } .horizontal-scroll-mobile.hs-desktop-inline-1 .overflow { padding-left: 0; padding-right: 0; } } @media (min-width: 992px) and (max-width: 991px) { .horizontal-scroll-mobile.hs-desktop-inline-1:not(.disable) .overflow::-webkit-scrollbar-track-piece:start { margin-left: 0; } .horizontal-scroll-mobile.hs-desktop-inline-1:not(.disable) .overflow::-webkit-scrollbar-track-piece:end { margin-right: 0; } } @media (max-width: 991px) { *:has(> .horizontal-scroll-mobile.hs-desktop-inline-1) { width: 100vw; max-width: unset; padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; left: calc(((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset, 0px)) * -1); } .horizontal-scroll-mobile.hs-desktop-inline-1 { padding-left: 0 !important; padding-right: 0 !important; } .horizontal-scroll-mobile.hs-desktop-inline-1 .overflow { margin-left: 0; margin-right: 0; } .container:has(.horizontal-scroll-mobile.hs-desktop-inline-1) { margin-left: 0; margin-right: 0; width: 100%; padding-left: 0; padding-right: 0; max-width: unset !important; } .container:has(.horizontal-scroll-mobile.hs-desktop-inline-1) > .row:has(.horizontal-scroll-mobile.hs-desktop-inline-1) { padding-left: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset, 0px)); padding-right: calc((100vw - var(--container-w)) / 2 + var(--horizontal-scroll-offset, 0px)); margin-left: 0; margin-right: 0; } .container:has(.horizontal-scroll-mobile.hs-desktop-inline-1) > .row:has(.horizontal-scroll-mobile.hs-desktop-inline-1) > *:not(:has(.horizontal-scroll-mobile.hs-desktop-inline-1)) { padding-left: 0.75rem; padding-right: 0.75rem; } } .horizontal-scroll.arrows, .horizontal-scroll-mobile.arrows { position: relative; /* Adjust spacing for mobile arrows */ } @media (max-width: 991px) { .horizontal-scroll.arrows.arrows-mobile, .horizontal-scroll-mobile.arrows.arrows-mobile { padding-bottom: calc(1rem + 2.8125rem); } .horizontal-scroll.arrows.arrows-mobile .overflow, .horizontal-scroll-mobile.arrows.arrows-mobile .overflow { padding-bottom: 0; } } @media (min-width: 992px) { .horizontal-scroll.arrows:not(.horizontal-scroll-mobile), .horizontal-scroll-mobile.arrows:not(.horizontal-scroll-mobile) { padding-bottom: 2rem; } } .horizontal-scroll.arrows .arrow-wrapper, .horizontal-scroll-mobile.arrows .arrow-wrapper { position: absolute; bottom: 0; left: 0; width: 100%; display: flex; justify-content: center; gap: 3.75rem; } @media (max-width: 991px) { .horizontal-scroll.arrows .arrow-wrapper, .horizontal-scroll-mobile.arrows .arrow-wrapper { gap: 2.5rem; } } .horizontal-scroll.arrows .arrow-wrapper .arrow, .horizontal-scroll-mobile.arrows .arrow-wrapper .arrow { width: 2.8125rem; height: 2.8125rem; display: flex; justify-content: center; align-items: center; border: 1px solid var(--border-color, #f3f3f3); color: var(--border-color, #f3f3f3); border-radius: 100%; font-size: 1.25rem; font-weight: 900; transition: border-color var(--transition), color var(--transition); } .horizontal-scroll.arrows .arrow-wrapper .arrow:hover, .horizontal-scroll-mobile.arrows .arrow-wrapper .arrow:hover { cursor: pointer; } .horizontal-scroll.arrows.arrows-top-1 .arrow-wrapper, .horizontal-scroll-mobile.arrows.arrows-top-1 .arrow-wrapper { bottom: unset; top: 0; } @media (min-width: 992px) { .horizontal-scroll.arrows.arrows-top-1:not(.horizontal-scroll-mobile), .horizontal-scroll-mobile.arrows.arrows-top-1:not(.horizontal-scroll-mobile) { padding-bottom: 0rem; padding-top: 4.5rem; } } @media (max-width: 991px) { .horizontal-scroll.arrows.arrows-top-1:not(.horizontal-scroll-mobile).arrows-mobile, .horizontal-scroll-mobile.arrows.arrows-top-1:not(.horizontal-scroll-mobile).arrows-mobile { padding-bottom: 0; padding-top: 4.5rem; } .horizontal-scroll.arrows.arrows-top-1:not(.horizontal-scroll-mobile).arrows-mobile .overflow, .horizontal-scroll-mobile.arrows.arrows-top-1:not(.horizontal-scroll-mobile).arrows-mobile .overflow { padding-bottom: 1rem; margin-bottom: -1rem; } } @media (min-width: 992px) { .horizontal-scroll.arrows.arrows-top-1.disable:not(.horizontal-scroll-mobile) { padding-top: 0; } } @media (min-width: 992px) { .horizontal-scroll.arrows:not(.disable) .overflow::-webkit-scrollbar { display: none; } } @media (max-width: 991px) { .horizontal-scroll.arrows:not(.arrows-mobile) .arrow-wrapper, .horizontal-scroll-mobile.arrows:not(.arrows-mobile) .arrow-wrapper { display: none; } .horizontal-scroll.arrows.arrows-mobile .overflow::-webkit-scrollbar, .horizontal-scroll-mobile.arrows.arrows-mobile .overflow::-webkit-scrollbar { display: block; } } .horizontal-scroll.arrows.disable .arrow-wrapper { display: none !important; } .horizontal-scroll-mobile.arrows-mobile.disable .arrow-wrapper { display: none !important; } .horizontal-scroll.disable, .horizontal-scroll.disable .overflow { overflow-y: visible; padding-bottom: 0 !important; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// Nine.css v3.0 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// OAK -> SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Mixins ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// NINE SCSS Variables /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .wi-leave-a-review-stars .main-heading-row .main-heading { text-align: center; margin-bottom: 0; } .wi-leave-a-review-stars .stars-row { margin-top: 4.5rem; justify-content: center; position: relative; } .wi-leave-a-review-stars .stars-row .sub-heading { text-align: center; margin-bottom: 1.5rem; } .wi-leave-a-review-stars .stars-row .stars { width: 100%; display: flex; gap: 1rem; justify-content: center; } .wi-leave-a-review-stars .stars-row .stars .star { font-size: 3rem; cursor: pointer; color: #F8D311; transition: var(--transition); } @media (max-width: 575px) { .wi-leave-a-review-stars .stars-row .stars .star { font-size: 2rem; } } .wi-leave-a-review-stars .stars-row .stars .star.hovered { font-weight: 900; } .wi-leave-a-review-stars .good-display { justify-content: center; } .wi-leave-a-review-stars .good-display .good-heading { text-align: center; } .wi-leave-a-review-stars .good-display .review-option { display: block; width: 100%; } .wi-leave-a-review-stars .good-display .review-option img { width: 100%; height: auto; } .wi-leave-a-review-stars .footer-row { margin-top: 4.5rem; text-align: center; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //// 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 /////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* Desktop */ @media (min-width: 992px) { .see-more-mobile-wrapper .see-more-text, .see-more-mobile-wrapper .see-more-text-open { display: none; } } /* Mobile */ @media (max-width: 992px) { .see-more-mobile-wrapper { --max-height: 240px; position: relative; overflow-x: hidden; overflow-y: hidden; } .see-more-mobile-wrapper:not(.open) { overflow-y: hidden; max-height: var(--max-height); border-bottom: 3px solid white; transition: max-height var(--transition); } .bg-gray .see-more-mobile-wrapper:not(.open), .see-more-mobile-wrapper.gray:not(.open) { border-color: var(--gray); } .see-more-mobile-wrapper.open { max-height: 3000px; padding-bottom: 30px; transition: max-height var(--transition); } .see-more-mobile-wrapper:not(.open):before { content: ""; position: absolute; width: 100%; height: 100px; left: 0px; bottom: 0px; z-index: 1; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 2.19%, #FFFFFF 66.36%); } .bg-gray .see-more-mobile-wrapper:not(.open):before, .see-more-mobile-wrapper.gray:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--gray) 66.36%); } .see-more-mobile-wrapper:not(.open) .see-more-text { display: block; } .see-more-mobile-wrapper:not(.open) .see-more-text-open { display: none; } .see-more-mobile-wrapper.open .see-more-text { display: none; } .see-more-mobile-wrapper.open .see-more-text-open { display: block; } .see-more-mobile-wrapper .see-more-text, .see-more-mobile-wrapper .see-more-text-open { font-family: var(--font-primary); font-weight: 400; font-size: 30px; line-height: 18px; text-transform: uppercase; text-align: center; color: var(--secondary); position: absolute; z-index: 2; width: 100%; bottom: 0; } .see-more-mobile-wrapper .see-more-text:hover, .see-more-mobile-wrapper .see-more-text-open:hover { color: var(--secondary); transition: all var(--transition); cursor: pointer; } .see-more-mobile-wrapper .see-more-text i, .see-more-mobile-wrapper .see-more-text-open i { font-size: 26px; } } .see-more-wrapper { position: relative; overflow-x: hidden; overflow-y: hidden; --max-height: 240px; } .see-more-wrapper:not(.open) { overflow-y: hidden; max-height: var(--max-height); border-bottom: 3px solid white; transition: max-height var(--transition); } .bg-gray .see-more-wrapper:not(.open), .see-more-wrapper.gray:not(.open) { border-color: var(--gray); } .see-more-wrapper.open { max-height: 3000px; padding-bottom: 30px; transition: max-height var(--transition); } .see-more-wrapper:not(.open):before { content: ""; position: absolute; width: 100%; height: 100px; left: 0px; bottom: 0px; z-index: 1; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 2.19%, #FFFFFF 66.36%); } .bg-gray .see-more-wrapper:not(.open):before, .see-more-wrapper.gray:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--gray) 66.36%); } .see-more-wrapper:not(.open) .see-more-text { display: block; } .see-more-wrapper:not(.open) .see-more-text-open { display: none; } .see-more-wrapper.open .see-more-text { display: none; } .see-more-wrapper.open .see-more-text-open { display: block; } .see-more-wrapper .see-more-text, .see-more-wrapper .see-more-text-open { font-family: var(--font-primary); font-weight: 400; font-size: 30px; line-height: 18px; text-transform: uppercase; text-align: center; color: var(--secondary); position: absolute; z-index: 2; width: 100%; bottom: 0; } .see-more-wrapper .see-more-text:hover, .see-more-wrapper .see-more-text-open:hover { color: var(--secondary); transition: all var(--transition); cursor: pointer; } .see-more-wrapper .see-more-text i, .see-more-wrapper .see-more-text-open i { font-size: 26px; } .bg-primary .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--primary) 66.36%); } .bg-primary-dark .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--primary-dark) 66.36%); } .bg-primary-75 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--primary-75) 66.36%); } .bg-primary-50 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--primary-50) 66.36%); } .bg-primary-25 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--primary-25) 66.36%); } .bg-primary-10 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--primary-10) 66.36%); } .bg-secondary .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--secondary) 66.36%); } .bg-secondary-dark .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--secondary-dark) 66.36%); } .bg-secondary-75 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--secondary-75) 66.36%); } .bg-secondary-50 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--secondary-50) 66.36%); } .bg-secondary-25 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--secondary-25) 66.36%); } .bg-secondary-10 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--secondary-10) 66.36%); } .bg-tertiary .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--tertiary) 66.36%); } .bg-tertiary-dark .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--tertiary-dark) 66.36%); } .bg-tertiary-75 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--tertiary-75) 66.36%); } .bg-tertiary-50 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--tertiary-50) 66.36%); } .bg-tertiary-25 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--tertiary-25) 66.36%); } .bg-tertiary-10 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--tertiary-10) 66.36%); } .bg-quaternary .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--quaternary) 66.36%); } .bg-quaternary-dark .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--quaternary-dark) 66.36%); } .bg-quaternary-75 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--quaternary-75) 66.36%); } .bg-quaternary-50 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--quaternary-50) 66.36%); } .bg-quaternary-25 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--quaternary-25) 66.36%); } .bg-quaternary-10 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--quaternary-10) 66.36%); } .bg-quinary .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--quinary) 66.36%); } .bg-quinary-dark .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--quinary-dark) 66.36%); } .bg-quinary-75 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--quinary-75) 66.36%); } .bg-quinary-50 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--quinary-50) 66.36%); } .bg-quinary-25 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--quinary-25) 66.36%); } .bg-quinary-10 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--quinary-10) 66.36%); } .bg-senary .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--senary) 66.36%); } .bg-senary-dark .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--senary-dark) 66.36%); } .bg-senary-75 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--senary-75) 66.36%); } .bg-senary-50 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--senary-50) 66.36%); } .bg-senary-25 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--senary-25) 66.36%); } .bg-senary-10 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--senary-10) 66.36%); } .bg-light .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--light) 66.36%); } .bg-light-dark .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--light-dark) 66.36%); } .bg-light-75 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--light-75) 66.36%); } .bg-light-50 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--light-50) 66.36%); } .bg-light-25 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--light-25) 66.36%); } .bg-light-10 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--light-10) 66.36%); } .bg-gray .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--gray) 66.36%); } .bg-gray-dark .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--gray-dark) 66.36%); } .bg-gray-75 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--gray-75) 66.36%); } .bg-gray-50 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--gray-50) 66.36%); } .bg-gray-25 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--gray-25) 66.36%); } .bg-gray-10 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--gray-10) 66.36%); } .bg-dark .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--dark) 66.36%); } .bg-dark-dark .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--dark-dark) 66.36%); } .bg-dark-75 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--dark-75) 66.36%); } .bg-dark-50 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--dark-50) 66.36%); } .bg-dark-25 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--dark-25) 66.36%); } .bg-dark-10 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--dark-10) 66.36%); } .bg-dark-gray .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--dark-gray) 66.36%); } .bg-dark-gray-dark .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--dark-gray-dark) 66.36%); } .bg-dark-gray-75 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--dark-gray-75) 66.36%); } .bg-dark-gray-50 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--dark-gray-50) 66.36%); } .bg-dark-gray-25 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--dark-gray-25) 66.36%); } .bg-dark-gray-10 .see-more-wrapper:not(.open):before { background: linear-gradient(180deg, rgba(247, 247, 249, 0) 2.19%, var(--dark-gray-10) 66.36%); } .see-more-wrapper.open { padding-bottom: 45px; } .see-more-wrapper:not(.open) { border-bottom: unset; } .see-more-wrapper .see-more-text, .see-more-wrapper .see-more-text-open { text-transform: unset !important; font-size: 1.125rem; font-weight: 500; line-height: 1.5; font-family: var(--font-secondary); } .see-more-wrapper .see-more-text i, .see-more-wrapper .see-more-text-open i { font-size: 1rem; }