/* CraftCore 11.0.7 — single authoritative Services navigation layout. */


.site-header .menu > .primary-menu{display:flex;align-items:center;}
.site-header .menu > .primary-menu > li{position:relative;}
.site-header .cc-services-menu > .sub-menu{list-style:none;}

/* Desktop */
@media (min-width:1021px){
  .site-header .cc-services-menu{
    position:relative!important;
    display:grid!important;
    grid-template-columns:max-content 24px!important;
    align-items:center!important;
    column-gap:8px!important;
    overflow:visible!important;
  }
  .site-header .cc-services-menu > a{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    min-height:48px!important;
    padding:10px 0!important;
  }
  .site-header .cc-services-menu > a::before,
  .site-header .cc-services-menu > a::after{content:none!important;display:none!important}
  .site-header .cc-submenu-toggle{
    position:relative!important;
    display:grid!important;
    width:24px!important;
    height:36px!important;
    place-items:center!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#fff!important;
  }
  .site-header .cc-submenu-toggle span::before{
    content:""!important;
    display:block!important;
    width:7px!important;
    height:7px!important;
    border-right:2px solid currentColor!important;
    border-bottom:2px solid currentColor!important;
    transform:translateY(-2px) rotate(45deg)!important;
    transition:transform .2s ease!important;
  }
  .site-header .cc-submenu-toggle[aria-expanded="true"] span::before{
    transform:translateY(2px) rotate(225deg)!important;
  }
  .site-header .cc-services-menu > .sub-menu{
    position:absolute!important;
    top:100%!important;
    left:50%!important;
    right:auto!important;
    z-index:10020!important;
    display:grid!important;
    grid-column:1 / -1!important;
    width:285px!important;
    margin:0!important;
    padding:12px!important;
    gap:2px!important;
    transform:translate(-50%,10px)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    border:1px solid rgba(255,255,255,.11)!important;
    border-radius:18px!important;
    background:rgba(3,11,18,.98)!important;
    box-shadow:0 24px 60px rgba(0,0,0,.35)!important;
    transition:transform .2s ease,opacity .2s ease,visibility .2s ease!important;
  }
  .site-header .cc-services-menu:hover > .cc-services-submenu,
  .site-header .cc-services-menu:focus-within > .cc-services-submenu,
  .site-header .cc-services-menu.is-open > .cc-services-submenu{
    transform:translate(-50%,0)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .site-header .cc-services-menu > .sub-menu > li{border:0!important}
  .site-header .cc-services-menu > .sub-menu > li > a{
    display:block!important;
    padding:12px 14px!important;
    border-radius:10px!important;
    color:#fff!important;
    font-size:14px!important;
    line-height:1.25!important;
    white-space:normal!important;
  }
}

/* Mobile/tablet */
@media (max-width:1020px){
  .site-header .menu,
  .site-header .menu.open,
  .site-header .primary-menu,
  .site-header .primary-menu > li{
    min-width:0!important;
  }
  .site-header .primary-menu{width:100%!important}
  .site-header .cc-services-menu{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 52px!important;
    align-items:center!important;
    width:100%!important;
    padding:0!important;
    overflow:visible!important;
  }
  .site-header .cc-services-menu > a{
    position:relative!important;
    display:flex!important;
    grid-column:1!important;
    align-items:center!important;
    width:auto!important;
    min-width:0!important;
    min-height:64px!important;
    margin:0!important;
    padding:10px 0!important;
  }
  .site-header .cc-services-menu > a::before,
  .site-header .cc-services-menu > a::after{content:none!important;display:none!important}
  .site-header .cc-submenu-toggle{
    position:relative!important;
    inset:auto!important;
    z-index:3!important;
    display:grid!important;
    grid-column:2!important;
    width:52px!important;
    height:52px!important;
    place-items:center!important;
    justify-self:end!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#fff!important;
  }
  .site-header .cc-submenu-toggle span::before{
    content:""!important;
    display:block!important;
    width:10px!important;
    height:10px!important;
    margin:0!important;
    border-right:3px solid currentColor!important;
    border-bottom:3px solid currentColor!important;
    transform:translateY(-3px) rotate(45deg)!important;
    transition:transform .2s ease!important;
  }
  .site-header .cc-submenu-toggle[aria-expanded="true"] span::before{
    transform:translateY(3px) rotate(225deg)!important;
  }
  .site-header .cc-services-menu > .sub-menu{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    display:block!important;
    grid-column:1 / -1!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    translate:none!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    list-style:none!important;
    text-align:left!important;
    transition:max-height .28s ease!important;
  }
  .site-header .cc-services-menu:hover > .cc-services-submenu,
  .site-header .cc-services-menu:focus-within > .cc-services-submenu,
  .site-header .cc-services-menu.is-open > .cc-services-submenu{
    translate:none!important;
    transform:none!important;
  }
  .site-header .cc-services-menu.is-open > .cc-services-submenu{max-height:700px!important}
  .site-header .cc-services-menu > .sub-menu > li{
    position:static!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
  }
  .site-header .cc-services-menu > .sub-menu > li > a{
    position:static!important;
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    min-height:52px!important;
    align-items:center!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:13px 14px!important;
    color:rgba(255,255,255,.92)!important;
    font-size:16px!important;
    font-weight:700!important;
    line-height:1.35!important;
    text-align:left!important;
    text-indent:0!important;
    white-space:normal!important;
    overflow:visible!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
  }
}