/*
 Theme Name:   Tourm Child  
 Theme URI:    https://themeholy.com/wordpress/tourm
 Description:  This is a child theme for Tourm - WordPress Theme
 Author:       Themeholy
 Author URI:   https://themeforest.net/user/themeholy 
 Template:     tourm
 Version:      2.1.0
 Tags:         two-columns, three-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, theme-options, editor-style, featured-images, microformats, post-formats,  sticky-post, threaded-comments, translation-ready
 Text Domain:  tourm-child
*/

/*  [ Add your custom css below ]
- - - - - - - - - - - - - - - - - - - - */ 
.th-btn.style4.th-icon {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    padding: 8px 16px !important;
}

.th-btn.style4.th-icon::before,
.th-btn.style4.th-icon::after {
    position: absolute !important;
}

.overlay-banner .hero-desc {
  display: -webkit-box !important;
  -webkit-line-clamp: 4 !important;       /* Limita a 4 líneas */
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;     /* Agrega "..." al final */
  line-height: 1.5 !important;             /* Ajusta altura de línea */
  max-height: calc(1.5em * 4) !important;  /* Altura total para 4 líneas */
  white-space: normal !important;
  word-break: break-word !important;
}

.overlay-banner .hero-inner {
  position: relative;
  overflow: hidden; /* asegura que el overlay no se salga */
}

.overlay-banner .hero-inner video {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	z-index: 0 !important; /* manda el video al fondo */
}
.overlay-banner #heroSlide2 .hero-inner::before{
	content: "";
	background: rgb(0 0 0 / 65%) !important;
}

.overlay-banner .hero-inner .container {
  position: relative !important;
  z-index: 2 !important; /* el texto sobre todo */
}

.wpte-trip-category-img-wrap .thumbnail a {
  display: block !important;                 /* convierte el <a> en bloque */
  width: 100%;                    /* que ocupe todo el espacio */
  height: 250px;                  /* altura ajustable */
  background-image: url("https://www.live-ecuador.com/wp-content/uploads/2025/08/BANOS.webp") !important;
  background-size: cover !important;         /* recorta para cubrir */
  background-position: center !important;    /* centra la imagen */
}

/*STYLES FILTERS ACTIVITIES*/
.is-active label span{
	
}

/* ---------- MEGA MENU CSS ---------- */
.p-relative{
	position: relative;
}
@media screen and (min-width: 1240px) {
	.none-pc {
		display: none !important;
	}
	.main-menu .tourm-menu > li > a{
		font-size: 15px !important;
	}
}
@media screen and (max-width: 1239px) {
	.sub-menu li:not(.none-pc) {
		display: none !important;
	}
}

@media screen and (max-width: 1239px) {
	.mega-container {
		display: none !important;
	}
}
@media screen and (min-width: 1240px) {
	.my-mega-container .sub-menu {
		display: flex !important;
		padding: 0 !important;
		left: initial !important;
		right: auto !important;
		transition: all 0.15s ease-in-out;
		-moz-transition: all 0.15s ease-in-out;
		-webkit-transition: all 0.15s ease-in-out;
		visibility: hidden;
    	transform: translatey(25px);
    	opacity: 0;
	}
	.my-mega-container:hover .sub-menu {
		display: flex !important;
		padding: 0 !important;
		left: -160px !important;
		right: auto !important;
		visibility: visible;
    	transform: translatey(0);
    	opacity: 1;
	}
	.mega-container {
		background-color: #ffffff !important;
		padding: 10px 10px !important;
		border-right: 1px solid #cccccc;
		position: relative !important;
	}
	.mega-container-top {
		border: 0 none !important;
		padding: 0 !important;
		position: relative;
		z-index: 200;
	}
	.mega-container-top:hover {
		background-color: #ffffff !important;
	}
	.my-mega-container .mega-container-image {
		overflow: hidden;
		height: 200px;
		margin-bottom: 5px;
	}
	.my-mega-container .mega-container-image img {
		height: 100%;
		width: 100%;
		object-fit: cover;
		transition: all 0.32s ease-in-out;
		-moz-transition: all 0.32s ease-in-out;
		-webkit-transition: all 0.32s ease-in-out;
		overflow: hidden;
	}
	/* ---------- IMAGE ANIMATION ---------- */
	.mega-container:hover .mega-container-image img {
		transform: scale(1.1);
	}
	.my-mega-container .mega-container-title {
		color: var(--c-green);
        font-family: var(--Condensed-ExtraBold);
		font-size: 12px;
		line-height: 12px;
		text-transform: uppercase;
		margin-bottom: 5px;
		font-weight: 600 !important;
	}
	.my-mega-container .mega-menu-description {
		color: var(--gray);
		font-family: var(--poppins-r);
		font-size: 12px;
		text-transform: none;
		line-height: 20px;
	}
	.my-mega-container .mega-menu-submenu {
		display: block !important;
		width: 100%;
		position: absolute;
		top: 100% !important;
		left: 0 !important;
		transition: all 0.32s ease-in-out;
		-moz-transition: all 0.32s ease-in-out;
		-webkit-transition: all 0.32s ease-in-out;
		visibility: hidden;
    	transform: translatey(-20px);
    	opacity: 0;
		z-index: 100 !important;
	}
	.mega-container:hover .mega-menu-submenu {
		visibility: visible;
    	transform: translatey(0);
    	opacity: 1;
	}
	.mega-container:hover .mega-container-title{
		position: relative;
		color: var(--primary) !important;
		transition: all .4s ease-out;
	}
	.mega-container .mega-container-title::after{
		content: '';
		width: 0;
	}
	.mega-container:hover .mega-container-title::after{
		content: '';
		width: 100%;
		height: 2px;
		background: var(--primary);
		position: absolute;
		left: 0;
		bottom: 0;
		width: 70%;
		transition: all .4s ease-in;
	}
	.my-mega-container .mega-menu-submenu ul, .my-mega-container .mega-menu-submenu li, .my-mega-container .mega-menu-submenu a {
		width: 100% !important;
	}
	.my-mega-container .mega-menu-submenu a {
		font-size: 12px;
		text-transform: uppercase;
	}
	
	.my-mega-container .mega-menu-submenu a:hover {
		background: var(--blue) !important;
	}
	/* ---------- MENU WIDTHS ---------- */
	/*ESPANOL*/
	.my-mega-container.p-relative.menu-x4 .sub-menu {
		/*width: calc(295px*4) !important;*/
	}
	.menuo-right #Top_bar .menu .menu-sm .menu-item,
	.menuo-right #Top_bar .menu .menu-sm .menu-item div.yspl_win_wrap{
		width: 100% !important;
	}
	.main-menu ul.sub-menu li{
		padding: 0 !important;
	}
	.main-menu ul.sub-menu .mega-container{
		width: 250px !important;
	}
	.mega-menu-submenu li{
		background: #f1f1f1;
		border-bottom: 1px solid #e8e1e1;
	}
	.mega-menu-submenu li > a {
		font-size: 20px;
		text-transform: uppercase !important;
		padding: 5px 10px !important;
    	color: black !important;
	    font-weight: 500 !important;
	}
	.mega-menu-submenu li > a::before{
		content: "" !important;
	}
	.mega-menu-submenu li > a:hover{
		text-decoration: none !important;
		color: var(--theme-color) !important;
	}
}
@media screen and (min-width: 1920px){
	.my-mega-container.p-relative.menu-x4 .sub-menu {
		/*width: calc(420px*4) !important;*/
	}
	.main-menu ul.sub-menu .mega-container{
		width: 275px !important;
	}
}
/* ---------- MEGA MENU CSS ---------- */
.header-top #menu-header-1{
	display: none !important;
}
@media screen and (min-width: 768px){
	.destination-content{
		width: 100%;
		bottom: 80px !important;
	}
}
@media screen and (min-width: 1280px){	
	.swiper.heroThumbs{
		margin-right: 75px !important
	}
	.destination-content{
		margin-bottom: 50px !important;
	}
}
@media screen and (min-width: 1920px){	
	.destination-content{
		margin-bottom: 50px !important;
	}
}
.menu-item a{
	text-transform: uppercase !important;
}