/*
Template: single-club
Version: 1.0.0
*/

/* GENERAL */
body.single-club {
    overflow-x: hidden;
}

.section_cta {
    background-color: #330606;
    color: #FFFFFF;
}

.grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
}

.card {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.card i {
    font-size: 25.6px;
}

.card h3 {edit-listing_button
    margin-bottom: unset;
}

.img-container {
    display: flex;
    justify-content: center;
    border-radius: 8px;
    overflow: hidden;
    max-height: 28rem;
}

.img-container img,
.section_sponsors .sponsor img {
    flex: 1 1 auto;
    height: auto;
    max-width: 100%;
    object-fit: cover;
}

.background--maroon,
.card.club-activity {
    background: #650D0D;
    color: #FFFFFF;
}

/* SECTIONS THAT ARE SINGLE COLUMN */
.section_club-activities .row,
.section_disciplines .row,
.section_sponsors .row,
.section_faqs .row {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2.5rem;
}

.section_club-activities .row > *,
.section_disciplines .row > *,
.section_sponsors .row > *,
.section_faqs .row > * {
    width: 100%;
}

/* FIXED CONTACT CTA */
.section_cta--fixed {
    position: fixed;
    bottom: 0;
    padding: 3rem 2.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 100vw;
    background-color: #FFFFFF;
    border-radius: 0.5rem 0.5rem 0 0;
    z-index: 2;
}

.cta_buttons a.qcta-button,
.cta_buttons a.qcta-button:link,
.cta_buttons a.qcta-button:visited {
    text-transform: unset;
}

/* FIXED - EDIT LISTING */
.section_edit-listing {
    position: fixed;
    bottom: 2rem;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 99;
}

.section_edit-listing .edit-listing_button,
.section_edit-listing .edit-listing_button:focus,
.section_edit-listing .edit-listing_button:hover,
.section_edit-listing .edit-listing_button:active,
.section_edit-listing .edit-sponsor_button,
.section_edit-listing .edit-sponsor_button:focus,
.section_edit-listing .edit-sponsor_button:hover,
.section_edit-listing .edit-sponsor_button:active {
    text-transform: uppercase;
    padding: 1rem 3rem;
}

/* Edit listing - Modal */
.edit-listing__modal {
    transition: .2s;
    visibility: hidden;
    width: 50%;
    border: none;
    border-radius: 8px;
    padding: unset;
}

.edit-listing__modal[open] {
    margin-top: auto;
    transform: translateY(0);
    visibility: visible;
}

.modal__container::backdrop {
    background: rgba(188, 177, 177, 0.41);
    transition: opacity 0.2s ease-in-out;
}

.edit-listing__modal .modal__modal {
    display: flex;
    align-self: stretch;
    background: #FFFFFF;
    justify-content: center;
    width: 100%;
}

.edit-listing__modal .modal__modal .modal__content {
    max-width: 900px;
    max-height: 70vh;
    padding: 3rem 0 1rem;
}

.edit-listing__modal .modal__modal .modal__content > div {
    padding-bottom: 2rem;
}

.modal__modal .modal__close-button {
    background: transparent;
    border: none;
    border-radius: 8px;
    font-size: 20px;
    margin: 1.5rem;
    padding: 0.8rem 1.25rem;
    position: absolute;
    right: 0;
    top: 0;
}

.edit-listing__modal .modal__modal .modal__close-button:focus,
.edit-listing__modal .modal__modal .modal__close-button:hover,
.edit-listing__modal .modal__modal .modal__close-button:active {
    background: #F4A7A7;
    transition: 0.2s;
    
}

/* Increase bottom padding on footer to account for fixed CTA */
.single-club footer .et_pb_section_0_tb_footer.et_pb_section {
    padding-bottom: 200px;
}


/* SECTION - PAGE HEADER */
section.section.section_page-header {
    background: center / cover no-repeat url('/wp-content/uploads/2025/04/qcta-banner-03.png');
    padding: 10rem 1.5rem 5rem;
}

.section_page-header .header_text > * {
    color: #FFFFFF;
    text-transform: uppercase;
    margin: 0;
}

.section_page-header .header_text {
    width: 55%;
}

.section_page-header .header_text .header_subtitle {
    font-size: 20px;
}

.section_page-header .header_open-hours-status {
    background: #FFFFFF;
    color: inherit;
    padding: 2rem 2.5rem;
    border-radius: 8px;
    flex: 1;
    max-width: 30rem;
    justify-content: space-between;
}

.section_page-header .header_open-hours-status,
.section_page-header .header_open-hours-status .status {
    display: flex;
    align-items: center;
}

.section_page-header .header_open-hours-status .status {
    gap: 0.5rem
}

.section_page-header .header_open-hours-status a {
    color: inherit;
}

.section_page-header .header_open-hours-status .status-dot {
    height: 8px;
    width: 8px;
    border-radius: 100%;
}

/* Colours when club is closed */
.section_page-header .header_open-hours-status.closed .status-dot {
    background-color: #EF4444;
}

.section_page-header .header_open-hours-status.closed .status-text {
    color: #EF4444;
}

/* Colours when club is opened */
.section_page-header .header_open-hours-status.open .status-dot {
    background-color: #22C55E;
}

.section_page-header .header_open-hours-status.open .status-text {
    color: #22C55E;
}

/* SECTION - CLUB CONTACT */
.section_club-contact {
    padding: 3.75rem 1.5rem;
}

.section_club-contact .club-contact_text {
    display: flex;
    flex-direction: column;
}

.section_club-contact .club-contact_text > h2 {
    margin-bottom: unset;
}

/* SECTION - CLUB ACTIVITIES AND EVENTS */
.section_club-activities .card {
    padding: 1.5rem;
    border-radius: 8px;
}

.section_club-activities .club-events {
    padding-top: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Overriding CSS on The Events Calendar shortcode embed */
.section_club-activities .club-events .tribe-events .tribe-events-l-container {
    padding: unset;
    margin: unset;
    max-width: unset;
    min-height: unset;
}

/* Hide specific elements on The Events Calendar shortcode embed */
.section_club-activities .club-events .tribe-events .tribe-events-header,
.section_club-activities .club-events .tribe-events .tribe-events-calendar-list__event-datetime-wrapper {
    display: none !important;
}

/* SECTION - BECOME A MEMBER CTA */
.section_member .row > div {
    flex: unset
}

.section_member .member-cta_text {
    width: 62.5%;
}

/* SECTION - CLUB LOCATION + OPENING HOURS */
.section_location-opening-hours .location-opening-hours_text,
.section_location-opening-hours .addresses {
    display: flex;
    flex-direction: column;
}

.section_location-opening-hours .location-opening-hours_text {
    gap: 2.25rem;
}

.section_location-opening-hours .addresses {
    gap: 1rem;
}

.section_location-opening-hours h2,
.section_location-opening-hours h3 {
    margin: unset;
}

.section_location-opening-hours .club-hours {
    padding-top: 2rem;
}

.section_location-opening-hours .club-hours_days {
    padding: unset;
    margin: unset;
    padding-top: 1rem;
}

.section_location-opening-hours .day-row {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
}

.section_location-opening-hours .day-row:not(:last-child) {
    border-bottom: solid 1px #DED8D8;
}

.section_location-opening-hours .day-hours {
    text-transform: uppercase;
}

.section_location-opening-hours .map_container {
    overflow: hidden;
    border-radius: 8px;
    height: 48rem;
}

.section_location-opening-hours #map {
    height: 100%;
}

/* SECTION - COME AND TRY CTA */
.section_come-and-try .row {
    align-items: flex-start;
}

/* Change default Gravity Forms label colour */
.section_come-and-try #gform_wrapper_7 .club_enquiry-form .gfield_label {
	color: #FFFFFF;
}

/* Change default Gravity Forms inputs */
.section_come-and-try #gform_wrapper_7 .club_enquiry-form input:not([type=submit]),
.section_come-and-try #gform_wrapper_7 .club_enquiry-form select,
.section_come-and-try #gform_wrapper_7 .club_enquiry-form textarea {
    border: none;
    border-bottom: 1px solid #DED8D8;
    background-color: transparent;
    color: #FFFFFF;
    border-radius: unset;
    outline-color: #BCB1B1;
}

.section_come-and-try #gform_wrapper_7 .club_enquiry-form select {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(222, 216, 216, 1)'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.section_come-and-try #gform_wrapper_7 .club_enquiry-form input::placeholder,
.section_come-and-try #gform_wrapper_7 .club_enquiry-form textarea::placeholder {
    color: #877272;
}

/* Change default Gravity Forms button */
.section_come-and-try #gform_wrapper_7 .club_enquiry-form input[type=submit] {
    border-radius: 40rem;
    background-color: #EFBA4D;
    color: #330606;
    text-transform: uppercase;
    transition-duration: 0.3s;
}

.section_come-and-try #gform_wrapper_7 .club_enquiry-form input[type=submit]:hover {
    background-color: #F3CB7A;
}

/* SECTION - SPONSORS */
.section_sponsors .major-sponsors,
.section_sponsors .minor-sponsors {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 5rem;
    row-gap: 3.75rem;
    margin: auto;
}

.section_sponsors .minor-sponsors {
    max-width: 80%;
}

.section_sponsors .sponsor > * {
    display: flex;
    justify-content: center;
}

.section_sponsors .sponsor--major > * {
    height: 7.5rem;
}

.section_sponsors .sponsor--minor > * {
    height: 5rem;
}

/* SECTION - RULES AND POLICIES */
.section_club-documents a {
    padding: 1rem 0.75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0px 4px 4px 0px rgba(218, 218, 218, 0.25);
    border-radius: 8px;
}

.section_club-documents a,
.section_club-documents a:link,
.section_club-documents a:visited {
    color: #650d0d;
    background-color: #FFFFFF;
    transition-duration: 0.3s;
    text-decoration: none;
}

.section_club-documents a:focus,
.section_club-documents a:hover,
.section_club-documents a:active {
    background-color: #F4A7A7;
}

/* SECTION - FAQs */
.section_faqs .question button {
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    color: #650D0D;
    padding: 1.5rem 0;
    border-bottom: 1px solid #DED8D8;
    text-align: left;
    gap: 3rem;
}

.section_faqs .question button[aria-expanded="true"] i {
    transform: rotate(180deg);
}

@media only screen and (max-width: 980px) {
    .section_page-header .header_text,
    .section_member .member-cta_text {
        width: 100%;
    }

    .padding-y--lg {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .padding-top--lg {
        padding-top: 5rem;
    }

    .padding-bot--lg {
        padding-bottom: 5rem;
    }

    .grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* SECTION - FIXED CONTACT CTA */
    .section_cta--fixed {
        padding: 1.875rem 2rem;
    }

    .section_cta--fixed > p {
        font-size: 14px;
    }

    .section_cta--fixed > * {
        width: 50%;
    }

    /* Increase bottom padding on footer to account for fixed CTA */
    .single-club footer .et_pb_section_0_tb_footer.et_pb_section {
        padding-bottom: 160px;
    }

    /* SECTION - PAGE HEADER */
    section.section.section_page-header {
        padding: 7.5rem 1.5rem 3.5rem;
    }

    .section_page-header .header_text .header_subtitle {
        font-size: 18px;
    }

    .section_page-header .header_open-hours-status {
        width: 100%;
        padding: 1rem;
    }

    /* SECTION - CLUB CONTACT */
    .section_club-contact {
        background: #650D0D;
        padding: 2.5rem 1.5rem;
    }

    /* SECTION - DISCIPLINE */
    .section_disciplines .grid {
        row-gap: 4rem;
    }

    /* SECTION - CLUB LOCATION + OPENING HOURS */
    .section_location-opening-hours .row {
        flex-direction: column-reverse;
    }

    .section_location-opening-hours .location-opening-hours_text {
        gap: 1.5rem;
    }

    .section_location-opening-hours .map_container {
        height: 21rem;
    }

    /* SECTION - SPONSORS */
    .section_sponsors .major-sponsors {
        flex-direction: column;
        column-gap: 3.75rem;
        row-gap: 2.5rem;
        align-items: center;
    }

    .section_sponsors .sponsor--major > * {
        height: 5rem;
    }

    .section_sponsors .sponsor--minor > * {
        height: 3.75rem;
    }

    /* SECTION - FAQs */
}

@media only screen and (max-width: 768px) {
    .grid {
        grid-template-columns: 1fr;
    }

    /* SECTION - PAGE HEADER */
    section.section.section_page-header {
        padding: 5rem 1.5rem 2.5rem;
    }

    /* SECTION - FIXED CONTACT CTA */
    .section_cta--fixed {
        padding: 0.75rem 1.5rem;
    }

    /* Increase bottom padding on footer to account for fixed CTA */
    .single-club footer .et_pb_section_0_tb_footer.et_pb_section {
        padding-bottom: 140px;
    }

    /* SECTION - CLUB LOCATION + OPENING HOURS */
    .section_location-opening-hours .map_container {
        height: 14rem;
    }

    /* SECTION - SPONSORS */
    .section_sponsors .sponsor--major > * {
        height: 3.75rem;
    }

    .section_sponsors .sponsor--minor > * {
        height: 2.5rem;
    }
}