/* 
Theme Name: Juan Jose Mendoza Theme
Description: Child theme for Hello Elementor.
Author: Laura González
Author URI: https://lauragonzalezz.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

a {color: #333333;}
a:active, a:hover {color: #7285b3;}
*:focus {outline: none!important;}

/*Menu*/
.main-header.elementor-section-height-default.elementor-sticky__spacer {height: 0;}
.main-header.elementor-sticky--effects {background: #ffffffdd;}

/*Home*/
.video-home .elementor-element, .video-home .elementor-widget-container, .video-home .elementor-icon-wrapper, .video-home a.elementor-icon {height: 100%;}
.video-home a.elementor-icon {display: flex; width: 100%; align-items: flex-end; justify-content: center; min-height: 400px; padding-bottom: 10vh;}

/*Comentarios*/
form#commentform #submit {
    border: none!important;
    font-weight: 500;
}

/*Dispositivos más grandes que móviles*/
@media all and (min-width: 768px) {
	
}

/*Dispositivos más grandes que tablets*/
@media all and (min-width: 1025px) {
	.main-header .lang-item {margin-right: 15px;}
	.main-header .lang-item-fr a {
		width: 33px;
		overflow: hidden;
	}
	.main-header .lang-item-es a {
		width: 32px;
		overflow: hidden;
	}
	.main-header .lang-item-en a {
		width: 33px;
		overflow: hidden;
	}
}

/*Portátiles comunes y más grande*/
@media all and (min-width: 1320px) {
	html {font-size: 17px;}/*Si se usan tamaños de fuente en rem se verá 106.25% más grande en dispositivos arriba de 1320px*/
	.main-header .lang-item-fr a {width: 34px;}
	.main-header .lang-item-es a {width: 33px;}
	.main-header .lang-item-en a {width: 35px;}
}

/*Tamaño intermedio entre portátiles comunes y Desktop grande*/
@media all and (min-width: 1500px) {
	html {font-size: 18px;}/*Si se usan tamaños de fuente en rem se verá 112.5% más grande en dispositivos arriba de 1500px*/
	.elementor-section.elementor-section-boxed > .elementor-container {max-width: 1380px;}/*Pueden retirar esta línea si no se necesita aumentar el tamaño del contenedor de elementor en dispositivos arriba de 1500px*/
	.main-header .lang-item-fr a {width: 35px;}
	.main-header .lang-item-es a {width: 34px;}
	.main-header .lang-item-en a {width: 36px;}
}

/*Desktop grande de 1920px, Desktop 4K y Retina*/
@media all and (min-width: 1800px) {
	html {font-size: 20px;}/*Si se usan tamaños de fuente en rem se verá 125% más grande en dispositivos arriba de 1800px*/
	.elementor-section.elementor-section-boxed > .elementor-container {max-width: 1700px;}/*Pueden retirar esta línea si no se necesita aumentar el tamaño del contenedor de elementor en dispositivos arriba de 1800px*/
	.main-header .lang-item-fr a {width: 37px;}
	.main-header .lang-item-es a {width: 36px;}
	.main-header .lang-item-en a {width: 38px;}
}

/*Tablets y móviles*/
@media all and (max-width: 1024px) {
	.main-header nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
		top: 0!important;
		left: 0!important;
		width: 280px!important;
		height: 100%!important;
		position: fixed!important;
		max-height: 100%!important;
		padding: 30px!important;
		-webkit-transition: left .3s,-webkit-transform .3s;
		transition: left .3s,-webkit-transform .3s;
		-o-transition: left .3s,transform .3s;
	}
	.main-header .elementor-nav-menu--toggle .elementor-menu-toggle:not(.elementor-active)+.elementor-nav-menu__container {
		-webkit-transform: scaleY(1)!important;
		-ms-transform: scaleY(1)!important;
		transform: scaleY(1)!important;
		left: -280px!important;
	}
}

/*Solo móviles*/
@media all and (max-width: 767px) {
	.main-header nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
		width: 250px!important;
	}
	.main-header .elementor-nav-menu--toggle .elementor-menu-toggle:not(.elementor-active)+.elementor-nav-menu__container {
		left: -250px!important;
	}
}

@media all and (max-width: 600px) {
	.main-header.elementor-sticky:not(.elementor-sticky--active) {
		position: absolute;
		width: 100%;
	}
}