/*
Theme Name: Primal Herb theme New Child
Template: primalherb
Author: Abdus Salam
Author URI: http://www.iamabdus.com/
Version: 1.0.1593575038
Updated: 2020-06-30 22:43:58

*/

@import url("../primalherb/style.css");
@import url("../primalherb/css/responsive.css");

/*UI*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #ccc;
    background: #f6f6f6 url(../images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #1c94c4;
    border-radius: 4px;
}
 

.ui-widget-header {
    border: 1px solid #e78f08;
    background: #f6a828 url(../images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
    color: #fff;
    font-weight: bold;
}

/*Quantity Wrap*/

@media screen and (max-width: 1024px){
	.single_variation_quantity_wrap input{
		font-size: 26px !important;
	}
}

/*Tabs Section*/
@media only screen and (min-width: 720px) and (max-width: 2048px){
	.woocommerce div.product .woocommerce-tabs ul.tabs li a{
		font-size: 1em !important;
	}
}

/*Hamburger*/
@media screen and (max-width: 1020px){

.single_variation_quantity_wrap input{
		font-size: 20px !important;
	}
	#top_email_signup input[type="email"] {
   		float: right !important;
	}

.hamburger2 {
	    opacity: 1 !important;
	    z-index: 9999999999999 !important;
	}
	.single-product .content{
		margin-top: auto !important;
	}
}
/*Variation Button*/ 
@media only screen and (min-width: 768px){
	.variations_button{top: 30px !important;}
}

/*Cart button settings*/
@media only screen and (min-width: 768px) and (max-width: 1020px){
	.single_variation_quantity_wrap .quantity{
		margin-top: 52px !important;
	}
	.variations_button{top: 38px !important;}
}
/*Add to cart  Section*/
@media only screen and (max-width: 361px){
	.woocommerce-variation.single_variation{
		padding-top: 25px !important;
	}
	 .price .woocommerce-Price-amount.amount {
    	font-size: 16px !important;
	}
}

/*Email Setup*/
@media only screen and (max-width: 359px){
	#top_email_signups input[type="email"]{
		width: 124px !important;
	}
}
/* Product page ratings: centered over image; black stars; no numeric text leak
   Woo needs position:relative on .star-rating so ::before empty track + span fill stack (not static). */
.single-product .woocommerce-product-gallery .reviewsholder,
.single-product .reviewsholder {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	width: 100% !important;
	clear: both !important;
	float: none !important;
	margin: 0 auto 8px auto !important;
	gap: 6px !important;
	position: relative !important;
}
.single-product .reviewsholder .star-rating {
	/* relative (not static) — empty ::before is absolute and must stay inside this box */
	position: relative !important;
	float: none !important;
	display: block !important;
	margin: 0 auto !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	overflow: hidden !important;
	width: 5.1em !important;
	height: 1em !important;
	line-height: 1 !important;
	font-size: 20px !important;
}
.single-product .reviewsholder .star-rating::before {
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	right: auto !important;
	float: none !important;
	letter-spacing: normal !important;
	color: #c6c6c6 !important;
}
.single-product .reviewsholder .star-rating span {
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	float: none !important;
	overflow: hidden !important;
	text-indent: -9999px !important;
	padding-top: 1.5em !important;
	display: block !important;
}
.single-product .reviewsholder .star-rating span::before {
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	right: auto !important;
	text-indent: 0 !important;
	letter-spacing: normal !important;
	color: #000 !important;
}
.single-product .reviewsholder .star-rating span strong {
	display: none !important;
}
.single-product .reviewsholder a.clicks {
	display: block !important;
	text-align: center !important;
	float: none !important;
	clear: both !important;
	margin: 0 auto !important;
	width: auto !important;
	position: static !important;
}

@media only screen and (max-width: 767px) {
	.single-product .reviewsholder {
		gap: 8px !important;
		margin-bottom: 12px !important;
	}
	.single-product .reviewsholder .star-rating {
		font-size: 20px !important;
		width: 5.1em !important;
		height: 1em !important;
		position: relative !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}


/*Email Setup*/


@media only screen and (min-width:380px) and (max-width: 400px){
	#top_email_signup input[type="email"] {
	margin-left:120px !important;
	}
	
	}

@media only screen and (min-width:480px) and (max-width: 767px){
		
		#top_email_signup {
			width: 100% !important;
		}
		#top_email_signups input[type="email"] {
			width: 46% !important;
		}
		#email_signup, #top_email_signup{
			margin: 0 95px 0 0 !important;
		}
		.variations{
			width:150px !important;
			}
		
		}
		/*Product detail Page */
	@media only  screen and (min-width:480px) and (max-width: 768px){
		.woocommerce-variation.single_variation {
			padding-top: 36px!important;
		}
		
	}
/*Double Shopping cart*/
@media only screen and (min-width:769px) and (max-width:1020px){
	.btn_search.fa.fa-search {
		top: 10px !important;
	}
	.cart_summery:first-child {
		display: none !important;
	}
	.woocommerce-variation.single_variation .woocommerce-variation-price {
		margin-top: 30px !important;
	}
	/* .single_variation {
		padding: 38px 14px 8px 14px !important;
	} */
	.signup_area #top_email_signups {
		float: right !important;
	}
}
@media only  screen and (min-width:768px) and (max-width: 768px){
	#email_signup, #top_email_signup {
		float: inherit !important;
	}
}
/*Price section*/
@media only screen and (max-width: 361px){
	.woocommerce-variation.single_variation{
		padding-top: 25px !important;
	}
	 .price .woocommerce-Price-amount.amount {
    	font-size: 16px !important;
	}
}
@media only screen and (min-width:768px) and (max-width: 1024px){
	.single_variation_quantity_wrap .quantity {
    margin-top: 52px !important;
    margin-left: 20px !important;
}

}
@media screen and (max-width: 1024px) {
.mobile_nav {margin-top:0px !important; }}

/*Product Section CSS*/

.m-info a.info span {
	background: none !important;
	color: #fff;
	}

	.m-info a.cart span {
	background:none !important;
	color: #fff;
	cursor: pointer;
	font-family: 'Oswald', sans-serif;
	text-align: center;

	/*padding-top: 10px;*/
	font-size: 16px ;
	}

	.m-info.clearfix {
	background-color: #E96A0D !important;
	text-align: center !important;
	}

	.variable-price {
    background: #000;
}

   .m-info a.cart span{
	width:100% !important;
      }
	a.button.ajax_add_to_cart_variable{
		all: inherit !important;
		width: -webkit-fill-available;
	}

	

.m-info.clearfix:hover {
    background-color: #FFFFFF !important;
}

.m-info a.cart span:hover {
    color: #000 !important;
    font-family: 'Oswald', sans-serif !important;
}
.woocommerce a.button:hover{
	border: 1px solid #000 !important;
}

/*bundle product section*/
		.m-info-bundle-section {
		bottom: inherit !important;
		}
		.type-product .article-image {
		height: 230px !important;
		}
		.m-info-bundle-section {
		position: relative !important;
		cursor: pointer ;
		}
	@media only screen and (min-width: 1024px){
         .m-info a.cart span {
    padding-top: 10px !important;
}

}
@media only screen and (max-width: 769px){
	/*	.m-info.clearfix:hover {
			border: 1px solid #000 !important;
		}
*/		
.woocommerce a.button:hover {
	border: none !important;
}

.bundle_variation_wrap > .total-servings{
    width: 100% !important;
}

.button.added:after{
	    margin-left: 68px !important;
}
	}

	@media only screen and (max-width: 1020px){
.m-info {
    padding: 5px 0px !important;
}
}

/*product detail page section styling*/
.single_variation_wrap {
   background: #fff !important;
    border: 1px solid #000 !important;
}
.woocommerce-variation.single_variation {
    background-color: #fff !important;
}

button.single_add_to_cart_button.alt.fl-btn {
    width: 100%;  
    display: block !important;
    height: 50px !important;
    background: #FA7B1F ;
    border: 0;
    color: #fff !important;
    font-size: 22px !important;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
}

button.single_add_to_cart_button.alt.fl-btn:hover {
	background: #fff !important;
	font-family: 'Oswald', sans-serif;
	border: 1px solid #000 !important;
	color: #000 !important;

}
@media only screen and (min-width: 769px){
button.bundle_add_to_cart_button.alt.bndl-btn {
	 width: 94% !important;
	}
}

button.bundle_add_to_cart_button.alt.bndl-btn {
    display: block !important;
    height: 50px !important;
    background: #FA7B1F !important;
    border: 0;
    color: #fff !important;
    font-size: 22px !important;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    text-indent: unset !important;
    width: 94% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 15px !important;
}

button.bundle_add_to_cart_button.alt.bndl-btn:hover {
	background: #fff !important;
	border: 1px solid #000 !important;
	font-family: 'Oswald', sans-serif;
	color: #000 !important;
}
.bundle_variation_wrap{
	background: #fff !important;
	border: 1px solid #000 !important;
}
.single_variation_wrap .single-product .backorder-title-info {

	padding: 0px !important;
}

.bundle_variation_wrap__quantity-section {

	padding: 1rem 0.5rem !important;
}
.bundle_variation_wrap{
	    padding-bottom: 20px !important;
	    padding-top: 9px !important;
}

.variations_button{

	background: none;
}

.light-gray-box{
	background-color: transparent !important;
}

@media only screen and (max-width: 769px){

	.woocommerce-variation-add-to-cart.variations_button.instck.woocommerce-variation-add-to-cart-enabled{
		background-color: unset !important;
	}
	.price_title {
    width: 100% !important;
}
button.bundle_add_to_cart_button.alt.bndl-btn {
    padding: 0rem !important;
     width: 100% !important;
}
.stickyprice {
    min-height: 50px !important;
   
}

}

@media only screen and (max-width: 479px){
	.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled.stickyprice
	{
		top: 33px!important;
	}
.woocommerce div.product form.cart button.single_add_to_cart_button{
max-width: 100% !important;
margin-top: 10px !important;
margin-bottom: 10px !important;
}

}
@media only screen and (min-width:480px) and  (max-width: 769px){
.woocommerce div.product form.cart button.single_add_to_cart_button{
	max-width: 100% !important;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
}

@media only screen and (min-width: 769px){
	.variations_button {
    width: 94% !important;
}

.bundle_variation_wrap > .total-servings{
    width: 94% !important;
    margin-left: auto !important;
    margin-right: auto !important;

}

.p-banner {
    margin-top: 17px;
}

}
@media only screen and (min-width: 768px){
.price_title {
width: 94% !important;
}
/*.m-info-bundle-section a.cart span{
height:35px;
}*/
.m-info-bundle-section .button.added:after{
	margin-top: -30px;
}
.m-info-bundle-section a.button.ajax_add_to_cart_variable.loading:after{
	margin-top: -27px !important;
	font-size: 16px;
}
}

.single_variation_wrap {
    padding-bottom: 15px !important;
}
.variations_button {
    margin-left: auto !important;
    margin-right: auto !important;
}
.woocommerce div.product span.price{
color: #000 !important;

}

span.product-sales-price {
    color: #000 !important;
}
span.product-regular-price {
    color: #000 !important;
}
.woocommerce div.product span.price del {
	opacity: 1 !important;
}

@media only screen and (min-width:768px) and (max-width:1024px){
.single_variation_quantity_wrap .quantity{
margin-top: 46px !important;
}
a.ajax_add_to_cart_variable.button.add_to_cart_button.product_type_bundle.cart.add-to-cart-link-store-bundle{
	all:initial !important;
}

}

.m-info.clearfix:hover{
border:1px solid #000  !important;
border-top: 0px !important;
}

@media only screen and (min-width:769px) and (max-width:1024px){
.woocommerce a.button:hover{
border:none !important;
}

}
@media only screen and (min-width: 601px) and (max-width: 769px){
a.button.ajax_add_to_cart_variable.loading:after{
	margin-top: -25px!important;
    margin-left: 80px!important;
	}
}

@media only screen and (min-width: 769px) and (max-width: 1024px){
	a.button.ajax_add_to_cart_variable.loading:after{
		margin-left: 90px!important;

	}
	.button.added:after{
		margin-left: 90px !important;
	}
}

.m-info.clearfix:hover a.cart span {
    color: #000;
}

.m-info.clearfix:hover a.cart {
    border: none !important;
}

@media only screen and (max-width: 1020px){
	.m-info-bundle-section a.cart span{
		margin:3px 0 !important;
	}
.m-info-bundle-section{
position: absolute !important;
    top: 100%!important;
}
}

/* .page-id-9  .strains {
    margin-bottom: 20px !important;
} */

.m-info.clearfix {
    overflow: hidden !important;
    border-bottom: 1px solid #E96A0D !important;
}
/*.woocommerce .products .type-product:nth-child(){
	padding-bottom: 1px;
}*/
/* YouTube core oEmbed — Embed Plus-like: max 800px, centered, responsive, tight spacing */
.video_section {
	max-width: 800px;
	width: 100%;
	margin: 8px auto 12px;
	position: relative;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	line-height: 0;
}
.woocommerce-tabs #tab-description > .video_section:first-child {
	margin-top: 4px;
}
.woocommerce-tabs #tab-description .video_section + h1,
.woocommerce-tabs #tab-description .video_section + h2 {
	margin-top: 12px;
}
/* Neutralize theme full-bleed + fitVids double-height inside product tabs */
.woocommerce-tabs #tab-description .video_section .fluid-width-video-wrapper,
.main-content .video_section .fluid-width-video-wrapper,
.video_section .fluid-width-video-wrapper {
	position: absolute !important;
	inset: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	max-width: none !important;
	height: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}
.video_section iframe,
.video_section .fluid-width-video-wrapper iframe,
.woocommerce-tabs #tab-description .video_section iframe,
.main-content .video_section iframe {
	position: absolute !important;
	inset: 0 !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	aspect-ratio: unset !important;
	border: 0;
}

/* Blog archive pagination — restore horizontal style after WP-PageNavi → paginate_links (2026-09-09) */
.ph-pagination {
	clear: both;
	margin-top: 10px;
	margin-bottom: 20px;
	overflow: hidden;
}
.ph-pagination ul.page-numbers {
	list-style: none;
	margin: 0;
	padding: 5px 10px;
	display: inline-block;
	float: left;
	background: #F0F0F0;
	border: 1px solid #BCBCBC;
	border-radius: 4px;
}
.ph-pagination ul.page-numbers li {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
.ph-pagination ul.page-numbers a.page-numbers,
.ph-pagination ul.page-numbers span.page-numbers {
	color: #777777;
	font-size: 14px;
	padding: 0 5px;
	text-decoration: none;
	font-family: 'Oswald', sans-serif;
	display: inline-block;
	line-height: 1.6;
}
.ph-pagination ul.page-numbers a.page-numbers:hover {
	color: #252525;
}
.ph-pagination ul.page-numbers span.page-numbers.current {
	color: #252525;
	font-weight: bold;
}

/* PH SP CTA nowrap + 3-box offer align desktop 2026-09-10 (regression fix) */
@media (min-width: 768px) {
	.single-wffn_landing .elementor-button .elementor-button-content-wrapper {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
		white-space: nowrap;
	}
	.single-wffn_landing .elementor-button .elementor-button-text { white-space: nowrap; }
	.single-wffn_landing .elementor-button .elementor-button-icon { flex-shrink: 0; }
	/* Offer-row CTAs (center + tablet-justify): fill card; keep label+arrow one line */
	.single-wffn_landing .elementor-widget-button.elementor-align-center.elementor-tablet-align-justify .elementor-button {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		font-size: 22px;
		padding-left: 8px;
		padding-right: 8px;
	}
	.single-wffn_landing .elementor-widget-button.elementor-align-center.elementor-tablet-align-justify .elementor-button .elementor-button-content-wrapper {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
		white-space: nowrap;
		width: 100%;
	}
	.single-wffn_landing .elementor-widget-button.elementor-align-center.elementor-tablet-align-justify .elementor-button .elementor-button-text {
		white-space: nowrap;
	}
}

/* PH PDP buy-box Fix A 2026-09-10 */
/* Reveal gallery immediately — Woo FOUC hides img + .reviewsholder until Flexslider */
.single-product .woocommerce-product-gallery {
	opacity: 1 !important;
}

/* PH PDP buy-box Fix A2 2026-09-10 */
/* Fix A 2.5em (40px) was too small and more-specific than parent 65px — empty slot ~46px (padding only),
   filled Single Pack price_html ~91px (padT+price+padB) → ATC Y-shift ~45px desktop / ~30px mobile.
   Reserve full filled height so ATC top is stable from first paint through variation init.
   Sale strikethrough pack measured same ~91px; availability not injected into slot on these PDPs. */
.single-product .woocommerce-variation.single_variation {
	min-height: 91px;
}
/* aspect-ratio on .woocommerce-product-gallery__image SKIPPED: Customizer max-height:353px on .wp-post-image conflicts with intrinsic 500/744; risk of extra empty space or thumb layout shift. Defer to Fix C / Sean GO. */

/* ==========================================================================
   2026-09-16 — Blog content images: safe mobile edge-to-edge (no clip)
   Context: parent @media max-width:768px uses 100vw + ±50vw on
   .post-template-blogpostwithoutsidebar-php img.aligncenter; Customizer /
   inline also sets .main-content img.aligncenter to the same. Combined with
   .main-con { overflow:hidden; padding:15px 20px 0 } (responsive ≤1020px)
   that clips the right edge. Desktop: keep contained. Mobile: break out by
   container padding only (NOT 100vw) so images stay inside overflow:hidden.
   Scoped to blog .main-content only — does NOT touch PDP/hero/#tab-description.
   ========================================================================== */
.single-post .main-content img,
.post-template-blogpostwithoutsidebar-php .main-content img {
	max-width: 100%;
	height: auto;
	box-sizing: border-box;
}
/* Desktop / default: neutralize parent+inline 100vw full-bleed */
.post-template-blogpostwithoutsidebar-php .main-content img.aligncenter,
.single-post .main-content img.aligncenter {
	left: auto !important;
	right: auto !important;
	margin-left: auto !important;
	margin-right: auto !important;
	width: auto !important;
	max-width: 100% !important;
	position: static;
	display: block;
}
/* Mobile: true edge-to-edge vs .main-con 20px side padding, no viewport overflow */
@media screen and (max-width: 768px) {
	.post-template-blogpostwithoutsidebar-php .main-content img.aligncenter,
	.single-post .main-content img.aligncenter {
		left: auto !important;
		right: auto !important;
		position: relative;
		display: block;
		width: calc(100% + 40px) !important;
		max-width: calc(100% + 40px) !important;
		margin-left: -20px !important;
		margin-right: -20px !important;
		height: auto;
		box-sizing: border-box;
	}
}

/* Header navigation: center the top-level menu on desktop (2026-10-03, after "Videos & Articles" was removed).
   The parent theme pins it 70px from the right (style.css .head-nav ul). Below 1020px this bar is hidden and the
   mobile menu is used instead, so this only affects desktop. Sub-menus stay anchored to the menu as before. */
.head-nav > nav > .menu-header > ul.menu,
.head-nav > nav > ul.menu {
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: max-content;
	white-space: nowrap;
	padding-left: 0;
	padding-right: 0;
}
.head-nav > nav > .menu-header > ul.menu ul.sub-menu,
.head-nav > nav > ul.menu ul.sub-menu {
	white-space: normal;
}