/* ============================================================
   Custom Fonts (Adobe Typekit)
============================================================ */

/* Body text */
body, p, .trawell-cover .cover-entry .entry-meta, .trawell-cover .cover-entry .entry-category {
    font-family: "xanti-typewriter-variable", monospace !important;
    font-weight: 350;
}

/* Headings (except nav) */
.h1, .h2, .h3, h1, h2, h3, .trawell-cover .cover-entry .entry-title, .trawell-item .entry-title {
    font-family: "novecento-slab", serif !important;
    font-weight: 400;  /* Adjust if needed */
}

/* Navigation and buttons */
.nav, nav, .h4, .h5, .h6, h4, h5, h6, .trawell-button, .trawell-header, button, .section-title span {
    font-family: "novecento-sans-wide", sans-serif !important;
    font-weight: 400;
}

/* Headings (except nav) */
li a, .widget a {
    font-family: "novecento-slab", serif !important;
    font-weight: 400;  /* Adjust if needed */
    text-transform: uppercase !important;
}


/* ============================================================
   Map Overlay & Cover Styling
============================================================ */

/* Override Trawell cover overlay gradient */
.trawell-header-indent .trawell-cover.trawell-cover-slider .owl-stage-outer .trawell-cover-item:before,
.trawell-header-indent .trawell-cover:before {
    background: linear-gradient(0deg, rgba(0,0,0,0) 0%, #e26991 100%) !important;
}




/* Cover container */
.trawell-cover,
.trawell-cover-item {
    position: relative;
    width: 100%;
}

/* Adjust height for mobile and desktop */
@media (min-width: 1024px) {
    .trawell-cover,
    .trawell-cover-item {
        height: 730px; /* desktop height */
    }
}

@media (max-width: 1023px) {
    .trawell-cover,
    .trawell-cover-item {
        height: 500px; /* mobile/tablet height */
    }
}

/* Overlay content lower third */
.trawell-cover .cover-entry {
    position: absolute;
    bottom: 10%; /* adjust vertical position */
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    z-index: 10;
    width: 90%;
}

/* Entry title */
.trawell-cover .cover-entry .entry-title {
    font-family: "novecento-slab", serif;
    font-weight: 400;
    font-size: 3rem;
    line-height: 1.2;
    color: #fff; /* adjust as needed */
}

/* Category pills */
.trawell-cover .cover-entry .entry-category {
    font-family: "xanti-typewriter-variable", monospace;
    font-weight: 350;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.5rem;
}

/* Meta info (date, read time, etc.) */
.trawell-cover .cover-entry .entry-meta {
    font-family: "xanti-typewriter-variable", monospace;
    font-weight: 350;
    font-size: 0.85rem;
    margin-top: 0.5rem;
}

/* Map container styling */
#single-post-map {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

/* Map marker cluster numbers (if using clusters) */
.gmnoprint .cluster-text {
    font-family: "novecento-slab", serif !important;
    font-weight: 700;
    font-size: 1rem !important;
    color: #fff !important;
}

.wpgmp-map-7 .wpgmp_infowindow.wpgmp_infowindow_post .fc-post-link{
    font-family: "novecento-slab", serif !important;
    font-weight: 400;  /* Adjust if needed */;
}

.wpgmp-map-7 .wpgmp_infowindow.wpgmp_infowindow_post .fc-item-meta.fc-item-secondary-text-color{
    font-family: "xanti-typewriter-variable", monospace !important;
    font-weight: 600;
}

.wpgmp-map-7 .wpgmp_infowindow.wpgmp_infowindow_post .fc-item-content.fc-item-body-text-color{
    font-family: "xanti-typewriter-variable", monospace !important;
    font-weight: 350;
}

.wpgmp-map-7 .wpgmp_infowindow.wpgmp_infowindow_post .fc-item-content.fc-item-secondary-text-color{
    font-family: "xanti-typewriter-variable", monospace !important;
    font-weight: 100;
}
/* ============================================================
   Optional: Responsive adjustments for map & overlay
============================================================ */
@media (max-width: 767px) {
    .trawell-cover .cover-entry .entry-title {
        font-size: 2rem;
    }

    .trawell-cover .cover-entry {
        bottom: 10%;
        width: 95%;
    }
}

/* Make Cover blocks inside columns auto-height on mobile */
@media (max-width: 768px) {
    .wp-block-columns .wp-block-column .wp-block-cover {
        min-height: auto !important; /* ignore the 720px min-height */
        height: auto !important;     /* let it grow naturally with content */
        padding: 3rem 3rem;          /* optional padding for breathing room */
    }
}

/* Reduce horizontal gap between columns */
.wp-block-columns {
    column-gap: .5rem; /* default may be 2-3rem, adjust as needed */
}