/*
	Theme Name:			WePharm
	Description:		Ultra-minimal theme designed specifically for Elementor Page Builder and to be as lightweight as possible.
	Theme URI:			https://actimundi.com
	Author:				Actimundi
	Author URI:			https://actimundi.com
	Version:			1.0.1
	Requires at least:	4.9
	Requires PHP:		7.0
	Tested up to:		5.7.1
	License:			GNU General Public License v3 or later.
	License URI:		https://www.gnu.org/licenses/gpl-3.0.html
	Tags:				custom-logo, one-column, two-columns, translation-ready
	Text Domain: 		wepharm
*/

/*! minimal reset based on simplified normalise.css | github.com/necolas/normalize.css */

html {
  scroll-behavior: smooth;
}
html{line-height:1.15}body{margin:0}h1{font-size:2em;margin:.67em 0}b,strong{font-weight:bolder}pre,code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}fieldset{padding:.35em .75em .625em}progress{vertical-align:baseline}textarea{overflow:auto}template,[hidden]{display:none}
h1, h2, h3, h4, h5, h6 { margin-top:0; margin-block-start: 0;
    margin-block-end: 0; }

#copyright{opacity:.7;font-size:small;font-family:sans-serif;text-align:right;margin:.5rem}
.alignright{float:right}
.alignleft{float:left}
.aligncenter{text-align:center}
.bypostauthor{}
.gallery-caption{}
.screen-reader-text{}
.sticky{}
.wp-caption{}
.wp-caption-text{}
.gallery-item {display: inline-block;text-align: left;vertical-align: top;margin: 0 0 1.5em;padding: 0 1em 0 0;width: 50%}
.gallery-columns-1 .gallery-item {width: 100%}
.gallery-columns-2 .gallery-item {max-width: 50%}
.gallery-item a { display: inline-block; max-width: 100%}
.gallery-item a img {display: block; backface-visibility: hidden}
.gallery-item a:hover img, .gallery-item a:focus img {opacity: 0.6}
.gallery-caption {display: block; margin-bottom: 0}

.elementor-search-form--skin-minimal:focus-within {
    outline-width: 0 !important;
}


/******************************************
  Redes Sociales
********************************************/
.redes__thumb { overflow: hidden; aspect-ratio: 4/3; }
.redes__thumb img { display: block; width: 100%; }
h4.redes__titulo { padding: 15px 15px; border-bottom: 1px solid #AAA; font-weight: 400; line-height: 1.3em; }
h4.redes__titulo a { font-family: "Fira Sans", sans-serif; font-size: 15px; color: #000;  }
h4.redes__titulo a:hover { color: #EF4B95; }
.redes__info { padding: 10px 15px; display: flex; font-family: "Fira Sans", sans-serif; color: #536471; font-size: 14px; }
.redes__likes { margin-right: 20px; }
.redes__likes:before { content: ""; display: inline-block; width: 1.6em; height: 1.6em; background-repeat: no-repeat; background-size: 100% auto; background-image: url(img/heart.svg); margin-right: 5px; vertical-align: bottom; }
.redes__comentarios:before { content: ""; display: inline-block; width: 1.6em; height: 1.6em; background-repeat: no-repeat; background-size: 100% auto; background-image: url(img/comment.svg); margin-right: 5px; vertical-align: bottom;  }


/********************************** 
 Earth
************************************/
#myearth canvas {
    margin: auto;
}

/****************************************
  Productos Slide
********************************************/
.mktslide__gallery { position: relative; }
.slider__slide img {
    display: block; max-width: 600px; max-height: 600px; margin-left: auto; margin-right: auto;
}
.thumb-slider { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; }
  
.thumb-slider__slide {
    text-align: center;
    opacity: 0.5;    
    cursor: pointer;
    background-color: #FFF;
    padding: 3px 10px;
    border-radius: 5px;
    width: 80px;
    height: 60px;    
    align-items: center;
    overflow: hidden;
    display: flex;
}


.thumb-slider .thumb-slider__slide img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}  
  .thumb-slider__slide.tns-nav-active {
    opacity: 1;
  }


.tns-controls {
    position: absolute;  width: 80%; left: 10%; display: flex;  justify-content: space-between;
    top: 40%; z-index: 9;
}

.mktslide__gallery .tns-controls button{ width: 50px; height: 50px; border-radius: 50%; background-color: #FFF; border: none; display: grid; align-items: center;  justify-content: center;  z-index: 9; }  

.mktslide__carousel .tns-controls { position:inherit; top:auto; left:auto; }
.mktslide__carousel .tns-controls button { position: absolute; top: 40%; z-index:9; }
.mktslide__carousel .tns-controls button[data-controls="prev"] { left:1% }
.mktslide__carousel .tns-controls button[data-controls="next"] { right:1% }


/********************************************
  Productos
**********************************************/
.productos__wrap {  }
.productos__wrap .producto_item:nth-child(odd) { background-color: #FAFAFA;}
.productos__wrap .producto_item:nth-child(even) { background-color: #EEEEEE;}


article.producto_item { padding-top: 40px; padding-bottom: 40px; font-family: "Fira Sans", sans-serif; font-size: 19px; display: flex; min-height: 95vh; align-items: center; }
.producto__icons { margin-bottom: 15px; }
.producto__icons svg { width: 50px; height: auto; margin-right: 15px; }
.producto__left { flex-basis: 50%; width: 50%; position: relative; padding-left: 2%; padding-right: 2%; }
.producto__right { flex-basis: 50%; width: 50%; padding-right: 15%; padding-left: 3%; }
.producto__right h3 { font-size: 3.5vw; line-height: 1.1em; font-weight: 900; margin-bottom: 5px; }
.producto__right h4 { font-size: 1.6vw; line-height: 1.3em; font-weight: 700; margin-bottom: 20px; }
.producto__right p { line-height: 1.8em; color:#454545; }

.producto__ingredients {
	padding-top: 30px; padding-bottom:20px; margin-top: 30px; margin-bottom: 20px; border-top: 1px solid #454545; border-bottom: 1px solid #454545;
}
.producto__ingredients ul {
	list-style: none; padding: 0; margin: 0; 
}
.producto__ingredients li{ display: inline-block; padding: 6px 28px; border-radius: 30px; color: #FFF; background-color: #000; margin-bottom: 10px; margin-right: 10px; font-size: 19px; }


.producto__formulation { display: flex; align-items: center; padding-bottom: 25px; border-bottom: 1px solid #454545; }
.producto__formulation__icon { flex: 0 0 auto; }
.producto__formulation__txt { flex: 0 0 auto; font-size: 16px; padding-left: 15px; } 



/******************************************
  Productos Tasty
******************************************************/
.tasty__wrap  article.tasty_item {
    display: flex; padding-top: 100px; padding-bottom: 150px; background-repeat: no-repeat; background-position:center; background-size: cover; font-family: "Fira Sans", Sans-serif; color: #FFF;
}
.tasty__wrap  .tasty__left {
    width: 50%; flex-basis: 50%;
}
.tasty__wrap  .tasty__right {
    width: 50%; flex-basis: 50%;
}
.tasty__wrap  .tasty__right h3 {
    font-size: 50px;
    font-weight: 900;
}
.tasty__wrap  .tasty__right h4 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 20px;
}
.tasty__wrap  .tasty__right p {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 20px;
}

/*******************************************
  Timeline History
**********************************************/  
.historia__wrapper { position: relative; font-family: "Fira Sans", sans-serif; }

.historia__wrap {
    display: flex;  align-items: flex-start; padding-left: 15px; padding-right: 15px;
}


/*  Timeline linea */
.historia__timeline { width: 2945px; height: 2px; background-color: #349CA8; position: absolute; top: 255px; margin-left: 0px; }
.historia__timeline:before {
    content: ""; display: block; width: 20px; height: 20px; background-color: #349CA8; border-radius: 50%; top: -10px; position: absolute;
}


/*  Timeline Item */
.history__item {
    width: 290px; height: auto; padding: 25px 35px; background-color: #FFF; border-radius: 20px; text-align: center; box-shadow: 0px 3.6602563858032227px 10.980769157409668px 0px #0D0A2C0F; position: relative; flex: auto 0 0; font-size: 15px; color: #6E6C83; margin-left: 70px; margin-right: 70px;
}
.history__item:first-child { margin-left: 0px; }
.history__item:nth-child(even) {
    margin-top: 290px;
}

.history__item h3{
    font-weight: 900; color: #349CA8; font-size: 28px; margin-top: 0; margin-bottom: 10px; line-height: 1em;
}
.history__item p{ margin-top: 0; margin-bottom: 7px; } 
.history__item .history__content img { max-width: 100%; max-height: 90px; display: block; margin: auto; }

.history__item:after {
    content: ""; height: 20px; width: 2px; display: block; background-color: #349CA8; position: absolute; top: auto; bottom: -37px; left: 150px;
} 
.history__item:nth-child(even):after {
    top: -35px;
} 
.history__item:first-child:after {
    display: none;
}

/* Timeline overlay */
.history__overlay {
    position: absolute; top: 0; left: 0; background-color: #FFF; border-radius: 20px; width: 100%; z-index: 1;  opacity: 0;  overflow: hidden;
}

#histo-3 .history__overlay { padding-top: 15px; }
#histo-4 .history__overlay { padding-top: 15px; padding-bottom: 15px; }
#histo-5 .history__overlay { padding-top: 20px; padding-bottom: 15px; }



.history__overlay img{ display: block; max-width: 100%; margin: auto; }
.history__item.activo .history__overlay {
    opacity: 1; transition: opacity .3s ease-in-out;
}
.history__item.activo a.history__close {
    transform: rotate(45deg); transition: all .3s ease-in-out;
}


a.history__close {
    display: block; width: 36px; height: 36px; background-color: #349CA8; border-radius: 50%; position: absolute; text-align: center; right: 10px; top: 10px; font-weight: bold; color: #FFF; font-size: 35px; line-height: 1em; z-index: 9; text-decoration: none;
}


/******************************************
  Search Results
*********************************************/
.page-content-search { background-color: #F7F7F9; padding-top: 50px; padding-bottom: 50px; font-family: "Fira Sans", Sans-serif; font-size: 15px; line-height: 1.4em; }
.page-content-search h1.entry-title { text-align: center; margin-bottom: 30px; color:#349CA8; text-transform: uppercase; }
.search_grid  {
    display: grid; grid-template-columns: repeat( 4, 1fr ); max-width: 90%; margin: auto; gap: 20px;
}
.search_grid .item{
    display: flex; flex-direction: column; background-color: #FFF; border-radius: 20px; padding: 20px; box-shadow: 0px 0px 4px 0px #00000026;

}
.search_grid .search__thumb {
    overflow: hidden; aspect-ratio: 1; margin-bottom: 15px; display: flex;  align-items: center;  justify-content: center;
}
.search_grid .search__thumb img{
    display: block; width: 100%; height: auto;
}

.search_grid .item h2 { margin-bottom: 10px; }
.search_grid .item h2 a {
    text-decoration: none;  color: var(--e-global-color-text);  transition: color .3s ease-in-out;
}
.search_grid .item h2 a:hover { color: #EF4B95;  }

@media (min-width: 2000px) {
	body { zoom:110%; }
}


/***************************************
   Home Newsletter
***************************************/
.home__newsletter .elementor-field-type-acceptance label{
    color: #999; font-size: 13px; font-style: italic;
}
.home__newsletter .elementor-field-type-acceptance label a{
    color: var(--e-global-color-primary);
}
.home__newsletter button.button { color: #FFF; border: none; font-weight: 400; padding: 11px 35px; cursor: pointer; border-radius: 0 20px 20px 0; }
.home__newsletter button.button:hover { background-color: #EF4B95; color: #fff; border: none; }
.home__newsletter .elementor-field-type-submit { display: none; }
.home__newsletter input#form-field-country { border-radius: 0; }
.home__newsletter input.elementor-field:focus { box-shadow: none; }


/**************************************
 * Icons
 * ***********************************/
.elementor-icon-box-wrapper { display:flex; flex-direction: row; }
.elementor-icon-box-wrapper .elementor-icon-box-icon { display: inline-flex;  flex: 0 0 auto; margin-right: 15px; }
.elementor-icon-box-wrapper p.elementor-icon-box-description {
color: #8D8D8D;
    font-family: "Fira Sans", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
	margin:0;
}


/***************************************
   Product Terms
***************************************/
.terms_wrap  {   display: flex; gap: 20px; padding-left: 15px; padding-right: 15px; width: 100%; justify-content: center; }
.terms_wrap .item  { width: 16.6%;  background-color: #FFFFFF; border-radius: 12px 12px 12px 12px; border-color: #02010114;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); padding: 25px 10px; }
.terms_wrap .item_thumb { display: flex; padding: 10px 0; aspect-ratio: 1; align-items: center; justify-content: center; }
.terms_wrap .item_thumb img { display: block; max-width: 100%; max-height: 180px; }
.terms_wrap h3.item_title { font-family: "Fira Sans", Sans-serif;   font-size: 25px;  font-weight: 900; padding-left: 20px; }


/************************************
 *   Language selector
 * ********************************/
.lang__wrap { position:relative; font-family: "Inter", Sans-serif; }
.lang__wrap ul.lang__list { list-style: none; padding: 0; margin: 0; }
.lang__wrap a#lang_current { text-transform:uppercase; color: #00858C;  font-size: 16px; padding:5px 15px; display:block; }
.lang__wrap ul#lang_switcher { list-style:none; padding:15px 15px; margin:0; background-color:#FFF; display:none; position:absolute; width: 200px; }
.lang__wrap .lang__list li:hover > ul#lang_switcher { display:flex; box-shadow: 0px 0px 10px -6px rgba(0, 0, 0, 0.5); flex-wrap: wrap; }

/** Submenu */
.lang__wrap ul#lang_switcher li { font-size: 14px; color: #666; margin-bottom: 7px; }
.lang__wrap ul#lang_switcher li a { color: #00858C; }
.lang__wrap ul#lang_switcher li a:hover { color:#EF4B95; }



.lang__wrap .lng_opt { display: none; }
body.geoip-country-PT .lng_PT,
body.geoip-country-ES .lng_PT,
body.geoip-country-PE .lng_PT{ display: block; }
body.geoip-country-PT .lng_internacional { display: none; }

body.geoip-country-AO .lng_AO { display: block; }
body.geoip-country-AO .lng_internacional { display: none; }

body.geoip-country-BE .lng_BE { display: block; }
body.geoip-country-BE .lng_internacional { display: none; }

body.geoip-country-CY .lng_CY { display: block; }
body.geoip-country-CY .lng_internacional { display: none; }

body.geoip-country-CZ .lng_CZ { display: block; }
body.geoip-country-CZ .lng_internacional { display: none; }

body.geoip-country-DK .lng_DK { display: block; }
body.geoip-country-DK .lng_internacional { display: none; }

body.geoip-country-FI .lng_FI { display: block; }
body.geoip-country-FI .lng_internacional { display: none; }

body.geoip-country-GR .lng_GR { display: block; }
body.geoip-country-GR .lng_internacional { display: none; }

body.geoip-country-IL .lng_IL { display: block; }
body.geoip-country-IL .lng_internacional { display: none; }

body.geoip-country-LV .lng_LV { display: block; }
body.geoip-country-LV .lng_internacional { display: none; }

body.geoip-country-LT .lng_LT { display: block; }
body.geoip-country-LT .lng_internacional { display: none; }

body.geoip-country-NO .lng_NO { display: block; }
body.geoip-country-NO .lng_internacional { display: none; }

body.geoip-country-RO .lng_RO { display: block; }
body.geoip-country-RO .lng_internacional { display: none; }

body.geoip-country-RS .lng_RS { display: block; }
body.geoip-country-RS .lng_internacional { display: none; }

body.geoip-country-CH .lng_CH { display: block; }
body.geoip-country-CH .lng_internacional { display: none; }




/***************************************
   Responsive Tablet
***************************************/
@media (max-width: 1024px) {
    /****** Home *****/
	.home__newsletter button.button { border-radius: 20px; }
    .home__newsletter input#form-field-email { border-radius: 0; }
    #myearth canvas { max-width: 100%; height:auto !important; }

    /****** Products *****/
    article.producto_item { flex-wrap: wrap; }
    article.producto_item .producto__left,
    article.producto_item .producto__right { width: 100%; flex-basis: 100%; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; }
    .producto__ingredients li { font-size: 15px; }
    article.producto_item .tns-controls { width: 98%; left: 1%; }
    .producto__formulation__txt { font-size: 14px; }

    .terms_wrap { overflow-x: scroll; padding-top: 10px; padding-bottom: 20px; justify-content: flex-start }
    .terms_wrap .item { width: 200px; flex-grow: 1;  flex-shrink: 0; text-align: center; }

    .producto__formulation__txt { flex: 1; }
    .tasty__wrap .tasty__left,
    .tasty__wrap .tasty__right { width: 100%; flex-basis: 100%; }


    /****** Products Tasty ******/
    .tasty__wrap article.tasty_item { flex-wrap: wrap; padding-top: 50px; padding-bottom: 50px; background-position: center top;
        background-size: auto 200%; }
    .tasty__wrap .slider__slide img { max-width: 100%; }
    .tasty__wrap .tasty__left { padding-bottom: 40px; }

    .tasty__wrap .tasty__right { padding: 10px 20px; }
    .tasty__wrap .tasty__right h3,
    .producto__right h3 { font-size: 40px; }
    .producto__right h4 { font-size: 18px; }
    .tasty__wrap .tasty__right p,
    .producto__right .producto__desc { font-size: 16px; }


    /***** r 10px 2ight*/
    .search_grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .search_grid .item { padding: 20px 15px; }
}