@charset "utf-8";

a.location-detail_button-back:link { padding: 1% 2%; }

a.location-detail_button:link { padding: 2.5% 4%; }

a.location-detail_sidebar-button:link {
    display: block;
    margin: 3% 0;
    padding: 4% 4%;
    text-align: center;
}

/* Controls Image Section visible Mobile & Desktop */
.image_section.sm,
.location-detail_sidebar-container.sm {
    display: none;
}

.image_section.lg,
.location-detail_sidebar-container.lg {
    display: block;
}

/* Hours table Section */
/* Shared Branches ONLY start*/
p.hours-section_status-hours {
    letter-spacing: 1px;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: 600;
    &.closed { color: #c00000; }
    &.open { color: #008000; }
    &.limited { color: #9e5028; }
}
/* Shared Branches ONLY end*/

.hours-section { width: 98%; }

.hours-section_table-container {
    width: 48%;
    float: left;
    margin: 0 2% 1rem 0;

    .hours-section_table {
        width: 100%;
        border-collapse: collapse;

        .hours-section_table-head, 
        .hours-section_table-body-item {
            border: 1px solid;
            padding: 2% 1% 1% 3%;
            text-align: left;
            
            /* Lobby/Drive-up table header color */
            .hours-section_table-head-item, 
            .hours-section_table-body-item {
                border: 1px solid;
                padding: 2% 1% 1% 3%;

                &.closed {
                background-color: #C00000;
                border: 1px solid #C00000;
                color: #FFF
                }
                &.open {
                    background-color: #008000;
                    border: 1px solid #008000;
                    color: #FFF
                }
            }
        }
        
    }
}

.section_list { margin: 3% 0; }

.section_list li { margin: .5% 0; }

.bulleted-paragraph {
    margin: 3% 6%;
    display: list-item;
}

.marketing-box { margin: 5% 0; }

.location-search-nearby-item {
    display: grid;
    gap: 1rem;
}

/*@media (max-width: 520px ) {*/
@media (max-width: 32.5em) {
    .hours-section_table-container {
        width: 100%;
        float: none;
        margin: 0 0 1rem;
    }
}