/* 
Theme Name: Coco et Piaf
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Coco et Piaf - Hello Elementor child Theme
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/*=======================*/
body{
	background:#fafafa;
}

html{
	font-size: calc(1 * 62.5%);
}
/* =====HEADER===== */

.free-class-banner{
background-color: #feb8c2;
text-align: center;
margin-bottom: 30px;
padding: 8px 15px;
}
.free-class-banner:hover{
box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);
}
.free-class-banner span{
	color:white;
	text-transform: uppercase;
	font-size: 1.7rem;
	font-weight: 300;
	font-family: "Assistant", sans-serif;
	letter-spacing: 0.1rem;
	border-bottom: solid 1px transparent;
}
.free-class-banner:hover span{
	border-bottom: solid 1px white;
}

.site-header{
  flex-direction: column;
  padding:0px 0 50px;
}

.site-header .site-navigation ul.menu li{
	font-family: var(--e-global-typography-primary-font-family);
}
.site-header .site-navigation ul.menu li a{
	margin: 12px;
    padding: 0px;
	border-bottom:solid 1px transparent;
	font-family: var(--e-global-typography-primary-font-family);
}
.site-header .site-navigation ul.menu li a:hover,
.site-header .site-navigation ul.menu li.current_page_item a{
	color:rgba(14,14,14,1);
	border-bottom:solid 1px rgb(14,14,14);
}




.site-header .header-inner.prueba-banner{
  justify-content: center;
  max-width:unset;
  background-color:#FEB8C2;
  color:white; 
  text-transform: uppercase;
  padding: 15px;
  margin-bottom: 15px;
}

.site-header .header-inner.prueba-banner a{
  color:white; 
}
.site-header .header-inner.prueba-banner a:hover{
  text-decoration: underline;
}

.wpmenucart-icon-shopping-cart-0:before {
	
	font-size: 20px;
}
li.wpmenucartli a.wpmenucart-contents span {
    display: inline-block !important;
	position: absolute;
    right: 2px;
    top: 1px;
	color:white;
    width: 20px;
    height: 20px;
	font-size:12px;
    overflow: hidden;
	border: solid 1px #feb8c2;
    padding: 0px 3px 3px 6px;
    border-radius: 50px;
    background: #feb8c2;
	display:flex;
}

.account-icon a{
	content: "";
    width: 24px;
    height: 24px;
    display: inline-block!important;
    line-height: 48px;
    background-image: url(https://cocoetpiaf.com.ar/wp-content/uploads/2024/09/user-solid.png)!important;
    background-repeat: no-repeat!important;
    background-size: auto 18px!important;
    background-position: center top!important;
    color: transparent !important;
	position: relative;
    top: 20px;
    left: 10px;
}

@media (min-width: 991px) {
	.account-icon a{
	 top: 0px;
    left: 0px;
	}
}



/* =====FOOTER===== */

/* container */
.three-columns {
    display:flex;
	width:100%;
	flex-direction:column;
}

/* columns */

.three-columns > * {
    width:100%;
	padding:0;
}

.site-footer{
	color:rgba(14,14,14, 0.75)!important;
	padding-top: 56px;
    padding-bottom: 48px;
	text-align:center;
	font-family: "Nunito Sans"!important;
	font-size: 1.6rem;
	letter-spacing: 0.06rem;
	line-height: 1.8;
}
.site-footer .site-branding{
	width:100%
}
.site-footer li.widget{
	list-style: none;
	overflow-wrap: break-word;
}
.site-footer .footer-inner .custom-logo-link {
    display: flex;
	justify-content: center;
	padding-bottom:15px;
}
footer h2{
	color:rgb(14,14,14)!important;
	font-size:2.3rem!important;
}

footer .site-navigation{
	    justify-content: center;
}

footer .site-navigation ul.menu {
    flex-direction: column;
}

footer .site-navigation ul.menu a{
	padding:5px 0;
}
footer .site-navigation ul.menu a:hover{
	color:rgb(14,14,14)!important;
	text-decoration:underline;
}

.icon-red svg{
	width:28px;
	height:28px;
	fill:rgba(14,14,14,0.90);
	padding:5px 5px 0 0;
}

.icon-red svg:hover{
	fill:rgba(14,14,14,1);
	transform:scale(1.1);
}


/* Creditos */
.footer-creditos a, .footer-intro a{
	color:rgb(14,14,14);
	padding:2px;
	border-radius: 5px;

}
.footer-creditos a:hover{
	color:white;
	background-color:#FEB8C2;
}



/* Media Queries */
@media (min-width: 768px) {
	.site-footer{
		text-align:left;
	}
	
footer .site-navigation{
	    justify-content: left;
}
	.three-columns  {
		flex-direction:row;
	}
	.three-columns > * {
    	width:calc(100% / 3);
		padding:0 40px 0 0px;
	}

	


	.site-footer .footer-inner .custom-logo-link {
	justify-content: left;
	}
}

@media (min-width: 768px) and (max-width:1200px) {
	.site-footer .footer-inner{
		max-width:100%!important;
		padding:0 15px!important;
	}
}

/* =====ELEMENTS===== */

.shadow-button-light a:hover{
	box-shadow: 5px 5px 10px 0px rgba(255, 255, 255, 0.5);
}

.shadow-button-dark a:hover, .eael-woo-cart .elementor-1405 .elementor-element.elementor-element-df279a8 .eael-woo-cart-wrapper .eael-cart-coupon-and-collaterals .cart-collaterals .button:hover{
	box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);
}
/* =====STRUCTURES===== */

.page-header{
display:none;
}



.e-con.e-flex>.e-con-inner, .e-con>.e-con-inner, .site-header .header-inner, .site-footer .footer-inner{
	max-width: 1200px!important;
	padding:0 15px;
}

@media (min-width: 768px) {
.e-con.e-flex>.e-con-inner, .e-con>.e-con-inner, .site-header .header-inner, .site-footer .footer-inner{
	padding:0 50px;
}
}

/* =====OVERLAPS BOXES=====*/
/*Home => 1fr 2fr*/
.home.boxes-overlaps{
	--e-con-grid-template-columns: 1fr!important;
}

.boxes-overlaps, .taller.boxes-overlaps, .quees.boxes-overlaps{
	--e-con-grid-template-columns: 1fr!important;
}

.boxes-overlaps .left{
	width:90%!important;
}

.boxes-overlaps .left .elementor-widget-text-editor div{
	margin-bottom: 0px;
}

.boxes-overlaps .right{
	width:100%!important;
}

.boxes-overlaps .left{
	margin-left:5%!important;
}
.boxes-overlaps .right{
	margin-left:0px!important;
	margin-top: -40px;
}

@media (min-width: 768px) {
	.home.boxes-overlaps{
		--e-con-grid-template-columns: 1fr 2fr!important;
	}
	.boxes-overlaps, .taller.boxes-overlaps, .quees.boxes-overlaps{
		--e-con-grid-template-columns: 1fr 1fr!important;
	}
	.boxes-overlaps .left{
		width: calc(100% + 20px)!important;
		margin-right: -20px!important;
		margin-left:0%!important;
	}
	.boxes-overlaps .right{
			width: calc(100% + 20px)!important;
			margin-left: -20px!important;
			margin-top: unset;
	}
	}


/* =====HOMEPAGE===== */

.linked-box img{
	transform: scale(1.06) translateX(0px) translateY(0px);
}
.linked-box:hover img{
	transform: scale(1.09) translateX(6px) translateY(6px);
}

.linked-box.piaf img{
	transform: scale(1) translateX(0px) translateY(0px);
}
.linked-box.piaf:hover img{
	transform: scale(1.03) translateX(6px) translateY(6px);
}
.linked-box h3{
	display:inline-block;
}

.linked-box h3::after{
	content:"→";
	display:inline-block;
	width:10px;
	height: 10px;
	position: relative;
	left:0;
	transition: all 150ms ease-in-out;
}
.linked-box:hover h3::after{
	left:10px;
}

/* Testimonials */

.testiminials-list-container .elementor-testimonial-wrapper .elementor-testimonial-meta .elementor-testimonial-image{
	display: none;
}

.elementor-testimonial-details{
	text-align: center!important;
}

@media (min-width: 768px) {
	.elementor-testimonial-details{
		text-align: start!important;
	}
}

/* Newsletter */

#newsletter-inner-container .news-input{
	transition: all 150ms ease-in-out;
	max-width: 250px!important;
	cursor: pointer;
}

@media (min-width: 768px) {
#newsletter-inner-container .news-input{
	max-width: 360px!important;
}
}

#newsletter-inner-container .news-input:hover{
	box-shadow: 5px 5px 10px 0px rgba(255, 255, 255, 0.5);
}

#newsletter-inner-container .news-submit{
	transition: all 150ms ease-in-out;
	position: absolute;
    top: 0px;
    right: 5px;
	
}

#newsletter-inner-container .news-submit:hover{
  right:0px;
}




/* =====COMO FUNCIONA===== */

#faq-ac .elementor-accordion-item{
	border-width: 1px 0 1px 0!important;
}   
#faq-ac .elementor-accordion-icon-left{
	font-size: 18px;
	margin-top:5px;S
}

#faq-ac .elementor-tab-title:hover{
background-color: #193187;
}
#faq-ac .elementor-tab-title:hover .elementor-accordion-title{
	text-decoration: underline;
	}

#contact-button-container .shadow-button-dark a{
	min-width: 220px;
}

.elementor-accordion .elementor-tab-content .wp-video{
	margin: 0 auto;
}
/* =====CONTACTENOS=====*/


.contact-form-container .elementor-widget-eael-contact-form-7,
.contact-form-container .eael-contact-form-7, 
.contact-form-container .contact-input,
.contact-form-container .contact-text-area, 
.eael-contact-form-7 .wpcf7-form p span.wpcf7-form-control-wrap,
.eael-contact-form-7 .wpcf7-form p{
	width:100%!important;
	display: inline-block!important;
}

.contact-form-container{
	padding: 0rem; 
}
@media (min-width: 768px) {
.contact-form-container{
	padding: 0 20rem; 
}
}
.eael-contact-form-7 .wpcf7-form p span.wpcf7-form-control-wrap{
	margin-bottom: 15px;
}

.contact-form-container .contact-input, 
.contact-form-container .contact-text-area{
	width:100%!important;
	margin-bottom:10px!important;
}

.eael-product-gallery.eael-product-preset-1 .product-image-wrap{
	background-color: white;
}
/* =====WOOCOMMERCE===== */

/* Shop y detail product */
body:not([class*=elementor-page-]) .site-main{
	max-width: 1200px!important;
	padding: 0 15px!important;
}

.woocommerce div.product div.images.woocommerce-product-gallery{
	padding: 0 50px 0 0;
}

.cp-product-taller, .cp-product-pack{
	min-height: 800px;
	transition: all 150ms ease-in-out;
}

@media (min-width: 550px) {
	.cp-product-taller, .cp-product-pack{
		min-height: 900px;
	}
}

@media (min-width: 650px) {
	.cp-product-taller, .cp-product-pack{
		min-height: 1050px;
	}
}

@media (min-width: 768px) {
	.cp-product-taller, .cp-product-pack{
		min-height: 515px;
	}
}

.cp-product-taller h1, 
.cp-product-taller .price
.cp-product-pack h1,
.cp-product-pack .price,
.woocommerce div.product .product_title{
	color: #0A0A0A!important;
}

.cp-product-taller h1,
.cp-product-pack h1{
	font-size: 3.5rem;
}

.cp-product-taller .price, 
.cp-product-pack .price,
.woocommerce div.product form.cart .variations label,
.woocommerce div.product form.cart div.quantity label{
	color: #0A0A0A!important;
	font-family: "Nunito Sans"!important;
	font-size: 18px!important;
	text-transform: uppercase;
	font-weight: 400!important;
}


.woocommerce-variation-price{
	margin-bottom:30px;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price{
	font-size: 14px!important;
	text-align: center!important;
	font-weight: 400!important;
	color:white!important;
	padding: 5px 15px;
	border: solid 1 px #FEB8C2;
	background-color: #FEB8C2;
}

.woocommerce div.product form.cart div.quantity{
width: 100%;
}


.woocommerce div.product form.cart div.quantity label{
	width: 155px;
}
.woocommerce .quantity .qty {
	width:39%!important;
}

.cp-product-taller .product_meta,
.cp-product-pack .product_meta{
	display: none;
}

.cp-product-taller table tbody>tr:nth-child(odd)>th, 
.cp-product-taller table tbody>tr:nth-child(odd)>td,
.cp-product-pack table tbody>tr:nth-child(odd)>th,
.cp-product-pack table tbody>tr:nth-child(odd)>td
 {
	background-color: transparent;
	padding-bottom: 0px;
}

.woocommerce div.product form.cart .variations th{
	display: inline-block;
	padding: 20px 0;
}


.woocommerce div.product form.cart div.quantity label{
    position: relative !important;
	height: auto;
    top: 0;
    clip-path: unset;

}

.woocommerce-variation-price{
	text-align: left;
}

.cp-product-taller .woocommerce div.product form.cart,
.woocommerce-product-details__short-description{

	border: solid 1px #0A0A0A;
	border-radius: 20px;
	padding: 15px;
	margin-top: 50px;
	font-family: "Nunito Sans"!important;
	color:#0A0A0A!important;
	font-size: 16px;
}

.woocommerce-product-details__short-description{

	h1, h2, h3, h4, h5, h6{
		font-family: "Assistant", sans-serif!important;
		font-weight: 600!important;
		color:#0A0A0A!important;
	}
    h1{
		font-size: 3.5rem;
	}
	h2, h3, h4, h5, h6{
		font-size: 2rem;
	}

}
.related.products h2,
.cp-product-taller .related.products .products,
.cp-product-pack .related.products .products{
	display: none!important;
}

.woocommerce div.product form.cart .button{
	background-color: #FEB8C2;
	border: solid 1px #FEB8C2;
	border-radius: 11px;
	width: 100%;
	color:white;
	padding: 12px 24px;
	font-size: 15px;
	text-transform: uppercase;
	margin: 15px 0;
	opacity: 1;
}

.woocommerce div.product form.cart .button:hover{
	background-color: transparent;
	color: #FEB8C2;
}

@media (min-width: 768px) {
	body:not([class*=elementor-page-]) .site-main{
		padding: 0 50px!important;
	}
	.cp-product-taller h1,
	.cp-product-pack h1{
		font-size: 5.2rem;
	}	
	}

/* Detail Pack */

.cp-product-pack .quantity{
	display: none!important;
}

/* Cart */

.eael-cart-coupon-and-collaterals{
	padding: 15px;
}

.eael-woo-cart .eael-woo-cart-wrapper.eael-woo-style-2 form.eael-woo-cart-form .eael-woo-cart-table .eael-woo-cart-tr .eael-woo-cart-tr-left,
.eael-woo-cart .eael-woo-cart-wrapper.eael-woo-style-2 .eael-cart-coupon-and-collaterals .eael-cart-coupon-wrapper{
	padding: 15px;
	padding-top:15px!important;
}

.eael-woo-cart .eael-woo-cart-wrapper.eael-woo-style-2 form.eael-woo-cart-form .eael-woo-cart-table .eael-woo-cart-tr .eael-woo-cart-tr-left>.product-name{
	font-weight: 500!important;
}

.eael-woo-checkout .woocommerce .woo-checkout-payment #payment .place-order #place_order{
	width: 100%;
}

.eael-woo-checkout .woocommerce .woo-checkout-payment #payment .place-order #place_order:hover{
	box-shadow: 5px 5px 10px 0px rgba(255, 255, 255, 0.5);
}

	
/* Pack & Modules*/

.pack-timeline .eael-timeline-post-image{
	background-position: center top!important;
}

.pack-timeline .eael-timeline-post-title .eael-timeline-post-title-text{
	font-size: 2rem!important;
	font-family: "Assistant", sans-serif!important;
	background-color: #FEB8C2;
	padding: 10px 25px!important;
}

.pack-timeline .eael-timeline-post time{
	display:none;
}
@media (max-width: 992px) {
.pack-timeline .eael-timeline-post-inner{
	padding-bottom:0px;
}
}



@media (max-width: 768px) {
.iframe-container{
	min-height: 400px;
}
}

@media (max-width: 650px) {
	.iframe-container{
		min-height: 300px;
	}
}

@media (max-width: 550px) {
	.iframe-container{
		min-height: 250px;
	}
}

@media (max-width: 450px) {
	.iframe-container{
		min-height: 200px;
	}
}

.zoom-cursor a{
	cursor: zoom-in;
}

.woocommerce-notices-wrapper{
	font-size: 1.5rem!important;
	font-family: "Assistant", sans-serif!important;
}


#customer_login h2, .woocommerce-order-details h2{
	color: #0A0A0A!important;
}



.video-acordeon {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
	}
.video-acordeon iframe, .video-acordeon object, .video-acordeon embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	}


/* Membership */

.woocommerce .wc-memberships-restriction-message{
	max-width: 1100px !important;
    padding: 50px 15px;
    text-transform: uppercase;
    font-size: 2.2rem;
    font-weight: 400;
    font-family: "Assistant", sans-serif;
    letter-spacing: 0.1rem;
    margin: 2rem auto !important;
    text-align: center;
	color: #0A0A0A;
    background:white;
	border-radius: 11px;
	border: solid 1px #FEB8C2;
	border-top-width: 3px;
	box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);
}

.woocommerce .wc-memberships-restriction-message::before{
	width: 100px;
    height: 100px;
    content: "";
    background-image: url(https://cocoetpiaf.com.ar/wp-content/uploads/2024/09/coco-notice.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
	display: block;
    position: relative;
    margin: 0 auto 25px auto;
	left: 0;
	top: 0;
}

@media (min-width: 768px) {
	.woocommerce  .wc-memberships-restriction-message{
	padding:50px;
}
}

.wc-memberships-products-grant-access{
	display: block;
	margin-top: 1.5rem;
}
.wc-memberships-products-grant-access a{
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.2rem;
	letter-spacing: 0.1rem;
	color: white;
	background-color: #FEB8C2;
	border: solid 1px #FEB8C2;
	border-radius: 11px;
	padding: 12px 24px;
	text-decoration: none;
}

.wc-memberships-products-grant-access a:hover{
	color:#FEB8C2 ;
	background-color: white;
	box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);
}


/* =====MY ACCOUNT===== */



.woocommerce form.register, 
.woocommerce form.login,
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content{
	border: solid 1px #FEB8C2;
	border-radius: 11px;
	background: white;
	margin-bottom: 15px;
	font-family: "Nunito Sans";
	font-size: 1.6rem;
	letter-spacing: 0.06rem;
}

.woocommerce form.register, 
.woocommerce form.login{
	text-transform: uppercase;
}

.woocommerce-privacy-policy-text,
.woocommerce form .form-row label.woocommerce-form-login__rememberme,
.woocommerce-LostPassword{
	font-size:1rem;
	text-transform: none;
}

.woocommerce-LostPassword a{
	color:#0A0A0A;
	text-decoration: underline;
	margin-left:10px;
	margin-top: 5px;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button{
	background-color: #FEB8C2;
    font-family: "Roboto", Sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    color: white;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #FEB8C2;
    border-radius: 11px;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover{
	box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);
	color: #FEB8C2;
	background-color: white;
}

.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea{
	font-size:1.6rem;
	font-family: "Nunito Sans";
	letter-spacing: 0.06rem;
}

/* Dashboard */

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content{
	padding:15px;
	margin-bottom: 15px;
}

.woocommerce-account .woocommerce-MyAccount-content a{
	color: #FEB8C2;
}
.woocommerce-account .woocommerce-MyAccount-content a:hover{
	text-decoration: underline;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul{
	list-style: none;
    padding-left: 10px;
    text-transform: uppercase;
    font-size: 1.6rem;
    letter-spacing: 0.06rem;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li{
	margin-bottom: 8px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a{
	color: #0A0A0A;
	background-color: transparent;
	padding: 3px 5px;
} 

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a[aria-current]:not([aria-current="false"]),
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
	color: white;
	background-color: #FEB8C2;
}