/*breakpoints*/
.blogpage .blogpost__first {
  position: relative;
}
.blogpage .blogpost__first .blogpost__first--content {
  position: absolute;
  left: 2rem;
  bottom: 2rem;
  z-index: 10;
}
.blogpage .blogpost__first .category__badge {
  position: absolute;
  top: 2rem;
  left: 2rem;
}
.blogcards .card, .blogelement .card {
  border: 0;
}
.blogcards .card .publishdate, .blogelement .card .publishdate {
  font-size: 17px;
  color: #174386;
}
.blogcards .card img, .blogelement .card img {
  opacity: 0.7;
}
.blogcards .card:hover img, .blogelement .card:hover img {
  opacity: 1;
}
.blogcards .slide__content, .blogelement .slide__content {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.blogcards .slide__content .slide__content--box, .blogelement .slide__content .slide__content--box {
  background-color: #174386;
}
.blogcards .swiper__controls.cards, .blogelement .swiper__controls.cards {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  width: 100%;
}
.blogcards .swiper__controls.cards .prev, .blogcards .swiper__controls.cards .next, .blogelement .swiper__controls.cards .prev, .blogelement .swiper__controls.cards .next {
  position: relative;
}
.blogcards .swiper__controls.cards .prev, .blogelement .swiper__controls.cards .prev {
  left: -5rem;
}
@media screen and (max-width: 1399.98px) {
  .blogcards .swiper__controls.cards .prev, .blogelement .swiper__controls.cards .prev {
    left: 3rem;
  }
}
.blogcards .swiper__controls.cards .next, .blogelement .swiper__controls.cards .next {
  left: 100%;
}
@media screen and (max-width: 1399.98px) {
  .blogcards .swiper__controls.cards .next, .blogelement .swiper__controls.cards .next {
    right: 0;
  }
}
.blogcards .bg-secondary a *, .blogcards .bg-secondary a, .blogelement .bg-secondary a *, .blogelement .bg-secondary a {
  color: #174386;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fkramer%2Fscss%2Fcomponents%2F_blog.scss%22%2C%22%2Fthemes%2Fkramer%2Fscss%2Fcomponents%2F..%2Fsettings%2Fbreakpoints.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAGE%3BAAAA%3BAAAA%3BAAEE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUF%3BAAAA%3BAAAA%3BAAEE%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAKN%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAME%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BACvCF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD8CE%3BAAAA%3BAAAA%3BAC9CF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADwDA%3BAAAA%3BAAAA%22%7D */