﻿section.topHeader {
    display: block !important;
}

    section.topHeader h4, .headingTag {
        font-size: 14px;
    }

.collectDeliveryButtons {
    display: flex !important;
    width: 100%;
    padding: 10px;
}

    .collectDeliveryButtons .brand__main {
        width: 100%;
    }

        .collectDeliveryButtons .brand__main > ul {
            margin-bottom: 0px;
            justify-content: space-evenly;
        }

            .collectDeliveryButtons .brand__main > ul > .buttonOption {
                transition: all 0.3s ease;
                background-color: white;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 5px;
                font-weight: bolder;
                width: 33%;
                max-width: 300px;
                min-width: 150px;
            }

                .collectDeliveryButtons .brand__main > ul > .buttonOption > div {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 100%;
                    height: 45px;
                }

                .collectDeliveryButtons .brand__main > ul > .buttonOption.delivery__select {
                    background-color: var(--pmm-primary-color);
                    color: white;
                }

.dateSelector {
    background-color: white;
    margin-bottom: 20px;
}

    .dateSelector > div > ul {
        margin: 0px;
    }

        .dateSelector > div > ul > li > div {
            transition: all 0.3s ease;
            padding: 5px;
        }

.day__select, .greyOut {
    background: var(--pmm-primary-color);
    color: #fff;
    border-radius: 3px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
    font-weight: var(--fw-400);
    display: grid;
    place-items: center;
    padding: .6rem;
    border-radius: 50%;
    cursor: pointer;
    width: 100%;
    min-width: 4rem;
    height: 6rem;
    cursor: pointer;
}

span.greyOut {
    background: transparent !important;
    color: #adadad !important;
    height: auto !important;
    padding: 0 !important;
}

div.day__select.isday {
    color: #fff;
}

.paymentType {
    padding: 15px !important;
    display: flex !important;
    justify-content: space-evenly !important;
    align-items: center;
}

    .paymentType > li {
        display: block;
        width: 33%;
        transition: all 0.3s ease !important;
        margin: 10px !important;
        color: #2e2e2e !important;
        background-color: white !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 5px !important;
        font-weight: bolder !important;
        width: 33% !important;
        max-width: 300px !important;
        min-width: 150px !important;
    }

        .paymentType > li > div {
            padding: 15px 20px !important;
        }

        .paymentType > li.active {
            background-color: var(--pmm-primary-color) !important;
            color: white !important;
        }

.paymentMethod {
    padding: 15px !important;
    display: flex;
    justify-content: space-evenly !important;
    align-items: center;
}

    .paymentMethod > li {
        display: block;
        width: 33%;
        transition: all 0.3s ease !important;
        margin: 10px !important;
        color: #2e2e2e !important;
        background-color: white !important;
        display: flex;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 5px !important;
        font-weight: bolder !important;
        width: 33% !important;
        max-width: 300px !important;
        min-width: 150px !important;
    }

        .paymentMethod > li > div {
            padding: 15px 20px !important;
        }

        .paymentMethod > li.active {
            background-color: var(--pmm-primary-color) !important;
            color: white !important;
        }

.SetDarkText {
    color: var(--Color1-Pure-Black);
}
