/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/* Interior-page banner as a contained, centered box (not full-bleed). */
.mrr-boxed-banner{max-width:1140px;margin:28px auto;border-radius:10px;overflow:hidden;}
.mrr-boxed-banner > .elementor-container{padding-left:40px;padding-right:40px;}
@media(max-width:1180px){.mrr-boxed-banner{margin-left:16px;margin-right:16px;}}

/* Right-justify the phone number in the header top bar (right column). */
.elementor-element-d513e5a{text-align:right;}
.elementor-element-d513e5a .elementor-icon-list-items.elementor-inline-items{justify-content:flex-end;}

/* ---- Redesigned footer ---- */
.mrr-footer{font-family:"Work Sans",sans-serif;}
.mrr-footer__container{max-width:1140px;margin:0 auto;padding:0 24px;}
.mrr-footer__main{background:#565656;color:#d8dde3;padding:56px 0 44px;}
.mrr-footer__main .mrr-footer__container{display:grid;grid-template-columns:2.2fr 1fr 1fr;gap:40px;align-items:start;}
.mrr-footer__logo{height:50px;width:auto;display:block;margin-bottom:18px;}
.mrr-footer__brand p{margin:0 0 12px;line-height:1.6;font-size:.95rem;}
.mrr-footer h4{color:#fff;font-size:1.05rem;font-weight:800;margin:0 0 16px;}
.mrr-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;}
.mrr-footer a{color:#e6eaef;text-decoration:none;transition:color .15s;}
.mrr-footer a:hover{color:#66BB46;}
.mrr-footer__call{display:inline-block;margin-top:18px;background:#66BB46;color:#fff !important;font-weight:700;padding:11px 20px;border-radius:4px;}
.mrr-footer__call:hover{background:#4e9e33;color:#fff !important;}
.mrr-footer__bar{background:#66BB46;color:#fff;}
.mrr-footer__bar .mrr-footer__container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding-top:15px;padding-bottom:15px;font-size:.9rem;}
.mrr-footer__bar a{color:#fff;font-weight:700;}
@media(max-width:820px){.mrr-footer__main .mrr-footer__container{grid-template-columns:1fr;gap:28px;}}

/* ---- "Need Help?" sidebar card (consistent across service pages) ---- */
.mrr-needhelp{background:#565656;color:#e2e6ea;border-radius:10px;padding:30px 26px;text-align:center;}
.mrr-needhelp a.mrr-needhelp__logo,.mrr-needhelp .mrr-needhelp__logo{display:block;margin:0 auto 16px;}
.mrr-needhelp img.mrr-needhelp__logo{height:46px;width:auto;margin:0 auto 16px;display:block;}
.mrr-needhelp h3{color:#fff;font-size:1.6rem;font-weight:800;margin:0 0 12px;}
.mrr-needhelp p{margin:0 0 16px;line-height:1.55;font-size:.95rem;}
.mrr-needhelp__promo{background:rgba(102,187,70,.16);border-left:3px solid #66BB46;border-radius:4px;padding:14px 16px;text-align:left;margin:0 0 18px;display:grid;gap:6px;}
.mrr-needhelp__promo strong{color:#fff;}
.mrr-needhelp__promo span{font-size:.9rem;line-height:1.5;}
.mrr-needhelp__promo a{color:#9be07f;font-weight:700;text-decoration:none;}
.mrr-needhelp__promo a:hover{text-decoration:underline;}
.mrr-needhelp__call{display:inline-block;background:#66BB46;color:#fff;font-weight:800;padding:13px 26px;border-radius:4px;font-size:1.05rem;text-decoration:none;}
.mrr-needhelp__call:hover{background:#4e9e33;color:#fff;}

/* ---- Mobile nav: CSS-only hamburger (no JS) ---- */
.mrr-navtoggle{display:none;}
.mrr-burger{display:none;}
@media(max-width:1024px){
  .mrr-burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:46px;height:42px;cursor:pointer;padding:9px;box-sizing:border-box;margin-left:auto;}
  .mrr-burger span{display:block;height:3px;width:100%;background:#122A48;border-radius:2px;}
  header.elementor-71{position:relative;}
  header .elementor-widget-nav-menu nav.elementor-nav-menu--main{
    display:none !important;position:absolute;top:100%;left:0;right:0;width:100%;
    background:#565656;z-index:70;padding:6px 0;box-shadow:0 12px 22px rgba(0,0,0,.22);
  }
  .mrr-navtoggle:checked ~ nav.elementor-nav-menu--main{display:block !important;}
  header .elementor-nav-menu{display:block !important;}
  header .elementor-nav-menu li{display:block;float:none;width:auto;}
  header .elementor-nav-menu .elementor-item{display:block;color:#fff !important;padding:13px 22px !important;border-bottom:1px solid rgba(255,255,255,.12);font-weight:600;text-align:left;}
  header .elementor-nav-menu .elementor-item:hover{background:rgba(255,255,255,.08);color:#66BB46 !important;}
}

/* Mobile nav dropdown: make the header the positioning context (full-width dropdown) */
@media(max-width:1024px){
  header.elementor-71{position:relative !important;}
  header .elementor-top-section,
  header .elementor-column,
  header .elementor-widget-wrap,
  header .elementor-widget-nav-menu,
  header .elementor-widget-nav-menu > .elementor-widget-container{position:static !important;}
  header .elementor-widget-nav-menu nav.elementor-nav-menu--main{top:auto;bottom:auto;}
  /* burger lines light so they show on the header */
  .mrr-burger span{background:#122A48;}
}

/* Final: neutralize .elementor-container positioning in the header so the mobile
   dropdown anchors to the header and spans full width, below the header row. */
@media(max-width:1024px){
  header .elementor-container{position:static !important;}
  header .elementor-widget-nav-menu nav.elementor-nav-menu--main{
    top:100% !important; left:0 !important; right:0 !important; width:100% !important; bottom:auto !important;
  }
}

/* Mobile header tweaks: white hamburger, hide the header Call Now button */
@media(max-width:1024px){
  .mrr-burger span{background:#fff !important;}
  header .elementor-widget-button{display:none !important;}
}

/* Background overlays are decorative and must never intercept taps/clicks
   (they were covering the mobile hamburger and any CTA beneath them). */
.elementor-background-overlay{pointer-events:none;}