/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/*GENERAL*/
h2 strong {
	color: #c56914;
}

h2 em {
	color: #aa5917;
	font-style: normal;
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background: #f7e4d6;
}



/*SPAIN*/
.section-tours {
	height: 100%;
}
.row-tours {
	position: relative !important;
}

.row-tours .spain-map {
	position: absolute;
	top: 0;
	right: 1.5rem;
}

/*PORTUGAL*/
.row-tours {
	position: relative !important;
}

.row-tours .portugal-map {
	position: absolute;
	top: 5rem;
	right: 1.5rem;
}

.section-tours {
    overflow: hidden;
}

/*CAROUSEL*/
.swiper-wrapper {

    align-items: center;
}

.carousel-experiences .carousel-wrapper {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.carousel-experiences .carousel-wrapper .carousel-img img {
	width: 100%;
	height: 400px;
	object-fit: cover;
	opacity: 0.8;
	transition: opacity .3s ease-in-out !important;
}

.carousel-experiences .carousel-wrapper:hover .carousel-img img,
.carousel-experiences .swiper-slide.swiper-slide-active .carousel-wrapper:hover .carousel-img img {
	opacity: 1;
}


.carousel-experiences .swiper-slide.swiper-slide-active .carousel-wrapper .carousel-img img {
    transition: height .6s ease-in-out !important;
	transition: opacity .3s ease-in-out !important;
    height: 550px !important;
	object-fit: cover !important;
	opacity: 0.8;
}


.carousel-experiences .carousel-wrapper .carousel-text {
	text-align: center;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}



/*Bloque incentive trips...*/
.text-incentive {
    max-width: 575px !important;
}

.img-trips img {
	aspect-ratio: 1/1;
	object-fit: cover;
}

.trips-text {
	max-width: 270px !important;
}


/*FORMS*/
.cf-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px;
}
.cf-col-1, .cf-col-2, .cf-col-3, .cf-col-4, .cf-col-5, .cf-col-6, .cf-col-7, .cf-col-8, .cf-col-9, .cf-col-10, .cf-col-11, .cf-col-12 {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px;
}
@media ( min-width: 576px ) {
	.cf-col-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}
	.cf-push-1 { margin-left: 8.333333%; }
	.cf-col-2 {
		-ms-flex: 0 0 16.66667%;
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.cf-push-2 { margin-left: 16.66667%; }
	.cf-col-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.cf-push-3 { margin-left: 25%; }
	.cf-col-4 {
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.cf-push-4 { margin-left: 33.33333%; }
	.cf-col-5 {
		-ms-flex: 0 0 41.66667%;
		flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.cf-push-5 { margin-left: 41.66667%; }
	.cf-col-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.cf-push-6 { margin-left: 50%; }
	.cf-col-7 {
		-ms-flex: 0 0 58.33333%;
		flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.cf-push-7 { margin-left: 58.33333%; }
	.cf-col-8 {
		-ms-flex: 0 0 66.66667%;
		flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.cf-push-8 { margin-left: 66.66667%; }
	.cf-col-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	.cf-push-9 { margin-left: 75%; }
	.cf-col-10 {
		-ms-flex: 0 0 83.33333%;
		flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.cf-push-10 { margin-left: 83.33333%; }
	.cf-col-11 {
		-ms-flex: 0 0 91.66667%;
		flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.cf-push-11 { margin-left: 91.66667%; }
	.cf-col-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

.label {
	display: none;
}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select {
    border: 0px solid #666;
    border-radius: 0;
    padding: .5rem 1rem;
    transition: all .3s;
    width: 100%;
    height: 40px;
}

textarea {
	border: 0px solid #666;
    border-radius: 0;
    padding: .5rem 1rem;
    transition: all .3s;
    width: 100%;
}

.legal {

	font-size: 1rem !important;
	margin-bottom: 0.5rem;
}

.legal a{
	font-size: 1rem;
	color: #D97819;
}

.legal a:hover {
	color: #222224;
}

input#btn-enviar {
	font-size: 1.2rem;
    background: #222224 !important;
    color: #f7e4d6 !important;
	border: none;
	border-radius: none !important;
}

input#btn-enviar:hover {
	background: #D97819 !important; 
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 0.8rem;
    font-weight: normal;
    display: block;
}

.w-html {
    line-height: 0;
}



/************************************************
 Pantallas ms pequeñas de 1800px
**************************************************/
@media only screen and (max-width: 1800px) {
	.row-carousel {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
}

/************************************************
 Pantallas ms pequeñas de 1137px
**************************************************/
@media only screen and (max-width: 1137px) {
	.menu-landing a.ekit-menu-nav-link {
		font-size: 1rem !important;
	}
}

/************************************************
 Pantallas ms pequeñas de 1025px
**************************************************/
@media only screen and (max-width: 1025px) {
	.menu-landing div#ekit-megamenu-main-menu {
		padding-bottom: 0;
	}
	.menu-landing .elementskit-navbar-nav-default .elementskit-navbar-nav {
		height: 50px;
	}
}

/************************************************
 Pantallas ms pequeñas de 1000px
**************************************************/
@media only screen and (max-width: 1000px) {
	.menu-landing a.ekit-menu-nav-link {
		padding: 0px !important;
	}
}

/************************************************
 Pantallas ms pequeñas de 992px
**************************************************/
@media only screen and (max-width: 992px) {
	.row-tours .spain-map,
	.row-tours .portugal-map,
	.row-tours .morocco-map{
		position: relative !important;
		top: auto !important;
		right: auto !important;
	}
	.carousel-experiences .swiper-slide.swiper-slide-active .carousel-wrapper .carousel-img img {
		transition: height .6s ease-in-out !important;
		transition: opacity .3s ease-in-out !important;
		height: 400px !important;
		object-fit: cover !important;
		opacity: 0.8;
	}
	.swiper-slide-active .carousel-wrapper .carousel-img img {
		width: 100%;
		height: 400px;
		object-fit: cover;
		opacity: 0.8;
	}
	.swiper-wrapper {
		align-items: baseline;
	}
	.menu-landing .ekit_menu_responsive_tablet .elementskit-navbar-nav-default .elementskit-navbar-nav,
	.menu-landing .ekit_menu_responsive_mobile .elementskit-navbar-nav-default .elementskit-navbar-nav, .ekit_menu_responsive_tablet .elementskit-navbar-nav-default .elementskit-navbar-nav {
        overflow-y: visible;
    }
}
	
/************************************************
 Pantallas ms pequeñas de 819px
**************************************************/
@media only screen and (max-width: 819px) {
	.menu-landing li {
		margin: 0px 20px 0px 20px !important;
	}
}
/************************************************
 Pantallas ms pequeñas de 750px
**************************************************/
@media only screen and (max-width: 750px) {
	.row-carousel{
		width: 80%;
		margin-left: auto;
		margin-right: auto
	}
}