/**
 * Color classes and default styling are in /assets/main.css, focus your efforts there
 * @import external fonts at top of this page before default.css
 * remove comment for dark-mode.css if you want to enable that -- will not be 100%, you will need to fix minor things
 */
@import url("./assets/default-settings.css");
/** @import url("assets/dark-mode.css"); */

body * { font-family: brix-slab, serif; }
body { background: #f4f4eb url('/wp-content/uploads/2023/08/texture.png') no-repeat center; background-size: cover; }
.btn { padding-left: 1em; padding-right: 1em; font-size: 1rem; text-transform: uppercase; border-width: 2px; border-radius: 0; }
.btn:hover { filter: none; }

.wp-block-cover { min-height: 246px; }
body > header:after { display: block; content: ''; clear: both; }
body > header { padding-bottom: 168px; }
body > header #block-9 .wp-block-cover { top: 0; right: 0; left: 0; height: 173px; }
body > header #block-9 .wp-block-cover .wp-block-cover__inner-container { width: 166px; }
body > header #block-9 .wp-block-cover .wp-block-cover__inner-container p { margin-top: 3rem; }
body.home > header { padding-bottom: 318px; }
body.home > header #block-9 .wp-block-cover { top: 0; right: 0; left: 0; height: 370px; }
body.home > header #block-9 .wp-block-cover .wp-block-cover__inner-container { width: 166px; }
body.admin-bar > header #block-9 .wp-block-cover { top: 1rem; }

/* colors */
.text-blue { color: #154fc1 !important; } .bg-blue { color: #ffffff; background-color: #154fc1; } .border-blue { border-color: #154fc1 !important; } .full-width.bg-blue:before { border-left: 99rem solid ; box-shadow: 99rem 0 0 #154fc1; }

.navbar { padding: 1rem 0; z-index: 10; }
.nav-link, .nav-link:hover, .nav-link:focus, .navbar-nav .nav-link.active { padding: 0 0.625rem !important; font-size: 1.25rem; color: #fff; border-right: 0 none; }
.navbar-nav .menu-item-object-custom .nav-link { padding: 0 0.625rem !important; }
.navbar-nav .nav-item:nth-child(6) .nav-link { margin-right: 1.25rem; }
.navbar-nav .nav-item:nth-child(6) .nav-link, .navbar-nav .menu-item-object-custom .nav-link { border-right: 0 none; }
.navbar-toggler { border: 2px solid #fff; }
.collapsed .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
.navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 20 30' xmlns='http://www.w3.org/2000/svg' version='1.1'><g stroke='rgba(255,255,255,1)'><line x1='0' y1='25' x2='20' y2='5' stroke-width='2' /><line x1='0' y1='5' x2='20' y2='25' stroke-width='2' /></g></svg>"); }
.navbar-collapse.show .navbar-nav { position: absolute; top: 36px; background: rgba( 0, 0, 0, 0.75 ); }

#menu-links { background-color: #212529; }
#menu-links a { display: block; padding: 0.5rem 0; color: #fff; background-color: var(--bs-body-color); border: 2px solid #fff; text-align: center; text-decoration: none; }
#menu-links a:hover { color: var(--bs-body-color); background-color: #fff; }

.post-content .svg-inline--fa { color: var(--bs-body-color); }

.wpcf7-list-item { display: block; margin: 0; }
.wpcf7-submit { padding: 0.25em 1em; color: #fff; background-color: var(--bs-body-color); border: 2px solid var(--bs-body-color) !important; text-align: center; text-decoration: none; }
.wpcf7-submit:hover { color: var(--bs-body-color); background-color: transparent; }

/* home page reviews slider */
.rplg-slider .rplg-slider-review { margin-bottom: 0 !important; }
.rplgsw-pagination-bullets { display: none; }

p.hours .d-inline-block { width: 6.66em; }

/* menu page */
#foodMenu .col-12, #wine .col-12 { margin-right: 0; margin-bottom: 1rem; width: 100%; }

#inner-footer .wp-image-39 { max-width: 50%; }
#inner-footer a { color: var(--bs-body-color); text-decoration: none; }
#inner-footer > div .breakout { background-color: rgba( 0, 0, 0, 0.075 ); }
#inner-footer > div:last-of-type .breakout { background: url('/wp-content/uploads/2023/08/footer-bg.png') no-repeat; background-size: cover; border-top: 8px solid var(--bs-body-color); }
#inner-footer > div:first-of-type .wp-block-columns { gap: 1em; }
#inner-footer > div:first-of-type .h2 { font-size: 1.25rem; }
#inner-footer > div:first-of-type .wp-block-columns span.d-inline-block { width: 11em; }
#inner-footer .btn { display: block; width: 75%; margin: 0 auto; padding: 0.5rem 0; color: #fff; background-color: rgb(var(--bs-body-color)); border: 2px solid rgb(var(--bs-body-color)) !important; text-align: center; text-decoration: none; }
#inner-footer .btn:hover { color: rgb(var(--bs-body-color)); background-color: transparent; }

/** media queries */
/** Small devices (landscape phones, 576px and up) [-sm] */
@media only screen and (min-width : 576px) {
}

/** Medium devices (tablets, 768px and up) [-md] */
@media only screen and (min-width : 768px) {
	body.home > header #block-9 .wp-block-cover .wp-block-cover__inner-container { width: 325px; }
}

/** Large devices (desktops, 992px and up) [-lg] */
@media only screen and (min-width : 992px) {
	.btn { font-size: 1.5rem; }
	body.home > header { padding-bottom: 596px; }
	body.home > header #block-9 .wp-block-cover { top: 0; right: 0; left: 0; height: 690px; }
	body.home > header #block-9 .wp-block-cover .wp-block-cover__inner-container { width: 663px; }
	.nav-link, .nav-link:hover, .navbar-nav .nav-link.active { padding: 0 1.25rem !important; border-right: 2px solid #fff; }
	#foodMenu .col-md-4, #wine .col-md-4 { margin-right: 3rem; margin-bottom: 1rem; width: calc(33.33% - 2rem); }
	#foodMenu .col-md-4:nth-child(3n+0), #wine .col-md-4:nth-child(3n+0) { margin-right: 0; }
	#inner-footer { font-size: 1.5rem; }
	#inner-footer .wp-image-39 { max-width: 100%; }
	#inner-footer > div:first-of-type .h2 { font-size: 2rem; }
}

/** X-Large devices (large desktops, 1200px and up) [-xl] */
@media only screen and (min-width : 1200px) {
}

/** larger desktops, 1400px and up [-xxl] */
@media only screen and (min-width : 1400px) {
}