@charset "UTF-8";

/* =====================================================
  COMMON FOLLOW HEADER
===================================================== */

.cs-site-header{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:var(--cs-header-h);
  z-index:300;
  background:var(--cs-header-bg);
  border-bottom:1px solid var(--cs-header-border);
  box-shadow:none;
  transition:
    height .42s var(--cs-header-ease),
    box-shadow .42s var(--cs-header-ease);
}

.cs-site-header.is-scrolled{
  height:var(--cs-header-h-scrolled);
  background:var(--cs-header-bg-scrolled);
  border-bottom:1px solid var(--cs-header-border);
  box-shadow:var(--cs-header-shadow);
}

.cs-site-header__inner{
  width:100%;
  height:100%;
  padding:0 var(--cs-header-pad-x);
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.cs-site-header__logo{
  display:inline-flex;
  align-items:center;
  line-height:1;
  transform:translateY(1px);
  width:var(--cs-header-logo-w);
  flex:0 0 auto;
}

.cs-site-header__logo .custom-logo-link{
  display:block;
  width:100%;
  line-height:1;
}

.cs-site-header__logo .custom-logo,
.cs-site-header__logo img{
  display:block;
  width:100% !important;
  height:auto !important;
  max-width:none !important;
}

.cs-site-header__logo-link{
  display:inline-block;
  line-height:1;
}

.cs-site-header__logo-image{
  display:block;
  width:var(--cs-header-logo-w);
  height:auto;
}

.cs-site-header__logo-text{
  display:inline-block;
  font-family:"Cinzel", serif;
  font-size:15px;
  line-height:1.1;
  letter-spacing:.14em;
  color:#222;
  transition:opacity .35s ease;
}

@media (max-width:767px){
  .cs-site-header__inner{
    padding:0 var(--cs-base-left);
  }
}

/* ==== FIX: custom logo size ==== */
.cs-site-header__logo img{
  width:var(--cs-header-logo-w) !important;
  height:auto !important;
  max-width:none !important;
}

.cs-site-header{
  display:flex !important;
}