:root, .theme-dark {
	--hero-background-start-color: #ba1601;
	--hero-background-end-color: #ba1601;
	--button-background-color: #0aa0ab;
	--button-border-color: transparent;
	--modal-header-background-color: #ba1601;
}

body #hero {
	grid-template:
		"logo search links"	auto
		/ auto 1fr auto;
		
	background-image: none;
	padding: 0;
}


body #hero .logo {
	margin: 2em 0;
}

body #hero .tagline {
	display: none;
}

#hero .search input[type=text] {
	margin: 0 2em;
	border-color: var(--button-border-color);
	background-position: 2% 50%;
}

#hero .links li, nav a.button, .modal .buttons input {
	font-size: .6em;
	text-transform: uppercase;
	background: var(--button-background-color);
	color: #fff !important;
}
	#hero .links li:hover, a.button:hover {
		background: #222;
	}

nav {
	background: #fff;
}
	nav ul {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		height: 4em;
		gap: 2em;
		overflow-y: auto;
		width: 100%;
	}
		nav li {
			height: 100%;
			display: flex;
			align-items: center;
		}
			nav li:first-child {
				padding: 0 3em;
				border-left: 1px solid #eaeaea;
				border-right: 1px solid #eaeaea;
			}
			nav li:last-child {
				display: flex !important;
			}
	nav a {
		font-size: .7em;
		font-weight: 500;
		font-family: Roboto, sans-serif;
		color: #333;
	}
		nav a:hover {
			color: #af0101;
		}
	nav img {
		width: 6em;
	}


.modal {
}

.modal .settings-theme-dark {
	display: none;
}

.modal .header .back, .modal .header .share {
	filter: invert(100%);
}
.modal .header .title {
	color: #fff;
}

.metabet-adtile-header, .metabet-adtile-footer {
	display: none !important;
}


@media (max-width: 1240px) {

	nav li:nth-child(n+7) {
		display: none;
	}

	body #hero {
		padding: 0 1em;
	}

}

@media (max-width: 1000px) {

	nav li:nth-child(n+6) {
		display: none;
	}

	body #hero {
		grid-template:
			"logo"	auto
			"search"	auto
			/ auto;
		place-items: center;
	}
		body #hero .logo {
			margin: 1em 0 1em !important;
		}
		body #hero .search {
			margin: 0 0 1.5em 0;
			width: 95% !important;
		}
			body #hero .search input[type=text] {
				margin: 0;
			}
		body #hero .links {
			display: none;
		}
}

@media (max-width: 920px) {

	nav li:nth-child(n+6) {
		display: none;
	}

}

@media (max-width: 820px) {

	nav li:nth-child(n+2) {
		display: none;
	}

}