/* VitaMed Doctors (v1.2.5) */

.vmdoc-root{
  width:100%;
  max-width: var(--vmdoc-max-width, 982px);
  min-width: var(--vmdoc-min-width, auto);
  margin:0 auto;
  padding:20px 10px;

  --vmdoc-title-size: 18px;
  --vmdoc-subtitle-size: 12px;
  --vmdoc-filter-size: 16px;
  --vmdoc-card-padding: 22px;
  --vmdoc-card-height: 145px;

  --vmdoc-blue: #1d6dd5;
  --vmdoc-blue-dark: #165bb3;
}
.vmdoc-root *{ box-sizing:border-box; }

.vmdoc-chooseSpecialist{
  position:relative;
  min-height:76px;
  width:100%;
  background:#fff;
  margin:35px 0 15px;
  display:flex;
  align-items:center;
  padding:0 60px 0 17px;
  border-radius:4px;
  overflow:hidden;
}
.vmdoc-specialistWrapper{
  line-height:1.2;
  font-size: var(--vmdoc-filter-size);
  color: var(--vmdoc-blue);
  list-style:none;
  margin:0;
  padding:0;
}

.vmdoc-arrowToggle{
  position:absolute;
  right:0; top:0;
  width:60px; height:76px;
  border:0;
  background: var(--vmdoc-blue);
  cursor:pointer;
  transition: background-color .2s ease;
}
.vmdoc-arrowToggle:hover{ background: var(--vmdoc-blue-dark); }
.vmdoc-arrowToggle span{
  position:absolute;
  top:50%;
  right:22px;
  display:block;
  width:15px; height:15px;
  transform:translate(-50%,-70%) rotate(45deg);
  border:2px solid #fff;
  border-width:2px 0 0 2px;
  transition: transform .2s ease;
}
.vmdoc-arrowToggle.active span{
  transform:translate(-50%,-50%) rotate(45deg);
  border-width:0 2px 2px 0;
}

.vmdoc-options{ min-height:100px; width:100%; background:#fff; margin:0 0 15px; padding:0; border-radius:4px; }
.vmdoc-innerMenu{ list-style:none; padding:10px; margin:0; display:flex; flex-wrap:wrap; gap:10px; }
.vmdoc-innerMenu li{ margin:0; flex:1 1 calc(33.333% - 10px); min-width:220px; }
.vmdoc-innerMenu a{
  display:block;
  position:relative;
  text-decoration:none;
  color:#4b4b4c;
  line-height:45px;
  height:45px;
  padding-left:60px;
  border-radius:4px;
  font-size:14px;
}
.vmdoc-innerMenu a .circle{
  display:block;
  width:28px; height:28px;
  border:2px solid var(--vmdoc-blue);
  border-radius:50%;
  position:absolute;
  top:9px; left:15px;
}
.vmdoc-innerMenu a.selected .circle{ background: var(--vmdoc-blue); }
.vmdoc-innerMenu a.selected{ font-weight:600; }

.vmdoc-specialists{ display:flex; flex-wrap:wrap; gap:15px; }
.vmdoc-visitCard{
  width:calc(33.333% - 10px);
  min-width:260px;
  max-width:296px;
  height: var(--vmdoc-card-height);
  background: var(--vmdoc-blue);
  color:#fff;
  display:inline-block;
  position:relative;
  padding: var(--vmdoc-card-padding);
  overflow:hidden;
  border-radius:4px;
}
.vmdoc-visitCard a{ color:#fff; text-decoration:none; }
.vmdoc-docName{
  margin:0 0 8px 0;
  font-size: var(--vmdoc-title-size);
  font-weight:700;
  line-height:1.15;
}
.vmdoc-docDesc{
  margin:0;
  font-size: var(--vmdoc-subtitle-size);
  opacity:.95;
  line-height:1.25;
}
.vmdoc-trigger{
  border:none;
  position:absolute;
  left:0;
  bottom:-60px;
  height:60px;
  line-height:60px;
  transition: transform .25s ease;
  background: rgba(0,0,0,.18);
  width:100%;
  color:#fff;
  display:block;
}
.vmdoc-trigger span{
  border:2px solid #fff;
  position:absolute;
  height:28px;
  left:0; right:0;
  line-height:24px;
  top:0; bottom:0;
  margin:auto;
  width:110px;
  text-transform:uppercase;
  color:#fff;
  padding:0 18px;
  text-align:center;
  font-size:12px;
  letter-spacing:.5px;
}
.vmdoc-visitCard:hover .vmdoc-trigger{ transform: translateY(-60px); }
.vmdoc-visitCard.is-hidden{ display:none!important; }

@media (max-width:768px){
  .vmdoc-visitCard{ width:100%; max-width:100%; min-width:0; }
  .vmdoc-innerMenu li{ flex:1 1 100%; min-width:0; }
}