body.smouha-global-design {
--sm-unified-dark: var(--sm-color-charcoal);
--sm-unified-dark-deep: var(--sm-color-charcoal-deep);
--sm-unified-gold: var(--sm-color-gold);
--sm-unified-gold-deep: var(--sm-color-gold-deep);
--sm-unified-ivory: var(--sm-color-ivory);
--sm-unified-cream: var(--sm-color-cream);
--sm-unified-sand: var(--sm-color-sand);
--sm-unified-line: var(--sm-color-line);
--sm-unified-muted: var(--sm-color-muted);
}
body.smouha-global-design,
body.smouha-global-design #page,
body.smouha-global-design .site,
body.smouha-global-design #content,
body.smouha-global-design .site-content,
body.smouha-global-design main {
background: var(--sm-unified-cream) !important;
}
body.smouha-global-design :is(
h1,h2,h3,h4,h5,h6,
.elementor-heading-title,
.entry-title,
.page-title
) {
font-family: var(--sm-font-family) !important;
}
body.smouha-child-design:not(.home) .sm-site-hero {
width: min(calc(100% - 32px), var(--sm-container)) !important;
max-width: var(--sm-container) !important;
min-height: clamp(330px, 36vw, 500px) !important;
margin: 20px auto 54px !important;
padding: clamp(42px, 5vw, 70px) clamp(24px, 5vw, 68px) !important;
border: 1px solid rgba(196,163,75,.24) !important;
border-radius: 30px !important;
background:
radial-gradient(circle at 15% 10%, rgba(196,163,75,.16), transparent 30%),
linear-gradient(145deg, #252729 0%, #17191B 100%) !important;
color: var(--sm-color-on-dark) !important;
box-shadow: var(--sm-shadow-lg) !important;
}
body.smouha-child-design:not(.home) .sm-site-hero h1 {
max-width: 960px !important;
font-size: clamp(38px, 4.6vw, 64px) !important;
line-height: 1.35 !important;
}
body.smouha-child-design:not(.home) .sm-site-hero :is(
p,.elementor-widget-text-editor,.elementor-widget-text-editor p
) {
color: var(--sm-color-on-dark-muted) !important;
}
body.smouha-child-design:not(.home) .sm-site-hero :is(
.elementor-button,.sm-btn,.btn
) {
border-color: var(--sm-unified-gold) !important;
background: var(--sm-unified-gold) !important;
color: #252729 !important;
}
body.smouha-global-design .p1-site {
--green: var(--sm-unified-dark) !important;
--paper: var(--sm-unified-cream) !important;
--line: var(--sm-unified-line) !important;
--soft: var(--sm-unified-sand) !important;
font-family: var(--sm-font-family) !important;
background: var(--sm-unified-cream) !important;
}
body.smouha-global-design .p1-site :is(
.p1-hero,
.p1-cta-strip,
.p1-contact-copy
) {
background:
radial-gradient(circle at 15% 10%, rgba(196,163,75,.12), transparent 28%),
linear-gradient(145deg, #252729, #17191B) !important;
color: var(--sm-color-on-dark) !important;
}
body.smouha-global-design .p1-site :is(
.p1-hero h1,.p1-hero h2,.p1-hero h3,
.p1-cta-strip h2,
.p1-contact-copy h2
) {
color: var(--sm-color-on-dark) !important;
}
body.smouha-global-design .p1-site :is(
.p1-hero p,.p1-hero-badges,
.p1-cta-strip p,
.p1-contact-copy p,
.p1-contact-points li,
.p1-contact-notice
) {
color: var(--sm-color-on-dark-muted) !important;
}
body.smouha-global-design .p1-site :is(
.p1-btn:not(.p1-btn-gold):not(.p1-btn-light):not(.p1-btn-outline),
button.ff-btn-submit
) {
border-color: var(--sm-unified-dark) !important;
background: var(--sm-unified-dark) !important;
color: var(--sm-unified-ivory) !important;
}
body.smouha-global-design .p1-site .p1-btn-gold {
border-color: var(--sm-unified-gold) !important;
background: var(--sm-unified-gold) !important;
color: #252729 !important;
}
body.smouha-global-design .p1-site :is(
.p1-card,
.p1-path,
.p1-filter-panel,
.p1-info,
.p1-faq details,
.p1-form-area,
.p1-search-box
) {
border-color: var(--sm-unified-line) !important;
background: var(--sm-unified-ivory) !important;
box-shadow: var(--sm-shadow-sm) !important;
}
body.smouha-global-design .p1-site :is(.p1-tags span,.p1-chip,.p1-status) {
background: var(--sm-unified-sand) !important;
color: var(--sm-unified-dark) !important;
}
body.smouha-global-design :is(
.p1-unit-page,
.p1-listing-page,
[data-p1-page]
) {
--green: var(--sm-unified-dark) !important;
--ink: var(--sm-unified-dark) !important;
--gold: var(--sm-unified-gold) !important;
--paper: var(--sm-unified-cream) !important;
--line: var(--sm-unified-line) !important;
--soft: var(--sm-unified-sand) !important;
}
body.smouha-global-design #transport-engineering-apartments-page {
--te-bg: var(--sm-unified-cream) !important;
--te-white: var(--sm-unified-ivory) !important;
--te-soft: var(--sm-unified-ivory) !important;
--te-text: var(--sm-unified-dark) !important;
--te-text-soft: #626562 !important;
--te-muted: var(--sm-unified-muted) !important;
--te-dark: var(--sm-unified-dark) !important;
--te-dark-2: var(--sm-unified-dark-deep) !important;
--te-gold: var(--sm-unified-gold) !important;
--te-gold-2: #CDBB94 !important;
--te-border: var(--sm-unified-line) !important;
--te-border-2: #F3EEE4 !important;
}
body.smouha-global-design #transport-engineering-apartments-page :is(
.te-card-top,.te-request
) {
background:
radial-gradient(circle at top left, rgba(196,163,75,.16), transparent 32%),
linear-gradient(145deg, #252729, #17191B) !important;
}
body.smouha-global-design :is(
.p1-field input,.p1-field select,.p1-field textarea,
.te-filter-group select,
.te-fluentform-wrap input,.te-fluentform-wrap select,.te-fluentform-wrap textarea,
.ff-el-form-control
) {
border-color: var(--sm-unified-line) !important;
background: var(--sm-unified-ivory) !important;
color: var(--sm-unified-dark) !important;
}
body.smouha-global-design :is(
.p1-field input,.p1-field select,.p1-field textarea,
.te-filter-group select,
.te-fluentform-wrap input,.te-fluentform-wrap select,.te-fluentform-wrap textarea,
.ff-el-form-control
):focus {
border-color: var(--sm-unified-gold) !important;
box-shadow: var(--sm-focus) !important;
}
body.smouha-global-design :is(
.elementor-button,
.wp-element-button,
.p1-btn,
.te-btn,
.ff-btn-submit,
button[type="submit"],
input[type="submit"]
) {
min-height: 48px;
border-radius: 11px !important;
font-family: var(--sm-font-family) !important;
font-weight: 750 !important;
}
body.smouha-global-design :is(
.elementor-button,
.wp-element-button,
.ff-btn-submit,
button[type="submit"],
input[type="submit"]
) {
border-color: var(--sm-unified-dark) !important;
background: var(--sm-unified-dark) !important;
color: var(--sm-unified-ivory) !important;
}
body.smouha-global-design #smouha-footer-clean {
background: var(--sm-unified-cream) !important;
}
body.smouha-global-design #smouha-footer-clean .sfc-shell {
border-color: rgba(196,163,75,.22) !important;
background:
radial-gradient(circle at 12% 0%, rgba(196,163,75,.08), transparent 26%),
var(--sm-unified-dark-deep) !important;
}
body.smouha-global-design :is(
.p1-card,.p1-path,.p1-filter-panel,.p1-info,.p1-faq details,
.te-card,.te-section,.te-ai-section,.te-request,
.elementor-widget-container
) {
--sm-local-radius: 16px;
}
@media (max-width: 767px) {
body.smouha-child-design:not(.home) .sm-site-hero {
width: calc(100% - 20px) !important;
margin: 12px auto 34px !important;
border-radius: 22px !important;
}
body.smouha-global-design .p1-site .p1-wrap {
width: calc(100% - 24px) !important;
}
body.smouha-global-design :is(
.p1-hero,.p1-filter-panel,.p1-info,.p1-contact-block,
.te-hero,.te-section,.te-ai-section,.te-request
) {
border-radius: 18px !important;
}
}