/*
Theme Name: Sweetness Child Theme
Description: A child theme based on Sweetness v2 by BNE Creative.
Author: Kerry Kline
Author URI: http://www.bnecreative.com
Version: 2.0
Template: sweetness
*/

/*
 * 	IMPORTANT! There is no need to @import the parent's
 *	main style.css file. It's already enqueued!!
*/



/* ===========================================================
 *	General
 * ======================================================== */

/* 
 *	Available CSS Variables
 *	There are a number of pre-defined variables available
 *	from the theme. CSS Variables can be envoked by using.
 *
 *	Example: 
 *	.class{ 
 *		color: var(--theme-primary-color); 
 *	}
 *
 *	Theme General Vars:
 *		--theme-content-width
 *		--theme-content-width
 *		--theme-default-btn-color
 *		--theme-heading-font-family
 *		--theme-body-font-family
 *	Theme Palette Colors:
 *		--theme-primary-color
 *		--theme-secondary-color
 *		--theme-tertiary-color
 *		--theme-dark-color
 *		--theme-light-color
 *		--theme-success-color
 *		--theme-danger-color
 *		--theme-warning-color
 *		--theme-info-color
 *
 *	In addiiton, there are numerous Boostrap variables that can be found
 *	by using the browser inspector and finding the :root {}
 *
*/



/* == Typography == */
@media (max-width: 600px) {
	.heading-main {
		line-height: 1;
		font-size: 10vw !important;
	}
}

.page-heading .entry-title {
	font-size: 1.8rem;
	font-weight: bold;
}

.btn,
.wp-block-button a {
	border-radius: 0;
	font-weight: 300;
}

.btn.xlg,
.wp-block-button.btn-xlg a {
	font-weight: bold;
}

.wp-block-table {
	color: white;
	background: #000;
	border: 1px solid #333;
}
.wp-block-table table {
	color: currentColor;
}
.wp-block-table thead {
	border-color: #333;
}
.modal .wp-block-table{
	background: white;
	color: #000;
}
.modal .wp-block-table table {
	color: #000;
}


/* == Media == */
.overflow-visible {
	overflow: visible;
}


/* == Forms == */
.form-control,
input[type="text"], 
input[type="password"], 
input[type="email"], 
input[type="url"], 
input[type="tel"], 
input[type="number"], 
input[type="date"], 
input[type="time"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="month"], 
textarea,
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="tel"]:focus, 
input[type="number"]:focus, 
input[type="date"]:focus, 
input[type="time"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="month"]:focus, 
textarea:focus, 
.form-control:focus {
	background: #000;
	border-color: #333 !important;
	color: white;
}


/* Theme Elements */
.bne-share {
	border-color: rgba(220, 220, 220, .8)
	color: #eee;
	margin: 0 4px;
}
.modal-content,
.modal-title {
	color: #000;
}

/* ===========================================================
 *	Menu
 * ======================================================== */


/* == Menu == */
.menu-wrapper {}
#access {}

/*
.menu-phone > a {
	background: var(--theme-secondary-color) !important;
	color: white !important;
	font-size: 1.2rem !important;
}
#header-wrapper .sticky-only {
	display: none;
}
*/

/* ===========================================================
 *	Header
 * ======================================================== */

#header-above a[href^='tel:'] { 
	color: inherit;
}

#header-wrapper .header-logo img {
	max-height: 85px;
}

.header-addon .bne-contact-bar {
	display: none;
}

.header-content > .row {
	align-items: center;
}

@media ( min-width: 768px ) {
	#access .access-content,
	#sticky-header .nav {
		display: flex;
		align-items: center;
	}
	#access .access-content .bne-contact-bar,
	#access .access-content .bne-contact-bar li,
	#sticky-header .nav .bne-contact-bar,
	#sticky-header .nav .bne-contact-bar li {
		margin-bottom: 0;
	}
	
	#header-wrapper {
		padding-top: 20px;
		padding-bottom:20px;
	}
	#header-wrapper .header-content {
		padding-bottom: 0;
	}
}

/* == Sticky Header == */
#sticky-header {
	background: #000;
}
#sticky-header #primary-menu > li > a {
	color: white;
}

#sticky-header #primary-menu > li > a:hover, 
#sticky-header #primary-menu > li.active > a, 
#sticky-header #primary-menu > li.sfHover > a {
	background: none;
	color: var(--theme-primary-color);	
}



/* == Mobile Nav btn ==*/
@media (max-width: 767px) {
	.btn-navbar.open-nav {
		background-color: var(--theme-primary-color);
	}
}



/* ===========================================================
 *	Main
 * ======================================================== */

/* Shipping bar */
.shipping-guarentee-handmade .wp-block-columns,
.shipping-guarentee-handmade .wp-block-column {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.shipping-guarentee-handmade p {
	margin-top: .5rem;
	margin-bottom: 0;
}


/* Feature Block */
@media( min-width: 768px ) {
	.feature-height {
		height: calc( 100vh - 240px );
	}
	.feature-height .bne-container-content {
		top: 50%;
		transform: translateY(-50%);
	}
}

/* ===========================================================
 *	Footer
 * ======================================================== */

.footer-widgets .menu {
	 list-style: none;
	 padding: 0;
}
.footer-widgets .menu li {
	 font-size: 1.1rem;
}

/* ===========================================================
 *	Blocks
 * ======================================================== */

/* == Block: Text Media == */
.wp-block-media-text:not(.alignfull) {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

@media (max-width: 600px) {
	/* Force Media side to always be first */
	.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media {
		grid-row: 1;
	}
	.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content {
		grid-row: 2;
	}
	.wp-block-media-text .wp-block-media-text__content {
		padding-top: 20px;
	}
}



/* ===========================================================
 *	Shortcodes
 * ======================================================== */



/* ===========================================================
 *	Plugins
 * ======================================================== */
 

/* == Gravity Forms == */
.gform_wrapper .email-subscribe {
	display: flex;
	justify-content: center;
}

.gform_wrapper .email-subscribe .gform_body,
.gform_wrapper .email-subscribe .gform_footer {
	width: auto;
}

.gform_wrapper .email-subscribe .gform_footer {
	padding: 0 !important;
}

.gform_wrapper .email-subscribe .validation_error {
	display: none;
}

.gform_wrapper .validation_message {
	color: var(--theme-primary-color) !important;
}

/* == WooCommerce == */

/* general */
.woocommerce-error, .woocommerce-info, .woocommerce-message {
	background: #000;
	color: white;
}

/* Products */
.woocommerce ul.products li.product {
	background: #000;
	border-color: #333;
}
.woocommerce ul.products li.product .price {
	color: #fff !important;
}

/* Single */
.woocommerce div.product p.price, .woocommerce div.product span.price {
	color: white !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	background: #000;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
	border-color: #333;
}

.single-product .related.products {
	clear: both;
	background: #111;
	padding: 30px;
	border-radius: 5px;
	box-shadow: inset 0px 0px 2px #666;
}

/* cart */
.woocommerce table.shop_table th {
	box-shadow: none;
	background: #000;
}

.cart_item .product-remove {
	background: none;
}

.cart_item .product-remove,
.woocommerce table.shop_table tr > td.product-name, 
.woocommerce table.shop_table tfoot > tr > th, 
.woocommerce #order_review tr > td.product-name, 
.woocommerce #order_review tfoot > tr > th {
	border-right: none;
}

.woocommerce-cart .cart-collaterals .cart_totals table {
	border-color: #333;
	background: #000;
}

#add_payment_method .cart-collaterals .cart_totals tr td, 
#add_payment_method .cart-collaterals .cart_totals tr th, 
.woocommerce-cart .cart-collaterals .cart_totals tr td, 
.woocommerce-cart .cart-collaterals .cart_totals tr th, 
.woocommerce-checkout .cart-collaterals .cart_totals tr td, 
.woocommerce-checkout .cart-collaterals .cart_totals tr th {
	background: none;
	border: none;
}

/* Checkout */
.woocommerce table.shop_table {
	background: #000;
	border-color: #333;
}
.woocommerce .select2-container--default .select2-selection--single {
	background: #000;
	border-color: #333;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #666;
	font-size: 16px;
	padding-left: 15px;
}

.select2-dropdown {
	background: #000;
	border-color: #333;
}

/* payment */
.woocommerce-checkout #payment {
	background: #000;
	border-color: #333;
}

#add_payment_method #payment div.payment_box, 
.woocommerce-cart #payment div.payment_box, 
.woocommerce-checkout #payment div.payment_box {
	color: white;
}

/* Woo Shortcodes */
.products mark.count { display: none; }
.woocommerce-loop-category__title { text-align: center; }


/* == WooCommerce - Product Addons == */
.pewc-product-extra-groups-wrap {
	margin: 20px 0 50px 0;
}
ul.pewc-product-extra-groups {
	padding-left: 0;	
}
ul.pewc-product-extra-groups:last-of-type,
ul.pewc-product-extra-groups li:last-of-type {
	margin-bottom: 0;
}
.pewc-group-wrap {
	background: #111;
	padding: 15px;
	border-radius: 5px;
	box-shadow: inset 0px 0px 2px #666;
	margin-bottom: 2rem;
}

.pewc-group-wrap h3 {
	font-size: 1.1rem;
}

.pewc-item-field-wrapper label.pewc-field-label {
	margin-right: 1rem;
}

.pewc-group-wrap-255 .pewc-group-heading-wrapper,
.pewc-group-wrap-582 .pewc-group-heading-wrapper,
.pewc-group-wrap-587 .pewc-group-heading-wrapper {
	display: none;
}
/*
.pewc-group-wrap + .pewc-group-wrap {
	margin-top: 20px;
}
.pewc-total-field-wrapper {
	display: none;
} */