@import url('krobar2.css');
:root {
	--base-font-size: 16px;
	--body-font-family: 'athelas', serif;
	--header-font-family: 'copperplate', serif;
	--nav-font-family: 'copperplate', serif;
	--padding-min: 3em;
	--full-width: 100%;
	--body-width: 1280px;
	--narrow-column-width: 800px;
	--accent: #c2a441;
	--bright:#ffffff;
	--green:#605925;
	--greenish:#706c2d;
	--dark:#000;
}
html, body {overscroll-behavior-y: none;overscroll-behavior-x: none;}
html {font-size:var(--base-font-size);}
#footer-interior, #home-main {font-family:var(--header-font-family);font-size:0.8em;}
#home-main nav {font-size:1.2em;margin-top:3em;}
#home-main span {letter-spacing:-0.1em;}
body {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin: 0;padding: 0;box-sizing: border-box;position:relative;}
html, body {max-width: 100%;overflow-x: hidden;font-family: var(--body-font-family);font-weight: 400;color: var(--dark);}
:focus {outline: none;}
input::placeholder, textarea::placeholder {font-family: sans-serif;}
h1,h2,h3,h4,h5 {font-family:var(--header-font-family);}
header {z-index:104;}
.sidenav ul.nav {padding-left:0;}
.sidenav img {position: absolute;bottom: 130px;width: 100px;right: 30px;}
.sidenav ul {list-style:none;margin-top: 3em;}
.sidenav {margin-top:0;text-align:left;height:calc(100% - 200px);width: 0;position: fixed;z-index: 103;top:0;right:0;padding-top:100px;padding-bottom:200px;background-color: var(--dark);overflow-x: hidden;transition: 0.5s;}
.sidenav ul li {line-height:1;text-align:center;}
.sidenav ul li a {letter-spacing:0.03em;padding: 17px 15px 0 15px;line-height:1.2;text-decoration: none;font-size: 28px;font-weight:700;color: var(--bright);display: block;transition: 0.3s;font-family:var(--nav-font-family);}
.sidenav ul li ul li a {padding: 2px 15px 5px 25px;text-decoration: none;text-transform:uppercase;font-weight:400;font-size: 22px;color: var(--bright);display: block;transition: 0.3s;font-family:var(--nav-font-family);}
.sidenav a:hover {opacity: 0.7;}

@media screen and (max-width: 768px) {
	.sidenav {padding-top:60px;}
	.sidenav ul li a {font-size:30px;}
	.sidenav ul.nav {padding-left: 0;}
	.sidenav img {bottom: 80px;}
}

@media screen and (max-width: 414px) {
	.sidenav {padding-top:60px;padding-bottom:0;height:100%;}
	.sidenav ul li a {font-size:24px;}
	.sidenav ul li ul li a {font-size:18px;}
	.sidenav ul.nav {padding-left: 0;}
	.sidenav img {bottom: 70px;}
}

@media (width: 375px) and (height:812px) {
	/* .sidenav ul li a {font-size:45px;}
	.sidenav {padding-top:50px;} */
}
.hamburger {text-decoration:none;display:block;margin-right:299px !important;position:fixed;right:-300px;}
.hamburger span {font-size: 20px;margin-top: -2px;display: block;float: right;margin-left: 6px;}
.hamburger {padding: 15px 15px;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-top:3px;overflow: visible; }
.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after {background-color: var(--dark); }
.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(--dark);border-radius: 4px;position: absolute;transition-property: transform;transition-duration: 0.15s;transition-timing-function: ease; }
/* .page-menu-color-black .hamburger-inner, .page-menu-color-black .hamburger-inner::before, .page-menu-color-black .hamburger-inner::after {background-color:var(--dark);} */
/* .page-id-74 header.big-header .hamburger-inner,.page-id-74 header.big-header .hamburger-inner::before,.page-id-74 header.big-header .hamburger-inner::after,   header.small-header .hamburger-inner, header.small-header .hamburger-inner::before, header.small-header .hamburger-inner::after {transition:background-color 0.5s ease;background-color:var(--bright);} */
.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 {display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: center;position: fixed;top: 0;left:0;right:0;padding:0.5em;z-index:104;transition: transform 0.25s;}
header.is-hidden {transform: translateY(-100%);}
header.is-visible {transform: translateY(0);}
header .logo {width:200px;max-width:200px;display: block;}
header .logo img {max-width:100%;display:block;max-inline-size: 100%;block-size: auto;}
body header .logo img {filter:invert(1);}
body.page-id-1 header .logo img {filter:invert(0);}
header.is-visible.at-bottom .logo img{filter:invert(0);}
header.nav-is-active .logo img {filter:invert(0) !important;}
header.is-visible.at-bottom nav ul li a {color:var(--bright);}
header.nav-is-active nav ul li a {color:var(--bright);}
header.is-visible.at-bottom .hamburger-inner, header.is-visible.at-bottom .hamburger-inner::before, header.is-visible.at-bottom .hamburger-inner::after {background-color:var(--bright);}
header.nav-is-active .hamburger-inner,header.nav-is-active .hamburger-inner::before,header.nav-is-active .hamburger-inner::after {background-color:var(--bright) !important;}
.page-id-1 header .hamburger-inner,.page-id-1 header .hamburger-inner::before,.page-id-1 header .hamburger-inner::after {background-color:var(--bright) !important;}
header nav {width:30vw;display: flex;flex-wrap: nowrap;justify-content: flex-end;align-items: center;column-gap:0.51em;}
header nav ul {margin-right:58px;margin-top:5px;list-style: none;display: flex;flex-wrap: nowrap;justify-content: flex-end;align-items: center;column-gap:0.5em;}
header nav ul li {display:inline-block;}
header nav ul li a {display:inline-block;text-decoration:none;font-size:1.6em;color:var(--dark);}
.page-id-1 header nav ul li a {color:var(--bright);}
header nav ul li a span {font-size: 0;}
header nav button {display: inline-block;position: relative;background-color:transparent;font-size:2em;color:var(--dark);}
.page-id-1 header nav button {color:var(--bright);}

main {background-color:#fff;z-index:2;position:relative;margin-bottom:100vh;padding-top:80px;}
@media screen and (max-width: 1024px) {
	header .logo {width:180px;}
	main {padding-top:75px;}
}
@media screen and (max-width: 768px) {
	header .logo {width:160px;}
	main {padding-top:66px;}
}
@media screen and (max-width: 414px) {
	header .logo {width:130px;}
	main {padding-top:56px;}
}
@media screen and (max-width: 320px) {
	header .logo {width:100px;}
	main {padding-top:51px;}
}
section#home-main {height:100vh;width:100vw;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1;background-size: cover;transition:all 0.5s ease;background-position:top center;}
section#home-main .inner {width:calc(100% - var(--padding-min));margin:0 auto;padding-top:6em;text-align:center;text-transform: uppercase;}
section#home-main.body-width .inner {max-width:var(--body-width);min-height:100vh;}
section#home-main.narrow-width .inner {max-width:var(--narrow-width);}
section#home-main .inner img {width:100%;height:auto;}
section#home-main .inner a {color: var(--accent);text-decoration:none;}
section#home-main .inner p {margin:0 0 1em 0;color: var(--bright);}
section#home-main .inner nav ul {list-style: none;display: flex;flex-wrap: nowrap;justify-content: space-between;}
section#home-main .inner nav ul li {display:inline-block;}
section#home-main .inner nav ul li a {display:inline-block;text-decoration:none;font-size:2em;color: var(--accent);font-family: var(--header-font-family);font-weight:700;}
a[title='button'] {display: inline-block; background: black; color: white; padding: 5px 10px; text-decoration: none;}
a[title='button']:hover {background:#605925; color: white;}
section#footer-interior {background-color: #fff;}
section#footer-interior .inner {width:calc(100% - var(--padding-min));margin:0 auto;padding-top:3em;padding-bottom:3em;text-align:center;text-transform: uppercase;}
section#footer-interior.body-width .inner {max-width:var(--body-width);}
section#footer-interior.narrow-width .inner {max-width:var(--narrow-width);}
section#footer-interior .inner a {color: var(--accent);text-decoration:none;}
section#footer-interior .inner p {margin:0 0 1em 0;color: var(--dark);}
section#footer-interior .inner nav ul {list-style: none;display: flex;flex-wrap: nowrap;justify-content: space-between;}
section#footer-interior .inner nav ul li {display:inline-block;}
section#footer-interior .inner nav ul li a {display:inline-block;text-decoration:none;font-size:2em;color: var(--dark);font-family: var(--header-font-family);}
.template-text-section table {margin:auto;}
.template-text-section table td:first-child {text-align:left;}
.template-text-section table td:last-child {text-align:right;}
 

@media screen and (min-width: 40em) {
	section#home-main .inner img {max-width:400px;}
	section#home-main .inner nav ul, section#footer-interior .inner nav ul {justify-content: center;column-gap:4em;}
}

@media screen and (max-width: 40em) {
	section.template-text-image-section.body-width .grid, section.template-text-image-section.narrow-width .grid {width:100%;}
	section.template-text-image-section.body-width .box-of-copy, section.template-text-image-section.narrow-width .box-of-copy {width:calc(100% - 6em);margin:0 auto;}
}

.template-logo-hero-image-background h2 {color:var(--bright);}
.template-logo-hero-image-background h3 {color:var(--accent);}

.page-id-5 .template-text-section .box-of-copy::after, .page-id-5 .template-text-image-section .box-of-copy::after {content:"";text-align:center;display:block;background:url("/img/krobars-better.png") 50% 100% no-repeat;background-size:75%;padding:0.5em 0 1em 0;height:2em;}
.page-id-5 .template-logo-hero-image-background img.logo {max-width:80vw;}
.page-id-5 .template-logo-hero-image-background h2, .page-id-5 .template-logo-hero-image-background h3 {font-size:1.5em;}
@media screen and (min-width: 40em) {
	.page-id-5 .template-text-section .box-of-copy::after, .page-id-5 .template-text-image-section .box-of-copy::after {display:none;}
	.page-id-5 .template-logo-hero-image-background .box-of-copy {padding-bottom:2em;padding-top:0;margin-top:5vh;}
	.page-id-5 .template-logo-hero-image-background img.logo {max-width:400px;}
}
@media screen and (min-width: 64em) {
	.page-id-5 .template-logo-hero-image-background .box-of-copy {padding-bottom:2em;padding-top:0;margin-top:0;}
}