/* Plugin CSS: Boutique_BondCraftStudioShop_Theme_Customizations by Rambillo */

#masthead.site-header {
    padding-top: 2em;
}

#masthead.site-header > .col-full {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

/* 20230621 v1.0.13 : limit to non-mobile  */
@media screen and ( max-width: 767px ) {
	#masthead.site-header > .col-full {
		flex-direction: column;
	}
	
	.woocommerce-active .site-header #site-navigation {
		text-align: center;
	}
	
	.woocommerce-active .site-header #site-navigation button.menu-toggle {
		float: none;
	}
	
	.woocommerce-active .site-header #site-navigation .menu {
		text-align: center;
	}
}

.woocommerce-active .site-header .secondary-navigation {
	display: inline-block;
	width: auto;
	float: none;
	margin-right: initial;
}

.woocommerce-active .site-header .site-branding {
	display: inline-block;
	width: auto;
	float: none;
	margin-right: initial;
	margin-bottom: 1em;
}

.woocommerce-active .site-header .site-branding img.custom-logo {
	display: inline-block;
	vertical-align: middle;
	max-width: 150px;
}

.woocommerce-active .site-header .site-search {
	display: inline-block;
	flex: 1;
	float: none;
	margin-right: initial;
	margin-bottom: 1em;
}

/* 20230621 v1.0.13 : limit to non-mobile  */
@media screen and ( min-width: 768px ) {
	.woocommerce-active .site-header .site-search .woocommerce.widget_product_search {
		float: right;
	}
}

/* Footer */
.woocommerce-active .site-footer .footer-widget-1 > div:first-child {
	margin-bottom: 0;
}

.woocommerce-active .site-footer .widget_nav_menu ul#menu-footer-menu {
	margin: 13px 0 0;
}

.woocommerce-active .site-footer .widget_nav_menu ul li {
	padding-left: 0;
}

.woocommerce-active .site-footer .widget_nav_menu ul li::before {
    content: none;
}

.woocommerce-active .site-footer .wp-block-social-links a.wp-block-social-link-anchor {
	color: #fff;
}

/* 20241115 v1.1.4 : darrin @ rambillo : Center footer columns all screen sizes */
/* @media screen and ( max-width: 767px ) { */
	.woocommerce-active .site-footer {
		text-align: center;
	}
	
	.woocommerce-active .site-footer .widget_media_image img {
		margin-left: auto;
		margin-right: auto;
	}
	
	.woocommerce-active .site-footer .wp-block-social-links.is-layout-flex {
		justify-content: center;
	}
	
	.woocommerce-active .site-footer .site-info {
		margin-bottom: 50px;
	}
/* } */


/* Workshops page styling */
/* 20241102 v1.1.3.4 : darrin @ rambillo : Add separators between workshops listed in group #workshops-listing via shortcode */
#workshops-listing .fooevents-calendar-list .fooevents-calendar-list-item {
/*	position: relative; */
	padding-top: 50px;
}

#workshops-listing .fooevents-calendar-list .fooevents-calendar-list-item::after {
	content: '';
/*	position: absolute; */
	width: 100%;
	height: 8px;
/*	left: 0; */
	display: block;
	clear: both;
	background-color: #54c8e7;
	opacity: 10%;
}


/* 20211208 v1.0.9 : darrin @ rambillo : add 'Sold Out' graphic overall to product image on archive pages */
.archive.tax-product_cat .outofstock .bbcss-product-img-frame,
.single-product .related.products .outofstock .bbcss-product-img-frame {
	max-width: 324px;
	margin: 0 auto;
	position: relative;
}

.archive.tax-product_cat .outofstock .bbcss-product-img-overlay:after,
.single-product .related.products .outofstock .bbcss-product-img-overlay:after {
	content: "";
	background: url( '../images/soldout-evergreen-324x324-v2.png' ) no-repeat 0 0/contain;
	position: absolute;
	left: 0px;
	top: 0px;
	display: inline-block;
	height: 324px;
	width: 324px;
	max-width: 100%;
}

.archive.tax-product_cat .outofstock .bbcss-product-img-overlay img,
.single-product .related.products .outofstock .bbcss-product-img-overlay img {
	opacity: 0.5;
}

/* 20220202 v1.0.10 : darrin @ rambillo : left align newly added digital wallet payment options on single product pages (only) */
.single-product #wc-square-digital-wallet {
	margin: 0;
}

/* 20211119 v1.0.4 : darrin @ rambillo : inline Mailchimp email signup */
/* 20250616 v1.1.7 : darrin @ rambillo : redo MailChimp signup form in Contact Form 7 & blocks. */
/*			ToDo: Retire prior inline Mailchimp email signup (.entry-content #mc_embed_signup) */
#bcs-homepage-email-list-subscribe {
	margin: 0 auto;
	max-width: 600px;
}

#bcs-email-list-form {
	text-align: center;
}

#bcs-email-list-form input.wpcf7-form-control.wpcf7-text {
	box-shadow: none;
	border: 2px dashed #54c8e7;
	border-radius: 0;
	background-color: transparent;
	width: 100%;
}

#bcs-email-list-form .wpcf7-mc-signup-fullname input.wpcf7-form-control.wpcf7-text {
	max-width: 49.5%;
}

#bcs-email-list-form .wpcf7-form-control.wpcf7-recaptcha.g-recaptcha {
	box-shadow: none;
	border: 2px dashed #54c8e7;
	border-radius: 0;
	padding: 2px 0 0 2px;
	display: inline-block;
}

#bcs-email-list-form .wpcf7-form-control.wpcf7-submit.has-spinner {
	margin-left: 60px;
}


.entry-content #mc_embed_signup label {
	font-family: 'Playfair Display', serif;
	font-size: x-large;
	font-weight: inherit;
}

/* 20230722 v1.0.14 : darrin @ rambillo : increase border width from 1px to 2px */
/* 20230722 v1.0.15 : darrin @ rambillo : added border-radius: 0 */
.entry-content #mc_embed_signup input.email {
	box-shadow: none;
	border: 2px dashed #54c8e7;
	border-radius: 0;
}

/* 20230722 v1.0.14 : darrin @ rambillo : make button text match other buttons -- black */
/* 20230722 v1.0.15 : darrin @ rambillo : added border-radius: 0 */
.entry-content #mc_embed_signup .button {
	background-color: #54c8e7;
	color: #000000;
	border-radius: 0;
}

/* 20230722 v1.0.15 : darrin @ rambillo : added proper hover color for consistency */
.entry-content #mc_embed_signup .button:hover,
.entry-content #mc_embed_signup .button:active,
.entry-content #mc_embed_signup .button:focus {
	background-color: #3bafce;
}

/* 20211119 v1.0.6 : darrin @ rambillo : Begin generalized CSS */
.entry-content hr.wp-block-separator.tall-page-separator {
    margin: 3.161em auto;
}

/* 20240910 v1.1.3.3 : Temp fix.? Reset width of nav item to 100% as we're removing (via our .js) the "live" shopping cart from the header bar as it's not working well ... 
					   WP Rocket likely to blame. If we restore that cart to Storefront, remove this. */
.woocommerce-active .site-header #site-navigation.main-navigation {
	width: 100%;
}

/* 20230621 v1.0.13 : center block of row items especially when there are less than # columns selected */
.center-flex-items > ul {
	justify-content: center;
}

/* 20231017 v1.0.17 : darrin @ rambillo : limit width of ul inside a Spectra v2.8.0 (Addt'l Gutenberg Blocks) container as they're blowing out the container padding and width */
.bcs-ul-width-auto ul {
	width: auto !important;
}

/* 20231017 v1.0.17 : darrin @ rambillo : fix Gutenberg block columns forced padding-right on columns other than last in row in screen sizes >= 600 */ 
@media screen and (min-width: 600px) {
	.hentry .entry-content .wp-block-columns.bcs-columns-fix .wp-block-column {
		padding-right: 0;
	}
}

/* 20230722 v1.0.14 : darrin @ rambillo : dashed border style */
/* 20231017 v1.0.16 : darrin @ rambillo : added !important to override styles that aren't removed even when reset in Spectra v2.8.0 (Addt'l Gutenberg Blocks) */
.bcs-dashed-border {
	border: 2px dashed #54c8e7 !important;
}