/*
Theme Name: BasalBasics Astra
Author: 
Description: Your description goes here
Version: 1.0
Template: astra

This is the child theme for Astra theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

.elementor-location-header .elementor-widget-image a img[src$=".svg"] {
  width: 140px;
}
@media screen and (max-width: 767px) {
	.elementor-location-header .elementor-widget-image a img[src$=".svg"] {
		width: 110px;
	}
	.client-menu .elementor-widget-wrap {
		flex-wrap: nowrap;
	}
	.client-cart .elementor-menu-cart__toggle .elementor-button {
		padding: 0 4px;
	}
}
#header-gradient:before {
	content: ' ';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, hsla(36, 41%, 34%, 0.8) 0%, hsla(42, 70%, 70%, 0.8) 40%, hsla(43, 92%, 90%, 0.8) 75%, rgb(254, 253, 233, 0.8) 80%, rgb(153, 121, 64, 0.8) 100%);
	backdrop-filter: blur(3px);	
}
.header-gradient {
	background: linear-gradient(90deg, hsla(36, 41%, 34%, 0.8) 0%, hsla(42, 70%, 70%, 0.8) 40%, hsla(43, 92%, 90%, 0.8) 75%, rgb(254, 253, 233, 0.8) 80%, rgb(153, 121, 64, 0.8) 100%);
	width: 100%;
	backdrop-filter: blur(3px);
}

#header-gradient .elementor-nav-menu--dropdown {
	padding: 1.5rem 0;
}

.elementor-23291 .elementor-element.elementor-element-c2e9060:not(.elementor-motion-effects-element-type-background) {
/* 	aspect-ratio: 24 / 12; */
	background-attachment: scroll;
	-webkit-background-size: cover;
	background-color: #edd39a;
}

.intro-cta > div {
	mix-blend-mode: luminosity;
}
.intro-headings span {
	font-weight: 200;
}
.intro-over-bb .elementor-widget:not(:last-child) {
	margin-block-end: 0;
}
.bb-list-centered .elementor-widget-container {
/* 	display: flex;
	justify-content: center; */
}

@media screen and (min-width: 1024px) and (max-width:1499px) {
	.intro-cta {
	width: calc(50% - 10 * ((100vw - 1024px) / 476)) !important;
	}
	.intro-cta h2 {
	font-size: calc(36px + 14 * ((100vw - 1024px) / 476)) !important;
	}
	.intro-cta h3 {
	font-size: calc(16px + 6 * ((100vw - 1024px) / 476)) !important;
	}
	.elementor-23291 .elementor-element.elementor-element-c2e9060:not(.elementor-motion-effects-element-type-background) {
/* 		background-position-x: calc( 105% - 5 * ((100vw - 1024px) / 476)) !important; */
	}
	.intro-cta .elementor-button {
		font-size: calc(12px + 4 * ((100vw - 1024px) / 476)) !important;
	}
}
@media screen and (min-width: 1500px) {
	.intro-cta {
		width: 40%;
	}
	.intro-cta h2 {
    font-size: 50px;
	}
	.intro-cta h3 {
		font-size: 22px;
	}
	.elementor-23291 .elementor-element.elementor-element-c2e9060:not(.elementor-motion-effects-element-type-background) {
/* 		background-position: 100% center ; */
	}
	.intro-cta .elementor-button {
		font-size: 16px;
	}
}
@media screen and (max-width: 1240px) {
/* 	.elementor-23291 .elementor-element.elementor-element-c2e9060:not(.elementor-motion-effects-element-type-background) {
		background-size: contain !important;
	} */
}
/* @media screen and (max-width: 767px) {
  .elementor-section.elementor-reverse-mobile .elementor-container .elementor-element:first-child {
    order: 10;
  }
 .elementor-section.elementor-reverse-mobile .elementor-container .elementor-element:nth-child(2) {
    order: 9;
  }	
} */
@media (min-width: 320px) {
  .header-gradient.elementor-section .elementor-container {
    flex-wrap: nowrap !important;
  }
}
.bb-list-centered ul {
	text-align: center
}
.all-supplements h2 a {
	text-decoration: none !important;
}
.all-supplements h2 a:hover {
	color: #372914 !important;
	text-decoration: underline !important;
}

.elementor-menu-cart__main {
	z-index: 20;
}

@media (max-width: 767px){
	.single-product-page .elementor-column-gap-wider .has_ma_el_bg_slider.elementor-column > .elementor-element-populated {
	  padding: 0 1rem;
		margin-right: 0;
	}
	.single-product-page .elementor-column-gap-wider .has_ma_el_bg_slider.bb-add-to-cart .elementor-column > .elementor-element-populated {
	  padding: 0;
		margin-right: 0;
	}
}
.product-toggle .elementor-tab-title:hover {
	background: #f4e1b3 !important;
}
.reset_variations {
	display: inline-block;
	margin-left: .5rem;
}
.ingredients-tabs .eael-tabs-content h3 {
	color: #93764A;
	margin: -8px 0 0;
}
.fundam-ingr-werking h3:before {
	font-family: iconic-font !important;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 1;
	text-rendering: auto;
	content: '\e023';
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	position: relative;
	top: 2px;
	padding-right: 1.75rem;
}
.fundam-ingr-werking .elementor-column > .elementor-element-populated {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
@media (max-width: 767px) {
	.fundam-ingr-werking .elementor-column > .elementor-element-populated {
		padding: 0 1rem !important;
	}	
}
.use-in-steps h3 {
	margin-bottom: .25rem;
}
.use-in-steps .elementor-icon-box-content {
	position: relative;
	top: 5px;
}
.faq p {
	margin-bottom: 0;
}
.elementor-tab-title .elementor-accordion-icon {
	font-size: 1.5rem;
}

.ast-single-post .entry-content .elementor-posts--thumbnail-top .elementor-heading-title a {
	text-decoration: none;
}
.ast-single-post .entry-content .elementor-posts--thumbnail-top .elementor-heading-title a:hover {
	text-decoration: underline;
}
.elementor-location-footer #form-field-email {
	padding: .63em;
}
.elementor-element.padding-issue .elementor-widget-container {
	padding: 0 !important;
}

/* overrides shop pages ------------- */
.woocommerce a.button,
.woocommerce .woocommerce-message a.button,
.woocommerce button.button {
	border-radius: 0 !important;
	color: #fce195 !important;
	background: #372914 !important;
}
.woocommerce a.button:hover,
.woocommerce .woocommerce-message a.button:hover,
.woocommerce button.button:hover {
	color: #fff !important;	
}
html .woocommerce-message, 
html .woocommerce-info {
	border-top: 3px solid #372914;
}
html .elementor-19973 .elementor-element.elementor-element-95f78f0 > .elementor-element-populated {
	border-radius: 0;
}
.wcml-cart-dialog-buttons button {
	color: #fff !important;
}
.wcml-cart-dialog-buttons button:hover {
	color: #fce195 !important;
}

@media (max-width: 767px) {
	 .ta-form-btn .elementor-field-group button,
	.ta-form-btn .elementor-field-group button:hover {
		margin-left: 0 !important;
	}
}

/* customizations for positioning notification banner -------------------------- */
@media (min-width: 1024px) {
	.simple-banner {
		position: absolute;
		rotate: -30deg;
		top: 120px;
		left: -35%;		
	}	
}
@media (max-width: 1600px) {
	.elementor-23285 .elementor-element.elementor-element-f5bddfd.elementor-column > .elementor-widget-wrap {
  		justify-content: flex-end !important;
	}	
}
@media (max-width: 1380px) {
	.simple-banner .simple-banner-text {
		font-size: 16px !important;
	}
	.elementor-column.elementor-col-66.elementor-element-f5bddfd {
		width: 72.666%;
	}
	.elementor-column.elementor-col-16.client-menu .elementor-widget-wrap {
		padding: 10px 0;
	}
	.elementor-column.elementor-col-16.client-menu {
		width: 10.666%
	}
}
@media (min-width:1024px) and (max-width: 1380px) {
	.simple-banner .simple-banner-text span {
		display: inline-block;
		position: relative;
		left: 20px;
	}	
}
@media (max-width: 1200px) {
	.elementor-23285 .elementor-element.elementor-element-7631ed9 .elementor-nav-menu--main .elementor-item {
		padding: 12px 6px !important; 
	}
	.elementor-23285 .elementor-element.elementor-element-0e1a191 > .elementor-widget-container {
		padding: 12px 0 !important;
	}
}
@media (min-width: 1024px) and (max-width: 1600px) {
	.simple-banner .simple-banner-text span {
		left: calc(50px - 50 * (100vw - 1024px) / 576 )
	}
}
 @media (max-width: 1024px) {
	.simple-banner {
		top: 100px;
	}
	 #header-gradient .elementor-nav-menu--dropdown {
		 margin-top: 75px!important;
	 }
}
@media (max-width: 768px) {
	.simple-banner {
		top: 80px;
	}
	 #header-gradient .elementor-nav-menu--dropdown {
		 margin-top: 65px!important;
	 }
}
@media (max-width: 480px) {
	.simple-banner .simple-banner-text {
		font-size: 14px !important;
	}
}
@media (max-width: 400px) {
	.simple-banner .simple-banner-text {
		font-size: 13px !important;
	}
}

.vlogs-page .ast-oembed-container {
	padding-top: 177.777%;
}

#subtitle {
	display: block;
	font-size: 70%;
	color: #333;
	position: relative;
	top: 30px;
}

/*
@media (max-width: 768px) {
	body .simple-banner {
		top: 100px !important;
		left: -30% !important;			
	}
	body .simple-banner .simple-banner-text {
		font-size: 14px !important;
	}	
} */