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

@import url('https://fonts.googleapis.com/css?family=Sacramento&display=swap'); /* font-family: 'Sacramento', cursive; */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap'); /* font-family: 'Roboto', sans-serif; */

html, body { overflow-x: hidden; }
body { font-family: Roboto, sans-serif; font-weight: 300; }
/* default bootstrap headline markup
h1, .h1 { font-size: 2.5rem; }
h2, .h2 { font-size: 2rem; }
h3, .h3 { font-size: 1.75rem; }
h4, .h4 { font-size: 1.5rem; }
h5, .h5 { font-size: 1.25rem; }
h6, .h6 { font-size: 1rem; }
*/
h1, .h1 { font-size: 2rem; }
h2, .h2 { font-size: 1.75rem; }
h3, .h3 { font-size: 1.5rem; }
h4, .h4 { font-size: 1.25rem; }
h5, .h5 { font-size: 1rem; }
h6, .h6 { font-size: 0.875rem; }
strong, b { font-weight: 700; }
.bg-lgrey { background-color: #e1e1e1; }
.text-pink { color: #e8b6b6; }
.wp-block-button__link { color: #212529 !important; }
a:where(.wp-block-button__link):hover { color: #212529; }
.page-header h1, .page-header .h1 { font-family: Montserrat, sans-serif; }
.alignwide { margin-left: -5rem; margin-right: -5rem; }
.alignfull, :not(.home) .post-header { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: 100vw; width: 100vw; }
.alignfull > img, .alignfull .wp-block-image img { width: 100vw; }

body > header { position: relative; }
body.home > header { position: relative; right: 0; left: 0; }
body > .container { padding-top: 36px; }

/* nav */
.navbar { padding: 0; background-color: #e8b6b6; }
.navbar > .container { align-items: center; }
.navbar-brand { padding: 0; width: 100%; text-align: center; }
.navbar-brand img { max-width: 300px; }
#main-navbar {  right: 0; list-style: none; background-color: transparent; text-transform: lowercase; }
#search-container form { position: relative; top: -138px; left: 0; }

.navbar-light > .container > a { color: rgba(0, 0, 0, 0.5); }
.navbar-light > .container > a:hover { color: #212529; }
.navbar-light .navbar-nav { width: 100%; }
.navbar-light .navbar-nav { align-items: center; text-align: center; }
.navbar-light .navbar-nav .fontawesome { font-size: 1.25rem; }
.navbar-light .navbar-nav .tiktok img { height: 18px; opacity: 0.5; }
.navbar-light .navbar-nav, .navbar-light .navbar-nav .nav-link { padding: 0.5rem 0.5rem; font-weight: 600; }
.navbar-light .navbar-nav .nav-link .svg-inline--fa { color: rgba(0, 0, 0, 0.5); }
.navbar-light .navbar-nav .nav-link:hover, #main-navbar a .fa-shopping-cart:hover { color: #212529 !important; }
.navbar-light .navbar-toggler { margin: 0.5rem; border-color: #212529; }
.navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(33, 37, 41, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

:not(.home) .post-header { margin-bottom: 1.5rem; padding: 0.125rem; background-color: #fff7f5; }
.page-title { color: #cc9696; }
.post-content a:not(.wp-block-button__link), a { font-weight: bold; color: #e8b6b6; text-decoration: none; }
.post-content a:not(.wp-block-button__link):hover, a:hover, .woocommerce button.button.alt:hover { color: #000; text-decoration: underline; }
.post-content a:not(.wp-block-button__link).pink, #main-navbar a .fa-shopping-cart, .woocommerce button.button.alt { color: #e8b6b6 !important; }
.wp-block-button__link:hover { color: #fff; }

/* home */
.carousel-caption { top: 40%; left: 0; }
.carousel-caption h1 { padding-left: 1em; font-family: Sacramento, cursive; font-size: 5.5rem; line-height: 1; color: #212529; text-indent: -1em; text-align: left; }
#hashtag { font-size: 2rem; font-weight: 300; color: #6d6e71; }
#imagebar.alignfull .wp-block-image { display: inline-block; }
#imagebar.alignfull > img, #imagebar.alignfull .wp-block-image img { width: 100%; max-width: 100%; }
#learn-about form { margin: 1.5rem auto 0; width: 15.375rem; }
#learn-about form .input-group { flex-wrap: nowrap; }
#learn-about form .form-control { padding: 0.75rem 1rem; height: auto; font-family: Roboto, sans-serif; font-weight: 400; border-radius: 0; border: 0 none; }
#learn-about form .form-control::placeholder { font-family: Roboto, sans-serif; }
#learn-about form button { padding: 0.75rem 1rem; background-color: #fff; border: 0 none; }

/* contact page */
.contact-hours strong { display: inline-block; width: 3em; }

.card-loop .card { background-color: #fff7f5; }
.card-loop .card .card-footer { border-top: 0 none; }
.card-loop .card .card-footer .btn-jwbs { padding: calc(.667em + 2px) calc(1.333em + 2px); color: #fff !important; border: 0 none; border-radius: 0; }
.card-loop .card .card-footer .btn-jwbs:hover { color: #000 !important; background-color: #e8b6b6; text-decoration: none; }

/* blog */
.blog .post-header, .single .post-header { margin-left: calc(37% - 37vw); margin-right: calc(50% - 50vw); max-width: 100vw; width: 100vw; }
.blog .post-header .page-title a { color: #e8b7b7; }
.blog .post-content .blog-btn { padding: calc(0.667em + 2px) calc(1.33em + 2px); color: #fff; background-color: #e8b6b6; border-radius: 0; }
.blog .post-content .blog-btn:hover { color: #212529; }
.single #sidebar-default { padding-top: 5.75rem; }

/* footer */
footer { background: #fdf7f5; border-top: 0.625rem solid #e8b6b6; }
footer #media_image-2, footer #custom_html-3 { display: none; }
footer a { color: #212529; }
footer a:hover { color: #212529; text-decoration: underline; }
footer #menu-footer-nav, footer #menu-footer-nav-2 { list-style: none; text-transform: lowercase; }
footer #nav_menu-2, footer #nav_menu-3 { float: left; display: inline-block; width: 50%; }
footer #block-2 { text-align: center; }
.attribution { font-size: 0.875rem; }

/* palate colors */
.has-pink-color { color: #e8b6b6; }
.has-grey-color { color: #a1a1a1; }
.has-charcoal-color { color: #585858; }
.has-black-color { color: #000000; }
.has-white-color { color: #ffffff; }
.has-pink-background-color, .woocommerce button.button.alt, .woocommerce button.button.alt:hover { background-color: #e8b6b6; }
.has-grey-background-color { background-color: #a1a1a1; }
.has-charcoal-background-color { background-color: #585858; }
.has-black-background-color { background-color: #000000; }
.has-white-background-color { background-color: #ffffff; }
.woocommerce button.button.alt { color: #212529 !important; }

/* media queries */
/* Extra Small Devices, Phones */
@media only screen and (min-width : 576px) {
  #search-container form { left: -19px; }
}

@media only screen and (max-width : 767px) {
	.wp-block-columns.shop-cols { flex-wrap: wrap !important; }
	.wp-block-columns.shop-cols .wp-block-column { flex-basis: calc(50% - 1em) !important; }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.navbar-brand { width: auto; text-align: left; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	body.home > header { position: absolute; }
	#search-container form { float: right; top: -70px; left: 0; height: 0; }
	footer #media_image-2, footer #custom_html-3 { display: block; }
	footer #nav_menu-2 { float: none; display: block; width: 100%; }
	footer #nav_menu-3 { display: none; }
	footer #block-2 { text-align: right; }
}

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

/** 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) {
}