.modern-card{
  background:#fff;
  height:100%;
  border-radius:7px;
  overflow:hidden;
  border:none;
}
.modern-card .card-header{
  padding:0 !important;
  border:none;
  position:relative;
  background:#fff;
}
.modern-card .card-header .header-tag{
  position:absolute;
  bottom:0;
  left:0;
  border-radius:0 7px 0 0;
  height:-webkit-fit-content;
  height:-moz-fit-content;
  height:fit-content;
  width:45%;
  transform:none !important;
  text-align:center;
}
.modern-card .card-header .header-tag .header-tag-text{
  padding:.3rem;
  font-size:1rem;
  font-family:SiteFont-Bold,Helvetica Neue,Arial,sans-serif;
  margin:0;
  color:#fff;
}
.modern-card .card-header .header-tag.colour-1{
  background-color:#272b90;
}
.modern-card .card-header .header-tag.colour-2{
  background-color:#e13124;
}
.modern-card .card-header .header-tag.colour-3{
  background-color:#d52376;
}
.modern-card .card-body{
  min-height:115px;
  padding:1.3rem;
  display:flex;
  flex-direction:column;
  position:relative;
}
.modern-card .card-body:has(.location){
  justify-content:space-between;
}
@media (max-width:1199.98px){
  .modern-card .card-body{
    min-height:115px;
  }
}
@media (max-width:991.98px){
  .modern-card .card-body{
    min-height:115px;
  }
}
@media (max-width:767.98px){
  .modern-card .card-body{
    min-height:115px;
  }
  .modern-card .card-body:has(.location){
    min-height:unset;
  }
}
@media (max-width:579.98px){
  .modern-card .card-body{
    min-height:115px;
  }
  .modern-card .card-body:has(.location){
    min-height:unset;
  }
}
.modern-card.grow-card .card-body{
  height:auto;
}
.modern-card .location{
  font-size:1rem;
  color:#080607;
  padding:1rem 0 0;
}
@media (max-width:767.98px){
  .modern-card .location{
    padding:.2rem 0 0;
  }
}
.modern-card .location i{
  color:#ff2e17;
  margin:.175rem 0 0;
  align-self:unset !important;
}
.modern-card:has(.location) .card-title{
  font-size:1.125rem;
}
.modern-card:has(.location) .belir{
  font-size:1.125rem;
}
.modern-card .card-title{
  padding-bottom:.5rem;
  margin-bottom:0;
  color:#080607;
  font-size:1.5rem;
  font-weight:400;
  font-family:SiteFont-Bold,Helvetica Neue,Arial,sans-serif;
  line-height:1.3;
  max-width:80%;
}
.modern-card .subtitle{
  font-size:17px;
  font-family:SiteFont-Light,Helvetica Neue,Arial,sans-serif;
  color:#080607;
  line-height:1.3;
  font-weight:400px;
}
.modern-card .subtitle .bell{
  position:relative;
  height:100%;
  line-height:inherit;
}
.modern-card .belir{
  position:absolute;
  top:1.7rem;
  right:1rem;
  color:#e07709;
  font-size:1.25rem;
  font-weight:400;
}
.modern-card iframe,.modern-card video{
  display:block;
}
.light-brd .modern-card .card-body,.modern-card.light-brd .card-body{
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
}
.light-brd .modern-card .card-body:not(:has(+.card-footer)),.modern-card.light-brd .card-body:not(:has(+.card-footer)){
  border-bottom:1px solid #ccc;
  border-bottom-left-radius:7px;
  border-bottom-right-radius:7px;
}
.light-brd .modern-card .card-footer,.modern-card.light-brd .card-footer{
  border:1px solid #ccc;
  border-top:none;
  border-bottom-left-radius:7px;
  border-bottom-right-radius:7px;
}
.modern-card-alt .card-title{
  color:#080607 !important;
  font-family:SiteFont-Bold,Helvetica Neue,Arial,sans-serif !important;
}
.modern-card-alt .subtitle{
  color:#080607 !important;
}
.modern-card-alt .belir{
  color:#e07709 !important;
}
.video-card .card-header{
  border:none;
  background-color:#fff;
}
.video-card.vid-sd .card-header{
  padding-top:75% !important;
}
.video-card.vid-hd .card-header{
  padding-top:56.25% !important;
}
.video-card.vid-hd .card-header,.video-card.vid-sd .card-header{
  height:0;
  position:relative;
}
.video-card.vid-hd .play-pause,.video-card.vid-hd .vid-upload,.video-card.vid-hd iframe,.video-card.vid-sd .play-pause,.video-card.vid-sd .vid-upload,.video-card.vid-sd iframe{
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0;
}
.video-card.vid-n .card-header{
  position:relative;
}
.video-card.vid-n .play-pause{
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0;
}
.video-card .play-pause{
  transition:opacity .4s ease-out;
  cursor:pointer;
  background-color:rgba(78, 80, 85, .6);
  display:flex;
}
.video-card .play-pause.overlay-fade-out{
  opacity:0;
}
.video-card .play-button{
  color:#fff;
  width:100%;
  align-self:center;
  text-align:center;
  vertical-align:middle;
  opacity:.9;
  transition:opacity .4s ease-out;
}
.video-card .play-button:hover{
  opacity:.9;
}

/*# sourceMappingURL=modern-card.css.map */