/**
Theme Name: SAB
Author: Kevin Reese
Author URI: https://millionmemoryproject.org
Description: Child theme based of Astra
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sab
Template: astra
*/

@font-face {
    font-family: 'feedstore';
    src: url('fonts/feedstore.woff2') format('woff2');
    src: url('fonts/feedstore.woff') format('woff');
    src: url('fonts/feedstore.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

.ff-btn, .ff-btn-submit {
    background: #3F5461 !important;
}

/* ================================
   Tour Loop
   ================================ */

.tour-item {
    display: flex;
    gap: 1.5rem;
    padding: 2rem 0;
    border-bottom: 1px solid currentColor;
    align-items: flex-start;
}

.tour-item:last-child {
    border-bottom: none;
}

/* Thumbnail */
.tour-thumbnail {
    flex: 0 0 160px;
    width: 160px;
}

.tour-thumbnail a {
    text-decoration: none;
    display: block;
    background: none !important;
}

.tour-thumbnail img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
}

/* Content */
.tour-content {
    flex: 1;
    min-width: 0;
}

/* Title */
.tour-title {
    margin: 0 0 0.5rem 0;
    line-height: 1.2;
    font-weight: 200;
}

.tour-title a {
    color: #3F5461;
    text-decoration: none !important;
}

.tour-title a:hover {
    text-decoration: none !important;
}

/* Meta strip */
.tour-meta-strip {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem 0;
    margin-bottom: 0.75rem;
    font-size: 0.875em;
    color: #9B9B9B;
}

.tour-meta-strip span {
    white-space: nowrap;
}

.tour-meta-date {
    color: #332E2C;
    font-weight: bold;
}

.tour-meta-divider {
    margin: 0 0.5rem;
    opacity: 0.4;
}

.tour-meta-break {
    display: block;
    width: 100%;
    height: 0;
}

.tour-location {
    width: 100%;
    white-space: nowrap;
    font-size: 0.75rem;
}

/* Event Name */
.tour-event-name {
    display: inline-block;
    font-size: 0.8em;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em;
    opacity: 1;
    margin: 0 0 1.25rem 0;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(51, 46, 44, 0.2);
    color: #332E2B;
}

/* Notes */
.tour-notes {
    font-size: 0.75rem;
    line-height: 1.6;
    opacity: 1;
    margin: 0 0 1.25rem 0;
}

.tour-notes p,
.tour-notes li,
.tour-notes a {
    color: #332E2B;
    font-size: 0.75rem !important;
    line-height: 1.3rem !important;
    margin: 0 0 0.5rem 0;
}

.tour-notes p:last-child,
.tour-notes li:last-child {
    margin-bottom: 0;
}

.tour-notes a {
    color: #3F5461 !important;
    text-decoration: underline !important;
}

/* Buttons */
.tour-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 1.25rem;
}

.tour-item .tour-buttons .tour-btn-info,
.tour-item .tour-buttons .tour-btn-tickets {
    text-decoration: none !important;
    font-size: 0.75em !important;
    color: #332E2B !important;
    background: none !important;
    background-color: transparent !important;
    border: 1px solid #332E2B !important;
    box-shadow: none !important;
}

.tour-item .tour-buttons .tour-btn-info:hover,
.tour-item .tour-buttons .tour-btn-tickets:hover {
    background: #E5DBC2 !important;
    background-color: #E5DBC2 !important;
    color: #332E2B !important;
}

/* ================================
   Tour Single Meta
   ================================ */

.tour-single-meta {
    padding: 1.25rem 0;
    border-top: 1px solid currentColor;
    margin-bottom: 2rem;
}

.tour-single-meta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0 2.5rem;
}

.tour-single-meta-item {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.tour-single-meta-label {
    font-size: 0.7em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.45;
}

.tour-single-meta-value {
    font-size: 0.95em;
}

.tour-single-meta-event-name {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin-top: 0.75rem;
    padding-top: 1.25rem;
    border-top: 1px solid currentColor;
    border-bottom: none;
    text-transform: uppercase;
    font-size: 1.2rem !important;
}

.tour-single-meta-event-name .tour-single-meta-label {
    opacity: 0.45;
}

.tour-single-meta-event-name .tour-single-meta-value {
    font-weight: 700;
}

/* ================================
   Responsive
   ================================ */

@media (max-width: 600px) {
    .tour-item {
        flex-direction: column;
        gap: 1rem;
        padding: 1.5rem 0;
    }

    .tour-thumbnail {
        flex: 0 0 auto;
        width: 100%;
    }

    .tour-meta-strip {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.2rem;
        line-height: 1.3rem;
    }

    .tour-meta-divider {
        display: none;
    }

    .tour-buttons {
        flex-direction: column;
    }

    .tour-buttons a {
        text-align: center;
    }

    .tour-single-meta-row {
        gap: 1rem 2rem;
    }
}