/* CSS Document */

/* Nyhetssiden bygger videre på fellesstilen i index_test.css. */

/* Hero-innholdet skal alltid ligge i nedre del av bildet. Den sterke
   selektoren og !important hindrer Porto i å sentrere containeren. */
.hibk-news-page .hibk-hero,
.hibk-news-page .hibk-hero__carousel,
.hibk-news-page .hibk-hero__slide {
	height: 100vh;
	height: 100svh;
	min-height: 680px;
}

.hibk-news-page .hibk-hero__container {
	display: flex !important;
	align-items: flex-end !important;
	justify-content: flex-start !important;
	height: 100% !important;
	padding-top: 8rem;
	padding-bottom: clamp(7.5rem, 14vh, 10rem) !important;
}

.hibk-news-page .hibk-hero__content {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	transform: none !important;
}

.hibk-news-page__listing {
	padding-top: clamp(4.5rem, 8vw, 8rem);
}

.hibk-news-page__archive {
	display: flex;
	justify-content: center;
	margin-top: clamp(2.5rem, 5vw, 4.5rem);
}

.hibk-news-page__archive .hibk-button {
	gap: 0.7rem;
}

.hibk-news-page__archive .hibk-button i {
	transition: transform 180ms ease;
}

.hibk-news-page__archive .hibk-button:hover i {
	transform: translateX(4px);
}

.hibk-news-page__empty {
	margin: 0;
	padding: 2rem;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	background: rgba(20, 17, 15, 0.72);
	color: rgba(248, 245, 241, 0.72);
	text-align: center;
}

/* Sponsorflaten følger samme glassoppsett som de øvrige undersidene. */
.hibk-news-page .hibk-sponsors {
	padding-top: 2rem;
}

@media (max-width: 991px) {
	.hibk-news-page .hibk-hero,
	.hibk-news-page .hibk-hero__carousel,
	.hibk-news-page .hibk-hero__slide {
		min-height: 620px;
	}

	.hibk-news-page .hibk-hero__container {
		padding-bottom: clamp(6.5rem, 12vh, 8rem) !important;
	}
}

@media (max-width: 767px) {
	.hibk-news-page .hibk-hero,
	.hibk-news-page .hibk-hero__carousel,
	.hibk-news-page .hibk-hero__slide {
		min-height: 580px;
	}

	.hibk-news-page .hibk-hero__container {
		padding-top: 6rem;
		padding-bottom: max(6rem, calc(env(safe-area-inset-bottom) + 5rem)) !important;
	}

	.hibk-news-page__archive .hibk-button {
		width: 100%;
	}
}

@media (max-height: 700px) and (min-width: 768px) {
	.hibk-news-page .hibk-hero__container {
		padding-bottom: 5.5rem !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.hibk-news-page__archive .hibk-button i {
		transition: none;
	}
}