/*!
Theme Name: Rancho Texas
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: JMFM
Author URI: https://www.kadencewp.com/
Description: Tema personalizado para el Rancho Texas Park Lanzarote
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* La personalización del tema empieza aquí
-------------------------------------------------------------- */

/* .content-title-style-above .page-hero-section .entry-hero-container-inner {
    background-position: 25% 25% !important;
} */

/* div.menu-lenguaje-header,
div.boton-footer-tickets {
    display: none;
}
div.borde-redondeado span,
div.borde-redondeado img {
    border-radius: 24px;
} */

/* Estilizado página Historia */

/* div.tab-historia div.kt-tabs-content-wrap {
  position: relative;
  top: -404px;
  right: -100px;
} */

/* Diseño tarjeta animales */

div.listar-tarjetas h5.entry-title {
  text-align: center;
  font-weight: 400;
}
div.cuatro-columnas .grid-cols {
  column-gap: 4rem !important;
} 

div.listar-tarjetas p.more-link-wrap {
   text-align: center;
}
div.listar-tarjetas p.more-link-wrap a {
  text-align: center;
  font-weight: 500;
  text-transform: capitalize;
  text-decoration: underline;
}
div.listar-tarjetas a.post-thumbnail {
    border-radius: 200px;
}

div.listar-tarjetas a.post-more-link span.kadence-svg-iconset {
    display: none;
}
div.listar-tarjetas article.category-toboganes h5,
div.listar-tarjetas article.category-piscinas h5 {
    font-weight: bold;
}
/* Diseño tarjetas */

/* div.tarjeta-fondo .wp-block-cover {
    margin-bottom: 0;
}
div.tarjeta-fondo span,
div.tarjeta-fondo img {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
} */


  /*  Diseño Tablas  */

.wp-block-table td, .wp-block-table th{
    border-right-style: none !important;
    border-left-style: none !important;
  }
  /* a.header-button::before {
    content: url('https://ranchotexas-demo.jmfm.eu/wp-content/uploads/2023/07/carrito-de-compras_02.png');
    display: inline-block;
    vertical-align: middle;
} */
/* Animaciones */
/*fade in*/
.fade-in {
	-webkit-animation: fade-in 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.5s both;
	        animation: fade-in 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.5s both;
}

 @-webkit-keyframes fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
div.cuatro-columnas div.wp-block-kadence-posts {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

/* Tipografías */


@font-face {
    font-family: 'brotherland-aged';
    src: url('fonts/brotherland-aged.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PricklyPearBold';
    src: url('fonts/PricklyPearBold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Mondo-Black';
    src: url('fonts/Mondo-Black.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

 h1 {
    font-family: 'brotherland-aged' !important;
  }
h2 {
    font-family: 'PricklyPearBold' !important;
  }
h3,
.kb-button span,
.header-button,
.mobile-header-button {
    font-family: 'Mondo-Black' !important;
  }
blockquote {
  border-left: 2px solid var(--global-palette5) !important;
}
  div.footer-widget1 {
    margin-left: 80px !important;
  }
  .wp-block-kadence-advancedgallery .kb-gallery-ul, ul.menu .wp-block-kadence-advancedgallery ul.kb-gallery-ul.kb-gallery-ul {
    padding: 0px 80px;
  }
  .kb-splide .splide__pagination, .kb-splide ul.splide__pagination.splide__pagination {
    bottom: -30px !important;
  }
  .slick-next:before {
    content: url(iconos/dx.svg) !important;
  }
  .slick-prev:before {
    content: url(iconos/ix.svg) !important;
  }
  .slick-next:before, .slick-prev:before {
    font-size: 60px !important;
    color: black !important;
  }
  .kb-splide.kt-carousel-arrowstyle-blackonlight,
  .kb-splide .splide__arrow {
    background: none !important;
    opacity: 1 !important;
  }
div.tabs-historia-02 ul.kt-tabs-title-list {
  float: none;
  width: 60%;
  position: absolute;
  left: -82%;
  top: 340px;
}
div.tabs-historia-02 div.kt-tabs-id8484_d89d06-fb > .kt-tabs-content-wrap > .wp-block-kadence-tab {
  padding-left: 90px;
  padding-top: 0;
  padding-right: 0;
}
div.tabs-historia-02 .kt-tabs-id17_4ae533-68 > .kt-tabs-content-wrap > .wp-block-kadence-tab {
  padding-right: 0;
  padding-left: 8rem;
}
div.tabs-historia-02 div.kt-tabs-layout-vtabs>.kt-tabs-content-wrap {
  float: none;
  width: fit-content;
}
.alto-fijo-cabecera {
  max-height: 80vh;
}
.trip-etiqueta {
  position: absolute;
  top: 120%;
  right: 0;
  z-index: 999;
}
.trip-prueba {
  max-width: fit-content !important;
  position: absolute;
  right: 0;
  bottom: 50px;
}
/* Añadir Iconos a botones */

a.huella-carbono span::before {
    content: url('iconos/hoja_mano_sostenibilidad.svg') !important;
    vertical-align: middle; 
    position: initial;
    color: white; 
    margin-right: 5px;
    /* margin-bottom: 5px; */
    width: 24px;
    /* height: 24px; */
    opacity: 1;
    display: inline-block;
  }
  div.footer-widget1 {
    margin-left: 80px !important;
  }

  div.skills-sostenibilidad li#climatizacion span::before,
  div.acordeon-sostenibilidad div.acor-geotermia span.kt-blocks-accordion-title::before  {
    content: url('iconos/geotermia_final.svg');
    position: relative;
    color: #fff !important;
    margin-right: 5px;
    width: 24px;
    /* height: 21px; */
    opacity: 1 !important;
    display: inline-block !important;
    top: 5px;
  }

  div.skills-sostenibilidad li#residuos span::before,
  div.acordeon-sostenibilidad div.acor-residuos span.kt-blocks-accordion-title::before {
    content: url('iconos/reciclaje.svg');
    position: relative;
    color: #fff !important;
    margin-right: 5px;
    width: 24px;
    /* height: 29px; */
    opacity: 1 !important;
    display: inline-block !important;
    top: 5px;
  }
  div.skills-sostenibilidad li#tecnologia span::before,
  div.acordeon-sostenibilidad div.acor-tecnologia span.kt-blocks-accordion-title::before {
    content: url('iconos/tecnologia.svg');
    position: relative;
    color: #fff !important;
    margin-right: 12px;
    width: 16px;
    /* height: 16px; */
    opacity: 1 !important;
    display: inline-block !important;
    top: 5px;
  }

  div.skills-sostenibilidad li#medioambiente span::before,
  div.acordeon-sostenibilidad div.acor-medioambiente span.kt-blocks-accordion-title::before {
    content: url('iconos/educacion_medioambiental_02.svg');
    position: relative;
    color: #fff !important;
    margin-right: 3px;
    width: 26px;
    opacity: 1 !important;
    display: inline-block !important;
    top: 5px;
  }
div.skills-sostenibilidad div.kt-tabs-content-wrap {
  margin-left: 80px;
}
div.formulario-popup input,
div.formulario-popup select,
div.formulario-popup textarea {
  background: none;
}
div.formulario-popup input[type="submit"] {
  background: var(--global-palette1);
}
button.gprev,
button.gnext {
  display: none;
}

div.imagen-sostenibilidad figure {
  position: absolute;
  top: 0;
  left: 112%;
}

.espaciador-country {
  display: none; /* Ocultar el elemento por defecto */
}
#miPopup figure{
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
.popup-contenedor {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1001;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  display: none;
}
.popup-cerrar {
  position: fixed;
  top: -50px;
  right: 0px;
  border: none;
  font-size: 20px;
  cursor: pointer;
  z-index: 1002; /* Asegurarse de que el botón esté encima del overlay */
}
#miPopup img {
  border: 8px solid var(--global-palette1);
  border-radius: 8px;
  max-width: 100%;
  max-height: 100%;
}
body.category-toboganes nav.post-navigation,
body.category-toboganes div.entry-related {
    display: none !important;
}

body.category-toboganes footer#colophon {
    background-color: #42937a !important;
}
body.category-toboganes footer#colophon p,
body.category-toboganes footer#colophon ul.menu a {
  color: #212932 !important; /* Color del texto */
}
.page-id-13538 footer#colophon p {
  color: #212932 !important; /* Color del texto */
}
.page-id-13538 footer#colophon ul.menu a {
  color: #212932 !important; /* Color del texto */
}
.page-id-13538 footer#colophon {
  background-color: #42937a !important; /* Color de fondo */
}
.page-id-13538 footer#colophon .footer-social-inner-wrap a,
body.category-toboganes footer#colophon .footer-social-inner-wrap a {
  background-color: #212932 !important; /* Color de fondo de los botones sociales */
  color: #42937a !important; /* Color del icono */
}
.page-id-13538 .ti-inner {
    background-color: #daece4 !important; /* Color de fondo */
}

img.wp-post-image {
  image-rendering: -webkit-optimize-contrast;
  transform: translate3d(0, 0, 0.1px);
}


/* Media Query */


@media (min-width: 1100px) and (max-width: 1350px) {
  .espaciador-country {
    display: block; /* Mostrar el elemento solo en el rango de ancho especificado */
  }
  .espaciador-country-02 {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .espaciador-country-02 {
    display: none;
  }
    div.menu-lenguaje-header,
    div.boton-footer-tickets {
        display: block;
    }
    div.boton-footer-tickets {
        position: fixed;
        bottom: 0;
        min-width: 100%;
        z-index: 999;
    }
    div.menu-lenguaje-header {
        position: fixed;
        z-index: 999;
        left: 72%;
        top: 0px;
        }
    div.menu-lenguaje-header a {
        display: flex;
        align-items: center;
        gap: 5px;
        list-style: none;
    }
    div#boton-lenguaje button {
        max-width: fit-content;
    }
    /* div#boton-lenguaje span.kt-blocks-accordion-title-wrap::before {
        content: url('https://ranchotexas-demo.jmfm.eu/wp-content/uploads/2023/07/idiomas-esc.png');
         Add any additional styles for the icon 
        display: inline-block;
        vertical-align: middle;
    } */
    div.menu-lenguaje-header button {
        border: none !important;
    }
    div.menu-lenguaje-header .kt-accordion-panel-inner {
        background-color: var(--global-palette2);
        padding-bottom: 0;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        margin-top: 11px;
    }
    div.categoria-animales li {
        margin-right: 24px;
    }
    body.page-id-25 div.boton-footer-tickets,
    body.parent-pageid-25 div.boton-footer-tickets {
        display: none;
    }
    /* .collapse-sub-navigation ul.menu {
        list-style: none;
    }
    .collapse-sub-navigation ul.menu li a,
    .collapse-sub-navigation ul.menu .drawer-nav-drop-wrap .drawer-sub-toggle {
        border-bottom: none !important;
        border-left: none !important;
    }
    div.menu-lenguaje-header ul.sub-menu {
        background-color: var(--global-palette8);
        list-style: none;
    } */
    div.tabs-historia-02 .kt-tabs-id17_4ae533-68>.kt-tabs-content-wrap>.wp-block-kadence-tab {
      padding-left: 1rem;
    }
    .ocultar-movil {
      display: none !important;
    }
    div.skills-sostenibilidad div.kt-tabs-content-wrap {
      margin-left: initial;
    }
    div.cuatro-columnas div.wp-block-kadence-posts {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    /* .listar-tarjetas .loop-entry {
      max-width: 250px;
    } */
    div.cuatro-columnas .grid-cols {
      column-gap: 2.5rem !important;
    }
    div.ambientes figure {
      max-width: 50%!important;
    }
    .popup-contenedor {
      top: 20%;
      left: 0;
      transform: none;
      margin: auto 5px;
  }
  .popup-cerrar {
    top: 14%;
    right: 5px;
}
  }