/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */
/*******************************************
**VARIABLES*******************************
*******************************************/
@font-face {
    font-family: 'Dastin';
    src: url('https://myessencecandles.com/wp-content/themes/Divi-child/fonts/Dastin.woff') format('woff'),
         url('https://myessencecandles.com/wp-content/themes/Divi-child/fonts/Dastin.off') format('otf'),
		 url('https://myessencecandles.com/wp-content/themes/Divi-child/fonts/Dastin.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Mirelle Script';
    src: url('https://myessencecandles.com/wp-content/themes/Divi-child/fonts/MirelleScript.woff') format('woff'),
		 url('https://myessencecandles.com/wp-content/themes/Divi-child/fonts/MirelleScript.woff2') format('woff2'),
		 url('https://myessencecandles.com/wp-content/themes/Divi-child/fonts/MirelleScript.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
	--display-font:'Dastin',Helvetica,Arial,Lucida,sans-serif; /*Define la fuente del botón*/
	--script-font:'Mirelle Script',Helvetica,Arial,Lucida,sans-serif; /*Define la fuente del botón*/
}
h1{
    //font-family:var(--script-font)!important;
}

/***********************************************************************************
**GENERIC CLASSES*******************************************************************
***********************************************************************************/
sup{
	position:absulute;bottom:.75em;
	line-height:1em;
	font-size:calc(1em / 1.5);
}
/**Corrección páginas con padding?**/
@media only screen and (min-width: 1350px) {
  	.et-db #et-boc .et-l .et_pb_section_0_tb_header.et_pb_section{
     padding-top:0px!important;padding-bottom: 0;   
   	}
	.post-type-archive-product #main-content .container{
		padding-top: 1em !important;
	}
}

/***********************************************************************************
**PLUGINS***************************************************************************
***********************************************************************************/
/**COMPLIANZ**/
#cmplz-document{
	max-width: 100%!important;margin-bottom:60px;
}
/**CONTACT 7*/
.et_pb_contact_form_7 input,
.et_pb_contact_form_7 textarea{
    background-color:#f3f3f3!important;
    border-radius:6px!important;
    color:black!important;
}

/* Mejora el foco para navegación por teclado */
.et_pb_contact_form_7 input:focus, 
.et_pb_contact_form_7 textarea:focus {
    border-bottom: 2px solid var(--gcid-primary-color)!important; /* Color corporativo llamativo */
    background-color:var(--gcid-69xzeub2m4)!important;
}

/* Espaciado para que no se amontone el texto */
.wpcf7 .form-group{
    margin-bottom: 20px;
}
.wpcf7 .form-group p{
    margin:0;
    padding:0;
    line-height:.75em;
}
.wpcf7 .form-group label {
    display: block;
    font-weight: bold;
    margin-bottom: 0px;
}
.wpcf7 fieldset {
    border: none;
    padding: 0;
    margin: 20px 0;
}
.wpcf7 legend {
    font-weight: bold;
    margin-bottom: 10px;
}
/** Error**/
.wpcf7 .obligatorio{
    color:red;
}
.wpcf7 label:hover .obligatorio:after{
    content:'campo obligatorio';
    background-color:red;
    color:white;
    display:inline-block;
    font-size:.7em;
    padding:.3em .5em;
    border-radius:6px;
    position:absolute;margin-left:.5em;margin-top:-5px;
}
.wpcf7-not-valid:not(:focus){
    border-bottom:2px solid red!important;
}
.wpcf7-not-valid-tip{
    font-size:.8rem;
}
.wpcf7-submit.et_pb_button{
    border:2px solid black;
    background-color:black;
    color:white!important;
}  

/**Response**/
.wpcf7 form .wpcf7-response-output {
    color:black;
	margin: 2em 0 1em;
	padding: 0.5em 1em;
    border-width:0 0 0 4px;
    background-color:rgba(0, 160, 210,.25) /* Blue */
}
.wpcf7 form.sent .wpcf7-response-output {
	background-color:rgba(70, 180, 80,.25); /* Green */    
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	background-color:rgba(220, 50, 50,.25);/* Red */
}
.wpcf7 form.spam .wpcf7-response-output {
    background-color:rgba(245, 110, 40,.25);/* Orange */
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	background-color:rgba(255, 185, 0,.25);/* Yellow */
}

/**Google Captcha**/
.grecaptcha-badge { visibility: hidden;}

/**Fivo Ajax Search**/
#menu-principal .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp{
	background-color:rgba(246,236,227,0);
}
.dgwt-wcas-style-pirx.dgwt-wcas-search-filled .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input{
    background-color:white;
    border:1px solid #BD9F85;    
}
.dgwt-wcas-style-pirx.dgwt-wcas-search-filled .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input:focus,
.dgwt-wcas-style-pirx.dgwt-wcas-search-filled .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input:hover{
    border:1px solid black;    
}
.dgwt-wcas-suggestions-wrapp{
	border-radius:20px!important;  
    box-shadow: 0 10px 40px -20px #000;
    margin-top:20px;    
}


/***********************************************************************************
**HEADER****************************************************************************
***********************************************************************************/
/**TEXTO INFINITO****************************************/
/**TEXTO INFINITO****************************************/
.marquee-container {
	width: 100%;
	overflow: hidden;
	background: #000;
	padding: 5px 0;
	display: flex;
	white-space: nowrap;
	position: relative;
}

/* El bloque que contiene los textos y se mueve */
.marquee-content {
	display: flex;
	gap: 4rem; /* Espacio entre los bloques de texto */
	animation: scroll-infinito 15s linear infinite;
}

/* Estilo para cada elemento de texto individual */
.marquee-item {
    color:white;
    font-size:.8em;
}
@keyframes scroll-infinito {
	0% {
		transform: translateX(0%);
	}
	100% {
		transform: translateX(-50%); 
		/* Se mueve -50% porque duplicamos el contenido con JS */
	}
}

/* Opcional: Pausa el scroll cuando el usuario pasa el mouse por encima */
.marquee-container:hover .marquee-content {
	animation-play-state: paused;
}
/**TOP-BAR***********************************************/
.top-icono .items-en-carrito{
    background-color:#3C2618;
    border-radius:10px;
    color:white;
    font-size:10px;
    line-height:1em;
    padding:4px 6px;
    text-align:center;
    positon:absolute;
    margin-left:-16px;margin-top:-18px;
}
.top-icono .et_pb_code{
    padding:0;height:0;
    margin-right:-4px;
}

/**MENU-BAR***********************************************/
/*
#mobile_menu1{
    margin-top:5px;
	z-index:1000!important;
}
#main-content .entry-content .et_pb_section .et_flex_row{
    z-index:0!important;    
}
*/
/***********************************************************************************
**FOOTER****************************************************************************
***********************************************************************************/
/**FOOTER-BAR********************************************/
/**BOTTOM-BAR********************************************/
footer .et_pb_text a:hover{text-decoration:underline;}


/***********************************************************************************
**CONTENT***************************************************************************
***********************************************************************************/
/**HOME PAGE*********************************************/

/**OUR COMPANY*******************************************/

/**OUR SERVICES/*****************************************/

/**CONTACT***Y*******************************************/

/**SEARCH RESULTS***************************************/
body.archive.search-results .et_pb_blog_posts{
	--column-count:4;
}


/***********************************************************************************
**WOOCOMMERCE***********************************************************************
***********************************************************************************/
/**Woocommerce Products**/
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product{
  float: left;
  margin: 0 0 2.992em 0;
  margin-left: 0px;
  padding: 0;
  position: relative;
  width: 25%;
  margin-left: 0;
}

.woocommerce .products .product .woocommerce-LoopProduct-link .et_shop_image{
   //border-radius: 6% 0 6% 0;
   overflow: hidden;
	 max-width:98%;
	 margin:auto;margin-bottom:.5em;
}
.woocommerce .products .product .woocommerce-LoopProduct-link .et_shop_image img {
  transition: transform 0.3s ease;
	transform: scale(1.075);
}

.woocommerce .products .product:hover .woocommerce-LoopProduct-link .et_shop_image img {
    transform: scale(1.2);
    transition: transform 0.3s ease;
}
.woocommerce .products .product.woocommerce-LoopProduct-link .woocommerce-loop-product__title {
    transition: all 0.3s ease-in-out;
}
.woocommerce .products .product:hover .woocommerce-LoopProduct-link .woocommerce-loop-product__title {
    transform: scale(1.12);
}

/***************************************************************
WOOCOMMERCE PAGES**********************************************/
/**CARRITO DE COMPRA********************************/
.wp-block-woocommerce-empty-cart-block{
	padding-bottom:0;
}
.wp-block-woocommerce-empty-cart-block *{
	margin-bottom:0;
	padding-bottom:0;
}
.wp-block-woocommerce-empty-cart-block .wp-block-woocommerce-product-new{
	display:none;
}



/**FINALIZAR COMPRA********************************/
.wc-block-components-checkout-order-summary__content .wc-block-components-totals-wrapper .wc-block-components-product-name{
    font-size:1.1em;
}
#payment-method label.wc-block-components-radio-control__option{
    font-weight: bolder;
    text-transform: uppercase;
}
#payment-method label.wc-block-components-radio-control__option-checked{
    color:black;
}

/**Iconos medios de pagos **/
#div-redsys:before{
    content:'';
    display:block;
    background-image:url('https://myessencecandles.com/wp-content/uploads/2026/07/tarjetas-bizum-GPay-APay.png');
    background-size:contain;
    background-repeat: no-repeat;
    height:40px;max-width:400px;
    margin-bottom:1em;  
}

/**MY ACCOUNT PAGE********************************/


/***************************************************************
WOOCOMMERCE TEMPLATES******************************************/
/**WOOCOMMERCE PRODUCT*****************************************/
.et_pb_wc_cart_notice_0_tb_body.et_pb_wc_cart_notice> .et_pb_module_inner{margin-bottom:20px;}


/**Responsive Divi Theme Breakpoints & Media queries********************/
/**Responsive Divi Theme Breakpoints & Media queries********************/
/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {

}
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {

}
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
	body.archive.search-results .et_pb_blog_posts{
	--column-count:3!important;
	}

}
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
    #div-redsys:before{
        height:4vw;
        max-width:1300px;
    }
}
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
    .top-icono .et_pb_link{display:none;}
    #div-redsys:before{
        height:5vw;
        max-width:1300px;
    }
	body.archive.search-results .et_pb_blog_posts{
		--column-count:2!important;
	}
}
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
     #div-redsys:before{
        height:20px;
        max-width:1300px;
    }
	body.archive.search-results .et_pb_blog_posts{
		--column-count:1!important;
	}

}


