.elementor-118 .elementor-element.elementor-element-e319532{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#220022;--border-color:#220022;--border-radius:22px 22px 22px 22px;box-shadow:40px 90px 10px 0px rgba(0, 0, 0, 0.65);--padding-top:80px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-118 .elementor-element.elementor-element-e319532:not(.elementor-motion-effects-element-type-background), .elementor-118 .elementor-element.elementor-element-e319532 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #000000 0%, #1A1919FC 100%);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-118 .elementor-element.elementor-element-2309d6d{text-align:center;}.elementor-118 .elementor-element.elementor-element-2309d6d .elementor-heading-title{font-family:"Cinzel", Sans-serif;font-weight:600;letter-spacing:3px;color:var( --e-global-color-primary );}.elementor-118 .elementor-element.elementor-element-aad02fb{--display:flex;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-118 .elementor-element.elementor-element-0bb9c24 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-118 .elementor-element.elementor-element-0bb9c24 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-118 .elementor-element.elementor-element-0bb9c24{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-118 .elementor-element.elementor-element-aad02fb{--content-width:500px;}}@media(min-width:768px){.elementor-118 .elementor-element.elementor-element-e319532{--content-width:1240px;}.elementor-118 .elementor-element.elementor-element-aad02fb{--content-width:1240px;}}/* Start custom CSS for heading, class: .elementor-element-2309d6d */.vbc-title{ font-family:"Cinzel", serif; text-transform:uppercase; letter-spacing:.18em; font-weight:900; color:#d7b36a; text-shadow: 0 2px 0 rgba(0,0,0,.55), 0 14px 30px rgba(0,0,0,.55); }/* End custom CSS */ /* Start custom CSS for gallery, class: .elementor-element-0bb9c24 *//* ========================================== VENUS GALLERY – BLACK BASE + GREEN BLEND Put class "vbc-gallery-panel" on the SECTION/CONTAINER Put class "vbc-gallery-title" on the HEADING widget ========================================== */ body.page{ background: radial-gradient(1200px 600px at 50% -20%, rgba(202,163,90,.06), transparent 60%), linear-gradient(180deg, #070403 0%, #0a0705 60%, #050302 100%) !important; } /* Green blend panel (forced with pseudo-element) */ .vbc-gallery-panel{ position: relative !important; overflow: hidden !important; padding: 90px 18px !important; background: transparent !important; } .vbc-gallery-panel:before{ content:""; position:absolute; inset:-2px; z-index:0; pointer-events:none; background: radial-gradient(900px 420px at 50% 15%, rgba(19,51,40,.80), transparent 68%), radial-gradient(800px 360px at 50% 40%, rgba(15,42,34,.55), transparent 70%), linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(15,42,34,.70) 38%, rgba(0,0,0,0) 100% ); } /* Make sure your content sits above the blend */ .vbc-gallery-panel > *{ position: relative; z-index: 1; } /* Heading (pops more) */ .vbc-gallery-title .elementor-heading-title{ font-family: "Cinzel", serif !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: .20em !important; line-height: 1.05 !important; font-size: clamp(26px, 3.5vw, 48px) !important; background: linear-gradient(180deg,#ffffff 0%,#fff5d6 25%,#e7c27a 55%,#c89b45 78%,#8a5e24 100%) !important; -webkit-background-clip:text !important; -webkit-text-fill-color:transparent !important; -webkit-text-stroke: .5px rgba(255,245,220,.33); text-shadow: 0 2px 4px rgba(0,0,0,.65), 0 10px 22px rgba(0,0,0,.55), 0 0 26px rgba(215,179,106,.20); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ae1ca0f */ /* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-aad02fb *//* ========================================== VENUS GALLERY – CLEAN LUXURY GRID Works with Elementor Pro Gallery ========================================== */ /* Image item styling */ .elementor-widget-gallery .elementor-gallery-item{ border-radius: 18px; overflow: hidden; border: 1px solid rgba(202,163,90,.14); box-shadow: 0 25px 60px rgba(0,0,0,.65); transition: transform .35s ease, filter .35s ease, box-shadow .35s ease; } /* Hover lift */ .elementor-widget-gallery .elementor-gallery-item:hover{ transform: translateY(-6px); filter: brightness(1.05); box-shadow: 0 35px 80px rgba(0,0,0,.75); } /* Image smoothness */ .elementor-widget-gallery .elementor-gallery-item img{ transition: transform .6s ease; } /* Slight zoom on hover */ .elementor-widget-gallery .elementor-gallery-item:hover img{ transform: scale(1.04); } /* Remove unwanted grey gaps */ .elementor-widget-gallery .elementor-gallery{ gap: 18px !important; }/* ========================= STRIP STYLE (MOBILE ONLY) Apply this AFTER your current gallery heading CSS ========================= */ @media (max-width: 768px){ /* The heading wrapper (your green block container) */ .vbc-gallery-title{ padding: 10px 12px !important; /* ✅ small strip height */ margin: 10px auto 14px !important; max-width: 92% !important; /* ✅ not full width */ border-radius: 14px !important; /* ✅ strip background (matches services vibe) */ background: radial-gradient(420px 160px at 50% 35%, rgba(202,163,90,.16), transparent 70%), linear-gradient(180deg, rgba(15,42,34,.92), rgba(11,32,26,.92)) !important; border: 1px solid rgba(202,163,90,.22) !important; box-shadow: 0 18px 46px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.05) !important; min-height: auto !important; } /* Slim inner spacing */ .vbc-gallery-title .elementor-heading-title{ margin: 0 !important; padding: 0 !important; line-height: 1.05 !important; font-size: clamp(16px, 4.6vw, 22px) !important; /* ✅ readable but compact */ letter-spacing: .14em !important; } /* Optional: thin gold lines (top/bottom) to make it feel “labelled” */ .vbc-gallery-title{ position: relative !important; overflow: hidden !important; } .vbc-gallery-title:before, .vbc-gallery-title:after{ content:"" !important; position:absolute !important; left: 10px !important; right: 10px !important; height: 1px !important; background: linear-gradient(90deg, transparent, rgba(202,163,90,.55), transparent) !important; opacity: .9 !important; pointer-events:none !important; } .vbc-gallery-title:before{ top: 8px !important; } .vbc-gallery-title:after{ bottom: 8px !important; } /* If Elementor added big default padding on the *section/container* above it */ .vbc-gallery-title, .vbc-gallery-title *{ min-height: unset !important; } }/* End custom CSS */ /* Start custom CSS *//* ========================================= MOBILE READABILITY FIX ========================================= */ @media (max-width: 768px){ /* Darker, cleaner green */ .vbc-gallery-panel{ background: linear-gradient( 180deg, #0b1f1a 0%, #071612 100% ) !important; border: 1px solid rgba(215,179,106,.25) !important; box-shadow: 0 14px 34px rgba(0,0,0,.65) !important; } /* Brighter, clearer gold */ .vbc-gallery-title .elementor-heading-title{ background: linear-gradient( 180deg, #ffffff 0%, #ffe7a8 35%, #d7b36a 65%, #a8742c 100% ) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; /* Stronger edge separation */ -webkit-text-stroke: 0.6px rgba(0,0,0,.8); text-shadow: 0 3px 0 rgba(0,0,0,.85), 0 8px 20px rgba(0,0,0,.7) !important; filter: contrast(1.15) saturate(1.1) !important; }/* ====================================== MOBILE SIMPLIFIED (Clean + Sharp) ====================================== */ @media (max-width: 768px){ /* Cleaner panel */ .vbc-gallery-panel{ background: #0b1f1a !important; border: 1px solid rgba(202,163,90,.25) !important; box-shadow: 0 10px 25px rgba(0,0,0,.55) !important; padding: 12px 14px !important; } /* Flat gold text (no heavy gradient) */ .vbc-gallery-title .elementor-heading-title{ background: none !important; color: #e6c07b !important; text-shadow: 0 2px 4px rgba(0,0,0,.7) !important; -webkit-text-stroke: 0 !important; letter-spacing: .12em !important; font-size: clamp(17px, 4.8vw, 22px) !important; line-height: 1.1 !important; } } }/* End custom CSS */