/*!*******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./plugins/RusjazTheme/webroot/src/scss/companies-view.scss ***!
  \*******************************************************************************************************************************************************************************/
.school-card.collapsed {
  max-height: 600px;
  transition: max-height 0.5s ease-out;
}
@media (min-width: 768px) {
  .school-card.collapsed {
    max-height: 728px;
    transition: max-height 0.5s ease-out;
  }
}
@media (min-width: 992px) {
  .school-card.collapsed {
    max-height: 257px;
    transition: max-height 0.5s ease-out;
  }
}
@media (min-width: 1200px) {
  .school-card.collapsed {
    max-height: 312px;
    transition: max-height 0.5s ease-out;
  }
}
@media (min-width: 1400px) {
  .school-card.collapsed {
    max-height: 368px;
    transition: max-height 0.5s ease-out;
  }
}
.school-card.collapsed {
  overflow: hidden;
}
.school-card.collapsed .school-card-description {
  width: 90%;
  max-height: 280px;
  transition: max-height 0.5s ease-out;
  overflow-y: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 992px) {
  .school-card.collapsed .school-card-description {
    width: 45%;
  }
}
.school-card.collapsed .school-card-view__map {
  display: none;
}
.school-card.expanded {
  max-height: 3000px;
  overflow: hidden;
  transition: max-height 0.5s ease-in;
}
.school-card.expanded .school-card-description {
  max-height: 3000px;
  transition: max-height 0.5s ease-in;
  overflow: visible;
  width: 95%;
}
.school-card .school-card-img-and-map-wrapper {
  width: 100%;
}
@media (min-width: 992px) {
  .school-card .school-card-img-and-map-wrapper {
    width: 50%;
  }
}
.school-card .school-card-img-and-map-wrapper .card {
  color: var(--color-blue);
}
@media (min-width: 992px) {
  .school-card .school-card-img-and-map-wrapper .card {
    padding-right: 1rem;
  }
}
.school-card #venue-map {
  width: 100%;
  height: 300px;
}
.school-card .school-expand-icon-wrapper {
  max-height: 280px;
  align-content: end;
}

/*# sourceMappingURL=companies-view-styles.css.map*/