/**
 * subscription.css
 *
 * Contains the stlye of the subscriptions page.
 *
 * Index
 * - SUBSCRIPTION-LIST
 *
 * Media
 * - DESKTOP
 */

/* ------------------------------------ *
 * #SUBSCRIPTION-LIST
 * ------------------------------------ */
.subscription-list {

}
.subscription-item {
    margin: 0 0 30px;
    padding: 0 0 30px;
    border-bottom: 2px solid rgb(131, 192, 41);
}
.subscription-item:last-child {
    padding: 0;
    border: none;
}
.subscription-item-runtime {
    margin: 0 0 15px;
}
.subscription-item-buttonrow {
    display: flex;
    justify-content: space-between;
}
.subscription-item-buttonrow > * {
    display: inline-block;
}
.subscription-item-buttonrow .button-text {
    
}



/* #DESKTOP */
@media screen and (min-width: 1024px) {
    /* #SUBSCRIPTION-LIST */
    .subscription-list {
        display: flex;
        margin: 0 -15px;
    }
    .subscription-item {
        display: flex;
        flex-direction: column;
        border: none;
        flex: 1 1 33%;
        box-sizing: border-box;
        padding: 0 15px;
    }
    .subscription-item:last-child {
        padding: 0 15px;
    }

    .subscription-item-buttonrow {
        flex-direction: column;
        align-items: flex-start;
    }
    .subscription-item-buttonrow > form {
        order: 2;
    }
    .subscription-item-buttonrow > .button {
        margin: 0 0 15px;
        order: 1;
    }
}