/* ==========================================================
   EASTERNHOPS - EVENTS (FlyingClub)
   Bootstrap 3 theme compatible
   ========================================================== */

/* ---------- HERO (max 300px) ---------- */
.fc-hero {
    height: 300px;
    max-height: 300px;
    overflow: hidden;
    background: #000;
    width: 100%;
}

.fc-hero img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ---------- BLUE EVENT BANNER ---------- */
.fc-event-banner {
    background: #0b5fa5;
    color: #fff;
}

.fc-event-banner .fc-event-title {
    font-weight: 900;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: .02em;
    margin: 0;
}

.fc-event-banner .fc-event-desc {
    margin-top: 6px;
    font-size: 14px;
    opacity: .95;
    line-height: 1.4;
}

/* ---------- PAGE SPACING ---------- */
.fc-wrap {
    padding-top: 20px;
    padding-bottom: 30px;
}

/* ---------- SECTION TITLES (outside cards) ---------- */
.fc-section-title {
    font-size: 22px;
    font-weight: 900;
    color: #000;
    text-transform: uppercase;
    letter-spacing: .02em;
    margin: 6px 0 10px;
}

/* ---------- CARD LOOK (works with BS3 panels + your theme) ---------- */
.fc-card {
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
}

/* Use this on inner container holding widget/placeholder */
.fc-card-body {
    padding: 12px;
}

/* ---------- ACTIVE TOURS WIDGET AREA ---------- */
/* Make the widget feel less "tiny" inside the left column */
.fc-tours-wrap .card,
.fc-tours-wrap .panel {
    margin-bottom: 0;
}

.fc-tours-wrap img {
    border-radius: 6px;
}

/* ---------- NEWS PLACEHOLDER ---------- */
.fc-placeholder {
    border: 2px dashed rgba(0, 0, 0, .18);
    border-radius: 8px;
    padding: 18px;
    background: rgba(0, 0, 0, .02);
}

.fc-placeholder-title {
    font-weight: 900;
    margin-bottom: 6px;
}

.fc-placeholder-text {
    color: #6c757d;
    font-size: 14px;
    line-height: 1.4;
}

/* ---------- TABS (Bootstrap 3) ---------- */
/* IMPORTANT: this styles .nav-tabs with <li><a data-toggle="tab"> */
.fc-tabs {
    text-align: center;
    border-bottom: 0;
}

.fc-tabs>li {
    float: none !important;
    display: inline-block !important;
    vertical-align: top;
    margin: 0 6px 10px;
}

.fc-tabs>li>a {
    background: #6faec2;
    border: 1px solid #0b3f4c !important;
    color: #fff !important;
    font-weight: 900;
    text-transform: uppercase;
    border-radius: 18px;
    padding: 10px 16px;
    line-height: 1;
    transition: background .15s ease-in-out;
}

.fc-tabs>li>a:hover {
    background: #2f7f98;
    border-color: #0b3f4c !important;
}

.fc-tabs>li.active>a,
.fc-tabs>li.active>a:hover,
.fc-tabs>li.active>a:focus {
    background: #0b5fa5 !important;
    border-color: #083e6b !important;
    color: #fff !important;
}

/* Ensure the tab content has breathing room */
.fc-tab-content {
    margin-top: 10px;
}

/* ---------- TAB PANELS ---------- */
.fc-tab-pane {
    margin-top: 10px;
}

.fc-tab-pane .fc-card {
    margin-bottom: 20px;
}

/* ---------- RESPONSIVE TWEAKS ---------- */
@media (max-width: 767px) {
    .fc-section-title {
        font-size: 20px;
    }

    .fc-tabs>li {
        margin-right: 6px;
        margin-bottom: 8px;
    }

    .fc-tabs>li>a {
        padding: 10px 12px;
        font-size: 12px;
    }
}

/* Make Active Tours image large */
.fc-tours-wrap img,
.fc-tours-wrap img[style] {
    width: 100% !important;
    height: 350px !important;
    /* REQUIRED SIZE */
    min-height: 350px !important;
    max-height: 350px !important;
    object-fit: cover !important;
    display: block !important;
}

/* Ensure the inner widget card fills the column */
.fc-tours-wrap .card {
    width: 100%;
}