#fw-section-collection-template-collection-default { --font-heading-scale: 1.45; --font-body-scale: 1.0; } #fw-section-hero-d3ce8c60-f73f-4f76-9c20-83aeca07a7ff { /* 1. Import from CDNFonts */ @import url('https://fonts.cdnfonts.com/css/horror-type'); /* 2. Force the container to the top right */ .hero__content.hero__content--right { position: absolute !important; top: 5% !important; right: 5% !important; margin: 0 !important; padding: 0 !important; width: auto !important; } /* 3. BASE STYLING (Desktop & Tablet) */ /* Applies the font, color, and shadow to BOTH lines */ .hero__content--right .hero__heading.h1::before, .hero__content--right .hero__heading.h1::after { font-family: 'Horror Type', sans-serif !important; font-size: 6rem !important; color: #8a0303 !important; text-transform: uppercase; line-height: 1.1; text-align: right; text-shadow: 3px 3px 0px #000, -2px -2px 0px #000, 2px -2px 0px #000, -2px 2px 0px #000, 2px 2px 0px #000, 8px 8px 15px rgba(0,0,0,0.9) !important; } /* Line 1: "ARE YOU" (Static) */ .hero__content--right .hero__heading.h1::before { content: "ARE YOU" !important; display: block !important; } /* Line 2: "TERRIFIED?" (Animation and layout rules for this are now handled in your site's code) */ .hero__content--right .hero__heading.h1::after { content: "TERRIFIED?" !important; } /* 4. MOBILE SCALING (Screens smaller than 768px wide) */ @media (max-width: 768px) { .hero__content.hero__content--right { top: 2% !important; right: 2% !important; } /* Adjusts the sizing for BOTH lines on mobile */ .hero__content--right .hero__heading.h1::before, .hero__content--right .hero__heading.h1::after { font-size: 2.5rem !important; text-shadow: 2px 2px 0px #000, -1px -1px 0px #000, 1px -1px 0px #000, -1px 1px 0px #000, 1px 1px 0px #000, 5px 5px 10px rgba(0,0,0,0.9) !important; } } } #fw-section-hero-video-fde95c5c-d6df-45a0-9e7f-cb3e9e794438 { /* 1. Set the background behind the video to white */ body { background-color: white; } /* 2. Your video code remains the same */ video { opacity: 0.8; -webkit-mask-image: linear-gradient( to bottom, transparent 0%, black 25%, black 75%, transparent 100% ); mask-image: linear-gradient( to bottom, transparent 0%, black 25%, black 75%, transparent 100% ); } } #fw-section-hero-aaeb72d8-9d7b-43bd-90f3-946bda4eaab3 { --font-heading-scale: 1.03; --font-body-scale: 1.32; } #fw-section-newsletter-52709d1c-91bd-40a6-b464-94c82e9da793 { --font-heading-scale: 0.84; --font-body-scale: 0.87; } #fw-section-footer { --font-heading-scale: 0.99; --font-body-scale: 0.7; } #fw-section-footer { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #000000; --color-background-rgb: 0, 0, 0; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #ffffff; --color-background-brightness: 0; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; } #fw-section-image-d32485d6-2f97-4f1d-9f49-5e39fc7dfeb6 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #000000; --color-background-rgb: 0, 0, 0; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #ffffff; --color-background-brightness: 0; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; } #fw-section-text-carousel-76dd59b8-c004-42c0-b8ef-a98e6bb4bb5d { --font-heading-scale: 0.7; --font-body-scale: 0.7; } #fw-section-product-product-default { --font-heading-scale: 1.18; --font-body-scale: 0.85; } #fw-section-product-product-default { .html-formatter ul li, .product-info__promotion-description { text-shadow: -2px -2px 0 #ffffff, 2px -2px 0 #ffffff, -2px 2px 0 #ffffff, 2px 2px 0 #ffffff, -2px 0px 0 #ffffff, 2px 0px 0 #ffffff, 0px -2px 0 #ffffff, 0px 2px 0 #ffffff; } } #fw-section-product-recommendations-product-default { --font-heading-scale: 0.7; --font-body-scale: 0.81; } #fw-section-search-bar-search { --font-heading-scale: 1.01; --font-body-scale: 0.84; } #fw-section-search-bar-search { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #000000; --color-background-rgb: 0, 0, 0; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #ffffff; --color-background-brightness: 0; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; } #fw-section-text-carousel-9d8da580-38b0-4fbc-9776-f8a0da6ab0c0 { --font-heading-scale: 0.7; --font-body-scale: 0.7; } #fw-section-text-carousel-9d8da580-38b0-4fbc-9776-f8a0da6ab0c0 { --color-primary: #ffffff; --color-primary-rgb: 255, 255, 255; --color-background: #000000; --color-background-rgb: 0, 0, 0; --color-on-background: #ffffff; --color-on-background-rgb: 255, 255, 255; --color-on-primary: #000000; --color-on-primary-rgb: 0, 0, 0; --color-product-image-background: #ffffff; --color-background-brightness: 0; background-color: var(--color-background); color: var(--color-on-background); --primary-btn-bg: #ffffff; --primary-btn-text: #000000; --primary-btn-border-color: #ffffff; --secondary-btn-bg: transparent; --secondary-btn-text: #ffffff; --secondary-btn-border-color: #ffffff; } #fw-section-password { --font-heading-scale: 0.92; --font-body-scale: 0.82; }