﻿/**********************************************************/
/** Responsive adjustments **/

@media only screen and (max-width: 1499px) {
}

@media only screen and (max-width: 1200px) {
}

@media only screen and (max-width: 992px) {

    #navContainer.style-one.four-col {
        display: grid;
        grid-template-columns: 24% 24% 24% 24%;
        column-gap: 5px;
    }
}


@media only screen and (max-width: 768px) {

    body {
        padding:43px 0 0 0;
    }

    .optionalColumn {
        display: none;
    }

    .showUpdatedCalendarResultsButton {
        display: inline-block;
    }

    #navContainer.style-one {
        display:grid;
    }

        #navContainer.style-one.one-col {
            grid-template-columns: 33%;
        }

        #navContainer.style-one.two-col {
            grid-template-columns: 33% 33%;
            column-gap:10px;
        }

        #navContainer.style-one.three-col {
            grid-template-columns: 25% 25% 25%;
            column-gap: 5px;
        }

        #navContainer.style-one.four-col {
            grid-template-columns: 23% 23% 23% 23%;
            column-gap: 5px;
        }

    #studioBanner.style-three {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #studioBanner.style-two {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    nav a.anchorLink {
        padding: 5px;
        width: 100%;
        max-width: unset;
        font-size: 10px;
    }

    .nav-link {
        font-size:12px;
    }

    .nav-bar-button {
        padding: 3px;
        font-size: 0.9rem;
        line-height: 1;
        min-height:unset;
    }
}


@media only screen and (max-width: 575px) {

    body {
        padding-top:42px;
    }

    .basketLinkItem {
        display: none !important;
    }

    .appliedFilters {
        flex-direction: column;
        align-items: flex-start;
    }

        .appliedFilters span:nth-child(1) {
            margin-top: 0px;
        }

    .searchType {
        margin-left: 0 !important;
        margin-top: 5px;
    }

    .showUpdatedCalendarResultsButton {
        display: inline-block;
    }

    .searchFilterUpdateFooter {
        border-top: solid 5px var(--body-background-color);
    }

    .nav-link {
        padding:2px 0;
    }

    #studioBanner.style-two .nav-items-container {
        display: block;
    }

    #navContainer.style-two {
        justify-content: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #studioBanner.style-three .nav-items-container {
        display: block;
    }

    #navContainer.style-three {
        justify-content: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    /*.stickyButton {
        min-width:unset;
        padding:6px;
        font-size:0.85rem;
    }*/

    .responsive-button {
        min-width: unset;
        padding: 6px;
        font-size: 0.8rem;
        line-height:1.25;
    }

    .btn-sm.responsive-button {
        min-width: unset;
        padding: 4px;
        font-size: 0.75rem;
        line-height: 1.25;
    }

    .form {
        padding: 20px 0px 20px 0px;
    }
}
