/* ======================================================
   HEADER 2.0
====================================================== */

.site-header{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:9999;
  transition:
    background-color .35s,
    backdrop-filter .35s,
    box-shadow .35s,
    height .35s,
    transform .35s;
  height:88px;
  background: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0));
}
.site-header.is-sticky {
  background: #fff;
  box-shadow: 0 8px 28px rgba(0,0,0,.10);
  height: 88px;
}
.desktop-header{
  transition:.35s;
}
.site-header.is-sticky .desktop-header{
  padding-top:0;
}
.site-logo img,
.mobile-logo img{
  transition:.35s;
  min-block-size: 50px;
}
.logo-dark{
  opacity:0;
  transition:opacity .35s;
}
.logo-light{
  opacity:1;
  transition:opacity .35s;
}
.site-header.is-sticky .logo-dark{
  opacity:1;
}
.site-header.is-sticky .logo-light{
  opacity:0;
}



/* ==========================================
   SEARCH BUTTON
========================================== */
.header-tools{
  display:flex;
  align-items:center;
  /*margin-left: 25px;*/
  flex-shrink:0;
  gap: 15px
}
.header-tools button{
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:none;
    border-radius:50%;
    background:transparent;
    color:#ffffff;
    font-size:20px;
    cursor:pointer;
    transition:
        background .25s,
        color .25s,
        transform .25s;
}

.header-tools button:hover{
    background:rgba(255,255,255,.12);
    color:#fff;
    transform:translateY(-1px);
}
.site-header.is-sticky .header-tools button{
    color:#173d37;
}

.site-header.is-sticky .header-tools button:hover{
    background:#eef7f4;
    color:var(--theme-orange-hover);
}
.header-tools button:active{
    transform:scale(.94);
}