/* ===== Header area (keep image; white fallback) ===== */
.header-menu-box{
  background-color: #fff;          /* white background behind transparent parts */
  /* background-image: none !important;  ← leave commented/removed so the header image shows */
  background-size: contain;        /* or 'cover' if you prefer edge-to-edge */
  background-position: center top;
  background-repeat: no-repeat;
  height: 220px;                   /* adjust to your banner's height */
  position: relative;              /* needed to anchor absolute children below */
	
}

/* Optional: when sticky on the home page */
.page-template-revolution-home .header-menu-box.sticky-header.stickyon{
  background-size: contain !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  height: 180px;                   /* a bit shorter when sticky; tweak if needed */
}

/* ===== Menu "pills" styling ===== */
.main-navigation ul#primary-menu > li > a{
  position: relative;
  display: inline-block;
  background: #C9B552;             /* your yellow */
  color: #000 !important;
  border: 1px solid #000;
  border-radius: 10px;
  padding: 6px 12px;               /* compact so all fit one row */
  line-height: 1.2;
  transition: transform .15s ease, box-shadow .15s ease;
  box-shadow: 0 1px 0 rgba(0,0,0,.15);
  font-size: 15px;
}

/* Lift on hover/selected */
.main-navigation ul#primary-menu > li > a:hover,
.main-navigation ul#primary-menu > li > a:focus,
.main-navigation ul#primary-menu > li.current-menu-item > a,
.main-navigation ul#primary-menu > li.current_page_item > a,
.main-navigation ul#primary-menu > li.current-menu-ancestor > a{
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(0,0,0,.12), 0 3px 6px rgba(0,0,0,.08);
}

/* Baseline ONLY on hover/selected for menu items */
.main-navigation ul#primary-menu > li > a:hover::after,
.main-navigation ul#primary-menu > li > a:focus::after,
.main-navigation ul#primary-menu > li.current-menu-item > a::after,
.main-navigation ul#primary-menu > li.current_page_item > a::after,
.main-navigation ul#primary-menu > li.current-menu-ancestor > a::after{
  content:"";
  position:absolute;
  left:-1px; right:-1px;
  bottom:-2px;
  height:2px;
  background:#000;
  border-bottom-left-radius:9px;
  border-bottom-right-radius:9px;
  transform: translateY(2px); /* counters the lift */
}

/* Remove theme’s default underline for the current item */
.main-navigation ul#primary-menu li.current-menu-item > a,
.main-navigation ul#primary-menu li.current_page_item > a{
  border-bottom:none !important;
}

/* Keep the menu on one row & tighten gaps */
.main-navigation ul#primary-menu{ flex-wrap: nowrap !important; }
.main-navigation li{ padding: 0 !important; } 
.main-navigation ul#primary-menu > li{ padding: 0 6px !important; margin: 0 !important; }

/* ===== Black "Get a Quote" button (no underline) ===== */
.nav-menu-header-right .header-button a{
  display:inline-block;
  background:#000 !important;
  color:#fff !important;
  border:1px solid #000 !important;
  border-radius:10px;
  padding:8px 14px;
  line-height:1.2;
  outline:2px dashed #000 !important;     /* dotted outline stays black */
  outline-offset:6px;
  position:relative;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.nav-menu-header-right .header-button a::after,
.nav-menu-header-right .header-button a:hover::after,
.nav-menu-header-right .header-button a:focus::after{
  content:none !important;                 /* ensure no baseline for this CTA */
}
.nav-menu-header-right .header-button a:hover,
.nav-menu-header-right .header-button a:focus{
  background:#111 !important;
  transform:translateY(-2px);
  box-shadow:0 6px 12px rgba(0,0,0,.12), 0 3px 6px rgba(0,0,0,.08);
  outline:2px dashed #000 !important;
  border-color:#000 !important;
}

/* ===== Place menu + CTA at the bottom of the header (desktop) ===== */
@media (min-width: 901px){
  /* Center menu at the bottom */
  .nav-menu-header-center{
    position: absolute;
    left: 0; right: 0;
    bottom: 10px;                            /* tweak vertical position */
    display: flex;
    justify-content: center;
    z-index: 5;
    width: 100% !important;
  }
  .main-navigation ul#primary-menu{ justify-content: center; }

  /* Put the black CTA on the same baseline (right side) */
  .nav-menu-header-right{
    position: absolute;
    right: 15px;
    bottom: 10px;
    z-index: 6;
    width: auto !important;
  }

  /* Ignore earlier width allocations so layout doesn't fight this */
  .nav-menu-header-left,
  .nav-menu-header-center,
  .nav-menu-header-right{ width: auto !important; }
}

/* ===== Mobile: normal stacked behavior ===== */
@media (max-width: 900px){
  .main-navigation ul#primary-menu{ flex-wrap: wrap !important; }
  .nav-menu-header-center,
  .nav-menu-header-right{ position: static; }
}

/* Hide header social icons only, keep search button */
.header-info-right > a { 
  display: none !important; 
}

/* Center PHONE + EMAIL in the top header bar (desktop) */
@media (min-width: 901px){
  .header-info-box .container{ position: relative; }
  .header-info-left{
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center;
    gap: 36px;                 /* spacing between phone & email */
  }
  /* Hide the right block (socials) so centering is perfect */
  .header-info-right{ display: none !important; }
}

/* Standardize search styling in sidebars/footers ONLY (not the header popup) */

/* Legacy widget */
aside .widget_search .search-form,
.footer-top .widget_search .search-form{
  display:flex !important;
  align-items:center;
  gap:0;
}
aside .widget_search .search-form label,
.footer-top .widget_search .search-form label{
  width:100% !important;
  margin:0;
}
aside .widget_search .search-field,
.footer-top .widget_search .search-field{
  width:100%;
  height:44px;
  border:1px solid #cfcfcf;
  border-right:0;
  border-radius:999px 0 0 999px;
  padding:0 14px;
  background:#fff;
}
aside .widget_search .search-field:focus,
.footer-top .widget_search .search-field:focus{
  outline:none;
  border-color:#000;
  box-shadow:0 0 0 3px rgba(0,0,0,.12);
}
aside .widget_search input[type="submit"],
.footer-top .widget_search input[type="submit"]{
  height:44px;
  padding:0 16px;
  border:1px solid #000;
  border-left:0;
  border-radius:0 999px 999px 0;
  background:#000;
  color:#fff;
  font-weight:600;
  cursor:pointer;
}
aside .widget_search input[type="submit"]:hover,
.footer-top .widget_search input[type="submit"]:hover{
  background:#111;
}

/* Gutenberg Search block */
aside .wp-block-search .wp-block-search__inside-wrapper,
.footer-top .wp-block-search .wp-block-search__inside-wrapper{
  display:flex;
  align-items:center;
  gap:0;
  border:1px solid #cfcfcf;
  border-radius:999px;
  padding:0;
  overflow:hidden;
  background:#fff;
}
aside .wp-block-search__input,
.footer-top .wp-block-search__input{
  border:0 !important;
  height:44px;
  padding:12px 14px !important;
  flex:1 1 auto;
}
aside .wp-block-search__button,
.footer-top .wp-block-search__button{
  border:0 !important;
  height:44px;
  padding:0 16px !important;

  color:#fff !important;
  font-weight:600;
}
aside .wp-block-search__button:hover,
.footer-top .wp-block-search__button:hover{
  background:#111 !important;
}

/* Keep the HEADER popup search untouched */
.inner_searchbox .search-form,
.inner_searchbox .wp-block-search__inside-wrapper{ all: unset; }


/* Print button styling (blue background, white text) */
#wpforms-form-86 .wpforms-print-btn{
  background: #0b66a2;     /* blue */
  color: #fff;             /* white text */
  border: 1px solid #0b66a2;
  border-radius: 3.5px;
  padding: 10px 20px;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
  display: inline-flex;
  text-decoration: none;
}

#wpforms-form-86 .wpforms-print-btn:hover,
#wpforms-form-86 .wpforms-print-btn:focus{
  background: #085989;     /* slightly darker on hover */
  border-color: #085989;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(0,0,0,.12), 0 3px 6px rgba(0,0,0,.08);
}

#wpforms-form-86 .wpforms-submit-container{ display:flex; gap:10px; align-items:center; }
#wpforms-form-86 .wpforms-print-wrap{ display:none !important; } /* hides old print link if still present */



/* Hide breadcrumbs from common themes/plugins */
.yoast-breadcrumb,
nav.rank-math-breadcrumb,
.breadcrumb, .breadcrumbs,
.ast-breadcrumbs,
.kadence-breadcrumbs,
.blocksy-breadcrumbs { display:none !important; }

/* Hide page titles + their header wrappers on pages */
.page .entry-title,
.page .page-title,
.page .entry-header,
.page .page-header,
.page .hero-title,
.page .hero-section { display:none !important; }

/* 1) Kill any header animations/transitions */
.site-header,
.header-menu-box,
.header-info-box,
.header-menu-box::before,
.header-menu-box::after {
  animation: none !important;
  transition: none !important;
}

/* 2) Freeze any moving gradient / parallax */
.header-menu-box {
  background-attachment: scroll !important;

}

.header-info-box{
  
  position: relative;
  z-index: 5;                   /* keep it above the image below */
}
/* Ensure good contrast for text/icons on the ribbon */
.header-info-box,
.header-info-box a,
.header-info-box i{
  color: #ffffff;
}


/* Base: stop tiling + give a fallback color */
.site-footer,
.footer,
.footer-top,
.footer-bottom{
  background-repeat: no-repeat !important;
  background-position: right bottom !important;   /* try: center bottom or left bottom */
  background-attachment: scroll !important;
  background-color: #ffffff;                       /* your background color */
}

/* FOOTER IMAGE — no-tiling, show whole image, nudge down a touch */
.site-footer {                          /* If your image lives on .footer-top, swap selector */
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: center calc(100% + 8px) !important; /* move image DOWN slightly */
  background-attachment: scroll !important;
  min-height: 240px;
  padding-bottom: 40px;
}

/* KEEP THE YELLOW RIBBON (bottom bar) */
.footer-bottom {                         /* Some themes use .site-info; if so, target that too */
  background-color: #d6a000 !important;  /* your yellow */
  background-image: none !important;     /* don’t inherit the footer image */
  color: #fff !important;
}
.footer-bottom a { color: #fff !important; }

/* Make Quote ID field readonly */
#wpforms-86-field_36 {
  pointer-events: none;
  background-color: #f5f5f5;
}