/*
Theme Name: IES GARCIA LORCA Theme
Theme URI: https://www.universoapolo.com
Template: hello-elementor
Author: Apolo. Propulsora de Marcas
Author URI: https://www.universoapolo.com
Description: Tema para dar visibilidad a la FP Dual del IES García Lorca en Algeciras
Tags: #branding
Version: 2.4.2.1640085021
Updated: 2021-12-21 11:10:21

*/

/*############################################################# Código comun*/
html, body {
	max-width:100%;
	overflow-x:hidden;
}
/*conmutadores*/
.conmutadorFPDual .elementor-tab-title {
	border-radius:25px;
}
.conmutadorFPDual .elementor-toggle-icon {
	position:absolute;
	right:25px;
}
.conmutadorFPDual .elementor-toggle-icon i::before {
	background-color: #29B9E6;
    color: #fff;
    padding: 15px;
    border-radius: 100%;
}
.conmutadorFPDual .elementor-tab-content {
    margin: 0px 25px;
    border-radius: 0px 0px 25px 25px;
	border: 1px solid #29B9E6!important;
	border-top:0px!important;
}
/*alt*/
.conmutadorFPDual.conmutadorAlt .elementor-tab-title {
	border:1px solid rgba(0,0,0,.05)!important;
	border-radius:25px;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,.05); 
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,.05);
}
.conmutadorFPDual.conmutadorAlt .elementor-tab-content {
	border: .05px solid #000!important;
	border-top:0px!important;
}
/*Boton con flecha + enlace*/
.buttonFlecha a {
	margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    border: 1px solid rgba(0,0,0,.05);
	border-radius:25px;
    padding:5px 15px;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.05)!important; 
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.05)!important;
}
.buttonFlecha a:hover  {
	color:#000;
}
.buttonFlecha img {
	float:right;
}
/*Mensaje email elementor*/
.elementor-message {
    margin-top: 3rem;
    position: absolute;
}
/*############################################################ Header*/
/*Boton solicita info*/
header .buttonMenu {
	border-radius:20px;
	background-color:#68B9EE;
	border:1px solid #68B9EE!important;
	transition: ease-in-out .5s;
}
header .buttonMenu a {
	color:#fff!important;
}
header .buttonMenu:hover {
	background-color:#fff;
	border-radius:20px;
	transition: ease-in-out .5s;
}
header .buttonMenu:hover a {
	color:#68B9EE!important;
}
header .buttonMenu.popupContacto {
	cursor:pointer;
}
/*---------Sticky effect*/
header.sticky-header {
    --header-height: 90px;
    --opacity: 1;
    --shrink-me: 0.7;
    --sticky-background-color: #ffffff;
    --transition: .3s ease-in-out;

    transition: background-color var(--transition),
                background-image var(--transition),
                backdrop-filter var(--transition),
                opacity var(--transition);
}
header.sticky-header.elementor-sticky--effects {
    background-color: var(--sticky-background-color) !important;
    background-image: none !important;
    opacity: var(--opacity) !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
	-webkit-box-shadow: 0px 5px 15px 0px rgba(40,43,111,0.1); 
	box-shadow: 0px 5px 15px 0px rgba(40,43,111,0.1);
	padding:15px 0px;
}
header.sticky-header > .elementor-container {
    transition: min-height var(--transition);
}
header.sticky-header.elementor-sticky--effects > .elementor-container {
    min-height: calc(var(--header-height) * var(--shrink-me))!important;
    height: calc(var(--header-height) * var(--shrink-me));
}
header.sticky-header .elementor-nav-menu .elementor-item {
    transition: padding var(--transition);
}
header.sticky-header.elementor-sticky--effects .elementor-nav-menu .elementor-item {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}
header.sticky-header > .elementor-container .logo img {
    transition: max-width var(--transition);
}
header.sticky-header.elementor-sticky--effects .logo img {
    max-width: calc(100% * var(--shrink-me));
}
/*---------------------Underline*/
/*Nav menu*/
/*underline*/
.navMenu li { 
  position: relative; 
  padding: 15px 0;
}

.navMenu a {
  text-decoration: none;
  display: inline-block;
  position: relative;
}
/*Boton final*/
.navMenu .buttonMenu a::after, .navMenu .buttonMenu  a.elementor-item-active::after {
	display:none;
}
/**/
.navMenu a::after, .navMenu  a.elementor-item-active::after { 
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  background: none repeat scroll 0 0 transparent;
  height: 10px;
  width: 0;
  background: #CA0A15;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  border-radius:3px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.navMenu a:hover::after { 
  width: 10px; 
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
	border-radius:3px;
}
.navMenu  a.elementor-item-active::after {
  width: 10px!important;
  left: 0;
  right: 0;
  margin: auto;
}
/*Quitar after en submenu*/
.navMenu .elementor-nav-menu--dropdown a::after {
	display:none;
}
.elementor-11 .elementor-element.elementor-element-de0b889 .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-11 .elementor-element.elementor-element-de0b889 .elementor-nav-menu__container.elementor-nav-menu--dropdown {
	padding:0px 15px;
}

/*############################################################# Pagina HOME*/
/*------------------Slider home*/
.sliderBlock {
	position: absolute;
    top: 50%;
    left: 50%; 
    transform: translate(-50%, -50%)
}
.sliderBlock .tituloSlide {
	color:#fff;
}
.sliderBlock .buttonSlide {
	color:#fff;
	border-color:#fff;
}
.sliderBlock .buttonSlide:hover {
	background-color:#fff;
	color:#23BDEE;
}
.sa_hover_container {
	border-radius:20px;
}
/*SLIDER TESTIMONIOS*/
/*flechas*/
.elementor-9 .elementor-element.elementor-element-6192ae3 .jet-listing-grid__slider-icon.prev-arrow {
	display:none!important;
}
.elementor-9 .elementor-element.elementor-element-6192ae3 .jet-listing-grid__slider-icon.next-arrow {
	border-radius:20px;
	-webkit-box-shadow: 0px 4px 50px 0px rgba(41,44,124,0.15); 
	box-shadow: 0px 4px 50px 0px rgba(41,44,124,0.15);
}
/*########################################################### Página contacto */
#contactoForm input, #contactoForm textarea{
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,.05); 
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,.05);
}

/*########################################################### Footer */
/*legales flotando*/
.formFooter .elementor-field-type-acceptance.elementor-field-group.elementor-column.elementor-field-group-aceptarLegales.elementor-col-100.elementor-field-required {
	    position: absolute;
	top: 50px;
    left: 15px;
}
/*boton flotando*/
.formFooter .elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-30.e-form__buttons {
	position:absolute;
	right:10px;
	/*-ms-transform: scaleY(1.1);
	transform: scale(1.1);*/
}
/*########################################################### Barra scroll lateral solo en pc*/
@media screen and (min-width: 1024px) {
	/* width */
	::-webkit-scrollbar {
	  width: 10px;
	}

	/* Track */
	::-webkit-scrollbar-track {
	  border-radius: 10px;
	}
	/* Handle */
	::-webkit-scrollbar-thumb {
	  background:#29B9E6; 
	  border-radius: 10px;
		border:1px solid #29B9E6;
	}

	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover {
	  background: #DA281E;
		border:unset;
	}
}
/*Fin barra scroll lateral*/
/*################################################################# START RESPONSIVE*/

/*__________________________________________________________ VISTA MOVIL */
@media screen and (max-width: 767px) and (min-width: 1px) {
	/*------------------------------- Menu */
	/*Quitar pastilla roja*/
	.navMenu a::after, .navMenu a.elementor-item-active::after {
		display:none;
	}
	/*Conmutador fix movil button para abrir/cerrar*/
	.conmutadorFPDual .elementor-toggle-icon i::before {
		background-color: #29B9E6;
		color: #fff;
		padding: 10px!important;
		border-radius: 100%!important;
		margin-left:15px;
	}
	.conmutadorFPDual .elementor-toggle-icon {
		/*margin-top:3%;*/
		/*position:initial;*/
	}
	.conmutadorFPDual .elementor-tab-content {
    	margin: 0px 20px;
	}
	.conmutadorFPDual .elementor-toggle-icon i::before {
		background-color: #29B9E6;
		color: #fff;
		padding: 10px;
		border-radius: 25px;
	}
	/*legales flotando*/
	.formFooter .elementor-field-type-acceptance.elementor-field-group.elementor-column.elementor-field-group-aceptarLegales.elementor-col-100.elementor-field-required {
		position: relative;
		top:0px;
		left:0px;
	}
	/*boton flotando*/
	.formFooter .elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-30.e-form__buttons {
		position:relative;
	}
	/*---------------------------------Footer*/
	/*Mensaje email elementor*/
	.elementor-message {
		margin-top: 1rem;
		position: absolute;
	}


}
/*_________________________________________________________ FIN VISTA MOVIL */
/*_________________________________________________________ VISTA TABLET */
@media screen and (max-width: 1023px) and (min-width: 768px) {
	
	/*------------------------------- Menu */
	/*Quitar pastilla roja*/
	.navMenu a::after, .navMenu a.elementor-item-active::after {
		display:none;
	}
	/*---------------------Footer*/
	.formFooter .elementor-field-type-acceptance.elementor-field-group.elementor-column.elementor-field-group-aceptarLegales.elementor-col-100.elementor-field-required, .formFooter .elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-30.e-form__buttons {
		position:inherit;
	}
	/*---------------------------------Footer*/
	/*Mensaje email elementor*/
	.elementor-message {
		margin-top: 2rem;
		position: absolute;
	}
	
}
/*_________________________________________________________ FIN VISTA TABLET*/
/*_________________________________________________________ VISTA PC */
@media screen and (max-width: 1439px) and (min-width: 1024px) {

	
}
/*_________________________________________________________ FIN VISTA PC */

/*_________________________________________________________ VISTA PC GRANDE*/
@media screen and (max-width: 1919px) and (min-width: 1440px) {

	
}

/*_________________________________________________________ FIN VISTA PC GRANDE */
/*_________________________________________________________ VISTA 1920 en adelante*/
@media screen and (min-width: 1920px) {
	
	#sliderHome .owl-item div {
		min-height:500px!important;
	}
	#sliderHome .sliderBlock {
		position: absolute;
		top: 80%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	
}
/*_________________________________________________________ VISTA 4k*/
@media screen and (min-width: 2080px) {
	
	.elementor-9 .elementor-element.elementor-element-cb1be83 img {
		    margin-left: 200px;
	}
	
}
/*_________________________________________________________ FIN VISTA 1920 en adelante*/

/*################################################################# FIN RESPONSIVE*/