/*
Theme Name: ProFri | Consument | 2023
Theme URI: http://www.excellutions.nl
Author: C.P.M. Bastiaansen
Author URI: http://www.excellutions.nl/
Description: EXCELLUTIONS | C.P.M. Bastiaansen
Version: 2023.1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: profri-consument

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/



/* ---- COLORS ----- 
 *
 * Oranje: #F39200
 * Licht bruin: #A48A7B
 * Donker bruin: #7B6A58
 *
 */

/* ---- FONTS ---- */
@font-face {
    font-family: 'Korolev Light';
    src: url('fonts/Korolev/korolev_light-webfont.woff2') format('woff2'),
         url('fonts/Korolev/korolev_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Korolev Medium';
    src: url('fonts/Korolev/korolev_medium-webfont.woff2') format('woff2'),
         url('fonts/Korolev/korolev_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Korolev Bold';
    src: url('fonts/Korolev/korolev_bold-webfont.woff2') format('woff2'),
         url('fonts/Korolev/korolev_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}





html {
	height: 100%;
	width: 100%;
	scroll-behavior: smooth;
}

body {
	position: relative;
	font-family: 'Korolev Light';
	font-size: clamp( 18px, 1.88034vw, 22px);
	line-height: 1.4;
	height: 100%;
	width: 100%;
	-webkit-font-smoothing: antialiased;
}

h1 {
	font-family: 'Korolev Bold';
	color: #7B6A58;
	margin-bottom: 2.5rem;
}

h2 {
	font-family: 'Korolev Bold';
	color: #A48A7B;
	margin-bottom: 2rem;
}

p {
	margin-bottom: 1.6rem;
}

a {
	font-family: 'Korolev Medium';
	color: #f39200;
	transition: all .2s ease-in-out;
}

a::after {
	display: inline-block;
	content: '';
	height: 12px;
	width: 12px;
	background-image: url('images/icons/chevron-right-solid-orange.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: 7px;
	transition: all .2s ease-in-out;
}

a:hover,
a:focus {
	color: #A48A7B;
	text-decoration: none;
	transition: all .2s ease-in-out;
}

a:focus {
	color: #f39200;
}

a:hover::after {
	background-image: url('images/icons/chevron-right-solid-brown.svg');
	margin-left: 15px;
	transition: all .2s ease-in-out;
}


#header-wrapper {
	position: fixed;
}



/* ---- SITE WRAPPER ---- */
#site-wrapper .wp-block-embed.is-type-video .wp-block-embed__wrapper {
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
	width: 100%;
}

#site-wrapper .wp-block-embed.is-type-video .wp-block-embed__wrapper iframe {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
}









/* ---- FOOTER ---- */
#footer-wrapper {
	position: relative;
	height: auto;
	min-height: 250px;
	background-color: #000000;
}





@media {
	body {
		font-size: clamp( 16px, 1.88034vw, 18px);
		line-height: 1.6;
	}
	
	h1 {
		font-family: 'Korolev Bold';
		margin-bottom: 2.0rem;
	}
	
	h2 {
		font-family: 'Korolev Bold';
		margin-bottom: 1.75rem;
	}
	
	p {
		margin-bottom: 1.4rem;
	}
}