/**
Theme Name: Wola
Author: Wola Publicidad
Author URI: https://wolapublicidad.com/
Description: https://wolapublicidad.com/
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wola
Template: astra
*/


/*************************************************************************************/
/**********-------------------------- BASE STYLES --------------------------**********/
/*************************************************************************************/

/**********---------------------------- IMPORTS ----------------------------**********/

@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@200;600;800&display=swap');


/**********-------------------------- HTML SCHEME --------------------------**********/

html, body{
	overflow-x:hidden;
	width:100%;
}

/**********--------------------------- VARIABLES ---------------------------**********/

:root {
  --wola-color-claro: #fff;
  --wola-color-oscuro: #000;
  --wola-color-medio: #f5f5f5;
  --wola-color-cta: linear-gradient(90deg, rgba(255,101,10,1) 0%, rgba(255,188,22,1) 100%);
}

/**********-------------------------- TEXT STYLES --------------------------**********/

address, blockquote, body, dd, dl, dt, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, html, iframe, legend, li, ol, p, pre, textarea, ul{
	font-family: 'Lexend', sans-serif;
}

/**************************/
/***------ TITLES ------***/
/**************************/

h1, h2, h3, h4, h5, h6{
	font-weight:800;
}

h1{

}

h2{
}

h3{
	font-size:25px;
}

h4{
}

h5{
}

h6{
}

.ast-single-post.ast-page-builder-template .site-main > article, .woocommerce.ast-page-builder-template .site-main{
	padding:0;
}


/**********--------------------------- SCROLLBAR ---------------------------**********/

  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: var(--wola-color-oscuro) var(--wola-color-claro);
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 10px;
  }

  *::-webkit-scrollbar-track {
    background: var(--wola-color-claro);
  }

  *::-webkit-scrollbar-thumb {
    background-color: var(--wola-color-oscuro);
    border-radius: 0px;
    border: 0px solid var(--wola-color-claro);
  }
  

/*************************************************************************************/
/**********---------------------------- HEADER -----------------------------**********/
/*************************************************************************************/

/**********------------------------- MAIN HEAD BAR -------------------------**********/

/**************************/
/***------ SCHEME ------***/
/**************************/

/***---- CONTAINER -----***/

.header-top{
	position:fixed;
	width:100%;
	z-index:9999;
	background:white;
	display:flex;
	justify-content:center;
	height:80px;
	align-items:center;
	filter:invert(1);
}

/***---- BOX -----***/

.header-top .box{
	margin:10px 30px 10px 30px;
	display:flex;
	flex-direction:row;
	width:100%;
	max-width:1140px;
	transition:all 300ms;

}

/* BOX OPENED */

.header-top .box.deployed{
	max-width:95%;
}

/***----- COLUMNS ------***/

.header-top .box .col{
	display:flex; 
	width:50%;
}
.header-top .box .col:nth-child(1){
	justify-content:start;
}

.header-top .box .col:nth-child(2){
	justify-content:end;
}

/**************************/
/***------- LOGO -------***/
/**************************/

.header-top .logo-wola {
    width: 135px;
    /* filter: invert(1); */
}

/**************************/
/***---- MENU BARS -----***/
/**************************/

/***------ BUTTON ------***/

.header-top .btn-menu-top-wola{
	cursor:pointer;
	width:30px;
}

/***------- BARS -------***/

.menu-bars, .menu-bars::before, .menu-bars::after{
	height: 4px;
	display: block;
	background: #000;
	position: relative;
	transition:all 300ms;
}

.menu-bars::before, .menu-bars::after{
	content:'';
}

.menu-bars{
	width: 30px;
	top: 15px;
}

.menu-bars::before{
	width: 25px;
	top: 10px;
}

.menu-bars::after{
	width:20px;
	top: 17px;
}

/***- HOVER ANIMATION -***/

.btn-menu-top-wola:hover .menu-bars, 
.btn-menu-top-wola:hover .menu-bars::before, 
.btn-menu-top-wola:hover .menu-bars::after{
	width:30px!important;
}

/***------ CROSS -------***/

.box.deployed .menu-bars{background: transparent;width: 0;}

.box.deployed .menu-bars::before{
	transform: rotate(45deg);
	width: 32px;
	top: 12px;
}

.box.deployed .menu-bars::after{
	transform: rotate(-45deg);
	width: 32px;
	top: 8px;
}

/**************************/
/***-- DEPLOYED MENU ---***/
/**************************/


/***---- CONTAINER ----***/
  
.menu-header{
  	position:fixed;
	width:100%;
	height:100vh;
	overflow:hidden;
	background:var(--wola-color-claro);
	z-index:9998;
	top:-100vh;
	padding:30px;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	transition: top 0.25s;
 }
 
 .menu-header-deployed{
	top:0vh;
}

/***---- NAVIGATION ----***/
nav.wm_main_menu {
    display: flex;
    flex-direction: column;
    height: 70vh;
    justify-content: flex-end;
}
ul.iconos {
    height: 18vh!important;
    flex-direction: row!important;
    align-content: end;
    flex-wrap: wrap;
}
nav.wm_main_menu ul{
	display: flex;
	flex-direction: column;
    justify-content: space-between;
	height: 43vh;
	list-style: none;
	text-align:center;
	margin:0;
}

nav.wm_main_menu ul li a{
	color: var(--wola-color-oscuro);
	text-decoration: none;
	mix-blend-mode: multiply;
	position: relative;
	cursor: pointer;
	font-size:35px;
	font-weight:600;
	line-height:1.5;
}
/* Iconos */
.fa-sm{
	margin: 1rem;
	font-size: 1em;
    line-height: .07143em;
}
.fa-xs{
	font-size: .85em;
	margin: 1rem;
}
a .margin-2 {
    margin-right: -2px!important;
}
/* Responsive */

@media all and (max-width:768px){

	nav.wm_main_menu ul{
		height: 27vh!important;
	}

	nav.wm_main_menu ul li a{
		font-size:32px;
		padding-bottom: 10px;
	}
	
	.nav.wm_main_menu ul li {
    padding: 15px!important;
}
	
}

/* NAV HOVER EFFECT */

nav.wm_main_menu ul li a:hover{
	transform:scale(1.02);
	background:var(--wola-color-cta);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}


/*************************************************************************************/
/**********---------------------------- FOOTER -----------------------------**********/
/*************************************************************************************/

/**********------------------------- SCHEME -------------------------**********/

/**************************/
/***--- MAIN FOOTER ----***/
/**************************/

/***---- ... -----***/

.footer-wola .logo-wola{
	width:120px;
	/*filter:invert(1);*/
}

.footer-wola{
	width:100%;
	background:var(--wola-color-medio);
	padding:30px;
}

.footer-wola .col{
	padding:20px;
	width:33%;
	display:flex;
	flex-direction:column;
	align-items:center;
}

.footer-wola .col:nth-child(1){
	align-items:start;
}
.footer-wola .col:nth-child(2){
	align-items:center;
}
.footer-wola .col:nth-child(3){
	align-items:end;
}

.footer-wola .container-wola{
	display:flex;
	flex-direction:row;
}
.footer-wola .col p{
	color:var(--wola-color-oscuro);
	margin-bottom:0px;
}

.footer-wola .col h3{
	color:var(--wola-color-oscuro);
}

.footer-wola-copy .container-wola{
	display:flex;
	flex-direction:row;
	background: var(--wola-color-claro)
}

.footer-wola-copy .copy{
	padding:0px 20px 0px 20px;
}

.footer-wola-copy .copy p{
	padding:5px;
	margin-bottom:0px;
}

.footer-wola-copy .copy:nth-child(1){
	width:45%;
	display:flex;
}

.footer-wola-copy .copy:nth-child(2){
	width:45%;
	display:flex;
}

.footer-wola-copy .copy:nth-child(3){
	width:10%;
	display:flex;
}

@media (max-width:768px){
	.footer-wola .container-wola{
		flex-direction:column;
	}
	body .footer-wola .col{
		width:100%;
		align-items:center !important;
		justify-content:center;
	}
	body .footer-wola .col .box-footer{
		text-align:center;
	}
}




/* Collapse */
  
.collapseomatic{
    padding: 10px 17px 10px 17px!important;
    background: var(--wola-color-claro);
    border-radius: 50px;
    color: var(--wola-color-oscuro);
    border: 1px solid var(--wola-color-oscuro);
}
.collapseomatic p{
    padding: 0;
    margin: 0;
}

.collapseomatic_content{
	margin-left:0;
	width:100%;
}

.elementor-element.elementor-element-dbcceeb.elementor-hidden-tablet.e-con-boxed.e-con, .elementor-element.elementor-element-e1e8c26.elementor-hidden-tablet.e-con-boxed.e-con{
	display: none!important;
}