/* ------------------------------------------------------------
*   12/css/responsiv2.css
*   Responsive Design tilpasninger
*   Gjør justeringer av layout ved forskjellige skjermstørrelser
   ------------------------------------------------------------ */

@media (max-width: 800px) {
	button.toggle-text,
	#activeFiltersBar {
		display: none;
	}
	#filterTitle {
		font-size: medium;
	}
	button#filterToggle {
		top: calc(var(--header-height) + 60px) !important;
		left: 10px !important;
		right: auto !important;
	}

	div.media-item h3 {
		font-size: medium;
		font-weight: bold;
	}
	div.media-item h4 {
		font-size: small;
		font-weight: bold;
	}
	div.media-item div p.sitat {
		margin-left: 0.2em;
		padding-left: 0.2em;
	}
	div.media-item div {
		padding-left: 0.5em;
	}
	h1#current-text {
		position: fixed;
		top: -8px;
		font-size: small;
		margin: 0x;
		padding: 0px;
		width: 100vw;
		z-index: 1000;
	}

	/* #home-link {
		z-index: 420;
		padding: 0px;
		margin: 0px;
		background-color: white;
		border-radius: 50%;
	} */
	#home-link a img#logo {
		position: fixed;
		bottom: 1.5em;
		right: 1.5em;
		width: 16vw;
		height: auto;
		margin: 0px;
		z-index: 1000;
	}
	#audio-container-pagetop {
		position: fixed;
		top: 25px;
		left: 0px;
		width: 100vw;
		z-index: 1000;
	}
	#audio-container-pagetop,
	.audio-player,
	#duration-container {
		width: 100vw;
	}
	#searchBox,
	.play-button-icon,
	.volume-container {
		display: none;
	}
	button.play-button,
	.lydkilde {
		padding: 0px;
		padding-right: 0px;
		margin: 0px;
	}
	button.play-button {
		padding: 0px;
		padding-right: 2em;
		margin: 0px;
	}
	button.play-button small.duration {
		display: none;
	}
	html body div.background div.content main#contentContainer div.w3-card {
		padding: 0px !important;
		padding-right: 2em !important;
		margin: 0px !important;
		margin-top: 1em !important;
	}
	html
		body
		div.background
		div.content
		main#contentContainer
		div.w3-card
		div.lydfil-handlinger-posisjoner.w3-card-4.w3-padding.w3-margin {
		padding: 0px !important;
		margin: 0px !important;
	}
	html
		body
		div.background
		div.content
		main#contentContainer
		div.w3-card
		div.lydfil-handlinger-posisjoner.w3-card-4.w3-padding.w3-margin
		div.progress-bar-container
		input[type="range"] {
		width: 100% !important;
	}
	.seek-button:nth-child(even) {
		display: none;
	}
	main#contentContainer div.media-item h3 {
		margin-left: var(--gap-md);
	}
}