/* --- Banner, Buttons, and other general styles --- */
.video-caption-inner { text-align: center; padding: 2rem; background-color: rgba(255, 255, 255, 0.9); }
.video-caption-inner h1 { font-family: 'Oswald', sans-serif; color: #222; font-weight: 500; text-transform: uppercase; font-size: 1.8rem; line-height: 1.2; margin-bottom: 1.5rem; }
.manager-section { margin-top: 10px; }
.address-column strong, .hours-section strong { display: inline-block; margin-bottom: 5px; }
.manager-portrait img { width: 70%; height: auto; display: block; }
.contact-button a { background: #d43e4b; color: #fff !important; display: inline-block; padding: 0px 15px 0px 40px; position: relative; text-transform: uppercase; text-decoration: none; line-height: 2.5; }
.contact-button a:hover { background: #333; }
.contact-button a::before { position: absolute; left: 13px; top: 50%; transform: translateY(-50%); height: 20px; width: 20px; content: ""; text-align: center; }
.contact-button.call a::before { background: url(/wp-content/themes/twentyseventeen-child/images/call-icon.png); }
.contact-button.emailbutton a::before { content: '✉'; font-size: 20px; line-height: 20px; }
.contact_form { padding-top: 2rem; margin-top: 2rem; border-top: 2px solid #eeeeee; }
.contact_form h3 { color: #d43e4b;text-align: center; text-transform: uppercase; }
.products_location ul { column-count: 2; }
.contact_sec {background-color: #f8f8f8;}

.materials_sec.locations_title_link{
    display:none;
}
.contact_left_wrap,
.contact_right_wrap {
    width: 100%;
    float: none;
    padding-right: 0;
    margin-bottom: 2rem;
}
.manager-layout-container,
.address-hours-container {
    display: block;
}
.manager-details,
.manager-portrait,
.address-column,
.hours-column {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
.manager-portrait {
    margin-top: 1.5rem;
}



@media (min-width: 768px) {
    .location-content-row {
        display: flex;
        flex-wrap: wrap;
    }
    
    .materials_sec.locations_title_link,
    .contact_left_wrap {
        width: 60%;
        padding-right: 30px;
        box-sizing: border-box;
    }

    /* Contact Info takes the right 40% */
    .contact_right_wrap {
        width: 40%;
        padding-right: 0;
    }

    .manager-layout-container,
    .address-hours-container {
        display: flex;
    }
    
    .manager-details { width: 65%; padding-right: 20px; }
    .manager-portrait { width: 35%; margin-top: 0; }
    .address-column { width: 45%; padding-right: 5px; margin-bottom: 0; }
    .hours-column { width: 55%; padding-left: 5px; }
}



@media (min-width: 992px) {
    .materials_sec.locations_title_link {
        display: block; 
        width: 25%;
        padding-right: 30px;
        box-sizing: border-box;
    }
    .manager-portrait img { width: 100%}
    .contact_left_wrap {
        width: 40%;
    }
    .contact_right_wrap {
        width: 35%;
    }
}