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

@import url('https://fonts.googleapis.com/css2?family=Graduate&family=Questrial&display=swap'); /* font-family: 'Graduate', cursive; font-family: 'Questrial', sans-serif; */

body { font-size: 1.125rem; }
a, a:hover { color: #057444; }
blockquote { font-size: 1.25rem; font-weight: 500; }
blockquote > cite { padding-top: 1rem; font-size: 0.875rem; font-style: normal;  opacity: 0.5; }
.container { max-width: 1024px; }
.btn { padding: 1.3125rem 2.125rem; border-radius: 0; }
.btn-outline-jwbs { color: #212529; border: 2px solid #212529; }
.btn-outline-jwbs:hover, .btn-outline-jwbs:not(:disabled):not(.disabled):active { color: #fff; background-color: #212529; border-color: #212529 }
.color-body { color: #212529; }

.navbar { position: relative; }
.navbar .container { max-width: 100%; }
.navbar-brand img { max-height: 5rem; }
#main-navbar .shop .nav-link { border: 2px solid #fff; border-radius: 0.25rem; }
#main-navbar .shop .nav-link, #main-navbar .shop .nav-link:hover { color: #212529; background-color: #fff; }

#main-navbar a { padding: 0.5rem 1rem !important; font-weight: bold; }
#main-navbar .dropdown-menu { padding: 0.5rem 0; top: 82.5%; left: -0.5rem; background-color: transparent; border: 0 none; border-radius: 0; } 
#main-navbar .dropdown-menu a { padding: 0.5rem 1rem !important; white-space: wrap; } 
#main-navbar .dropdown-menu a:hover, .dropdown-menu a:focus { background-color: transparent; }
.navbar-toggler { border: 1px solid #212529; }
.navbar .collapsed .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'><path stroke='rgba(33,37,41,1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>"); }
.navbar .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(33,37,41,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>"); }

#sidebarLeft #menu-about-menu, #sidebar-default #menu-shop-menu { margin: 0; padding: 0; list-style: none; }
#sidebarLeft #menu-about-menu .current-menu-item a, #sidebar-default #menu-shop-menu .current-menu-item a, #sidebar-default #menu-shop-menu .current-product-ancestor a { color: #1f1f1f; }

#carousel-overlay { top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(191, 191, 191, 0.2); z-index: 10; }
.carousel-caption h1 { font-family: 'Graduate', cursive; font-size: 1.75rem; }
.carousel-caption a { color: #fff; }
.woocommerce .product .woocommerce-loop-product__title { min-height: 4rem; }

.blockquote.fa-quote-left { font-size: 1.5rem; font-weight: 500; opacity: 0.3; }

.blog article { margin-bottom: 0.5rem; padding-top: 1px; }
.blog article.border-bottom { padding-bottom: 1rem; border-bottom-color: #212529 !important; }

.search-form .btn-jwbs { margin: 0; padding: 0.475rem 2.5rem; }

/* woocommerce */
.home .woocommerce ul.products li.product { margin-bottom: 0; }
.woocommerce ul.products li.product .price { color: unset; }
.woocommerce div.product form.cart div.quantity { float: none; }
.btn-jwbs, .wp-element-button, .woocommerce button.button.alt, #yith-quick-view-content .wp-element-button { margin: 0.5rem 0; padding: 1rem 2.5rem; width: 100%; font-size: 0.875rem; color: #fff; background-color: #057444; border: 2px solid #057444; text-transform: uppercase; letter-spacing: 0.125rem; }
.btn-jwbs:hover, .btn-jwbs:focus, .btn-jwbs:not(:disabled):not(.disabled):active, .btn-jwbs:focus, .wp-element-button:hover, .woocommerce button.button.alt:hover,  #yith-quick-view-content .wp-element-button:hover { color: #057444 !important; background-color: #fff; border-color: #057444; }
.woocommerce button.button.alt, button[name='update_cart'], .woocommerce-message .wp-element-button, .return-to-shop .wp-element-button { float: left; width: 40.75%; clear: both; }
.woocommerce-message .wp-element-button { float: none; }
#yith-quick-view-content .wp-element-button { width: auto; font-weight: normal; border-radius: 0; }
.yith-wcqv-button { width: 100%; padding: 1rem 2.5rem; font-size: 0.875rem; color: #057444; text-transform: uppercase; letter-spacing: 0.125rem; border: 2px solid #057444; }
.yith-wcqv-button:hover { color: #fff; background-color: #057444; }
.single-product section#banner { max-height: 125px; overflow: hidden; }
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { width: 40%; margin: 0 4%; }
a.added_to_cart.wc-forward { margin: 0 0 0.5rem 0; padding: 1rem 2.5rem; width: 100%; font-size: 0.875rem; color: #fff; background-color: #67a042; border-color: #7fac5c; text-transform: uppercase; letter-spacing: 0.125rem; }

#footer-social { padding: 2rem 0; background-color: #f0f0f0; }
#footer-social .social-fa { display: flex; align-items: center; margin: 0 0.375rem; width: 2.8125rem; height: 2.8125rem; padding: 0.5rem; border: 2px solid #212529; border-radius: 50%; }
#footer-social .fa-twitter { color: #55acee; }
#footer-social .fa-facebook-f { color: #3b5998; }
#footer-social .fa-instagram { color: #e4405f; }
#footer-social .social-fa.twitter:hover { background-color: #55acee; }
#footer-social .social-fa.facebook:hover { background-color: #3b5998; }
#footer-social .social-fa.instagram:hover { background-color: #e4405f; }
#footer-social .social-fa.envelope:hover { background-color: #212529; }
#footer-social .social-fa.twitter:hover .fa-twitter, #footer-social .social-fa.facebook:hover .fa-facebook-f, #footer-social .social-fa.instagram:hover .fa-instagram, #footer-social .social-fa.envelope:hover .fa-envelope { color: #fff; }
body > footer { color: rgba(255, 255, 255, 0.4); background-color: #201a16; }
body > footer a, body > footer a:hover { color: rgba(255, 255, 255, 0.4); }


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

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.navbar { position: absolute; top: 0; right: 0; bottom: auto; left: 0; }
	.navbar .container { max-width: 95%; }
	.navbar-brand img { max-height: 6.25rem; }
	#main-navbar a { padding: 1rem 1.25rem !important; color: #fff; }
	#main-navbar .dropdown-menu { background-color: #212529; } 
	#main-navbar .dropdown-menu a { padding: 0.5rem 1.5rem !important; white-space: nowrap; }
	.carousel-caption { top: 50px; }
	.carousel-caption h1 { font-size: 2.5rem; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	#main-navbar a { font-size: 1.5rem; }
	.carousel-caption h1 { font-size: 4rem; }
}

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