/*
Theme Name: Tripp Child
Theme URI: https://tripptheme.com/
Description: A child theme for the Tripp theme. By using a child theme you will ensure that your modifications are preserved.
Author: Wyde
Author URI: https://wydethemes.com/
Template: tripp
Requires at least: 5.9
Tested up to: 6.2
Requires PHP: 5.6
Version: 1.0
Text Domain: tripp-child
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: block-patterns, block-styles, blog, custom-background, custom-colors, custom-header, custom-logo, custom-menu, e-commerce, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, grid-layout, microformats, one-column, portfolio, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready, wide-blocks
*/

/* ------------------------------
   Cambios personalizados
------------------------------ */

	
/* Justificar texto en todo el cuerpo del sitio */
p {
    text-align: justify;
}

ul {
    text-align: justify;
}


.main-header {
    height: var(--tripp-header-menu-gap): none;
    overflow: hidden;
    position: relative;
}

.posts-navigation .see-more-link {
    align-items: center;
    border: 0px solid rgb(var(--tripp-color-primary-rgb));
    border-radius: 0.8rem;
    color: rgb(var(--tripp-color-primary-rgb));
    display: inline-flex;
    font-weight: 700;
    height: 4rem;
    justify-content: center;
    letter-spacing: .04rem;
    padding: 0.5rem 2rem;
    position: relative;
    text-transform: capitalize;
    transition: color .3s,border-color .3s;
    z-index: 10;
}



.flext-block-post-carousel .post-carousel-see-more-link {
    align-items: center;
    background-image: linear-gradient(45deg,rgba(var(--tripp-color-primary-rgb),.9),rgba(var(--tripp-color-primary-rgb),.9),rgba(var(--tripp-color-secondary-rgb),.9),rgba(var(--tripp-color-secondary-rgb),.9));
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 400% 100%;
    border-radius: 1rem;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateZ(1px);
    transition: background-position .3s var(--tripp-transition-ease);
    z-index: 999
}



.main-menu {
    background: rgb(var(--tripp-color-background-rgb));
    box-shadow: 0 1px 0 0 rgba(var(--tripp-color-on-menu-rgb), 0.1);
    color: #002a45;
    height: var(--tripp-header-menu-height);
    left: 0;
    padding: 0 var(--tripp-spacing-horizontal);
    position: absolute;
    right: 0;
    transform: translateZ(2px);
    z-index: 9990;
}


.leaflet-container {
    background: #ddd;
    outline: 0;
    border-radius: 1.5rem;

}


/* Ocultar tiempo de lectura */
.meta-reading-time {
    display: none !important;
}

  .meta-category.term-links {
    display: none;
  }

  .meta-category {
    display: none;
  }


/* Estilos generales */
.main-content {
    min-height: 50vh;
    overflow: hidden;
    padding-left: var(--tripp-spacing-horizontal);
    padding-right: var(--tripp-spacing-horizontal);
    position: relative;
    width: 100%;
    z-index: 2;
}

/* Estilos para pantallas con un ancho mayor a 768px (usualmente escritorios) */
@media screen and (min-width: 768px) {
    .main-content {
        padding-left: 0;
        padding-right: 0;
    }
}

.wp-block-cover .wp-block-cover__background, .wp-block-cover .wp-block-cover__gradient-background, .wp-block-cover-image .wp-block-cover__background, .wp-block-cover-image .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim:not(.has-background-gradient):before, .wp-block-cover.has-background-dim:not(.has-background-gradient):before {
    bottom: 0;
    left: 0;
    opacity: .1;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40, .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40, .wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40 {
 opacity: .0
}


.main-footer .textwidget p {
padding-right: 100px;
}

.desktop-menu.centered-menu .main-menu .menu-widgets {
        background: #ffffff;
    
    }

.filter-categories {
    display: none;
}



.entry-content > * {
    margin-left: auto;
    margin-right: auto;
}

/* Estilos por defecto para móviles y tablets */
@media (max-width: 1024px) {
    .entry-content > * {
        max-width: var(--tripp-content-width);
    }
}

/* Estilos para escritorio (pantallas mayores a 1024px) */
@media (min-width: 1025px) {
    .entry-content > * {
        max-width: none;
    }
}

.main-footer {
    background-color: #f7f7f7;
}


.tripp-xt-vertical-slider .tripp-xt-slide .slide-image {
    display: flex; /* Asegura un contenedor flexible */
    justify-content: flex-start; /* Alinea el hijo (img) al inicio (izquierda) */
    width: 100%; /* El contenedor debe ocupar el 100% del ancho disponible */
    margin-left: 0; /* Elimina cualquier margen izquierdo */
}

.tripp-xt-vertical-slider .tripp-xt-slide .slide-image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: auto; /* Permite que la imagen mantenga su aspecto original sin estirarse */
    margin-left: 0; /* Asegúrate de que no hay margen en la izquierda */
}


.tripp-xt-vertical-slider:before {
 background-image: url('https://cititravel.holaincompany.com/wp-content/uploads/2023/11/Cabecera-1.png');
  background-size: cover; /* This will make sure the image covers the entire div */
  background-repeat: no-repeat; /* This will prevent the image from repeating */
  height: 100%; /* Example height */
  width: 100%; /* Full width */
}