/* PrintSmart Header & Branding — design only */
:root{--psh-teal:#087d76;--psh-dark:#063f3d;--psh-line:#dbe7e5;--psh-ink:#172b2d;--psh-soft:#f5f9f8}

.site-header{
 background:#fff!important;
 border:0!important;
 border-bottom:1px solid var(--psh-line)!important;
 box-shadow:0 5px 22px rgba(6,63,61,.07)!important;
 padding-top:14px!important;
}
.site-header .col-full{max-width:1240px!important}
.site-branding{margin-bottom:12px!important}
.site-branding .site-title{margin:0!important;line-height:1!important}
.site-branding .site-title a{
 color:var(--psh-dark)!important;
 font-size:32px!important;
 font-weight:780!important;
 letter-spacing:-1.4px!important;
 text-decoration:none!important;
}
.site-branding .site-title a:after{
 content:"";
 display:inline-block;
 width:8px;height:8px;
 margin-left:5px;
 border-radius:50%;
 background:#ffd43b;
 vertical-align:5px;
 box-shadow:10px 0 0 #e94c87,20px 0 0 #00b7dd;
}
.site-branding .site-description{
 color:#6b7b7d!important;
 font-size:12px!important;
 margin-top:5px!important;
 letter-spacing:.02em;
}
.site-search{margin-bottom:12px!important}
.site-search input[type=search]{
 height:44px!important;
 background:var(--psh-soft)!important;
 border:1px solid var(--psh-line)!important;
 border-radius:22px!important;
 padding-left:18px!important;
 box-shadow:none!important;
}
.site-search input[type=search]:focus{
 background:#fff!important;
 border-color:#8bc6c1!important;
 box-shadow:0 0 0 3px rgba(8,125,118,.09)!important;
}
.storefront-primary-navigation{
 background:var(--psh-dark)!important;
 margin-left:0!important;margin-right:0!important;
}
.storefront-primary-navigation>.col-full{display:flex;align-items:center}
.main-navigation{flex:1}
.main-navigation ul.menu>li>a,
.main-navigation ul.nav-menu>li>a{
 color:#eef9f8!important;
 padding:15px 17px!important;
 font-size:14px!important;
 font-weight:600!important;
 letter-spacing:-.01em;
 border-radius:7px;
}
.main-navigation ul.menu>li>a:hover,
.main-navigation ul.nav-menu>li>a:hover,
.main-navigation ul li.current-menu-item>a{
 background:rgba(255,255,255,.10)!important;
 color:#fff!important;
}
.site-header-cart .cart-contents{
 color:#fff!important;
 padding:15px 0!important;
 font-weight:650!important;
}
.site-header-cart .cart-contents:hover{color:#d8f5f2!important}
.main-navigation ul.menu ul.sub-menu,
.main-navigation ul.nav-menu ul.children{
 background:var(--psh-dark)!important;
 border-radius:0 0 10px 10px;
 overflow:hidden;
 box-shadow:0 15px 30px rgba(0,0,0,.16);
}
.main-navigation ul.menu ul li a{color:#fff!important}
.main-navigation ul.menu ul li a:hover{background:rgba(255,255,255,.1)!important}

/* cleaner separation below nav */
.storefront-breadcrumb{padding-top:15px!important;padding-bottom:15px!important;margin-bottom:0!important}
.site-content{padding-top:0!important}

/* mobile */
@media(max-width:768px){
 .site-header{padding:11px 0 0!important}
 .site-branding .site-title a{font-size:27px!important}
 .site-branding .site-title a:after{width:6px;height:6px;box-shadow:8px 0 0 #e94c87,16px 0 0 #00b7dd}
 .storefront-primary-navigation{background:#fff!important;border-top:1px solid var(--psh-line)}
 .storefront-primary-navigation>.col-full{display:block}
 .menu-toggle{
  background:var(--psh-teal)!important;color:#fff!important;
  border:0!important;border-radius:9px!important;margin:10px 0!important;
 }
 .main-navigation ul.menu>li>a,.main-navigation ul.nav-menu>li>a{
  color:var(--psh-ink)!important;background:#fff!important;
  border-bottom:1px solid var(--psh-line)!important;border-radius:0;
  padding:13px 5px!important;
 }
 .site-header-cart .cart-contents{color:var(--psh-dark)!important}
}