.sf-header{ position:sticky; top:0; z-index:40; background:var(--ink-900);
    border-bottom:var(--border-med) solid var(--ink-950); }
  .sf-header__top{ display:flex; align-items:center; justify-content:center; gap:8px;
    background:var(--gold-500); color:var(--ink-950); font-family:var(--font-mono);
    font-weight:700; font-size:11px; letter-spacing:.16em; text-transform:uppercase; padding:6px 12px; height:30px; }
  .sf-header__bar{ max-width:var(--container-max); margin:0 auto; height:100%; max-height:120px; padding:0 var(--gutter);
    display:flex; align-items:center; gap:22px; color:var(--bone-100);}
  .sf-header__bar .site-logo img {width:100px;height:auto;transition:width .2s ease;}
  .sf-header__brand{ display:flex; align-items:center; gap:12px; cursor:pointer; background:none; border:none; }
  .sf-header__brand img{ width:46px; height:46px; }
  .sf-header__brand b{ font-family:var(--font-display); text-transform:uppercase; color:var(--bone-100);
    font-size:22px; line-height:.9; letter-spacing:.01em; text-align:left; }
  .sf-header__brand b span{ display:block; color:var(--gold-500); }
  .sf-nav{ display:flex; gap:22px; margin-left:16px; }
  .primary-navigation .sf-nav a{ background:none; border:none; font-family:var(--font-condensed);
    font-weight:600; text-transform:uppercase; font-size:16px; color:var(--concrete-200);}
  .primary-navigation .sf-nav a:hover, .primary-navigation .sf-nav a:focus { color:var(--gold-400); background-color:transparent!important; text-decoration:none!important; }
  .sf-header__util{ margin-left:auto; display:flex; gap:6px; align-items:center; }

 .sf-header__brand h1, .sf-header__brand .site-title a {
    display: block;
    color: var(--gold-500);
    font-family: var(--font-display);
    text-transform: uppercase;
    font-size: var(--text-title-sm);
    line-height: .9;
    letter-spacing: .01em;
    text-align: left;
    text-decoration:none;
}
 .sf-header__brand p {
     color: var(--bone-100);
     font-family: var(--font-condensed);
     text-align:left;
     font-size: var(--text-label);
     letter-spacing: var(--tracking-wide);
 } 
  .site-header > .site-logo {
    width: auto;
}
.sf-header.sticky-nav .sf-header__bar {
    background: var(--ink-900-trans);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.sf-header.sticky-nav .sf-header__bar .site-logo img {
    width: 50px;
    transition:width .2s ease;
}
.sf-header.sticky-nav .sf-header__bar .sf-header__brand h1, .sf-header.sticky-nav .sf-header__bar .sf-header__brand p {
    display:none;
}
.primary-menu-list {
    display: flex;
    align-items:center;
}
.primary-navigation .current-menu-item > a:first-child, .primary-navigation .current_page_item > a:first-child {
    text-decoration: underline;/* nav active state */
    text-decoration-style: solid;
    text-decoration-color: var(--gold-400);
    text-underline-position: under;
}
.primary-navigation .current-menu-item > a:hover:first-child {
    text-decoration-style: solid;
}
.primary-navigation .primary-menu-container > ul > .menu-item {
        align-items: center;
}
.primary-navigation > div > .menu-wrapper .sub-menu-toggle {
color:var(--concrete-200);
}
#site-navigation {
	display: flex;
  	flex-direction: column;
  	align-items: flex-end;
}
.social-icons-wrapper {
	display: flex;
  	justify-content: flex-end;
	margin-bottom: 30px;
    align-items:center;
}
.social-icons-wrapper {
		margin-bottom:0px;
}
.social-icons-wrapper a {
	color: #fff!important;
	font-size: 1.25rem;
	margin: 0 0 0 20px;
	transition: opacity 0.3s ease;
}

.social-icons-wrapper a:hover, .social-icons-wrapper a:focus {
	opacity: .8;
}

/* Primary Navigation */
.primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle {
    margin-left: -20px;
}
.sticky-nav .site-logo img {
    width: 100%;
    max-width: 50px;
}
.sticky-nav .social-icons-wrapper {
    display:none;
}
.primary-navigation > div > .menu-wrapper {
    align-items:center;
}
.primary-navigation .primary-menu-container > ul > .menu-item {
        position: relative;
    }
/* nav submenu funcitonality */
    .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul {
        display:block;
        max-height: 0px;
        overflow:hidden;        
        box-shadow: 1px 1px 3px rgba(0,0,0,0.0);
        border-color: transparent;
        padding:0px;
        margin:0px;
        transition:.3s all ease-in;
    }
        .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=true] ~ ul{
        max-height: 500px;/*adjust for height if more menu items added*/
        border-color: #c99e47;
        box-shadow: 1px 1px 3px rgba(0,0,0,0.6);
        transition:.3s all ease-in;
        overflow:hidden;  
    }
        .primary-navigation > div > .menu-wrapper > li > .sub-menu:before, .primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
        display:none;
    }

@media screen and (max-width: 767px) {
    .sf-header__bar .social-icons-wrapper a {
        margin: 0 0 0 20px;
    }
}
@media screen and (max-width: 767px) and (min-width: 482px) {
    .site-branding {
        display: none;
    }
    .primary-navigation .sf-nav a {
        font-size: 12px;
    }
    .primary-navigation .primary-menu-container > ul > .menu-item > a {
        padding-left: 5px;
        padding-right: 5px;
    }
    .sf-nav {
    gap: 10px!important;
}
}    
/* Mobile Menu Fixes for Cart Icon and Submenu drop fixes */
@media only screen and (min-width: 482px) {
    
    .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
        background: #202020;
    }
}

@media only screen and (max-width: 481.98px) {
    .primary-navigation > div > .menu-wrapper li.menu-item.xoo-wsc-menu-item {
        display:none; /* hides cart in flyout since it's already a fixed icon*/
    }
    .sf-header__top span {
    font-size: clamp(6px, 2vw, 12px);
    text-align:center;
    }
    .sf-header.sticky-nav {
        position: fixed;
        top: 0;
        width: 100%;
        left: 0;
    }
    .lock-scrolling header {
    position: sticky;
    top: 0;
    }
    .lock-scrolling .site {
        position: relative;
    }
    .primary-navigation > div > .menu-wrapper .sub-menu li  {
        padding: 0 20px;
        border-bottom: 1px solid var(--concrete-600);
    }
    .primary-navigation > div > .menu-wrapper .sub-menu li:first-of-type {
        border-top: 1px solid var(--concrete-600);
    }
    .primary-navigation .primary-menu-container > ul > .menu-item {
        margin: 2vh 0;
    }
    .primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle {
        margin-left: 20px;
        width: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        
    }
    .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus svg {
        width: 25px;
        height: 25px;
    }
    #sub-menu-1 {
        clear:left;
        margin-left: 0px;
        width: 90%;   
    }
    #sub-menu-1 li a {
        float:none;
        padding-left: 0px;
    }
    .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=true] ~ ul {
    max-height: fit-content;
    border-color: transparent;
    box-shadow: none;
    transition: .3s all ease-in;
    overflow: hidden;
    padding: 20px 0;
    }
    .menu-button-container #primary-mobile-menu {
        color: #202020!important;
        background: #c99e47!important;
    }
    #menu-item-3162 a {
        float:left;
    }
    .primary-navigation > div > .menu-wrapper .sub-menu-toggle {
        display: block;
        float: left;
        color: #202020;
        margin-left: 0px;
    }
    #site-navigation {
    width: 90vw;
    z-index: 100;
    }
    .primary-navigation-open .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
        transform: translateX(10vw) translateY(0);
    }
    .primary-navigation > .primary-menu-container {
        transform: translateX(101vw);
        transition: .3s transform ease-in;
    }
    .primary-navigation-open .primary-navigation > .primary-menu-container {
        transform: translateX(0px);
    }
    .primary-navigation-open .menu-button-container {
        background: transparent;
}
.menu-button-container {
    padding-top: 0px;
    padding-bottom: 0px;
    top: 35px;
}
.primary-navigation-open .menu-button-container {
        top: 0px;
}
.primary-navigation > .primary-menu-container {
    background: var(--ink-800);
}
.primary-navigation > div > .menu-wrapper .sub-menu-toggle {
        color: var(--bone-200);
    }


.sf-header.sticky-nav .menu-button-container {
        top: 15px;
    }
.sf-header  {
position: relative;
}
.sf-header__bar .site-logo img {
    width: 20vw;
}
.sf-header__brand h1, .sf-header__brand .site-title a {
    font-size: clamp( 14px, 5vw, var(--text-title-sm));
}

}

/* Custom Cart Slide Out */
.xoo-wsc-sc-cont {
    padding: 10px;
    border-radius: 4px;
}
.xoo-wsc-sc-cont:hover, .xoo-wsc-sc-cont:focus {
    background:var(--ink-700);
}
.xoo-wsc-sc-cont:hover .xoo-wsc-sc-bki, .xoo-wsc-sc-cont:focus .xoo-wsc-sc-bki {
    color: var(--gold-400);
}
.xoo-wsc-basket {
    background:var(--bone-200);
    color: var(--ink-850);
}
.xoo-wsc-container, .xoo-wsc-slider {
background: var(--ink-850);
    border-left: var(--border-thick) solid var(--ink-950);
}
.xoo-wsc-header {
    align-items: center;
    justify-content: space-between;
    padding: 20px var(--gutter);
    border-bottom: var(--border-med) solid var(--concrete-700);
    background-color: var(--ink-850);
    font-family: var(--font-display);
    text-transform: uppercase;
    color: var(--bone-100);
    font-size: 26px;
}
.xoo-wsc-header .xoo-wsch-close.xoo-wsc-icon-cross.xoo-wsch-icon {
    color: var(--concrete-400);
    font-size: 24px;
}
.xoo-wsc-header .xoo-wsch-close.xoo-wsc-icon-cross.xoo-wsch-icon:hover, .xoo-wsc-header .xoo-wsch-close.xoo-wsc-icon-cross.xoo-wsch-icon:focus {
    color: var(--gold-400);
}  
.xoo-wsc-smr-del.xoo-wsc-icon-trash:hover, .xoo-wsc-smr-del.xoo-wsc-icon-trash:focus {
        color: var(--rust-400);
}
.xoo-wsc-body {
    background-color: var(--ink-850);
}
.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    width: 64px;
    height: 64px;
    flex: 0 0 auto;
    background: var(--ink-900);
    border: var(--border-med) solid var(--ink-950);
    border-radius: var(--radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
}
.xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-product {
    padding: 10px 15px 20px;
    margin: 10px 15px;
    border-radius: 0px;
    box-shadow: none;
    background-color: transparent;
    border-bottom: 1px solid var(--concrete-700);
}
.xoo-wsc-products:not(.xoo-wsc-pattern-card), .xoo-wsc-products:not(.xoo-wsc-pattern-card) span.amount, .xoo-wsc-products:not(.xoo-wsc-pattern-card) a{
    line-height: 16px;
    font-size: 16px;
}
.xoo-wsc-sm-left, .xoo-wsc-products:not(.xoo-wsc-pattern-card), .xoo-wsc-products:not(.xoo-wsc-pattern-card) span.amount, .xoo-wsc-products:not(.xoo-wsc-pattern-card) a {
    color: var(--bone-100);
}
.xoo-wsc-pname, .xoo-wsc-pname a {
    font-family: var(--font-condensed);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px!important;
    margin: 0;
    line-height: 1.1;
}
.xoo-wsc-product dl.variation  {
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--concrete-400);
    margin: 4px 0 10px;
}
span.xoo-wsc-smr-del {
    margin: 0px 0 10px;
}
.xoo-wsc-sml-qty, .xoo-wsc-priceBox {
    font-size: 14px;
    line-height: 18px;
}
.xoo-wsc-footer {
    padding: 18px var(--gutter) 22px;
    border-top: var(--border-med) solid var(--ink-950);
    background: var(--ink-900);
        color: var(--concrete-300);
}
.xoo-wsc-ft-amt-label {
font-family: var(--font-mono);
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--concrete-300);
}

.xoo-wsc-footer .amount {
    font-family: var(--font-mono);
    font-weight: 700;
    font-size: 22px;
    color: var(--bone-100);
}
.xoo-wsc-ft-amt.xoo-wsc-ft-amt-subtotal {
    display: flex;
    align-items:center;
}
span.xoo-wsc-footer-txt {
    text-align: left;
    margin: 0px auto 15px;
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 16px;
    color: var(--concrete-500);
}
.xoo-wsc-container .xoo-wsc-btn.xoo-wsc-ft-btn-continue  {
 background: var(--bone-100);
     color: var(--ink-950);
}
.xoo-wsc-container .xoo-wsc-btn.xoo-wsc-ft-btn-continue:hover, .xoo-wsc-container .xoo-wsc-btn.xoo-wsc-ft-btn-continue:focus {
     background: var(--bone-200);
     color: var(--ink-950);
}
.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn, .xoo-wsc-container .xoo-wsc-btn.xoo-wsc-ft-btn-checkout, .xoo-wsc-container .xoo-wsc-btn.xoo-wsc-ft-btn-checkout span {
    background: var(--gold-500);
    color: var(--ink-950);
}
.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn:hover, .xoo-wsc-container .xoo-wsc-btn.xoo-wsc-ft-btn-checkout:hover, .xoo-wsc-container .xoo-wsc-btn.xoo-wsc-ft-btn-checkout:hover span, .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn:focus, .xoo-wsc-container .xoo-wsc-btn.xoo-wsc-ft-btn-checkout:focus, .xoo-wsc-container .xoo-wsc-btn.xoo-wsc-ft-btn-checkout:focus span  {
        background: var(--gold-400);
    color: var(--ink-950);
}
.singular .entry-header {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}