:root { --bg:#080706; --surface:#11100e; --surface-2:#171511; --text:#f7f3ea; --muted:#b5aea3; --gold:#d7b879; --gold-light:#ecd9ad; --gold-deep:#a9874c; --line:rgba(236,217,173,.12); --max:1180px; } *{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth} body{font-family:'Rubik',Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;overflow-x:hidden} a{color:inherit}img{max-width:100%;display:block}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto} .site-header{position:sticky;top:0;z-index:1000;background:rgba(8,7,6,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)} .nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;font-size:1.25rem;font-weight:800}.brand span{color:var(--gold)} .nav-links{display:flex;align-items:center;gap:26px}.nav-links a{text-decoration:none;color:#d7d4ce;font-size:.94rem;transition:.2s}.nav-links a:hover{color:#fff} .nav-cta,.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#111!important;font-weight:800}.nav-cta{padding:10px 18px;border-radius:999px}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:1.5rem} .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;padding:13px 22px;border-radius:999px;border:1px solid var(--line);font-weight:700;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-secondary{background:#111;color:#fff} .hero{padding:54px 0 36px}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:54px}.eyebrow,.section-kicker{color:var(--gold-light);font-weight:700;font-size:.88rem;letter-spacing:.08em} .hero h1{font-size:clamp(3rem,6vw,5.7rem);line-height:.98;margin:12px 0 18px;letter-spacing:-.04em}.hero h1 span{display:block;color:var(--gold);font-size:.52em;line-height:1.15;margin-top:16px;letter-spacing:-.02em} .hero-lead{font-size:clamp(1.12rem,2vw,1.35rem);color:#d2cec6;max-width:610px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-media{position:relative}.hero-media img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:30px;box-shadow:0 25px 90px rgba(0,0,0,.55)}.hero-media:after{content:"";position:absolute;inset:auto 10% -18px 10%;height:40px;background:var(--gold);filter:blur(45px);opacity:.16;z-index:-1} .quick-services{padding:26px 0 66px}.service-pills{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.service-pills a{text-decoration:none;padding:10px 16px;border:1px solid var(--line);background:#0d0d0d;border-radius:999px;color:#d9d5ce;transition:.2s}.service-pills a:hover{border-color:rgba(215,184,121,.6);color:#fff} .section{padding:86px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:34px}.section-head h2{font-size:clamp(2.1rem,4vw,3.4rem);line-height:1.1;margin-top:7px}.section-head p{color:var(--muted);max-width:520px} .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{background:linear-gradient(145deg,#12110f,#0d0c0b);border:1px solid var(--line);border-radius:22px;padding:28px;text-decoration:none;min-height:180px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s}.service-card:hover{transform:translateY(-5px);border-color:rgba(215,184,121,.45)}.service-card h3{font-size:1.35rem}.service-card p{color:var(--muted);font-size:.95rem;margin-top:8px}.card-arrow{color:var(--gold);font-size:1.25rem;margin-top:22px} .about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}.about-photo img{border-radius:28px;aspect-ratio:1/1;object-fit:cover}.about-copy h2{font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.1;margin:8px 0 22px}.about-copy p{color:#cbc7bf;font-size:1.08rem;margin-bottom:14px} .media-section{padding-top:72px}.youtube-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.youtube-preview,.event-video-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:transform .25s,border-color .25s;font-family:'Rubik',Arial,sans-serif}.youtube-preview:hover,.event-video-card:hover{transform:translateY(-4px);border-color:rgba(215,184,121,.42)} .media-title{font-family:'Rubik',Arial,sans-serif;font-size:1.08rem;line-height:1.35;font-weight:700;color:var(--text);padding:16px 18px 12px;margin:0;text-align:right}.youtube-thumb,.gallery-item{display:block;position:relative;width:100%;aspect-ratio:16/9;padding:0;margin:0;border:0;background:#0b0b0b;overflow:hidden;cursor:pointer}.youtube-thumb img,.gallery-item video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.youtube-preview:hover .youtube-thumb img,.event-video-card:hover .gallery-item video{transform:scale(1.025)} .youtube-play,.play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#111;font-size:1.25rem;box-shadow:0 12px 30px rgba(0,0,0,.38);transition:transform .2s}.youtube-preview:hover .youtube-play,.event-video-card:hover .play{transform:translate(-50%,-50%) scale(1.08)}.youtube-play i,.play i{margin-left:3px}.youtube-meta{padding:11px 18px 15px;color:var(--muted);font-size:.9rem;text-align:right}.youtube-thumb iframe{display:block;width:100%;height:100%;border:0} .gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.event-video-card .gallery-item{border-radius:0}.event-video-card .gallery-item video{aspect-ratio:16/9} .modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:2000;align-items:center;justify-content:center;padding:24px}.modal.open{display:flex}.modal video{max-width:900px;width:100%;max-height:82vh;border-radius:18px;background:#000}.modal-close{position:absolute;top:20px;left:20px;background:#111;border:1px solid #333;color:#fff;width:44px;height:44px;border-radius:50%;font-size:1.5rem;cursor:pointer} .testimonials{columns:2;column-gap:18px;max-width:820px;margin:auto}.testimonial{break-inside:avoid;margin:0 0 18px;background:#111;border:1px solid var(--line);border-radius:18px;padding:8px}.testimonial img{border-radius:12px;width:100%} .social-follow-box{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:34px 38px;border:1px solid var(--line);background:linear-gradient(145deg,#12110f,#0c0b0a);border-radius:26px}.social-follow-box h2{font-size:clamp(1.8rem,3vw,2.7rem);margin:6px 0}.social-follow-box p{color:var(--muted)}.social-buttons{display:flex;gap:10px;flex-wrap:wrap}.social-buttons a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:10px 14px;background:#0d0d0d}.social-buttons a:hover{border-color:rgba(215,184,121,.5)}.social-buttons-large a{padding:12px 17px} .contact-box{display:grid;grid-template-columns:1fr 1fr;gap:46px;padding:44px;border-radius:28px;background:linear-gradient(145deg,#15130f,#0d0c0b);border:1px solid var(--line)}.contact-copy h2{font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.1;margin:8px 0 18px}.contact-copy p{color:var(--muted)}.contact-direct{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}form{display:grid;gap:13px}input,select,textarea{width:100%;background:#080706;border:1px solid #2a2823;border-radius:13px;color:#fff;padding:14px 15px;font:inherit}textarea{min-height:118px;resize:vertical}button[type=submit]{border:0;cursor:pointer} .footer{padding:52px 0 100px;border-top:1px solid var(--line);margin-top:80px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:30px}.footer h3{color:var(--gold);margin-bottom:10px}.footer p,.footer a{color:#aaa59c}.footer-links{display:grid;gap:7px}.footer-links a{text-decoration:none}.footer-bottom{border-top:1px solid var(--line);margin-top:30px;padding-top:22px;color:#777;font-size:.88rem}.social-row{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.social-row a{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;text-decoration:none;color:#fff}.social-row a span{display:none}.mobile-wa{display:none;position:fixed;bottom:16px;left:16px;right:16px;z-index:900;background:#25D366;color:#07120a;text-decoration:none;padding:13px 20px;border-radius:999px;text-align:center;font-weight:900;box-shadow:0 10px 35px rgba(0,0,0,.45)} .subhero{padding:96px 0 70px;text-align:center}.breadcrumbs{font-size:.9rem;color:#888;margin-bottom:20px}.breadcrumbs a{color:#aaa}.subhero h1{font-size:clamp(2.8rem,6vw,5rem);line-height:1;margin-bottom:20px}.subhero .lead{max-width:740px;margin:auto;color:#ccc;font-size:1.2rem}.article-wrap{max-width:850px;margin:auto}.article-cover{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:28px;margin-bottom:42px}.article-wrap h2{font-size:2rem;margin:44px 0 14px}.article-wrap p{color:#c8c4bd;font-size:1.08rem;margin-bottom:19px}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:30px 0}.feature{border:1px solid var(--line);background:#10100e;border-radius:16px;padding:17px}.feature:before{content:"✓";color:var(--gold);font-weight:900;margin-left:8px}.faq{display:grid;gap:10px;margin-top:25px}details{background:#10100e;border:1px solid var(--line);border-radius:15px;padding:17px}summary{cursor:pointer;font-weight:700}details p{margin:12px 0 0!important;font-size:.98rem!important}.related{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.related a{text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:8px 13px;color:#ccc}.booking-card{margin-top:48px;padding:30px;border:1px solid var(--line);border-radius:22px;background:#10100e;text-align:center}.booking-card h2{margin:0 0 10px} @media(max-width:900px){.nav-links{display:none;position:absolute;top:76px;right:0;left:0;background:#0b0a09;border-bottom:1px solid var(--line);padding:22px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.menu-btn{display:block}.hero-grid,.about-grid,.contact-box{grid-template-columns:1fr}.hero-copy{order:2;text-align:center}.hero-media{order:1}.hero-lead{margin:auto}.hero-actions{justify-content:center}.services-grid{grid-template-columns:repeat(2,1fr)}.youtube-grid,.gallery-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.social-follow-box{align-items:flex-start;flex-direction:column}} @media(max-width:600px){.wrap{width:min(100% - 28px,var(--max))}.nav{height:68px}.nav-links{top:68px}.hero{padding-top:24px}.hero-grid{gap:26px}.hero-media img{border-radius:20px;aspect-ratio:4/3}.hero h1{font-size:3.25rem}.section{padding:64px 0}.section-head{display:block}.section-head p{margin-top:12px}.services-grid,.footer-grid,.feature-list{grid-template-columns:1fr}.testimonials{columns:1}.contact-box{padding:26px}.mobile-wa{display:block}.footer{padding-bottom:100px}.social-follow-box{padding:26px 22px}.social-buttons-large{width:100%}.social-buttons-large a{flex:1;justify-content:center}.media-title{font-size:1rem}} @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}} /* ELSHAY SPACING FIX */ /* Home: service pills -> events */ .quick-services { padding-top: 18px !important; padding-bottom: 20px !important; } .quick-services + .section { padding-top: 38px !important; } /* Inner service pages */ .subhero { padding-bottom: 34px !important; } .subhero + .section { padding-top: 34px !important; } .article-cover { margin-bottom: 28px !important; } /* Keep mobile compact but not cramped */ @media (max-width: 600px) { .quick-services { padding-top: 12px !important; padding-bottom: 12px !important; } .quick-services + .section { padding-top: 28px !important; } .subhero { padding-bottom: 24px !important; } .subhero + .section { padding-top: 26px !important; } } /* ELSHAY PREMIUM POLISH V1 */ /* |-------------------------------------------------------------------------- | Cinematic background |-------------------------------------------------------------------------- */ body { background-color: var(--bg); background-image: radial-gradient( circle at 78% 10%, rgba(215,184,121,.055) 0, rgba(215,184,121,.025) 18rem, transparent 34rem ), radial-gradient( circle at 5% 46%, rgba(215,184,121,.026) 0, transparent 30rem ), radial-gradient( circle at 85% 78%, rgba(236,217,173,.018) 0, transparent 28rem ); background-attachment: fixed; } /* Very subtle cinematic grain */ body::after { content:""; position:fixed; inset:0; z-index:9999; pointer-events:none; opacity:.022; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.7'/%3E%3C/svg%3E"); mix-blend-mode:soft-light; } /* |-------------------------------------------------------------------------- | Remove phone call button |-------------------------------------------------------------------------- */ .contact-direct a[href^="tel:"] { display:none !important; } /* |-------------------------------------------------------------------------- | Premium gold treatment |-------------------------------------------------------------------------- */ .btn-primary, .nav-cta { box-shadow: 0 10px 28px rgba(215,184,121,.11), inset 0 1px 0 rgba(255,255,255,.24); transition: transform .22s ease, box-shadow .22s ease, filter .22s ease; } .btn-primary:hover, .nav-cta:hover { box-shadow: 0 14px 36px rgba(215,184,121,.22), 0 0 30px rgba(215,184,121,.11), inset 0 1px 0 rgba(255,255,255,.28); filter:brightness(1.035); } /* Small gold text should feel illuminated, not neon */ .section-kicker, .eyebrow { text-shadow: 0 0 18px rgba(215,184,121,.13); } .hero h1 span { text-shadow: 0 0 30px rgba(215,184,121,.085); } /* |-------------------------------------------------------------------------- | Hero ambient glow |-------------------------------------------------------------------------- */ .hero-media::after { opacity:.17; animation: elshayPremiumGlow 7s ease-in-out infinite; } @keyframes elshayPremiumGlow { 0%, 100% { opacity:.13; transform:scale(.96); } 50% { opacity:.21; transform:scale(1.035); } } /* |-------------------------------------------------------------------------- | Cards |-------------------------------------------------------------------------- */ .service-card:hover, .youtube-preview:hover, .video-card:hover { box-shadow: 0 18px 46px rgba(0,0,0,.30), 0 0 25px rgba(215,184,121,.035); } /* |-------------------------------------------------------------------------- | Respect reduced-motion preference |-------------------------------------------------------------------------- */ @media (prefers-reduced-motion: reduce) { .hero-media::after { animation:none !important; } } /* ELSHAY MIDNIGHT BACKGROUND START */ /* |-------------------------------------------------------------------------- | Midnight cinematic base |-------------------------------------------------------------------------- */ html { background:#060a11; } body { position:relative; background-color:#060a11 !important; background-image: /* soft blue stage light - top right */ radial-gradient( ellipse at 82% 8%, rgba(24,82,145,.19) 0%, rgba(13,45,82,.10) 19%, transparent 43% ), /* second blue glow - left center */ radial-gradient( ellipse at 4% 43%, rgba(20,63,108,.11) 0%, transparent 35% ), /* warm stage glow */ radial-gradient( ellipse at 78% 55%, rgba(215,184,121,.055) 0%, transparent 28% ), /* lower blue depth */ radial-gradient( ellipse at 50% 100%, rgba(10,42,78,.15) 0%, transparent 47% ), linear-gradient( 180deg, #07101c 0%, #060b13 32%, #06090f 62%, #070a0f 100% ) !important; background-attachment:fixed; } /* |-------------------------------------------------------------------------- | Elegant gold light arc |-------------------------------------------------------------------------- */ body::before { content:""; position:fixed; width:145vw; height:50vw; left:-24vw; bottom:-34vw; border-radius:50%; border-top: 1px solid rgba(215,184,121,.20); box-shadow: 0 -2px 18px rgba(215,184,121,.055), 0 -8px 55px rgba(215,184,121,.025); transform:rotate(-5deg); pointer-events:none; z-index:0; opacity:.72; animation: elshayMidnightArc 18s ease-in-out infinite alternate; } /* |-------------------------------------------------------------------------- | Very subtle texture / grain |-------------------------------------------------------------------------- */ body::after { content:""; position:fixed; inset:0; pointer-events:none; z-index:9999; opacity:.018 !important; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E") !important; mix-blend-mode:soft-light; } /* |-------------------------------------------------------------------------- | Make actual site stay above the decorative background |-------------------------------------------------------------------------- */ .site-header, main, .footer, .mobile-wa { position:relative; z-index:1; } /* |-------------------------------------------------------------------------- | Header blends into new background |-------------------------------------------------------------------------- */ .site-header { background: rgba(5,10,17,.88) !important; border-bottom: 1px solid rgba(215,184,121,.09) !important; } /* |-------------------------------------------------------------------------- | Cards stay premium but pick up a slight midnight tone |-------------------------------------------------------------------------- */ .service-card, .video-card, .youtube-preview, .testimonial, .contact-box, details, .booking-card { background: linear-gradient( 145deg, rgba(13,21,31,.96), rgba(8,13,20,.97) ) !important; } /* |-------------------------------------------------------------------------- | Subtle ambient edge glow on sections |-------------------------------------------------------------------------- */ .section { position:relative; } .section::before { content:""; position:absolute; width:320px; height:320px; right:-220px; top:10%; border-radius:50%; background: radial-gradient( circle, rgba(36,91,151,.055), transparent 68% ); pointer-events:none; } /* |-------------------------------------------------------------------------- | Very slow premium movement only |-------------------------------------------------------------------------- */ @keyframes elshayMidnightArc { from { transform: rotate(-5deg) translate3d(0,0,0); } to { transform: rotate(-4.2deg) translate3d(1.2vw,-.5vw,0); } } /* |-------------------------------------------------------------------------- | Mobile tuning |-------------------------------------------------------------------------- */ @media (max-width:600px) { body { background-attachment:scroll; } body::before { width:190vw; height:80vw; left:-50vw; bottom:-46vw; opacity:.56; } .section::before { opacity:.65; } } /* |-------------------------------------------------------------------------- | Accessibility |-------------------------------------------------------------------------- */ @media (prefers-reduced-motion:reduce) { body::before { animation:none !important; } } /* ELSHAY MIDNIGHT BACKGROUND END */ /* ELSHAY HERO TUNE START */ /* Lift only the hero text area */ .hero-copy { transform: translateY(-38px); } /* Secondary hero headline */ .hero h1 span { font-size: clamp(2.2rem, 3.35vw, 3.55rem) !important; line-height: 1.13 !important; max-width: 560px; margin-top: 18px; } /* Keep supporting text visually aligned */ .hero-lead { max-width: 560px; } /* Tablet */ @media (max-width: 900px) { .hero-copy { transform: translateY(-12px); } .hero h1 span { max-width: 100%; font-size: clamp(2rem, 6vw, 3rem) !important; } .hero-lead { max-width: 620px; } } /* Mobile */ @media (max-width: 600px) { .hero-copy { transform: none; } .hero h1 span { font-size: clamp(1.8rem, 8vw, 2.45rem) !important; line-height: 1.14 !important; } } /* ELSHAY HERO TUNE END */ /* ELSHAY LUXURY BLACK START */ /* |-------------------------------------------------------------------------- | Luxury charcoal background | Keep all existing cinematic effects, remove the blue cast |-------------------------------------------------------------------------- */ html { background:#0b0b0c !important; } body { background-color:#0b0b0c !important; background-image: /* very soft warm illumination - upper area */ radial-gradient( ellipse at 82% 7%, rgba(215,184,121,.055) 0%, rgba(215,184,121,.018) 22%, transparent 44% ), /* subtle graphite depth */ radial-gradient( ellipse at 5% 42%, rgba(255,255,255,.022) 0%, transparent 34% ), /* gentle champagne ambience */ radial-gradient( ellipse at 76% 56%, rgba(215,184,121,.038) 0%, transparent 30% ), /* lower charcoal depth */ radial-gradient( ellipse at 50% 100%, rgba(255,255,255,.018) 0%, transparent 48% ), /* actual base */ linear-gradient( 180deg, #0e0e0f 0%, #0b0b0c 31%, #09090a 67%, #0c0b0b 100% ) !important; } /* |-------------------------------------------------------------------------- | Header |-------------------------------------------------------------------------- */ .site-header { background:rgba(10,10,11,.90) !important; border-bottom: 1px solid rgba(215,184,121,.09) !important; } /* |-------------------------------------------------------------------------- | Cards / surfaces |-------------------------------------------------------------------------- */ .service-card, .video-card, .youtube-preview, .testimonial, .contact-box, details, .booking-card { background: linear-gradient( 145deg, rgba(20,20,21,.97), rgba(12,12,13,.98) ) !important; } /* |-------------------------------------------------------------------------- | Remove blue ambient glow from sections | Replace with an almost invisible champagne glow |-------------------------------------------------------------------------- */ .section::before { background: radial-gradient( circle, rgba(215,184,121,.035), transparent 68% ) !important; } /* |-------------------------------------------------------------------------- | Slightly warmer secondary surfaces |-------------------------------------------------------------------------- */ input, select, textarea { background:#0d0d0e !important; } /* |-------------------------------------------------------------------------- | Mobile |-------------------------------------------------------------------------- */ @media (max-width:600px) { body { background-color:#0b0b0c !important; } } /* ELSHAY LUXURY BLACK END */ /* ELSHAY MUSIC SPACING START */ /* שירים וביצועים - מעט יותר מהודק, עדיין עם אוויר */ #shows.section { padding-top: 58px !important; padding-bottom: 58px !important; } /* מובייל */ @media (max-width:600px) { #shows.section { padding-top: 44px !important; padding-bottom: 44px !important; } } /* ELSHAY MUSIC SPACING END */ /* ELSHAY GLOBAL SPACING START */ /* |-------------------------------------------------------------------------- | Consistent vertical rhythm |-------------------------------------------------------------------------- */ /* All standard sections */ .section { padding-top: 46px !important; padding-bottom: 46px !important; } /* * When one normal section follows another, * reduce the second top padding so paddings don't double. */ .section + .section { padding-top: 28px !important; } /* |-------------------------------------------------------------------------- | Home: event pills -> events |-------------------------------------------------------------------------- */ .quick-services { padding-top: 14px !important; padding-bottom: 18px !important; } .quick-services + .section { padding-top: 32px !important; } /* |-------------------------------------------------------------------------- | Music -> About |-------------------------------------------------------------------------- */ #shows.section { padding-top: 44px !important; padding-bottom: 34px !important; } #shows + #about, #shows + .section { padding-top: 30px !important; } /* |-------------------------------------------------------------------------- | About |-------------------------------------------------------------------------- */ #about.section { padding-top: 30px !important; padding-bottom: 42px !important; } /* |-------------------------------------------------------------------------- | Reviews / Contact |-------------------------------------------------------------------------- */ #reviews.section { padding-top: 42px !important; padding-bottom: 36px !important; } #contact.section { padding-top: 30px !important; padding-bottom: 48px !important; } /* |-------------------------------------------------------------------------- | Service pages |-------------------------------------------------------------------------- */ .subhero { padding-top: 72px !important; padding-bottom: 28px !important; } .subhero + .section { padding-top: 28px !important; } .article-cover { margin-bottom: 24px !important; } /* |-------------------------------------------------------------------------- | Footer |-------------------------------------------------------------------------- */ .footer { margin-top: 48px !important; } /* |-------------------------------------------------------------------------- | Mobile |-------------------------------------------------------------------------- */ @media (max-width: 600px) { .section { padding-top: 36px !important; padding-bottom: 36px !important; } .section + .section { padding-top: 22px !important; } .quick-services { padding-top: 10px !important; padding-bottom: 12px !important; } .quick-services + .section { padding-top: 25px !important; } #shows.section { padding-top: 34px !important; padding-bottom: 26px !important; } #shows + #about, #shows + .section { padding-top: 22px !important; } #about.section { padding-top: 22px !important; padding-bottom: 34px !important; } #reviews.section { padding-top: 34px !important; padding-bottom: 28px !important; } #contact.section { padding-top: 24px !important; padding-bottom: 38px !important; } .subhero { padding-top: 50px !important; padding-bottom: 22px !important; } .subhero + .section { padding-top: 22px !important; } .footer { margin-top: 36px !important; } } /* ELSHAY GLOBAL SPACING END */