/* Display Groups - List */
.thirstyaffiliates-pd-group-list-item {
    display: flex;
    flex-wrap: wrap;
}

.thirstyaffiliates-pd-group-list-content {
    width: 100%;
}

.thirstyaffiliates-pd-group-list-item:not(:last-of-type) {
    margin-bottom: 45px;
}

.thirstyaffiliates-pd-group-list-item .thirstyaffiliates-pd-image {
    float: right;
    margin: -15px 0px 15px 15px;
}

.thirstyaffiliates-pd-group-list-item li:not(.thirstyaffiliates-pd-group-list-content li) {
    font-family: 'Inter', sans-serif;
    font-size: 32px;
    color: #363636;
}

/* Display Groups - Grid */
.thirstyaffiliates-pd-group-grid-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -15px;
}

.thirstyaffiliates-pd-group-grid-item {
    display: flex;
    max-width: 50%;
    width: 100%;
    padding: 0 15px;
    margin: 30px auto;
}

.thirstyaffiliates-pd-group-grid-item > * {
    flex: 1;
}

.thirstyaffiliates-pd-group-grid-item .thirstyaffiliates-pd-content {
    margin-top: 20px;
}

.thirstyaffiliates-pd-group-grid-item .thirstyaffiliates-pd-content {
    text-align: center;
}

.thirstyaffiliates-pd-group-grid-item .thirstyaffiliates-pd-content .thirstyaffiliates-pd-description-text {
    text-align: left !important;
}

.thirstyaffiliates-pd-group-grid-item .thirstyaffiliates-pd-main-wrapper {
    flex-direction: column;
    align-items: center;
}

.thirstyaffiliates-pd-group-grid-item .thirstyaffiliates-pd-image,
.thirstyaffiliates-pd-group-grid-item .thirstyaffiliates-pd-content {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

.thirstyaffiliates-pd-group-grid-item .thirstyaffiliates-pd-btns {
    flex-direction: column;
    text-align: center;
}

.thirstyaffiliates-pd-group-grid-item .thirstyaffiliates-pd-btns .thirstyaffiliates-pd-btn:not(:last-of-type) {
    margin-bottom: 15px;
}

/* Media Queries */
@media screen and (max-width: 860px) {
    /* Display Groups - List */
    .thirstyaffiliates-pd-group-list-content .thirstyaffiliates-pd-image {
        float: inherit;
        display: table-row;
    }

    .thirstyaffiliates-pd-group-list-content .thirstyaffiliates-pd-content {
        width: 100%;
        margin-top: 20px;
    }

    .thirstyaffiliates-pd-group-list-item {
        margin-top: 25px;
    }

    /* Display Groups - Grid */
    .thirstyaffiliates-pd-group-grid-item {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .thirstyaffiliates-pd-group-grid-item .thirstyaffiliates-pd-main-wrapper {
        text-align: center;
    }
}