/* jwbs (color) class, and default styling */
@import url("../includes/assets/default.css");
@import url("jwbs.css");


html, body { overflow-x: hidden; }
body { font-family: myriad-pro, sans-serif; font-size: 1.15rem; font-weight: 300; color: #4d4d4d; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .font-weight-lite, .navbar-nav .nav-link { font-weight: 300; }
h1, .h1 { font-size: 2.25rem; }
a, a:hover { color: #4d4d4d; }
.font-weight-black { font-weight: 900; }
.wp-block-button__link { color: #4d4d4d !important; background-color: transparent; }
/* .wp-block-button__link:hover { color: #fff !important; } */

body, body > header .bg-jwbs { background-color: #f5ebd9 !important; }
body > header > .container { position: relative; }
#header-block-1 { position: relative; top: auto; right: auto; z-index: 0; }
#header-block-1 h2 { font-size: 1.5rem; }
body > header .navbar { padding: 1rem; }
body > header .navbar-nav { margin-top: 3.75rem; }
.navbar-brand { display: block; width: 100%; text-align: center; }
.navbar-brand img { margin: 0 auto; max-width: 40% }
.navbar-nav .nav-link { padding: 0 !important; font-size: 1.25rem; line-height: 1; color: #4d4d4d; border-right: 0 none; }
.navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(77, 77, 77, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }

.bg-grey { background-color: #ded5cc; }
.full-width { position: relative; }
.full-width:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: -99rem; z-index: -1; }
.full-width.bg-grey:before { border-left: 99rem solid #ded5cc; box-shadow: 99rem 0 0 #ded5cc; }

/* home */
.book-img { margin-right: 0; margin-left: 0; }
.featured-fpo { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); width: 100vw; }
.featured-fpo img { width: 100%; }

/* woo */
.woocommerce-breadcrumb { display: none; }
.woocommerce-Price-amount, .woocommerce-info:before { color: #4d4d4d; }
.woocommerce-info { background-color: transparent; border-top-color: #4d4d4d; }
.woocommerce-message { background-color: transparent; border-top-color: #ddd5cc; }
.woocommerce-message:before { color: #ddd5cc; }
.woocommerce.single-product .summary .product_meta { display: none; }
.woocommerce form.cart div.qty { float: left; padding: 10px; }
.woocommerce form.cart button.single_add_to_cart_button { display: block; margin-left: 10px !important; clear: both; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { background-color: transparent !important; border-bottom-color: #f5ebd9 !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after { box-shadow: none !important; }
.woocommerce table.cart img { width: 96px; }

/* galleries */
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption { position: relative; padding: 0 0 8px 0; color: initial; background: transparent; text-align: left; }

/* blog */
article .meta { font-size: 1rem; }
.wp-block-latest-posts li { margin-bottom: 1rem; }

body > footer { background-color: #ded5cc; }
body > footer *, body > footer a:hover { color: #4d4d4d; }
.footer-links ul { margin: 0 0 6.45rem 0; padding: 0; list-style: none; text-align: left; }
.footer-links ul li { display: block; padding: 0; border-right: 0 none; }

/* media queries */
/* Extra Small Devices, Phones */
@media only screen and (min-width : 576px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.navbar-brand { display: inline-block; width: auto; text-align: left; }
	.navbar-brand img { max-width: 100% }
	#header-block-1 { position: absolute; top: 72px; right: 0; z-index: 10; }
	#header-block-1 h2 { font-size: 2rem; }
	.navbar-brand { margin: 0 1rem 0 0; }
	.navbar-nav .nav-link { border-right: 1px solid #4d4d4d; }
	.navbar-nav li:last-child .nav-link { border-right: 0 none; }
	.book-img { margin-right: -25%; margin-left: calc(50% - 25vw); }
	.footer-links ul { text-align: center; }
	.footer-links ul li { display: inline-block; padding: 0 2rem; border-right: 1px solid #4d4d4d; }
	.footer-links ul li:last-child { border-right: 0 none; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
}