.elementor-kit-17{--e-global-color-primary:#080806;--e-global-color-secondary:#111110;--e-global-color-text:#1A1916;--e-global-color-accent:#2E2C29;--e-global-color-891b74e:#7A7772;--e-global-color-f646705:#C8C3BC;--e-global-color-b6856d5:#F0EDE8;--e-global-color-e06809b:#C4A882;--e-global-color-04f5adb:#A8895C;--e-global-typography-primary-font-family:"Bebas Neue";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Barlow Condensed";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Barlow";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Barlow", Sans-serif;font-weight:300;}.elementor-kit-17 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}} /* Start custom CSS *//* ============================================================ RESET MEN â€” Elementor Custom CSS Paste into: Elementor > Site Settings > Custom CSS OR Appearance > Customize > Additional CSS ============================================================ */ /* â”€â”€ GOOGLE FONTS IMPORT (if not loading via Elementor kit) â”€â”€ */ @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow:ital,wght@0,300;0,400;0,500;0,600;1,300&family=Barlow+Condensed:wght@300;400;500;600;700&display=swap'); /* â”€â”€ CSS VARIABLES â”€â”€ */ :root { --rm-black: #080806; --rm-near-black: #111110; --rm-carbon: #1a1916; --rm-graphite: #2e2c29; --rm-steel: #4a4845; --rm-ash: #7a7772; --rm-bone: #c8c3bc; --rm-warm-white: #f0ede8; --rm-tan: #c4a882; --rm-tan-deep: #a8895c; --rm-tan-dark: #7a6340; } /* â”€â”€ GLOBAL PAGE RESET FOR THIS PAGE â”€â”€ */ /* Apply class "rm-page" to the via Elementor Page Settings > Body Class */ .rm-page { background-color: var(--rm-black) !important; font-family: 'Barlow', sans-serif; font-weight: 300; overflow-x: hidden; } .rm-page .e-con, .rm-page .elementor-section { position: relative; } /* ====================================================== SECTION 1: TICKER BAR Container class: rm-ticker-wrap ====================================================== */ .rm-ticker-wrap { background: var(--rm-tan) !important; overflow: hidden; padding: 10px 0 !important; border-bottom: 1px solid var(--rm-tan-deep); width: 100%; } .rm-ticker-track { display: flex; gap: 0; width: max-content; animation: rmTicker 28s linear infinite; align-items: center; } .rm-ticker-item { white-space: nowrap; font-family: 'Barlow Condensed', sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 0.25em; text-transform: uppercase; color: var(--rm-black); padding: 0 48px; } @keyframes rmTicker { from { transform: translateX(0); } to { transform: translateX(-50%); } } /* ====================================================== SECTION 2: NAV Apply sticky nav settings in Elementor. Container class: rm-nav ====================================================== */ .rm-nav { background: rgba(8,8,6,0.94) !important; backdrop-filter: blur(20px); border-bottom: 1px solid rgba(196,168,130,0.15) !important; padding: 0 72px !important; height: 68px; display: flex; align-items: center; justify-content: space-between; } /* Logo text â€” apply to Heading widget */ .rm-nav-logo-main { font-family: 'Bebas Neue', sans-serif !important; font-size: 1.7rem !important; letter-spacing: 0.12em !important; color: var(--rm-warm-white) !important; line-height: 1 !important; margin: 0 !important; } .rm-nav-logo-sub { font-family: 'Barlow Condensed', sans-serif !important; font-size: 9px !important; font-weight: 500 !important; letter-spacing: 0.3em !important; text-transform: uppercase !important; color: var(--rm-tan) !important; border-left: 1px solid var(--rm-graphite); padding-left: 16px !important; line-height: 1.4 !important; margin: 0 !important; } /* Nav Menu widget â€” apply class rm-nav-menu */ .rm-nav-menu .elementor-nav-menu a { font-family: 'Barlow Condensed', sans-serif !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: 0.2em !important; text-transform: uppercase !important; color: var(--rm-bone) !important; transition: color 0.2s !important; } .rm-nav-menu .elementor-nav-menu a:hover { color: var(--rm-tan) !important; } /* ====================================================== SECTION 3: HERO Outer container class: rm-hero Left inner container class: rm-hero-left Right inner container class: rm-hero-right ====================================================== */ .rm-hero { min-height: calc(100vh - 100px) !important; background: var(--rm-black) !important; } .rm-hero-left { background: var(--rm-black) !important; padding: 100px 60px 100px 72px !important; border-right: 1px solid var(--rm-graphite); } .rm-hero-right { background: var(--rm-near-black) !important; padding: 60px !important; position: relative; overflow: hidden; display: flex !important; flex-direction: column !important; justify-content: flex-end !important; min-height: 600px; } /* Watermark letter â€” HTML widget inside hero-right */ .rm-hero-wm { position: absolute; top: -40px; right: -20px; font-family: 'Bebas Neue', sans-serif; font-size: 28vw; line-height: 1; color: rgba(196,168,130,0.04); letter-spacing: -0.02em; user-select: none; pointer-events: none; z-index: 0; } /* Grid texture overlay */ .rm-hero-right::before { content: ''; position: absolute; inset: 0; background: repeating-linear-gradient(0deg, transparent, transparent 60px, rgba(255,255,255,0.02) 60px, rgba(255,255,255,0.02) 61px), repeating-linear-gradient(90deg, transparent, transparent 60px, rgba(255,255,255,0.02) 60px, rgba(255,255,255,0.02) 61px); pointer-events: none; z-index: 0; } /* Eyebrow row â€” inner container class: rm-eyebrow-row */ .rm-eyebrow-row { display: flex !important; align-items: center !important; gap: 14px !important; margin-bottom: 28px !important; } .rm-eyebrow-line { display: inline-block; width: 32px; height: 1px; background: var(--rm-tan); flex-shrink: 0; } /* Text widget â€” class rm-eyebrow-text */ .rm-eyebrow-text, .rm-eyebrow-text .elementor-widget-container, .rm-eyebrow-text p { font-family: 'Barlow Condensed', sans-serif !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.35em !important; text-transform: uppercase !important; color: var(--rm-tan) !important; margin: 0 !important; line-height: 1 !important; } /* Hero Heading â€” class rm-hero-title */ .rm-hero-title .elementor-heading-title { font-family: 'Bebas Neue', sans-serif !important; font-size: clamp(5rem, 9vw, 8.5rem) !important; line-height: 0.92 !important; letter-spacing: 0.03em !important; color: var(--rm-warm-white) !important; margin-bottom: 10px !important; } .rm-hero-title .elementor-heading-title em, .rm-hero-title .elementor-heading-title span.rm-tan { color: var(--rm-tan) !important; font-style: normal; } /* Hero subtitle â€” class rm-hero-subtitle */ .rm-hero-subtitle .elementor-heading-title { font-family: 'Barlow Condensed', sans-serif !important; font-size: clamp(1.3rem, 2.5vw, 2rem) !important; font-weight: 300 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; color: var(--rm-ash) !important; margin-bottom: 44px !important; } /* Hero description â€” class rm-hero-desc */ .rm-hero-desc p, .rm-hero-desc .elementor-widget-container { font-size: 15px !important; font-weight: 300 !important; line-height: 1.85 !important; color: var(--rm-bone) !important; max-width: 420px !important; margin-bottom: 48px !important; } /* Hero stats row */ .rm-hero-stats { display: flex !important; gap: 40px !important; flex-wrap: wrap; padding-top: 20px; border-top: 1px solid var(--rm-graphite); } .rm-stat-val { font-family: 'Bebas Neue', sans-serif !important; font-size: 2.2rem !important; letter-spacing: 0.05em !important; color: var(--rm-tan) !important; line-height: 1 !important; margin-bottom: 4px !important; } .rm-stat-val .elementor-heading-title { font-family: 'Bebas Neue', sans-serif !important; font-size: 2.2rem !important; color: var(--rm-tan) !important; } .rm-stat-lbl p, .rm-stat-lbl .elementor-widget-container { font-family: 'Barlow Condensed', sans-serif !important; font-size: 10px !important; font-weight: 500 !important; letter-spacing: 0.2em !important; text-transform: uppercase !important; color: var(--rm-steel) !important; margin: 0 !important; } /* Right side badge â€” HTML widget */ .rm-hero-badge { display: inline-flex; align-items: center; gap: 10px; border: 1px solid var(--rm-tan); padding: 10px 20px; margin-bottom: 28px; position: relative; z-index: 1; } .rm-hero-badge span { font-family: 'Barlow Condensed', sans-serif; font-size: 10px; font-weight: 600; letter-spacing: 0.3em; text-transform: uppercase; color: var(--rm-tan); } /* Right side quote â€” class rm-hero-quote */ .rm-hero-quote .elementor-heading-title { font-family: 'Bebas Neue', sans-serif !important; font-size: clamp(2rem, 4vw, 3.5rem) !important; line-height: 1.05 !important; letter-spacing: 0.05em !important; color: var(--rm-warm-white) !important; max-width: 420px; position: relative; z-index: 1; } .rm-hero-quote .elementor-heading-title em, .rm-hero-quote .elementor-heading-title span { color: var(--rm-tan) !important; font-style: normal !important; } /* Image placeholder â€” class rm-img-placeholder */ .rm-img-placeholder { width: 100%; height: 100%; min-height: 360px; display: flex; align-items: center; justify-content: center; border: 1px dashed var(--rm-graphite); font-family: 'Barlow Condensed', sans-serif; font-size: 10px; letter-spacing: 0.3em; text-transform: uppercase; color: var(--rm-graphite); } /* ====================================================== SECTION 4: MARQUEE STRIP Container class: rm-marquee-wrap ====================================================== */ .rm-marquee-wrap { background: var(--rm-carbon) !important; border-top: 1px solid rgba(196,168,130,0.1) !important; border-bottom: 1px solid rgba(196,168,130,0.1) !important; overflow: hidden !important; padding: 18px 0 !important; width: 100%; } .rm-marquee-track { display: flex; gap: 0; width: max-content; animation: rmTicker 35s linear infinite; align-items: center; } .rm-marquee-item { white-space: nowrap; font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 400; letter-spacing: 0.2em; text-transform: uppercase; color: var(--rm-ash); padding: 0 40px; } .rm-marquee-item strong { color: var(--rm-tan); font-weight: 600; } .rm-marquee-sep { color: var(--rm-graphite); padding: 0 8px; } /* ====================================================== SECTION 5: SERVICES GRID Section container class: rm-services-section Grid container class: rm-services-grid Each card container class: rm-service-card ====================================================== */ .rm-services-section { background: var(--rm-black) !important; padding: 100px 72px !important; } /* Section label â€” reusable */ .rm-section-label .elementor-widget-container, .rm-section-label p { font-family: 'Barlow Condensed', sans-serif !important; font-size: 10px !important; font-weight: 600 !important; letter-spacing: 0.4em !important; text-transform: uppercase !important; color: var(--rm-tan) !important; margin-bottom: 20px !important; display: flex; align-items: center; gap: 12px; } .rm-section-label .elementor-widget-container::before, .rm-section-label p::before { content: ''; display: inline-block; width: 20px; height: 1px; background: var(--rm-tan); vertical-align: middle; flex-shrink: 0; } /* Section title â€” reusable */ .rm-section-title .elementor-heading-title { font-family: 'Bebas Neue', sans-serif !important; font-size: clamp(3rem, 5.5vw, 5.5rem) !important; line-height: 0.95 !important; letter-spacing: 0.04em !important; color: var(--rm-warm-white) !important; margin-bottom: 60px !important; } .rm-section-title .elementor-heading-title em { color: var(--rm-tan) !important; font-style: normal !important; } /* Services grid container */ .rm-services-grid { gap: 1px !important; background: var(--rm-graphite) !important; border: 1px solid var(--rm-graphite) !important; } /* Individual service card */ .rm-service-card { background: var(--rm-near-black) !important; padding: 44px 38px !important; position: relative !important; overflow: hidden !important; transition: background 0.3s !important; cursor: pointer; display: block; text-decoration: none; } .rm-service-card::before { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: var(--rm-tan); transition: width 0.4s ease; } .rm-service-card:hover { background: var(--rm-carbon) !important; } .rm-service-card:hover::before { width: 100%; } /* Service number â€” class rm-service-num on Heading */ .rm-service-num .elementor-heading-title { font-family: 'Bebas Neue', sans-serif !important; font-size: 3rem !important; letter-spacing: 0.05em !important; color: rgba(196,168,130,0.15) !important; line-height: 1 !important; margin-bottom: 20px !important; transition: color 0.3s !important; } .rm-service-card:hover .rm-service-num .elementor-heading-title { color: rgba(196,168,130,0.35) !important; } /* Service name */ .rm-service-name .elementor-heading-title { font-family: 'Bebas Neue', sans-serif !important; font-size: 1.7rem !important; letter-spacing: 0.06em !important; color: var(--rm-warm-white) !important; margin-bottom: 14px !important; line-height: 1.1 !important; } /* Service description */ .rm-service-desc p, .rm-service-desc .elementor-widget-container { font-size: 14px !important; font-weight: 300 !important; line-height: 1.7 !important; color: var(--rm-ash) !important; margin-bottom: 28px !important; } /* Service link */ .rm-service-link .elementor-widget-container, .rm-service-link p { font-family: 'Barlow Condensed', sans-serif !important; font-size: 10px !important; font-weight: 600 !important; letter-spacing: 0.3em !important; text-transform: uppercase !important; color: var(--rm-tan) !important; } /* ====================================================== SECTION 6 & 7: FEATURED SPLITS Container class: rm-featured-split Image side class: rm-featured-img Content side class: rm-featured-content ====================================================== */ .rm-featured-split { min-height: 580px !important; } .rm-featured-img { background: var(--rm-carbon) !important; position: relative !important; overflow: hidden !important; display: flex !important; align-items: center !important; justify-content: center !important; min-height: 500px !important; } .rm-featured-content { background: var(--rm-black) !important; padding: 80px 72px 80px 60px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .rm-featured-content-alt { background: var(--rm-near-black) !important; } /* Featured label */ .rm-featured-label .elementor-widget-container, .rm-featured-label p { font-family: 'Barlow Condensed', sans-serif !important; font-size: 10px !important; font-weight: 600 !important; letter-spacing: 0.4em !important; text-transform: uppercase !important; color: var(--rm-tan) !important; margin-bottom: 18px !important; display: flex; align-items: center; gap: 10px; } .rm-featured-label .elementor-widget-container::before, .rm-featured-label p::before { content: ''; display: inline-block; width: 16px; height: 1px; background: var(--rm-tan); flex-shrink: 0; } /* Featured title */ .rm-featured-title .elementor-heading-title { font-family: 'Bebas Neue', sans-serif !important; font-size: clamp(3rem, 5vw, 4.5rem) !important; line-height: 0.95 !important; letter-spacing: 0.04em !important; color: var(--rm-warm-white) !important; margin-bottom: 20px !important; } /* Featured description */ .rm-featured-desc p, .rm-featured-desc .elementor-widget-container { font-size: 15px !important; font-weight: 300 !important; line-height: 1.85 !important; color: var(--rm-ash) !important; margin-bottom: 38px !important; max-width: 420px !important; } /* Bullet list â€” use Elementor Icon List widget, class: rm-featured-bullets */ .rm-featured-bullets .elementor-icon-list-item { border-bottom: 1px solid var(--rm-graphite) !important; padding: 10px 0 !important; } .rm-featured-bullets .elementor-icon-list-item:hover { border-color: var(--rm-tan) !important; } .rm-featured-bullets .elementor-icon-list-text { font-family: 'Barlow Condensed', sans-serif !important; font-size: 13px !important; font-weight: 500 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; color: var(--rm-bone) !important; } .rm-featured-bullets .elementor-icon-list-icon i, .rm-featured-bullets .elementor-icon-list-icon svg { color: var(--rm-tan) !important; font-size: 6px !important; } /* ====================================================== SECTION 8: STATS BAND Container class: rm-stats-band Each stat container: rm-stat-box ====================================================== */ .rm-stats-band { background: var(--rm-tan) !important; padding: 60px 72px !important; } .rm-stat-box { text-align: center !important; padding: 0 20px !important; border-right: 1px solid rgba(8,8,6,0.2) !important; } .rm-stat-box:last-child { border-right: none !important; } .rm-stats-val .elementor-heading-title { font-family: 'Bebas Neue', sans-serif !important; font-size: 3.8rem !important; letter-spacing: 0.04em !important; color: var(--rm-black) !important; line-height: 1 !important; margin-bottom: 6px !important; } .rm-stats-lbl p, .rm-stats-lbl .elementor-widget-container { font-family: 'Barlow Condensed', sans-serif !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.22em !important; text-transform: uppercase !important; color: rgba(8,8,6,0.6) !important; margin: 0 !important; } /* ====================================================== SECTION 9: WHY RESET MEN Container class: rm-why-section Left container: rm-why-left Right grid: rm-why-grid Each card: rm-why-card ====================================================== */ .rm-why-section { background: var(--rm-near-black) !important; padding: 100px 72px !important; } .rm-why-card { border-top: 1px solid var(--rm-graphite) !important; padding-top: 28px !important; transition: border-color 0.2s; } .rm-why-card:hover { border-color: var(--rm-tan) !important; } .rm-why-num .elementor-heading-title { font-family: 'Bebas Neue', sans-serif !important; font-size: 1.1rem !important; letter-spacing: 0.1em !important; color: var(--rm-tan) !important; margin-bottom: 12px !important; } .rm-why-title .elementor-heading-title { font-family: 'Bebas Neue', sans-serif !important; font-size: 1.5rem !important; letter-spacing: 0.06em !important; color: var(--rm-warm-white) !important; margin-bottom: 12px !important; line-height: 1.1 !important; } .rm-why-desc p, .rm-why-desc .elementor-widget-container { font-size: 13px !important; font-weight: 300 !important; line-height: 1.75 !important; color: var(--rm-ash) !important; margin: 0 !important; } /* ====================================================== SECTION 10: CTA BANNER Container class: rm-cta-banner ====================================================== */ .rm-cta-banner { background: var(--rm-tan) !important; padding: 80px 72px !important; } .rm-cta-title .elementor-heading-title { font-family: 'Bebas Neue', sans-serif !important; font-size: clamp(2.5rem, 5vw, 4.5rem) !important; line-height: 0.95 !important; letter-spacing: 0.04em !important; color: var(--rm-black) !important; margin-bottom: 10px !important; } .rm-cta-sub .elementor-widget-container, .rm-cta-sub p { font-family: 'Barlow Condensed', sans-serif !important; font-size: 13px !important; font-weight: 500 !important; letter-spacing: 0.2em !important; text-transform: uppercase !important; color: rgba(8,8,6,0.55) !important; margin: 0 !important; } /* ====================================================== SECTION 11: NEWSLETTER Container class: rm-nl-section ====================================================== */ .rm-nl-section { background: var(--rm-black) !important; padding: 90px 72px !important; border-top: 1px solid var(--rm-graphite) !important; } .rm-nl-title .elementor-heading-title { font-family: 'Bebas Neue', sans-serif !important; font-size: clamp(2.5rem, 4.5vw, 4rem) !important; line-height: 0.95 !important; letter-spacing: 0.04em !important; color: var(--rm-warm-white) !important; margin-bottom: 16px !important; } .rm-nl-title .elementor-heading-title em { color: var(--rm-tan) !important; font-style: normal !important; } .rm-nl-desc p { font-size: 14px !important; font-weight: 300 !important; line-height: 1.8 !important; color: var(--rm-ash) !important; } /* Form widget â€” class rm-nl-form */ .rm-nl-form .elementor-field-group input, .rm-nl-form .elementor-field-group textarea { background: var(--rm-carbon) !important; border: 1px solid var(--rm-graphite) !important; color: var(--rm-warm-white) !important; padding: 15px 20px !important; font-family: 'Barlow', sans-serif !important; font-size: 14px !important; font-weight: 300 !important; border-radius: 0 !important; outline: none !important; } .rm-nl-form .elementor-field-group input:focus, .rm-nl-form .elementor-field-group textarea:focus { border-color: var(--rm-tan) !important; } .rm-nl-form .elementor-field-group input::placeholder { color: var(--rm-steel) !important; } .rm-nl-form .e-form__buttons button, .rm-nl-form .elementor-button { background: var(--rm-tan) !important; color: var(--rm-black) !important; border: none !important; border-radius: 0 !important; font-family: 'Barlow Condensed', sans-serif !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0.28em !important; text-transform: uppercase !important; padding: 16px 32px !important; width: 100% !important; transition: background 0.2s !important; } .rm-nl-form .e-form__buttons button:hover, .rm-nl-form .elementor-button:hover { background: var(--rm-warm-white) !important; } /* ====================================================== SECTION 12: FOOTER Container class: rm-footer ====================================================== */ .rm-footer { background: var(--rm-near-black) !important; border-top: 1px solid var(--rm-graphite) !important; padding: 70px 72px 50px !important; } .rm-footer-logo .elementor-heading-title { font-family: 'Bebas Neue', sans-serif !important; font-size: 2.2rem !important; letter-spacing: 0.12em !important; color: var(--rm-warm-white) !important; margin-bottom: 8px !important; } .rm-footer-logo-sub p, .rm-footer-logo-sub .elementor-widget-container { font-family: 'Barlow Condensed', sans-serif !important; font-size: 10px !important; font-weight: 500 !important; letter-spacing: 0.3em !important; text-transform: uppercase !important; color: var(--rm-tan) !important; margin-bottom: 18px !important; } .rm-footer-tagline p { font-size: 13px !important; font-weight: 300 !important; line-height: 1.7 !important; color: var(--rm-steel) !important; max-width: 280px !important; } .rm-footer-heading .elementor-heading-title { font-family: 'Barlow Condensed', sans-serif !important; font-size: 10px !important; font-weight: 600 !important; letter-spacing: 0.3em !important; text-transform: uppercase !important; color: var(--rm-tan) !important; margin-bottom: 20px !important; padding-bottom: 10px !important; border-bottom: 1px solid var(--rm-graphite) !important; } /* Nav widget for footer links â€” class rm-footer-links */ .rm-footer-links .elementor-nav-menu a, .rm-footer-links a { font-size: 13px !important; font-weight: 300 !important; color: var(--rm-ash) !important; text-decoration: none !important; display: block !important; margin-bottom: 10px !important; transition: color 0.2s !important; } .rm-footer-links .elementor-nav-menu a:hover, .rm-footer-links a:hover { color: var(--rm-tan) !important; } .rm-footer-address p { font-size: 13px !important; font-weight: 300 !important; font-style: normal !important; line-height: 1.7 !important; color: var(--rm-ash) !important; margin-bottom: 20px !important; } /* Footer bottom bar â€” class rm-footer-bottom */ .rm-footer-bottom { background: var(--rm-black) !important; border-top: 1px solid var(--rm-graphite) !important; padding: 20px 72px !important; } .rm-footer-copy p, .rm-footer-copy .elementor-widget-container { font-family: 'Barlow Condensed', sans-serif !important; font-size: 10px !important; font-weight: 500 !important; letter-spacing: 0.15em !important; text-transform: uppercase !important; color: var(--rm-steel) !important; margin: 0 !important; } /* ====================================================== GLOBAL BUTTONS â€” reusable across all sections ====================================================== */ /* Primary button â€” tan bg */ .rm-btn-primary .elementor-button { background: var(--rm-tan) !important; color: var(--rm-black) !important; border: none !important; border-radius: 0 !important; padding: 17px 44px !important; font-family: 'Barlow Condensed', sans-serif !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0.28em !important; text-transform: uppercase !important; transition: background 0.25s !important; } .rm-btn-primary .elementor-button:hover { background: var(--rm-warm-white) !important; } /* Outline button */ .rm-btn-outline .elementor-button { background: transparent !important; color: var(--rm-bone) !important; border: 1px solid var(--rm-graphite) !important; border-radius: 0 !important; padding: 16px 40px !important; font-family: 'Barlow Condensed', sans-serif !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: 0.25em !important; text-transform: uppercase !important; transition: border-color 0.2s, color 0.2s !important; } .rm-btn-outline .elementor-button:hover { border-color: var(--rm-tan) !important; color: var(--rm-tan) !important; } /* Dark button (used on tan backgrounds) */ .rm-btn-dark .elementor-button { background: var(--rm-black) !important; color: var(--rm-tan) !important; border: none !important; border-radius: 0 !important; padding: 18px 48px !important; font-family: 'Barlow Condensed', sans-serif !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0.28em !important; text-transform: uppercase !important; white-space: nowrap !important; transition: background 0.2s, color 0.2s !important; } .rm-btn-dark .elementor-button:hover { background: var(--rm-near-black) !important; color: var(--rm-warm-white) !important; } /* Nav book button */ .rm-nav-btn .elementor-button { background: var(--rm-tan) !important; color: var(--rm-black) !important; border: none !important; border-radius: 0 !important; padding: 11px 28px !important; font-family: 'Barlow Condensed', sans-serif !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.25em !important; text-transform: uppercase !important; transition: background 0.2s !important; } .rm-nav-btn .elementor-button:hover { background: var(--rm-warm-white) !important; } /* Social buttons in footer â€” use Button widget */ .rm-social-btn .elementor-button { background: transparent !important; color: var(--rm-bone) !important; border: 1px solid var(--rm-graphite) !important; border-radius: 0 !important; padding: 8px 16px !important; font-family: 'Barlow Condensed', sans-serif !important; font-size: 10px !important; font-weight: 600 !important; letter-spacing: 0.25em !important; text-transform: uppercase !important; transition: border-color 0.2s, color 0.2s !important; } .rm-social-btn .elementor-button:hover { border-color: var(--rm-tan) !important; color: var(--rm-tan) !important; } /* ====================================================== RESPONSIVE â€” Tablet & Mobile ====================================================== */ @media (max-width: 1024px) { .rm-services-section, .rm-why-section, .rm-nl-section, .rm-footer, .rm-cta-banner, .rm-stats-band { padding-left: 32px !important; padding-right: 32px !important; } .rm-hero-left { padding: 60px 32px !important; } .rm-hero-right { min-height: 400px; padding: 40px 32px !important; } .rm-footer-bottom { padding-left: 32px !important; padding-right: 32px !important; } .rm-stats-band { grid-template-columns: 1fr 1fr !important; } .rm-stat-box { border-right: none !important; border-bottom: 1px solid rgba(8,8,6,0.2) !important; padding-bottom: 30px !important; } .rm-stat-box:last-child { border-bottom: none !important; } } @media (max-width: 767px) { .rm-hero-wm { display: none; } .rm-cta-banner { flex-direction: column !important; } .rm-hero-stats { flex-wrap: wrap; gap: 20px !important; } }/* End custom CSS */