/* FixMyRoof combined masthead — approved Design Studio integration, 2026-10-17. */
.fixm-design-v1.publisher-site .redstripe{
  display:none!important;
}

.fixm-design-v1.publisher-site header.fixm-combined-header{
  position:relative;
  z-index:10000;
  box-sizing:border-box;
  width:100vw;
  height:auto!important;
  margin-left:calc(50% - 50vw);
  color:#fff;
  background:#c91824;
  box-shadow:0 3px 12px rgba(25,48,63,.12);
}

.fixm-design-v1.publisher-site .fixm-header-inner{
  display:grid;
  grid-template-columns:140px minmax(190px,250px) minmax(0,1fr);
  align-items:center;
  gap:24px;
  box-sizing:border-box;
  width:min(90%,1180px);
  min-height:158px;
  margin:0 auto;
}

.fixm-design-v1.publisher-site .fixm-header-logo{
  position:static!important;
  align-self:stretch;
  display:flex;
  float:none!important;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  width:auto!important;
  padding:9px 12px;
  border-radius:0 0 5px 5px;
  background:#f6f3ec;
}

.fixm-design-v1.publisher-site .fixm-header-logo img{
  display:block;
  width:116px;
  max-width:100%;
  height:auto;
  object-fit:contain;
}

.fixm-design-v1.publisher-site .fixm-header-strapline{
  position:static!important;
  display:block!important;
  max-width:250px;
  margin:0;
  color:#fff!important;
  font-size:18px;
  font-weight:800;
  line-height:1.45;
  letter-spacing:0;
}

.fixm-design-v1.publisher-site header.fixm-combined-header .fixm-header-nav{
  position:static!important;
  z-index:auto!important;
  width:auto!important;
  min-width:0;
  margin:0!important;
  overflow:visible;
  background:transparent;
}

.fixm-design-v1.publisher-site header.fixm-combined-header .fixm-header-nav:before{
  content:none!important;
  display:none!important;
}

.fixm-design-v1.publisher-site header.fixm-combined-header .fixm-header-nav ul{
  position:static!important;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:4px 17px;
  width:auto!important;
  margin:0;
  padding:0;
  list-style:none;
}

.fixm-design-v1.publisher-site header.fixm-combined-header .fixm-header-nav li{
  position:static;
  display:block!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:16px;
}

.fixm-design-v1.publisher-site header.fixm-combined-header .fixm-header-nav .fixm-nav-toggle-item{
  display:none!important;
}

.fixm-design-v1.publisher-site header.fixm-combined-header .fixm-header-nav a,
.fixm-design-v1.publisher-site header.fixm-combined-header .fixm-header-nav a:link,
.fixm-design-v1.publisher-site header.fixm-combined-header .fixm-header-nav a:visited{
  display:flex;
  align-items:center;
  box-sizing:border-box;
  min-height:44px;
  padding:6px 0!important;
  color:#fff!important;
  background:transparent!important;
  font-size:16px;
  font-weight:700;
  line-height:1.25!important;
  text-align:left;
  white-space:nowrap;
}

.fixm-design-v1.publisher-site header.fixm-combined-header .fixm-header-nav a.sel,
.fixm-design-v1.publisher-site header.fixm-combined-header .fixm-header-nav a:hover,
.fixm-design-v1.publisher-site header.fixm-combined-header .fixm-header-nav a:focus-visible{
  color:#fff!important;
  box-shadow:inset 0 -3px 0 #fff;
}

.fixm-design-v1.publisher-site header.fixm-combined-header a:focus-visible,
.fixm-design-v1.publisher-site header.fixm-combined-header button:focus-visible{
  outline:3px solid #fff!important;
  outline-offset:3px;
}

.fixm-design-v1.publisher-site header.fixm-combined-header .fixm-header-logo:focus-visible{
  outline-color:#0756a1!important;
}

@media(min-width:1001px){
  .fixm-design-v1.publisher-site header.fixm-combined-header{
    position:sticky;
    top:0;
  }

  .fixm-design-v1.publisher-site #fixm-main,
  .fixm-design-v1.publisher-site #contractor-sign-in,
  .fixm-design-v1.publisher-site #membership-options{
    scroll-margin-top:178px;
  }
}

@media(max-width:1000px){
  .fixm-design-v1.publisher-site .fixm-header-inner{
    grid-template-columns:140px minmax(0,1fr);
    gap:0 26px;
    padding-bottom:8px;
  }

  .fixm-design-v1.publisher-site .fixm-header-strapline{
    max-width:480px;
    font-size:19px;
  }

  .fixm-design-v1.publisher-site header.fixm-combined-header .fixm-header-nav{
    grid-column:1 / -1;
    padding-top:5px;
  }

  .fixm-design-v1.publisher-site header.fixm-combined-header .fixm-header-nav ul{
    justify-content:flex-start;
    gap:4px 18px;
  }
}

@media(max-width:700px){
  .fixm-design-v1.publisher-site .fixm-header-inner{
    grid-template-columns:112px minmax(0,1fr);
    gap:0 18px;
    width:calc(100% - 36px);
    min-height:0;
    padding-bottom:0;
  }

  .fixm-design-v1.publisher-site .fixm-header-logo{
    padding:9px 10px;
  }

  .fixm-design-v1.publisher-site .fixm-header-logo img{
    width:92px;
  }

  .fixm-design-v1.publisher-site .fixm-header-strapline{
    max-width:none;
    font-size:16px;
    line-height:1.45;
  }

  .fixm-design-v1.publisher-site header.fixm-combined-header .fixm-header-nav{
    padding:0 0 7px;
  }

  .fixm-design-v1.publisher-site header.fixm-combined-header .fixm-header-nav ul{
    display:block;
  }

  .fixm-design-v1.publisher-site header.fixm-combined-header .fixm-header-nav li{
    display:none!important;
  }

  .fixm-design-v1.publisher-site header.fixm-combined-header .fixm-header-nav .fixm-nav-toggle-item,
  .fixm-design-v1.publisher-site header.fixm-combined-header .fixm-header-nav.is-open li{
    display:block!important;
  }

  .fixm-design-v1.publisher-site .fixm-menu-toggle{
    display:flex;
    align-items:center;
    width:100%;
    min-height:44px;
    padding:8px 0;
    border:0;
    border-radius:0;
    background:transparent;
    color:#fff;
    font:inherit;
    font-size:16px;
    font-weight:800;
    line-height:1.25;
    text-align:left;
    cursor:pointer;
  }

  .fixm-design-v1.publisher-site .fixm-menu-toggle:before{
    content:"▸";
    margin-right:8px;
  }

  .fixm-design-v1.publisher-site .fixm-header-nav.is-open .fixm-menu-toggle:before{
    content:"▾";
  }

  .fixm-design-v1.publisher-site header.fixm-combined-header .fixm-header-nav a,
  .fixm-design-v1.publisher-site header.fixm-combined-header .fixm-header-nav a:link,
  .fixm-design-v1.publisher-site header.fixm-combined-header .fixm-header-nav a:visited{
    min-height:44px;
    padding:9px 12px!important;
    border-top:1px solid rgba(255,255,255,.22);
    white-space:normal;
  }
}

@media(prefers-reduced-motion:reduce){
  .fixm-design-v1.publisher-site header.fixm-combined-header *{
    scroll-behavior:auto!important;
  }
}