/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Nick
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

body.has-transparent-header #site-header {
    display: block!important;
}
p#breadcrumbs::before {
    content: '';
    width: 30px;
    height: 1px;
    background: rgb(253 253 253 / 52%);
    display: block;
    transform: translateY(-10px);
}
/* estilo menu movil */
i.icon-magnifier {
    color: yellow;
}
ul#sidr-id-menu-menu-principal {
    padding-top: 20px;
}
i.sidr-class-icon.icon-close {
    font-size: 15px;
}
span.sidr-class-close-text {
    font-size: 15px;
}


/* 01. Genéricos */
a, a:hover, a:focus {outline: none!important;}
#menu-menu-principal a.off {opacity: .75;}
.verde-03 {color: #b5d493;}
.mark-img.elementor-widget-image::before, .mark-sld .elementor-swiper::before {
    content: '';
    border: 2px solid green;
    width: 90%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 0;
    top: -5%;
    left: -5%;
}
.mark-img img {
	z-index: 11;
	position: relative;
}
mark {
    background: transparent !important;
    color: inherit !important;
    position: relative;
}
mark::after {
    content: '';
    background: #f9e310;
    width: 100%;
    position: absolute;
    height: 20px;
    left: 0;
    top: 56%;
	opacity: 0;
    z-index: -1;
	-webkit-animation: slide-right .9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          animation: slide-right .9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.mark-img.mark-03.elementor-widget-image::before {
	right: -15px;
	left: auto;
	border: 2px solid #F9E310;
} 

@-webkit-keyframes slide-right {
  from {
    width: 0;
    opacity: 0;
  }
  to {
    width: 100%;
    opacity: 1;
  }
}
@keyframes slide-right {
  from {
    width: 0;
    opacity: 0;
  }
  to {
    width: 100%;
    opacity: 1;
  }
}



.title .line {
  overflow: hidden;
}
.title .line:last-child .word {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.title .word {
  opacity: 0;
  -webkit-animation: slide-in 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          animation: slide-in 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes slide-in {
  from {
    transform: translateY(40px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes slide-in {
  from {
    transform: translateY(40px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* 02. Header */
nav#site-navigation {
    border-bottom: 1px solid #fff;
}
#site-navigation-wrap .dropdown-menu>li>a {line-height: 87px!important;}
.effect-one #site-navigation-wrap .dropdown-menu>li>a.menu-link>span:after {
	bottom: -84%; /* -78% */
	height: 3px;
}
.single-post header#site-header {
    /*background: #317238 !important;*/
}
.single-post nav#site-navigation {
    border-bottom: 1px solid #222;
}
.single-post #site-navigation-wrap .dropdown-menu >li >a, .single-post #site-navigation-wrap .dropdown-menu >li >a:hover {
    color: #222;
}
.single-post .effect-one #site-navigation-wrap .dropdown-menu>li>a.menu-link>span:after {background: #222;}
.single-post p {font-weight: 300;}
.dropdown-menu li a.menu-link i {font-size: 12px;}

/* 02.1 Logo - Animaciones */
#site-logo #site-logo-inner, ul#menu-menu-principal {
  position: relative;
  /*overflow: hidden;*/
  width: 100%;
 /* display: flex;
  justify-content: center;
  align-items: center; */
}
#site-logo #site-logo-inner {overflow: hidden;}

/*#site-logo #site-logo-inner img, ul#menu-menu-principal {
  position: relative;
  opacity:0;
}*/

@media only screen and (min-width: 768px) {

#site-logo #site-logo-inner img, ul#menu-menu-principal {
  top:40px;
  animation: slideUp ease .3s forwards .7s!important;
  position: relative;
  opacity: 0;
	transform: translateY(0);
}


	@keyframes slideUp {
  		0% {
	  		transform: translateY(0);
	  		opacity: 0;
		}
  		100% {
	  		transform: translateY(-40px);
	  		opacity:1;
		}
	}
}

/* 03. ----------  Widgets Elementor  -------------- */

/* Acordeón */
.elementor-accordion .elementor-accordion-item {
	border: 0px!important;
    border-bottom: 1px solid #f9e310!important;
}
.elementor-accordion .elementor-tab-title {padding: 15px 0px!important;}

/* Botón */
a.elementor-button.elementor-button-link.elementor-size-sm::before {
    position: absolute;
    content: "";
	top: 0;
    background-color: #fff;
    z-index: 2;
    left: 0%;
    height: 0%;
    width: 4px;
    transition: height 0.2s 0.35s ease-out;
	border-radius: 4px;
}
span.elementor-button-content-wrapper::before  {
    position: absolute;
    content: "";
    width: 0%;
    height: 0%;
    background: transparent;
    opacity: 0;
    z-index: 2;
	top: 0%;
    left: 0%;
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
    transition: height 0.15s ease-in, width 0.2s 0.15s linear, opacity 0s 0.35s;
	border-radius: 4px;
}
span.elementor-button-content-wrapper::after {
	position: absolute;
    content: "";
	width: 0%;
    height: 0%;
    background: transparent;
    opacity: 0;
    z-index: 2;
	bottom: 0;
    left: 0%;
    border-bottom: 4px solid #fff;
    transition: width 0.25s ease-in, opacity 0s 0.35s;
	border-radius: 4px;
}
.btn-ficha span.elementor-button-content-wrapper::after, .btn-ficha span.elementor-button-content-wrapper::before {border-color: green;}
.btn-ficha a.elementor-button.elementor-button-link.elementor-size-sm::before {background: green;}
a.elementor-button.elementor-button-link.elementor-size-sm:hover::before {
	height: 100%;
    transition: height 0.2s ease-in;
}
a.elementor-button.elementor-button-link.elementor-size-sm:hover span::before {
    width: 100%;
    height: 96%;
    opacity: 1;
    transition: width 0.2s 0.1s linear, height 0.15s 0.3s ease-out, opacity 0s 0.1s;
}
a.elementor-button.elementor-button-link.elementor-size-sm:hover span::after {
    width: 100%;
    opacity: 1;
    transition: width 0.25s 0.2s ease-out, opacity 0s 0.2s;
}
/* Banner Premum Addons */
.premium-banner-ib.vertical-bottom h3 {
	top: 80%;
}

/* Productos */
.\<span\>Vitastimuli\<\/span\>, .\<span\>Vita.Additions\<\/span\>, .\<span\>Vitalizers\<\/span\>, .\<span\>Vitacorrectors\<\/span\> {
	background: #68a7dd;
	border-radius: 50px;
	padding: 0 5px;
	color: #fff;
}
.\<span\>Vita.Additions\<\/span\> {background: #a21c26;}
.\<span\>Vitalizers\<\/span\> {background: #386639;}
.\<span\>Vitacorrectors\<\/span\> {background: #59287f;}
.descripcion-producto p {
	display: block;
  display: -webkit-box;
  max-width: 100%;
  height: 94px;
  margin: 0 auto;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* forms */
.elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option input[type=checkbox] {
    border-width: 1px !important;
}

/* 04. Blog -- Post */
.single-post #main #content-wrap {
	padding-top: 150px;
}

@media only screen and (max-width: 1024px) {
	#site-header-inner {
  		padding: 20px 0 0 0!important;
	}
}

@media only screen and (max-width: 768px) {
	#site-header {
  		background-color: #fff !important;
	}
	#site-header-inner {
  		max-width: 100%;
  		padding: 0 20px 0 0 !important;
	}
	#site-logo #site-logo-inner img, ul#menu-menu-principal {top: 0;}
	.mobile-menu .hamburger-inner, .mobile-menu .hamburger-inner::before, .mobile-menu .hamburger-inner::after {background-color: #1d1d1b!important;}
}