/*
Theme Name: Travel Master Pro Child
Theme URI: https://themepalace.com/downloads/travel-master-pro
Template: travel-master-pro
Author: Theme Palace
Author URI: https://themepalace.com
Description: Travel Master Pro is a mobile responsive and super customizable Travel WordPress theme. Travel Master Pro has lots of features and it contains tons of elements. The site has been designed for travel agency and tour operator but thanks to his creative graphics, simple, modern, flat and clean well suited to any business. The theme is beautifully crafted, clean, easy to use, responsive, features different layouts with sidebar position and allows unlimited color selection. It has been designed for everybody with or without previous coding experience to effectively and helps to speedily put together polished, professional quality websites without having to so much as peek at a single line of code.
Tags: translation-ready,custom-background,theme-options,custom-menu,threaded-comments,featured-images,footer-widgets,left-sidebar,editor-style,right-sidebar,full-width-template,two-columns,three-columns,grid-layout,custom-colors,custom-header,custom-logo,featured-image-header,blog,portfolio,entertainment
Version: 1.2.5.1654850794
Updated: 2022-06-10 08:46:34

*/

/* ===== Telmo Viajes - customizaciones (child theme) ===== */

/* --- Botones: se avivan (brillo) sin cambiar de color --- */
.btn, .more-link, a.more-link, .button,
input[type="submit"], .wp-travel-book-now-wrap a {
  transition: filter .25s ease, box-shadow .25s ease;
}
.btn:hover, .btn:focus, .more-link:hover, .more-link:focus,
.button:hover, .button:focus, input[type="submit"]:hover, input[type="submit"]:focus,
.wp-travel-book-now-wrap a:hover, .wp-travel-book-now-wrap a:focus {
  filter: brightness(1.12);
  box-shadow: 0 4px 14px rgba(0,0,0,0.18);
}

/* --- Menu principal: resaltado amarillo claro al pasar el raton --- */
.main-navigation ul.nav-menu > li > a { transition: color .3s ease; }
.main-navigation ul.nav-menu > li > a:hover,
.main-navigation ul.nav-menu > li > a:focus {
  color: #ffe066 !important;
  opacity: 1 !important;
}

/* --- Submenus de navegacion --- */
.main-navigation ul.sub-menu li a { transition: background-color .25s ease, color .25s ease; }
.main-navigation ul.sub-menu li a:hover,
.main-navigation ul.sub-menu li a:focus { background-color: #00afe9; color: #fff; }

/* --- Buscador: campos se rellenan de cian al pasar el raton (como BUSCAR) --- */
.wp-travel-search input[type="text"],
.wp-travel-search select.wp-travel-taxonomy,
.wp-travel-search input.button-primary {
  transition: background-color .3s ease, color .3s ease, box-shadow .3s ease, filter .3s ease;
}
.wp-travel-search input[type="text"]:hover,
.wp-travel-search input[type="text"]:focus,
.wp-travel-search select.wp-travel-taxonomy:hover,
.wp-travel-search select.wp-travel-taxonomy:focus {
  background-color: #00afe9 !important;
  color: #fff !important;
  box-shadow: 0 0 12px rgba(0,175,233,0.55);
}
.wp-travel-search input[type="text"]:hover::placeholder,
.wp-travel-search input[type="text"]:focus::placeholder { color: #eaf7ff; }
/* Lista desplegable: opciones con fondo oscuro y legible (en vez de cian) */
.wp-travel-search select.wp-travel-taxonomy option {
  background-color: #15171a;
  color: #fff;
  padding: 6px;
}
.wp-travel-search input.button-primary:hover,
.wp-travel-search input.button-primary:focus {
  filter: brightness(1.1);
  box-shadow: 0 0 12px rgba(0,175,233,0.7);
}

/* --- Logo: quitar el contorno (outline) al hacer clic con el raton --- */
.custom-logo-link:focus:not(:focus-visible),
.site-branding a:focus:not(:focus-visible) { outline: none; box-shadow: none; }

/* --- Iconos sociales: fijados arriba a la derecha (>=1024px) --- */
@media screen and (min-width: 1024px) {
  #masthead .main-navigation ul.nav-menu { position: relative; padding-right: 150px; }
  #masthead .main-navigation ul.nav-menu > li.social-menu {
    position: absolute; right: 0; top: 50%; transform: translateY(-50%); margin: 0;
  }
}

/* --- Buscador: campos en cian como BUSCAR --- */
.wp-travel-search input[type="text"],
.wp-travel-search select.wp-travel-taxonomy {
  background-color: #00afe9 !important;
  color: #ffffff !important;
  border-color: #00afe9 !important;
}
.wp-travel-search input[type="text"]::placeholder { color: #eaf7ff !important; opacity: 1; }
.wp-travel-search select.wp-travel-taxonomy option { background-color: #15171a; color: #fff; }
.wp-travel-search input[type="text"]:hover,
.wp-travel-search input[type="text"]:focus,
.wp-travel-search select.wp-travel-taxonomy:hover,
.wp-travel-search select.wp-travel-taxonomy:focus {
  background-color: #00afe9 !important;
  color: #fff !important;
  filter: brightness(1.08);
  box-shadow: 0 0 12px rgba(0,175,233,0.5);
}

/* --- Nav fija: transiciones ligeras (menos lag al hacer scroll) --- */
#masthead,
.menu-sticky #masthead,
.menu-sticky #masthead.nav-shrink,
.menu-sticky #masthead.nav-shrink .main-navigation ul.nav-menu > li > a {
  transition: background-color .2s ease, color .2s ease !important;
  will-change: background-color;
}

/* --- Buscador: hover más marcado ("se ilumina" y sube) --- */
.wp-travel-search input[type="text"],
.wp-travel-search select.wp-travel-taxonomy,
.wp-travel-search input.button-primary {
  transition: background-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}
.wp-travel-search input[type="text"]:hover,
.wp-travel-search input[type="text"]:focus,
.wp-travel-search select.wp-travel-taxonomy:hover,
.wp-travel-search select.wp-travel-taxonomy:focus,
.wp-travel-search input.button-primary:hover,
.wp-travel-search input.button-primary:focus {
  background-color: #35c5f5 !important;
  color: #ffffff !important;
  filter: none !important;
  box-shadow: 0 6px 20px rgba(0,175,233,0.65) !important;
  transform: translateY(-2px);
}

/* --- Móvil: menú legible (no amarillo sobre fondo claro al tocar) --- */
@media (max-width: 1023px) {
  .main-navigation ul.nav-menu > li > a:hover,
  .main-navigation ul.nav-menu > li > a:focus {
    color: #242625 !important;
    opacity: 1 !important;
  }
}
/* --- Tarjetas: hover más suave (menos oscurecimiento) --- */
.destination-item-wrapper:hover .overlay { opacity: 0.2 !important; }
/* --- Popup: que quepa en pantalla y se pueda cerrar --- */
.hustle-popup-content {
  max-height: 92vh !important;
  overflow-y: auto !important;
}
.hustle-popup-content .hustle-button-icon.hustle-icon-close {
  position: sticky !important;
  top: 10px !important;
  z-index: 20 !important;
}


/* ---- Carousels: stop the height "drift" (2026-08-11) ----
   Theme runs Slick with adaptiveHeight:true + speed:1000, so the carousel
   SLOWLY animates its container height to each slide over a full second.
   When slides differ in height (the client-reviews slider renders 601 vs 573px)
   the whole block visibly keeps moving. Snap the height instead of animating it,
   and keep the review images a consistent size so slides stop differing. */
.featured-slider .slick-list,
.places-slider .slick-list,
.clients-feedback.classic-slider .slick-list {
  transition: none !important;
}
.clients-feedback.classic-slider .featured-image {
  aspect-ratio: 1 / 1;
  height: auto !important;
  background-size: cover !important;
  background-position: center center !important;
}
/* belt-and-braces: never let a slide grow taller than its row */
.clients-feedback.classic-slider .slick-slide {
  height: auto;
}