/*
Theme Name: Serano Child
Theme URI: https://serano.clapat-themes.com/
Description: Responsive Wordpress Theme
Template: serano
Version: 1.0
Author: You
Author URI: https://your site
License: Themeforest
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: serano-child
*/


/*------------------------------------------------------------------

Add here your own styles
-------------------------------------------------------------------*/

#tbwaportfolioitem .elementor-widget-container .premium-vscroll-wrap .premium-vscroll-inner .premium-vscroll-dots ul.premium-vscroll-dots-list li.premium-vscroll-dot-item .premium-vscroll-nav-link span {
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	height: 34px;
	width: 4px;
	background: rgba(255,255,255,0.5) !important;
	border: none !important;
	box-shadow: 1px 1px 3px #333333;
}

#tbwaportfolioitem .elementor-widget-container .premium-vscroll-wrap .premium-vscroll-inner .premium-vscroll-dots ul.premium-vscroll-dots-list li.premium-vscroll-dot-item.active .premium-vscroll-nav-link span {
	-webkit-transform: scale(1.3) !important;
	-moz-transform: scale(1.3) !important;
	-ms-transform: scale(1.3) !important;
	-o-transform: scale(1.3) !important;
	transform: scale(1.3) !important;
	background: #fecc07 !important;
}

#tbwaportfolioitem .elementor-widget-container .premium-vscroll-wrap .premium-vscroll-inner .premium-vscroll-dots ul.premium-vscroll-dots-list li.premium-vscroll-dot-item {
	height: 40px;
}

#tbwaportfolioitem .elementor-widget-container .premium-vscroll-wrap .premium-vscroll-inner .premium-vscroll-sections-wrap .premium-vscroll-temp .elementor .dark-section-container.content-max-width {
	padding: 0px !important;
	max-width: 100% !important;
}

#main-page-content .elementor .dark-section-wrapper .dark-section-container .content-row-elementor {}

div.elementor-element.siguiente.elementor-widget.elementor-widget-serano_marquee_text .elementor-widget-container .marquee-text-wrapper h1 {color: rgba(0,0,0,0.15) !important;}

div.elementor-element.audiotext .elementor-widget-container p {color: #000000 !important;}
div.elementor-element.audiotext .elementor-widget-container p strong {color: #000000 !important;}
div.elementor-element.audiotext .elementor-widget-container h2 {color: #000000 !important;}
div.elementor-element.audiotext .elementor-widget-container h3 {color: #000000 !important;}

header div#header-container {
	background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
}

header div#header-container div#logo a img.white-logo {
	width: 160px !important;
	height: 40px !important;
	background-image: url("/wp-content/uploads/2024/01/tansparent_logo_01_160x40.png");
	transform: scale(0.8);
}

.white-logo {
  animation-timing-function: step-end !important;
  animation: outAnimation;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  background-position: 0px 0px;
}

.white-logo:hover {
  animation: inAnimation;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  background-position: 0px -600px;
}

@keyframes inAnimation {
  0% {
    background-position: 0px 0px;
  }

  6.67% {
    background-position: 0px -40px;
  }

  13.34% {
    background-position: 0px -80px;
  }

  20.01% {
    background-position: 0px -120px;
  }

  26.68% {
    background-position: 0px -160px;
  }

  33.35% {
    background-position: 0px -200px;
  }

  40.02% {
    background-position: 0px -240px;
  }

  46.69% {
    background-position: 0px -280px;
  }

  53.36% {
    background-position: 0px -320px;
  }

  60.03% {
    background-position: 0px -360px;
  }

  66.7% {
    background-position: 0px -400px;
  }

  73.37% {
    background-position: 0px -440px;
  }

  80.04% {
    background-position: 0px -480px;
  }

  86.71% {
    background-position: 0px -520px;
  }

  93.38% {
    background-position: 0px -560px;
  }

  100% {
    background-position: 0px -600px;
  }

}

@keyframes outAnimation {
  0% {
    background-position: 0px -600px;
  }

  6.67% {
    background-position: 0px -560px;
  }

  13.34% {
    background-position: 0px -520px;
  }

  20.01% {
    background-position: 0px -480px;
  }

  26.68% {
    background-position: 0px -440px;
  }

  33.35% {
    background-position: 0px -400px;
  }

  40.02% {
    background-position: 0px -360px;
  }

  46.69% {
    background-position: 0px -320px;
  }

  53.36% {
    background-position: 0px -280px;
  }

  60.03% {
    background-position: 0px -240px;
  }

  66.7% {
    background-position: 0px -200px;
  }

  73.37% {
    background-position: 0px -160px;
  }

  80.04% {
    background-position: 0px -120px;
  }

  86.71% {
    background-position: 0px -80px;
  }

  93.38% {
    background-position: 0px -40px;
  }

  100% {
    background-position: 0px 0px;
  }
}