/*
 *  Webstraxt - https://www.webstraxt.com
 *  Copyright © Webstraxt Limited 2023. All rights reserved.
 *   This product is licensed.
 *   See https://www.webstraxt.com/license
 */

.branch-selector-hide{
    display: none;
}
.branch-selector-show{
    display: inherit;
}
.branch-selector-details{
    width: 100%;
    display: flex;
    flex-direction: row;
}
.branch-selector-details > div{
    width: 50%;
}
.branch-selector-details-map{
    width: 100%;
}

.branch-selector-services{
    width: 100%;
    display: flex;
    flex-direction: row;
}

.branch-selector-service {
    flex: 1;
    margin-left: 10px;
    margin-right: 10px;
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
}

.branch-selector-service > * {
    flex: 1;
    margin-left: auto;
    margin-right: auto;
}

.branch-selector-team-members{
    width: 100%;
    display: flex;
    flex-direction: row;
}

.branch-selector-team-member {
    flex: 1;
    margin-left: 10px;
    margin-right: 10px;
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
}

.branch-selector-nearby-branches{
    width: 100%;
    display: flex;
    flex-direction: row;
}

.branch-selector-nearby-branch {
    flex: 1;
    margin-left: 10px;
    margin-right: 10px;
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
}

.branch-locator-hide{
    display: none;
}
.branch-locator-show{
    display: inherit;
}
.branch-locator-details{
    width: 100%;
    display: flex;
    flex-direction: row;
}
.branch-locator-details > div{
    width: 50%;
}
.branch-locator-details-map{
    width: 100%;
}

.branch-locator-services{
    width: 100%;
    display: flex;
    flex-direction: row;
}

.branch-locator-service {
    flex: 1;
    margin-left: 10px;
    margin-right: 10px;
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
}

.branch-locator-service > * {
    flex: 1;
    margin-left: auto;
    margin-right: auto;
}

.branch-locator-team-members{
    width: 100%;
    display: flex;
    flex-direction: row;
}

.branch-locator-team-member {
    flex: 1;
    margin-left: 10px;
    margin-right: 10px;
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
}

.branch-locator-nearby-branches{
    width: 100%;
    display: flex;
    flex-direction: row;
}

.branch-locator-nearby-branch {
    flex: 1;
    margin-left: 10px;
    margin-right: 10px;
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
}

div#branch-locator-branch-list {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 22% 22% 22% 22%;
    gap: 4%;
}

#branch-locator-branch-list img {
    aspect-ratio: 1/1;
    object-fit: cover;
    max-width: 100%;
}