/** Shopify CDN: Minification failed Line 116:6 Unexpected "}" **/ /** Shopify CDN: Minification failed Line 111:6 Unexpected "}" **/ /* Pro Pack Supply - Nav Mega Menu Custom Styles */ /* Category labels (Jars, Bags, Tubes, etc.) - bigger and bolder */ .mega-menu__link--parent { font-size: 1.15rem !important; font-weight: 700 !important; } /* Style Vape Equipment same as category headers (Bags, Jars, etc.) */ #submenu-2 .mega-menu__link[href="/products/uzo-pro-ikrusher-1-0ml"] { font-size: 1.15rem !important; font-weight: 700 !important; opacity: 1 !important; } /* Sub-items (Glass, Concentrate, etc.) - smaller */ .mega-menu__list .mega-menu__link:not(.mega-menu__link--parent) { font-size: 0.85rem !important; font-weight: 400 !important; opacity: 0.85; } /* Hover turns red for all mega menu links */ .mega-menu__link--parent:hover, .mega-menu__list .mega-menu__link:hover { color: #e41c26 !important; opacity: 1; } /* Active/current page link highlighted in red */ .mega-menu__link[aria-current="page"], .mega-menu__link--active { color: #e41c26 !important; } /* Top-level nav items (Packaging, Vape equipment, etc.) on hover */ .header__menu-item:hover > .header__menu-item-label, .header__menu-item--active > .header__menu-item-label { color: #e41c26 !important; } /* ========================================== Product Page Improvements ========================================== */ /* Make product image smaller - constrain height */ .product-media-container { --grid-template-rows: 40dvh 1fr !important; --grid-template-rows-desktop: 45dvh 1fr !important; max-height: 500px !important; } /* Product description text size - make headers smaller and professional */ /* Product description text size - make headers smaller and professional */ .details-content h1, rte-formatter h1 { font-size: 1.4rem !important; font-weight: 600 !important; line-height: 1.3 !important; margin-bottom: 0.75rem !important; } .details-content h2, rte-formatter h2 { font-size: 1.15rem !important; font-weight: 600 !important; line-height: 1.3 !important; margin-bottom: 0.5rem !important; } .details-content h3, rte-formatter h3 { font-size: 1rem !important; font-weight: 500 !important; } .details-content p, .details-content li, rte-formatter p, rte-formatter li { font-size: 0.9rem !important; line-height: 1.6 !important; } /* ========================================== Custom Shirts / Canopy / Merch Cards - Rounded Corners ========================================== */ /* Add rounded corners to collection card images */ #shopify-section-template--26480220242202__collection_list_mcURmi .collection-card__inner { border-radius: 20px !important; overflow: hidden !important; } /* ====================================== Custom Services - All column headers same size as parent links ====================================== */ /* Make the first link in every mega menu column look like a parent header */ .mega-menu__column > div:first-child > .mega-menu__link { font-size: 1.15rem !important; font-weight: 700 !important; opacity: 1 !important; } } /* ========================================== ProPack Footer - Dark Design Override ========================================== */ /* Main footer background - dark/black */ .shopify-section-group-footer-group footer, .shopify-section-group-footer-group .section, footer.section, #shopify-section-footer .section, [id*="shopify-section-"][id*="footer"] .section { background-color: #000000 !important; color: #cccccc !important; } /* Footer content area */ .footer-content, .footer__content-top, .footer .section { background-color: #000000 !important; } /* Footer headings (Products, Company, Contact labels) */ .footer .footer-block__heading, .footer h2, .footer h3, .footer h4, .footer .mega-menu__heading { color: #cc0000 !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 2px !important; text-transform: uppercase !important; } /* Footer links */ .footer a, .footer .footer-block a, .footer .list-menu__item { color: #cccccc !important; text-decoration: none !important; } .footer a:hover { color: #ffffff !important; } /* Footer body text */ .footer p, .footer .footer-block__details { color: #aaaaaa !important; line-height: 1.7 !important; } /* Footer bottom bar (copyright) */ .footer__content-bottom, .footer-utilities, .shopify-section-group-footer-group .footer-utilities { background-color: #000000 !important; border-top: 1px solid #333333 !important; color: #555555 !important; } .footer__content-bottom a, .footer-utilities a { color: #555555 !important; } /* Portfolio page - make image banner span full width edge to edge */ #shopify-section-template--26480220274970__main .section-content-wrapper { grid-column: 1 / -1 !important; width: 100% !important; max-width: 100% !important; } #shopify-section-template--26480220274970__main .image-block--AempJUkM3MnUrYWhzV__image_MJmPKt { width: 100% !important; max-width: 100% !important; } #shopify-section-template--26480220274970__main .image-block--AempJUkM3MnUrYWhzV__image_MJmPKt img { width: 100% !important; max-width: 100% !important; } /* Portfolio page - remove white gap and hide OUR DESIGN WORK header */ #shopify-section-template--26480220274970__main .section-content-wrapper { gap: 0 !important; } .pps-portfolio-header { display: none !important; } .pps-portfolio-section { padding-top: 0 !important; } /* ===== REQUEST QUOTE NAV BUTTON ===== */ /* Desktop nav - style as red button */ a.menu-list__link[href="/pages/request-a-quote"] { background-color: #d62828; color: #ffffff !important; border-radius: 3px; padding: 8px 16px !important; font-weight: 700 !important; letter-spacing: 0.05em; transition: background-color 0.15s ease; border: 2px solid #d62828; } a.menu-list__link[href="/pages/request-a-quote"]:hover { background-color: #a51e1e; border-color: #a51e1e; color: #ffffff !important; } a.menu-list__link[href="/pages/request-a-quote"] .menu-list__link-title { color: #ffffff !important; } /* Also style the mobile drawer version */ a#HeaderDrawer-request-quote { color: #d62828 !important; font-weight: 700 !important; } /* Request Quote button - smaller and centered in nav gap */ .menu-list__list-item:has(a[href="/pages/request-a-quote"]) { margin-left: auto !important; position: relative !important; right: -220px !important; } a.menu-list__link[href="/pages/request-a-quote"] { padding: 4px 10px !important; font-size: 13px !important; } /* Social media icons - white and above copyright line */ .social-icons__icon { fill: #FFFFFF !important; color: #FFFFFF !important; width: 28px !important; height: 28px !important; } .social-icons__icon-wrapper a { color: #FFFFFF !important; opacity: 0.85; transition: opacity 0.2s; } .social-icons__icon-wrapper a:hover { opacity: 1; } /* Move social icons above the copyright bar by reordering the utilities grid */ .footer-utilities .utilities { display: flex !important; flex-direction: column-reverse !important; } .social-icons__wrapper { padding: 16px 0 8px 0 !important; border-bottom: 1px solid rgba(255,255,255,0.15) !important; margin-bottom: 8px !important; justify-content: flex-end !important; gap: 20px !important; } /* Social media icons - white */ .social-icons__icon { fill: #FFFFFF !important; color: #FFFFFF !important; } /* PTL Page - hero CTA buttons equal size fix */ .pps-cs-cta-row { display: flex; flex-direction: row; gap: 12px; align-items: center; } .pps-cs-cta-row .pps-cs-btn-primary { min-width: 280px; } .pps-cs-cta-row .pps-cs-btn span { display: inline !important; white-space: nowrap !important; }