@import "acor.css";

.branches{
  display:block;
}

.branches .branch{
  
}
.branch .row {
  display: flex;
  flex-direction: row;
  background-color: var(--bg-color);
  margin-bottom: 10px;
  padding: 10px;
  align-items: flex-start;
  line-height: var(--line-height);
}

.branch .col {
  padding: 10px;
  text-indent: 20px;
}
.branch .col span{
  font-weight:700;

}

.branch .map {
  flex-basis: 10%;  
  cursor:pointer;
}
  .branch .map .img{    
    text-indent:0;
  }

  .branch .name {
    flex-basis: 30%;
  }

.branch .address{
  flex-basis:30%;
}
.branch .schedule {
  flex-basis: 30%;
  text-indent:0;
}

.branch .phones{
  
  
}

  .branch .phones ul {
    margin: 5px 0 0 0;
    padding: 0;
    list-style-type: none;
    cursor: pointer;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
  }

  .branch .phones ul li {
    margin-bottom: 5px;
    margin-left:5px;
    
  }

    .branch .phones ul li a {
      display: block;
      padding: 5px 10px 5px 5px;
      background-color: var(--main-bg-color);
      color: white;
      transition: var(--transition);
    }

  .branch .phones ul li a:hover{
    background-color:var(--dark-bg-color);
    color:white;
  }