/*--------------*/
/* Typography
/*--------------*/
@import url("//fonts.googleapis.com/css?family=Oswald:300,400,700|Open+Sans:300,400,600");
@import url("//fast.fonts.net/cssapi/f23be61a-9aae-4bfb-ab0a-6d10a61ae536.css");
@font-face {
  font-family: "iconfont-crown";
  src: url("/themes/custom/crowncenter/media/fonts/iconfont-crown/iconfont-crown.eot");
  src: url("/themes/custom/crowncenter/media/fonts/iconfont-crown/iconfont-crown.eot#iefix") format("embedded-opentype"), url("/themes/custom/crowncenter/media/fonts/iconfont-crown/iconfont-crown.woff2") format("woff2"), url("/themes/custom/crowncenter/media/fonts/iconfont-crown/iconfont-crown.ttf") format("truetype"), url("/themes/custom/crowncenter/media/fonts/iconfont-crown/iconfont-crown.woff") format("woff"), url("/themes/custom/crowncenter/media/fonts/iconfont-crown/iconfont-crown.svg#iconfont-crown") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "enriq-crown-reg";
  src: url("/themes/custom/crowncenter/media/fonts/enriq-crown/ENRIQRegular.ttf") format("truetype");
}
@font-face {
  font-family: "enriq-crown-med";
  src: url("/themes/custom/crowncenter/media/fonts/enriq-crown/ENRIQMedium.ttf") format("truetype");
}
@font-face {
  font-family: "enriq-crown-bold";
  src: url("/themes/custom/crowncenter/media/fonts/enriq-crown/ENRIQBold.ttf") format("truetype");
}
@font-face {
  font-family: "enriq-crown-black";
  src: url("/themes/custom/crowncenter/media/fonts/enriq-crown/ENRIQBlack.ttf") format("truetype");
}
.christmas-event-small-teaser {
  text-align: center;
  font-family: "Oswald", sans-serif;
  overflow: hidden;
}
.christmas-event-small-teaser a {
  color: #000;
}
.christmas-event-small-teaser a:hover {
  text-decoration: none;
}
.christmas-event-small-teaser .christmas-event-teaser__date {
  background: #bb3320;
  color: #fff;
  padding: 8px 4px;
  font-size: 25px;
  font-weight: 800;
  margin-bottom: 15px;
}
.christmas-event-small-teaser h3 {
  margin-bottom: 0;
}

.events-teaser-small-list > .views-row {
  flex: 0 0 45%;
  margin: 0 10px 40px;
}
@media (min-width: 768px) {
  .events-teaser-small-list > .views-row {
    flex: 0 0 21%;
    margin: 0 2% 40px;
  }
}