:root {
	--body-font-family: 'Apercu', sans-serif;
	--body-bold-font-family: 'ApercuBold', sans-serif;
	--header-font-family: 'Alternate Gothic 2', sans-serif;
	--subheader-font-family: 'Poppins', sans-serif;
	--captions-font-family: 'Source Code Variable',sans-serif;
	--full-width: 100%;
	--body-width: 1280px;
	--medium-width: 1000px;
	--narrow-width: 750px;
	--apricot:#ff6c0e;
	--tealish:#a8d2c3;
	--porter:#000000;
	--milk:#ffffff;
	--gold: #f7be00;
	--pavement: #3d4543;
	--teal:#00af9a;
	--cream:#d7ddc2;
	--desktop-padding: 30px;
	--mobile-padding: 12px;
}
@font-face {font-family: 'Apercu';src: url('fonts/Apercu_Regular.otf') format('opentype');font-weight: 300;font-style: normal;}
@font-face {font-family: 'ApercuMedium';src: url('fonts/apercu_medium_pro.otf') format('opentype');font-weight: 500;font-style: normal;}
@font-face {font-family: 'ApercuBold';src: url('fonts/apercu_bold_pro.otf') format('opentype');font-weight: 700;font-style: normal;}
@font-face {font-family: 'Alternate Gothic 2';src: url('fonts/Alternate_Gothic_No2_D_Regular.ttf');}
* {margin:0;padding:0;border:0;}
.grid {display:grid;}
@keyframes jelly {
	0%,100% {transform: scale(1, 1);}
	25% {transform: scale(0.98, 1.02);}
	50% {transform: scale(1.02, 0.98);}
	75% {transform: scale(0.99, 1.01);}
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
section.padding-both-top-bottom {margin:0 auto;padding-top:80px;padding-bottom:80px;}
section.padding-bottom-only {margin:0 auto;padding-bottom:80px;}
section.padding-top-only {margin:0 auto;padding-top:80px;}
section.no-padding {margin:0 auto !important;}
@media screen and (max-width: 640px) {
	section.padding-both-top-bottom {margin:0 auto;padding-top:40px;padding-bottom:40px;}
	section.padding-bottom-only {margin:0 auto;padding-bottom:40px;}
	section.padding-top-only {margin:0 auto;padding-top:40px;}
}
.template-title-section-2023.padding-bottom-only {padding-bottom:40px;}
body,html {overflow-x:hidden;color:var(--pavement);}
div {position:relative;}
section ul,.content ul {margin-left:1.3em;}
::-webkit-inner-spin-button { display: none; }
input,textarea,select {font-family:var(--body-font-family);}
input[type="date"] {font-family:var(--body-font-family);}
html {font-size: 62.5%;font-weight:300;}
body {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-family:var(--body-font-family);margin:0;padding:0;font-size:1.6em;}
html.modal-open,html.modal-open body {overflow: hidden;scroll-behavior:smooth;overflow-y:hidden;}
.grecaptcha-badge {display:none;}
#smooth-content {will-change:transform;}
#page-border-left {width:30px;z-index:999;position:fixed;height:100%;background:var(--apricot);}
#page-border-right {width:30px;z-index:999;right:0;position:fixed;height:100%;background:var(--apricot);}
#page-border-bottom {height:30px;width:100%;z-index:999;bottom:0;position:fixed;background:var(--apricot);}

.btn {display:inline-block;padding:10px 30px;font-family:var(--subheader-font-family);text-transform:uppercase;text-decoration:none;font-weight:800;font-size:1.3em;letter-spacing:0.07em;transition:0.3s color,0.3s background-color;}
.btn-bw {color:var(--pavement);border:2px solid var(--pavement);}
.btn-bw:hover {cursor:pointer;background:var(--milk);color:var(--pavement);}
.btn-teal {color:var(--milk) !important;background:var(--teal);border:2px solid var(--teal);}
.btn-teal:hover {cursor:pointer;background:var(--milk);color:var(--teal) !important;}
.btn-apricot {color:var(--milk) !important;background:var(--apricot);border:2px solid var(--apricot);}
.btn-apricot:hover {cursor:pointer;background:var(--milk);color:var(--apricot) !important;}

a[title=teal-button]{display:inline-block;padding:10px 30px;font-family:var(--subheader-font-family);text-transform:uppercase;text-decoration:none;font-weight:800;font-size:1.3em;letter-spacing:0.07em;transition:0.3s color,0.3s background-color;color:var(--milk) !important;background:var(--teal);border:2px solid var(--teal);}
a:hover[title=teal-button]{cursor:pointer;background:var(--milk);color:var(--teal) !important;}

a[title=white-button]{display:inline-block;padding:10px 30px;font-family:var(--subheader-font-family);text-transform:uppercase;text-decoration:none;font-weight:800;font-size:1.3em;letter-spacing:0.07em;transition:0.3s color,0.3s background-color;color:var(--teal) !important;background:var(--milk);border:2px solid var(--milk);}
a:hover[title=white-button]{cursor:pointer;background:var(--teal);color:var(--milk) !important;}

a[title*=teal-button]{display:inline-block;padding:10px 30px;font-family:var(--subheader-font-family);text-transform:uppercase;text-decoration:none;font-weight:800;font-size:1.3em;letter-spacing:0.07em;transition:0.3s color,0.3s background-color;color:var(--milk) !important;background:var(--teal);border:2px solid var(--teal);}
a:hover[title*=teal-button]{cursor:pointer;background:var(--milk);color:var(--teal) !important;}


.btn-orange {color:var(--milk);background:var(--apricot);border:2px solid var(--apricot);}
.btn-orange:hover {cursor:pointer;background:var(--milk);color:var(--apricot);}
.btn-white-on-teal {color:var(--milk);background:var(--teal);border:2px solid var(--milk);}
.btn-white-on-teal:hover {cursor:pointer;background:var(--milk);color:var(--teal);}
.btn-orange {color:var(--milk);background:var(--apricot);border:2px solid var(--milk);}
.btn-orange-on-orange {color:var(--milk);}
.btn-orange-on-orange:hover {cursor:pointer;background:var(--milk);color:var(--apricot);}
.btn-orange-on-white {color:var(--milk);background:var(--apricot);}
.btn-orange-on-white:hover {cursor:pointer;background:var(--milk);color:var(--apricot);}

header {position:fixed;z-index:999;width:100%;top:0;left:0;background:var(--apricot);}
header {display:grid;grid-template-columns:min-content min-content min-content 1fr min-content;align-items: center;gap:12px;}
header #logo img {height:60px;}
header #logo {text-align:center;z-index:900;grid-row:1;grid-column:1/6;}
header #logolink {display:inline-block;}

header .hamburger span {font-size: 20px;margin-top: -2px;display: block;float: right;margin-left: 6px;}
.hamburger {text-decoration:none;padding: 0 var(--desktop-padding) 0 0;cursor: pointer;transition-property: opacity, filter;transition-duration: 0.15s;transition-timing-function: linear;font: inherit;color: inherit;text-transform: none;background-color: transparent;border: 0;margin: 0;overflow: visible;grid-column: 5/6;grid-row:1;z-index:901;}
.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after {background-color: var(--milk); }
.hamburger-box {width: 40px;height: 24px;display: inline-block;position: relative;}
.hamburger-inner {display: block;top: 50%;margin-top: -2px;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 40px;height: 4px;background-color:var(--milk);border-radius: 4px;position: absolute;transition-property: transform;transition-duration: 0.15s;transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {content: "";display: block; }
.hamburger-inner::before {top: -10px; }
.hamburger-inner::after {bottom: -10px; }
.hamburger--squeeze .hamburger-inner {transition-duration: 0.075s;transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze .hamburger-inner::before {transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
.hamburger--squeeze .hamburger-inner::after {transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze.is-active .hamburger-inner {transform: rotate(45deg);transition-delay: 0.12s;transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--squeeze.is-active .hamburger-inner::before {top: 0;opacity: 0;transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
.hamburger--squeeze.is-active .hamburger-inner::after {bottom: 0;transform: rotate(-90deg);transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

header #contact-icon, header #cart-icon, header #search-icon {text-decoration:none;color:var(--milk);font-size:1.5em;margin: 0;padding: 0;z-index:901;grid-row:1;}
header #contact-icon {margin-left:var(--desktop-padding);grid-column: 1;grid-row:1;}
header #search-icon {grid-column: 2;grid-row:1;}
header #cart-icon {grid-column: 3;grid-row:1;}

footer {color:var(--milk);background:var(--apricot);padding:60px 0;min-height:100px;font-size:1.6em;}
footer .inner {width:calc(100% - 120px);max-width:var(--full-width);margin:0 auto;padding:0 0 60px 0;display:grid;grid-template-columns:60% 1fr;gap:0 1em;}
footer .contact-row {grid-row:1/2;grid-column:2/3;justify-self: end;}
footer .contact-row div {margin:0 auto 30px 0;}
footer .contact-row h3 {font-family:var(--subheader-font-family);letter-spacing:0.07em;text-transform: uppercase;}
footer .contact-row .btn {max-width:350px;text-align:center;font-family:var(--body-font-family);font-size:1.125em;font-weight:300;border:2px solid var(--milk);margin:20px 0 0 0;display:block;width:50%;}
footer .contact-row img.icon-hops {display:block;width: 100px;height:auto;float:right;}
footer .locations {grid-row:1/2;grid-column:1/2;padding-bottom:4em;display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 1em;align-items:start;justify-content:stretch;justify-items:center;}
footer .locations h3 {margin-bottom:0;}
footer .locations h3 a {text-decoration:none;font-family:var(--subheader-font-family);letter-spacing:0.07em;line-height:1em;text-transform: uppercase;color:var(--milk);}
footer .locations a {color:var(--milk);text-decoration:none;}
footer .locations strong {font-family:var(--subheader-font-family);letter-spacing:0.07em;text-transform: uppercase;color:var(--milk);}
footer .icon {font-size:40px;}
footer .footer-logo {display:none;}
@media screen and (max-width: 1600px) {
	footer {font-size:1.4em;}
}
@media screen and (max-width: 1280px) {
	footer {font-size:1.2em;}
	footer .contact-row .btn {width:70%;white-space: nowrap;}
}
@media screen and (max-width: 1024px) {
	footer {font-size:1.3em;}
	header #contact-icon {margin-left:var(--mobile-padding);}
	.hamburger {padding: 0 var(--mobile-padding) 0 0;}
	footer .inner {display:grid;grid-template-columns:1fr;width:calc(100% - var(--mobile-padding) * 6);padding:0 calc(var(--mobile-padding) * 3) 60px calc(var(--mobile-padding) * 3);}
	footer .locations {grid-row:1/2;grid-column:1/2;margin:0.5em 0 0 0;padding:0;justify-content:stretch;justify-items:stretch;}
	footer .contact-row {grid-row:2/3;grid-column:1/2;display:grid;grid-template-columns:1fr 1fr;gap:0 2em;margin:1.5em 0;border-bottom:none;justify-self: center;}
	footer .contact-row>div {grid-row:1/2;margin-bottom:1em;}
	footer .contact-row img.icon-hops {grid-row:2/3;grid-column:1/3;float:none;margin:0 auto;}
}
@media screen and (max-width: 768px) {
	footer {font-size:1.2em;}
	footer .inner {width:calc(100% - var(--mobile-padding) * 2);padding:0 0 60px 0;}
	footer .locations {gap: 0 .75em;}
	footer .contact-row .btn {font-size:1em;white-space: nowrap;width: auto;}
	footer .icon {font-size:30px;}
}
@media screen and (max-width: 640px) {
	footer {font-size:1em;padding-top:30px}
	footer .contact-row h3, footer .locations h3 a {letter-spacing:0.06em;}
	footer .contact-row img.icon-hops {width:75px;}
}
@media screen and (max-width: 480px) {
	footer {font-size:0.75em;}
	footer .contact-row .btn {font-size:1.33em;padding:10px;}
}
.blocker-modal{z-index:100;position: fixed;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;overflow: auto;padding: 20px;box-sizing: border-box;background-color: #000;background-color: rgba(0,0,0,0.75);text-align: center;}
.blocker-nav{z-index:100;position: fixed;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;overflow: auto;padding: 20px;box-sizing: border-box;background-color: #000;background-color: rgba(0,0,0,0.75);text-align: center;}

.overlay {height: 0%;width: 100%;position: fixed;display:grid;z-index: 1;top: 0;left: 0;background-color: var(--apricot);overflow-y: hidden;transition: 0.5s;}
.overlay.active {height: 100%;}
.overlay-content {opacity:0;transition-delay: 0s;transition-duration: 0.1s;display:grid;grid-template-columns:1fr;grid-template-rows:min-content min-content;align-content:center;position: relative;width: 90%;max-width:640px;padding:0 2rem;margin:4rem auto;}
.overlay.active .overlay-content {opacity: 1;transition-delay: 0.3s;transition-duration: 0.2s;}
.overlay .locations {grid-row:1;display:flex;gap:1em;justify-content: space-between;margin:3rem 0;max-height:110px;height:8vw;}
.overlay .locations a {display:inline-block;}
.overlay .locations a img {display:block;height:80px;width:auto;}
.overlay ul li {list-style: none;}
.overlay-content>ul {grid-row:2;}
.overlay-content>ul>li {text-align:center;border-top:4px solid var(--milk);padding:1.5rem 0 1.5rem 1.5rem;}
.overlay-content>ul>li>a {text-decoration: none;font-size: 55px;font-weight: 700;color: var(--milk);display: block;transition: 0.3s;text-transform: uppercase;letter-spacing: 0.04em;font-family: var(--header-font-family);}
.overlay-content>ul>li>ul {padding-left:3rem;}
.overlay-content>ul>li>ul>li {padding: .5rem 0 .5rem 1rem;}
.overlay-content>ul>li>ul>li>a {text-decoration: none;text-transform: none;font-weight: 100;font-size: 25px;color: var(--milk);display: block;transition: 0.3s;font-family: var(--body-font-family);}
.overlay a:hover, .overlay a:focus {color: var(--cream);}
@media screen and (max-height: 1000px) {
	.overlay-content>ul>li {border-top:3px solid var(--milk);padding:1rem 0 1rem 1rem;}
	.overlay-content>ul>li>a {font-size: 45px;}
}
@media screen and (max-height: 750px) {
	.overlay-content>ul>li {border-top:2px solid var(--milk);}
	.overlay-content>ul>li>a {font-size: 40px;}
}
@media screen and (max-height: 700px) {
	.overlay-content>ul>li>a {font-size: 35px;}
}
@media screen and (max-height: 650px) {
	.overlay-content>ul>li>a {font-size: 30px;font-weight:500;}
}
@media screen and (max-height: 625px) {
	.overlay-content>ul>li>a {font-size: 25px;font-weight:500;}
}
@media screen and (max-width: 1024px) {
	.overlay .locations {max-height:90px;height:10vw;}
}
@media screen and (max-width: 768px) {
	
}
@media screen and (max-width: 640px) {
	.overlay .locations {height:auto;max-height:none;gap:0.75em;align-items: center;}
	.overlay .locations a img {height:auto;width:100%;}
	.overlay-content {width:calc(100% - var(--mobile-padding) * 2);padding:0;}
}
dialog#newsletter-modal a {text-decoration:none;font-size: 0.8em;padding: 7px 20px;}
dialog#newsletter-modal a:hover {color:var(--apricot);}
dialog#newsletter-modal {font-family:var(--body-font-family);font-size:1.3em;padding:15px;}
dialog#newsletter-modal {text-align:center;border: 2px solid var(--apricot);max-width:270px;pointer-events: none;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity:0;transition: opacity 5s;}
dialog[open]#newsletter-modal {opacity: 1;pointer-events: inherit;}
dialog#newsletter-modal::backdrop {background-color:#00AF9A;opacity: 0.9;}
dialog#newsletter-modal:focus {outline: none;}
dialog#newsletter-modal :focus {outline: none;}

@media screen and (max-width: 768px) {
	#page-border-left {display:none;}
	#page-border-right {display:none;}
	#page-border-bottom {display:none;}
}
.age-gate-enabled #loading-mask {display:none;}
.age-gate-enabled #age-gate {opacity:1 !important;}
.age-gate-enabled #blocking-background {display:none;}
.age-gate-enabled header a.contact-link {display:none;}
.age-gate-enabled header a.search-link {display:none;}
.age-gate-enabled header a.cart-link {display:none;}
.age-gate-enabled header .hamburger {display:none;}
.age-gate-enabled #mainNav {display:none;}
.age-gate-enabled footer {display:none;}
.age-gate-enabled section {display:none;}
.age-gate-enabled #smooth-wrapper {display:none;}
#age-gate {display:none;}
.age-gate-enabled #age-gate button {background: var(--apricot);font-size: 3em;margin: 0.5em 0.5em 0 0;color: var(--milk);font-family: inherit;padding: 0.5em 1em;outline: none;border: none;}
.age-gate-enabled #age-gate button:hover {cursor: pointer;animation: jelly 0.4s;}
.age-gate-enabled #age-gate h1 {font-size: 5.9vw;display:inline;}
.age-gate-enabled #age-gate {display:grid;grid-template-columns:50px 1fr 1fr 50px;justify-content: center;align-items: center;height: 100vh;}
.age-gate-enabled #age-gate img {max-width: 100%;grid-column:3/4;}
.age-gate-enabled #age-gate .prompt {grid-column:2/3;text-align:center;}
@media all and (max-width: 768px) {
	.age-gate-enabled #age-gate img {grid-column:2/3;grid-row:1/2;align-self:end;}
	.age-gate-enabled #age-gate .prompt {grid-column:2/3;grid-row:2/3;align-self:start;}
	.age-gate-enabled #age-gate {grid-template-columns: 1em 1fr 1em;}
	.age-gate-enabled #age-gate h1 {font-size: 3em;line-height: 1.2;font-family: var(--subheader-font-family);text-transform: uppercase;}
	.age-gate-enabled #age-gate button {font-size:2.5em;text-transform:uppercase;font-weight: 700;font-family: var(--subheader-font-family);}
	.age-gate-enabled #age-gate button#age-gate-no {margin-right:0;}
}
.loading-hops {display:grid;text-align: center;background:#fff;padding:1em 0;height:200px;justify-items: center;align-items:center;}
.loading-hops img {width:auto;height:100px;animation: spin 1.5s linear infinite;transform-origin:50% 55%;}
#home-popup img {max-width:100%;}
body>.blocker {background-color:color-mix(in srgb, var(--teal) 90%, transparent);z-index:1000;}
body #search-popup {border-radius:none;box-shadow:none;border-radius:0;border:2px solid var(--pavement);padding:2em;overflow:hidden;}
body #search-popup a.close-modal {mix-blend-mode:difference;width:45px;height:45px;left:-5px;right:auto;top:-5px;}
body #search-popup h2 {display: block;font-family: var(--subheader-font-family);font-size: 1.5em;margin-bottom: .25em;line-height:1em;}
body #search-popup #search-q {margin-top:0.5em;font-size: 1.25em;padding:10px;border:1px solid var(--teal);margin-right:1em;height:55px;width:60%;outline:none;box-sizing: border-box;}
body #search-popup button {margin-top:0.5em;display:inline-block;padding:10px 30px;font-family:var(--subheader-font-family);text-transform:uppercase;text-decoration:none;font-weight:800;font-size:1.25em;letter-spacing:0.07em;transition:0.3s color,0.3s background-color;color:var(--milk) !important;background:var(--teal);border:2px solid var(--teal);height:55px;}
body #search-popup button:hover {cursor:pointer;background:var(--milk);color:var(--teal) !important;}
@media screen and (max-width: 768px) {
	header {gap:10px;}
	body #search-popup {width:100%;padding:2em 1.5em;}
	body #search-popup #search-q {width:100%;}
	body #search-popup #search-q, body #search-popup button {font-size:1em;height:50px;}
}