/* ------------------------------------------

    DELIVERY SUBSCRIPTION

------------------------------------------ */

.deliverySubscriptCompared {
   display: block;
   margin: 24px 0 0;
}

.deliverySubscriptCompared_heading {
    font-family: var(--font-secondary);
    font-size: var(--font-body-large-font-size);
    line-height: var(--font-body-large-line-height);
    text-align: center;
    margin: 0 0 24px;
}

/* ------------------------------------------

    -- Delivery Subscription Table

------------------------------------------ */

.deliverySubscriptCompared table,
.pdp-attributes .product-delivery .deliverySubscriptCompared table {
    font-family: var(--font-primary);
    font-size: var(--font-body-small-font-size)!important;
    line-height: var(--font-body-small-line-height);
    width: 100%;
    border: 1px solid transparent;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0 0 24px;
    background: transparent;
}

.deliverySubscriptCompared table span {
    display: flex;
    justify-self: center;
    align-self: center;
    flex-flow: column wrap;
    text-align: center;
}

.deliverySubscriptCompared table thead span span {
    display: block;
}

.deliverySubscriptCompared table th,
.deliverySubscriptCompared table td {
    vertical-align: middle;
}

.deliverySubscriptCompared table tr {
    height: 64px;
    border: 0!important;
    display: table-row!important;
    width: 100%;
}

.deliverySubscriptCompared thead tr th:last-child,
.deliverySubscriptCompared tbody tr td:last-child {
    border-width: 0 0 1px 0;
}

.deliverySubscriptCompared thead tr th {
    font-family: var(--font-secondary);
}

.deliverySubscriptCompared thead tr th,
.deliverySubscriptCompared thead tr td,
.pdp-attributes .product-delivery .deliverySubscriptCompared thead tr th,
.pdp-attributes .product-delivery .deliverySubscriptCompared thead tr td {
    width: 33.33%;
    padding: calc(var(--gutter) / 2);
    text-align: center;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: var(--color-grey-200);
    border-collapse: collapse;
    color: var(--color-black);
}

.deliverySubscriptCompared tbody tr th,
.deliverySubscriptCompared tbody tr td,
.pdp-attributes .product-delivery .deliverySubscriptCompared tbody tr th,
.pdp-attributes .product-delivery .deliverySubscriptCompared tbody tr td {
    padding: calc(var(--gutter) / 2);
    text-align: center;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: var(--color-grey-200);
    border-collapse: collapse;
    color: var(--color-black);
}

.deliverySubscriptCompared tbody tr th:first-child,
.deliverySubscriptCompared tbody tr td:first-child {
    width: 25%;
}

.deliverySubscriptCompared thead tr th:last-child,
.deliverySubscriptCompared tbody tr td:last-child {
    background-color: #c3d9b7;
}

.deliverySubscriptCompared thead tr th:last-child {
    border-radius: calc(var(--gutter) / 2) calc(var(--gutter) / 2) 0 0;
}

.deliverySubscriptCompared tbody tr:last-of-type td:last-child {
    border-radius: 0 0 calc(var(--gutter) / 2) calc(var(--gutter) / 2);
}

.deliverySubscriptCompared tbody tr:last-of-type th,
.deliverySubscriptCompared tbody tr:last-of-type td,
.pdp-attributes .product-delivery .deliverySubscriptCompared tbody tr:last-of-type th,
.pdp-attributes .product-delivery .deliverySubscriptCompared tbody tr:last-of-type td {
    border-width: 0;
}