/**
 * Internal dependencies
 */

.sport-facility-guide-local-menu {
	background: var(--wp--preset--color--background-100);
	padding: 2.5rem 4.25rem
}

.sport-facility-guide-local-menu .sfg-local-menu-header .sfg-parent-title {
			font-size: 1.75rem;
			font-weight: 600;
			line-height: 1.35;
		}

.sport-facility-guide-local-menu .sfg-local-menu-header .sfg-updated {
			font-size: 1rem;
			font-weight: 400;
			line-height: 1.35;
			padding-top: 1rem;
		}

.sport-facility-guide-local-menu .sfg-menu-container {
		border-top-style: solid;
		border-top-width: 2px;
		margin-top: 1.5rem;
		padding-top: 1.5rem;
	}

.sport-facility-guide-local-menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

.sport-facility-guide-local-menu ul.sfg-menu li.menu-item {
			font-size: 1.125rem;
			line-height: 1.3;
			padding: 0.5rem 0
		}

.sport-facility-guide-local-menu ul.sfg-menu li.menu-item a {
				color: var(--dss-site-body-color);
				text-decoration: none;
			}

.sport-facility-guide-local-menu ul.sfg-menu li.menu-item.current-active > a {
				border-bottom-style: solid;
				border-bottom-width: 2px;
				font-weight: 500;
			}

.sport-facility-guide-local-menu ul.sfg-menu li.menu-item.has-children > a {
				align-items: center;
				display: inline-flex;
			}

.sport-facility-guide-local-menu ul.sfg-menu li.menu-item .menu-item__arrow {
				display: inline-flex;
				height: 100%;
				vertical-align: middle
			}

.sport-facility-guide-local-menu ul.sfg-menu li.menu-item .menu-item__arrow svg {
					fill: none;
					height: 1.25rem;
				}

.sport-facility-guide-local-menu ul.sfg-menu ul.children-items {
			display: none;
		}

.sport-facility-guide-local-menu ul.sfg-menu li.menu-item.submenu-visible .menu-item__arrow {
				transform: rotate(90deg);
			}

.sport-facility-guide-local-menu ul.sfg-menu li.menu-item.submenu-visible ul.children-items {
				display: block
			}

.sport-facility-guide-local-menu ul.sfg-menu li.menu-item.submenu-visible ul.children-items li {
					font-size: var(--wp--preset--font-size--normal);
				}

@media (min-width: 768px) {
		.sport-facility-guide-local-menu .sfg-local-menu-header {
			align-items: flex-end;
			display: flex
		}

			.sport-facility-guide-local-menu .sfg-local-menu-header .sfg-updated {
				margin-left: auto;
				padding-top: 0;
			}

		.sport-facility-guide-local-menu ul.sfg-menu {
			grid-column-gap: 2rem;
			-moz-column-gap: 2rem;
			     column-gap: 2rem;
			display: flex;
			flex-wrap: wrap
		}

			.sport-facility-guide-local-menu ul.sfg-menu > li.menu-item {
				width: calc(100% / 3 - 2rem);
			}
	}

.wp-block-dss-sports-banner {
	max-width: min(100%, var(--t2-layout-wide, 75rem)) !important;
}

.sports-guide-subtitle {
	font-size: 1rem !important;
	margin: 0;
}

.sports-guide-title {
	font-size: clamp(1.5rem, 0.5458rem + 3.0534vw, 2.5rem) !important;
	margin: 0.25rem 0 0;
}

.sports-guide-description {
	font-size: 1.25em;
	margin: 0.75rem 0 0;
}

.sports-guide-meta {
	margin-top: 1.5rem;
}

.sports-banner__content {
	padding: clamp(1.5rem, -16rem + 40vw, 3rem);
}

.sports-banner__image-wrapper {
	position: relative;
}

.sports-banner__image-min-height {
	height: 0;
	padding-bottom: 65%;
}

.sports-banner__image {
	height: 100% !important;
	left: 0;
	-o-object-fit: cover;
	   object-fit: cover;
	position: absolute;
	top: 0;
	width: 100%;
}

@media (min-width: 768px) {
	.wp-block-dss-sports-banner {
		display: flex;
	}

	.sports-banner__content {
		align-self: center;
		flex: 0 0 50%;
		padding-bottom: 5rem;
		padding-top: 5rem;
	}

	.sports-banner__image-wrapper {
		flex: 0 0 50%;
		order: 2;
		position: relative;
		width: 50%;
	}
}

@media (min-width: 1130px) {
	.wp-block-dss-sports-banner {
		border-radius: 2px;
		overflow: hidden;
	}
}

.guide-parent {
	padding-bottom: 0.25rem !important;
}

.guide-child {
	font-weight: 400 !important;
	padding: 0.125rem 0 0.125rem 2rem !important
}

.guide-child:last-child {
		padding-bottom: 0.625rem !important;
	}

@media (min-width: 56.25rem) {
	.veileder-current-menu-item {
		background-color: var(--dss-site-menu-link-background) !important;
		border-radius: 1.25rem !important;
		color: var(--dss-site-menu-link-hover) !important;
	}
}

.sports-post-listing-title {
	margin: 3rem 0 2rem;
}

.breadcrumbs-container {
	max-width: min(calc(100vw - 2 * var(--t2-base-style-spacing-horizontal, var(--wp--custom--t2-base-style--spacing--horizontal, var(--wp--custom--t-2-base-style--spacing--horizontal, 1.25rem)))), var(--t2-layout-wide, 75rem)) !important;
}

.sports-post-listing {
	-moz-column-count: 1;
	     column-count: 1;
	grid-column-gap: 1rem;
	-moz-column-gap: 1rem;
	     column-gap: 1rem;
	display: block;
	list-style: none;
	padding: 0
}

.sports-post-listing li {
		page-break-inside: avoid;
		-moz-column-break-inside: avoid;
		     break-inside: avoid; /* Fix for Safari not aligning columns correctly in some cases */
		padding-bottom: 1rem /* Needs to be padding, not margin, for the Safari fix */
	}

.sports-post-listing li a {
			page-break-inside: avoid;
			-moz-column-break-inside: avoid;
			     break-inside: avoid /* Prevent Safari from breaking a single button over multiple columns */
		}

.sports-post-listing li a.has-image {
				padding-left: 84px;
			}

.sports-post-listing li a img {
				height: 100%;
				left: 0;
				-o-object-fit: cover;
				   object-fit: cover;
				position: absolute;
				top: 0;
				width: 70px;
			}

@media (min-width: 768px) {

.sports-post-listing {
		-moz-column-count: 2;
		     column-count: 2
}
	}

@media (min-width: 1024px) {

.sports-post-listing {
		-moz-column-count: 3;
		     column-count: 3
}
	}

.is-style-button-veileder-child {
	max-width: 100% !important;
	width: 100%
}

@media (min-width: 768px) {

.is-style-button-veileder-child {
		max-width: calc(50% - 1rem + 4px) !important
}
	}

@media (min-width: 1024px) {

.is-style-button-veileder-child {
		max-width: calc(33.333% - 1rem + 4px) !important
}
	}

/* Shared style for child-posts block and buttons with "veileder child" style */

.sports-post-listing li a,
.wp-block-button.is-style-button-veileder-child a.wp-block-button__link {
	background-color: transparent;
	border: 1px solid #ccc;
	border-radius: 2px;
	color: var(--wp--preset--color--primary);
	display: flex;
	font-size: 1rem;
	font-weight: 500;
	height: 100%;
	overflow: hidden;
	padding: 1rem 3rem 1rem 1.25rem;
	position: relative;
	text-align: left;
	text-decoration: none;
	transition: border-color 150ms
}

.sports-post-listing li a:hover, .wp-block-button.is-style-button-veileder-child a.wp-block-button__link:hover {
		border-color: var(--dss-site-body-link);
		color: var(--dss-site-body-link) !important;
	}

.sports-post-listing li a svg, .wp-block-button.is-style-button-veileder-child a.wp-block-button__link svg {
		position: absolute;
		right: 1rem;
		top: 1rem;
	}

.breadcrumbs + main .wp-block-dss-sports-banner {
	margin-top: 20px;
}

.is-malboker-archive .entry-title {
	max-width: min(calc(100vw - 2 * var(--t2-base-style-spacing-horizontal, var(--wp--custom--t2-base-style--spacing--horizontal, var(--wp--custom--t-2-base-style--spacing--horizontal, 1.25rem)))), var(--t2-layout-wide, 75rem));
}