/* Split image */

.split-image-wrapper {
    padding-inline: 48px;
    padding-bottom: 86px;
}

.split-image-text {
    line-height: 160%;
    max-width: 370px;
    letter-spacing: 0.16px;
}

/* Rankings */

.leaderboards-container {
    padding-left: 48px;
}

.rankings-selectors-card-container {
    gap: 6px;
    margin-top: 32px;
}

.rankings-card {
    width: 200px;
}

.rankings-selectors-container {
    gap: 8px;
}

.rankingsButton {
    border: 1px solid var(--black) !important;
    padding: 0 4px !important;
    height: 26px;
    border-radius: 30px;
}

.rankings-card-seeAll,
.rankings-card {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05);
    padding: 12px 16px 8px 16px;
}

.rankings-card-rank {
    padding-top: 6px;
    letter-spacing: 0.02em;
}

#RankingsArrowLeft,
#RankingsArrowRight {
    cursor: pointer;
    z-index: 1;
    margin-top: 160px;
}

#RankingsArrowRight {
    right: 0;
}

.experience-outer-container {
    padding-top: 88px;
}

.rankings-selectors-card-container::-webkit-scrollbar {
    display: none;
}

/* Calendar */

.pgds-searchCalendar-row {
    grid-template-columns: repeat(5, 1fr);
    padding: 20px 24px;
    border-bottom: 1px solid #95A1AB;
    font-weight: 700;
}

.pgds-searchCalendar-container {
    max-height: 617px;
    overflow-y: auto;
    border-bottom: 1px solid var(--black);
}

.pgds-searchCalendar-dropdown {
    padding: 7px;
    flex: 1;
}

.pgds-searchCalendar-searchFilter {
    background-color: #003764;
    border-radius: 5px;
    white-space: nowrap;
    color: white;
    font-size: 16px;
    padding: 3px;
}

    .pgds-searchCalendar-searchFilter:hover {
        color: white !important;
    }

.pgds-searchCalendar-dropdown {
    height: 44px;
    padding: 7px;
    max-width: 288px;
}

.pgds-searchCalendarParameter-textbox {
    height: 44px;
    padding: 4.7px 4.7px 4.7px 10px;
    border: 1px solid var(--black);
}

.pgds-calendar-city-parameter-search {
    background-color: #003764;
    border-radius: 5px;
    padding: 3px;
    font-size: 16px;
}

.pgds-ddl {
    flex: 1;
}

    .pgds-ddl .pgds-searchCalendar-dropdown option {
        white-space: nowrap;
        flex: 1;
    }

.pgds-searchCalendar-gridRowEventName {
    letter-spacing: 0.01em;
    line-height: 160%;
}

.showcase-calendar-grid-calendarYear {
    margin-left: 13px;
}

/* Search Calendar Mobile */

.pgds-searchCalendar-mobileRow {
    border-bottom: 1px solid var(--black);
    padding: 6px 0;
    font-size: 16px;
}

/* 3 Card Tall Image */

.pgds-3CardTallImage-container {
    margin-top: 50px;
    margin-bottom: 4rem;
}

/* 3 Card Layout */
.pgds-image-card:nth-child(1)::before {
    background: url("https://streams1.perfectgame.org/images/PGLeagues/pg-leagues-tournaments-01.webp") center / cover no-repeat !important;
}

.pgds-image-card:nth-child(2)::before {
    background: url("https://dcb80a363a4153137b52-e3e81376f7ea45aa66e55c5aeb0ba59e.ssl.cf1.rackcdn.com/638664978007704307-pg-leagues-banner-D-02.webp") center / cover no-repeat !important;
}

.pgds-image-card:nth-child(3)::before {
    background: url("https://streams1.perfectgame.org/images/International/pg-inter-banner-d-01.webp") center / cover no-repeat !important;
}

.pgds-image-card-container {
    padding: 0 72px;
    gap: 1.5rem;
    margin-top: 72px;
    margin-bottom: 48px;
}

.pgds-image-card:before {
    filter: brightness(0.8);
}

.pgds-image-card:hover::before {
    transform: scale(1.1);
    filter: brightness(0.9);
}

/* Wide Image with Text */

.complete-testing-container {
    margin-bottom: 96px;
    gap: 24px;
}

.complete-testing-img-container {
    width: 66% !important;
}

/* More out there section */
.idcamps-MoreOutThereSection {
    padding-top: 72px;
    padding-bottom: 72px;
}

/* FAQ */

.pgds-hero {
    margin-bottom: 32px;
}

.faq-container {
    padding-top: 72px;
    padding-bottom: 72px;
}

/* Accordion Portion */

.accordion-item.custom-accordion-item:first-of-type {
    border-top: 1px solid var(--black);
}

.accordion-item.custom-accordion-item {
    font-size: 16px;
    padding: 32px 20px 32px 20px;
    border-bottom: 1px solid var(--black);
}

.custom-accordion-body {
    margin-top: 20px;
}

@media (max-width: 770px) {
    /* Prospect Gateway Showcase Tournament Cards */

    .pgds-image-card-container {
        padding: 0 12px;
        gap: 24px !important;
        margin-top: 0;
        margin-bottom: 0;
    }

    /* Wide Image with Text */

    .complete-testing-container {
        margin-bottom: 0;
        gap: 1rem;
    }

    .complete-testing-img-container {
        width: 100% !important;
    }

    .idcamps-MoreOutThereSection {
        padding-top: 0;
        padding-bottom: 0;
    }

    .split-image-text {
        max-width: revert;
    }

    .accordion-title {
        width: 80%;
    }

    .pgds-3CardTallImage-container,
    .faq-container {
        margin-top: 0;
        margin-bottom: 0;
    }

    .pgds-hero {
        margin-top: 32px;
        margin-bottom: 32px;
    }

    .experience-outer-container {
        padding-top: 32px;
    }

    .player-profile-video {
        border-radius: 0 !important;
    }

    .leaderboards-container {
        padding-left: 16px;
    }

    .split-image-wrapper {
        padding-bottom: 0;
        padding-inline: 0;
    }
}

@media (max-width: 321px) {
    /* 3-Card Layout */

    .pgds-image-card-container {
        margin: 12px;
        gap: 24px !important;
    }
}