:root {
	--font-main: 'Montserrat', Arial, sans-serif;;
	--font-alternative: 'Oswald', Impact, sans-serif;
	
	/** ORANGE */
	--color-main: #EA6121;
	--color-main: #C44B12;


	
	/** SHADOWS OF GREYS */
	--color-darkgrey: #555555;
	--color-grey: #BDBDBD;
	--color-lightgrey: #E4E4E4;
	--color-white: #FFFFFF;
	
	/** BLACKS */
	--color-black: #3A3134;
	--color-loudblack: #000000;

	/** RADIUS (?) */
	--radius: 5px;
}

html, body {
	background: white;
	color: var(--color-black);
	/*font-size: clamp(14px, 1vw, 18px);*/
	font-size: 16px;
	font-family: var(--font-main);
}

h1, h2, h3, h4, h5 {
	font-family: var(--font-alternative);
	color: var(--color-black);
	font-weight: bold;
	text-transform: uppercase;
}

a:link, a:visited {
	color: var(--color-main);
	transition: all 0.5s ease-out;
} 

a:hover, a:active {
	color: var(--color-black);
	transition: all 0.5s ease-out;
} 

blockquote, blockquote p {
    line-height: 1.6;
    color: var(--color-black);
}	

nav.sidenav-mobile ul li.mav-search form input::placeholder {
    color:  #fff;
     font-family: var(--font-alternative);
}

nav.sidenav-mobile ul li.mav-search form input:focus {
    opacity: 0.9;
}

nav.sidenav-mobile ul li.mav-search form input:focus::placeholder {
    color:   #fff;
}