/* ============================================================
   ALPINE RESORTS - FLOATING HEADER CSS START
   Load this file on every page, after the active theme style.css.
   It only restyles the WordPress header/menu area.
   ============================================================ */

/* ===== ALPINE GOLD FLOATING HEADER VARIABLES START ===== */
body{
  --ar-gold:#d4af37;
  --ar-gold-light:#f0d47a;
  --ar-forest:#0f2318;
  --ar-forest-deep:#08120c;
  --ar-white:#fff;
}
/* ===== ALPINE GOLD FLOATING HEADER VARIABLES END ===== */

/* ===== NON-HOME FLOATING HEADER START ===== */
body:not(.home) .header{
  position:fixed !important;
  top:0;
  left:0;
  right:0;
  z-index:999999 !important;
  width:100%;
  min-height:84px;
  background:linear-gradient(180deg,rgba(8,18,12,.76) 0%,rgba(8,18,12,0) 100%) !important;
  box-shadow:none !important;
  transition:background .45s ease,box-shadow .45s ease,min-height .35s ease;
}

body.admin-bar:not(.home) .header{top:32px}

body:not(.home) .header.ar-gold-scrolled{
  min-height:68px;
  background:rgba(9,20,14,.96) !important;
  box-shadow:0 1px 0 rgba(212,175,55,.22),0 18px 40px rgba(0,0,0,.18) !important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

body:not(.home) .header::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent 0%,rgba(212,175,55,.42) 30%,rgba(212,175,55,.42) 70%,transparent 100%);
  opacity:0;
  transition:opacity .45s ease;
}

body:not(.home) .header.ar-gold-scrolled::after{opacity:1}

body:not(.home) .header .header-inner{
  width:calc(100% - 90px) !important;
  max-width:1320px;
  min-height:84px;
  margin:0 auto !important;
  padding:0 !important;
  display:flex;
  align-items:center;
  gap:30px;
  transition:min-height .35s ease;
}

body:not(.home) .header.ar-gold-scrolled .header-inner{min-height:68px}

body:not(.home) .header .header-inner .logo{
  position:static !important;
  float:none !important;
  flex:0 0 auto;
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border-radius:0 !important;
  z-index:2;
}

body:not(.home) .header .header-inner .logo a{
  display:flex;
  align-items:center;
  color:var(--ar-white) !important;
  text-decoration:none !important;
}

body:not(.home) .header .header-inner .logo img{
  display:block;
  width:auto !important;
  height:62px !important;
  max-width:190px;
  object-fit:contain;
  padding:0 !important;
  margin:0 !important;
  transition:height .35s ease;
}

body:not(.home) .header.ar-gold-scrolled .header-inner .logo img{height:48px !important}

body:not(.home) .header .header-inner .nav{
  display:flex !important;
  float:none !important;
  flex:1 1 auto;
  justify-content:center;
  align-items:center;
  text-align:center;
  padding:0 !important;
}

body:not(.home) .header .header-inner .nav ul,
body:not(.home) .header .header-inner .nav ul.menu{
  float:none !important;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0;
  margin:0 !important;
  padding:0 !important;
  list-style:none;
  font-family:'Roboto Condensed',Arial,sans-serif;
}

body:not(.home) .header .header-inner .nav ul li{
  position:relative;
  display:flex !important;
  align-items:center;
  margin:0 !important;
  padding:0 !important;
  text-align:center;
}

body:not(.home) .header .header-inner .nav ul li + li::before{
  content:"";
  width:3px;
  height:3px;
  margin:0 3px;
  border-radius:50%;
  background:rgba(212,175,55,.34);
  flex:0 0 auto;
}

body:not(.home) .header .header-inner .nav ul li a{
  position:relative;
  display:block !important;
  min-height:auto;
  padding:9px 14px !important;
  color:rgba(255,255,255,.78) !important;
  font:600 11px/1.2 'Roboto Condensed',Arial,sans-serif !important;
  letter-spacing:.16em;
  text-transform:uppercase;
  text-decoration:none !important;
  white-space:nowrap;
  transition:color .28s ease;
}

body:not(.home) .header .header-inner .nav ul li a::after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:2px;
  height:1px;
  background:var(--ar-gold);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .28s cubic-bezier(.4,0,.2,1);
}

body:not(.home) .header .header-inner .nav ul li a:hover,
body:not(.home) .header .header-inner .nav ul li.current-menu-item > a,
body:not(.home) .header .header-inner .nav ul li.current_page_item > a{
  color:var(--ar-gold-light) !important;
}

body:not(.home) .header .header-inner .nav ul li a:hover::after,
body:not(.home) .header .header-inner .nav ul li.current-menu-item > a::after,
body:not(.home) .header .header-inner .nav ul li.current_page_item > a::after{
  transform:scaleX(1);
}

body:not(.home) .header .toggle{display:none !important}

body:not(.home) .header .toggle a{
  width:auto !important;
  min-width:44px;
  min-height:44px;
  margin:0 !important;
  padding:0 15px !important;
  border:1px solid rgba(212,175,55,.42);
  background:rgba(15,35,24,.72) !important;
  color:var(--ar-gold-light) !important;
  font:700 12px/44px 'Roboto Condensed',Arial,sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
  text-decoration:none !important;
}

body:not(.home) .header .ar-gold-header-book{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-height:42px;
  padding:0 22px;
  border:1px solid rgba(212,175,55,.52);
  color:var(--ar-gold-light) !important;
  background:rgba(15,35,24,.22);
  font:700 11px/1 'Roboto Condensed',Arial,sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
  text-decoration:none !important;
  transition:background .25s ease,color .25s ease,border-color .25s ease;
}

body:not(.home) .header .ar-gold-header-book:hover{
  color:var(--ar-forest) !important;
  background:var(--ar-gold-light);
  border-color:var(--ar-gold-light);
}
/* ===== NON-HOME FLOATING HEADER END ===== */

/* ===== BLOG / NO-HERO PAGE HEADER FIX START ===== */
body.blog .header,
body.archive .header,
body.search .header,
body.single-post .header{
  background:rgba(9,20,14,.96) !important;
  box-shadow:0 1px 0 rgba(212,175,55,.22),0 18px 40px rgba(0,0,0,.18) !important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

body.blog .header::after,
body.archive .header::after,
body.search .header::after,
body.single-post .header::after{
  opacity:1;
}

body.blog > .container,
body.archive > .container,
body.search > .container,
body.single-post > .container{
  padding-top:112px;
}

body.blog .page_content,
body.archive .page_content,
body.search .page_content,
body.single-post .page_content{
  padding-top:0;
}
/* ===== BLOG / NO-HERO PAGE HEADER FIX END ===== */

/* ===== NON-HOME FLOATING HEADER MOBILE START ===== */
@media(max-width:980px){
  body:not(.home) .header,
  body:not(.home) .header.ar-gold-scrolled{min-height:72px}

  body:not(.home) .header .header-inner,
  body:not(.home) .header.ar-gold-scrolled .header-inner{
    width:calc(100% - 30px) !important;
    min-height:72px;
    justify-content:space-between;
  }

  body:not(.home) .header .header-inner .logo img,
  body:not(.home) .header.ar-gold-scrolled .header-inner .logo img{
    height:54px !important;
    max-width:150px;
  }

  body:not(.home) .header .toggle{
    display:block !important;
    order:3;
  }

  body:not(.home) .header .ar-gold-header-book{display:none}

  body:not(.home) .header .header-inner .nav{
    display:none !important;
    position:absolute;
    left:15px;
    right:15px;
    top:76px;
    padding:14px !important;
    background:rgba(9,20,14,.98);
    border:1px solid rgba(212,175,55,.22);
    box-shadow:0 18px 38px rgba(0,0,0,.28);
  }

  body:not(.home) .header .header-inner .nav[style*="block"],
  body:not(.home) .header .header-inner .nav.toggled-on,
  body:not(.home) .header .header-inner .nav.active{
    display:block !important;
  }

  body:not(.home) .header .header-inner .nav ul,
  body:not(.home) .header .header-inner .nav ul.menu{
    display:block;
    width:100%;
  }

  body:not(.home) .header .header-inner .nav ul li{
    display:block !important;
    width:100%;
  }

  body:not(.home) .header .header-inner .nav ul li + li::before{display:none}

  body:not(.home) .header .header-inner .nav ul li a{
    display:block !important;
    padding:13px 12px !important;
    border-bottom:1px solid rgba(255,255,255,.08);
    text-align:left;
  }

  body:not(.home) .header .header-inner .nav ul li:last-child a{border-bottom:0}

  body.blog > .container,
  body.archive > .container,
  body.search > .container,
  body.single-post > .container{
    padding-top:96px;
  }
}

@media(max-width:782px){
  body.admin-bar:not(.home) .header{top:46px}
}
/* ===== NON-HOME FLOATING HEADER MOBILE END ===== */

/* ============================================================
   ALPINE RESORTS - FLOATING HEADER CSS END
   ============================================================ */