/*
	Theme Name: North Child Theme
	Theme URI: https://themeforest.net/item/north-responsive-woocommerce-theme/9117256
	Description: <strong>A Premium theme for magazine, editor, community and more! WordPress Theme by <a href="http://www.themeforest.net/user/fuelthemes">fuelthemes</a></strong> – Update notifications available on Twitter and Themeforest <a href="http://twitter.com/anteksiler">Follow us on twitter</a> – <a href="http://themeforest.net/user/fuelthemes">Follow us on Themeforest</a>
	Version: 1.0.0
	Author: fuelthemes
	Author URI: http://themeforest.net/user/fuelthemes
	Template: north-wp
	Text Domain: north
	License: Themeforest Split Licence
	License URI: -
*/



/* COWOWO */



/* FONTS */


@font-face {
  font-family: CenturyGothic;
  src: url(https://yamaaoi.com/wp-content/themes/north-wp-child/fonts/CenturyGothic/CenturyGothic.ttf);
  font-weight: normal;
  font-style: normal;  	
}

@font-face {
  font-family: CenturyGothic;
  src: url(https://yamaaoi.com/wp-content/themes/north-wp-child/fonts/CenturyGothic/CenturyGothicItalic.ttf);
  font-weight: normal;
  font-style: italic;  	
}

@font-face {
  font-family: CenturyGothic;
  src: url(https://yamaaoi.com/wp-content/themes/north-wp-child/fonts/CenturyGothic/CenturyGothicBold.ttf);
  font-weight: bold;
  font-style: normal;  	
}

@font-face {
  font-family: CenturyGothic;
  src: url(https://yamaaoi.com/wp-content/themes/north-wp-child/fonts/CenturyGothic/CenturyGothicBoldItalic.ttf);
  font-weight: bold;
  font-style: italic;  	
}



/*  */
body {
font-family:'CenturyGothic';
}




.header { /* Directamente, sin esperar aal .fixed del headroom */
    background-color: #97ca33 !important;
}
	.header svg {
		fill: #ffffff !important; /* firts 2 icons */
		stroke: #ffffff !important; /* last icon */
	}



.subheader {
		z-index: 0;
} 


.subheader.light {
    border-bottom: unset;
}



.subheader .medium-6 {
	width: 100% !important;
	flex: 0 0 100% !important;
    max-width: 100% !important;
}



.subheader-leftside {
	display: none;
}
.subheader-rightside {
	text-align: center !important;
}



nav#nav {
	/* */text-transform: uppercase; 
}

/*
ul.sub-menu {
	background: #006633;
}
*/
.thb-full-menu .sub-menu {
	background: #006633 !important;
	
	/* border: 3px solid green; */
	
	
}




/* SINGLE PRODUCT PAGE - TABS - layout */

.woocommerce ul.wc-tabs {
    /* width: 20%; */
	width: unset;
    /* float: left; */
	float: none;
    overflow: hidden;
}
.woocommerce ul.wc-tabs li {
    float: left;
}



/* SINGLE PRODUCT PAGE - TABS - style */

.woocommerce ul.wc-tabs {
background-color: unset;
border-right: unset;
	display: flex;
    justify-content: center;
    gap: 48px;
margin-bottom: 24px;	
}
.woocommerce ul.wc-tabs li {

}

.woocommerce ul.wc-tabs li a::before { /* HIDE WRENCH ICON */
display: none;
}


.woocommerce ul.wc-tabs li.active a {
    background-color: unset;
}

.woocommerce ul.wc-tabs li a {
    border-bottom: unset;
	padding: 4px 10px;	
}




/* single product page - main specs */

.thb-product-detail.thb-product-style3 .entry-summary {
    text-align: left !important;
    /* padding: 5% 10%; */
}

.thb-product-detail .product-information h1.product_title {
    font-weight: bold;
}

.related h2 {
    font-weight: bold;
	text-transform: uppercase;
	color: #006633; /* c-yamaaoi-green */
}

.products .product {
    text-align: left !important;
}

.products .product h3 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
	color: #006633; /* c-yamaaoi-green */
}
.products .product h3 a {
	color: #006633; /* c-yamaaoi-green */
}


.products .product .price {
    font-weight: bold;
    font-size: 12px;
	color: #006633 !important; /* c-yamaaoi-green */
}
.products .product .amount {
	color: #006633; /* c-yamaaoi-green */
}

.products .product.thb-listing-button-style1 .button {
    /* display: none; */
}
.products .product.thb-listing-button-style1 .button {
	border: 1px solid #006633; /* c-yamaaoi-green */
	color: #006633; /* c-yamaaoi-green */
}
.products .product.thb-listing-button-style1 .button:hover {
    background: #006633; /* c-yamaaoi-green */
}





/* DETAILS & SUMMARY, IN TABS */


table.woocommerce-product-attributes.shop_attributes {display: none;}


details {
	/* margin-bottom: 24px;	*/
}
	details:nth-of-type(2n+1) summary {
		background-color: #f6f6f6;
	}
	summary {
		/* background-color: #f6f6f6; */
		padding: 8px 24px 8px 8px;
		color: #006633; /* c-yamaaoi-green */
		
		display: flex;
    	justify-content: space-between;
	}
		summary::after {
			content: '+';
			/* background-color: #f6f6f6; */
			color: #006633; /* c-yamaaoi-green */
		}

		summary:nth-of-type(2n) {
			/* background-color: #f6f6f6; */
		}
details p {
	padding-top: 12px;
	padding-left: 24px;
	padding-bottom: 24px;	
}






/* HME PAGE 4 CAJITAS DE CATEGORIES */


.products .product.product-category.product-category-style3 .thb-category-link {
    padding-bottom: 68%;
}



.products .product.product-category.product-category-style3 .thb-category-link h2 {
    position: absolute;
    /* bottom: 0; */
    left: 0;
    width: 100%;
    display: flex;
    height: 60px;
    justify-content: center;
    text-align: center;
    align-items: center;
    line-height: 1;
    /* border-top: 1px solid rgba(255,255,255,0.3); */
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
	
	
	color: white;
	font-size: 22px;
	font-weight: 700; 
	border-top: unset;
	
	bottom: unset;
	/* top: 0; */
	top: 10%;
}



/* MAIN FRAME, FOR LEGAL PAGE TEMPLAET */

.cww_frame {
	max-width: 1240px;
	margin: 0 auto;
	
	padding-top: 124px;
	padding-bottom: 124px;
}





/* contact fomr - make full width etc ... */

form label {
	width: 100% !important;
	margin-bottom: 0px !important;
}

form p {
	margin-bottom: 0px !important;
}

/*
form label input,
form label textarea {width: 100% !important;}
*/

form input,
form textarea {width: 100% !important;}




/* BADGE FOR OUT OF STOCK AND SALE */
span.badge.onsale {
	background-color: #006633; /* c-yamaaoi-green */
	}	

span.badge.out-of-stock {
	/* background-color: #006633; */ /* c-yamaaoi-green */
}




div.quantity .plus, 
div.quantity .minus {
    border: none !important;
}




/*woocommerce order finished margin*/
.woocommerce-order {
	max-width: 1024px;
    margin: 100px auto;
}




/* Woocommerce - Checkout - links debajo del checkout page title */

.thb-checkout-coupon a.showcoupon {font-weight: bold;}
	.thb-checkout-coupon a.showcoupon:hover {text-decoration: underline;}

.thb-checkout-login a.showlogin {font-weight: bold;}
	.thb-checkout-login a.showlogin:hover {text-decoration: underline;}



/* Woocommerce - Checkout - alinear checkboxes & radio buttons a la izquierda, etc */


.form-row.form-row-wide.mailchimp-newsletter {
	margin-top: 24px;
	text-align: left;
} 
    
form input[type=checkbox], 
form input[type=radio] {
	width: auto !important;
}
form label {
	/* width: auto !important; */ /* DEMASIADO GENERAL, AFACETA A LSO OTROS LABELS DEL FOMR TB */
}
form label[for=payment_method_myredsys],
form label[for=payment_method_stripe],
form label[for=mailchimp_woocommerce_newsletter] {
	width: auto !important;
}



label[for=shipping_method_0_nacex_27] {
	display: inline;	
}



/* Texto: "Sus datos personales se utilizarán para procesar su pedido..." */
.wc_payment_methods+.place-order, .woocommerce-PaymentMethods+.place-order {
    /* text-align: right; */
	text-align: left;
	
	margin-bottom: 24px;
}

p.form-row.validate-required {
	margin-top: 24px;
    margin-bottom: 24px !important;		
}


/* Social icons footer - size and color */
.footer-social-icons a {
	font-size: 30px !important;
	color: #fff !important;
}



/* PAGE: TIENDA - esconder el banner con la featured image + "Tienda" */

body.post-type-archive .thb-shop-title {display:none;} 

.post-type-archive-product .shop-header-style2 /* , .tax-product_tag .shop-header-style2 */ {
    background-image: unset !important;
}

.post-type-archive-product .shop-header-style2 {
    /* margin-bottom: unset; */
}




/* HEADER */

.admin-bar .header:not(.fixed) {
    /* top: 46px; */
    top: unset; /* DO THIS, WHEN THE ORIGINAL SUBHEADER IS COMMENTED AWAY FMR THE TEMPLATE */
}

.cww_wrapper_header {
	position: relative; /* POR EL ABSOLUTE POSITIONING VERTICAL DEL LOGO */
} 



/* now must move the vertical padding of the header, to inside, in my new wrapper "cww_wrapper_header" */
.header {
    /* padding: 15px 0; */
	padding: 0px 0;
}
	@media only screen and (min-width: 1068px) { 
		.header {
			/* padding: 25px 0; */
			padding: 0px 0;
		}
	}

.cww_wrapper_header {
	padding: 15px 0;
} 
	@media only screen and (min-width: 1068px) { 
		.cww_wrapper_header {
			padding: 25px 0;
		}
	}



/* 2021-12-15 - NEW, HEADER STYLE 5 REQUIRES THIS ACTION: */
@media only screen and (min-width: 1068px) { 
.header.style5 {
    /* padding: 40px 0 20px; */
	padding-block: 0px;
}
} /* MEDIA-QUERY */

/* SCROL BEHAVIOUR */
@media only screen and (min-width: 1068px) { 
.header.style5.fixed {
    /* padding: 20px 0 5px; */
	padding-block: 0px;
}
} /* MEDIA-QUERY */





/* Amagar el numero de resultats */

.woocommerce-result-count{
    display:none !important;
}

/* Amagar el sku dels productes */

.sku_wrapper {
	display:none !important;
}



/* INSTAGRAM EMBED */


.cww_wrapper_instagram_feed {
	border-top: 2px solid #006633; /* c-yamaaoi-green */
	border-bottom: 2px solid #006633; /* c-yamaaoi-green */
	padding-top: 48px;
	padding-bottom: 12px;
	margin-bottom: 120px;
	width: 96% !important;
}







/*
 * COWOWO - 2021-11-18 
 * GOAL - OPEN THE FIRST SUMMARY/DETAILS IN THE ADDITINAL INFORMATION TAB OF THE WC SINGLE PRODUCT CASE IN PAGE TEMPLATE.
 */

/*
 * 1 - try to target via css, simple, class or not, jus sth  
 * 
 */

#tab-additional_information details { /* OK */
	/* border: 1px solid #ccc; */
}

#tab-additional_information details:first-of-type { /* TEST */
    /* border: 1px solid #ccc; */
}

#tab-additional_information details.hello { /* TEST */
	border: 1px solid #ccc;
}





/*
 * COWOWO - 2021-12-15 
 * 3 CSS INTERVENTIONS
 */

/* 1 - list_menu_menys_margin.png */
.thb-full-menu .sub-menu {
    /* padding: 40px 0; */
	padding: 16px 0;
	/* min-width: calc(100% + 80px); */
	min-width: auto;
}
.thb-full-menu .sub-menu li {
    /* padding: 0 40px; */
	padding: 0 16px;
}


/* 2 - mobile_header.png */
@media only screen and (max-width: 1067px) {
.header.style5 .style5-logo-holder .logo-holder {
    padding-block: 16px;
}
} /* MEDIA-QUERY */  

/* 3 - ISSUE WITH SUBHEADER ONLY BEING DEFINED FOR HEADER STYLE 1, BUT WE'RE NOW USING HEADER STLE 5 */



/* HEADER WHEN SCROLL ISSEU */

header.style5 {
    margin-top: 0px !important; /* DIDNT WORK */
}

/* catregpory banner tuitle */
.page-padding.cf.shop-header-style2 {
	background-image: none !important;
	background-color: #38B567; 
}
h1.thb-shop-title {
	/* margin: 0.4em 0; */
	
	
	color: white;
    font-size: 2em;
    text-transform: uppercase;
    font-weight: bold;
} 

.shop-header-style2 .thb-shop-title {
    /* margin: 10vh 0 12vh; */
	margin: 0.4em 0;
}


.page-padding {
	padding-top: 100px;
}

@media only screen and (min-width: 736px) { 
.page-padding {
    /* padding-top: 95px; */
	/* padding-top: 186px; */ /* TEST STH ELSE */
	padding-top: 122px;
}
} /* MEDIA QUERY */	 



@media only screen and (min-width: 1068px) { 
.page-padding {
    /* padding-top: 95px; */
	padding-top: 186px;
}
} /* MEDIA QUERY */	 


.shop-header-style2 {
    /* margin-bottom: 10vh; */
	margin-bottom: 4vh;
}



/* Amaga selector multilingue */
/*
.thb-full-menu.thb-language-switcher { 
	display: none;
}*/

/*@media only screen and (min-width: 736px) { 
.thb-full-menu.thb-language-switcher { /* ul */
    /* display: inline-flex; */
/*	display: none;
}
} /* MEDIA QUERY */	





/*
 * COWOWO - 2022-01-25 
 * FOOTER - menu issues, flex, joan habia hecho algo en app.css pero no lo encuentro. Sigo aquí.
 */



/* navegació widget en linea enlloc de columna */

/*
.widget {
    margin-bottom: 10px;
}
*/


.widget ul {
    display: flex !important;
    gap: 24px;
    flex-wrap: wrap;
}

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

	.widget ul {
		flex-direction: column;
	}

} /* MEDIA-QUERY */





.widget#nav_menu-6 {margin-bottom: 24px;}

.widget#nav_menu-5 {/* margin-bottom: 0px; */margin-bottom: 24px;}
.widget#nav_menu-9 {/* margin-bottom: 0px; */margin-bottom: 24px;}
.widget#custom_html-5 {margin-bottom: 0px;}

.widget#custom_html-5 ul {
	gap: unset;
}

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

.widget#custom_html-5 ul {
	flex-direction: row; /* */
}
		
} /* MEDIA-QUERY */





ul#menu-footer-top {
	/* border: 3px solid black; */
} 

ul#menu-footer-top li {margin-bottom: 0px;	} 



@media only screen and (max-width: 680px) { 
	
	/*
	 .widget ul {
		flex-direction: column;
	}
	*/
	.widget ul#menu-footer-top {
		flex-direction: row; /* TO GO AGAINST THE ORIGINAL STYLE */
	}	
	
	
	.widget#nav_menu-6 {margin-bottom: 48px;}
	
	
} /* MEDIA-QUERY */




@media only screen and (max-width: 380px) { 
	
	/*
	 .widget ul {
		flex-direction: column;
	}
	*/
	.widget ul#menu-footer-top {
		flex-direction: column;
	}	
	
	.widget#nav_menu-6 {margin-bottom: 48px;}
	
	
} /* MEDIA-QUERY */







ul#menu-footer-bottom {
	/* border: 3px solid black; */	
} 

ul#menu-footer-bottom li {
	margin-bottom: 0px;	
} 



@media only screen and (max-width: 680px) { 
	
	/*
	.widget ul li {
		display: block;
		margin: 0 0 20px;
		line-height: 1;
	}
	*/
	.widget ul#menu-footer-top li {
		margin-bottom: 0px !important; /* TO GO AGAINST THE ORIGINAL STYLE */
		/* border: 3px solid black; */
	}	
	
} /* MEDIA-QUERY */





/*
 * COWOWO - 2022-04-05 
 * LANGUAGE SWITCHER
 */
.thb-full-menu.thb-language-switcher .menu-item-has-children .sub-menu {
    right: auto !important;
}

.thb-full-menu.thb-language-switcher {
    /* display: none; */
	/* */ display: block !important; 
}




@media only screen and (max-width: 600px) { 
	
.thb-full-menu.thb-language-switcher {
	/* */ display: none !important; 
	
}
	
} /* MEDIA-QUERY */





.grecaptcha-badge {
	display: none !important;
}




.footer.style2 {
    /* padding: 60px 0; */
	padding: 24px 0;
}

.footer.style2 {
    /* border 3px solid red; */
	
	
}


.footer.style2 .row {
    /* border 3px solid red; */
	/* 
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	*/
	
}



.cww_footer_social {
	float: right;
}




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

.cww_footer_social {
	float: unset;
}
	
} /* MEDIA-QUERY */




/*
 * COWOWO - 2022-06-28 
 * hightlight anchors in recepie list, for nternal promotion !!
 */

article.style1-detail .post-content ul li a {
	/* color: green; */
	color: #006633; /* c-yamaaoi-green */
	text-decoration: underline;
}
	article.style1-detail .post-content ul li a:hover {
		text-decoration: none;
	}

/*
 * COWOWO - 2022-06-28 
 * ADD GREEN BANNER HEADER H1 FOR RECIPES PAGE(S), TRASNALTIONS
 */

.cww_header_green {
	
	margin-bottom: 48px !important;
	    /* margin-bottom: 4vh; */
}


.cww_header_green h1 {
	text-transform: uppercase;
	text-align: center;
	color: white;
	font-weight: bold;
	
	
	/* padding-block: 24px; */
	padding-block: 0.4em; 
	background-color: #38B567; /* */ 
	
	margin-top: -12px;
	
	/*
	font-size: 42px;
	font-size: 2em;
	*/
	font-size: 32px;
}
.cww_header_green h1::before {

	background-color: #38B567; /* */ 
	/* border: 2px solid green; */
	content: '';
	width: 100%;
	
    position: absolute;
    /* inset: 0; */
    left: 0;
    /* height: 100%; */
    height: 69px;
    top: 188px;
    z-index: -1;	
	
}

.cww_dummy_header { /* just add html block, and asisgn the class to a single div -  to the 3 recipe pages, to start with ... */
	height: 150px;
}

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

.cww_dummy_header {
	height: 95px;
}
	
.cww_header_green h1::before {
	content: '';
    top: 132px;	
}
	
} /* MEDIA-QUERY */


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

.cww_dummy_header {
	height: 49px;
}
	
.cww_header_green h1::before {
	content: '';
    top: 86px;	
}
		
} /* MEDIA-QUERY */




/*
 * COWOWO - 2022-06-28 
 * make squra eimg for recipes list add class for the 3 containers ...
 */
.cww_header_green + .row.posts-shortcode article.has-post-thumbnail figure.post-gallery a img { 
	aspect-ratio: 1/1;
    object-fit: cover;
}





/*
 * COWOWO - 2022-06-29 
 * inuot for the billing id field in the checkout form
 */
/* p#billing_billing_id_field, */
p#billing_nie_field {
	margin-top: 24px; 
}