.city-columns{
    max-width: var(--wp--style--global--content-size) !important;
    margin: -76px auto 0;
    position: relative;
}

.locations-row{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    margin: 0 auto;
    padding: 0;
    width:100%;
    gap:45px;
}

.location-box{
    flex:1;
    min-width: 360px;
    background-color: var(--wp--preset--color--white);
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: stretch;
      .location-title{
        padding:0 28px;
        height:76px;
        font-size: 24px;
        font-weight: 500;
        font-family: var(--wp--preset--font-family--outfit);
        color: var(--wp--preset--color--white);
        background-color: var(--wp--preset--color--secondary);
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
      }
      .location-box-inner{
        padding:20px 28px;
        flex:1;
        display: flex;
        flex-direction: column;
        width: 100%;
      }
      .detail{
        padding-left:30px;
        margin-bottom:15px;
        position: relative;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        font-family: var(--wp--preset--font-family--lato);
        color: var(--wp--preset--color--tertiary);
        a{
            font-weight: 700;
            font-size: 16px;
            font-family: var(--wp--preset--font-family--lato);
            line-height: 24px;
            text-decoration: none;
            color: var(--wp--preset--color--tertiary);
            &:hover{
                text-decoration: underline;
            }
        }
        &:before{
            content: '';
            position: absolute;
            left: 0;
            top: 5px;
            width: 16px;
            height: 16px;
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            background-image: url("data:image/svg+xml,%3Csvg width='12' height='16' viewBox='0 0 12 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.71875 15.625C6.34375 16.0938 5.625 16.0938 5.25 15.625C3.65625 13.5938 0 8.75 0 6C0 2.6875 2.6875 0 6 0C9.3125 0 12 2.6875 12 6C12 8.75 8.34375 13.5938 6.71875 15.625ZM6 8C7.09375 8 8 7.125 8 6C8 4.90625 7.09375 4 6 4C4.875 4 4 4.90625 4 6C4 7.125 4.875 8 6 8Z' fill='%2395BFDE'/%3E%3C/svg%3E");
        }
        &.location-phone:before{
            background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.125 0.781363L6.375 3.78136C6.59375 4.28136 6.46875 4.87511 6.03125 5.21886L4.5 6.50011C5.53125 8.68761 7.3125 10.4689 9.5 11.5001L10.7812 9.96886C11.125 9.53136 11.7188 9.40636 12.2188 9.62511L15.2188 10.8751C15.8125 11.0939 16.0938 11.7501 15.9375 12.3439L15.1875 15.0939C15.0312 15.6251 14.5625 16.0001 14 16.0001C6.25 16.0001 0 9.75011 0 2.00011C0 1.43761 0.375 0.968863 0.90625 0.812613L3.65625 0.0626127C4.25 -0.0936373 4.90625 0.187613 5.125 0.781363Z' fill='%2395BFDE'/%3E%3C/svg%3E");
        }
        &.location-hours:before{
            background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 16C3.5625 16 0 12.4375 0 8C0 3.59375 3.5625 0 8 0C12.4062 0 16 3.59375 16 8C16 12.4375 12.4062 16 8 16ZM7.25 3.75V8C7.25 8.25 7.375 8.5 7.5625 8.625L10.5625 10.625C10.9062 10.875 11.375 10.7812 11.625 10.4375C11.8438 10.0938 11.75 9.625 11.4062 9.375L8.75 7.625V3.75C8.75 3.34375 8.40625 3 8 3C7.5625 3 7.25 3.34375 7.25 3.75Z' fill='%2395BFDE'/%3E%3C/svg%3E");
        }
      }
      .location-buttons{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 13px;
        width: 100%;
        max-width: 360px;
            .wp-element-button{
                padding: 0 20px 0 13px;
                height: 42px;
                flex:1;
                display: flex;
                align-items: center;
                justify-content: flex-start;
                font-size: 14px !important;
                    &:before {
                        width: 18px !important;
                        height: 18px !important;
                        right: 20px !important;
                    }
                    &:after {
                        width: 10px !important;
                        height: 10px !important;
                        right: 19px !important;
                    }
            }
      }
      &.box-single{
            .location-box-inner {
                flex-direction: row;
                align-items: flex-start;
                justify-content: space-between;
                flex-wrap: wrap;
                gap:15px 30px;
                .detail{
                    width:auto;
                    flex-shrink: 0;
                }
            }
      }
}

@media (max-width: 365px){
    .location-box{
        min-width: 100vw;
        max-width: 100vw;
        .location-box-inner{
            padding:20px 10px;
        }
    }
}