@import url('https://use.typekit.net/fxt0dqs.css');

#main-content {
  background: black;
  color: white;
}

article .paragraphs {
  padding: 50px 0px;
}

.article {
	background-color: black;
  background-image: url('https://www.odensebib.dk/sites/default/files/2025-12/sf_baggrund.png');
  background-repeat: no-repeat;
  background-position: top center;
  padding: 50px 0px;
}

.article-header__title {
	text-transform: uppercase;
}

.content-list-item {
  border-color: white;
  background-color: black;
}

.recommended-material {
  background-color: black;
}

.filtered-event-list__heading, .article-header__title, .article-header__title, .material-grid__title {
  font-family: "balboa", sans-serif;
}

.rich-text {
  color: white;
}

/* Materialgrid */

.material-grid__title {
	text-transform: uppercase;
}

.material-grid__description {
	color: white;
}

.material-grid .material-grid__show-more {
	color: white;
	border: 1px solid white;
}

.material-grid .icon-favourite {
	stroke: white;
}

/* Article Header */

.article-header__title {
	text-align: center;
  font-size: 7rem;
  margin-top: 2rem;
}

@media screen and (min-width: 768px) {
    .article-header__title, .article-header__subtitle {
        max-width: 1024px;
    }
}

.article-header__info, .article_header--tags {
  display: none;
}

/* Event paragraph */

.content-list-item__content-right-container {
  color: white;
}    

.hero__description {
  color: white;
}

.filtered-event-list__button {
  color: white;
  border-color: white;
}

.content-list-item__description {
  color: white;
}

/* Link */

.paragraphs__item--links, .paragraphs__item--simple_links, .paragraphs__item--files, .paragraphs__item--accordion {
  max-width: 780px;
	padding-left: 0px;
	padding-right: 0px;
}

.link-with-icon {
  background-color: black;
  color: white;
}

.link-with-icon {
  font-family: "balboa", sans-serif;
  font-size: 44px;
}

.link-with-icon__icon {
  background-color: #AE060A;
}

/* Nyhedsgrid */

.card-grid {
  max-width: 1053px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0px;
  padding-right: 0px;
  box-sizing: border-box;
}

.card-grid__items-wrapper {
    margin-left: 0px;
}

.card-grid__items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2rem;
}

@media screen and (min-width: 768px) {
    .card-grid__item:nth-child(1), .card-grid__item:nth-child(2), .card-grid__item:nth-child(3) {
      width: 100%;
    }
}

.card-grid__item:nth-child(1), .card-grid__item:nth-child(2), .card-grid__item:nth-child(3) {
    width: 100%;
}

.card__title {
  font-family: "balboa", sans-serif;
  font-size: 36px;
  text-align: center;
  margin-top: 1.5rem;
}

@media screen and (min-width: 1024px) {
  .card-grid__item:nth-child(5) .card .card__title, .card-grid__item:nth-child(3) .card .card__title, .card-grid__item:nth-child(2) .card .card__title, .slider__item:nth-child(4n+4) .card .card__title, .card[data-variant=small] .card__title {
    font-family: "balboa", sans-serif;
    text-align: center;
    padding: 0px 40px;
  }
}

.card-grid__item {
    padding-left: 0px;
}

@media screen and (min-width: 1024px) {
    .card-grid__item:nth-child(1) .card--has-media.card .card__media, .slider__item:nth-child(4n+2) .card--has-media.card .card__media, .card[data-variant=x-large].card--has-media .card__media, .image-credited__no-image {
        border-width: 0px;
    }
}

@media screen and (min-width: 768px) {
    .card-grid__item:nth-child(1) .card--has-media.card .card__media, .slider__item:nth-child(4n+2) .card--has-media.card .card__media, .card[data-variant=x-large].card--has-media .card__media, .image-credited__no-image {
        border-width: 0px;
    }
}

.card-grid__item:nth-child(1) .card--has-media.card .card__media, .slider__item:nth-child(4n+2) .card--has-media.card .card__media, .card[data-variant=x-large].card--has-media .card__media, .image-credited__no-image {
    border-width: 0px;
}

.card__tags {
  display: none;
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
    .card-grid__item:nth-child(5) .card .card__title, .card-grid__item:nth-child(3) .card .card__title, .card-grid__item:nth-child(2) .card .card__title, .slider__item:nth-child(4n+4) .card .card__title, .card[data-variant=small] .card__title {
        font-size: 36px;
    }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
    .card-grid__item:nth-child(5) .card .card__title, .card-grid__item:nth-child(3) .card .card__title, .card-grid__item:nth-child(2) .card .card__title, .slider__item:nth-child(4n+4) .card .card__title, .card[data-variant=small] .card__title {
        font-size: 36px;
    }
}

/* Hero */

.hero-grid {
	max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.hero {
	border-bottom: 0px;
}

.hero__title {
	font-family: "balboa", sans-serif;
}

.hero__details {
	display: none;
}

.paragraphs__item--hero .border-bottom {
	border: 0px;
}

@media screen and (min-width: 768px) {
  .hero__visual {
    border-right: 0px;
  }
}

/* Tags */

.page__tags {
	display: none;
}