@font-face { font-family: 'Font Awesome 5 Free'; font-display: swap; } @font-face { font-family: 'Font Awesome 5 Brands'; font-display: swap; } @font-face { font-family: 'Ionicons'; font-display: swap; } .bricks-nav-menu a:hover { text-decoration: underline; text-decoration-color: #ffe419; text-underline-offset: 4px; text-decoration-thickness: 2px; } .bricks-nav-menu a[aria-current="page"], .bricks-nav-menu .current-menu-item > a { text-decoration: underline; text-decoration-color: #FF5E00; text-underline-offset: 4px; text-decoration-thickness: 2px; } .bricks-mobile-menu .current-menu-ancestor > a, .bricks-mobile-menu .current_page_parent > a, .bricks-mobile-menu .current-menu-item > a { text-decoration: underline; text-decoration-color: #FF5E00; text-underline-offset: 4px; text-decoration-thickness: 3px; } .custom-slider .swiper-slide { border-radius: 20px; overflow: hidden; } .custom-slider .bricks-swiper-button-prev i, .custom-slider .bricks-swiper-button-next i { display: none !important; opacity: 0 !important; } .custom-slider .bricks-swiper-button-prev::before { content: '' !important; display: block !important; width: 87px !important; height: 20px !important; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='86.94' height='20' viewBox='0 0 86.94 20'%3E%3Cpath d='M86.94 10 L12 10 M12 10 L20 4 M12 10 L20 16' stroke='%23FFE419' stroke-width='1' fill='none'/%3E%3C/svg%3E") no-repeat center center !important; background-size: contain !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; z-index: 1 !important; } .custom-slider .bricks-swiper-button-next::before { content: '' !important; display: block !important; width: 87px !important; height: 20px !important; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='86.94' height='20' viewBox='0 0 86.94 20'%3E%3Cpath d='M0 10 L74.94 10 M74.94 10 L66.94 4 M74.94 10 L66.94 16' stroke='%23FFE419' stroke-width='1' fill='none'/%3E%3C/svg%3E") no-repeat center center !important; background-size: contain !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; z-index: 1 !important; } .custom-slider .bricks-swiper-button-prev:hover::before, .bricks-swiper-button-prev:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='86.94' height='20' viewBox='0 0 86.94 20'%3E%3Cpath d='M86.94 10 L12 10 M12 10 L20 4 M12 10 L20 16' stroke='%23FFFFFF' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") !important; transform: translate(-50%, -50%) scale(1.08) !important; } .custom-slider .bricks-swiper-button-next:hover::before, .bricks-swiper-button-next:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='86.94' height='20' viewBox='0 0 86.94 20'%3E%3Cpath d='M0 10 L74.94 10 M74.94 10 L66.94 4 M74.94 10 L66.94 16' stroke='%23FFFFFF' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") !important; transform: translate(-50%, -50%) scale(1.08) !important; } .custom-slider .bricks-swiper-button-prev::before, .custom-slider .bricks-swiper-button-next::before { transition: all 0.3s ease !important; } .custom-slider2 .splide__arrow svg, .custom-slider2 .splide__arrow::after { display: none !important; } .custom-slider2 .splide__arrow--prev::before { content: '' !important; display: block !important; width: 87px !important; height: 20px !important; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='86.94' height='20' viewBox='0 0 86.94 20'%3E%3Cpath d='M0 10 L74.94 10 M74.94 10 L66.94 4 M74.94 10 L66.94 16' stroke='%23FFE419' stroke-width='1' fill='none'/%3E%3C/svg%3E") no-repeat center center !important; background-size: contain !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; } .custom-slider2 .splide__arrow--next::before { content: '' !important; display: block !important; width: 87px !important; height: 20px !important; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='86.94' height='20' viewBox='0 0 86.94 20'%3E%3Cpath d='M0 10 L74.94 10 M74.94 10 L66.94 4 M74.94 10 L66.94 16' stroke='%23FFE419' stroke-width='1' fill='none'/%3E%3C/svg%3E") no-repeat center center !important; background-size: contain !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; } .custom-slider2 .splide__arrow--prev:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='86.94' height='20' viewBox='0 0 86.94 20'%3E%3Cpath d='M0 10 L74.94 10 M74.94 10 L66.94 4 M74.94 10 L66.94 16' stroke='%23FFFFFF' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") !important; transform: translate(-50%, -50%) scale(1.08) !important; } .custom-slider2 .splide__arrow--next:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='86.94' height='20' viewBox='0 0 86.94 20'%3E%3Cpath d='M0 10 L74.94 10 M74.94 10 L66.94 4 M74.94 10 L66.94 16' stroke='%23FFFFFF' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") !important; transform: translate(-50%, -50%) scale(1.08) !important; } .custom-slider2 .splide__arrow::before { transition: all 0.3s ease !important; } .custom-slider2 .splide__arrows { display: flex !important; align-items: center !important; justify-content: center !important; gap: 60px !important; margin-top: 40px !important; } .custom-slider2 .splide__arrow[disabled] { opacity: 0.3 !important; cursor: not-allowed !important; } .custom-slider3 .splide__arrow svg, .custom-slider3 .splide__arrow::after { display: none !important; } .custom-slider3 .splide__arrow--prev::before { content: '' !important; display: block !important; width: 87px !important; height: 20px !important; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='86.94' height='20' viewBox='0 0 86.94 20'%3E%3Cpath d='M0 10 L74.94 10 M74.94 10 L66.94 4 M74.94 10 L66.94 16' stroke='%23000000' stroke-width='1' fill='none'/%3E%3C/svg%3E") no-repeat center center !important; background-size: contain !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; } .custom-slider3 .splide__arrow--next::before { content: '' !important; display: block !important; width: 87px !important; height: 20px !important; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='86.94' height='20' viewBox='0 0 86.94 20'%3E%3Cpath d='M0 10 L74.94 10 M74.94 10 L66.94 4 M74.94 10 L66.94 16' stroke='%23000000' stroke-width='1' fill='none'/%3E%3C/svg%3E") no-repeat center center !important; background-size: contain !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; } .custom-slider3 .splide__arrow--prev:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='86.94' height='20' viewBox='0 0 86.94 20'%3E%3Cpath d='M0 10 L74.94 10 M74.94 10 L66.94 4 M74.94 10 L66.94 16' stroke='%23333333' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") !important; transform: translate(-50%, -50%) scale(1.08) !important; } .custom-slider3 .splide__arrow--next:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='86.94' height='20' viewBox='0 0 86.94 20'%3E%3Cpath d='M0 10 L74.94 10 M74.94 10 L66.94 4 M74.94 10 L66.94 16' stroke='%23333333' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") !important; transform: translate(-50%, -50%) scale(1.08) !important; } #menu-mega-menu .sub-menu{ margin-top: 10px; padding-top: 20px; } .bricks-nav-menu-wrapper { position: relative !important; } .bricks-nav-menu > li.mega-menu { position: static !important; } .bricks-nav-menu > li.mega-menu > .sub-menu { position: absolute !important; left: -60px !important; right: 0 !important; width: 1150px!important; transform: none !important; top: 100% !important; display: flex !important; flex-direction: row; gap: 10px; background: white; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); } .bricks-nav-menu > li.mega-menu > .sub-menu > li.mega-menu-column { flex: 1; list-style: none; } .bricks-nav-menu > li.mega-menu > .sub-menu > li.mega-menu-column:last-child { border-right: none; } .bricks-nav-menu > li.mega-menu > .sub-menu > li.mega-menu-column > .brx-submenu-toggle > a { font-weight: 700; font-size: 18px; color: #2c2c2c; padding: 0 0 15px 0; display: block; text-transform: uppercase; letter-spacing: 3px; line-height: 2.4em; font-family: mestiza,sans-serif!important; } .bricks-nav-menu > li.mega-menu > .sub-menu > li.mega-menu-column > .brx-submenu-toggle > button { display: none; } .bricks-nav-menu > li.mega-menu > .sub-menu > li.mega-menu-column .sub-menu { position: static !important; opacity: 1 !important; visibility: visible !important; display: block !important; box-shadow: none !important; padding: 0 !important; margin-top: 20px; background: transparent !important; border: none !important; transform: none !important; } .bricks-nav-menu > li.mega-menu > .sub-menu > li.mega-menu-column .sub-menu li { padding: 0; list-style: none; } .bricks-nav-menu > li.mega-menu > .sub-menu > li.mega-menu-column .sub-menu li a { font-size: 15px; color: #666; font-weight: 400; display: block; transition: all 0.3s ease; border: none !important; } .bricks-nav-menu > li.mega-menu > .sub-menu > li.mega-menu-column .sub-menu li a:hover { color: #000; padding-left: 8px; background: transparent; } @media (max-width: 991px) { .bricks-nav-menu > li.mega-menu > .sub-menu > li.mega-menu-column { border-right: none; border-bottom: 1px solid #e0e0e0; padding: 20px 0; } .bricks-nav-menu > li.mega-menu > .sub-menu > li.mega-menu-column:last-child { border-bottom: none; } .custom-text-image{ width: 100%; } } @media (min-width: 1100px) and (max-width: 1200px) { .bricks-nav-menu > li.mega-menu > .sub-menu { width: 1000px!important; left: 15px!important; } } @media (min-width: 992px) and (max-width: 1099px) { .bricks-nav-menu > li.mega-menu > .sub-menu { width: 900px!important; left: 5px!important; } } .bricks-nav-menu > li.mega-menu > .sub-menu > li.mega-menu-column > .brx-submenu-toggle > a::before { content: ''; display: block; width: 60px; height: 60px; background-size: contain; background-position: center; background-repeat: no-repeat; } .bricks-nav-menu > li.mega-menu > .sub-menu > li.mega-menu-column > .brx-submenu-toggle > a::before, .bricks-mobile-menu li.mega-menu-column > .brx-submenu-toggle > a::before { content: ''; display: block; width: 60px; height: 60px; background-size: contain; background-position: center; background-repeat: no-repeat; } .bricks-nav-menu > li.mega-menu > .sub-menu > li#menu-item-15317 > .brx-submenu-toggle > a::before, .bricks-mobile-menu li.menu-item-15317 > .brx-submenu-toggle > a::before { background-image: url('/wp-content/uploads/2025/11/spore_black_1232544.webp') !important; } .bricks-nav-menu > li.mega-menu > .sub-menu > li#menu-item-27967 > .brx-submenu-toggle > a::before, .bricks-mobile-menu li.menu-item-27967 > .brx-submenu-toggle > a::before { background-image: url('/wp-content/uploads/2025/11/tincture_1321311.webp') !important; } .bricks-nav-menu > li.mega-menu > .sub-menu > li#menu-item-9592 > .brx-submenu-toggle > a::before, .bricks-mobile-menu li.menu-item-9592 > .brx-submenu-toggle > a::before { background-image: url('/wp-content/uploads/2025/11/hoodie_1ed21311.webp') !important; } .bricks-nav-menu .sub-menu li { margin-bottom: 15px !important; } .bricks-mobile-menu > .one-level-menu > .sub-menu > li { background-color: rgb(241, 239, 223) !important; } .bricks-mobile-menu > .mega-menu > .sub-menu > li > ul > li { background-color: rgb(241, 239, 223) !important; } .bricks-nav-menu ul li:hover > a { background-color: rgba(0, 0, 0, 0.06) !important; } a.bricks-button:hover { background-color: rgba(0, 0, 0, 0.1) !important; } .toast-notification { position: fixed; top: 80px; right: 20px; background-color: #FBBF24 !important; color: #111827 !important; font-family: 'Poppins', sans-serif !important; font-size: 12pt !important; font-weight: 600 !important; padding: 1em 1.4em !important; border: none !important; border-radius: 999px !important; letter-spacing: 0.04em !important; text-transform: uppercase; cursor: pointer; gap: 0.5em; line-height: 1; transition: transform 0.3s ease-out; z-index: 9999; } .toast-notification.show { opacity: 1; transform: translateX(0); pointer-events: auto; } .toast-notification.hide { opacity: 0; transform: translateX(400px); } .toast-notification .toast-message { flex: 1; } @keyframes checkmark { 0% { transform: scale(0) rotate(0deg); } 50% { transform: scale(1.2) rotate(180deg); } 100% { transform: scale(1) rotate(360deg); } }