/* SOURCE: assets/advanced-accordion.css */
/* Advanced Accordion */ section[id^="advanced-accordion-"] .accordion-item, section[id^="advanced-accordion-"] .accordion-button, section[id^="advanced-accordion-"] .accordion-button:not(.collapsed), section[id^="advanced-accordion-"] .accordion-header, section[id^="advanced-accordion-"] .img-fluid, section[id^="advanced-accordion-"] .accordion-collapse.collapse.show, section[id^="advanced-accordion-"] .accordion-body { border-radius: var(--bs-border-radius) !important; } .advanced-accordion .accordion, .advanced-accordion .accordion-item, .advanced-accordion .accordion-button, .advanced-accordion .accordion-collapse, .advanced-accordion .accordion-body { border: none !important; transition: none; } @media (max-width: 1199px) { .advanced-accordion .accordion { border: none !important; } .advanced-accordion .accordion-item { border: none !important; margin: 0; } .advanced-accordion .accordion-item:not(:last-child) { border-bottom: none !important; } .advanced-accordion .accordion-button { font-size: 2.5rem; text-align: center; border-radius: 0 !important; padding: 2rem 1.5rem 4.5rem; } .advanced-accordion .accordion-button:not(.collapsed) { border-bottom: none !important; border-radius: var(--bs-border-radius) !important; height: 280px; } .advanced-accordion .accordion-button::after { content: "+"; filter: none; left: 50%; position: absolute; bottom: 1.5rem; border-radius: 50%; width: 2.25rem; height: 2.25rem; background-image: none; font-size: 1.4rem; line-height: 2.25rem; transform: translateX(-50%); } .advanced-accordion .accordion-button:not(.collapsed)::after { opacity: 0; } .advanced-accordion .accordion-button span { width: 100%; display: block; text-align: center; animation: advancedAccordionTitleAnimation 1s ease-out infinite alternate; } @keyframes advancedAccordionTitleAnimation { to { text-shadow: 0 0 1.5rem rgba(255, 255, 255, .75); } } .advanced-accordion .accordion-button:not(.collapsed) span { opacity: 0; } .advanced-accordion .accordion-header img { position: absolute; top: 0; left: 0; height: 100%; object-fit: cover; opacity: .25; transition: all .2s ease-out; filter: blur(var(--advanced-accordion-image-blur)); } .advanced-accordion .accordion-button:not(.collapsed) img { opacity: 1; filter: none; } .advanced-accordion .accordion-collapse { opacity: 0; } .advanced-accordion .accordion-collapse.show { animation: advancedAccordionCollapseAnimation 1s ease-out both; } @keyframes advancedAccordionCollapseAnimation { to { opacity: 1; } } .advanced-accordion .accordion-body { padding-top: 3rem; padding-bottom: 3rem; } } @media (min-width: 1200px) { .advanced-accordion .accordion { display: flex; border: none !important; } .advanced-accordion .accordion-item { border: none !important; border-right: none !important; width: 100%; display: flex; margin: 0; } .advanced-accordion .accordion-item:not(:last-child) { border-right: none !important; } .advanced-accordion .accordion-header { width: 100%; height: 100%; } .advanced-accordion .accordion-button { height: 100%; font-size: 3rem; justify-content: center; border-radius: 0; } .advanced-accordion .accordion-button::after { content: "+"; filter: none; position: absolute; bottom: 1.25rem; border-radius: 50%; width: 2.25rem; height: 2.25rem; background-image: none; background-color: none !important; font-size: 1.4rem; line-height: 2.25rem; text-align: center; } .advanced-accordion .accordion-button:not(.collapsed) { background: none; width: 360px; border-right: none !important; } .advanced-accordion .accordion-button:not(.collapsed) span { opacity: 0; } .advanced-accordion .accordion-button:not(.collapsed)::after { opacity: 0; } .advanced-accordion .accordion-header img { position: absolute; top: 0; left: 0; height: 100%; object-fit: cover; opacity: .25; transition: all .2s ease-out; filter: blur(var(--advanced-accordion-image-blur)); } .advanced-accordion .accordion-header button:hover img { opacity: .5; } .advanced-accordion .accordion-button:not(.collapsed) img { filter: none; opacity: 1 !important; } .advanced-accordion .accordion-header span { display: block; position: absolute; transform: rotate(-90deg); animation: advancedAccordionTitleAnimation 1s ease-out infinite alternate; } @keyframes advancedAccordionTitleAnimation { to { text-shadow: 0 0 1.5rem rgba(255, 255, 255, .75); } } .advanced-accordion .accordion-collapse:not(.show) { opacity: 0; } .advanced-accordion .accordion-collapse.collapsing { height: auto; width: 360px; transition: none; } .advanced-accordion .accordion-collapse.show { width: 360px; opacity: 0; flex-shrink: 0; animation: advancedAccordionCollapseAnimation 1s ease-out .2s both; } @keyframes advancedAccordionCollapseAnimation { to { opacity: 1; } } .advanced-accordion .accordion-body { text-align: center; display: flex; align-items: center; height: 100%; } .accordion-item { border: none; transition: border 0.3s ease; } /* State with border, on some condition, like a class being added */ .accordion-item.with-border { border: none; } .advanced-accordion .accordion-item { transition: none; border: none !important; } }
/* SOURCE: assets/advanced-image-with-text.css */
/* Advanced image with text */ .advanced-image-with-text-img { display: block; position: relative; margin: 40px auto 60px; width: 50%; transition: all 1s ease-out; } .advanced-image-with-text-img-1 { z-index: 1; /* box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .25)!important; */ } .advanced-image-with-text-img:not(.advanced-image-with-text-img-1) { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 1s ease-out; } .advanced-image-with-text-img-2 { width: 34%; } .entered .advanced-image-with-text-img-2 { transform: translate(-134%, -102%); } .advanced-image-with-text-img-3 { width: 20%; } .entered .advanced-image-with-text-img-3 { transform: translate(94%, -132%); } .advanced-image-with-text-img-4 { width: 24%; } .entered .advanced-image-with-text-img-4 { transform: translate(86%, -9%); } .advanced-image-with-text-img-5 { width: 30%; } .entered .advanced-image-with-text-img-5 { transform: translate(-134%, -18%); }
/* SOURCE: assets/announcement-bar.css */
/* Announcement bar */ .announcement-bar { position: relative; transition: all .2s ease-out; } .announcement-bar.hide { height: 0; opacity: 0; } .announcement-bar p { margin: 0; } .announcement-bar a { text-decoration: none; transition: all 0.2s ease-out; } .announcement-bar.text-white a { color: white; } .announcement-bar.text-dark a { color: var(--bs-dark); } .announcement-bar a:hover, .announcement-bar a:focus { opacity: 0.75; } .announcement-bar a .rte { display: flex; align-items: center; justify-content: center; } .announcement-bar svg { transition: all 0.2s ease-out; } .announcement-bar a:hover svg { transform: translateX(2px); } .announcement-bar .carousel-control { width: auto; height: auto; } .announcement-bar .carousel-control-icon { width: 1.75rem; height: 1.75rem; background-size: 70%; } .announcement-bar ul.countdown-timer { margin: 0 0 0 1rem; } .announcement-bar .btn-close { position: absolute; top: 50%; transform: translateY(-50%); right: .25rem; background-size: 50%; transition: all .2s ease-out; }
/* SOURCE: assets/base.css */
/* Lumnira Premium Core */ /* Various helper classes */ .z-index-1 { z-index: 1;} .fw-500 { font-weight: 500; } .fw-600 { font-weight: 600; } .lead { font-weight: normal; } .extra-small { font-size: .7rem; } .text-current-color { color: currentColor !important; } .headings-font-family { font-family: var(--bs-headings-font-family); } .object-cover { object-fit: cover; } .text-truncate-2 { display: -webkit-box !important; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; } /* Links */ .link-dark { transition: all .2s ease-out; color: var(--bs-body-color) !important; } .link-dark:hover, .link-dark:focus { color: var(--bs-primary) !important; } /* Text */ .text-muted { color: var(--bs-body-color) !important; opacity: .75; } .bg-primary .text-muted, .bg-secondary .text-muted, .bg-dark .text-muted { color: white !important; } /* Buttons (normal) */ .btn { --bs-btn-border-radius: var(--bs-border-radius); } .btn-primary { position: relative; --bs-btn-bg: var(--bs-primary); --bs-btn-border-color: var(--bs-primary); --bs-btn-hover-bg: var(--bs-primary-darken-5); --bs-btn-hover-border-color: var(--bs-primary-darken-5); --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb); --bs-btn-active-bg: var(--bs-primary-darken-5); --bs-btn-active-border-color: var(--bs-primary-darken-5); --bs-btn-disabled-bg: var(--bs-primary); --bs-btn-disabled-border-color: var(--bs-primary); } .btn-secondary { position: relative; --bs-btn-bg: var(--bs-secondary); --bs-btn-border-color: var(--bs-secondary); --bs-btn-hover-bg: var(--bs-secondary-darken-5); --bs-btn-hover-border-color: var(--bs-secondary-darken-5); --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb); --bs-btn-active-bg: var(--bs-secondary-darken-10); --bs-btn-active-border-color: var(--bs-secondary-darken-10); --bs-btn-disabled-bg: var(--bs-secondary); --bs-btn-disabled-border-color: var(--bs-secondary); } .btn-white { --bs-btn-color: var(--bs-body-color); --bs-btn-bg: rgba(255, 255, 255, 1); --bs-btn-border-color: rgba(255, 255, 255, 1); --bs-btn-hover-color: var(--bs-body-color); --bs-btn-hover-bg: rgba(255, 255, 255, .9); --bs-btn-hover-border-color: rgba(255, 255, 255, .9); --bs-btn-focus-shadow-rgb: 255, 255, 255; --bs-btn-active-color: var(--bs-body-color); --bs-btn-active-bg: rgba(255, 255, 255, .8); --bs-btn-active-border-color: rgba(255, 255, 255, .8); --bs-btn-disabled-bg: rgba(255, 255, 255, 1); --bs-btn-disabled-border-color: rgba(255, 255, 255, 1); } .btn-light { --bs-btn-color: var(--bs-body-color); --bs-btn-bg: var(--bs-light); --bs-btn-border-color: var(--bs-light); --bs-btn-hover-color: var(--bs-body-color); --bs-btn-hover-bg: var(--bs-light-darken-5); --bs-btn-hover-border-color: var(--bs-light-darken-5); --bs-btn-focus-shadow-rgb: var(--bs-light-rgb); --bs-btn-active-bg: var(--bs-light-darken-10); --bs-btn-active-border-color: var(--bs-light-darken-10); --bs-btn-disabled-bg: var(--bs-light); --bs-btn-disabled-border-color: var(--bs-light); } .btn-dark { position: relative; --bs-btn-bg: var(--bs-dark); --bs-btn-border-color: var(--bs-dark); --bs-btn-hover-bg: var(--bs-dark-darken-5); --bs-btn-hover-border-color: var(--bs-dark-darken-5); --bs-btn-focus-shadow-rgb: var(--bs-dark-rgb); --bs-btn-active-bg: var(--bs-dark-darken-10); --bs-btn-active-border-color: var(--bs-dark-darken-10); --bs-btn-disabled-bg: var(--bs-dark); --bs-btn-disabled-border-color: var(--bs-dark); } /* Buttons (outline) */ .btn-outline-primary { --bs-btn-color: var(--bs-primary); --bs-btn-border-color: var(--bs-primary); --bs-btn-hover-bg: var(--bs-primary); --bs-btn-hover-border-color: var(--bs-primary); --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb); --bs-btn-active-bg: var(--bs-primary); --bs-btn-active-border-color: var(--bs-primary); --bs-btn-disabled-color: var(--bs-primary); --bs-btn-disabled-border-color: var(--bs-primary); } .btn-outline-secondary { --bs-btn-color: var(--bs-secondary); --bs-btn-border-color: var(--bs-secondary); --bs-btn-hover-bg: var(--bs-secondary); --bs-btn-hover-border-color: var(--bs-secondary); --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb); --bs-btn-active-bg: var(--bs-secondary); --bs-btn-active-border-color: var(--bs-secondary); --bs-btn-disabled-color: var(--bs-secondary); --bs-btn-disabled-border-color: var(--bs-secondary); } .btn-outline-dark { --bs-btn-color: var(--bs-dark); --bs-btn-border-color: var(--bs-dark); --bs-btn-hover-bg: var(--bs-dark); --bs-btn-hover-border-color: var(--bs-dark); --bs-btn-focus-shadow-rgb: var(--bs-dark-rgb); --bs-btn-active-bg: var(--bs-dark); --bs-btn-active-border-color: var(--bs-dark); --bs-btn-disabled-color: var(--bs-dark); --bs-btn-disabled-border-color: var(--bs-dark); } .btn-outline-white { --bs-btn-color: var(--bs-white); --bs-btn-border-color: var(--bs-white); --bs-btn-hover-color: var(--bs-primary); --bs-btn-hover-bg: var(--bs-white); --bs-btn-hover-border-color: var(--bs-white); --bs-btn-focus-shadow-rgb: var(--bs-white-rgb); --bs-btn-active-color: var(--bs-primary); --bs-btn-active-bg: var(--bs-white); --bs-btn-active-border-color: var(--bs-white); --bs-btn-disabled-color: var(--bs-white); --bs-btn-disabled-border-color: var(--bs-white); } .btn-success { --bs-btn-color: #fff; --bs-btn-bg: rgba(var(--bs-success-rgb), 1); --bs-btn-border-color: rgba(var(--bs-success-rgb), 1); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: rgba(var(--bs-success-rgb), .9); --bs-btn-hover-border-color: rgba(var(--bs-success-rgb), .9); --bs-btn-focus-shadow-rgb: var(--bs-success-rgb); --bs-btn-active-color: #fff; --bs-btn-active-bg: rgba(var(--bs-success-rgb), .8); --bs-btn-active-border-color: rgba(var(--bs-success-rgb), .8); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: rgba(var(--bs-success-rgb), 1);; --bs-btn-disabled-border-color: rgba(var(--bs-success-rgb), 1);; } .btn-danger { --bs-btn-color: #fff; --bs-btn-bg: rgba(var(--bs-danger-rgb), 1); --bs-btn-border-color: rgba(var(--bs-danger-rgb), 1); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: rgba(var(--bs-danger-rgb), .9); --bs-btn-hover-border-color: rgba(var(--bs-danger-rgb), .9); --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb); --bs-btn-active-color: #fff; --bs-btn-active-bg: rgba(var(--bs-danger-rgb), .8); --bs-btn-active-border-color: rgba(var(--bs-danger-rgb), .8); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: rgba(var(--bs-danger-rgb), 1);; --bs-btn-disabled-border-color: rgba(var(--bs-danger-rgb), 1);; } .btn-warning { --bs-btn-color: #fff; --bs-btn-bg: rgba(var(--bs-warning-rgb), 1); --bs-btn-border-color: rgba(var(--bs-warning-rgb), 1); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: rgba(var(--bs-warning-rgb), .9); --bs-btn-hover-border-color: rgba(var(--bs-warning-rgb), .9); --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb); --bs-btn-active-color: #fff; --bs-btn-active-bg: rgba(var(--bs-warning-rgb), .8); --bs-btn-active-border-color: rgba(var(--bs-warning-rgb), .8); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: rgba(var(--bs-warning-rgb), 1);; --bs-btn-disabled-border-color: rgba(var(--bs-warning-rgb), 1);; } .btn-info { --bs-btn-color: #fff; --bs-btn-bg: rgba(var(--bs-info-rgb), 1); --bs-btn-border-color: rgba(var(--bs-info-rgb), 1); --bs-btn-hover-color: #fff; --bs-btn-hover-bg: rgba(var(--bs-info-rgb), .9); --bs-btn-hover-border-color: rgba(var(--bs-info-rgb), .9); --bs-btn-focus-shadow-rgb: var(--bs-info-rgb); --bs-btn-active-color: #fff; --bs-btn-active-bg: rgba(var(--bs-info-rgb), .8); --bs-btn-active-border-color: rgba(var(--bs-info-rgb), .8); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: rgba(var(--bs-info-rgb), 1);; --bs-btn-disabled-border-color: rgba(var(--bs-info-rgb), 1);; } /* .btn-primary::before, .btn-secondary::before, .btn-dark::before { content: ""; position: absolute; top: 6px; left: 4px; width: 100%; height: 100%; z-index: -1; border-radius: var(--bs-border-radius); transition: all .2s ease-out; } .btn-primary:hover::before, .btn-secondary:hover::before, .btn-dark:hover::before { left: 0; top: 8px; } .btn-primary::before { background-color: var(--bs-primary-darken-10); } .btn-secondary::before { background-color: var(--bs-secondary-darken-10); } .btn-dark::before { background-color: var(--bs-dark-darken-10); } */ /* Badges */ .badge { --bs-badge-border-radius: var(--bs-border-radius); } /* Container */ .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x: 2rem; } /* Forms */ .form-control, .form-select { color: var(--bs-body-color); border-color: var(--bs-border-color); border-radius: var(--bs-border-radius); } .form-control:focus, .form-select:focus { color: var(--bs-body-color); border-color: rgba(var(--bs-body-color-rgb), .25); box-shadow: 0 0 0 .25rem rgba(var(--bs-body-color-rgb), .125) } .text-white .form-control:focus, .text-white .form-select:focus { box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .1) } .input-group-text { background-color: var(--bs-light-darken-5); border-radius: var(--bs-border-radius); } .input-group-sm .form-control, .input-group-lg .form-control, .input-group-sm .form-select, .input-group-lg .form-select, .input-group-sm .input-group-text, .input-group-lg .input-group-text { border-radius: var(--bs-border-radius); } .form-check-input { background-color: var(--bs-body-bg); } .form-check-input:checked { background-color: var(--bs-primary); border-color: var(--bs-primary); } .form-check-input:focus { border-color: rgba(var(--bs-primary-rgb), .5); box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), .25); } .form-switch .form-check-input:focus { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ccc'/%3e%3c/svg%3e") } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(var(--bs-primary-rgb), .25) } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(var(--bs-primary-rgb), .25) } .form-range::-webkit-slider-thumb { background-color: var(--bs-primary); } .form-range::-webkit-slider-thumb:active { background-color: rgba(var(--bs-primary-rgb), .75) } .form-range::-moz-range-thumb { background-color: var(--bs-primary); } .form-range::-moz-slider-thumb:active { background-color: rgba(var(--bs-primary-rgb), .75) } .form-range::-webkit-slider-runnable-track { background-color: var(--bs-light-darken-5); } .form-control::file-selector-button { background-color: var(--bs-light); } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: var(--bs-light); } /* Dropdowns */ .dropdown-menu { --bs-dropdown-border-color: var(--bs-border-color); --bs-dropdown-border-radius: var(--bs-border-radius); --bs-dropdown-link-color: var(--bs-body-color); --bs-dropdown-link-hover-color:var(--bs-body-color); --bs-dropdown-link-hover-bg: var(--bs-light-darken-5); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: var(--bs-primary); } .dropdown-menu.show:not([data-popper-placement]) { animation: dropdown_menu_fade_aninatiom .2s ease-out; } @keyframes dropdown_menu_fade_aninatiom { from { transform: translateY(-.375rem); } to { transform: translateY(0); } } .dropdown-item { transition: background .2s ease-out; font-size: .925rem; } /* Img thumbnail */ .img-thumbnail { background-color: var(--bs-body-bg); } /* Alerts */ .alert-primary { --bs-alert-color: var(--bs-primary); --bs-alert-bg: rgba(var(--bs-primary-rgb), .125); --bs-alert-border-color: rgba(var(--bs-primary-rgb), .25); } .alert-secondary { --bs-alert-color: var(--bs-secondary); --bs-alert-bg: rgba(var(--bs-secondary-rgb), .125); --bs-alert-border-color: rgba(var(--bs-secondary-rgb), .25); } .alert-dark { --bs-alert-color: var(--bs-dark); --bs-alert-bg: rgba(var(--bs-dark-rgb), .125); --bs-alert-border-color: rgba(var(--bs-dark-rgb), .25); } .alert-success { --bs-alert-color: var(--bs-success-darken); --bs-alert-bg: rgba(var(--bs-success-rgb), .125); --bs-alert-border-color: rgba(var(--bs-success-rgb), .25); } .alert-danger { --bs-alert-color: var(--bs-danger-darken); --bs-alert-bg: rgba(var(--bs-danger-rgb), .125); --bs-alert-border-color: rgba(var(--bs-danger-rgb), .25); } .alert-warning { --bs-alert-color: var(--bs-warning-darken); --bs-alert-bg: rgba(var(--bs-warning-rgb), .125); --bs-alert-border-color: rgba(var(--bs-warning-rgb), .25); } .alert-info { --bs-alert-color: var(--bs-info-darken); --bs-alert-bg: rgba(var(--bs-info-rgb), .125); --bs-alert-border-color: rgba(var(--bs-info-rgb), .25); } /* Nav */ .nav { --bs-nav-link-color: var(--bs-body-color); --bs-nav-link-hover-color: var(--bs-body-color); --bs-nav-link-disabled-color: var(--bs-body-color); } /* Tabs */ .nav-tabs { border-bottom-color: var(--bs-border-color); --bs-nav-tabs-link-active-color: var(--bs-primary); } .nav-pills { --bs-nav-pills-link-active-bg: var(--bs-primary); } /* Btn Close */ .btn-close:focus { box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25); } /* Offcanvas */ .offcanvas { --bs-offcanvas-bg: var(--bs-body-bg); } .offcanvas { border: none !important; box-shadow: 0 0 1.5rem rgba(0, 0, 0, .25); } .offcanvas-backdrop.show { opacity: 1; } .offcanvas.offcanvas-from-bottom { transform: translateY(100%); } .offcanvas.offcanvas-from-top { transform: translateY(-100%); } .offcanvas.show:not(.hiding), .offcanvas.showing { transform: none; } .offcanvas.rounded { margin: 0.75rem; border-radius: var(--bs-border-radius); overflow: hidden; } .offcanvas.rounded .offcanvas-header { border-top-right-radius: inherit; border-top-left-radius: inherit; } @media (max-width: 575px) { .offcanvas.offcanvas-mobile-full { width: 100%; } .offcanvas.rounded { width: calc(100% - 1.5rem) !important; } } .offcanvas.show #cart-upsell { visibility: visible !important; display: block !important; } .offcanvas #cart-upsell { visibility: hidden; display: none; } /* Modal */ .modal { --bs-modal-bg: var(--bs-body-bg); } .modal-backdrop.show { opacity: 1; } .modal-content { border-radius: var(--bs-border-radius); } /* Popovers */ .popover { --bs-popover-bg: var(--bs-body-bg); --bs-popover-border-color: var(--bs-border-color); --bs-popover-header-bg: var(--bs-light); --bs-popover-body-color: var(--bs-body-color); --bs-popover-arrow-border: var(--bs-border-color); /* --bs-popover-border-radius: var(--bs-border-radius); --bs-popover-inner-border-radius: var(--bs-border-radius); */ } .popover-body p { margin-bottom: 0; } /* Accordion */ .accordion { --bs-accordion-bg: var(--bs-body-bg); --bs-accordion-color: var(--bs-body-color); --bs-accordion-btn-color: var(--bs-body-color); --bs-accordion-btn-focus-border-color: rgba(var(--bs-primary-rgb), 0.5); --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25); --bs-accordion-active-color: var(--bs-primary); --bs-accordion-active-bg: var(--bs-light); --bs-accordion-border-radius: var(--bs-border-radius); --bs-accordion-inner-border-radius: var(--bs-border-radius); } .accordion-button:focus { border: none; box-shadow: none; } .accordion-button:focus-visible { box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .1); } /* Tables */ .table { --bs-table-striped-bg: rgba(0, 0, 0, 0.025); --bs-table-striped-color: currentColor; } .table-light { --bs-table-bg: var(--bs-light); --bs-table-color: var(--bs-body-color); --bs-table-border-color: var(--bs-border-color); } /* Pagination */ .pagination { --bs-pagination-active-bg: var(--bs-primary); --bs-pagination-active-border-color: var(--bs-primary); } /* Spinners */ .spinner-border-sm { --bs-spinner-border-width: .15em; } /* Card */ .card { --bs-card-border-radius: var(--bs-border-radius); --bs-card-inner-border-radius: var(--bs-border-radius); --bs-card-bg: var(--bs-body-bg); --bs-card-border-color: var(--bs-border-color); --bs-card-color: var(--bs-body-color); } .card-header { background-color: var(--bs-light); border-bottom-color: var(--bs-border-color); } /* Progress */ .progress { background-color: var(--bs-light-darken-5); } .progress-bar { background-color: var(--bs-primary); } /* Hr (separators */ hr, .hr { opacity: .1; } /* Text ellipsis */ .text-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Breadcrumbs */ .breadcrumb { --bs-breadcrumb-margin-bottom: 0; --bs-breadcrumb-font-size: .875rem; --bs-breadcrumb-item-active-color: rgba(var(--bs-body-color-rgb), .5); } /* Ratio */ .ratio-3x4 { --bs-aspect-ratio: calc(4 / 3 * 100%); } .ratio-9x16 { --bs-aspect-ratio: calc(16 / 9 * 100%); } .ratio-9x21 { --bs-aspect-ratio: calc(21 / 9 * 100%); } .ratio-adapt > * { position: relative; } /* Recaptcha page */ .shopify-challenge__container { padding: 2rem; } /* Policy pages */ .shopify-policy__container { margin-top: 2rem !important; margin-bottom: 2rem !important; max-width: 720px !important; } /* Shopify's system errors */ .errors ul { margin-bottom: 0; } /* Rich Text Editor (rte) */ .rte img { max-width: 100%; height: auto; } .rte p:last-child { margin-bottom: 0; } .text-white .rte a:not(.btn) { color: white; } /* Collapsible tables */ @media (max-width: 991px) { .table-collapsible table { border: 0; } .table-collapsible table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .table-collapsible table tr { display: block; padding: .5rem 0; border: none; border-bottom: 1px solid var(--bs-dark); } .table-collapsible table tr:first-child { border-top: 1px solid var(--bs-dark); } .table-collapsible table td { display: flex; align-items: center; justify-content: space-between; font-size: .95rem; padding: .5rem 0; border: none; border-bottom: 1px solid rgba(0, 0, 0, .1); } .table-collapsible table td::before { content: attr(data-label); font-weight: bold; padding-right: 1rem; } .table-collapsible table td:last-child { border-bottom: 0; } } /* List Groups */ .list-group { --bs-list-group-action-hover-color: var(--bs-body-color); --bs-list-group-action-hover-bg: var(--bs-light-darken-5); --bs-list-group-active-bg: var(--bs-primary); --bs-list-group-active-border-color: var(--bs-primary); } .list-group-item-action { transition: all .2s ease-out; } /* Lumnira Silver Aesthetic Applied: May 28, 2026 */ .navbar-brand, .footer h2, .footer h3, .promo-about .title, .science-hero .title, .richtext h2, .marquee p { color: #C0C0C0 !important; text-shadow: 0.5px 0.5px 1px rgba(0,0,0,0.5); } .btn-primary { border: 1.5px solid #C0C0C0 !important; color: #C0C0C0 !important; background-color: #0F1B3D !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .btn-primary:hover { background-color: #C0C0C0 !important; color: #0F1B3D !important; border-color: #C0C0C0 !important; box-shadow: 0 0 10px rgba(192, 192, 192, 0.4); } .announcement-bar { border-bottom: 1px solid rgba(192, 192, 192, 0.3); } .comparison-table .compliance-text { color: #C0C0C0; font-style: italic; font-size: 0.85rem; } /* LUMNIRA SILVER OVERRIDES - V3 */ :root { --bs-secondary: #C0C0C0 !important; --bs-secondary-rgb: 192, 192, 192 !important; } /* Force Silver on Headers */ h1, h2, h3, .h1, .h2, .h3, .navbar-brand, .footer h2, .footer h3, .richtext h2, .promo-about .title { color: #C0C0C0 !important; } /* Metallic Button Style */ .btn-primary, .btn-outline-primary { border-color: #C0C0C0 !important; color: #C0C0C0 !important; background-color: transparent !important; text-transform: uppercase !important; letter-spacing: 0.1rem !important; } .btn-primary:hover { background-color: #C0C0C0 !important; color: #0F1B3D !important; } /* Marquee & Navbar Link Overrides */ .navbar-nav .nav-link, .marquee p, .announcement-bar p { color: #C0C0C0 !important; } /* Card Titles */ .card-title, .product-item__title { color: #C0C0C0 !important; } /* LUMNIRA SITE-WIDE SILVER - V4 */ .bg-silver-custom { background-color: #C0C0C0 !important; color: #0F1B3D !important; } /* Force Silver on ALL sections site-wide */ body, .page-content, .shopify-section { --bs-secondary: #C0C0C0; --bs-secondary-rgb: 192, 192, 192; } /* Ensure Logo and Nav are Silver even on Homepage White Header */ .navbar-brand, .nav-link, .header__menu-item span { color: #C0C0C0 !important; } /* Homepage Hero & Specific Sections */ h1, h2, h3, .h1, .h2, .h3, .advanced-image-with-text h2, .richtext h2 { color: #C0C0C0 !important; } .btn-primary { border: 2px solid #C0C0C0 !important; color: #C0C0C0 !important; } .btn-primary:hover { background-color: #C0C0C0 !important; color: #0F1B3D !important; } /* Fix for Homepage Header Logo */ .header__heading-logo { filter: drop-shadow(0 0 1px #C0C0C0); } /* LUMNIRA FINAL POLISH - NAVY BACKGROUND ENFORCEMENT */ body, #MainContent, .shopify-section, .page-container, .bg-light, .bg-body { background-color: #0F1B3D !important; color: #FFFFFF !important; } /* Ensure all rich text is readable */ .rte p, .rte h1, .rte h2, .rte h3, .rte ul, .rte ol { color: #FFFFFF !important; } /* Hide any remaining theme footer credits via CSS just in case */ .footer__copyright.caption, .powered_by_link { display: none !important; } /* LUMNIRA BIO-EMBER CTA - V5 */ .btn-primary, .shopify-payment-button__button { background-color: #D4AF37 !important; color: #FFFFFF !important; border: 1.5px solid #C0C0C0 !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.05rem !important; transition: all 0.3s ease-in-out !important; } .btn-primary:hover, .shopify-payment-button__button:hover { background-color: #C75A3D !important; box-shadow: 0 0 15px rgba(212, 93, 57, 0.4) !important; transform: translateY(-1px) !important; } /* Secondary/Outline Buttons stay Silver for hierarchy */ .btn-outline-primary { border-color: #C0C0C0 !important; color: #C0C0C0 !important; background-color: transparent !important; } .btn-outline-primary:hover { background-color: #C0C0C0 !important; color: #0F1B3D !important; } /* LUMNIRA FLOATING ANIMATION Re-implemented from legacy theme for editorial movement */ @keyframes lumnira-float { 0%, 100% { transform: translateY(0) rotateY(-2deg) rotateX(1deg); } 50% { transform: translateY(-12px) rotateY(2deg) rotateX(-1deg); } } /* Homepage Hero Image */ .advanced-image-with-text-img { animation: lumnira-float 7s ease-in-out infinite !important; will-change: transform; filter: drop-shadow(0 20px 30px rgba(0,0,0,0.3)); } /* Product Gallery Main Image */ .product-gallery__img, .product-main-image img, .product__media img { animation: lumnira-float 8s ease-in-out infinite !important; will-change: transform; filter: drop-shadow(0 15px 25px rgba(0,0,0,0.2)); } /* LUMNIRA EDITORIAL SHARPNESS Adding optical sizing and letter spacing for the Fraunces/Inter pair */ h1, h2, h3, h4, .h1, .h2, .h3, .h4 { font-variation-settings: "opsz" 144 !important; letter-spacing: -0.02em !important; line-height: 1.1 !important; } .advanced-image-with-text-img { max-width: none; } /* LUMNIRA 50+ CLARITY & LEGIBILITY PATCH */ body { font-size: 18px !important; line-height: 1.65 !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { letter-spacing: -0.01em !important; /* Lora needs slightly less tightening than Fraunces */ line-height: 1.25 !important; } /* Ensure mobile remains readable but fits on screen */ @media (max-width: 767px) { body { font-size: 17px !important; line-height: 1.6 !important; } } /* Contrast enhancement for Navy background */ .text-white, .text-light, [class*="text-white"], [class*="text-light"] { text-shadow: 0 1px 2px rgba(0,0,0,0.1); /* Subtle depth to help white text 'pop' */ }
/* SOURCE: assets/carousel.css */
/* Carosuel */ .carousel-controls-arrows .carousel-control-prev-icon { transition: all 0.2s ease-out; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffff' class='bi bi-arrow-left' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z'/%3E%3C/svg%3E"); } .carousel-controls-arrows button:hover .carousel-control-prev-icon { transform: translateX(-2px); } .carousel-controls-arrows .carousel-control-next-icon { transition: all 0.2s ease-out; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffff' class='bi bi-arrow-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z'/%3E%3C/svg%3E"); } .carousel-controls-arrows button:hover .carousel-control-next-icon { transform: translateX(2px); } .carousel-indicators-circles .carousel-indicators [data-bs-target] { width: 8px; height: 8px; border-radius: 50%; transition: all 0.2s ease-out; } .carousel-indicators-circles .carousel-indicators [data-bs-target].active { transform: scale(1.4); } .carousel-ken-burns .carousel-item { overflow: hidden; } .carousel-ken-burns .carousel-item.active img, .carousel-ken-burns .carousel-item.active video { animation: carousel_ken_burns 1s ease-out both; } @keyframes carousel_ken_burns { to { transform: scale(1.2); } } .carousel .carousel-item-link { display: block; color: inherit; text-decoration: none; position: relative; z-index: 1; } .carousel-item-blur { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .carousel-item-img, .carousel-item-video { width: 100%; object-fit: cover; display: flex; } .carousel-caption .subtitle { text-transform: uppercase; letter-spacing: 0.1rem; } .carousel-caption .btn { flex-shrink: 0; } @media (max-width: 991px) { .carousel-caption-mobile-top { top: 1rem; bottom: auto; } .carousel-caption-mobile-center { top: 0; bottom: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; } .carousel-caption-mobile-bottom { bottom: 2rem; } } @media (min-width: 992px) { .carousel-caption-desktop-top-left { top: 1rem; left: 10%; right: auto; text-align: left; } .carousel-caption-desktop-top-center { top: 1rem; left: 50%; right: auto; transform: translateX(-50%); text-align: center; } .carousel-caption-desktop-top-right { top: 1rem; right: 10%; left: auto; text-align: right; } .carousel-caption-desktop-left { top: 0; bottom: 0; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; text-align: left; } .carousel-caption-desktop-center { top: 0; bottom: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; } .carousel-caption-desktop-right { top: 0; bottom: 0; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; text-align: right; } .carousel-caption-desktop-bottom-left { bottom: 1rem; left: 10%; right: auto; text-align: left; } .carousel-caption-desktop-bottom-center { bottom: 1rem; left: 50%; right: auto; transform: translateX(-50%); text-align: center; } .carousel-caption-desktop-bottom-right { bottom: 1rem; right: 10%; left: auto; text-align: right; } }
/* SOURCE: assets/cart.css */
/* © 2023 EcomGraduates.com https://www.ecomgraduates.com Lumnira brand cart overrides */ /* Lumnira brand tokens */ .lumnira-cart { --lnr-navy: #0F1B3D; --lnr-navy-2: #0c1730; --lnr-gold: #D4AF37; --lnr-gold-2: #c8a24b; --lnr-gold-soft: #e8dcc0; --lnr-ember: #c75a3d; --lnr-ember-hover: #a84a30; --lnr-cream: #0E1A3C; --lnr-bone: #ede8df; --lnr-mist: #6b7694; --lnr-white: #ffffff; --lnr-line: rgba(15, 27, 61, 0.12); --lnr-serif: 'Fraunces', 'Times New Roman', Georgia, serif; --lnr-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif; --lnr-radius: 12px; --lnr-radius-lg: 18px; } /* Cart icon (badge) */ .cart-icon { position: relative; } .cart-icon .badge { position: absolute; top: 2px; right: 0; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; border-radius: 50% !important; } /* Cart page */ #cart { transition: all .2s ease-out; } #cart.loading { opacity: .25; } /* ────────────── LUMNIRA HERO ────────────── */ .lumnira-cart__hero { position: relative; overflow: hidden; isolation: isolate; padding: 48px 0 32px; text-align: center; } .lumnira-cart__hero-glow { position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(ellipse 80% 60% at 50% 20%, rgba(199, 90, 61, 0.18), transparent 70%), radial-gradient(ellipse 60% 50% at 80% 80%, rgba(212, 175, 55, 0.08), transparent 60%); } .lumnira-cart__hero-inner { max-width: 640px; margin: 0 auto; } .lumnira-cart__hero-eyebrow { display: inline-block; font-family: var(--lnr-sans); font-size: 0.8rem; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; color: var(--lnr-mist); margin-bottom: 12px; } .lumnira-cart__hero-title { font-family: var(--lnr-serif); font-weight: 600; font-size: clamp(2rem, 5vw, 3.2rem); line-height: 1.02; letter-spacing: -0.025em; color: var(--lnr-navy); margin: 0 0 12px; } .lumnira-cart__hero-lede { font-family: var(--lnr-sans); font-size: 1.1rem; color: var(--lnr-mist); margin: 0 0 20px; line-height: 1.5; } .lumnira-cart__hero-link { display: inline-flex; align-items: center; gap: 6px; font-family: var(--lnr-sans); font-size: 0.9rem; color: var(--lnr-navy); text-decoration: none; opacity: 0.7; transition: opacity 0.2s ease; } .lumnira-cart__hero-link:hover { opacity: 1; color: var(--lnr-ember); } .lumnira-cart__empty-text { color: var(--lnr-mist); } .lumnira-cart__continue-btn { display: inline-flex; align-items: center; gap: 6px; padding: 12px 28px; border-radius: var(--lnr-radius); background: var(--lnr-ember); color: var(--lnr-white); font-family: var(--lnr-sans); font-weight: 600; font-size: 0.95rem; text-decoration: none; transition: background 0.2s ease, transform 0.2s ease; } .lumnira-cart__continue-btn:hover { background: var(--lnr-ember-hover); color: var(--lnr-white); transform: translateY(-1px); } /* ────────────── TRUST BAR ────────────── */ .lumnira-cart__trust-bar { display: flex; justify-content: center; gap: 24px; padding: 16px 0 32px; flex-wrap: wrap; } .lumnira-cart__trust-item { display: inline-flex; align-items: center; gap: 6px; font-family: var(--lnr-sans); font-size: 0.82rem; color: var(--lnr-mist); letter-spacing: 0.02em; } .lumnira-cart__trust-item svg { color: var(--lnr-gold); flex-shrink: 0; } /* ────────────── PRODUCT LIST ────────────── */ .lumnira-cart .product-list { margin: 0; } .lumnira-cart .product-item { border-bottom-color: var(--lnr-line) !important; } .lumnira-cart .product-item-title a { font-family: var(--lnr-serif); font-weight: 600; color: var(--lnr-navy); text-decoration: none; transition: color 0.2s ease; } .lumnira-cart .product-item-title a:hover { color: var(--lnr-ember); } .lumnira-cart .product-item-price-final { font-family: var(--lnr-serif); font-weight: 600; font-size: 1.15rem; color: var(--lnr-navy); } .lumnira-cart .product-item-price-compare s { color: var(--lnr-mist); } .lumnira-cart .text-muted { color: var(--lnr-mist) !important; } .lumnira-cart .quantity-wrapper { display: flex; align-items: center; border: 1px solid var(--lnr-line); border-radius: var(--lnr-radius); overflow: hidden; } .lumnira-cart .quantity-wrapper .btn { border: 0; background: transparent; padding: 8px 12px; color: var(--lnr-navy); transition: background 0.5s ease; display: flex; align-items: center; } .lumnira-cart .quantity-wrapper .btn:hover { background: var(--lnr-cream); } .lumnira-cart .quantity-wrapper .form-control { border: 0; border-left: 1px solid var(--lnr-line); border-right: 1px solid var(--lnr-line); border-radius: 0; text-align: center; width: 48px; padding: 8px 4px; font-family: var(--lnr-sans); font-weight: 500; font-size: 0.95rem; background: transparent; color: var(--lnr-navy); } .lumnira-cart .btn[data-remove-line-item] { display: flex; align-items: center; color: var(--lnr-mist); opacity: 0.6; border: none; padding: 8px; transition: opacity 0.5s ease, color 0.5s ease; } .lumnira-cart .btn[data-remove-line-item]:hover, .lumnira-cart .btn[data-remove-line-item]:focus { opacity: 1; color: var(--lnr-ember); } /* ────────────── SUMMARY CARD ────────────── */ .lumnira-cart__card { background: var(--lnr-white); border-radius: var(--lnr-radius-lg); box-shadow: 0 0 0 1px var(--lnr-line), 0 8px 24px -12px rgba(15, 27, 61, 0.12); overflow: hidden; } .lumnira-cart__card-header { display: flex; align-items: center; gap: 10px; padding: 20px 24px; font-family: var(--lnr-serif); font-weight: 600; font-size: 1.2rem; color: var(--lnr-navy); border-bottom: 1px solid var(--lnr-line); background: var(--lnr-cream); } .lumnira-cart__card-header svg { color: var(--lnr-gold); flex-shrink: 0; } .lumnira-cart__card-body { padding: 20px 24px 24px; } /* ────────────── DIVIDER ────────────── */ .lumnira-cart__divider { height: 1px; background: var(--lnr-line); margin: 16px 0; } /* ────────────── SUBTOTAL ────────────── */ .lumnira-cart__subtotal { display: flex; justify-content: space-between; align-items: center; margin: 0 0 20px; font-family: var(--lnr-sans); font-size: 1rem; color: var(--lnr-mist); } .lumnira-cart__subtotal-amount { font-family: var(--lnr-serif); font-weight: 600; font-size: 1.35rem; color: var(--lnr-navy); } .lumnira-cart__price-strikethrough { color: var(--lnr-mist); opacity: 0.6; margin-right: 8px; font-weight: 400; } /* ────────────── CHECKOUT BUTTON ────────────── */ .lumnira-cart__checkout-btn { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; padding: 16px 24px; border: 0; border-radius: var(--lnr-radius); background: var(--lnr-ember); color: var(--lnr-white); font-family: var(--lnr-sans); font-weight: 700; font-size: 1.05rem; letter-spacing: 0.03em; text-transform: uppercase; cursor: pointer; transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 6px 18px rgba(199, 90, 61, 0.3); } .lumnira-cart__checkout-btn:hover { background: var(--lnr-ember-hover); transform: translateY(-1px); box-shadow: 0 8px 22px rgba(199, 90, 61, 0.4); } .lumnira-cart__checkout-btn:active { transform: translateY(0); } .lumnira-cart__checkout-btn svg { flex-shrink: 0; } /* ────────────── GUARANTEE ────────────── */ .lumnira-cart__guarantee { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 14px; font-family: var(--lnr-sans); font-size: 0.82rem; color: var(--lnr-mist); } .lumnira-cart__guarantee svg { color: var(--lnr-gold); flex-shrink: 0; } /* ────────────── FOOTNOTE ────────────── */ .lumnira-cart__footnote { margin: 16px 0 0; text-align: center; font-family: var(--lnr-sans); font-size: 0.8rem; color: var(--lnr-mist); font-style: italic; } /* ────────────── PAYMENT ICONS ────────────── */ .lumnira-cart__payment-icons { margin-top: 20px; padding-top: 20px; text-align: center; } .lumnira-cart__payment-label { display: block; font-family: var(--lnr-sans); font-size: 0.8rem; color: var(--lnr-mist); margin-bottom: 10px; letter-spacing: 0.04em; } .lumnira-cart__payment-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; } .lumnira-cart__payment-list span { display: inline-flex; align-items: center; justify-content: center; padding: 6px 14px; border-radius: 6px; background: var(--lnr-cream); font-family: var(--lnr-sans); font-size: 0.78rem; font-weight: 600; color: var(--lnr-navy); letter-spacing: 0.02em; box-shadow: inset 0 0 0 1px var(--lnr-line); } /* ────────────── SNIPPET OVERRIDES ────────────── */ /* Cart testimonial */ .lumnira-cart #cart-testimonial { background: var(--lnr-cream) !important; border-radius: var(--lnr-radius) !important; padding: 14px 16px !important; } .lumnira-cart #cart-testimonial .rte { color: var(--lnr-mist); font-family: var(--lnr-sans); font-size: 0.85rem; } .lumnira-cart #cart-testimonial .rte strong { color: var(--lnr-ember); } /* Cart upsell */ .lumnira-cart #cart-upsell-title { font-family: var(--lnr-serif); font-weight: 600; color: var(--lnr-navy); border-bottom-color: var(--lnr-line); } .lumnira-cart #cart-upsell .product-item-title { font-family: var(--lnr-serif); font-weight: 500; } .lumnira-cart #cart-upsell .product-item-price-final { font-family: var(--lnr-serif); font-weight: 600; } /* Discount */ .lumnira-cart #cart-discount .btn-light { background: var(--lnr-cream); border: 1px solid var(--lnr-line); color: var(--lnr-navy); font-family: var(--lnr-sans); font-size: 0.85rem; border-radius: var(--lnr-radius); transition: background 0.5s ease; } .lumnira-cart #cart-discount .btn-light:hover { background: var(--lnr-bone); } /* Note, shipping rates, delivery calendar */ .lumnira-cart #cart-note .btn-light, .lumnira-cart #cart-shipping-rates .btn-light, .lumnira-cart #cart-delivery-calendar .btn-light { background: var(--lnr-cream); border: 1px solid var(--lnr-line); color: var(--lnr-navy); font-family: var(--lnr-sans); font-size: 0.85rem; border-radius: var(--lnr-radius); transition: background 0.5s ease; } .lumnira-cart #cart-note .btn-light:hover, .lumnira-cart #cart-shipping-rates .btn-light:hover, .lumnira-cart #cart-delivery-calendar .btn-light:hover { background: var(--lnr-bone); } /* Terms checkbox */ .lumnira-cart #cart-terms-checkbox { border-color: var(--lnr-line); } .lumnira-cart #cart-terms-checkbox:checked { background-color: var(--lnr-ember); border-color: var(--lnr-ember); } /* Secondary buttons */ .lumnira-cart .btn-secondary { background: var(--lnr-gold); border-color: var(--lnr-gold-2); color: var(--lnr-navy); font-family: var(--lnr-sans); font-weight: 600; border-radius: var(--lnr-radius); transition: opacity 0.2s ease; } .lumnira-cart .btn-secondary:hover { opacity: 0.9; background: var(--lnr-gold-2); } /* ────────────── RESPONSIVE ────────────── */ @media (max-width: 991px) { .lumnira-cart__trust-bar { gap: 16px; padding: 12px 0 24px; flex-direction: column; align-items: center; } .lumnira-cart__payment-icons { margin-top: 16px; padding-top: 16px; } } /* Offcanvas cart */ #offcanvas-cart .offcanvas-body { transition: all .2s ease-out; } #offcanvas-cart.loading .offcanvas-body { opacity: .25; } #offcanvas-cart .product-item-price { flex-shrink: 0; line-height: 1.2; } #offcanvas-cart .quantity-wrapper { max-width: 100px; } #offcanvas-cart .quantity-wrapper .form-control { padding-top: .25rem; padding-bottom: .25rem; } #offcanvas-cart .btn[data-remove-line-item] { display: flex; color: var(--bs-body-color); opacity: .75; border: none; } #offcanvas-cart .btn[data-remove-line-item]:hover, #offcanvas-cart .btn[data-remove-line-item]:focus { opacity: 1; } #offcanvas-cart .btn[data-remove-line-item]:focus-visible { box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb),.25); } #offcanvas-cart .payment-icons svg { width: auto; max-height: 20px; } #offcanvas-cart-empty { display: flex; justify-content: center; flex-direction: column; align-items: center; height: 100%; } #offcanvas-cart-empty svg { animation: offcanvas-cart-empty-svg-animation 1s linear infinite alternate; } @keyframes offcanvas-cart-empty-svg-animation { from { transform: translateX(-.5rem); } to { transform: translateX(.5rem); } } #offcanvas-cart-deskop-upsells { position: fixed; top: 0; right: 415px; width: 380px; height: calc(100% - 1.5rem); z-index: 1045; background-color: var(--bs-body-bg); visibility: hidden; opacity: 0; border-radius: var(--bs-border-radius); margin: .75rem; padding: 1rem; transition: all .2s ease-out; overflow: auto; } #offcanvas-cart-deskop-upsells::-webkit-scrollbar { display: none; } #offcanvas-cart.show + #offcanvas-cart-deskop-upsells { visibility: visible; opacity: 1; } #offcanvas-cart.hiding + #offcanvas-cart-deskop-upsells { visibility: hidden; opacity: 0; } @media (max-width: 991px) { #offcanvas-cart-deskop-upsells { display: none !important; } } @media (min-width: 992px) { #offcanvas-cart #cart-upsell[data-layout="vertical"] { display: none !important; } } /* Cart goal */ .cart-goal {} .cart-goal .progress { position: relative; overflow: visible; } .cart-goal .progress-bar { border-radius: var(--bs-border-radius); } .cart-goal-icons { position: absolute; left: 0; top: 50%; transform: translateY(-46%); width: 100%; height: 1.75rem; border-radius: 50%; display: flex; padding: 0; margin: 0; list-style: none; } .cart-goal-icons li { width: 100%; display: flex; justify-content: end; } .cart-goal-icons li div { width: 1.75rem; height: 1.75rem; transform: translateX(40%); border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: var(--bs-light-darken-5); } .cart-goal-icons li:last-child div { transform: translateX(30%); } .cart-goal-icons li.active div { color: currentColor; background-color: currentColor; } .cart-goal-icons li.active div svg { color: var(--bs-white); } /* Cart upsell */ #cart-upsell { } #cart-upsell-title { border-bottom: 1px solid var(--bs-border-color); padding-bottom: .5rem; } .cart-upsell-list-horizontal { display: flex; flex-wrap: nowrap; overflow: auto; padding: 0 .5rem 1rem; margin: 0 -1rem .75rem; } .cart-upsell-list-horizontal .product-item { width: 42%; flex-shrink: 0; } .cart-upsell-list-horizontal .product-item .spr-badge-starrating { margin: 0; } .cart-upsell-list-horizontal .product-item .spr-badge-caption { display: block; line-height: 1; } .cart-upsell-list-vertical .product-item .spr-badge { margin-bottom: .25rem; } .cart-upsell-list-vertical .product-item form { display: flex; align-items: center; } .cart-upsell-list-vertical .product-item form .form-select { margin-bottom: 0 !important; margin-right: .5rem;; } /* Route protection app https://dashboard.route.com/ */ body .pw-route-protection { padding: 0; } body .pw-route-protection .pw-container:not(.legacy) .pw-row-2 .pw-price { font-size: 14px; line-height: normal; color: var(--bs-body-color); } body .pw-route-protection .pw-container:not(.legacy) .pw-row-3 .capsule { padding: 2px 6px; background-color: var(--bs-light); } body .pw-route-protection .pw-container:not(.legacy) .pw-row-1 .pw-toggle-wrapper .pw-switch { background-color: rgba(var(--bs-dark-rgb), .5); } body .pw-route-protection .pw-container:not(.legacy) .pw-row-1 .pw-toggle-wrapper .pw-switch[data-toggle=true] { background-color: var(--bs-dark); } body .pw-route-protection .pw-container:not(.legacy) .pw-row-1 .left .pw-title { color: var(--bs-body-color); } body .pw-route-protection .pw-container:not(.legacy) .pw-row-2 .pw-subtitle-text { color: var(--bs-body-color); opacity: .75; } /* Cart testimonial */ #cart-testimonial { position: relative; padding: .5rem; line-height: normal; } #cart-testimonial.has-testimonial-img { margin-left: .75rem; padding-left: 2rem; } #cart-testimonial img { position: absolute; top: 50%; left: 0%; transform: translate(-25%, -50%); } /* Shipping protect */ #cart-shipping-protection { padding: 1rem 1rem .75rem; border-radius: var(--bs-border-radius); } #cart-shipping-protection.text-white .form-check-input:checked { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23000'/%3e%3c/svg%3e"); background-color: var(--bs-white); border-color: var(--bs-white); } #cart-shipping-protection-features { background-color: rgba(255, 255, 255, .1); border-radius: var(--bs-border-radius); } #cart-shipping-protection-features ul { list-style: none; display: flex; justify-content: space-evenly; padding: .5rem; margin: .75rem 0 0; line-height: 1.1; font-size: .825rem; text-align: center; } #cart-shipping-protection-features ul li { padding: .25rem; } /* Delivery calendar */ #cart-delivery-calendar .air-datepicker { width: 100%; }
/* SOURCE: assets/collection-bundle.css */
/* © 2023 EcomGraduates.com https://www.ecomgraduates.com */ /* Bundle card */ #bundle-card { text-align: left; transition: all .2s linear; } /* Bundle progress */ .bundle-progress { height: .5rem; } ul.bundle-progress-tiers { display: flex; justify-content: flex-end; position: relative; margin: -0.25rem 0 0; font-size: .825rem; padding: 0; font-weight: 500; } ul.bundle-progress-tiers li { position: absolute; transform: translateX(-50%); text-align: center; line-height: 1.1; padding-bottom: .15rem; } ul.bundle-progress-tiers li::after { content: ""; position: absolute; bottom: -.5rem; left: 50%; width: 1px; height: .5rem; background-color: var(--bs-dark); } ul.bundle-progress-tiers li:last-child { position: relative; transform: translateX(25%); left: auto!important; } /* Bundle contents modal */ #bundle-contents-modal .quantity-wrapper { max-width: 100px; } #bundle-contents-modal .quantity-wrapper .form-control { padding-top: 0.25rem; padding-bottom: 0.25rem; } #bundle-contents-modal .btn-remove { display: flex; color: var(--bs-body-color); opacity: .75; transition: all .2s ease-out; border: none; } #bundle-contents-modal .btn-remove:hover, #bundle-contents-modal .btn-remove:focus { opacity: 1; } #bundle-contents-modal .btn-remove:focus-visible { box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb),.25); } /* Bundle product modal (Quick View) */ .bundle-product-modal .btn-close { position: absolute; right: 0; top: 0; } /* Bundle Card Sticky Mobile */ #bundle-card-sticky-mobile { transform: translateY(100%); transition: all .2s ease-out; box-shadow: 0 -.125rem .25rem rgba(0, 0, 0, .075); } #bundle-card-sticky-mobile.show { z-index: 1019; transform: translateY(0); }
/* SOURCE: assets/collection.css */
/* © 2023 EcomGraduates.com https://www.ecomgraduates.com */ /* Collection header */ .collection-header { } .collection-header .description { max-width: 720px; } .text-center .collection-header .description { margin-left: auto; margin-right: auto; } .collection-header-img { position: relative; background-color: var(--bs-dark); color: white; } .collection-header-img .container { position: relative; } .collection-header-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .collection-header-img-blur { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } /* Collection Utilities */ #collection-utilities { } #collection-utilities.sticky-top { width: 100%; background-color: var(--bs-light); border-bottom: 1px solid var(--bs-border-color); z-index: 1019; transition: all .2s ease-out; transform: translateY(-100%); } #collection-utilities.sticky-top.show { transform: translateY(0); } #collection-utilities-inner { } @media (max-width: 575px) { #collection-utilities .btn-filters { justify-content: center; width: 100%; margin-bottom: .75rem; } #collection-utilities.sticky-top #collection-utilities-inner { display: flex; justify-content: space-between; padding: .75rem 0 !important; } #collection-utilities.sticky-top .btn-filters { width: auto; margin-bottom: 0; } #collection-utilities.sticky-top .btn-filters span { display: none; } #collection-utilities.sticky-top #sort-by-wrapper { max-width: 240px; } } @media (min-width: 576px) { #collection-utilities-inner { display: flex; justify-content: space-between; } #collection-utilities #sort-by-wrapper { max-width: 300px; } } /* Scroll Top button */ #btn-collection-scroll-top { position: fixed; bottom: 1rem; right: 1rem; z-index: 9; opacity: 0; display: flex; padding: 0.375rem 0.05rem; transform: translateY(100%); transition: all .2s ease-out; } #btn-collection-scroll-top.btn-show { opacity: 1; transform: translateY(0); } @media (max-width: 575px) { #btn-collection-scroll-top { left: 50%; right: auto; transform: translateX(-50%) translateY(100%); padding: .25rem .5rem; } #btn-collection-scroll-top.btn-show { transform: translateX(-50%) translateY(0); } #btn-collection-scroll-top svg { width: 20px; height: 20px; } } /* Collection Filters */ #offcanvas-filters { width: 300px; } .collection-filters-form .nav-link { color:var(--bs-body-color); border-bottom: 1px solid var(--bs-border-color); padding: 0.75rem 2rem .75rem 0; font-weight: 500; position: relative; } .collection-filters-form .nav-link[aria-expanded]::after { content: ""; position: absolute; right: .125rem; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-body-color%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-size: cover; transition: all .2s ease-out; } .collection-filters-form .nav-link[aria-expanded="true"]::after { transform: translateY(-50%) rotate(-180deg); } .collection-filters-form .form-check { display: flex; align-items: center; } .collection-filters-form .form-check-label { display: flex; align-items: center; } .collection-filters-form ul.size-buttons { } .collection-filters-form ul.size-buttons input + label { border: 1px solid var(--bs-body-color); padding: .25rem .75rem; width: 100%; justify-content: center; cursor: pointer; transition: all .2s ease-out; } .collection-filters-form ul.size-buttons input + label:hover { background-color: rgba(0, 0, 0, .1); } .collection-filters-form ul.size-buttons input:focus-visible + label { box-shadow: 0 0 0 0.125rem rgba(var(--bs-body-color-rgb), .5) } .collection-filters-form ul.size-buttons input:checked + label { background-color: var(--bs-body-color); color: var(--bs-body-bg); } .collection .collection-filters-form { position: sticky; top: 0; height: 80vh; overflow: auto; } /* Product list */ .product-list { transition: all .2s ease-out; } .product-item { scroll-margin-top: 4rem; } .product-item-inner { display: flex; flex-direction: column; height: 100%; } .product-item-inner-top { flex-grow: 1; } .product-item .img-wrapper { overflow: hidden; } .product-item .img-badge-sale { position: absolute; top: .75rem; right: .75rem; z-index: 1; transform: translateX(36%) translateY(25%) rotate(45deg); border-radius: 0; padding: .25rem 2rem; box-shadow: 0 0 .5rem rgba(0, 0, 0, .2); } .product-item .img-badge-sold-out { position: absolute; top: .75rem; right: .75rem; z-index: 1; } .product-item .img-badge-custom { position: absolute; top: .75rem; left: .75rem; z-index: 1; } .product-item img.img-badge-custom { background: none !important; } .product-item .carousel-controls { position: absolute; bottom: .75rem; left: 50%; transform: translateX(-50%); display: flex; } .product-item .carousel-controls .carousel-control { position: relative; opacity: 1; padding: .25rem; width: auto; height: auto; } .product-item .carousel-controls .carousel-control-icon { background-color: rgba(var(--bs-dark-rgb), .25); border-radius: .25rem; transition: all .2s ease-out; background-size: 70%; width: 24px; height: 24px; } .product-item .carousel-controls .carousel-control:hover .carousel-control-icon, .product-item .carousel-controls .carousel-control:focus .carousel-control-icon { background-color: rgba(var(--bs-dark-rgb), .5); } .product-item a { text-decoration: none; } .product-item-title { } .product-item-price-compare + .product-item-price-final { color: var(--bs-success); } .product-item-img { width: 100%; transition: all .2s ease-out; } .product-item-img:hover { opacity: .75; } .product-item .img-thumbnail { transition: all .2s ease-out; } .product-item a:hover .img-thumbnail { border-color: rgba(0, 0, 0, .25); } .product-item-img-main { transition: opacity .2s ease-out; opacity: 1; } .product-item-img-hover { visibility: hidden; opacity: 0; position: absolute; top: 0; left: 0; transition: all .2s ease-out; } a:hover .product-item-img-main { opacity: 0; } a:hover .product-item-img-hover { visibility: visible; opacity: 1; } .product-item-form.loading .btn-atc { } .product-item-form.loading .btn-atc:after { display: none; } .product-item-form .dropdown-menu { max-height: 300px; overflow: auto; } .text-start .product-item-form .btn { text-align: left; } .text-end .product-item-form .btn { text-align: right; } .product-item-form .dropdown-item:active small { color: white !important; } .product-item .color-swatches { display: inline-flex; justify-content: center; align-items: center; flex-wrap: wrap; } .product-item .color-swatches button { padding: 0; display: flex; border: none; } .product-item .color-swatches button:focus-visible { box-shadow: 0 0 0 .25rem rgba(var(--bs-body-color-rgb), .125) } .product-item .color-swatches button img { border-radius: 50%; border: 1px solid var(--bs-border-color); padding: .125rem; transition: all .2s ease-out; } .product-item .color-swatches a:hover img { opacity: .75; } .product-item .color-swatches .btn-view-more { line-height: normal; font-size: .874rem; display: flex; align-items: center; justify-content: center; opacity: .75; padding: 0.25rem 0.05rem; transition: all .2s ease-out; } .product-item .color-swatches .btn-view-more:hover, .product-item .color-swatches .btn-view-more:focus { opacity: 1; } .product-item .color-swatches-new button { border: 1px solid var(--bs-border-color); padding: .125rem; } .product-item .color-swatches-new button span { width: 22px; height: 22px; border-radius: 50%; display: block; } .product-item .color-swatches-new button span img { border: none; padding: 0; display: block; } .product-item .color-swatches-new .btn-view-more { border-color: transparent; } .product-item .btn-wishlist-add-remove { --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb); position: absolute; bottom: 0.55rem; right: 0.55rem; display: flex; justify-content: center; align-items: center; color: var(--bs-body-color); transition: all .2s ease-out; border: none; z-index: 1; padding: .75rem; background: rgba(var(--bs-body-bg-rgb), .25); } .product-item .btn-wishlist-add-remove:hover, .product-item .btn-wishlist-add-remove:focus { color: var(--bs-primary); } .product-item .btn-wishlist-add-remove.is-wishlisted { color: var(--bs-primary); } .product-item .card { height: 100%; box-shadow: 0 0.125rem 0.25rem rgba(var(--bs-dark-rgb), .075); } .product-item .card .card-body { padding-top: 0; } .product-item .card .carousel-inner { border-top-left-radius: var(--bs-border-radius); border-top-right-radius: var(--bs-border-radius); } .product-item .card .product-item-img { border-bottom-left-radius: 0!important; border-bottom-right-radius: 0 !important; border: none; padding: 0; } .product-item .card .product-item-title { padding-left: 1rem; padding-right: 1rem; } .product-item .card .btn-wishlist-add-remove { margin-bottom: -.5rem; } @media (max-width: 575px) { .product-item form .dropdown-item small { font-size: .7rem; } .collection .product-item-price { font-size: .875rem; } .product-item .color-swatches img.swatch-custom-image { width: 20px; height: 20px; } .popover-color-swatch { display: none !important; } .product-item .card .card-body { padding: 0 .75rem .75rem; } .product-item .card .product-item-title { padding-left: .75rem; padding-right: .75rem; } } /* Collection pagination */ #collection-pagination { max-width: 400px; } #collection-pagination .progress { height: 1px; } #collection-pagination .btn-load-more svg { animation: btn_load_more_svg 1s ease-out infinite; } @keyframes btn_load_more_svg { from { transform: translateY(-2px); } to { transform: translateY(2px); } } @media (max-width: 575px) { #collection-pagination { max-width: 300px; } } /* Collection banner */ .collection-banner a { text-decoration: none; color: currentColor; } .collection-banner-inner { position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; padding: 1.5rem; min-height: 200px; height: 100%; border-radius: var(--bs-border-radius); } .collection-banner-inner img, .collection-banner-inner video { position: absolute; top: 0; width: 100%; height: 100%; object-fit: cover; transition: all .2s ease-out; } a:hover .collection-banner-inner img, a:hover .collection-banner-inner video { transform: scale(1.1); } .collection-banner-inner .btn-link { color: currentColor; text-decoration: none; border-radius: 0; padding: .125rem 0; border-bottom: 1px solid currentColor; transition: all .2s ease-out; } a:hover .collection-banner-inner .btn-link { opacity: .5; } @media (max-width: 575px) { .collection-banner { width: 100%; } } /* Collections menu */ .collections_menu .nav { overflow: auto; flex-wrap: nowrap; } .collections_menu .nav-item { flex-shrink: 0; } .collections_menu .nav-link { max-width: 160px; padding: .5rem; line-height: normal; } .collections_menu img { transition: all .2s ease-out; } .collections_menu a:hover img { opacity: .85; } .collections_menu .nav-link.active { color: var(--bs-primary) !important; } @media (max-width: 575px) { .collections_menu .container { padding: 0; } .collections_menu .nav { padding-left: 0.05rem; padding-right: 0.05rem; justify-content: flex-start !important; } .collections_menu .nav-link { max-width: 40vw; } }
/* SOURCE: assets/custom.css */
/* Lumnira x AG1 Custom Overrides Purpose: Achieve high-authority, compact mobile layout and premium editorial desktop spacing. */ /* 1. Global Polish */ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* 2. Header / Navigation Slimming */ @media (max-width: 991px) { .navbar { padding-top: 8px !important; padding-bottom: 8px !important; } .navbar-brand img { max-height: 32px !important; } .nav-link-cart .cart-count-badge { font-size: 10px; height: 16px; min-width: 16px; line-height: 16px; } } /* 3. Mobile Product Page Compactness */ @media (max-width: 767px) { #template-product .product-gallery { max-width: 75% !important; margin: 0 auto 0.05rem auto !important; } #template-product .main-splide .splide__slide img { max-height: 240px !important; width: auto !important; margin: 0 auto !important; object-fit: contain !important; } #template-product .product-title { font-size: 1.5rem !important; margin-top: -0.05rem !important; margin-bottom: 0.25rem !important; line-height: 1.1 !important; text-align: center; } #template-product .product-price { font-size: 1.1rem !important; margin-bottom: 0.05rem !important; text-align: center; } #template-product .purchase-options-container { margin-top: 0 !important; padding: 10px !important; border-radius: 8px !important; } .template-product .row.gx-lg-9 { margin-top: -1rem; } .section-pt, .pt-10, .pt-12 { padding-top: 2rem !important; } .section-pb, .pb-10, .pb-12 { padding-bottom: 2rem !important; } } #template-product .main-splide .splide__slide img { max-height: 280px !important; width: auto !important; margin: 0 auto !important; object-fit: contain !important; } #template-product .product-title { font-size: 1.75rem !important; margin-top: 0 !important; margin-bottom: 0.05rem !important; line-height: 1.1 !important; } #template-product .product-price { font-size: 1.25rem !important; margin-bottom: 0.75rem !important; } #template-product .purchase-options-container { margin-top: 0.05rem !important; padding: 12px !important; border-radius: 8px !important; } .section-pt, .pt-10, .pt-12 { padding-top: 2.5rem !important; } .section-pb, .pb-10, .pb-12 { padding-bottom: 2.5rem !important; } } /* 4. Desktop Hero Fix */ @media (min-width: 992px) { .advanced-image-with-text .row { align-items: center; } .advanced-image-with-text img { max-height: 550px !important; width: auto !important; margin: 0 auto !important; } } /* 5. Footer Authority */ #footer { border-top: 1px solid rgba(15, 27, 61, 0.08); } #footer .footer-title, #footer .fs-5 { font-family: var(--font-heading-family); font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; font-size: 0.9rem !important; } #footer-about-newsletter input { background-color: transparent !important; border-color: rgba(245, 241, 232, 0.2) !important; color: #FFFFFF !important; } #footer-about-newsletter button { border-color: rgba(245, 241, 232, 0.2) !important; } .footer-copyright small { display: none !important; } /* Product Gallery Pagination Dots */ .product-gallery .splide__pagination { bottom: -20px !important; padding: 0 !important; pointer-events: auto !important; } .product-gallery .splide__pagination__page { width: 8px !important; height: 8px !important; background: rgba(15, 27, 61, 0.2) !important; border: none !important; margin: 0 4px !important; transition: all 0.2s ease !important; opacity: 1 !important; } .product-gallery .splide__pagination__page.is-active { background: var(--lumnira-navy) !important; transform: scale(1.2) !important; } @media (max-width: 767px) { .product-gallery { margin-bottom: 2.5rem !important; } } /* ========================================================================== LUMNIRA PREMIUM SUBSCRIPTION WIDGET OVERRIDES (NAVY/GOLD) ========================================================================== */ #product-purchase-options { background-color: transparent !important; padding: 0 !important; margin-top: 1rem !important; margin-bottom: 1rem !important; } #product-purchase-options .form-check { margin-bottom: 0.75rem !important; padding: 0 !important; } #product-purchase-options .form-check-label { background-color: #16254E !important; color: #FFFFFF !important; border: 1px solid rgba(212, 175, 55, 0.3) !important; border-radius: 8px !important; padding: 1rem 1rem 1rem 3.25rem !important; width: 100% !important; cursor: pointer !important; transition: all 0.25s ease-in-out !important; display: flex !important; align-items: center !important; justify-content: space-between !important; box-sizing: border-box !important; } #product-purchase-options .form-check-label:hover { background-color: #1b2a57 !important; border-color: #D4AF37 !important; color: #FFFFFF !important; } #product-purchase-options input:checked + .form-check-label { background-color: #0F1B3D !important; border: 2px solid #D4AF37 !important; color: #FFFFFF !important; box-shadow: 0 0 10px rgba(212, 175, 55, 0.25) !important; } #product-purchase-options .form-check-input { left: 1.25rem !important; border: 1px solid #D4AF37 !important; background-color: transparent !important; } #product-purchase-options .form-check-input:checked { background-color: #D4AF37 !important; border-color: #D4AF37 !important; } #product-purchase-options .form-check-label span, #product-purchase-options .form-check-label strong, #product-purchase-options .form-check-label div, #product-purchase-options .form-check-label p { color: #FFFFFF !important; font-weight: 500 !important; } #product-purchase-options .form-check-label strong, #product-purchase-options .discount-savings, #product-purchase-options .savings-badge { color: #D4AF37 !important; font-weight: 600 !important; } /* Hero Trust Badges */ .advanced-image-with-text .description.rte p:first-child strong { color: #D4AF37 !important; font-size: 1.05em !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; margin-bottom: 15px !important; display: block !important; } /* ========================================================================== LUMNIRA COMPARISON CHART GOLD HIGHLIGHTS ========================================================================== */ .comparison-table .text-primary { color: #D4AF37 !important; font-weight: 600 !important; } .comparison-table thead th.text-primary { color: #D4AF37 !important; font-weight: 700 !important; font-size: 1.15rem !important; text-transform: uppercase !important; letter-spacing: 1px !important; } .comparison-table td.text-primary svg { stroke: #D4AF37 !important; filter: drop-shadow(0 2px 5px rgba(212, 175, 55, 0.25)) !important; } @media (max-width: 767px) { .table-responsive { border: 1px solid #ede8df !important; border-radius: 12px !important; padding: 2px !important; background: #0F1B3D !important; box-shadow: 0 4px 16px rgba(15, 27, 61, 0.04) !important; margin-bottom: 24px !important; -webkit-overflow-scrolling: touch; } .table-responsive table { margin-bottom: 0 !important; } .table-responsive th, .table-responsive td { padding: 14px 10px !important; font-size: 0.78rem !important; line-height: 1.35 !important; vertical-align: middle !important; } .table-responsive th[scope="row"] { min-width: 130px !important; font-weight: 600 !important; color: #FFFFFF !important; background-color: #0F1B3D !important; border-right: 1px solid rgba(255, 255, 255, 0.3) !important; } .table-responsive th:not([scope="row"]), .table-responsive td:not([scope="row"]) { min-width: 105px !important; text-align: center !important; } .table-responsive td svg { width: 18px !important; height: 18px !important; display: inline-block !important; vertical-align: middle !important; } h2.title.mb-5 { font-size: 1.85rem !important; line-height: 1.25 !important; margin-bottom: 1.5rem !important; } } /* ========================================================================== LUMNIRA PREMIUM DESKTOP PRODUCT PAGE SYMMETRY & STICKY GALLERY ========================================================================== */ @media (min-width: 992px) { #product-template .product-gallery-wrapper { position: -webkit-sticky !important; position: sticky !important; top: 6rem !important; width: 100% !important; max-width: 100% !important; padding-left: 0 !important; margin-left: 0 !important; display: flex; flex-direction: column; justify-content: flex-start; z-index: 10 !important; } #product-template .product-gallery { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; padding-left: 0 !important; } #product-template .main-splide { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; } #product-template .main-splide .splide__slide img { max-height: 650px !important; width: 100% !important; height: auto !important; object-fit: contain !important; border-radius: 12px !important; } #product-template .main-splide:not(.is-initialized) { display: block !important; visibility: visible !important; opacity: 1 !important; } #product-template .main-splide:not(.is-initialized) .splide__track { display: block !important; overflow: visible !important; } #product-template .main-splide:not(.is-initialized) .splide__list { display: block !important; padding: 0 !important; margin: 0 !important; } #product-template .main-splide:not(.is-initialized) .splide__slide:first-child { display: block !important; visibility: visible !important; opacity: 1 !important; } #product-template .main-splide:not(.is-initialized) .splide__slide:first-child img { display: block !important; width: 100% !important; height: auto !important; max-height: 650px !important; object-fit: contain !important; } #product-template .main-splide:not(.is-initialized) .splide__slide:not(:first-child) { display: none !important; } } /* ========================================================================== LUMNIRA PREMIUM GLOBAL BLOG ARTICLE DARK THEME ========================================================================== */ .article-template .rte, .article-template .article-content { color: #FFFFFF !important; } .article-template .rte h1, .article-template .rte h2, .article-template .rte h3, .article-template .rte h4, .article-template .rte h5, .article-template .rte h6 { color: #D4AF37 !important; font-family: 'Playfair Display', serif !important; margin-top: 1.8rem !important; margin-bottom: 1rem !important; font-weight: 600 !important; } .article-template .rte table { background: rgba(21, 35, 77, 0.4) !important; color: #FFFFFF !important; border: 1px solid rgba(212, 175, 55, 0.2) !important; margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; width: 100% !important; border-collapse: collapse !important; } .article-template .rte td, .article-template .rte th { border: 1px solid rgba(212, 175, 55, 0.5) !important; padding: 12px !important; color: #FFFFFF !important; } .article-template .rte th, .article-template .rte thead tr { background-color: #FFFFFF !important; color: #D4AF37 !important; font-family: 'Playfair Display', serif !important; font-weight: bold !important; } .article-template .rte tr:nth-child(even), .article-template .rte tbody tr:nth-child(even) { background-color: rgba(212, 175, 55, 0.03) !important; } .article-template .rte tr:nth-child(odd), .article-template .rte tbody tr:nth-child(odd) { background-color: rgba(21, 35, 77, 0.5) !important; } .article-template .rte blockquote, .article-template .rte .blockquote, .article-template .rte div[style*="background-color: #F4F6F9"], .article-template .rte div[style*="background-color: #F4F6F9;"] { background: rgba(21, 35, 77, 0.5) !important; border-left: 5px solid #D4AF37 !important; color: #FFFFFF !important; padding: 18px !important; margin: 22px 0 !important; border-radius: 0 6px 6px 0 !important; } .article-template .rte div[style*="background-color: #FFF9E6"], .article-template .rte div[style*="background-color: #FFF9E6;"] { background: rgba(21, 35, 77, 0.3) !important; border: 1px solid rgba(212, 175, 55, 0.2) !important; color: #FFFFFF !important; padding: 15px !important; border-radius: 6px !important; } /* ========================================================================== LUMNIRA PREMIUM FOOTER LAYOUT & COLOR ========================================================================== */ #footer, .footer, footer { background-color: #FFFFFF !important; border-top: 1px solid rgba(212, 175, 55, 0.5) !important; color: #FFFFFF !important; } #footer h2, #footer h3, #footer h4, #footer .footer-block__heading, #footer .footer-block-title, #footer h2.h5 { color: #D4AF37 !important; font-family: 'Playfair Display', serif !important; font-weight: 600 !important; font-size: 1.15rem !important; letter-spacing: 0.05em !important; text-transform: uppercase !important; margin-bottom: 1.6rem !important; } #footer ul, #footer .list-unstyled { padding-left: 0 !important; } #footer li, #footer .footer-block__details li { margin-bottom: 0.75rem !important; } #footer a, #footer .nav-link, #footer .footer-block__details a { color: rgba(255, 255, 255, 0.7) !important; font-family: 'Inter', sans-serif !important; font-size: 0.95rem !important; transition: all 0.25s ease-in-out !important; text-decoration: none !important; display: inline-block !important; } #footer a:hover, #footer .nav-link:hover, #footer .footer-block__details a:hover { color: #D4AF37 !important; transform: translateX(4px) !important; } #footer .footer-disclaimer, #footer .fda-disclosure, #footer p, #footer p[style*="font-size"] { color: rgba(255, 255, 255, 0.45) !important; font-family: 'Inter', sans-serif !important; font-size: 0.85rem !important; line-height: 1.55 !important; } #footer .footer-bottom, #footer-copyright, #footer .footer__column--info { border-top: 1px solid rgba(255, 255, 255, 0.05) !important; padding-top: 1.5rem !important; margin-top: 2rem !important; } @media (max-width: 767px) { #footer, .footer { padding-top: 3.5rem !important; padding-bottom: 3rem !important; } #footer .footer-block, #footer [class*="col-"] { margin-bottom: 2.2rem !important; border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important; padding-bottom: 1.8rem !important; } #footer .footer-block:last-child, #footer [class*="col-"]:last-child { margin-bottom: 0 !important; border-bottom: none !important; padding-bottom: 0 !important; } #footer h2, #footer h3, #footer h4, #footer .footer-block__heading, #footer .footer-block-title, #footer h2.h5 { margin-bottom: 1.1rem !important; font-size: 1.1rem !important; } } @media (min-width: 992px) { #footer a.d-lg-none, #footer .d-lg-none, .article-template .d-lg-none { display: none !important; } } #template-index .description.rte p:first-of-type { color: #D4AF37 !important; font-size: 16px !important; font-weight: 600 !important; margin-bottom: 12px !important; display: block !important; text-align: inherit !important; } /* ========================================================================== LUMNIRA PREMIUM CONTACT FORM FIELD VISIBILITY OVERRIDES (JUNE 2026) ========================================================================== */ .contact-form input.form-control, .contact-form textarea.form-control, .contact-form select.form-select, .contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"] { background-color: rgba(255, 255, 255, 0.05) !important; color: #FFFFFF !important; border: 1px solid rgba(212, 175, 55, 0.3) !important; border-radius: 6px !important; padding: 14px 18px !important; font-size: 16px !important; transition: all 0.25s ease-in-out !important; } .contact-form input.form-control:focus, .contact-form textarea.form-control:focus, .contact-form select.form-select:focus { background-color: rgba(255, 255, 255, 0.1) !important; border-color: #D4AF37 !important; box-shadow: 0 0 0 0.25rem rgba(212, 175, 55, 0.25) !important; color: #FFFFFF !important; } /* Force placeholder text visibility to soft white */ .contact-form input::placeholder, .contact-form textarea::placeholder { color: rgba(255, 255, 255, 0.5) !important; opacity: 1 !important; } .contact-form input:-ms-input-placeholder, .contact-form textarea:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5) !important; } .contact-form input::-ms-input-placeholder, .contact-form textarea::-ms-input-placeholder { color: rgba(255, 255, 255, 0.5) !important; } /* Force dropdown options to be legible (light text on dark background in dropdown lists) */ .contact-form select.form-select option { background-color: #FFFFFF !important; color: #FFFFFF !important; } /* Autofill styling overrides */ .contact-form input:-webkit-autofill, .contact-form input:-webkit-autofill:hover, .contact-form input:-webkit-autofill:focus { -webkit-text-fill-color: #FFFFFF !important; -webkit-box-shadow: 0 0 0px 1000px #0E1A3C inset !important; transition: background-color 5000s ease-in-out 0s !important; } /* ========================================================================== LUMNIRA PREMIUM COMPARISON TABLE MOBILE-RESPONSIVE FIXES (JUNE 2026) ========================================================================== */ @media (max-width: 767px) { .lumnira-comparison-section { padding: 20px 12px !important; margin-top: 30px !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; } .lumnira-comparison-section h3 { font-size: 22px !important; margin-bottom: 20px !important; } .lumnira-comparison-section table { font-size: 13px !important; width: 100% !important; min-width: 450px !important; /* Forces a stable layout so columns don't crunch into vertical spaghetti */ } .lumnira-comparison-section th, .lumnira-comparison-section td { padding: 10px 8px !important; line-height: 1.4 !important; } } /* ========================================================================== LUMNIRA PREMIUM FAQ ACCORDION COHESIVE DARK STYLING (JUNE 2026) ========================================================================== */ .faq-section, .faq-section .accordion { background-color: transparent !important; } .faq-section .accordion-item { background-color: #15234D !important; /* Lumnira Deep Slate Blue */ border: 1px solid rgba(212, 175, 55, 0.2) !important; margin-bottom: 14px !important; border-radius: 8px !important; overflow: hidden !important; } /* Base button styles */ .faq-section .accordion-button { background-color: #15234D !important; color: #FFFFFF !important; /* Crisp white question text */ font-family: 'Playfair Display', serif !important; font-size: 1.2rem !important; font-weight: 600 !important; padding: 22px 26px !important; border: none !important; box-shadow: none !important; text-align: left !important; transition: all 0.25s ease-in-out !important; } /* EXPLICIT COLLAPSED BUTTON STATE - OVERRIDES THEME LIGHT-THEME DEFAULT WHITE BOX */ .faq-section .accordion-button.collapsed { background-color: #15234D !important; color: #FFFFFF !important; /* Crisp white question text when closed */ } /* Hover state for questions (both open and collapsed) */ .faq-section .accordion-button:hover, .faq-section .accordion-button.collapsed:hover { background-color: #1a2c62 !important; color: #D4AF37 !important; } /* Open expanded state */ .faq-section .accordion-button:not(.collapsed) { background-color: #1C2E60 !important; /* Slightly lighter on active expand */ color: #D4AF37 !important; /* Gold question text when expanded */ border-bottom: 1px solid rgba(212, 175, 55, 0.5) !important; } /* Force expand chevron icon to be clean gold/white instead of black */ .faq-section .accordion-button::after { filter: invert(1) brightness(2) !important; } /* Expanded answer body styling */ .faq-section .accordion-body { background-color: #15234D !important; color: #FDFDFD !important; /* Soft white answer body text */ font-family: 'Inter', sans-serif !important; font-size: 16px !important; line-height: 1.8 !important; padding: 26px !important; text-align: left !important; } .faq-section .accordion-body p, .faq-section .accordion-body li { color: #FDFDFD !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; margin-bottom: 12px !important; } .faq-section .accordion-body p:last-child { margin-bottom: 0 !important; } .faq-section .accordion-body strong, .faq-section .accordion-body b { color: #D4AF37 !important; font-weight: 600 !important; } .faq-section .accordion-body a { color: #D4AF37 !important; text-decoration: underline !important; } /* ========================================================================== LUMNIRA ANIMATED COUNTERS DARK-THEME CIRCLE INNER FILL FIX (JUNE 2026) ========================================================================== */ .animated-counters .animated-counter-circle::before { background-color: #0F1B3D !important; /* Force transparent inner blend */ } .animated-counters .animated-counter-title { font-family: 'Playfair Display', serif !important; color: #D4AF37 !important; /* Gold title for stat labels */ font-weight: 600 !important; } .animated-counters .animated-counter-desc { font-family: 'Inter', sans-serif !important; color: #FDFDFD !important; /* Soft white descriptions */ } /* ========================================================================== LUMNIRA PREMIUM CART DRAWER VISIBILITY FIX (JUNE 2026) ========================================================================== */ /* 1. Fix the Checkout Button Contrast */ .offcanvas-footer .btn-checkout { background-color: #D4AF37 !important; color: #0F1B3D !important; border: none !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1px !important; box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important; transition: all 0.2s ease !important; } .offcanvas-footer .btn-checkout:hover { background-color: #f1c40f !important; transform: translateY(-2px) !important; } /* 2. Fix the 'View Cart' link (was invisible text-dark) */ .offcanvas-footer .btn-link.text-dark { color: #D4AF37 !important; text-decoration: underline !important; font-size: 14px !important; } /* 3. Ensure the Offcanvas Body is correctly Navy */ #offcanvas-cart { background-color: #0F1B3D !important; color: #FFFFFF !important; } #offcanvas-cart .offcanvas-header { border-bottom: 1px solid rgba(212, 175, 55, 0.2) !important; } #offcanvas-cart .offcanvas-title { color: #D4AF37 !important; font-family: 'Playfair Display', serif !important; } /* 4. Quantity Controls & Titles */ #offcanvas-cart .product-item-title a { color: #FFFFFF !important; } #offcanvas-cart .quantity-wrapper .form-control { background-color: rgba(255,255,255,0.05) !important; color: #FFFFFF !important; border-color: rgba(212, 175, 55, 0.3) !important; } #offcanvas-cart .quantity-wrapper .btn { color: #D4AF37 !important; } /* ========================================================================== LUMNIRA CART TERMS & CONDITIONS VISIBILITY FIX ========================================================================== */ #offcanvas-cart .form-check-label { color: #FFFFFF !important; font-size: 14px !important; line-height: 1.4 !important; cursor: pointer !important; } #offcanvas-cart .form-check-label a { color: #D4AF37 !important; text-decoration: underline !important; } #offcanvas-cart #cart-terms-checkbox { border-color: #D4AF37 !important; background-color: transparent !important; cursor: pointer !important; width: 1.25em !important; height: 1.25em !important; margin-top: 0.5em !important; } #offcanvas-cart #cart-terms-checkbox:checked { background-color: #D4AF37 !important; border-color: #D4AF37 !important; } /* ========================================================================== LUMNIRA PREMIUM CART DRAWER CLINICAL OVERHAUL (JUNE 2026) ========================================================================== */ /* 1. Fix the 'Invisible' White Buttons (Note, Gift Wrap, Shipping, Discount) */ #offcanvas-cart .btn-light, #offcanvas-cart .cart-notice-msg, #offcanvas-cart .btn-outline-secondary { background-color: rgba(255, 255, 255, 0.05) !important; color: #FFFFFF !important; border: 1px solid rgba(212, 175, 55, 0.3) !important; text-align: left !important; padding: 12px 20px !important; } #offcanvas-cart .btn-light:hover { background-color: rgba(212, 175, 55, 0.1) !important; border-color: #D4AF37 !important; } /* 2. Fix the Invisible Terms Checkbox */ #offcanvas-cart .form-check-input { appearance: none !important; -webkit-appearance: none !important; background-color: #0F1B3D !important; border: 2px solid #D4AF37 !important; width: 20px !important; height: 20px !important; border-radius: 4px !important; display: inline-block !important; vertical-align: middle !important; margin-right: 12px !important; position: relative !important; cursor: pointer !important; flex-shrink: 0 !important; } #offcanvas-cart .form-check-input:checked { background-color: #D4AF37 !important; } #offcanvas-cart .form-check-input:checked::after { content: '✓' !important; color: #0F1B3D !important; font-weight: 900 !important; position: absolute !important; left: 3px !important; top: -2px !important; font-size: 16px !important; } /* 3. Fix Terms Label & Links */ #offcanvas-cart .form-check-label { color: #FFFFFF !important; font-size: 15px !important; cursor: pointer !important; } #offcanvas-cart .form-check-label a { color: #D4AF37 !important; text-decoration: underline !important; } /* 4. Subtotal & Shipping Text */ #offcanvas-cart .lead, #offcanvas-cart .text-muted { color: #FFFFFF !important; } #offcanvas-cart a[href*='shipping'] { color: #D4AF37 !important; } /* ========================================================================== LUMNIRA PREMIUM CART FORM EXPANSION & INPUT FIX (JUNE 2026) ========================================================================== */ /* Fix expanded collapse areas (Note, Shipping, etc.) */ #offcanvas-cart .collapse.show, #offcanvas-cart .collapsing { background-color: rgba(255, 255, 255, 0.05) !important; border-radius: 0 0 8px 8px !important; margin-top: -1px !important; border: 1px solid rgba(212, 175, 55, 0.3) !important; border-top: none !important; padding: 15px !important; } /* Fix Labels (Country, Zip, etc.) inside expanded areas */ #offcanvas-cart label { color: #D4AF37 !important; font-size: 14px !important; font-weight: 600 !important; margin-bottom: 8px !important; display: block !important; } /* Fix Input Fields (Textarea, Select, Text Inputs) */ #offcanvas-cart .form-control, #offcanvas-cart .form-select { background-color: rgba(255, 255, 255, 0.1) !important; color: #FFFFFF !important; border: 1px solid rgba(212, 175, 55, 0.4) !important; border-radius: 4px !important; padding: 10px 15px !important; } #offcanvas-cart .form-control:focus, #offcanvas-cart .form-select:focus { background-color: rgba(255, 255, 255, 0.5) !important; border-color: #D4AF37 !important; box-shadow: 0 0 0 0.25rem rgba(212, 175, 55, 0.25) !important; color: #FFFFFF !important; } /* Fix placeholder text */ #offcanvas-cart .form-control::placeholder { color: rgba(255, 255, 255, 0.4) !important; } /* Fix dropdown options readability (Force dark bg for dropdown list) */ #offcanvas-cart select option { background-color: #0F1B3D !important; color: #FFFFFF !important; } /* Fix the 'Calculate Shipping' specific button contrast inside expansion */ #offcanvas-cart .btn-calculate-shipping { background-color: #D4AF37 !important; color: #0F1B3D !important; font-weight: 700 !important; } /* --- LUMNIRA MINIMUM ORDER NOTICE --- */ #offcanvas-cart .alert-info, #offcanvas-cart .cart-min-order-alert, #offcanvas-cart [id*='cart-min-order'] { background-color: rgba(255, 255, 255, 0.05) !important; color: #D4AF37 !important; border: 1px solid rgba(212, 175, 55, 0.3) !important; font-size: 13px !important; margin-top: 15px !important; } #offcanvas-cart .alert-info svg { color: #D4AF37 !important; } /* Reduce empty space below/above the hero lifestyle image on mobile */ @media (max-width: 991px) { .advanced-image-with-text .advanced-image-with-text-img { margin-top: 15px !important; margin-bottom: 15px !important; } } /* ========================================================================== LUMNIRA RESPONSIVE TABLE OVERRIDES (OPTION 1) Purpose: Prevent table-driven mobile viewport overflow and eliminate horizontal swipe wiggling on PDPs. ========================================================================== */ @media (max-width: 767px) { #template-product table, #template-product .rte table, .product-description table, .product-specs table, table { table-layout: fixed !important; width: 100% !important; word-break: break-word !important; word-wrap: break-word !important; } #template-product td, #template-product th, #template-product .rte td, #template-product .rte th, td, th { word-break: break-word !important; word-wrap: break-word !important; white-space: normal !important; } } /* ========================================================================== LUMNIRA COMPARISON TABLE - GRID & GOLD POLISH (V4) ========================================================================== */ /* A. Force Grid Lines & Dark Theme */ .comparison-table table { border-collapse: separate !important; border-spacing: 0 !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; background-color: #0F1B3D !important; } .comparison-table tr, .comparison-table td, .comparison-table th { background-color: #0F1B3D !important; color: #FFFFFF !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; /* Bold White Outline */ } /* B. Alignment */ .comparison-table th:nth-child(1), .comparison-table td:nth-child(1) { text-align: left !important; padding-left: 24px !important; } .comparison-table th:nth-child(n+2), .comparison-table td:nth-child(n+2) { text-align: center !important; } /* C. LUMNIRA COLUMN - GOLD OUTLINE (OVERRIDING WHITE) */ .comparison-table th:nth-child(2), .comparison-table td:nth-child(2) { border-left: 2.5px solid #D4AF37 !important; border-right: 2.5px solid #D4AF37 !important; } .comparison-table thead th:nth-child(2) { border-top: 2.5px solid #D4AF37 !important; } .comparison-table tbody tr:last-child td:nth-child(2) { border-bottom: 2.5px solid #D4AF37 !important; } /* D. Mobile Scroll Support */ @media (max-width: 767px) { .comparison-table .table-responsive { overflow-x: auto !important; background-color: #0F1B3D !important; padding-bottom: 10px; } .comparison-table table { min-width: 850px !important; } } /* ========================================================================== LUMNIRA QUALITY SHIELD - GRID FIX ========================================================================== */ /* Force 3 columns on tablet and desktop */ #icon-blocks-trust-badges .row { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; } #icon-blocks-trust-badges .col { flex: 0 0 33.333% !important; max-width: 33.333% !important; } /* Fix mobile stacking */ @media (max-width: 767px) { #icon-blocks-trust-badges .col { flex: 0 0 100% !important; max-width: 100% !important; margin-bottom: 20px; } } /* Ensure icons are centered */ .icon-blocks .block-icon img, .icon-blocks .mb-5 img { display: block; margin: 0 auto 20px auto; } /* Foundation section text alignment */ #advanced-image-with-text-transparency .description-2 { text-align: left !important; line-height: 1.8 !important; } /* --- RESTORED LUMNIRA GOLD FROM REF 202060169558 --- */ /* Lumnira x AG1 Custom Overrides Purpose: Achieve high-authority, compact mobile layout and premium editorial desktop spacing. */ /* 1. Global Polish */ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* 2. Header / Navigation Slimming */ @media (max-width: 991px) { .navbar { padding-top: 8px !important; padding-bottom: 8px !important; } .navbar-brand img { max-height: 32px !important; } .nav-link-cart .cart-count-badge { font-size: 10px; height: 16px; min-width: 16px; line-height: 16px; } } /* 3. Mobile Product Page Compactness */ @media (max-width: 767px) { #template-product .product-gallery { max-width: 75% !important; margin: 0 auto 0.05rem auto !important; } #template-product .main-splide .splide__slide img { max-height: 240px !important; width: auto !important; margin: 0 auto !important; object-fit: contain !important; } #template-product .product-title { font-size: 1.5rem !important; margin-top: -0.05rem !important; margin-bottom: 0.25rem !important; line-height: 1.1 !important; text-align: center; } #template-product .product-price { font-size: 1.1rem !important; margin-bottom: 0.05rem !important; text-align: center; } #template-product .purchase-options-container { margin-top: 0 !important; padding: 10px !important; border-radius: 8px !important; } .template-product .row.gx-lg-9 { margin-top: -1rem; } .section-pt, .pt-10, .pt-12 { padding-top: 2rem !important; } .section-pb, .pb-10, .pb-12 { padding-bottom: 2rem !important; } } #template-product .main-splide .splide__slide img { max-height: 280px !important; width: auto !important; margin: 0 auto !important; object-fit: contain !important; } #template-product .product-title { font-size: 1.75rem !important; margin-top: 0 !important; margin-bottom: 0.05rem !important; line-height: 1.1 !important; } #template-product .product-price { font-size: 1.25rem !important; margin-bottom: 0.75rem !important; } #template-product .purchase-options-container { margin-top: 0.05rem !important; padding: 12px !important; border-radius: 8px !important; } .section-pt, .pt-10, .pt-12 { padding-top: 2.5rem !important; } .section-pb, .pb-10, .pb-12 { padding-bottom: 2.5rem !important; } } /* 4. Desktop Hero Fix */ @media (min-width: 992px) { .advanced-image-with-text .row { align-items: center; } .advanced-image-with-text img { max-height: 550px !important; width: auto !important; margin: 0 auto !important; } } /* 5. Footer Authority */ #footer { border-top: 1px solid rgba(15, 27, 61, 0.08); } #footer .footer-title, #footer .fs-5 { font-family: var(--font-heading-family); font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; font-size: 0.9rem !important; } #footer-about-newsletter input { background-color: transparent !important; border-color: rgba(245, 241, 232, 0.2) !important; color: #FFFFFF !important; } #footer-about-newsletter button { border-color: rgba(245, 241, 232, 0.2) !important; } .footer-copyright small { display: none !important; } /* Product Gallery Pagination Dots */ .product-gallery .splide__pagination { bottom: -20px !important; padding: 0 !important; pointer-events: auto !important; } .product-gallery .splide__pagination__page { width: 8px !important; height: 8px !important; background: rgba(15, 27, 61, 0.2) !important; border: none !important; margin: 0 4px !important; transition: all 0.2s ease !important; opacity: 1 !important; } .product-gallery .splide__pagination__page.is-active { background: var(--lumnira-navy) !important; transform: scale(1.2) !important; } @media (max-width: 767px) { .product-gallery { margin-bottom: 2.5rem !important; } } /* ========================================================================== LUMNIRA PREMIUM SUBSCRIPTION WIDGET OVERRIDES (NAVY/GOLD) ========================================================================== */ #product-purchase-options { background-color: transparent !important; padding: 0 !important; margin-top: 1rem !important; margin-bottom: 1rem !important; } #product-purchase-options .form-check { margin-bottom: 0.75rem !important; padding: 0 !important; } #product-purchase-options .form-check-label { background-color: #16254E !important; color: #FFFFFF !important; border: 1px solid rgba(212, 175, 55, 0.3) !important; border-radius: 8px !important; padding: 1rem 1rem 1rem 3.25rem !important; width: 100% !important; cursor: pointer !important; transition: all 0.25s ease-in-out !important; display: flex !important; align-items: center !important; justify-content: space-between !important; box-sizing: border-box !important; } #product-purchase-options .form-check-label:hover { background-color: #1b2a57 !important; border-color: #D4AF37 !important; color: #FFFFFF !important; } #product-purchase-options input:checked + .form-check-label { background-color: #0F1B3D !important; border: 2px solid #D4AF37 !important; color: #FFFFFF !important; box-shadow: 0 0 10px rgba(212, 175, 55, 0.25) !important; } #product-purchase-options .form-check-input { left: 1.25rem !important; border: 1px solid #D4AF37 !important; background-color: transparent !important; } #product-purchase-options .form-check-input:checked { background-color: #D4AF37 !important; border-color: #D4AF37 !important; } #product-purchase-options .form-check-label span, #product-purchase-options .form-check-label strong, #product-purchase-options .form-check-label div, #product-purchase-options .form-check-label p { color: #FFFFFF !important; font-weight: 500 !important; } #product-purchase-options .form-check-label strong, #product-purchase-options .discount-savings, #product-purchase-options .savings-badge { color: #D4AF37 !important; font-weight: 600 !important; } /* Hero Trust Badges */ .advanced-image-with-text .description.rte p:first-child strong { color: #D4AF37 !important; font-size: 1.05em !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; margin-bottom: 15px !important; display: block !important; } /* ========================================================================== LUMNIRA COMPARISON CHART GOLD HIGHLIGHTS ========================================================================== */ .comparison-table .text-primary { color: #D4AF37 !important; font-weight: 600 !important; } .comparison-table thead th.text-primary { color: #D4AF37 !important; font-weight: 700 !important; font-size: 1.15rem !important; text-transform: uppercase !important; letter-spacing: 1px !important; } .comparison-table td.text-primary svg { stroke: #D4AF37 !important; filter: drop-shadow(0 2px 5px rgba(212, 175, 55, 0.25)) !important; } @media (max-width: 767px) { .table-responsive { border: 1px solid #ede8df !important; border-radius: 12px !important; padding: 2px !important; background: #0F1B3D !important; box-shadow: 0 4px 16px rgba(15, 27, 61, 0.04) !important; margin-bottom: 24px !important; -webkit-overflow-scrolling: touch; } .table-responsive table { margin-bottom: 0 !important; } .table-responsive th, .table-responsive td { padding: 14px 10px !important; font-size: 0.78rem !important; line-height: 1.35 !important; vertical-align: middle !important; } .table-responsive th[scope="row"] { min-width: 130px !important; font-weight: 600 !important; color: #FFFFFF !important; background-color: #0F1B3D !important; border-right: 1px solid rgba(255, 255, 255, 0.3) !important; } .table-responsive th:not([scope="row"]), .table-responsive td:not([scope="row"]) { min-width: 105px !important; text-align: center !important; } .table-responsive td svg { width: 18px !important; height: 18px !important; display: inline-block !important; vertical-align: middle !important; } h2.title.mb-5 { font-size: 1.85rem !important; line-height: 1.25 !important; margin-bottom: 1.5rem !important; } } /* ========================================================================== LUMNIRA PREMIUM DESKTOP PRODUCT PAGE SYMMETRY & STICKY GALLERY ========================================================================== */ @media (min-width: 992px) { #product-template .product-gallery-wrapper { position: -webkit-sticky !important; position: sticky !important; top: 6rem !important; width: 100% !important; max-width: 100% !important; padding-left: 0 !important; margin-left: 0 !important; display: flex; flex-direction: column; justify-content: flex-start; z-index: 10 !important; } #product-template .product-gallery { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; padding-left: 0 !important; } #product-template .main-splide { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; } #product-template .main-splide .splide__slide img { max-height: 650px !important; width: 100% !important; height: auto !important; object-fit: contain !important; border-radius: 12px !important; } #product-template .main-splide:not(.is-initialized) { display: block !important; visibility: visible !important; opacity: 1 !important; } #product-template .main-splide:not(.is-initialized) .splide__track { display: block !important; overflow: visible !important; } #product-template .main-splide:not(.is-initialized) .splide__list { display: block !important; padding: 0 !important; margin: 0 !important; } #product-template .main-splide:not(.is-initialized) .splide__slide:first-child { display: block !important; visibility: visible !important; opacity: 1 !important; } #product-template .main-splide:not(.is-initialized) .splide__slide:first-child img { display: block !important; width: 100% !important; height: auto !important; max-height: 650px !important; object-fit: contain !important; } #product-template .main-splide:not(.is-initialized) .splide__slide:not(:first-child) { display: none !important; } } /* ========================================================================== LUMNIRA PREMIUM GLOBAL BLOG ARTICLE DARK THEME ========================================================================== */ .article-template .rte, .article-template .article-content { color: #FFFFFF !important; } .article-template .rte h1, .article-template .rte h2, .article-template .rte h3, .article-template .rte h4, .article-template .rte h5, .article-template .rte h6 { color: #D4AF37 !important; font-family: 'Playfair Display', serif !important; margin-top: 1.8rem !important; margin-bottom: 1rem !important; font-weight: 600 !important; } .article-template .rte table { background: rgba(21, 35, 77, 0.4) !important; color: #FFFFFF !important; border: 1px solid rgba(212, 175, 55, 0.2) !important; margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; width: 100% !important; border-collapse: collapse !important; } .article-template .rte td, .article-template .rte th { border: 1px solid rgba(212, 175, 55, 0.5) !important; padding: 12px !important; color: #FFFFFF !important; } .article-template .rte th, .article-template .rte thead tr { background-color: #FFFFFF !important; color: #D4AF37 !important; font-family: 'Playfair Display', serif !important; font-weight: bold !important; } .article-template .rte tr:nth-child(even), .article-template .rte tbody tr:nth-child(even) { background-color: rgba(212, 175, 55, 0.03) !important; } .article-template .rte tr:nth-child(odd), .article-template .rte tbody tr:nth-child(odd) { background-color: rgba(21, 35, 77, 0.5) !important; } .article-template .rte blockquote, .article-template .rte .blockquote, .article-template .rte div[style*="background-color: #F4F6F9"], .article-template .rte div[style*="background-color: #F4F6F9;"] { background: rgba(21, 35, 77, 0.5) !important; border-left: 5px solid #D4AF37 !important; color: #FFFFFF !important; padding: 18px !important; margin: 22px 0 !important; border-radius: 0 6px 6px 0 !important; } .article-template .rte div[style*="background-color: #FFF9E6"], .article-template .rte div[style*="background-color: #FFF9E6;"] { background: rgba(21, 35, 77, 0.3) !important; border: 1px solid rgba(212, 175, 55, 0.2) !important; color: #FFFFFF !important; padding: 15px !important; border-radius: 6px !important; } /* ========================================================================== LUMNIRA PREMIUM FOOTER LAYOUT & COLOR ========================================================================== */ #footer, .footer, footer { background-color: #FFFFFF !important; border-top: 1px solid rgba(212, 175, 55, 0.5) !important; color: #FFFFFF !important; } #footer h2, #footer h3, #footer h4, #footer .footer-block__heading, #footer .footer-block-title, #footer h2.h5 { color: #D4AF37 !important; font-family: 'Playfair Display', serif !important; font-weight: 600 !important; font-size: 1.15rem !important; letter-spacing: 0.05em !important; text-transform: uppercase !important; margin-bottom: 1.6rem !important; } #footer ul, #footer .list-unstyled { padding-left: 0 !important; } #footer li, #footer .footer-block__details li { margin-bottom: 0.75rem !important; } #footer a, #footer .nav-link, #footer .footer-block__details a { color: rgba(255, 255, 255, 0.7) !important; font-family: 'Inter', sans-serif !important; font-size: 0.95rem !important; transition: all 0.25s ease-in-out !important; text-decoration: none !important; display: inline-block !important; } #footer a:hover, #footer .nav-link:hover, #footer .footer-block__details a:hover { color: #D4AF37 !important; transform: translateX(4px) !important; } #footer .footer-disclaimer, #footer .fda-disclosure, #footer p, #footer p[style*="font-size"] { color: rgba(255, 255, 255, 0.45) !important; font-family: 'Inter', sans-serif !important; font-size: 0.85rem !important; line-height: 1.55 !important; } #footer .footer-bottom, #footer-copyright, #footer .footer__column--info { border-top: 1px solid rgba(255, 255, 255, 0.05) !important; padding-top: 1.5rem !important; margin-top: 2rem !important; } @media (max-width: 767px) { #footer, .footer { padding-top: 3.5rem !important; padding-bottom: 3rem !important; } #footer .footer-block, #footer [class*="col-"] { margin-bottom: 2.2rem !important; border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important; padding-bottom: 1.8rem !important; } #footer .footer-block:last-child, #footer [class*="col-"]:last-child { margin-bottom: 0 !important; border-bottom: none !important; padding-bottom: 0 !important; } #footer h2, #footer h3, #footer h4, #footer .footer-block__heading, #footer .footer-block-title, #footer h2.h5 { margin-bottom: 1.1rem !important; font-size: 1.1rem !important; } } @media (min-width: 992px) { #footer a.d-lg-none, #footer .d-lg-none, .article-template .d-lg-none { display: none !important; } } #template-index .description.rte p:first-of-type { color: #D4AF37 !important; font-size: 16px !important; font-weight: 600 !important; margin-bottom: 12px !important; display: block !important; text-align: inherit !important; } /* ========================================================================== LUMNIRA PREMIUM CONTACT FORM FIELD VISIBILITY OVERRIDES (JUNE 2026) ========================================================================== */ .contact-form input.form-control, .contact-form textarea.form-control, .contact-form select.form-select, .contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"] { background-color: rgba(255, 255, 255, 0.05) !important; color: #FFFFFF !important; border: 1px solid rgba(212, 175, 55, 0.3) !important; border-radius: 6px !important; padding: 14px 18px !important; font-size: 16px !important; transition: all 0.25s ease-in-out !important; } .contact-form input.form-control:focus, .contact-form textarea.form-control:focus, .contact-form select.form-select:focus { background-color: rgba(255, 255, 255, 0.1) !important; border-color: #D4AF37 !important; box-shadow: 0 0 0 0.25rem rgba(212, 175, 55, 0.25) !important; color: #FFFFFF !important; } /* Force placeholder text visibility to soft white */ .contact-form input::placeholder, .contact-form textarea::placeholder { color: rgba(255, 255, 255, 0.5) !important; opacity: 1 !important; } .contact-form input:-ms-input-placeholder, .contact-form textarea:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5) !important; } .contact-form input::-ms-input-placeholder, .contact-form textarea::-ms-input-placeholder { color: rgba(255, 255, 255, 0.5) !important; } /* Force dropdown options to be legible (light text on dark background in dropdown lists) */ .contact-form select.form-select option { background-color: #FFFFFF !important; color: #FFFFFF !important; } /* Autofill styling overrides */ .contact-form input:-webkit-autofill, .contact-form input:-webkit-autofill:hover, .contact-form input:-webkit-autofill:focus { -webkit-text-fill-color: #FFFFFF !important; -webkit-box-shadow: 0 0 0px 1000px #0E1A3C inset !important; transition: background-color 5000s ease-in-out 0s !important; } /* ========================================================================== LUMNIRA PREMIUM COMPARISON TABLE MOBILE-RESPONSIVE FIXES (JUNE 2026) ========================================================================== */ @media (max-width: 767px) { .lumnira-comparison-section { padding: 20px 12px !important; margin-top: 30px !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; } .lumnira-comparison-section h3 { font-size: 22px !important; margin-bottom: 20px !important; } .lumnira-comparison-section table { font-size: 13px !important; width: 100% !important; min-width: 450px !important; /* Forces a stable layout so columns don't crunch into vertical spaghetti */ } .lumnira-comparison-section th, .lumnira-comparison-section td { padding: 10px 8px !important; line-height: 1.4 !important; } } /* ========================================================================== LUMNIRA PREMIUM FAQ ACCORDION COHESIVE DARK STYLING (JUNE 2026) ========================================================================== */ .faq-section, .faq-section .accordion { background-color: transparent !important; } .faq-section .accordion-item { background-color: #15234D !important; /* Lumnira Deep Slate Blue */ border: 1px solid rgba(212, 175, 55, 0.2) !important; margin-bottom: 14px !important; border-radius: 8px !important; overflow: hidden !important; } /* Base button styles */ .faq-section .accordion-button { background-color: #15234D !important; color: #FFFFFF !important; /* Crisp white question text */ font-family: 'Playfair Display', serif !important; font-size: 1.2rem !important; font-weight: 600 !important; padding: 22px 26px !important; border: none !important; box-shadow: none !important; text-align: left !important; transition: all 0.25s ease-in-out !important; } /* EXPLICIT COLLAPSED BUTTON STATE - OVERRIDES THEME LIGHT-THEME DEFAULT WHITE BOX */ .faq-section .accordion-button.collapsed { background-color: #15234D !important; color: #FFFFFF !important; /* Crisp white question text when closed */ } /* Hover state for questions (both open and collapsed) */ .faq-section .accordion-button:hover, .faq-section .accordion-button.collapsed:hover { background-color: #1a2c62 !important; color: #D4AF37 !important; } /* Open expanded state */ .faq-section .accordion-button:not(.collapsed) { background-color: #1C2E60 !important; /* Slightly lighter on active expand */ color: #D4AF37 !important; /* Gold question text when expanded */ border-bottom: 1px solid rgba(212, 175, 55, 0.5) !important; } /* Force expand chevron icon to be clean gold/white instead of black */ .faq-section .accordion-button::after { filter: invert(1) brightness(2) !important; } /* Expanded answer body styling */ .faq-section .accordion-body { background-color: #15234D !important; color: #FDFDFD !important; /* Soft white answer body text */ font-family: 'Inter', sans-serif !important; font-size: 16px !important; line-height: 1.8 !important; padding: 26px !important; text-align: left !important; } .faq-section .accordion-body p, .faq-section .accordion-body li { color: #FDFDFD !important; font-family: 'Inter', sans-serif !important; font-size: 16px !important; margin-bottom: 12px !important; } .faq-section .accordion-body p:last-child { margin-bottom: 0 !important; } .faq-section .accordion-body strong, .faq-section .accordion-body b { color: #D4AF37 !important; font-weight: 600 !important; } .faq-section .accordion-body a { color: #D4AF37 !important; text-decoration: underline !important; } /* ========================================================================== LUMNIRA ANIMATED COUNTERS DARK-THEME CIRCLE INNER FILL FIX (JUNE 2026) ========================================================================== */ .animated-counters .animated-counter-circle::before { background-color: #0F1B3D !important; /* Force transparent inner blend */ } .animated-counters .animated-counter-title { font-family: 'Playfair Display', serif !important; color: #D4AF37 !important; /* Gold title for stat labels */ font-weight: 600 !important; } .animated-counters .animated-counter-desc { font-family: 'Inter', sans-serif !important; color: #FDFDFD !important; /* Soft white descriptions */ } /* ========================================================================== LUMNIRA PREMIUM CART DRAWER VISIBILITY FIX (JUNE 2026) ========================================================================== */ /* 1. Fix the Checkout Button Contrast */ .offcanvas-footer .btn-checkout { background-color: #D4AF37 !important; color: #0F1B3D !important; border: none !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1px !important; box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important; transition: all 0.2s ease !important; } .offcanvas-footer .btn-checkout:hover { background-color: #f1c40f !important; transform: translateY(-2px) !important; } /* 2. Fix the 'View Cart' link (was invisible text-dark) */ .offcanvas-footer .btn-link.text-dark { color: #D4AF37 !important; text-decoration: underline !important; font-size: 14px !important; } /* 3. Ensure the Offcanvas Body is correctly Navy */ #offcanvas-cart { background-color: #0F1B3D !important; color: #FFFFFF !important; } #offcanvas-cart .offcanvas-header { border-bottom: 1px solid rgba(212, 175, 55, 0.2) !important; } #offcanvas-cart .offcanvas-title { color: #D4AF37 !important; font-family: 'Playfair Display', serif !important; } /* 4. Quantity Controls & Titles */ #offcanvas-cart .product-item-title a { color: #FFFFFF !important; } #offcanvas-cart .quantity-wrapper .form-control { background-color: rgba(255,255,255,0.05) !important; color: #FFFFFF !important; border-color: rgba(212, 175, 55, 0.3) !important; } #offcanvas-cart .quantity-wrapper .btn { color: #D4AF37 !important; } /* ========================================================================== LUMNIRA CART TERMS & CONDITIONS VISIBILITY FIX ========================================================================== */ #offcanvas-cart .form-check-label { color: #FFFFFF !important; font-size: 14px !important; line-height: 1.4 !important; cursor: pointer !important; } #offcanvas-cart .form-check-label a { color: #D4AF37 !important; text-decoration: underline !important; } #offcanvas-cart #cart-terms-checkbox { border-color: #D4AF37 !important; background-color: transparent !important; cursor: pointer !important; width: 1.25em !important; height: 1.25em !important; margin-top: 0.5em !important; } #offcanvas-cart #cart-terms-checkbox:checked { background-color: #D4AF37 !important; border-color: #D4AF37 !important; } /* ========================================================================== LUMNIRA PREMIUM CART DRAWER CLINICAL OVERHAUL (JUNE 2026) ========================================================================== */ /* 1. Fix the 'Invisible' White Buttons (Note, Gift Wrap, Shipping, Discount) */ #offcanvas-cart .btn-light, #offcanvas-cart .cart-notice-msg, #offcanvas-cart .btn-outline-secondary { background-color: rgba(255, 255, 255, 0.05) !important; color: #FFFFFF !important; border: 1px solid rgba(212, 175, 55, 0.3) !important; text-align: left !important; padding: 12px 20px !important; } #offcanvas-cart .btn-light:hover { background-color: rgba(212, 175, 55, 0.1) !important; border-color: #D4AF37 !important; } /* 2. Fix the Invisible Terms Checkbox */ #offcanvas-cart .form-check-input { appearance: none !important; -webkit-appearance: none !important; background-color: #0F1B3D !important; border: 2px solid #D4AF37 !important; width: 20px !important; height: 20px !important; border-radius: 4px !important; display: inline-block !important; vertical-align: middle !important; margin-right: 12px !important; position: relative !important; cursor: pointer !important; flex-shrink: 0 !important; } #offcanvas-cart .form-check-input:checked { background-color: #D4AF37 !important; } #offcanvas-cart .form-check-input:checked::after { content: '✓' !important; color: #0F1B3D !important; font-weight: 900 !important; position: absolute !important; left: 3px !important; top: -2px !important; font-size: 16px !important; } /* 3. Fix Terms Label & Links */ #offcanvas-cart .form-check-label { color: #FFFFFF !important; font-size: 15px !important; cursor: pointer !important; } #offcanvas-cart .form-check-label a { color: #D4AF37 !important; text-decoration: underline !important; } /* 4. Subtotal & Shipping Text */ #offcanvas-cart .lead, #offcanvas-cart .text-muted { color: #FFFFFF !important; } #offcanvas-cart a[href*='shipping'] { color: #D4AF37 !important; } /* ========================================================================== LUMNIRA PREMIUM CART FORM EXPANSION & INPUT FIX (JUNE 2026) ========================================================================== */ /* Fix expanded collapse areas (Note, Shipping, etc.) */ #offcanvas-cart .collapse.show, #offcanvas-cart .collapsing { background-color: rgba(255, 255, 255, 0.05) !important; border-radius: 0 0 8px 8px !important; margin-top: -1px !important; border: 1px solid rgba(212, 175, 55, 0.3) !important; border-top: none !important; padding: 15px !important; } /* Fix Labels (Country, Zip, etc.) inside expanded areas */ #offcanvas-cart label { color: #D4AF37 !important; font-size: 14px !important; font-weight: 600 !important; margin-bottom: 8px !important; display: block !important; } /* Fix Input Fields (Textarea, Select, Text Inputs) */ #offcanvas-cart .form-control, #offcanvas-cart .form-select { background-color: rgba(255, 255, 255, 0.1) !important; color: #FFFFFF !important; border: 1px solid rgba(212, 175, 55, 0.4) !important; border-radius: 4px !important; padding: 10px 15px !important; } #offcanvas-cart .form-control:focus, #offcanvas-cart .form-select:focus { background-color: rgba(255, 255, 255, 0.5) !important; border-color: #D4AF37 !important; box-shadow: 0 0 0 0.25rem rgba(212, 175, 55, 0.25) !important; color: #FFFFFF !important; } /* Fix placeholder text */ #offcanvas-cart .form-control::placeholder { color: rgba(255, 255, 255, 0.4) !important; } /* Fix dropdown options readability (Force dark bg for dropdown list) */ #offcanvas-cart select option { background-color: #0F1B3D !important; color: #FFFFFF !important; } /* Fix the 'Calculate Shipping' specific button contrast inside expansion */ #offcanvas-cart .btn-calculate-shipping { background-color: #D4AF37 !important; color: #0F1B3D !important; font-weight: 700 !important; } /* --- LUMNIRA MINIMUM ORDER NOTICE --- */ #offcanvas-cart .alert-info, #offcanvas-cart .cart-min-order-alert, #offcanvas-cart [id*='cart-min-order'] { background-color: rgba(255, 255, 255, 0.05) !important; color: #D4AF37 !important; border: 1px solid rgba(212, 175, 55, 0.3) !important; font-size: 13px !important; margin-top: 15px !important; } #offcanvas-cart .alert-info svg { color: #D4AF37 !important; } /* Reduce empty space below/above the hero lifestyle image on mobile */ @media (max-width: 991px) { .advanced-image-with-text .advanced-image-with-text-img { margin-top: 15px !important; margin-bottom: 15px !important; } } /* ========================================================================== LUMNIRA RESPONSIVE TABLE OVERRIDES (OPTION 1) Purpose: Prevent table-driven mobile viewport overflow and eliminate horizontal swipe wiggling on PDPs. ========================================================================== */ @media (max-width: 767px) { #template-product table, #template-product .rte table, .product-description table, .product-specs table, table { table-layout: fixed !important; width: 100% !important; word-break: break-word !important; word-wrap: break-word !important; } #template-product td, #template-product th, #template-product .rte td, #template-product .rte th, td, th { word-break: break-word !important; word-wrap: break-word !important; white-space: normal !important; } } /* ========================================================================== LUMNIRA COMPARISON TABLE - GRID & GOLD POLISH (V4) ========================================================================== */ /* A. Force Grid Lines & Dark Theme */ .comparison-table table { border-collapse: separate !important; border-spacing: 0 !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; background-color: #0F1B3D !important; } .comparison-table tr, .comparison-table td, .comparison-table th { background-color: #0F1B3D !important; color: #FFFFFF !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; /* Bold White Outline */ } /* B. Alignment */ .comparison-table th:nth-child(1), .comparison-table td:nth-child(1) { text-align: left !important; padding-left: 24px !important; } .comparison-table th:nth-child(n+2), .comparison-table td:nth-child(n+2) { text-align: center !important; } /* C. LUMNIRA COLUMN - GOLD OUTLINE (OVERRIDING WHITE) */ .comparison-table th:nth-child(2), .comparison-table td:nth-child(2) { border-left: 2.5px solid #D4AF37 !important; border-right: 2.5px solid #D4AF37 !important; } .comparison-table thead th:nth-child(2) { border-top: 2.5px solid #D4AF37 !important; } .comparison-table tbody tr:last-child td:nth-child(2) { border-bottom: 2.5px solid #D4AF37 !important; } /* D. Mobile Scroll Support */ @media (max-width: 767px) { .comparison-table .table-responsive { overflow-x: auto !important; background-color: #0F1B3D !important; padding-bottom: 10px; } .comparison-table table { min-width: 850px !important; } } /* ========================================================================== LUMNIRA QUALITY SHIELD - GRID FIX ========================================================================== */ /* Force 3 columns on tablet and desktop */ #icon-blocks-trust-badges .row { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; } #icon-blocks-trust-badges .col { flex: 0 0 33.333% !important; max-width: 33.333% !important; } /* Fix mobile stacking */ @media (max-width: 767px) { #icon-blocks-trust-badges .col { flex: 0 0 100% !important; max-width: 100% !important; margin-bottom: 20px; } } /* Ensure icons are centered */ .icon-blocks .block-icon img, .icon-blocks .mb-5 img { display: block; margin: 0 auto 20px auto; } /* Foundation section text alignment */ #advanced-image-with-text-transparency .description-2 { text-align: left !important; line-height: 1.8 !important; } /* ========================================================================== LUMNIRA VISIBILITY OVERRIDES (JUNE 2026) Fixing invisible borders and low-contrast lines site-wide. ========================================================================== */ /* 1. Muted Champagne Borders for Grids and Inputs */ .h6.border-bottom, .nav-link, .img-thumbnail, .product-item-img, .form-control, .form-select, .input-group-text, .offcanvas-footer.border-top, .border-bottom, .border-top { border-color: rgba(245, 241, 232, 0.2) !important; } /* 2. Reinforced Lumnira Gold for Science Tables */ table, th, td, .table, .table th, .table td { border-color: rgba(212, 175, 55, 0.5) !important; } /* 3. Global divider visibility boost */ hr, .hr, .separator { border-top-color: rgba(245, 241, 232, 0.5) !important; opacity: 1 !important; } /* 4. Active state visibility */ .nav-tabs .nav-link.active { border-color: #D4AF37 !important; color: #D4AF37 !important; } /* LUMNIRA VISIBILITY OVERRIDES */ .h6.border-bottom, .nav-link, .img-thumbnail, .product-item-img, .form-control, .form-select, .input-group-text, .offcanvas-footer.border-top, .border-bottom, .border-top { border-color: rgba(245, 241, 232, 0.2) !important; } table, th, td, .table, .table th, .table td { border-color: rgba(212, 175, 55, 0.5) !important; }
/* SOURCE: assets/faq.css */
/* F.A.Q (Accordion) */ .accordion-flush .accordion-item, .accordion-flush .accordion-item:last-child { border-bottom: 1px solid var(--bs-dark); } .accordion-flush .accordion-item:first-child { border-top: 1px solid var(--bs-dark); } .accordion-flush .accordion-button { background-color: transparent; padding: 1rem 0; box-shadow: none; } .accordion-flush .accordion-button:focus-visible { box-shadow: 0 0 0 .25rem rgba(var(--bs-body-color-rgb), .125) } .accordion-flush .accordion-body { padding: 0 0 1.25rem; } .accordion-fancy .accordion-item { border-radius: 0; border: none; margin-bottom: 0.05rem; background-color: transparent; color: currentColor; } .accordion-fancy .accordion-button { border-radius: 5rem !important; background-color: var(--bs-light); box-shadow: none; } .accordion-fancy .accordion-button:hover, .accordion-fancy .accordion-button:focus { background-color: var(--bs-light-darken-5); } .accordion-fancy .accordion-button:not(.collapsed) { background-color: var(--bs-primary); color: white; } .accordion-fancy .accordion-button::after { content: ""; background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-plus'%3E%3Cline x1='12' y1='5' x2='12' y2='19'%3E%3C/line%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: 70%; background-color: var(--bs-primary); color: white; border-radius: 50rem; padding: 0.25rem; display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; } .accordion-fancy .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-minus'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E"); }
/* SOURCE: assets/featured-collections.css */
/* Featured Collections */ .featured-collections {} .featured-collections .collection-item a, .list-collections .collection-item a { display: flex; position: relative; color: white; text-decoration: none; } .collection-item-title { position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(var(--bs-dark-rgb), 0.25); padding: 0.05rem 1rem; border-bottom-left-radius: calc(var(--bs-border-radius) - 3px); border-bottom-right-radius: calc(var(--bs-border-radius) - 3px); transition: all 0.2s ease-out; } .img-thumbnail+.collection-item-title { left: calc(0.25rem + 1px); right: calc(0.25rem + 1px); bottom: calc(0.25rem + 1px); } a:hover .collection-item-title { background-color: rgba(var(--bs-dark-rgb), 0.5); } @media (max-width: 575px) { .featured-collections ul.collection-list.xs-scroll { overflow: auto; flex-wrap: nowrap; padding: 0 0.05rem 0.05rem; margin: 0 -1rem -0.05rem !important; } .featured-collections ul.collection-list.xs-scroll .collection-item { width: 75vw; flex: none; } }
/* SOURCE: assets/featured-products.css */
/* Featured Products */ .featured-products .splide__arrow--prev { left: 0; transform: none; } .featured-products .splide__arrow--next { right: 0; transform: rotate(180deg); } .featured-products .container-fluid .splide__arrow--prev { left: 0.05rem; } .featured-products .container-fluid .splide__arrow--next { right: 0.05rem; } .featured-products .splide__pagination { position: relative; margin-top: 0.05rem; } .featured-products .splide__pagination__page { background-color: rgba(var(--bs-body-color-rgb), 0.25); opacity: 1; transition: all 0.2s ease-out; } .featured-products .splide__pagination__page:hover, .featured-products .splide__pagination__page:focus { background-color: rgba(var(--bs-body-color-rgb), 0.5); } .featured-products .splide__pagination__page.is-active { background-color: var(--bs-body-color); } @media (max-width: 575px) { .featured-products .splide__pagination { display: none; } .featured-products [data-breakpoint-xs-partial="true"] .splide__track { padding-left: 0.05rem !important; margin-left: -0.05rem; margin-right: -0.05rem; } .featured-products [data-breakpoint-xs-partial="true"] .splide__arrows { display: none; } } @media (min-width: 576px) { .featured-products .splide__pagination--mobile { display: none; } .featured-products .splide__arrow--prev { left: -0.25rem; } .featured-products .splide__arrow--next { right: -0.25rem; } }
/* SOURCE: assets/fixed-cards-slider.css */
.fixed-cards-slider-btn { position: fixed; bottom: 0; left: 50%; z-index: 9; transform: translateX(-50%); border-radius: .25rem; border-bottom-left-radius: 0; border-bottom-right-radius: 0; transition: all .2s ease-out; } .fixed-cards-slider-btn.hide { transform: translate(-50%, 100%); } .fixed-cards-slider { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9; transform: translateY(100%); } .fixed-cards-slider.show { animation: fixed_cards_slider .4s ease-out both; } @keyframes fixed_cards_slider { to { transform: translateY(0); } } .fixed-cards-slider .splide__arrow--prev { left: 0; transform: none; } .fixed-cards-slider .splide__arrow--next { right: 0; transform: rotate(180deg); } .fixed-cards-slider.container-fluid .splide__arrow--prev { left: 0.05rem; } .fixed-cards-slider .container-fluid .splide__arrow--next { right: 0.05rem; } .fixed-cards-slider .splide__pagination { position: relative; margin-top: 1.5rem; } .fixed-cards-slider .splide__pagination__page { background-color: rgba(var(--bs-body-color-rgb), 0.25); opacity: 1; transition: all 0.2s ease-out; } .fixed-cards-slider.text-white .splide__pagination__page { background-color: rgba(var(--bs-white-rgb), 0.25); } .fixed-cards-slider .splide__pagination__page:hover, .fixed-cards-slider .splide__pagination__page:focus { background-color: rgba(var(--bs-body-color-rgb), 0.5); } .fixed-cards-slider.text-white .splide__pagination__page:hover, .fixed-cards-slider.text-white .splide__pagination__page:focus { background-color: rgba(var(--bs-white-rgb), 0.5); } .fixed-cards-slider .splide__pagination__page.is-active { background-color: var(--bs-body-color); } .fixed-cards-slider.text-white .splide__pagination__page.is-active { background-color: var(--bs-white); } .fixed-cards-slider .splide__pagination--mobile { margin-top: 0.05rem; } .fixed-cards-slider .btn-close { position: absolute; right: 1rem; top: 1rem; } @media (max-width: 575px) { .fixed-cards-slider .splide__pagination { display: none; } } @media (min-width: 576px) { .fixed-cards-slider .splide__pagination--mobile { display: none; } .fixed-cards-slider .splide__arrow--prev { left: -0.25rem; } .fixed-cards-slider .splide__arrow--next { right: -0.25rem; } }
/* SOURCE: assets/general.css */
/* © 2023 EcomGraduates.com https://www.ecomgraduates.com */ /* General layout */ #main { transition: all .2s ease-out; } #main::after { z-index: 1019; content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, .25); visibility: hidden; opacity: 0; transition: all .3s linear; } #main.main-hidden { position: relative; } #main.main-hidden::after { opacity: 1; visibility: visible; } /* Navbar */ .navbar .navbar-brand { color: currentColor; } .navbar .nav-link { padding: 0.25rem 0.75rem; font-weight: 500; display: flex; align-items: center; } .navbar.text-body .nav-link { color: var(--bs-body); } .navbar.text-body .nav-link:hover { color: var(--bs-dark-lighten-10); } .navbar.text-body .nav-link.active { color: var(--bs-primary); } .navbar.text-white .nav-link { color: white; } .navbar.text-white .nav-link:hover { color: rgba(255, 255, 255, 0.9); } .navbar.text-white .nav-link.active { color: white; background-color: rgba(255, 255, 255, 0.1); } .navbar .nav-link.dropdown-toggle::after { transform: translateY(1px); } #navbar-desktop .dropdown-menu { border: none; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); overflow: hidden; margin-top: 0; transition: margin-top 700ms; border-top-left-radius: 0; border-top-right-radius: 0; } .dropdown-megamenu { width: 100%; padding: 1rem 0; } .dropdown-megamenu.show { display: flex; } .dropdown-megamenu .col { max-width: 280px; } .dropdown-megamenu .dropdown-item-level-2 { font-family: var(--bs-headings-font-family); font-size: 1rem; margin-bottom: .25rem; } .dropdown-megamenu .dropdown-item-level-3 { font-size: 0.875rem; } .dropdown-megamenu .megamenu-col a { display: block; text-align: center; color: currentColor; text-decoration: none; font-size: 0.875rem; } .dropdown-megamenu .megamenu-col img { transition: all 0.2s ease-out; } .dropdown-megamenu .megamenu-col a:hover img { opacity: 0.85; } .navbar .nav-icons .nav-link { padding-left: 0.05rem; padding-right: 0.05rem; } .navbar-transparent { position: absolute !important; width: 100%; z-index: 1050 !important; transition: all .2s ease-out; } html:not(.has-scrolled) .navbar-transparent { background: transparent !important; box-shadow: none !important; } /* hover navbar start */ html:not(.has-scrolled) .navbar-hover.navbar-transparent:not(:hover) { background: transparent !important; box-shadow: none !important; } html:not(.has-scrolled) .navbar-hover.navbar-transparent:hover { --bs-bg-opacity: 1; background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; color: var(--bs-body-color) !important; } html:not(.has-scrolled) .navbar-hover.navbar-transparent:hover .nav-link { color: var(--bs-body-color) !important; } html:not(.has-scrolled) .navbar-hover.navbar-transparent:hover .nav-link.active { color: var(--bs-primary) !important; } html:not(.has-scrolled) .navbar-hover.navbar-transparent:hover .navbar-brand img { filter: unset !important; } html:not(.has-scrolled) .navbar-hover.navbar-transparent:hover .dropdown-megamenu.dropdown-menu.show { margin: 1rem !important; border-radius: var(--bs-border-radius) !important; width: calc(100% - 2rem); } /* hover navbar end */ html:not(.has-scrolled) .navbar-transparent .navbar-brand.logo-inverted img { filter: invert(1); } /* html:not(.has-scrolled) #navbar-desktop.navbar-transparent .dropdown-menu { border-radius: var(--bs-border-radius) !important; } html:not(.has-scrolled) .navbar-transparent .dropdown-megamenu { padding-top: 2rem; padding-bottom: 2rem; width: 98%; margin: 0 1%; } */ .navbar-bg-blur:not(:hover) { backdrop-filter: blur(20px); --bs-bg-opacity: .75; } /* Footer */ #footer .nav-link { font-size: 0.875rem; } #footer a { transition: all 0.2s ease-out; } #footer.text-white #footer-blocks a:not(.btn) { color: white; opacity: 0.75; } #footer.text-white #footer-blocks a:not(.btn):hover { opacity: 1; } #footer.text-dark #footer-blocks a:not(.btn) { color: var(--bs-dark); } #footer.text-dark #footer-blocks a:not(.btn):hover { opacity: 0.75; } .footer-block .title { position: relative; margin-bottom: 1.25rem; text-transform: uppercase; } .footer-block .title::before { content: ""; position: absolute; bottom: -0.75rem; left: 0; width: 1.5rem; height: 0.125rem; } .text-white .footer-block .title::before { background-color: rgba(255, 255, 255, 0.25); } .text-dark .footer-block .title::before { background-color: rgba(0, 0, 0, 0.5); } .bg-dark .footer-block .title::before, .bg-white .footer-block .title::before, .bg-light .footer-block .title::before { background-color: var(--bs-primary); } #footer.text-white .rte { color: rgba(255, 255, 255, 0.75); } #footer-about { padding: 1.25rem; } .text-white #footer-about { background-color: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); } .text-dark #footer-about { background-color: rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.1); } #footer-about .navbar-brand { opacity: 1 !important; display: inline-block; } #footer-about a { text-decoration: none; } #footer-about-newsletter .input-group-sm .btn { border-top-right-radius: var(--bs-border-radius); border-bottom-right-radius: var(--bs-border-radius); padding-left: .75rem; padding-right: .75rem; } .text-white #footer-copyright a:not(.btn) { color: white; } .text-dark #footer-copyright a:not(.btn) { color: var(--bs-dark); } #footer-copyright .payment-icons svg { height: 20px; width: auto; } #footer .social-icons-wrapper { display: inline-flex; flex-direction: column; } #footer .nav-link[aria-expanded] { padding: 1rem 2.25rem 1rem 0; font-weight: 500; font-size: 1rem; margin: 0; position: relative; text-transform: uppercase; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } #footer .nav-link[aria-expanded]::after { content: ""; position: absolute; right: 0.25rem; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-size: cover; transition: all 0.2s ease-out; } #footer .nav-link[aria-expanded="true"]::after { transform: rotate(-180deg) translateY(50%); } #footer.text-white .nav-link[aria-expanded] { border-bottom-color: rgba(255, 255, 255, 0.1); } #footer.text-white .nav-link[aria-expanded]::after { filter: invert(); } #footer .na-li[aria-expanded]::after { content: "​‌‍‍‌‌‍​‍‍‍‍⁠‌​​‌‍​​‌‌‍​‌‌‌‍‌​​‌‍​‌​‌‍‌​​‌‍​​​​‍​‌​‌‍​‌‌‌‍​​​​‍​​​​‍​‌‌​‍​‌‌​‍‍‌​‌‍‍‌‍‍‍"; position: absolute; right: 0.25rem; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-size: cover; transition: all 0.2s ease-out; } #footer-about.bg-transparent { background: none; border: none; padding: 0 !important; } #footer-scroll-top { position: fixed; bottom: 1rem; z-index: 9; opacity: 0; display: flex; padding: 0.375rem 0.05rem; transform: translateY(100%); transition: all .2s ease-out; } #footer-scroll-top.btn-show { opacity: 1; transform: translateY(0); } @media (max-width: 575px) { #footer-scroll-top { padding: .25rem .5rem; } #footer-scroll-top svg { width: 20px; height: 20px; } #footer-scroll-top[data-mobile-position="left"] { left: 1rem; } #footer-scroll-top[data-mobile-position="center"] { left: 50%; transform: translateX(-50%); } #footer-scroll-top[data-mobile-position="right"] { right: 1rem; } } @media (min-width: 576px) { #footer-scroll-top[data-desktop-position="left"] { left: 1rem; } #footer-scroll-top[data-desktop-position="center"] { left: 50%; transform: translateX(-50%); } #footer-scroll-top[data-desktop-position="right"] { right: 1rem; } } /* Blog/Article */ .article-item img { transition: all .2s ease-out; } .article-item a:hover img { opacity: .75; } /* Article Prev/Next */ #article-prev-next-prev, #article-prev-next-next { position: fixed; top: 50%; transition: all .2s ease-out; z-index: 9; } #article-prev-next-prev { left: 0; transform: translate(-100%, -50%); } .show #article-prev-next-prev { transform: translate(-50%, -50%); } .show #article-prev-next-prev:hover, .show #article-prev-next-prev:focus { transform: translate(0, -50%); } #article-prev-next-next { right: 0; transform: translate(100%, -50%); } .show #article-prev-next-next { transform: translate(50%, -50%); } .show #article-prev-next-next:hover, .show #article-prev-next-next:focus { transform: translate(0, -50%); } #article-prev-next-prev img { border-top-left-radius: 0; border-bottom-left-radius: 0; } #article-prev-next-next img { border-top-right-radius: 0; border-bottom-right-radius: 0; } @media (max-width: 1599px) { #article-prev-next img { max-width: 60px; } } /* Search page */ @media (max-width: 991px) { #search-header .btn { width: 100%; } } @media (min-width: 992px) { #search-header .form-select { width: auto; min-width: 160px; } } /* Account pages account, login, register, order, etc */ /* Quantity wrapper (plus/minus) */ .quantity-wrapper { position: relative; max-width: 120px; flex-shrink: 0; } .quantity-wrapper .btn { position: absolute; top: 0; padding: 0; width: 36px; height: 100%; box-shadow: none; border: none; display: flex; align-items: center; justify-content: center; } .quantity-wrapper .btn:focus-visible { box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), .25); } .quantity-wrapper .btn[data-mode="minus"] { left: 0; } .quantity-wrapper .btn[data-mode="plus"] { right: 0 } .quantity-wrapper .form-control { text-align: center; padding-left: 2rem; padding-right: 2rem; } /* SplideJS overrides */ .splide__arrow { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H6M12 5l-7 7 7 7'/%3E%3C/svg%3E"); background-size: 60%; background-position: center; background-repeat: no-repeat; background-color: rgba(var(--bs-dark-rgb), .75); width: 2rem; height: 2rem; transition: all .2s ease-out; opacity: 1; } @media (min-width: 576px) { .splide__arrow { width: 2.25rem; height: 2.25rem; } } .splide__arrow:not([disabled]):hover { background-color: var(--bs-primary); opacity: 1; background-position: 40% 50%; } .splide.is-focus-in .splide__arrow:focus, .splide__arrow:focus-visible { outline: none; box-shadow: 0 0 0 0.125rem rgba(var(--bs-primary-rgb), .5) } .splide__arrow--prev {} .splide__arrow--next { transform: rotate(180deg) translateY(50%); } .splide__arrow:disabled { opacity: 0 !important; } .splide__arrow svg { display: none; } .splide__track--nav>.splide__list>.splide__slide { border: 1px solid transparent; } .splide__track--nav>.splide__list>.splide__slide.is-active { border: 1px solid var(--bs-primary); } body .splide__video, body .splide__video iframe, body .splide__video__wrapper { border-radius: var(--bs-border-radius); overflow: hidden; } body .splide__video__play { background-color: var(--bs-body-color); } body .splide__video__play:after { border-left-color: var(--bs-body-bg); } /* Glightbox gallery */ @media (max-width: 768px) { body .glightbox-clean .gprev, body .glightbox-clean .gnext { top: 45%; width: 32px; height: 38px; border-radius: 0.125rem; } body .glightbox-clean .gprev { left: 1rem; } body .glightbox-clean .gnext { right: 1rem; } body .glightbox-clean .gprev svg, body .glightbox-clean .gnext svg { width: 20px; } } /* Countdown timers */ ul.countdown-timer { display: flex; margin: 0; } ul.countdown-timer li { border-radius: .25rem; padding: .075rem .15rem; margin: 0 0.125rem; font-size: .7rem; font-weight: bold; min-width: 20px; min-height: 18px; text-align: center; display: flex; align-items: center; justify-content: center; background-color: var(--bs-light); color: var(--bs-dark); border: 1px solid var(--bs-dark); border-radius: var(--bs-border-radius); } .text-white ul.countdown-timer li { background: white; color: var(--bs-dark); border-color: transparent; } /* Wishlist - various */ .wishlist-icon { position: relative; } .wishlist-icon .badge { position: absolute; top: 2px; right: 0; width: 18px; height: 18px; border-radius: 50% !important; display: flex; align-items: center; justify-content: center; } /* Offcanvas Accordion */ .offcanvas-accordion .offcanvas-body { padding: 1rem; } .offcanvas-accordion .accordion { margin-bottom: 0; } .offcanvas-accordion .accordion-item { border-left: none; border-right: none; } .offcanvas-accordion .accordion-item:first-of-type { border-top: none; } .offcanvas-accordion .accordion-item:last-of-type { border-bottom: none; } .offcanvas-accordion .accordion-button { padding: 1rem 1.25rem; } .offcanvas-accordion .accordion-body { padding: 1rem 1.25rem; } .offcanvas-from-bottom { transform: translateY(100%); } .offcanvas-from-top { transform: translateY(-100%); } .offcanvas.show:not(.hiding), .offcanvas.showing { transform: none; } .offcanvas.rounded { margin: 0.75rem; border-radius: var(--bs-border-radius); overflow: hidden; } .offcanvas.rounded .offcanvas-header { border-top-right-radius: inherit; border-top-left-radius: inherit; } @media (max-width: 575px) { .offcanvas.rounded { width: calc(100% - 1.5rem) !important; } } /* Offcanvas wishlist */ #offcanvas-wishlist .product-item { position: relative; } #offcanvas-wishlist .product-item .product-item-title { margin-right: 2.25rem; } #offcanvas-wishlist .product-item .spr-badge { margin: 0 0 .25rem; } #offcanvas-wishlist .product-item .btn-remove { position: absolute; top: .5rem; right: -.25rem; display: flex; color: var(--bs-dark); opacity: .75; border: none; } #offcanvas-wishlist .product-item .btn-remove:hover, #offcanvas-wishlist .product-item .btn-remove:focus { opacity: 1; } #offcanvas-wishlist-empty { display: flex; justify-content: center; flex-direction: column; align-items: center; height: 100%; } #offcanvas-wishlist-empty svg { animation: offcanvas-wishlist-empty-svg-animation 1s linear infinite alternate; } @keyframes offcanvas-wishlist-empty-svg-animation { from { transform: translateX(-.5rem); } to { transform: translateX(.5rem); } } /* Offcanvas menu */ #offcanvas-menu { max-width: 300px; } #offcanvas-menu .offcanvas-header a { color: currentColor; } #offcanvas-menu-nav .nav-link { color: var(--bs-body-color); border-bottom: 1px solid var(--bs-border-color); padding: 0.75rem 2.5rem .75rem 1rem; font-weight: 500; position: relative; } #offcanvas-menu-nav .nav-link[aria-expanded]::after { content: ""; position: absolute; right: .75rem; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; background-size: cover; transition: all .2s ease-out; /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='5' x2='12' y2='19'%3E%3C/line%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E"); */ } #offcanvas-menu-nav .nav-link[aria-expanded="true"]::after { /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E"); */ } #offcanvas-menu-nav .nav-link.active { color: var(--bs-primary); } #offcanvas-menu-nav .nav { padding: .5rem 0; background-color: var(--bs-light); } #offcanvas-menu-nav .dropdown-item { padding: .5rem 1rem; } #offcanvas-menu-nav .dropdown-item.active { color: var(--bs-primary); } #offcanvas-menu-nav .megamenu-block a { display: block; text-align: center; color: currentColor; text-decoration: none; font-size: .875rem; padding: 1rem; } #offcanvas-menu-nav .megamenu-block+.megamenu-block a { padding-top: .25rem; } #offcanvas-menu-utilities-nav .nav-link { color: var(--bs-body-color); font-size: .875rem; display: flex; align-items: center; } #offcanvas-menu-utilities-nav .nav-link.active { color: var(--bs-primary); } #offcanvas-menu-utilities-nav .wishlist-count-badge { background-color: var(--bs-primary); width: 18px; height: 18px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-left: 0.25rem; } #offcanvas-menu .offcanvas-footer { padding: .25rem .5rem .5rem; background-color: var(--bs-light); border-top: 1px solid var(--bs-border-color); } #offcanvas-menu .social-icons .nav-link { color: var(--bs-dark); } @media (max-width: 599px) { #offcanvas-menu { max-width: none; } } /* Offcanvas search */ #offcanvas-search {} .predictive-search .form-control-wrapper { position: relative; } .predictive-search .form-control-wrapper svg.icon-search { position: absolute; left: .75rem; top: 50%; transform: translateY(-50%); opacity: .75; } .predictive-search .form-control-wrapper .form-control { padding-left: 2.5rem; padding-right: 2.5rem; } .predictive-search .form-control-wrapper .btn-search-by-voice { position: absolute; right: 0; top: 50%; transform: translateY(-50%); opacity: .75; display: flex; align-items: center; transition: all .2s ease-out; } .predictive-search .form-control-wrapper .btn-search-by-voice.speech-started { animation: speechStarted 1s linear infinite alternate; } @keyframes speechStarted { to { opacity: .25; } } .predictive-search .form-control-wrapper .btn-search-by-voice:hover, .predictive-search .form-control-wrapper .btn-search-by-voice:focus { opacity: 1; } .predictive-search .form-control-wrapper .btn-search-by-voice:focus-visible { box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), .25); } .predictive-search-results-title { border-bottom: 1px solid var(--bs-border-color); padding-bottom: .5rem; } .predictive-search .product-item .spr-badge { margin-bottom: .25rem; } /* Language/Currency selector */ .language-selector .dropdown-menu, .currency-selector .dropdown-menu { max-height: 360px; overflow: auto; z-index: 1021; border: none; } /* Shopify's Product Reviews App https://apps.shopify.com/product-reviews */ body .spr-icon {} body .spr-badge { margin: 0 0 0.05rem; } body .spr-starrating { display: inline-block; } body [class^="spr-icon-"]:before, body [class*=" spr-icon-"]:before { font-size: 100%; } body .spr-badge-caption { font-size: .875rem; opacity: .75; } body .spr-summary { font-size: .875rem; margin-bottom: .25rem; } body #shopify-product-reviews { margin: 0; } body .spr-container { max-width: 1290px; margin: 3rem auto; padding: 1rem; border-color: var(--bs-border-color); border-radius: var(--bs-border-radius); } @media (max-width: 1320px) { body .spr-container { margin-left: 1rem; margin-right: 1rem; } } body .spr-header-title { margin-bottom: .5rem; } body .spr-summary-actions-newreview { font-size: 1rem; padding-left: 2.25rem; margin-top: -1rem; position: relative; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 14.66V20a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h5.34'%3E%3C/path%3E%3Cpolygon points='18 2 22 6 12 16 8 16 8 12 18 2'%3E%3C/polygon%3E%3C/svg%3E"); background-position: 0.65rem center; background-size: 18px; background-repeat: no-repeat; } body .spr-form-title { font-size: 24px; line-height: normal; margin-bottom: .5rem; } body .spr-form-label { font-size: 1rem; line-height: normal; margin: 0 0 .75rem; } body .spr-form-contact-name, body .spr-form-contact-email, body .spr-form-contact-location, body .spr-form-review-rating, body .spr-form-review-title, body .spr-form-review-body { margin-bottom: 1.25rem; } body .spr-form-message-success { color: #0f5132; background-color: #d1e7dd; border-color: #badbcc; } body .spr-form-actions .btn { float: left; } body .spr-review-content-body { font-size: 1rem; line-height: normal; } body .spr-review-content { margin-bottom: 1rem; } body .spr-review-header-starratings { margin-bottom: .25rem; } body .spr-review-header-byline { font-size: 14px; opacity: .75; margin-bottom: .5rem; } body .spr-review-reply { background: var(--bs-light); border-radius: .25rem; padding: 1rem; } body .spr-review-reply-body { font-size: 1rem; } body .spr-review-reportreview { color: var(--bs-dark); opacity: .5; } .spr-pagination-page a { border: 1px solid rgba(0, 0, 0, .1); padding: 0.125rem 0.05rem; text-decoration: none; display: inline-block; transition: all .2s ease-out; } .spr-pagination-page a:hover, .spr-pagination-page a:focus { background-color: rgba(0, 0, 0, .05); } .spr-pagination-page.is-active { border: 1px solid rgba(0, 0, 0, .1); padding: 0.125rem 0.05rem; } @media (max-width: 480px) { body .spr-summary-actions-newreview { display: block; margin-top: .75rem; } } /* Loox https://apps.shopify.com/product-reviews */ .loox-rating svg.loox-icon { width: .9em; height: .9em; } .loox-rating .loox-rating-label { font-size: .9em; } /* JudgeMe https://apps.shopify.com/judgeme */ body .jdgm-prev-badge { font-size: .9em; } .product-item .jdgm-prev-badge { margin-bottom: .25rem; } body .jdgm-rev-widg { max-width: 1320px; padding-left: 1rem; padding-right: 1rem; margin-left: auto; margin-right: auto; } .page-type-product .jdgm-widget { width: 100%; padding-right: var(--bs-gutter-x, .75rem); padding-left: var(--bs-gutter-x, .75rem); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .page-type-product .jdgm-widget { max-width: 540px; } } @media (min-width: 768px) { .page-type-product .jdgm-widget { max-width: 720px; } } @media (min-width: 992px) { .page-type-product .jdgm-widget { max-width: 960px; } } @media (min-width: 1200px) { .page-type-product .jdgm-widget { max-width: 1140px; } } @media (min-width: 1400px) { .page-type-product .jdgm-widget { max-width: 1320px; } } .jdgm-rev__pic-img { border-radius: var(--bs-border-radius) !important; padding: 0.25rem; background-color: var(--bs-body-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); max-width: 100%; height: auto; } .jdgm-gallery__thumbnail { border-radius: var(--bs-border-radius) !important; padding: 0.25rem; background-color: var(--bs-body-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); max-width: 100%; height: auto; } /* noUiSlider https://refreshless.com/nouislider/ */ body {} body .noUi-horizontal { height: 8px; } body .noUi-horizontal .noUi-handle { width: 22px; height: 22px; right: -11px; top: -8px; border-radius: 50%; box-shadow: none; background-color: var(--bs-body-bg); border: 1.5px solid var(--bs-body-color) } body .noUi-handle::before, body .noUi-handle::after { background-color: var(--bs-body-color); height: 8px; width: 1.5px; left: 7px; top: 5px; } body .noUi-handle::after { left: 11px; } body .noUi-target { box-shadow: none; background-color: var(--bs-light); border: 1px solid var(--bs-border-color); padding: 0 11px; } body .noUi-connect { background-color: var(--bs-body-color); } /* Rivo Reviews */ /* Shopify Subscriptions App */ body .shopify_subscriptions_app__title { font-family: var(--bs-headings-font-family); font-size: 1.25rem; margin: 0 0 0.05rem; } body .shopify_subscriptions_app_block_label ul { padding: 0.25rem 0 0; } body .shopify_subscriptions_fieldset label { display: flex; align-items: center; } body .shopify_subscriptions_fieldset input[type="radio"] { margin: 0 .75rem 0 0; } body .shopify_subscriptions_app_policy { margin: .25rem 0 2rem; opacity: .75; text-align: center; font-size: .925rem; } /* scroll progress bar */ .scroll-progress-bar-header { position: fixed; top: 0; width: 100%; z-index: 2075; } .scroll-progress-bar-container { background-color: rgba(150, 150, 150, 0.6); height: 5px; width: 100%; } .scroll-progress-bar { background-color: var(--bs-primary); height: 5px; width: 0%; } /* Air Datepicker */ body .air-datepicker { --adp-border-radius: var(--bs-border-radius); --adp-color-current-date: var(--bs-primary); --adp-cell-background-color-selected-hover: var(--bs-primary); --adp-cell-background-color-selected: var(--bs-primary); --adp-day-name-color: var(--bs-secondary); --adp-day-name-color-hover: var(--bs-secondary); } /* Afterpay */ #product-page .afterpay-paragraph { font-size: .9rem; margin: -1rem 0 .75rem !important; } /* Article Upsell Product */ #article-upsell-product { position: fixed; bottom: 1rem; left: 1rem; z-index: 2147483647; background-color: white; max-width: 320px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); border-radius: 8px; padding: 1rem; font-family: Arial, sans-serif; transition: transform 0.3s ease-in-out; } #article-upsell-product:hover { transform: translateY(-5px); } #article-upsell-product img { width: 100%; border-radius: 4px; margin-bottom: 1rem; } #article-upsell-product .qty-selector { margin-top: 2rem; display: flex; align-items: center; justify-content: space-between; } #article-upsell-product .qty-selector label { font-weight: bold; } #article-upsell-product .qty-selector input { width: 50px; padding: 0.05rem; border: 1px solid #ccc; border-radius: 4px; text-align: center; } @media (max-width: 575px) { #article-upsell-product { width: calc(100% - 2rem); max-width: none; left: 0.05rem; right: 0.05rem; padding: 0.05rem; } #article-upsell-product img { margin-bottom: 0.05rem; } #article-upsell-product .qty-selector { margin-top: 1.5rem; } #article-upsell-product .qty-selector input { width: 100%; } }
/* SOURCE: assets/ingredient-slider.css */
/* Ingredient Slider */ .ingredient-slider { overflow: hidden; } .ingredient-slider .splide__track { overflow: visible; } .ingredient-slider .splide__slide { opacity: .25; transition: all .2s ease-out; } .ingredient-slider .splide__slide--inner { color: white; border-radius: 0.25rem; /* Add this line for rounded corners */ overflow: hidden; /* Add this line to ensure content doesn't overflow */ transition: border-radius 0.2s ease-out; /* Add this line for smooth transition */ } .ingredient-slider .splide__slide--inner .inner-content { transition: all .2s ease-out; padding: 1.5rem; height: 100%; } .ingredient-slider .splide__slide--inner .description { opacity: 0; transform: translateY(2rem); transition: all .2s ease-out; transition-delay: .2s; } .ingredient-slider .splide__slide--inner:hover { border-radius: 1rem; /* Add this line to increase roundness on hover */ } .ingredient-slider .splide__slide--inner:hover .inner-content { background-color: rgba(0, 0, 0, .5); backdrop-filter: blur(10px); } .ingredient-slider .splide__slide--inner:hover .inner-content .title { color: white !important; } .ingredient-slider .splide__slide--inner:hover .description { opacity: 1; transform: translateY(0); } .ingredient-slider .splide__slide.is-visible { opacity: 1; } .ingredient-slider .splide__arrow--prev { left: 0; transform: none; } .ingredient-slider .splide__arrow--next { right: 0; transform: rotate(180deg); } .ingredient-slider .splide__pagination { position: relative; margin-top: 1.25rem; } .ingredient-slider .splide__pagination__page { background-color: rgba(0, 0, 0, .25); opacity: 1; transition: all .2s ease-out; } .ingredient-slider .splide__pagination__page:hover, .ingredient-slider .splide__pagination__page:focus { background-color: rgba(0, 0, 0, .5); } .ingredient-slider .splide__pagination__page.is-active { background-color: var(--bs-dark); } @media (max-width: 575px) { .ingredient-slider .splide__slide.is-visible .inner-content { background-color: rgba(0, 0, 0, .5); backdrop-filter: blur(10px); } .ingredient-slider .splide__slide.is-visible .description { opacity: 1; transform: translateY(0); } }
/* SOURCE: assets/instagram-gallery.css */
/* Instagram Gallery */ .instagram-title-brand .title { display: inline-block; background: -webkit-linear-gradient(0deg, #8a3ab9, #e95950, #bc2a8d, #fbad50); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .instagram-gallery .splide__slide a { display: block; position: relative; overflow: hidden; } .instagram-gallery .splide__slide a::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: all 0.2s ease-out; } .instagram-gallery .splide__slide a:hover::before { opacity: 1; } .instagram-gallery .splide__slide a::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'><path d='M16.98 0a6.9 6.9 0 0 1 5.08 1.98A6.94 6.94 0 0 1 24 7.02v9.96c0 2.08-.68 3.87-1.98 5.13A7.14 7.14 0 0 1 16.94 24H7.06a7.06 7.06 0 0 1-5.03-1.89A6.96 6.96 0 0 1 0 16.94V7.02C0 2.8 2.8 0 7.02 0h9.96zm.05 2.23H7.06c-1.45 0-2.7.43-3.53 1.25a4.82 4.82 0 0 0-1.3 3.54v9.92c0 1.5.43 2.7 1.3 3.58a5 5 0 0 0 3.53 1.25h9.88a5 5 0 0 0 3.53-1.25 4.73 4.73 0 0 0 1.4-3.54V7.02a5 5 0 0 0-1.3-3.49 4.82 4.82 0 0 0-3.54-1.3zM12 5.76c3.39 0 6.2 2.8 6.2 6.2a6.2 6.2 0 0 1-12.4 0 6.2 6.2 0 0 1 6.2-6.2zm0 2.22a3.99 3.99 0 0 0-3.97 3.97A3.99 3.99 0 0 0 12 15.92a3.99 3.99 0 0 0 3.97-3.97A3.99 3.99 0 0 0 12 7.98zm6.44-3.77a1.4 1.4 0 1 1 0 2.8 1.4 1.4 0 0 1 0-2.8z'/></svg>"); background-repeat: no-repeat; background-size: 32px; background-position: center; opacity: 0; transform: scale(0); transition: all 0.2s ease-out; } .instagram-gallery .splide__slide a:hover::after { opacity: 1; transform: scale(1); } .instagram-gallery a.img-thumbnail img { border-radius: 1.75rem; } .instagram-gallery-meta { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: flex-end; justify-content: center; padding: 0; color: white; opacity: 0; transform: translateY(2rem); transition: all 0.2s ease-out; } a:hover .instagram-gallery-meta { opacity: 1; transform: translate(0); } .instagram-gallery-meta-likes { display: inline-block; position: relative; padding-left: 26px; margin: 0.75rem; } .instagram-gallery-meta-likes::before { content: ""; background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'><path d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/></svg>"); background-repeat: no-repeat; background-position: center; width: 24px; height: 24px; display: block; background-size: 18px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .instagram-gallery-meta-comments { display: inline-block; position: relative; padding-left: 26px; margin: 0.75rem; } .instagram-gallery-meta-comments::before { content: ""; background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'><path d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z'/></svg>"); background-repeat: no-repeat; background-position: center; width: 24px; height: 24px; display: block; background-size: 18px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
/* SOURCE: assets/lumnira-premium.css */
/* ========================================================= Lumnira Premium Polish Additive styles only - loaded last, safe to remove anytime. Brand (locked): navy #0f1b3d / #0d162f, gold #D4AF37 / #c8a24b ========================================================= */ :root { --lp-gold: #D4AF37; --lp-gold-2: #c8a24b; --lp-navy: #0f1b3d; --lp-navy-deep: #0d162f; --lp-ease: cubic-bezier(0.16, 1, 0.3, 1); } /* ---------- Typography refinement ---------- */ body { line-height: 1.7; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } h1, .h1, h2, .h2, h3, .h3 { letter-spacing: -0.015em; line-height: 1.18; } /* Gold text selection */ ::selection { background: rgba(212, 175, 55, 0.35); color: #ffffff; } /* ---------- Buttons ---------- */ .btn { letter-spacing: 0.06em; transition: transform 0.25s var(--lp-ease), box-shadow 0.25s var(--lp-ease), filter 0.25s var(--lp-ease), background-color 0.25s var(--lp-ease), border-color 0.25s var(--lp-ease); } .btn-primary:hover, .btn-primary:focus { filter: brightness(1.08); transform: translateY(-1px); box-shadow: 0 8px 24px rgba(212, 175, 55, 0.28); } .btn-primary:active { transform: translateY(0); } .btn-outline-light:hover, .btn-outline-secondary:hover { border-color: var(--lp-gold-2); box-shadow: 0 6px 18px rgba(200, 162, 75, 0.2); } /* ---------- Links ---------- */ a { transition: color 0.2s ease, opacity 0.2s ease; } /* ---------- Cards & product cards ---------- */ .card { overflow: hidden; transition: transform 0.35s var(--lp-ease), box-shadow 0.35s var(--lp-ease), border-color 0.35s var(--lp-ease); } .card:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(13, 22, 47, 0.45); border-color: rgba(212, 175, 55, 0.45); } .card img { transition: transform 0.6s var(--lp-ease); } .card:hover img { transform: scale(1.03); } /* ---------- Header ---------- */ .navbar { border-bottom: 1px solid rgba(212, 175, 55, 0.28); } /* ---------- Footer ---------- */ [id^="shopify-section"][id*="footer"] { border-top: 1px solid rgba(212, 175, 55, 0.25); } /* ---------- Announcement bar ---------- */ [id^="shopify-section"][id*="announcement"] { letter-spacing: 0.1em; } /* ---------- Forms (newsletter, contact) ---------- */ .form-control:focus { border-color: var(--lp-gold-2); box-shadow: 0 0 0 0.2rem rgba(212, 175, 55, 0.5); } /* ---------- Subtle scroll fade-in (progressive enhancement, only in browsers that support it; opacity-only so it never conflicts with hover effects) ---------- */ @keyframes lp-fade-in { from { opacity: 0; } to { opacity: 1; } } @supports (animation-timeline: view()) { @media (prefers-reduced-motion: no-preference) { .shopify-section .card, .shopify-section h2 { animation: lp-fade-in both; animation-timeline: view(); animation-range: entry 0% entry 35%; } } } /* ---------- Accessibility: respect reduced motion ---------- */ @media (prefers-reduced-motion: reduce) { .btn, .card, .card img, a { transition: none !important; } .card:hover { transform: none; } .card:hover img { transform: none; } }
/* SOURCE: assets/marquee.css */
/* Marquee */ .marquee ul { margin: 0; display: inline-flex; align-items: center; animation-timing-function: linear; animation-iteration-count: infinite; } .marquee ul:hover { animation-play-state: paused; } .marquee ul li { position: relative; flex-shrink: 0; padding: 0 1rem; } .marquee.separator-dot ul li::after { content: ""; background-color: currentColor; background-size: cover; width: 0.25rem; height: 0.25rem; border-radius: 50%; position: absolute; right: 0; top: 50%; transform: translate(50%, -50%); } .marquee ul li a { color: currentColor; padding: 0.05rem 0; text-decoration: none; transition: all 0.2s ease-out; } .marquee ul li a:hover, .marquee ul li a:focus { opacity: 0.75; } @media (prefers-reduced-motion: reduce) { .marquee ul { animation: none; } } /* ========================================================================== LUMNIRA BRAND MARQUEE COLOR UNIFICATION ========================================================================== */ .marquee { color: #D4AF37 !important; }
/* SOURCE: assets/media-with-text.css */
/* © 2025 EcomGraduates.com https://www.ecomgraduates.com */ .media-with-text { } .media-with-text .media-wrapper { position: relative; } .media-with-text-circular-text { position: absolute; z-index: 1; width: 180px; height: 180px; pointer-events: none; animation: media_with_text_circular_text_rotate 20s linear infinite; } .media-with-text-circular-text[data-position="top-left-out"] { top: -60px; left: -60px; } .media-with-text-circular-text[data-position="top-right-out"] { top: -60px; right: -60px; } .media-with-text-circular-text[data-position="bottom-left-out"] { bottom: -50px; left: -50px; } .media-with-text-circular-text[data-position="bottom-right-out"] { bottom: -90px; right: -90px; } .media-with-text-circular-text[data-position="top-left-in"] { top: 20px; left: 20px; } .media-with-text-circular-text[data-position="top-right-in"] { top: 20px; right: 20px; } .media-with-text-circular-text[data-position="bottom-left-in"] { bottom: 20px; left: 20px; } .media-with-text-circular-text[data-position="bottom-right-in"] { bottom: 20px; right: 20px; } .media-with-text-circular-text[data-position="center"] { top: 50%; left: 50%; transform: translate(-50%, -50%); } .media-with-text-circular-text svg { width: 100%; height: 100%; overflow: visible; } .media-with-text-circular-text path { fill: none; } .media-with-text-circular-text text { fill: var(--color); letter-spacing: 2px; } @keyframes media_with_text_circular_text_rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* Position-specific styles */ .circular-text-outside { transform: translate(-50%, -50%); } .circular-text-inside { transform: translate(50%, 50%); } .circular-text-center { top: 50%; left: 50%; transform: translate(-50%, -50%); }
/* SOURCE: assets/product.css */
/* © 2023 EcomGraduates.com https://www.ecomgraduates.com */ /* Image badges */ .img-badge-sale { background-color: var(--bs-success); } .img-badge-sold-out { background-color: var(--bs-secondary); } .img-badge-custom { background-color: var(--bs-primary); } img.img-badge-custom { background: none !important; } /* Product gallery */ .product-gallery { position: relative; } .product-gallery .img-badge-custom { position: absolute; top: 1rem; left: 1rem; z-index: 1; } .product-gallery .main-splide a { cursor: zoom-in; display: block; position: relative; } .product-gallery .main-splide a::after { content: ""; position: absolute; top: 1rem; right: 1rem; width: 32px; height: 32px; background-size: 60%; background-repeat: no-repeat; background-position: center; z-index: 1; opacity: .5; background-color: rgba(0, 0, 0, .25); border-radius: 50rem; transition: all .2s ease-out; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3Cline x1='11' y1='8' x2='11' y2='14'%3E%3C/line%3E%3Cline x1='8' y1='11' x2='14' y2='11'%3E%3C/line%3E%3C/svg%3E"); } .product-gallery .main-splide a:hover::after { background-color: rgba(0, 0, 0, .5); } .product-gallery .main-splide .ratio { display: flex; justify-content: center; height: 100%; object-fit: cover; background: black; } .product-gallery .main-splide-adapt .splide__slide:not(.is-active) { height: 0; } .product-gallery .thumbs-splide .splide__slide.is-active { border: none; } .product-gallery .thumbs-splide img { transition: all .2s ease-out; } .product-gallery .thumbs-splide img:hover { opacity: .75; } .product-gallery .thumbs-splide .splide__slide.is-active img { border: 1px solid var(--bs-primary); } .product-gallery .thumbs-splide .splide__slide.is-video, .product-gallery .thumbs-splide .splide__slide.is-model { position: relative; } .product-gallery .thumbs-splide .splide__slide.is-video::after, .product-gallery .thumbs-splide .splide__slide.is-model::after { content: ""; width: 32px; height: 32px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-repeat: no-repeat; background-position: center; background-color: rgba(0,0, 0, .5); border-radius: .25rem; } .product-gallery .thumbs-splide .splide__slide.is-video::after { background-size: 80%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-play-fill' viewBox='0 0 16 16'%3E%3Cpath d='m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z'/%3E%3C/svg%3E"); } .product-gallery .thumbs-splide .splide__slide.is-model::after { background-size: 60%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' focusable='false' class='icon icon-3d-model' fill='none' viewBox='0 0 18 21'%3E%3Cpath d='M7.67998 20.629L1.28002 16.723C0.886205 16.4784 0.561675 16.1368 0.337572 15.731C0.113468 15.3251 -0.00274623 14.8686 -1.39464e-05 14.405V6.59497C-0.00238367 6.13167 0.113819 5.6755 0.33751 5.26978C0.561202 4.86405 0.884959 4.52227 1.278 4.27698L7.67796 0.377014C8.07524 0.131403 8.53292 0.000877102 8.99999 9.73346e-08C9.46678 -0.000129605 9.92446 0.129369 10.322 0.374024V0.374024L16.722 4.27399C17.1163 4.51985 17.4409 4.86287 17.6647 5.27014C17.8885 5.67742 18.0039 6.13529 18 6.59998V14.409C18.0026 14.8725 17.8864 15.3289 17.6625 15.7347C17.4386 16.1405 17.1145 16.4821 16.721 16.727L10.321 20.633C9.92264 20.8742 9.46565 21.0012 8.99999 21C8.53428 20.9998 8.07761 20.8714 7.67998 20.629V20.629ZM8.72398 2.078L2.32396 5.97803C2.22303 6.04453 2.14066 6.13551 2.08452 6.24255C2.02838 6.34959 2.00031 6.46919 2.00298 6.59003V14.4C2.00026 14.5205 2.02818 14.6396 2.08415 14.7463C2.14013 14.853 2.22233 14.9438 2.32298 15.01L7.99999 18.48V10.919C8.00113 10.5997 8.08851 10.2867 8.25292 10.0129C8.41732 9.73922 8.65267 9.51501 8.93401 9.36401L15.446 5.841L9.28001 2.08002C9.19614 2.02738 9.09901 1.99962 8.99999 2C8.90251 1.99972 8.8069 2.02674 8.72398 2.078V2.078Z' fill='white'%3E%3C/path%3E%3C/svg%3E"); } .product-gallery .thumbs-splide .splide__arrow { width: 1.75rem; height: 1.75rem; } .product-gallery .thumbs-splide .splide__arrow--prev { left: -0.05rem; } .product-gallery .thumbs-splide .splide__arrow--next { right: -0.05rem; } @media (max-width: 575px) { .product-gallery .thumbs-splide .splide__slide.is-video::after { width: 24px; height: 24px; } .main-splide-mobile-full-width { margin: -1rem -1rem 0; } .main-splide-mobile-full-width img { border: none; padding: 0; border-radius: 0 !important; } .main-splide-mobile-full-width .splide__slide { padding-left: 0 !important; } } @media (max-width: 991px) { .product-gallery[data-show-thumbs-mobile="false"] .main-splide { margin-left: -1rem; margin-right: -1rem; } .product-gallery[data-show-thumbs-mobile="false"] .splide__slide { padding-left: 1rem; } } /* Product content */ .product-content .product-price { display: flex; align-items: center; flex-wrap: wrap; } .product-price-compare + .product-price-final { color: var(--bs-success); } .product-content .product-price .price-badge-sale { background-color: var(--bs-success); font-size: .75rem; margin-left: .75rem; } .product-content .product-price .price-badge-sold-out { background-color: var(--bs-secondary); font-size: .75rem; margin-left: .75rem; } .product-content shopify-payment-terms { display: block; margin: -1rem 0 1.5rem; font-size: .875rem; } /* Product Form */ .shopify-product-form ul.color-swatches { display: flex; flex-wrap: wrap; } .shopify-product-form ul.color-swatches input + label { display: block; border-radius: 50%; border: 1px solid var(--bs-border-color); padding: .125rem; cursor: pointer; transition: all .2s ease-out; } .shopify-product-form ul.color-swatches input + label img { border-radius: 50%; } .shopify-product-form ul.color-swatches input + label:hover { opacity: .75; } .shopify-product-form ul.color-swatches input:focus-visible + label { box-shadow: 0 0 0 0.125rem rgba(var(--bs-body-color-rgb), .5) } .shopify-product-form ul.color-swatches input:checked + label { border-color: var(--bs-body-color); } .shopify-product-form ul.color-swatches-new { } .shopify-product-form ul.color-swatches-new input + label { } .shopify-product-form ul.color-swatches-new input + label span { border-radius: 50rem; width: 26px; height: 26px; display: block; } .shopify-product-form ul.color-swatches-new input+label span img { } .shopify-product-form ul.size-buttons { display: flex; flex-wrap: wrap; } .shopify-product-form ul.size-buttons input + label { border: 1px solid var(--bs-body-color); padding: .25rem .75rem; cursor: pointer; transition: all .2s ease-out; } .shopify-product-form ul.size-buttons input + label:hover { background-color: rgba(0, 0, 0, .1); } .shopify-product-form ul.size-buttons input:focus-visible + label { box-shadow: 0 0 0 0.125rem rgba(var(--bs-body-color-rgb), .5) } .shopify-product-form ul.size-buttons input:checked + label { background-color: var(--bs-body-color); color: var(--bs-body-bg); } .shopify-product-form ul.size-buttons input + label.disabled { opacity: .5; text-decoration: line-through; } .shopify-product-form ul.size-buttons input + label.hidden { display: none; } .shopify-product-form .btn-wishlist-add-remove.is-wishlisted { border-color: var(--bs-primary); color: var(--bs-primary); } .shopify-product-form .btn-wishlist-add-remove.is-wishlisted:hover, .shopify-product-form .btn-wishlist-add-remove.is-wishlisted:focus { background-color: transparent; } .shopify-product-form button[aria-disabled="true"] { display: none; } .shopify-product-form .quantity-wrapper { max-width: 100px; } .shopify-product-form .qty-position-inline { display: flex; } .shopify-product-form .qty-position-inline .quantity-wrapper { margin-right: .75rem; } .shopify-product-form .qty-position-above .quantity-wrapper { margin-bottom: .75rem; } /* Purchase options (selling/subscription plans) */ #product-purchase-options { } #product-purchase-options .form-check { position: relative; padding: .2rem 0; margin: 0; } #product-purchase-options .form-check-label { background-color: var(--bs-light); padding: .75rem 1rem .75rem 3rem; margin: 0; width: 100%; cursor: pointer; transition: all .2s ease-out; display: flex; align-items: center; justify-content: space-between; } #product-purchase-options .form-check-label:hover, #product-purchase-options .form-check-label:focus { background-color: var(--bs-light-darken-5); } #product-purchase-options input:checked + .form-check-label { background-color: var(--bs-light-darken-5); } #product-purchase-options .form-check-input { position: absolute; top: 50%; left: 1.25rem; transform: translateY(-50%); margin: 0; } #product-purchase-options .subscription-benefits ul { } #product-purchase-options .subscription-benefits ul li { line-height: normal; font-size: .925rem; padding-top: .25rem; padding-bottom: .25rem; } #product-purchase-options .subscription-benefits ul li svg { margin-right: .5rem; } /* Store availability (local pickup) */ /* Inventory bar */ #inventory-bar { transition: all .2s ease-out; } #inventory-bar .progress { height: .5rem; } /* Product accordion */ .product-accordion .accordion-button { background-color: var(--bs-light); box-shadow: none; } .product-accordion .accordion-button:focus-visible { box-shadow: 0 0 0 0.125rem rgba(var(--bs-dark-rgb), .5); } /* Bought Togehter */ #product-bought-together { padding: .5rem 0 1rem; } #bought-together-title { border-bottom: 1px solid var(--bs-border-color); padding: 0 0 .5rem; margin: 0 0 .25rem; } #product-bought-together .product-item { transition: all .2s ease-out; } #product-bought-together .product-item-img-wrapper { overflow: hidden; } #product-bought-together .product-item:not(:last-child) .product-item-img-wrapper:after { content: "+"; position: absolute; bottom: -1.8rem; left: 50%; transform: translateX(-50%); font-size: 1.25rem; font-weight: 300; } #product-bought-together .product-item select { max-width: fit-content; } @media (min-width: 1200px) { #product-bought-together .product-item .product-item-img-wrapper:after { display: none; } } /* Qty Breaks */ #product-qty-breaks .form-check { position: relative; padding: 0.05rem 0; margin: 0; } #product-qty-breaks .form-check-input { position: absolute; top: 50%; left: 1.25rem; transform: translateY(-50%); margin: 0; z-index: 1; } #product-qty-breaks label { background-color: var(--bs-light); padding: .75rem 1rem .75rem 3rem; margin: 0; width: 100%; cursor: pointer; transition: all .2s ease-out; } #product-qty-breaks .form-check-label { border: 1px solid transparent; position: relative; } #product-qty-breaks .form-check-label:hover, #product-qty-breaks .form-check-label:focus { background-color: var(--bs-light-darken-5); } #product-qty-breaks input:checked + .form-check-label { background-color: var(--bs-light-darken-5); border-color: var(--bs-body-color); } #product-qty-breaks input:not(:checked) + label .product-qty-break-variants { display: none !important; } #product-qty-breaks .product-qty-break-variant-title { width: 1.5rem; height: 1.5rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: .75em; font-weight: 500; margin: 0 .5rem 0 0; background-color: var(--bs-dark); color: var(--bs-body-bg); flex-shrink: 0; } .product-qty-break-variant-sold-out { font-size: .875rem; margin-left: .5rem; opacity: .75; } #product-qty-breaks .badge-custom { position: absolute; top: 0; left: 50%; transform: translateX(-50%) translateY(-45%); } /* Prev/Next Products (within collection) */ #product-prev-next-prev, #product-prev-next-next { position: fixed; top: 50%; transform: translateY(-50%); transition: all .2s ease-out; z-index: 9; } #product-prev-next-prev { left: -2rem; } #product-prev-next-next { right: -2rem; } #product-prev-next-prev img { border-top-left-radius: 0; border-bottom-left-radius: 0; } #product-prev-next-next img { border-top-right-radius: 0; border-bottom-right-radius: 0; } #product-prev-next-prev:hover, #product-prev-next-prev:focus { left: 0; } #product-prev-next-next:hover, #product-prev-next-next:focus { right: 0; } @media (max-width: 1599px) { #product-prev-next-prev { left: -1.5rem; transform: translateX(-100%); transition: all .2s ease-out; } #product-prev-next-next { right: -1.5rem; transform: translateX(100%); transition: all .2s ease-out; } .show #product-prev-next-prev { transform: translateX(0); } .show #product-prev-next-next { transform: translateX(0); } #product-prev-next img { max-width: 60px; } } @media (min-width: 1600px) { } /* Limited Offer */ ul.countdown-timer li { color: currentColor; border-color: currentColor; } /* testimonial */ .product-block-testimonial { position: relative; padding: .5rem 1rem; line-height: normal; } .product-block-testimonial.has-testimonial-img { display: flex; align-items: center; } .product-block-testimonial img { } .product-block-testimonial-verified-icon { color: var(--bs-primary); } .product-block-testimonial-carousel .carousel-indicators { position: relative; top: auto; bottom: auto; margin: -.75rem 0 0; } .product-block-testimonial-carousel .carousel-indicators [data-bs-target] { opacity: .25; background-color: var(--bs-body-color); } .product-block-testimonial-carousel .carousel-indicators [data-bs-target].active { opacity: .75; } /* Product switcher */ #product-block-product-switcher ul.product-switcher-buttons { } #product-block-product-switcher ul.product-switcher-buttons input + label { display: flex; flex-direction: column; justify-content: center; text-align: center; line-height: normal; font-size: .9rem } #product-block-product-switcher ul.product-switcher-buttons input + label img { border: 1px solid transparent; padding: .125rem; cursor: pointer; transition: all .2s ease-out; } #product-block-product-switcher ul.product-switcher-buttons input + label:hover img { opacity: .75; } #product-block-product-switcher ul.product-switcher-buttons input:focus-visible + label img { border-color: var(--bs-body-color); } #product-block-product-switcher ul.product-switcher-buttons input:checked + label img { border-color: var(--bs-body-color); } /* Product Promo Text (PDP - Image gallery) */ .product-gallery-promo-text { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; display: flex; align-items: center; justify-content: space-between; background-color: var(--product-promo-bg-color, #ee1882); /* Fallback color */ padding: .4rem 1rem; color: white; border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius); text-decoration: underline; font-size: smaller; } .product-gallery-promo-text-tooltip { text-align: center; width: 460px; max-width: 90vw; background: rgba(var(--bs-body-bg-rgb), .75); backdrop-filter: blur(10px); } @media (max-width: 575px) { [data-show-thumbs-mobile="true"] .product-gallery-promo-text { } [data-show-thumbs-mobile="false"] .product-gallery-promo-text { left: 1rem; width: calc(100% - 1rem); border-bottom-left-radius: var(--bs-border-radius); border-bottom-right-radius: var(--bs-border-radius); } .main-splide-mobile-full-width .product-gallery-promo-text { border-radius: 0; left: 0; width: 100%; } } /* product block notice */ .eg-notification { position: relative; padding: 1rem; margin-bottom: 1rem; border-width: 2px; border-style: var(--eg-notice-border-style, solid); background-color: var(--eg-notice-bg-color, #ffffff); color: var(--eg-notice-text-color, #000000); border-color: var(--eg-notice-border-color, #000000); } .eg-notification.rounded { border-radius: 8px; } .eg-notification-content { display: flex; align-items: flex-start; } .eg-notification-icon { flex-shrink: 0; margin-right: 1rem; color: var(--eg-notice-border-color, #000000); } .eg-notification-text p { margin: 0; font-size: 1rem; line-height: 1.5; } .eg-notification-subtitle { margin-top: 0.05rem; font-size: 0.875rem; opacity: 0.8; } .eg-notification-close { position: absolute; top: 0.05rem; right: 0.75rem; padding: 0.25rem 0.05rem; background: none; border: none; font-size: 1.5rem; line-height: 1; cursor: pointer; opacity: 0.5; transition: opacity 0.2s ease-in-out; color: var(--eg-notice-text-color, #000000); } .eg-notification-close:hover { opacity: 1; } .eg-fade-in { animation: egFadeIn 0.5s ease-out; } @keyframes egFadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } /* product-progress-block */ .product-progress-block .progress-circle-wrapper { display: flex; align-items: center; justify-content: flex-start; } .product-progress-block .product-progress-circle { width: var(--circle-size); height: var(--circle-size); border-radius: 50%; position: relative; background: conic-gradient(from 0deg at 50% 50%, var(--progress-border-color) 0%, var(--progress-border-color) var(--percentage, 0%), #fff var(--percentage, 0%), #fff 100%); display: flex; align-items: center; justify-content: center; margin-right: 1rem; } .product-progress-block .product-progress-circle::after { content: ""; position: absolute; top: var(--border-thickness); bottom: var(--border-thickness); left: var(--border-thickness); right: var(--border-thickness); background: #fff; border-radius: 50%; } .product-progress-block .progress-value { position: relative; z-index: 2; font-size: calc(var(--circle-size) * 0.23); color: var(--progress-border-color); } .product-progress-block .progress-circle-text { flex: 1; margin: 0; font-size: px; } @media (min-width: 768px) { .product-progress-block .progress-circle-text { font-size: px; } }
/* SOURCE: assets/richtext.css */
/* Richttext */ .richtext {} .richtext .title { margin: 0; } /* .richtext .btn-wrapper { display: inline-flex; gap: .75rem; flex-wrap: wrap; } */ .richtext iframe { width: 100%; height: auto; aspect-ratio: 16 / 9; } .richtext .title-gradient { -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; display: inline-block; background-image: linear-gradient(var(--gradient-direction), var(--gradient-color-1), var(--gradient-color-2), var(--gradient-color-3)); } .richtext .title-moving-gradient { background-size: 200% 200%; animation: richtext_moving_gradient 5s ease infinite; } @keyframes richtext_moving_gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
/* SOURCE: assets/rtl.css */
/* © 2023 EcomGraduates.com https://www.ecomgraduates.com */ /* base.css */ .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important; } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") !important; } /* general.css */ .cart-icon .badge { right: auto; left: 0; } .wishlist-icon .badge { right: auto; left: 0; } body .spr-badge-starrating { margin-right: 0; margin-left: 3px; } .splide__arrow--prev { transform: rotate(180deg) translateY(50%); } .splide__arrow--next { transform: translateY(-50%); } #offcanvas-menu-nav .nav-link { padding-right: .75rem; padding-left: 2.5rem; } #offcanvas-menu-nav .nav-link[aria-expanded]::after { right: auto; left: .75rem; } #offcanvas-menu-utilities-nav .wishlist-count-badge { margin-left: 0; margin-right: 0.25rem; } #offcanvas-search .form-control-wrapper svg.icon-search { left: auto; right: 0.75rem; } #offcanvas-search .form-control-wrapper .btn-search-by-voice { left: 0.75rem; right: auto; } #offcanvas-wishlist .product-item .btn-remove { left: -0.25rem; right: auto; } #offcanvas-wishlist .product-item .product-item-title { margin-left: 2.25rem; margin-right: 0; } .quantity-wrapper .btn[data-mode="minus"] { left: auto; right: 0; } .quantity-wrapper .btn[data-mode="plus"] { left: 0; right: auto; } /* sections.css */ .announcement-bar svg { display: none; } .footer-block .title:before { left: auto; right: 0; } #footer .nav-link[aria-expanded] { padding-left: 2.25rem; padding-right: 0; } #footer .nav-link[aria-expanded]:after { right: auto; left: 0.25rem; } .featured-products .splide__arrow--prev { left: auto; right: 0; transform: rotate(180deg); } .featured-products .splide__arrow--next { right: auto; left: 0; transform: none; } .featured-products .container-fluid .splide__arrow--prev { left: auto; right: .5rem; } .featured-products .container-fluid .splide__arrow--next { right: 0; left: .5rem; } @media (min-width: 576px) { .featured-products .splide__arrow--prev { left: auto; right: -.25rem; } .featured-products .splide__arrow--next { right: auto; left: -.25rem; } } .tiktok-slider .container .splide__arrow--prev { left: auto; right: -1rem; } .tiktok-slider .container .splide__arrow--next { right: auto; left: -1rem; transform: translateY(-50%); } .tiktok-slider .video-wrapper a.video-wrapper-product { text-align: right; } .testimonials .splide__arrow--prev { left: auto; right: 0; transform: rotate(180deg); } .testimonials .splide__arrow--next { right: auto; left: 0; transform: translateY(-50%); } .sticky-video { left: auto; right: 0; } .sticky-video .btn-close-custom { left: 1.25rem; right: auto; } /* collection.css */ .product-item .img-badge-custom { left: auto; right: .75rem; } .product-item .img-badge-sale, .product-item .img-badge-sold-out { right: auto; left: .75rem; } #offcanvas-filters .nav-link { padding-left: 2rem; padding-right: 0; } #offcanvas-filters .nav-link[aria-expanded]:after { left: .125rem; right: auto; } /* product.css */ .product-content .product-price .price-badge-sale { margin-left: 0; margin-right: .75rem; } .product-gallery .thumbs-splide .splide__arrow--prev { left: auto; right: -0.05rem; } .product-gallery .thumbs-splide .splide__arrow--next { left: -0.05rem; right: auto; } .purchase-delivery-options svg { transform: scaleX(-1); } body .spr-summary-actions-newreview { float: left; } #product-prev-next-prev { left: auto; right: -2rem; } #product-prev-next-prev:hover, #product-prev-next-prev:focus { left: auto; right: 0; } #product-prev-next-next { left: -2rem; right: auto; } #product-prev-next-next:hover, #product-prev-next-next:focus { left: 0; right: auto; }
/* SOURCE: assets/sticky-atc.css */
/* Sticky ATC (Add to cart) */ #sticky-atc { padding: 0.75rem 0; transform: translateY(100%); transition: all 0.2s ease-out; box-shadow: 0 -0.125rem 0.25rem rgba(0, 0, 0, 0.075); } #sticky-atc.show { z-index: 1019; transform: translateY(0); } #sticky-atc.text-dark { box-shadow: 0 -0.125rem 0.25rem rgba(0, 0, 0, 0.075); } #sticky-atc .product-img { max-width: 90px; flex-shrink: 0; } #sticky-atc .spr-badge { margin: 0 0 0.25rem; } #sticky-atc.product-price .price-badge-sale { background-color: var(--bs-success); font-size: 0.75rem; margin-left: 0.75rem; } #sticky-atc .dropdown-menu { max-height: 300px; min-width: 260px; overflow: auto; } #sticky-atc .dropdown-item:active small { color: white !important; } #sticky-atc form.loading .btn-atc:after { display: none; } #sticky-atc .btn-atc { min-width: 120px; } @media (max-width: 575px) { #sticky-atc .product-img { max-width: 50px; } #sticky-atc .spr-badge { display: none; } #sticky-atc .btn-atc { font-size: 0.875rem; } #sticky-atc .dropdown-menu { left: -0.05rem !important; } }
/* SOURCE: assets/testimonials.css */
/* Testimonials */ .testimonials { overflow: hidden; } .testimonials .splide__track { overflow: visible; } .testimonials .splide__slide { opacity: 0.25; transition: all 0.2s ease-out; } .testimonials .splide__slide.is-visible { opacity: 1; } .testimonials .splide__arrow--prev { left: 0; transform: none; } .testimonials .splide__arrow--next { right: 0; transform: rotate(180deg); } .testimonials .splide__pagination { position: relative; margin-top: 1.25rem; } .testimonials .splide__pagination__page { background-color: rgba(var(--bs-body-color-rgb), 0.25); opacity: 1; transition: all 0.2s ease-out; } .testimonials .splide__pagination__page:hover, .testimonials .splide__pagination__page:focus { background-color: rgba(var(--bs-body-color-rgb), 0.5); } .testimonials .splide__pagination__page.is-active { background-color: var(--bs-body-color); } .testimonials.text-white .splide__pagination__page { filter: invert(); } .testimonials .splide__pagination--mobile { margin-top: 1rem; } .testimonials .card-body.text-center .card-body-top { justify-content: center; text-align: left; } .testimonials .card-body.text-center .btn { width: 100%; } .testimonials-card-product {} @media (max-width: 575px) { .testimonials .splide__pagination { display: none; } .testimonials .splide__arrow { display: none; } } @media (min-width: 576px) { .testimonials .splide__pagination--mobile { display: none; } } .testimonials-fb-style { --fb-color-rgb: 66, 103, 178 } .testimonials-fb-style .card { border-color: rgba(var(--fb-color-rgb), 1); background-color: #fff; /* base */ background-image: linear-gradient(rgba(var(--fb-color-rgb), 0.1), rgba(var(--fb-color-rgb), 0.1)); /* top tint */ } .testimonials-fb-style .card .btn { display: inline-flex; align-items: center; color: rgba(var(--fb-color-rgb), 1); border: 1px solid rgba(var(--fb-color-rgb), 1); background: white; } .testimonials-fb-style .card .btn svg { transition: all .2s ease-out; } .testimonials-fb-style .card .btn:hover svg, .testimonials-fb-style .card .btn:focus svg { transform: scale(1.15); } .testimonials-fb-style .card .btn:focus-visible { box-shadow: 0 0 0 .25rem rgba(var(--fb-color-rgb), .25); } .testimonials-fb-style .splide__arrow { background-color: rgba(var(--fb-color-rgb), .75); } .testimonials-fb-style .splide__arrow:hover, .testimonials-fb-style .splide__arrow:focus { background-color: rgba(var(--fb-color-rgb), 1); } .testimonials-fb-style .splide__pagination__page { background-color: rgba(var(--fb-color-rgb), .4); } .testimonials-fb-style .splide__pagination__page.is-active { background-color: rgba(var(--fb-color-rgb), 1); } .testimonials-fb-style .btn-view-all { background-color: rgba(var(--fb-color-rgb), 1); color: white; border-color: rgba(var(--fb-color-rgb), 1); padding-left: 1.5rem; padding-right: 1.5rem; box-shadow: none; } .testimonials-fb-style .btn-view-all:hover, .testimonials-fb-style .btn-view-all:focus { background-color: rgba(var(--fb-color-rgb), .75); background-color: rgba(var(--fb-color-rgb), .75); } .testimonials-fb-style .btn-view-all:focus-visible { box-shadow: 0 0 0 .25rem rgba(var(--fb-color-rgb), .25); } .testimonials .trustpilot-star { width: 32px; height: 32px; margin-right: 4px; } .testimonials-tp-style { --tp-color-rgb: 0, 182, 122; /* Light green color */ } .testimonials-tp-style .card { border-color: rgba(var(--tp-color-rgb), 1); background-color: rgba(var(--tp-color-rgb), .1); } .testimonials-tp-style .card .btn { display: inline-flex; align-items: center; color: rgba(var(--tp-color-rgb), 1); border: 1px solid rgba(var(--tp-color-rgb), 1); background: white; box-shadow: none; /* Ensure no box shadow for Trustpilot style */ } .testimonials-tp-style .card .btn svg { transition: all .2s ease-out; } .testimonials-tp-style .card .btn:hover svg, .testimonials-tp-style .card .btn:focus svg { transform: scale(1.15); } .testimonials-tp-style .card .btn:focus-visible { box-shadow: none; } .testimonials-tp-style .splide__arrow { background-color: rgba(var(--tp-color-rgb), .75); } .testimonials-tp-style .splide__arrow:hover, .testimonials-tp-style .splide__arrow:focus { background-color: rgba(var(--tp-color-rgb), 1); } .testimonials-tp-style .splide__pagination__page { background-color: rgba(var(--tp-color-rgb), .4); } .testimonials-tp-style .splide__pagination__page.is-active { background-color: rgba(var(--tp-color-rgb), 1); } .testimonials-tp-style .btn-view-all { background-color: rgba(var(--tp-color-rgb), 1); color: white; border-color: rgba(var(--tp-color-rgb), 1); padding-left: 1.5rem; padding-right: 1.5rem; box-shadow: none; } .testimonials-tp-style .btn-view-all:hover, .testimonials-tp-style .btn-view-all:focus { background-color: rgba(var(--tp-color-rgb), .75); } .testimonials-tp-style .btn-view-all:focus-visible { box-shadow: none; } /* Video styles */ .testimonials video, .testimonials .testimonials-image { max-width: 100%; height: auto; border-radius: 50%; object-fit: cover; } /* Additional responsive styling for videos and images */ @media (max-width: 767px) { .testimonials video, .testimonials .testimonials-image { width: 70px; height: 70px; } } @media (min-width: 768px) { .testimonials video, .testimonials .testimonials-image { width: 70px; height: 70px; } } .testimonials-etsy-style { --etsy-color-rgb: 238, 99, 36; } .testimonials-etsy-style .card { border-color: rgba(var(--etsy-color-rgb), 1); background-color: rgba(var(--etsy-color-rgb), .1); } .testimonials-etsy-style .card .btn { display: inline-flex; align-items: center; color: rgba(var(--etsy-color-rgb), 1); border: 1px solid rgba(var(--etsy-color-rgb), 1); background: white; box-shadow: none; } .testimonials-etsy-style .card .btn svg { transition: all .2s ease-out; } .testimonials-etsy-style .card .btn:hover svg, .testimonials-etsy-style .card .btn:focus svg { transform: scale(1.15); } .testimonials-etsy-style .card .btn:focus-visible { box-shadow: none; } .testimonials-etsy-style .splide__arrow { background-color: rgba(var(--etsy-color-rgb), .75); } .testimonials-etsy-style .splide__arrow:hover, .testimonials-etsy-style .splide__arrow:focus { background-color: rgba(var(--etsy-color-rgb), 1); } .testimonials-etsy-style .splide__pagination__page { background-color: rgba(var(--etsy-color-rgb), .4); } .testimonials-etsy-style .splide__pagination__page.is-active { background-color: rgba(var(--etsy-color-rgb), 1); } .testimonials-etsy-style .btn-view-all { background-color: rgba(var(--etsy-color-rgb), 1); color: white; border-color: rgba(var(--etsy-color-rgb), 1); padding-left: 1.5rem; padding-right: 1.5rem; box-shadow: none; } .testimonials-etsy-style .btn-view-all:hover, .testimonials-etsy-style .btn-view-all:focus { background-color: rgba(var(--etsy-color-rgb), .75); }
/* SOURCE: assets/tiktok-slider.css */
/* TikTok Slider */ .tiktok-slider {} .tiktok-slider .container .splide__arrow--prev { left: -1rem; } .tiktok-slider .container .splide__arrow--next { right: -1rem; } .tiktok-slider video { object-fit: cover; width: 100%; height: 100%; } .tiktok-slider .video-wrapper { cursor: pointer; color: white; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .tiktok-slider .video-wrapper::after { content: ""; width: 36px; height: 36px; position: absolute; top: 50%; left: 50%; border-radius: 50%; background-color: rgba(var(--bs-dark-rgb), 0.2); transform: translate(-50%, -50%); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white' class='bi bi-play-fill' viewBox='0 0 16 16'%3E%3Cpath d='m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z'%3E%3C/path%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 24px; background-position: center; transition: all 0.2s ease-out; pointer-events: none; } .tiktok-slider .video-wrapper:hover::after { background-color: rgba(var(--bs-dark-rgb), 0.4); } .tiktok-slider .video-wrapper.is-playing::after { opacity: 0; transform: scale(0); } .tiktok-slider .video-wrapper .btn-toggle-sound { display: flex; color: white; position: absolute; top: 0.25rem; right: 0.375rem; opacity: 0; border: none; padding: 0.05rem; border-radius: 50%; transition: all 0.2s ease-out; } .tiktok-slider .video-wrapper .btn-toggle-sound:focus { border: none; box-shadow: none; } .tiktok-slider .video-wrapper .btn-toggle-sound:focus-visible { box-shadow: 0 0 0 0.125rem rgba(var(--bs-dark-rgb), 0.5); } .tiktok-slider .video-wrapper.is-playing .btn-toggle-sound { opacity: 1; } .tiktok-slider .video-wrapper.has-title::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(rgba(var(--bs-dark-rgb), 0), rgba(var(--bs-dark-rgb), 0.5)); transition: all 0.2s ease-out; pointer-events: none; } .tiktok-slider .video-wrapper.has-title.is-playing::before { opacity: 0; } .tiktok-slider .video-wrapper .title { position: absolute; bottom: 0; left: 0; width: 100%; visibility: visible; pointer-events: none; transition: all 0.2s ease-out; } .tiktok-slider .video-wrapper.is-playing .title { opacity: 0; bottom: -2rem; visibility: hidden; } .tiktok-slider .video-wrapper a.video-wrapper-product { display: block; position: absolute; bottom: -2rem; left: 0; width: calc(100% - 2rem); margin: 1rem; opacity: 0; background-color: rgba(var(--bs-dark-rgb), 0.75); text-align: left; text-decoration: none; color: white; visibility: hidden; transition: all 0.2s ease-out; } .tiktok-slider .video-wrapper a.video-wrapper-product img { transition: all 0.2s ease-out; } .tiktok-slider .video-wrapper a.video-wrapper-product:hover {} .tiktok-slider .video-wrapper a.video-wrapper-product:hover img, .tiktok-slider .video-wrapper a.video-wrapper-product:focus img { opacity: 0.85; } .tiktok-slider .video-wrapper.is-playing a.video-wrapper-product { opacity: 1; bottom: 0; visibility: visible; } @media (max-width: 575px) { .tiktok-slider .splide__arrow { display: none; } }
/* SOURCE: assets/timeline.css */
/* Timeline */ .timeline-list { position: relative; list-style: none; padding: 0; margin: 1.75rem 0; } .timeline-list::before { content: ""; background: rgba(var(--bs-dark-rgb), 0.5); width: 0.25rem; height: 100%; position: absolute; left: 50%; transform: translateX(-50%); border-radius: 50rem; } .timeline-list-item { position: relative; width: calc(50% - 1.75rem); } .timeline-list-item:nth-child(odd) { margin-left: auto; } .timeline-list-item::before { content: ""; width: 1.5rem; height: 1.5rem; background: rgba(var(--bs-dark-rgb), 1); border-radius: 50%; position: absolute; right: -1.75rem; margin-top: 1.125rem; transform: translateX(0.75rem); } .timeline-list-item:nth-child(odd)::before { left: -1.75rem; right: auto; transform: translateX(-0.75rem); } .timeline-list-item img+.card-body .badge { position: absolute; top: 1rem; right: 1rem; } .timeline-list-item:nth-child(odd) img+.card-body .badge { left: 1rem; right: auto; } @media (max-width: 575px) { .timeline-list:before { left: 1rem; } .timeline-list-item { width: calc(108% - 4.5rem); margin-left: auto; } .timeline-list-item:before { left: -1.75rem; right: auto; } .timeline-list-item img+.card-body .badge { left: 1rem; right: auto; } }
/* SOURCE: assets/variables.css */
/* © 2023 EcomGraduates.com https://www.ecomgraduates.com */ @font-face { font-family: "Playfair Display"; font-weight: 600; font-style: normal; font-display: swap; src: url("//lumnira.com/cdn/fonts/playfair_display/playfairdisplay_n6.41e9dda2e7301ca861c0ec25a53c1bdf16b6624d.woff2") format("woff2"), url("//lumnira.com/cdn/fonts/playfair_display/playfairdisplay_n6.3fecbbfefcd2c3e39326078af5db97c0302e18b5.woff") format("woff"); } @font-face { font-family: Inter; font-weight: 400; font-style: normal; font-display: swap; src: url("//lumnira.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"), url("//lumnira.com/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff"); } @font-face { font-family: Inter; font-weight: 700; font-style: normal; font-display: swap; src: url("//lumnira.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"), url("//lumnira.com/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff"); } @font-face { font-family: Inter; font-weight: 400; font-style: italic; font-display: swap; src: url("//lumnira.com/cdn/fonts/inter/inter_i4.feae1981dda792ab80d117249d9c7e0f1017e5b3.woff2") format("woff2"), url("//lumnira.com/cdn/fonts/inter/inter_i4.62773b7113d5e5f02c71486623cf828884c85c6e.woff") format("woff"); } :root { --bs-primary: #D4AF37; --bs-primary-rgb: 212, 175, 55; --bs-primary-lighten-5: #d9b74c; --bs-primary-lighten-10: #d9b74c; --bs-primary-darken-5: #c7a22b; --bs-primary-darken-10: #b29126; --bs-secondary: #D4AF37; --bs-secondary-rgb: 212, 175, 55; --bs-secondary-lighten-5: #d9b74c; --bs-secondary-lighten-10: #ddc061; --bs-secondary-darken-5: #c7a22b; --bs-secondary-darken-10: #b29126; --bs-dark: #0d162f; --bs-dark-rgb: 13, 22, 47; --bs-dark-lighten-5: #131f43; --bs-dark-lighten-10: #182957; --bs-dark-darken-5: #070d1b; --bs-dark-darken-10: #020307; --bs-light: #0f1b3d; --bs-light-rgb: 15, 27, 61; --bs-light-lighten-5: #142451; --bs-light-lighten-10: #192d66; --bs-light-darken-5: #0a1229; --bs-light-darken-10: #050914; --bs-body-bg: #0f1b3d; --bs-body-bg-rgb: 15, 27, 61; --bs-body-color: #ffffff; --bs-body-color-rgb: 255, 255, 255; --bs-border-radius: 0.375rem; --bs-link-color: var(--bs-primary); --bs-link-color-rgb: 212, 175, 55; --bs-link-hover-color: var(--bs-primary-darken-10); --bs-link-hover-color-rgb: 178, 145, 38; --bs-success: #2B5C68; --bs-success-lighten: #3a7c8c; --bs-success-darken: #1c3c44; --bs-success-rgb: 43, 92, 104; --bs-danger: #dc3545; --bs-danger-lighten: #e4606d; --bs-danger-darken: #bd2130; --bs-danger-rgb: 220, 53, 69; --bs-warning: #4A6E6F; --bs-warning-lighten: #5e8c8e; --bs-warning-darken: #213132; --bs-warning-rgb: 74, 110, 111; --bs-info: #0dcaf0; --bs-info-lighten: #3cd5f4; --bs-info-darken: #08798f; --bs-info-rgb: 13, 202, 240; --bs-headings-font-family: "Playfair Display", serif; --bs-headings-font-weight: 600; --bs-body-font-family: Inter, sans-serif; } body .btn { letter-spacing: 0.0rem; text-transform: uppercase; font-weight: 500; --bs-btn-padding-x: 0.8rem; --bs-btn-padding-y: 0.4rem; } body .btn-sm { --bs-btn-padding-x: 0.6rem; --bs-btn-padding-y: 0.3rem; } body .btn-lg { --bs-btn-padding-x: 1.2rem; --bs-btn-padding-y: 0.6rem; } .form-control-md, .form-select-md { padding-left: 0.8rem; padding-right: 0.8rem; padding-top: 0.4rem; padding-bottom: 0.4rem; } .form-select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") } [dir="ltr"] .form-select-md { padding-right: 2.5rem; } [dir="rtl"] .form-select-md { padding-left: 2.5rem; } body .offcanvas-backdrop, body .modal-backdrop { background-color: rgba(0, 0, 0, 0.5); backdrop-filter: blur(5px); } .accordion { --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } #offcanvas-menu-nav .nav-link[aria-expanded]:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='5' x2='12' y2='19'%3E%3C/line%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E") } #offcanvas-menu-nav .nav-link[aria-expanded="true"]::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E"); } .btn-close { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") }
/* SOURCE: assets/video-slider.css */
/* Video Slider */ .video-slider .splide__arrow--prev { left: 0; transform: none; } .video-slider .splide__arrow--next { right: 0; transform: rotate(180deg); } .video-slider.container-fluid .splide__arrow--prev { left: 0.05rem; } .video-slider .container-fluid .splide__arrow--next { right: 0.05rem; } .video-slider .splide__pagination { position: relative; margin-top: 1.5rem; } .video-slider .splide__pagination__page { background-color: rgba(var(--bs-body-color-rgb), 0.25); opacity: 1; transition: all 0.2s ease-out; } .video-slider .splide__pagination__page:hover, .video-slider .splide__pagination__page:focus { background-color: rgba(var(--bs-body-color-rgb), 0.5); } .video-slider .splide__pagination__page.is-active { background-color: var(--bs-body-color); } .video-slider .splide__pagination--mobile { margin-top: 0.05rem; } @media (max-width: 575px) { .video-slider .splide__pagination { display: none; } } @media (min-width: 576px) { .video-slider .splide__pagination--mobile { display: none; } .video-slider .splide__arrow--prev { left: -0.25rem; } .video-sliders .splide__arrow--next { right: -0.25rem; } }
/* SOURCE: assets/waves.css */
/* Waves */ .eg-waves-section { position: relative; height: 0px; background-color: transparent; } .eg-waves { position: absolute; width: 100%; height: var(--wave-height-desktop); min-height: 20px; max-height: 150px; z-index: 1; } .eg-waves-top { bottom: 0; left: 0; } .eg-waves-bottom { top: 0; left: 0; transform: rotate(180deg); } .eg-waves-parallax>use { animation: eg-waves-animation 25s cubic-bezier(.55, .5, .45, .5) infinite; } .eg-waves-parallax>use:nth-child(1) { animation-delay: -2s; animation-duration: calc(var(--wave-animation-speed) * 0.5); } .eg-waves-parallax>use:nth-child(2) { animation-delay: -3s; animation-duration: calc(var(--wave-animation-speed) * 1); } .eg-waves-parallax>use:nth-child(3) { animation-delay: -4s; animation-duration: calc(var(--wave-animation-speed) * 1.5); } .eg-waves-parallax>use:nth-child(4) { animation-delay: -5s; animation-duration: calc(var(--wave-animation-speed) * 2); } @keyframes eg-waves-animation { 0% { transform: translate3d(-90px, 0, 0); } 100% { transform: translate3d(85px, 0, 0); } } @media (max-width: 768px) { .eg-waves { height: var(--wave-height-mobile); min-height: 20px; } }


/* FORCE GOLD HEADERS FOR LUMNIRA AUTHORITY SECTIONS */
.icon-blocks h3, 
.icon-blocks .title, 
.system-logic h3, 
.trust-badges h3 {
    color: #D4AF37 !important;
    font-family: "Playfair Display", serif !important;
    font-weight: 700 !important;
}


/* --- LUMNIRA GOLD HEADERS RE-ASSERTION --- */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #D4AF37 !important;
}


/* --- GOLD NAVIGATION MENU --- */
.nav-link, .header__menu-item, .navbar-nav .nav-link, .navbar-brand {
    color: #D4AF37 !important;
    font-family: 'Playfair Display', serif !important;
    font-weight: 600 !important;
}


/* --- LUMNIRA FOOTER VISIBILITY RECOVERY --- */
footer, .footer, #shopify-section-footer, [data-section-type="footer"] {
    background-color: #0E1A3C !important;
    color: #FFFFFF !important;
}
footer a, .footer a, .footer .link, .footer .list-menu__item--link {
    color: rgba(255, 255, 255, 0.8) !important;
}
footer a:hover, .footer a:hover {
    color: #D4AF37 !important;
}
footer h2, footer h3, footer .footer__title {
    color: #D4AF37 !important;
}
footer input, footer .field__input {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
}


/* --- LUMNIRA FOOTER SURGICAL VISIBILITY FIX (v2) --- */
#footer, .footer-section, #shopify-section-footer footer {
    background-color: #0E1A3C !important;
    color: #FFFFFF !important;
}
#footer a, #footer .link, #footer span, #footer p {
    color: #FFFFFF !important;
}
#footer .footer__title, #footer h2, #footer h3 {
    color: #D4AF37 !important;
}
#footer a:hover {
    color: #D4AF37 !important;
}


/* --- LUMNIRA BUTTON POLISH: SPACING & CONTRAST --- */
.btn-atc, .btn-primary, .shopify-payment-button__button {
    letter-spacing: 0.05rem !important;
    color: #0E1A3C !important;
    font-weight: 700 !important;
}


/* --- LUMNIRA GOLD ARROW FOR PURCHASE OPTIONS --- */
#purchase-delivery-options label.input-group-text::after {
    content: " ↓" !important;
    color: #D4AF37 !important;
    font-weight: 900 !important;
    font-size: 20px !important;
    margin-left: 8px !important;
    display: inline-block !important;
}