.elementor-1534 .elementor-element.elementor-element-5f69f4e0{--display:flex;--min-height:62px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;border-style:none;--border-style:none;box-shadow:15px 15px 30px 5px rgba(0, 0, 0, 0.04);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;--z-index:96;}.elementor-1534 .elementor-element.elementor-element-5f69f4e0::before, .elementor-1534 .elementor-element.elementor-element-5f69f4e0 > .elementor-background-video-container::before, .elementor-1534 .elementor-element.elementor-element-5f69f4e0 > .e-con-inner > .elementor-background-video-container::before, .elementor-1534 .elementor-element.elementor-element-5f69f4e0 > .elementor-background-slideshow::before, .elementor-1534 .elementor-element.elementor-element-5f69f4e0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1534 .elementor-element.elementor-element-5f69f4e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1534 .elementor-element.elementor-element-f0c7cc5{margin:0vw 0vw calc(var(--kit-widget-spacing, 0px) + 0vw) 0vw;padding:0vw 0vw 0vw 4vw;text-align:center;}.elementor-1534 .elementor-element.elementor-element-f0c7cc5 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:1.2rem;font-weight:400;font-style:normal;text-transform:none;text-decoration:none;line-height:1.5em;letter-spacing:0px;}.elementor-1534 .elementor-element.elementor-element-100cedfb{margin:0vw 0vw calc(var(--kit-widget-spacing, 0px) + 0vw) 0vw;padding:0vw 4vw 0vw 0vw;--e-icon-list-icon-size:1.2rem;--icon-vertical-offset:0px;}.elementor-1534 .elementor-element.elementor-element-100cedfb .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1534 .elementor-element.elementor-element-100cedfb .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1534 .elementor-element.elementor-element-100cedfb .elementor-icon-list-icon{padding-inline-end:8px;}.elementor-1534 .elementor-element.elementor-element-100cedfb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1534 .elementor-element.elementor-element-100cedfb .elementor-icon-list-item > a{font-family:"Outfit", Sans-serif;font-size:1.2rem;font-weight:400;font-style:normal;text-transform:none;text-decoration:none;line-height:1.5em;letter-spacing:0px;}.elementor-1534 .elementor-element.elementor-element-100cedfb .elementor-icon-list-text{transition:color 0.3s;}.elementor-1534 .elementor-element.elementor-element-4eabd16e{--display:flex;--min-height:60px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;--z-index:95;}.elementor-1534 .elementor-element.elementor-element-8da95d0{padding:0vw 0vw 0vw 2vw;}.elementor-1534 .elementor-element.elementor-element-61f7f3f{margin:0vw 0vw calc(var(--kit-widget-spacing, 0px) + 0vw) -16vw;padding:0vw 0vw 0vw 0vw;text-align:start;}.elementor-1534 .elementor-element.elementor-element-61f7f3f .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:clamp(1.75rem, 4vw, 2.8rem);font-weight:700;text-transform:uppercase;line-height:1.2;}.elementor-1534 .elementor-element.elementor-element-69f2b559{margin:0rem 3rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;--e-nav-menu-horizontal-menu-item-margin:calc( 30px / 2 );}.elementor-1534 .elementor-element.elementor-element-69f2b559 .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;padding-top:5px;padding-bottom:5px;}.elementor-1534 .elementor-element.elementor-element-69f2b559 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:30px;}.elementor-1534 .elementor-element.elementor-element-69f2b559 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-0a862b9 );}.elementor-1534 .elementor-element.elementor-element-69f2b559 .elementor-nav-menu--dropdown .elementor-item, .elementor-1534 .elementor-element.elementor-element-69f2b559 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Outfit", Sans-serif;font-size:clamp(0.875rem, 1vw, 1rem);font-weight:400;font-style:normal;text-transform:capitalize;text-decoration:none;letter-spacing:0px;}.elementor-1534 .elementor-element.elementor-element-69f2b559 div.elementor-menu-toggle:hover, .elementor-1534 .elementor-element.elementor-element-69f2b559 div.elementor-menu-toggle:focus{color:var( --e-global-color-7a685fe );}.elementor-1534 .elementor-element.elementor-element-69f2b559 div.elementor-menu-toggle:hover svg, .elementor-1534 .elementor-element.elementor-element-69f2b559 div.elementor-menu-toggle:focus svg{fill:var( --e-global-color-7a685fe );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-1534 .elementor-element.elementor-element-5f69f4e0{--width:100vw;}.elementor-1534 .elementor-element.elementor-element-4eabd16e{--width:100vw;}}@media(max-width:1024px) and (min-width:768px){.elementor-1534 .elementor-element.elementor-element-5f69f4e0{--width:100vw;}.elementor-1534 .elementor-element.elementor-element-4eabd16e{--width:100vw;}}@media(max-width:1366px){.elementor-1534 .elementor-element.elementor-element-61f7f3f .elementor-heading-title{font-size:2rem;}}@media(max-width:1200px){.elementor-1534 .elementor-element.elementor-element-61f7f3f .elementor-heading-title{font-size:1.6rem;}}@media(max-width:1024px){.elementor-1534 .elementor-element.elementor-element-5f69f4e0{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-1534 .elementor-element.elementor-element-f0c7cc5 .elementor-heading-title{font-size:1.4rem;}.elementor-1534 .elementor-element.elementor-element-100cedfb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1534 .elementor-element.elementor-element-100cedfb .elementor-icon-list-item > a{font-size:1.6rem;}.elementor-1534 .elementor-element.elementor-element-4eabd16e{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-1534 .elementor-element.elementor-element-61f7f3f{margin:0vw 0vw calc(var(--kit-widget-spacing, 0px) + 0vw) 0vw;}.elementor-1534 .elementor-element.elementor-element-61f7f3f .elementor-heading-title{font-size:2rem;}.elementor-1534 .elementor-element.elementor-element-69f2b559 .elementor-nav-menu--dropdown .elementor-item, .elementor-1534 .elementor-element.elementor-element-69f2b559 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:1.2rem;}}@media(max-width:767px){.elementor-1534 .elementor-element.elementor-element-5f69f4e0{--width:100vw;--min-height:50px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-1534 .elementor-element.elementor-element-f0c7cc5{text-align:center;}.elementor-1534 .elementor-element.elementor-element-100cedfb{--e-icon-list-icon-size:12px;}.elementor-1534 .elementor-element.elementor-element-100cedfb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1534 .elementor-element.elementor-element-100cedfb .elementor-icon-list-item > a{font-size:1rem;}.elementor-1534 .elementor-element.elementor-element-4eabd16e{--width:100vw;--min-height:60px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--border-radius:0px 0px 0px 0px;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:5px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1534 .elementor-element.elementor-element-4eabd16e.e-con{--align-self:stretch;}.elementor-1534 .elementor-element.elementor-element-61f7f3f .elementor-heading-title{font-size:1.4rem;}.elementor-1534 .elementor-element.elementor-element-69f2b559{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;--nav-menu-icon-size:20px;}.elementor-1534 .elementor-element.elementor-element-69f2b559 .elementor-nav-menu--dropdown a{padding-top:14px;padding-bottom:14px;}.elementor-1534 .elementor-element.elementor-element-69f2b559 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-1534 .elementor-element.elementor-element-69f2b559 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:15px !important;}.elementor-1534{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS *//* Target only the header container */
header.elementor-location-header {
  /* 1. Force the header to recognize light/dark modes locally */
  color-scheme: light dark;
  
  /* 2. Define Variables scoped ONLY to the header */
  /* We swap the light-dark positions if you want the header to be light 
     while the body is dark, or keep them as is to follow system settings. */

/* 2. REVERSED Logic for Header Variables */
  /* If System = Dark  -> Page is Dark -> Header becomes LIGHT (#F7F7FF) */
  /* If System = Light -> Page is Light -> Header becomes DARK (#0C0F0A) */
  
  --header-bg: light-dark(#0C0F0A, #F7F7FF);   /* Standard is (#Light, #Dark) */
  --header-text: light-dark(#F7F7FF, #0C0F0A); /* Standard is (#Dark, #Light) */
  

  --surface: light-dark(#ffffff, #1A1D1A);

  --text-muted: light-dark(#708090, #abb8c3);
  
  /* Brand Colors */
  --accent: #D73C2C;
  --accent-soft: #6D213C;

  /* 3. Apply the variables to the header sections */
  background-color: var(--header-bg);
  color: var(--header-text);
}

/* Ensure sections inside the header inherit the scoped colors */
header.elementor-location-header .header-top,
header.elementor-location-header .header-title-nav {
  background-color: var(--header-bg);
  color: var(--header-text);
}

/* Update text elements inside the header to use the scoped variables */
header.elementor-location-header .elementor-heading-title,
header.elementor-location-header .elementor-item,
header.elementor-location-header .elementor-icon-list-text,
header.elementor-location-header .elementor-icon i {
  color: var(--header-text) !important;
}

.elementor-nav-menu .sub-arrow .e-font-icon-svg {
    height: 1em;
    width: 1em;
    fill: var(--surface);
}

.elementor-1534 .elementor-element.elementor-element-69f2b559 .elementor-menu-toggle {
    background-color: var(--header-bg);
}

.elementor-1534 .elementor-nav-menu--dropdown {
    background-color: var(--header-bg);
    font-size: 13px;
}

.elementor-1534 .elementor-nav-menu--dropdown a {
    color: var(--header-text);
}

.elementor-1534 .elementor-nav-menu--dropdown a:hover {
    color: red;
}

/* Reserve space for the site logo to prevent layout shift */
.elementor-widget-theme-site-logo img {
    width: 75px !important;
    height: 75px !important;
    aspect-ratio: 1 / 1; /* Ensures the aspect ratio is preserved */
}

/* Ensure the widget container doesn't collapse */
.elementor-element-8da95d0 {
    min-height: 75px;
}

/* Phone Icon */
.elementor-widget .elementor-icon-list-icon svg {
    fill: var(--header-text);
}

@font-face {
    font-family: 'swiper-icons';
    font-display: swap;
}


/* 1. Target the logo image in standard (Light) mode */
.elementor-element-8da95d0 img {
    content: url("https://www.jeffgrubbmasonry.com/wp-content/uploads/2026/05/Jeff-Grubb-Site-Logo-Dark.webp"") !important;
}

/* 2. Target the logo image in Dark Mode preference */
@media (prefers-color-scheme: dark) {
    .elementor-element-8da95d0 img {
        content: url("https://www.jeffgrubbmasonry.com/wp-content/uploads/2024/11/Jeff-Grubb-Site-Logo.webp") !important;
    }
}/* End custom CSS */