/*
Theme Name: Drip Center
Theme URI: https://dripcentermadrid.com
Author: CAMPOSEMANTICO, S.L.
Author URI: https://camposemantico.es
Description: Tema personalizado para Drip Center realizado por CAMPOSEMANTICO, S.L.
Version: 2022.1
Requires at least: 5.0
Tested up to: 5.9
Requires PHP: 7.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2022 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

/*
azul:#50BED9;
verde:#19E2BE;
amarillo:#ffc400;

video-original: https://player.vimeo.com/video/688121708?h=eb4b0e425d&dnt=1&app_id=122963
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');

html,body{margin:0rem;padding:0rem;overflow-x:hidden;font-family:'Poppins',sans-serif;-webkit-font-smoothing:antialiased;font-size:14px;color:#222;}

.elementor-heading-title strong{
    display:initial !important;
    background-image: linear-gradient(180deg, #f4dc9b 0, #e7c985 25%, #d8b46c 50%, #c99f54 75%, #bd8d40 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important; 
    -moz-background-clip: text !important;
    -moz-text-fill-color: transparent !important;
}
h1.elementor-heading-title,
h2.elementor-heading-title{text-transform:uppercase;font-weight:500;letter-spacing:-.05rem;}
h2.elementor-heading-title:after{
    display:block;
    content:'';
    position:relative;
    background-image:linear-gradient(90deg, #f4dc9b 0, #e7c985 25%, #d8b46c 50%, #c99f54 75%, #bd8d40 100%);
    width:80px;
    height:2px;
    margin:1rem auto;
}
.elementor-widget-text-editor p{padding:.25rem 0rem;margin:0rem;}
.elementor-button{
    padding:.75rem 1.5rem !important;
    font-size:1.2rem !important;
    text-transform:uppercase !important;
    font-weight:500 !important;
    background-image:linear-gradient(180deg, #f4dc9b 0, #e7c985 25%, #d8b46c 50%, #c99f54 75%, #bd8d40 100%) !important;
    text-decoration:none !important;
    border-radius:0rem !important;
    border:1px solid !important;
    border-image-slice: 1 !important;
    border-image-source:linear-gradient(180deg, #f4dc9b 0, #e7c985 25%, #d8b46c 50%, #c99f54 75%, #bd8d40 100%) !important;
    letter-spacing:-.015rem;
    transition:all .3s ease-in-out;
}
.elementor-button:hover{background:#222 !important;}
.elementor-button:hover span{
    background-image:linear-gradient(180deg, #f4dc9b 0, #e7c985 25%, #d8b46c 50%, #c99f54 75%, #bd8d40 100%);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}
h1,.h1,h1.elementor-heading-title,.entry-title{text-transform:uppercase;font-weight:600;margin:2rem 0rem 0rem 0rem;font-size:2.7rem;}
.elementor-accordion-title{text-decoration:none !important;}

.elementor-element.elementor-element-180a490 > .elementor-background-overlay{background-image:url('img/pattern.png');background-repeat:repeat;} 
.elementor-2 .elementor-element.elementor-element-3be90e0:not(.elementor-motion-effects-element-type-background){background:#000;}
.elementor-lightbox-image{box-shadow:none !important;}

#wrapper a{color:#000;text-decoration:underline;} 
#wrapper .inner{max-width:1440px;margin:auto;padding:1rem;}

#header{position:sticky;width:100%;z-index:999;background:rgba(255,255,255,1);border-bottom:1px solid #d8b46c;}
.home #header{position:fixed;border-bottom:none;background:rgba(255,255,255,1);transition:all .3s ease-out;}
#header:hover,
.home #header.sticky{background:rgba(255,255,255,1) !important;border-bottom:1px solid #d8b46c;}

#header .mega-menu-link{font-weight:500 !important;}
#header .mega-menu-description{color:#444;margin-top:-.25rem;}
#header .mega-sub-menu{padding:.5rem !important;}
#header .mega-sub-menu .mega-menu-link{text-shadow:none;}

#breadcrumbs{font-size:.9rem;margin:1rem 0rem 1rem 0rem;}
#breadcrumbs a{text-decoration:none;}

.product_list_widget li{text-align:center !important;padding:1rem !important;}
.product_list_widget li a{text-decoration:none !important;}
.product_list_widget li img{width:100% !important;height:auto !important;float:none !important;transition:all .3s ease-out;}
.product_list_widget li:hover img{transform:scale(1.05);}
.product_list_widget li .product-title{font-size:1.2rem;text-transform:uppercase;font-weight:600;line-height:normal;}
.product_list_widget li .product-short-description{text-transform:uppercase;font-weight:500;font-size:.8rem;line-height:.9rem;color:#444;padding-bottom:.75rem;}
.product_list_widget li .price{display:none !important;text-align:center;margin:auto;}
.product_list_widget li .amount{font-size:1.25rem;color:#222;font-weight:500;}
.product_list_widget li .woocommerce-placeholder{border:none !important;padding:3rem !important;}

.drips .product_list_widget .booster-drips,
.booster-drips .product_list_widget .drips{display:none !important;}

/* HOME */
.gallery .gallery-item{width:100% !important;}
.gallery .gallery-item .gallery-icon{position:relative;padding:0rem;width:100%;padding-top:75%;overflow:hidden;}
.gallery .gallery-item .gallery-icon a img{border:none !important;position:absolute;top:0rem;left:0;object-fit:cover;object-position:center center;width:100%;height:100%;transition:all .3s ease-out;}
.gallery .gallery-item:hover .gallery-icon a img{transform:scale(1.05);}

/* LISTADO DE PRODUCTOS */
.products .product{text-align:center;}
.products .product a{text-decoration:none !important;}
.products .product .h3{text-transform:uppercase;font-weight:600;font-size:1.05rem !important;line-height:normal;margin:0rem;padding:0rem !important;}
.products .product .descripcion-corta{padding-bottom:.75rem;}
.products .product .descripcion-corta p{margin:0rem;text-transform:uppercase;font-size:.85rem;line-height:1rem;height:2rem;font-weight:500;color:#444;}
.products .product img{padding:1rem;margin:0rem !important;transition:all .3s ease-out;}
.products .product .woocommerce-placeholder{border:none !important;padding:3rem !important;}
.products .product:hover img{transform:scale(1.05);}
.products .product .price{display:none !important;color:#222 !important;font-size:1.7rem !important;}
.products .product .price span{font-size:1.7rem !important;color:#222 !important;font-weight:500 !important;margin:0rem !important;}
.products .product .elementor-button,
.products .product .button{margin:0rem !important;font-size:1.075rem !important;}
.woocommerce-Price-currencySymbol{font-size:.75em !important;}

/* FICHA DE PRODUCTO */
.single-product #container .inner{padding:1rem 1rem 2rem 1rem;}
.single-product .type-product{padding:1rem 0rem;margin:0rem;}
.single-product h2{text-transform:uppercase;margin:0rem;}
.single-product h4{margin:0rem;padding:.5rem 0rem .25rem 0rem;text-transform:uppercase;}
.single-product .elementor-button{margin:.5rem 0rem 1rem 0rem;}
.single-product .price{display:none !important;font-size:2rem !important;color:#222 !important;font-weight:500 !important;}
.single-product ul{margin:0rem;padding:.25rem 0rem 0rem 1.5rem;}
.single-product p{margin:0rem;padding:.25rem 0rem;}

.single-product .woocommerce-product-gallery__wrapper{margin-top:2rem !important;}
.single-product .woocommerce-product-gallery__image--placeholder{border:none !important;padding:2rem !important;}
.single-product .summary{height:fit-content !important;position:sticky;top:100px;padding:0rem 1rem;}
.single-product .woocommerce-product-details__short-description{text-transform:uppercase;font-weight:500;}
.single-product .info{border:1px solid #333;padding:0rem;margin:0rem;margin-bottom:.5rem;transition:all .6s ease-in-out;}
.single-product .info h3{padding:.5rem .75rem;text-transform:uppercase;font-size:1rem;margin:0rem;font-weight:500;cursor:pointer;}
.single-product .info h3 i{float:right;font-family:'Font Awesome 5 Free';font-weight:600;font-style:normal;margin-top:.3rem;}
.single-product .info .info-hidden{display:none;margin-top:.25rem;font-size:.95rem;padding:0rem .75rem 1rem .75rem;}
.single-product .info.show .info-hidden{display:block;}
.single-product .info.show h3{font-weight:600;}

.single-product .bloque-info{padding:2rem 1rem;}
.single-product .info .ayuda{display:inline-block;}
.single-product .info .ayuda a{background:#f4dc9b;padding:0rem .25rem;cursor:pointer;}
.single-product .info .ayuda .hidden{position:absolute;z-index:9999;background:rgba(0,0,0,.9);color:#f4dc9b;padding:1.5rem;width:90%;height:fit-content;left:0;right:0;margin:auto;font-size:.85rem;display:none;}
.single-product .info .ayuda:hover .hidden{display:block;}
.single-product .info .ayuda .hidden a{color:#f4dc9b !important;background:none;padding:0rem;}

.single-product .upsells h2,
.single-product .related h2{text-align:center;padding:2rem 0rem 1rem 0rem;}

/* GLOSARIO DE NUTRIENTES */
.page-template-glosario header{width:100%;}
.page-template-glosario h1{text-align:center;}
.page-template-glosario .entry-content{padding:2rem 0rem;}
.page-template-glosario .h2{font-size:2rem;font-weight:600; 
    border-bottom:2px solid !important;
    border-image-slice: 1 !important;
    border-image-source:linear-gradient(180deg, #f4dc9b 0, #e7c985 25%, #d8b46c 50%, #c99f54 75%, #bd8d40 100%) !important;
    background-image:linear-gradient(180deg, #f4dc9b 0, #e7c985 25%, #d8b46c 50%, #c99f54 75%, #bd8d40 100%);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    text-transform:uppercase;padding-top:2rem;margin-bottom:1rem;}
.glosario .h4{text-transform:uppercase;font-weight:500;font-size:1rem;cursor:pointer;}
.glosario .hidden{display:none;font-size:.9rem;padding:0rem .5rem;transition:all .6s ease-in-out;}
.glosario:hover .h4{font-weight:600;}
.glosario .hidden.show{display:block;}


/* BLOG */
.blog #container .inner{padding:2rem 1rem;}
.blog .entry-summary a{text-decoration:none !important;}
.blog .entry-summary .image{position:relative;width:100%;padding-top:56.6%;overflow:hidden;margin-bottom:1rem;}
.blog .entry-summary .image img{position:absolute;top:0rem;object-fit:cover;object-position:center center;width:100%;height:100%;transition:all .3s ease-out;}
.blog .entry-summary h3{margin:0rem;font-size:1.2rem;}
.blog .entry-summary p{margin:0rem;font-size:.85rem;line-height:normal;}
.blog .entry-summary:hover .image img{transform:scale(1.05);}

/* FORMULARIO DE CONTACTO */
.wpcf7-form,
.wpcf7-form span{font-family:'Poppins',sans-serif !important;}
.wpcf7-form p{width:100%;margin:0rem;padding:.25rem 0rem .25rem 0rem;margin:0rem;text-align:left;font-size:.95rem;}
.wpcf7-form .form-group{padding:0rem .5rem 1rem .5rem;font-family:"Poppins", sans-serif;}
.wpcf7-form .form-group label{display:block;width:100%;color:#333;text-transform:uppercase;font-size:.9rem;font-weight:600;line-height:normal;margin-bottom:.15rem;}
.wpcf7-form .form-group p{padding:0rem;margin:0rem;}
.wpcf7-form .form-group .text-small{font-size:.85rem !important;line-height:normal;padding:.25rem 0rem .5rem 0rem;font-style:italic;}
.wpcf7-form .wpcf7-form-control,
.wpcf7-form .form-control{font-size:1rem;width:100%;padding:.5rem .75rem;border:1px solid #bd8d40;outline:none;font-family:"Poppins", sans-serif;}
.wpcf7-form .wpcf7-form-control::placeholder{color:#e7c985;font-family:"Poppins", sans-serif;font-weight:400;}
.wpcf7-form p br,
.wpcf7-form .form-group br{display:none !important;height:0rem;}
.wpcf7-form .form-group p,
.wpcf7-form .form-group .wpcf7-radio{width:100%;margin:0rem 0rem .25rem 0rem;padding:0rem;font-size:.8rem;color:#777;}
.wpcf7-form .wpcf7-list-item{display:block;width:100%;font-size:.95rem;color:#9a9a9a;text-transform:none;letter-spacing:normal;margin:0rem;}
.wpcf7-form .wpcf7-list-item label{text-transform:none;font-weight:400;font-size:.95rem;font-family:"Poppins", sans-serif;color:#9a9a9a;letter-spacing:normal;}
.wpcf7-form .elementor-button{width:auto;margin:1rem 0rem !important;font-family:"Poppins", sans-serif !important;float:right;font-size:1.2rem !important;line-height:1rem;color:#222;font-weight:500 !important;}
.wpcf7-form .elementor-button:hover{color:#fff;}
.wpcf7-form .text-center{display:block;text-align:center;margin:0rem;padding:0rem;}
.wpcf7-form .politica-privacidad span{font-size:.85rem;color:#444;}
.wpcf7-form .politica-privacidad .wpcf7-form-control{padding:0rem;border:none;}
.wpcf7-form .politica-privacidad input{vertical-align:middle;margin-left:.5rem;}

#ht-ctc-chat{z-index:999 !important;}

#footer{position:relative;z-index:9999;background:#333;background-image:url('img/pattern.png');background-repeat:repeat;color:#fff;}
#footer:before{
    display:block;
    content:''; 
    position:relative;
    width:100%;
    height:1px;
    background-image:linear-gradient(180deg, #f4dc9b 0, #e7c985 25%, #d8b46c 50%, #c99f54 75%, #bd8d40 100%);
}
#footer a{text-decoration:none;color:#ddd;}
#footer a:hover{text-decoration:underline;
    background-image:linear-gradient(180deg, #f4dc9b 0, #e7c985 25%, #d8b46c 50%, #c99f54 75%, #bd8d40 100%);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}
#footer .menu{margin:0rem;padding:0rem;list-style:none;font-size:.95rem;}
#footer #menu-menu-footer li{    width: 100% !important; /* Make it full width for a single column */
  float: none !important; /* Remove float since it's a single column layout */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5rem; /* This should match the height of your list items */
  box-sizing: border-box;
  list-style-type: none; /* Ensure no default list bullets are shown */
  padding-left: 0; /* Remove padding if there's any space on the left */}

#footer #menu-menu-footer li:before{
  display: none !important;
  content: '\f043';
  align-items: center; /* This will vertically center the icon with the text */
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  font-size: 1.5rem; /* Adjust this to match the line-height and size of the text */
  color: #fff;
  margin-right: 0.5rem; /* Add space between the bullet and the text */}

#footer #copyright{padding:.5rem;font-size:.9rem;text-align:center;background:#222;color:#ddd;text-transform:uppercase;line-height:normal;}
#footer #copyright span{font-size:.65rem;text-transform:none;}
#footer #copyright a,
#footer #copyright strong{text-transform:none;font-weight:400;text-decoration:none;color:#7a7a7a;font-size:.7rem;}
#footer #copyright i{font-size:.6rem;color:#f4dc9b;}

#cookie-notice{background:#333 !important;font-family:'Poppins',sans-serif !important;}
#cookie-notice .elementor-button{font-size:.9rem !important;padding:.5rem .5rem .4rem .5rem !important;}
#cookie-notice #cn-notice-text a{color:#f4dc9b !important;}

@-ms-viewport{width:device-width;}
@viewport{width:device-width;}
@media screen and (min-width:321px) and (orientation:landscape){

}
@media screen and (min-width:600px){
    .gallery .gallery-item{max-width:50% !important;margin:0rem !important;}
    .products .product .h3{font-size:1.35rem !important;}
    .products .product .descripcion-corta p{height:fit-content;}
}
@media screen and (min-width:960px){
    .gallery .gallery-item{max-width:20% !important;}
    .single-product .woocommerce-product-gallery{width:40% !important;}
    .single-product .summary{width:56% !important;}
    .home #header{background:rgba(255,255,255,0);
}