@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@600&family=Nunito+Sans:opsz@6..12&display=swap');

:root {
	--color-primary: #dd2c34;
	--color-primary-opacity: #f78381;
	--color-white: #ffffff;
	--color-text: #00254B;
	--color-text-light: #dd2c3444;
	--color-gray: #B3B3B3;
	--color-background: #e7f0f8;
	--color-dark-background: #768594;
	--color-black: #12111;
	--web-open-article-title: 38px;
}

* {
	font-family: "Nunito Sans", sans-serif !important;
	font-size: 16px;
}

html, body {
	background-color: var(--color-background);
	color: var(--color-text);
	padding: 0;
	margin: 0;
	height: 100vh !important;
	min-height: 100vh !important;
	-webkit-overflow-scrolling: touch;
}

body.scroll-down #mobileHeader{
	transform: translate3d(0, -100%, 0);
}

body.scroll-down #desktopHeader{
	transform: translate3d(0, -100%, 0);
}

.searchPopover {
	border-radius: 25px;
	overflow: hidden;
	border: 1px solid var(--color-gray);
	box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
}