:root{
}

.site-header{
  grid-area:header;
  position:relative;
  height:-webkit-fit-content;
  height:-moz-fit-content;
  height:fit-content;
  z-index:100;
}

.site-header .grid-full{
    grid-row-gap:0;
  }

.site-header .grid-full input[type="checkbox"]{
      display:none;
    }

.site-header{

  -webkit-box-sizing:border-box;

  box-sizing:border-box;
  background-color:#98b87f;
}

.header__left{
  position:relative;
  z-index:2;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:end;
  -ms-flex-align:end;
  align-items:flex-end;
  -ms-flex-item-align:stretch;
  -ms-grid-row-align:stretch;
  align-self:stretch;
  background-color:var(--header--left--bg);
}

.header__right{
  position:relative;
  z-index:2;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:end;
  -ms-flex-align:end;
  align-items:flex-end;
  -ms-flex-item-align:stretch;
  -ms-grid-row-align:stretch;
  align-self:stretch;
  background-color:var(--header--right--bg);
}

.site-header__fixable{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:end;
  -ms-flex-align:end;
  align-items:flex-end;
}

@media (min-width: 1200px){

.site-header__fixable.js-fixed{
  }
      .site-header__fixable.js-fixed:not(.is-expanded){
        pointer-events:none;
      }

      body:not(.is-always-mobile-nav) .site-header__fixable.js-fixed{
        position:fixed;
        z-index:2;
        top:-72px;
        max-width:1570px;
      }
      body.toolbar-vertical.toolbar-fixed:not(.is-always-mobile-nav) .site-header__fixable.js-fixed,
      body.toolbar-horizontal.toolbar-fixed:not(.is-always-mobile-nav) .site-header__fixable.js-fixed{
        top:-33px;
      }
      body.toolbar-horizontal.toolbar-fixed.toolbar-tray-open:not(.is-always-mobile-nav) .site-header__fixable.js-fixed{
        top:7px;
      }
    }

.site-header__inner{
  -webkit-box-flex:1;
  -ms-flex-positive:1;
  flex-grow:1;
  width:calc(100vw - 90px);
  background-color:var(--header--inner--bg);
}

@media (min-width: 1200px){

.site-header__fixable.js-fixed .site-header__inner{
      -webkit-box-shadow:-36px 1px 36px rgba(0, 0, 0, 0.08);
      box-shadow:-36px 1px 36px rgba(0, 0, 0, 0.08)
  }
    }

@media (min-width: 1200px){
      body:not(.is-always-mobile-nav) .site-header__fixable.js-fixed:not(.is-expanded) .site-header__inner{
        -webkit-transform:translateX(-101%);
        -ms-transform:translateX(-101%);
        transform:translateX(-101%);
        opacity:0;
      }
    }

.site-header__inner__container{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}