@import url(„https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500&family=Marcellus&family=Montserrat:wght@300;400;500;600&display=swap“);
body { background-color: #F0EDEA; }
body, p, span, div, a, li { font-family: „Montserrat“, sans-serif; color: inherit; }
h1, h2, h3, h4, h5, h6 { font-family: „Marcellus“, serif; font-weight: 400; }
/* Nav: near-opaque dark bg */
[data-id=“nav001″] {
z-index: 999 !important;
background-color: rgba(15,12,10,0.97) !important;
}
/* Hero overlays — home uses data-id, sub-pages use HTML id from _element_id */
[data-id=“hero001″],
#srv_hero,
#rev_hero,
#bk_hero,
#promo_hero,
#ct_hero {
position: relative;
}
[data-id=“hero001″]::before,
#srv_hero::before,
#rev_hero::before,
#bk_hero::before,
#promo_hero::before,
#ct_hero::before {
content: „“;
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
}
[data-id=“hero001″] > .e-con-inner,
#srv_hero > .e-con-inner,
#rev_hero > .e-con-inner,
#bk_hero > .e-con-inner,
#promo_hero > .e-con-inner,
#ct_hero > .e-con-inner {
position: relative;
z-index: 1;
}
/* Per-page overlay tuning */
[data-id=“hero001″]::before { background: rgba(10,8,6,0.62); }
#srv_hero::before { background: rgba(10,8,6,0.55); }
#bk_hero::before { background: rgba(10,8,6,0.72); }
#promo_hero::before { background: rgba(10,8,6,0.72); }
#rev_hero::before { background: linear-gradient(to bottom, rgba(10,8,6,0.70) 0%, rgba(10,8,6,0.88) 40%, rgba(10,8,6,0.88) 70%, rgba(10,8,6,0.75) 100%); }
#ct_hero::before { background: linear-gradient(to bottom, rgba(10,8,6,0.75) 0%, rgba(10,8,6,0.88) 30%, rgba(10,8,6,0.85) 75%, rgba(10,8,6,0.72) 100%); }
/* ALL hero text: strong text-shadow */
[data-id=“hero001″] .e-con-inner *,
#srv_hero .e-con-inner *,
#rev_hero .e-con-inner *,
#bk_hero .e-con-inner *,
#promo_hero .e-con-inner *,
#ct_hero .e-con-inner * {
text-shadow: 0 2px 8px rgba(0,0,0,0.7), 0 0 3px rgba(0,0,0,0.5);
}
/* Mobile navigation */
@media (max-width: 1024px) {
[data-id=“nav003″] { display: none !important; }
[data-id=“nav001″] {
flex-wrap: wrap !important;
padding: 16px 24px !important;
}
[data-id=“nav001″] .e-con-inner {
flex-wrap: wrap !important;
justify-content: space-between !important;
}
[data-id=“nav002″] { flex-shrink: 0; white-space: nowrap; }
}
@media (max-width: 768px) {
[data-id=“nav002″] h3 {
font-size: 18px !important;
letter-spacing: 2px !important;
white-space: nowrap !important;
}
[data-id=“nav004″] .elementor-button {
padding: 10px 20px !important;
font-size: 10px !important;
}
}