/**
Theme Name: Cursos IoT
Author: Moio
Author URI: https://moio.io/
Description: Cursos online sobre Internet de las Cosas
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: cursos-iot
Template: astra
*/


/* ==================== */
/* FONTS */
/* ==================== */

/* TEMPORAL - HAY QUE DESCARGAR FUENTES */
 /* @import url('https://fonts.googleapis.com/css2?family=Overpass:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');*/
/* TEMPORAL */

@font-face {
    font-family: 'Overpass';
    src: url('fonts/Overpass-VariableFont_wght.ttf');
    font-weight: 100 1000;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Overpass';
    src: url('fonts/Overpass-Italic-VariableFont_wght.ttf');
    font-weight: 100 1000;
    font-style: italic;
    font-display: swap;
}

/* ==================== */
/* GENERAL */
/* ==================== */

body, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-family: 'Overpass', sans-serif;}

h1 {text-shadow: -2px 2px 2px #fff;}

.ast-primary-header-bar.ast-sticky-active .site-primary-header-wrap {padding: 10px;}

.entry-content p:last-child {margin-bottom: 0px;}
.entry-content p {margin-bottom: 20px;}

.elementor-section.elementor-section-boxed > .elementor-container {
	max-width: 1400px;
}

.elementor-column-gap-default > .elementor-column > .elementor-element-populated {
	padding: 0 10px; 
}

.elementor-widget:not(:last-child) {
	margin-bottom: 0;
}

/* Imagen Border */

.img-borde > .elementor-widget-container > img {
	position:relative; 
	z-index:10;
	width: 100%;
	height: auto;
}

.img-borde > .elementor-widget-container::after {
	content: '';
	width: 94%;
	height: 100%;
	position: absolute;
	border: 7px solid var(--ast-global-color-1);
	/*transition: all 0.3s ease-in-out;
	transition-delay: 1s;*/
}

.img-borde.img-borde-left > .elementor-widget-container::after {
	top: 13px;
	left: -13px;
}

.img-borde.img-borde-right > .elementor-widget-container::after {
	bottom: -13px;
	right: -13px;
}

/* ==================== */
/* BOTONES */
/* ==================== */

/* shadow */
.shadow-var-01 .elementor-button-wrapper > .elementor-button-link {
	box-shadow:-5px 5px 0px 0px rgb(255, 255, 255);
	-webkit-box-shadow: -5px 5px 0px 0px rgb(255, 255, 255);
	-moz-box-shadow: -5px 5px 0px 0px rgb(255, 255, 255);
	transition: box-shadow 0.5s ease-in-out;
}

.shadow-var-01 .elementor-button-wrapper > .elementor-button-link:hover {
	box-shadow:-5px 5px 0px 0px var(--ast-global-color-0);
}

#ast-desktop-header .main-header-menu > .menu-item.menu-btn {
	background-color: var(--ast-global-color-1);
	padding: 16px 20px;
	position: relative;
}

.shadow-var-02 .elementor-button-wrapper .elementor-button-link {position:relative;}

.main-header-menu > .menu-item.menu-btn::after, .shadow-var-02 .elementor-button-wrapper .elementor-button-link:after {
	content: '';
	width: 100%;
	height: 100%;
	background-color: transparent;
	border: 2px solid #fff;
	position: absolute;
	top: 5px;
	left: -4px;
	z-index: -1;
	transition: border-color 0.3s ease-in-out;
}

.shadow-var-02 .elementor-button-wrapper .elementor-button-link:hover {
	color: var(--ast-global-color-1);
	background-color: #fff !important;
}

.main-header-menu > .menu-item.menu-btn:hover > .menu-link {color: var(--ast-global-color-1);}
.main-header-menu > .menu-item.menu-btn:hover {background-color: #fff !important;}

.shadow-var-02 .elementor-button-wrapper .elementor-button-link:hover:after, .main-header-menu > .menu-item.menu-btn:hover:after {
	border-color: var(--ast-global-color-1);
}

/* ==================== */
/* MENÚ RESPONSIVE */
/* ==================== */

#ast-mobile-header [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {fill: #fff;}

.ast-header-break-point .ast-mobile-header-wrap .ast-flex.stack-on-mobile {
	background-color: var(--ast-global-color-0);
}

/* ==================== */
/* RESPONSIVE */
/* ==================== */

.icon-svg.elementor-widget.elementor-widget-image {
	min-height: 72px;
}

@media (max-width: 1400px) {
	.site-header .menu-text {text-transform: uppercase;}
}

@media (min-width: 1025px) and (max-width: 1450px) {
	.elementor-section .elementor-container.elementor-column-gap-default {
		padding-left: 5%;
		padding-right: 5%;
	}
}

@media (min-width: 1401px) and (max-width: 1520px) {
	.ast-builder-menu-1 .menu-item > .menu-link {font-size: 15px; line-height: 1em;}
}

@media (min-width: 1520px) {
	#menu-item-328 {margin-right:20px;}
}