/*
Theme Name: Royal Ingredients Group BV
Theme URI: http://www.webandnet.nl
Author: C.P.M. Bastiaansen
Author URI: http://www.webandnet.nl/
Description: Web-and-Net | C.P.M. Bastiaansen
Text Domain: webandnet-rig
Version: 2024.1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

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.
*/


/* ---- FONTS ---- */
@font-face {
    font-family: 'Metropolis';
    src: url('fonts/Metropolis/Metropolis-Light.eot');
    src: local('Metropolis Light'), local('Metropolis-Light'),
        url('fonts/Metropolis/Metropolis-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Metropolis/Metropolis-Light.woff2') format('woff2'),
        url('fonts/Metropolis/Metropolis-Light.woff') format('woff'),
        url('fonts/Metropolis/Metropolis-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Metropolis';
    src: url('fonts/Metropolis/Metropolis-Regular.eot');
    src: local('Metropolis Regular'), local('Metropolis-Regular'),
        url('fonts/Metropolis/Metropolis-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Metropolis/Metropolis-Regular.woff2') format('woff2'),
        url('fonts/Metropolis/Metropolis-Regular.woff') format('woff'),
        url('fonts/Metropolis/Metropolis-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Metropolis';
    src: url('fonts/Metropolis/Metropolis-Medium.eot');
    src: local('Metropolis Medium'), local('Metropolis-Medium'),
        url('fonts/Metropolis/Metropolis-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Metropolis/Metropolis-Medium.woff2') format('woff2'),
        url('fonts/Metropolis/Metropolis-Medium.woff') format('woff'),
        url('fonts/Metropolis/Metropolis-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Metropolis Semi';
    src: url('fonts/Metropolis/Metropolis-SemiBold.eot');
    src: local('Metropolis Semi Bold'), local('Metropolis-SemiBold'),
        url('fonts/Metropolis/Metropolis-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Metropolis/Metropolis-SemiBold.woff2') format('woff2'),
        url('fonts/Metropolis/Metropolis-SemiBold.woff') format('woff'),
        url('fonts/Metropolis/Metropolis-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Metropolis';
    src: url('fonts/Metropolis/Metropolis-Bold.eot');
    src: local('Metropolis Bold'), local('Metropolis-Bold'),
        url('fonts/Metropolis/Metropolis-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Metropolis/Metropolis-Bold.woff2') format('woff2'),
        url('fonts/Metropolis/Metropolis-Bold.woff') format('woff'),
        url('fonts/Metropolis/Metropolis-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}





@font-face {
	font-family: 'Caros Soft Light';
	src: url('fonts/Caros-Soft-Family/Caros-Soft-Light.woff2') format('woff2'), /* Super Modern Browsers */
		 url('fonts/Caros-Soft-Family/Caros-Soft-Light.woff') format('woff'); /* Pretty Modern Browsers */
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Caros Soft Regular';
	src: url('fonts/Caros-Soft-Family/Caros-Soft.woff2') format('woff2'), /* Super Modern Browsers */
		 url('fonts/Caros-Soft-Family/Caros-Soft.woff') format('woff'); /* Pretty Modern Browsers */
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Caros Soft Bold';
	src: url('fonts/Caros-Soft-Family/Caros-Soft-Bold.woff2') format('woff2'), /* Super Modern Browsers */
		 url('fonts/Caros-Soft-Family/Caros-Soft-Bold.woff') format('woff'); /* Pretty Modern Browsers */
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Graphik Regular';
	src: url('fonts/Graphik/Graphik-Regular.eot'); /* IE9 Compat Modes */
 	src: url('fonts/Graphik/Graphik-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('fonts/Graphik/Graphik-Regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('fonts/Graphik/Graphik-Regular.woff') format('woff'), /* Pretty Modern Browsers */
		 url('fonts/Graphik/Graphik-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
		 url('fonts/Graphik/Graphik-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
	font-weight: normal;
	font-style: normal;
}


/* ---- CONTAINERS ---- */
@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 1140px;
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1320px;
    }
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }
}

@media (min-width: 1720px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1640px;
    }
}


.wp-block-columns.is-not-stacked-on-mobile {
	gap: 5px;
}
.wp-block-columns.is-not-stacked-on-mobile .wp-block-column {
	display: flex;
	justify-content: center;
	max-width: 20px;
	margin-right: 7px;	
}



/* ---- GRAVITY FORMS ---- */
body .gform-theme--framework .gfield_validation_message {
	color: #FAA903;
}

body .gform-theme--framework .gform_validation_errors {
	border-color: #FAA903;
	background: rgba( 250, 169, 3, 0.3);
}


/* ---- ALGEMEEN ---- */
html {
	position: relative;
    margin: 0;
    padding: 0;
    height: auto;
    min-height: 100%;
    width: 100%;
    scroll-behavior: smooth;
}

body {
	position: relative;
	display: inherit;
	height: 100%;
	width: 100%;
	font-family: 'Inter Tight', sans-serif;
	font-size: clamp( 20px, 1.46341vw, 24px);
	color: #222222;
	line-height: 1.6;
	font-weight: 300;
	/* background: #FDC82F; */
	background: linear-gradient(to top, #FDC82F 0, #FDC82F 100px, #FFFFFF 100px, #FFFFFF 100%);
	 -webkit-font-smoothing: antialiased;
}

* {
	
}

a {
	text-decoration: none;
	transition: all .3s ease-in-out;
}

a:hover,
a:focus,
a:visited {
	transition: all .3s ease-in-out;
}

p a[href$=".pdf"] {
	position: relative;
	display: inline-block;
	border-bottom: 0 none!important;
}

p a[href$=".pdf"]::after,
p a[href$=".doc"]::after,
p a[href$=".docx"]::after,
p a[href$=".xls"]::after,
p a[href$=".xlsx"]::after {
	display: block;
	content: '';
	width: calc( 100% - 60px );
	height: 1px;
	background-color: #FFA903;
	margin-left: 60px;
	transition: all .3s ease-in-out;
}

p a[href$=".pdf"]:hover::after,
p a[href$=".doc"]:hover::after,
p a[href$=".docx"]:hover::after,
p a[href$=".xls"]:hover::after,
p a[href$=".xlsx"]:hover::after {
	background-color: #001E53;
	transition: all .3s ease-in-out;
}

p a[href$=".pdf"]::before,
p a[href$=".doc"]::before,
p a[href$=".docx"]::before,
p a[href$=".xls"]::before,
p a[href$=".xlsx"]::before {
	position: relative;
	top: 20px;
	display: inline-block;
	content: '';
	height: 50px;
	width: 50px;
	background-color: #FAF5F0;
	border-radius: 25px;
	background-image: url('images/icons/RIG - Icon - Download.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px;
	margin-right: 10px;
	transition: all .3s ease-in-out;
}

p a[href$=".pdf"]:hover::before,
p a[href$=".doc"]:hover::before,
p a[href$=".docx"]:hover::before,
p a[href$=".xls"]:hover::before,
p a[href$=".xlsx"]:hover::before {
	background-color: #FFA903;
	background-image: url('images/icons/RIG - Icon - Download White.svg');
	transition: all .3s ease-in-out;
}

h1 {
	font-family: 'Metropolis', sans-serif;
	font-size: clamp( 72px, 4.87805vw, 80px);
	line-height: 1;
	font-weight: 300;
	color: #001E53;
	margin-bottom: 1.33333em;
}

h1 strong {
	font-weight: 600;
}

h2 {
	font-family: 'Metropolis', sans-serif;
	font-size: clamp( 42px, 3.04787vw, 50px);
	line-height: 1;
	font-weight: 600;
	color: #001E53;
	margin-bottom: 1.25em;
}

h3 {
	font-family: 'Inter Tight', sans-serif;
	font-size: clamp( 20px, 1.463414vw, 24px);
	line-height: 1;
	font-weight: 500;
	color: #001E53;
	margin-bottom: 0.83333em;
}

h1 p, h2 p, h3 p {
	margin-bottom: 0;
}

p:last-of-type {
	margin-bottom: 0;
}

:focus {
	outline: none;
}




/* ---- GRAVITY FORMS --> ALGEMEEN ---- */
body .gform_required_legend {
	display: none;
}



/* ---- KRUIMELPAD ---- */
#rig-header-content-breadcrumb-wrapper #breadcrumbs {
	font-family: 'Inter Tight', sans-serif;
	font-size: clamp( 16px, 1.21951vw, 20px );
	font-weight: 500;
	color: #D1D1D1;
	margin-bottom: 2rem;
}

#rig-header-content-breadcrumb-wrapper #breadcrumbs span {
	margin: 0 7px;
}

#rig-header-content-breadcrumb-wrapper #breadcrumbs span:first-of-type {
	margin-left: 0;
}

#rig-header-content-breadcrumb-wrapper #breadcrumbs span:last-of-type {
	margin-right: 0;
}

#rig-header-content-breadcrumb-wrapper #breadcrumbs a {
	font-family: 'Inter Tight', sans-serif;
	font-size: clamp( 16px, 1.21951vw, 20px );
	font-weight: 500;
	color: #D1D1D1;
	border: 0 none;
}

#rig-header-content-breadcrumb-wrapper #breadcrumbs a:hover {
	color: #001E53;
}

span.breadcrumb_last {
	color: #FFA903;
}

/* ---- START OF SITE ---- */
#site-wrapper {
	position: relative;
}

#site-wrapper a {
	color: #FFA903;
    border-bottom: 1px solid #FFA903;
    transition: all .3s ease-in-out;
}

#site-wrapper a:hover,
#site-wrapper a:focus {
	color: #001E53;
    border-bottom: 1px solid #001E53;
    transition: all .3s ease-in-out;
}

#site-content-wrapper {
	position: relative;
	padding-top: 150px; /* 180px; */
	margin: 0 0 -5% 0; /* 60px 0; */
	background: linear-gradient( to bottom, #FDC82F 0, #FDC82F 125px, transparent 125px, transparent 100% );
}

#site-content-wrapper #site-content-top-border-wrapper {
	position: absolute;
	display: block;
	height: auto;
	width: 100%;
	/* mmax-width: 1920px; */
	margin: 0 auto;
	transform: translate( 0, -73% );
	z-index: -5;
}

#site-content-wrapper #site-content-top-border-wrapper img {
	display: block;
	height: 100%;
	width: 100%;
	object-fit: contain;
}



/* ---- HEADER ---- */
#header-wrapper {
	position: fixed;
	height: 125px;
	width: 100%;
	/* padding: 35px 0 10px 0; */
	background-color: #FDC82F;
	transition: all .3s ease-in-out;
	z-index: 1000;
}

#header-wrapper.white-header {
	height: 80px;
	background-color: #FFFFFF;
	transition: all .3s ease-in-out;
}

#header-wrapper.white-header::before {
	position: absolute;
	bottom: -15px;
	left: 0;
	height: 15px;
	width: 100%;
	content: '';
	background: linear-gradient( to bottom, rgba( 0, 0, 0, 0.16), rgba( 0, 0, 0, 0) );
}

#main-header-bottom-border-wrapper {
	position: relative;
	display: block;
	height: auto;
	width: 100%;
	/* mmax-width: 1920px; */
	margin: 0 auto;
	transform: translate( 0, -70% );
	z-index: -5;
}

#main-header-bottom-border-wrapper img {
	display: block;
	height: 100%;
	width: 100%;
	object-fit: contain;
}

#header-wrapper #header-logo-menu-icons-wrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	column-gap: 50px;
	height: 125px;
	transition: all .3s ease-in-out;
}

#header-wrapper.white-header #header-logo-menu-icons-wrapper {
	height: 80px;
	transition: all .3s ease-in-out;
}

#header-wrapper #header-logo-menu-icons-wrapper .header-logo-menu-icons-logo-container {
	display: flex;
	flex-direction: row;
	flex: 0 1 calc( 21% - 33.33333px);
	height: 100%;
}


#header-wrapper #header-logo-menu-icons-wrapper .header-logo-menu-icons-menu-container {
	display: flex;
	flex-direction: row;
	flex: 0 1 calc( 66% - 33.33333px);
	justify-content: flex-end;
	height: 100%;
}

#header-wrapper #header-logo-menu-icons-wrapper .header-logo-menu-icons-icons-container {
	position: relative;
	display: flex;
	flex-direction: row;
	flex: 0 1 calc( 13% - 33.33333px);
	justify-content: flex-end;
	height: 100%;
}



/* ---- HEADER --> LOGO ---- */
#header-wrapper #main-header-wrapper a {
	display: flex;
	flex-direction: row;
	height: 100%;
	width: 100%;
	border-bottom: 0;
}

.header-logo-container {
	height: 100%;
	width: 100%;
	background-image: url('images/logos/Logo Royal Ingredients Group BV.svg');
	background-position: center left;
	background-repeat: no-repeat;
	background-size: 100% 80px;
	transition: all .3s ease-in-out;
}

#header-wrapper.white-header .header-logo-container {
	background-position: center left;
	background-size: auto 50px;
	transition: all .3s ease-in-out;
}


/* ---- HEADER --> MAIN MENU ---- */
#header-wrapper #main-header-wrapper #main-menu-wrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	height: 100%;
	width: 100%;
	min-height: 80px;
}

#header-wrapper #main-header-wrapper #main-menu-wrapper ul {
	flex-direction: row;
	justify-content: flex-end;
	height: 100%;
	width: 100%;
	padding: 0;
	list-style: none;
}

#header-wrapper #main-header-wrapper #main-menu-wrapper ul li {
	position: relative;
	display: flex;
	flex-direction: column;
	/* height: 100%; */
	justify-content: center;
	margin: 0 2.5%;
}

#header-wrapper #main-header-wrapper #main-menu-wrapper ul li:first-child {
	margin-left: 0;
}

#header-wrapper #main-header-wrapper #main-menu-wrapper ul li:last-child {
	margin-right: 0;
}

#header-wrapper #main-header-wrapper #main-menu-wrapper ul li a {
	font-family: 'Metropolis', sans-serif;
	font-size: clamp( 14px, 1.21951vw, 20px);
	font-weight: bold;
	line-height: 1.4;
	color: #001E53;
	height: inherit;
	border-bottom: 2px solid transparent;

}

#header-wrapper #main-header-wrapper #main-menu-wrapper ul li a:hover,
#header-wrapper #main-header-wrapper #main-menu-wrapper ul li a:focus,
#header-wrapper #main-header-wrapper #main-menu-wrapper ul li.current-menu-item a {
	/* border-bottom: 2px solid #FFFFFF; */
	border-bottom: 2px solid #001E53;
	
}

#header-wrapper.white-header #main-header-wrapper #main-menu-wrapper ul li a:hover,
#header-wrapper.white-header #main-header-wrapper #main-menu-wrapper ul li a:focus,
#header-wrapper.white-header #main-header-wrapper #main-menu-wrapper ul li.current-menu-item a {
	border-color: #FFA903;
}



/* ---- HEADER --> SEARCH AND LANGUAGE SELECT ---- */
#header-wrapper #main-header-search-language-select-wrapper {
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	height: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-end;
}

#header-wrapper #main-header-search-language-select-wrapper #main-header-search-wrapper {
	position: relative;
	display: flex;
	flex-direction: row;
	flex: 0 1 50px;
	flex-wrap: nowrap;
	height: 50px;
	width: 50px;
	border-radius: 25px;
	margin-right: 10px;
	background-color: #FFFFFF;
	transition: all .3s ease-in-out;
}

#header-wrapper.white-header #main-header-search-language-select-wrapper #main-header-search-wrapper {
	position: relative;
	display: flex;
	flex-direction: row;
	flex: 0 1 40px;
	flex-wrap: nowrap;
	height: 40px;
	width: 40px;
	border-radius: 20px;
	transition: all .3s ease-in-out;
}

#header-wrapper #main-header-search-language-select-wrapper #main-header-search-wrapper .main-header-search-container {
	display: block;
	overflow: hidden;
}

#header-wrapper #main-header-search-language-select-wrapper #main-header-search-wrapper .main-header-search-container .search-icon {
	position: absolute;
	top: 0;
	left: 0;
	height: 50px;
	width: 50px;
	background-image: url('images/icons/RIG - Icon - Search.svg');
	background-position: center left 10px;
	background-repeat: no-repeat;
	background-size: 30px;
	transition: all .3s ease-in-out;
}

#header-wrapper.white-header #main-header-search-language-select-wrapper #main-header-search-wrapper .main-header-search-container .search-icon {
	height: 40px;
	width: 40px;
	background-size: 20px;
	transition: all .2s ease-in-out;
}

#header-wrapper #main-header-search-language-select-wrapper #main-header-search-wrapper .main-header-search-container .header-search-container {
	position: relative;
	
}

#header-wrapper #main-header-search-language-select-wrapper #main-header-search-wrapper input#search-products {
	position: absolute;
	left: 50px; /* 60px /*/
	top: 0;
	width: calc( 300px - 50px );
	height: 50px;
	border: 0 none;
	padding: 0;
	border-radius: 0 25px 25px 0;
	background-color: #FFFFFF;
	visibility: hidden;
	transition: all .3s ease-in-out;
}

/*
#header-wrapper #main-header-search-language-select-wrapper #main-header-search-wrapper .main-header-search-container .header-search-container form .wp-block-search__inside-wrapper .wp-block-search__input {
	left: 50px;
	height: 40px;
	transition: all .3s ease-in-out;
}
*/


#header-wrapper.white-header #main-header-search-language-select-wrapper #main-header-search-wrapper .main-header-search-container input#search-products {
	background-color: #FAF5F0;
	transition: all .3s ease-in-out;
}
	
#header-wrapper #main-header-search-language-select-wrapper #main-header-search-wrapper.active .main-header-search-container input#search-products {
	width: calc( 100% - 60px);
	border-radius: 0 25px 25px 0;
	visibility: visible;
	transition: all .3s ease-in-out;
}

#header-wrapper.white-header #main-header-search-language-select-wrapper #main-header-search-wrapper.active .main-header-search-container input#search-products {
	height: 40px;
	line-height: 40px;
	width: calc( 100% - 50px);
	border-radius: 0 20px 20px 0;
	transition: all .3s ease-in-out;
}

#header-wrapper #main-header-search-language-select-wrapper #main-header-search-wrapper .main-header-search-container input#search-products:focus {
	border: 0 none;
	outline: none;
	background: transparent;
}

#header-wrapper #main-header-search-language-select-wrapper #main-header-search-wrapper .main-header-search-container input#search-products,
#header-wrapper #main-header-search-language-select-wrapper #main-header-search-wrapper .main-header-search-container input::placeholder {
	font-family: 'Metropolis', sans-serif;
	font-size: 16px;
	line-height: 60px;
	font-weight: 300;
	font-style: italic;
}

#header-wrapper.white-header #main-header-search-language-select-wrapper #main-header-search-wrapper .main-header-search-container input#search-products,
#header-wrapper.white-header #main-header-search-language-select-wrapper #main-header-search-wrapper .main-header-search-container input#search-products::placeholder {
	line-height: 40px;
}


#header-wrapper #main-header-search-language-select-wrapper #main-header-language-select-wrapper {
	position: relative;
	display: flex;
	flex-direction: row;
	flex: 0 1 50px;
	height: 50px;
	width: 50px;
	border-radius: 25px;
	background-color: #FFFFFF;
	transition: all .3s ease-in-out;
}

#header-wrapper.white-header #main-header-search-language-select-wrapper #main-header-language-select-wrapper {
	flex: 0 1 40px;
	height: 40px;
	width: 40px;
	border-radius: 20px;
	transition: all .3s ease-in-out;
}

#header-wrapper.white-header #main-header-search-language-select-wrapper #main-header-language-select-wrapper {
	height: 40px;
	width: 40px;
	border-radius: 20px;
	transition: all .3s ease-in-out;
}

#header-wrapper #main-header-search-language-select-wrapper #main-header-language-select-wrapper .main-header-language-select-container {
	display: block;
	height: 50px;
	width: 50px;
	background-image: url('images/icons/RIG - Icon - Language select.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 30px;
}

body#en #header-wrapper #main-header-search-language-select-wrapper #main-header-language-select-wrapper .main-header-language-select-container {
	background-image: url('images/flags/Royal Ingredients - Flags - UK.svg');
}

body#es #header-wrapper #main-header-search-language-select-wrapper #main-header-language-select-wrapper .main-header-language-select-container {
	background-image: url('images/flags/Royal Ingredients - Flags - Spain.svg');
}

#header-wrapper.white-header #main-header-search-language-select-wrapper #main-header-language-select-wrapper .main-header-language-select-container {
	height: 40px;
	width: 40px;
	background-size: 20px;
	transition: all .3s ease-in-out;
}

#header-wrapper.white-header #main-header-search-language-select-wrapper #main-header-search-wrapper,
#header-wrapper.white-header #main-header-search-language-select-wrapper #main-header-language-select-wrapper {
	background-color: #FAF5F0;
	transition: all .3s ease-in-out;
}

#header-wrapper #main-header-search-language-select-wrapper #main-header-language-select-wrapper .wpml-ls-legacy-list-vertical {
	position: absolute;
	margin-top: 70px;
	right: 50%;
	left: 50%;
	min-width: 275px; /* 250px; */
	max-width: 275px; /* 250px; */
	transform: translateX(-50%);
	padding: 60px 30px 25px 30px;
	border-radius: 30px;
	background-color: #FFFFFF;
	border: 0 none;
	box-shadow: 0 5px 10px rgba( 0, 0, 0, 0.15);
	visibility: hidden;
	z-index: -111;
	transition: all .3s ease-in-out;
}

#header-wrapper #main-header-search-language-select-wrapper #main-header-language-select-wrapper:hover .wpml-ls-legacy-list-vertical {
	visibility: visible;
	z-index: 1;
	transition: all .3s ease-in-out;
}

#header-wrapper #main-header-search-language-select-wrapper #main-header-language-select-wrapper .wpml-ls-legacy-list-vertical::after {
	position: absolute;
	content: '';
	height: 60px;
	width: 70px;
	left: 50%;
	right: 50%;
	top: -20px;
	transform: translateX(-50%);
	background-image: url('images/icons/RIG - Icon - Language select pointer.svg');
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 70px auto;
	z-index: -10;
}

#header-wrapper #main-header-search-language-select-wrapper #main-header-language-select-wrapper .wpml-ls-legacy-list-vertical::before {
	position: absolute;
	content: 'Select your language';
	font-family: 'Metropolis', sans-serif;
	font-size: clamp( 18px, 1.21vw, 20px);
	font-weight: 300;
	text-align: left;
	top: 0;
	left: 0;
	height: 50px;
	line-height: 50px;
	padding: 0 30px;
	width: 100%;
	background-color: #F5F5F5;
	border-radius: 30px 30px 0 0;
	z-index: 10;
}

body#en #header-wrapper #main-header-search-language-select-wrapper #main-header-language-select-wrapper .wpml-ls-legacy-list-vertical::before {
	content: 'Select your language';
}

body#de #header-wrapper #main-header-search-language-select-wrapper #main-header-language-select-wrapper .wpml-ls-legacy-list-vertical::before {
	content: 'Wählen Ihre Sprache';
}

body#fr #header-wrapper #main-header-search-language-select-wrapper #main-header-language-select-wrapper .wpml-ls-legacy-list-vertical::before {
	content: 'Sélectionnez votre langue';
}

body#nl #header-wrapper #main-header-search-language-select-wrapper #main-header-language-select-wrapper .wpml-ls-legacy-list-vertical::before {
	content: 'Selecteer uw taal';
}

#header-wrapper #main-header-search-language-select-wrapper #main-header-language-select-wrapper .wpml-ls-legacy-list-vertical a {
	font-family: 'Metropolis', sans-serif;
	font-size: clamp( 16px, 1.21951vw, 20px);
	line-height: 35px;
	font-weight: 300;
	color: #222222;
	border: 0 none;
	transition: inherit;
}

#header-wrapper #main-header-search-language-select-wrapper #main-header-language-select-wrapper .wpml-ls-legacy-list-vertical .wpml-ls-current-language a {
	font-weight: 500;
	transition: inherit;
}



/* ---- PAGES ---- */
#rig-header-contact-header-content-wrapper .gform_body .gfield .ginput_container_text input,
#rig-header-contact-header-content-wrapper .gform_body .gfield .ginput_container_email input,
#rig-header-contact-header-content-wrapper .gform_body .gfield .ginput_container_select select {
	height: 60px;
	border-radius: 30px;
	line-height: 60px;
	border: 1px solid #001E53;
}

#rig-header-contact-header-content-wrapper .gform_body .gfield .ginput_container_text input::placeholder,
#rig-header-contact-header-content-wrapper .gform_body .gfield .ginput_container_email input::placeholder,
#rig-header-contact-header-content-wrapper .gform_body .gfield .ginput_container_select select .gf_placeholder {
	text-align: center;
}


#rig-header-contact-header-content-wrapper .gform_body .gfield .ginput_container_textarea textarea {
	padding: 20px;
	border-radius: 30px;
	border: 1px solid #001E53;
	resize: none;
}

#rig-header-contact-header-content-wrapper ::placeholder,
#rig-header-contact-header-content-wrapper .gform_body .gfield .ginput_container_select select {
	font-family: 'Inter Tight';
	font-size: clamp( 16px, 1.21vw, 20px)!important;
	font-weight: 500;
	color: #959595;
}

#rig-header-contact-header-content-wrapper .gform_footer input[type="submit"] {
	display: inline-block;
    font-family: 'Metropolis', sans-serf;
    font-size: clamp(16px, 1.21951vw, 20px);
	color: #001E53;
    font-weight: 500;
    height: 50px;
    line-height: 20px;
    padding: 15px 60px;
    background-color: #FFA902;
    border: 1px solid #FFA902;
    border-radius: 25px;
	transition: all .3s ease-in-out;
}

#rig-header-contact-header-content-wrapper .gform_footer input[type="submit"]:hover {
	color: #FFFFFF;
	background-color: #001E53;
	border-color: #001E53;
	transition: all .3s ease-in-out;
}




/* ---- CATEGORIES ---- */

/* ---- CATEGORY --> LATEST NEWS ---- */
#category-latest-news-wrapper {
	padding: 300px 0 250px 0;
}

#category-latest-news-wrapper #category-latest-news-single-items-wrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 50px;
}

#category-latest-news-wrapper #category-latest-news-single-items-wrapper .category-latest-news-single-items-container {
	display: flex;
	flex-direction: column;
	flex: 0 0 calc( 33.33333% - 33.333333px );
	background-color: #FAF5F0;
	border-radius: 30px;
	transition: all .3s ease-in-out;
}

#category-latest-news-wrapper #category-latest-news-single-items-wrapper .category-latest-news-single-items-container a {
	border: 0 none;
}

#category-latest-news-wrapper #category-latest-news-single-items-wrapper .category-latest-news-single-items-container:hover {
	transform: scale(1.05);
	transition: all .3s ease-in-out;
}

#category-latest-news-wrapper #category-latest-news-single-items-wrapper .category-latest-news-single-items-container .category-latest-news-single-item-container #category-latest-news-single-item-image-date-wrapper .category-latest-news-single-item-image-container {
	position: relative;
	height: 0;
	padding-top: 70%;
	
}

#category-latest-news-wrapper #category-latest-news-single-items-wrapper .category-latest-news-single-items-container .category-latest-news-single-item-container #category-latest-news-single-item-image-date-wrapper .category-latest-news-single-item-image-container img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 30px 30px 0 0;
	object-fit: cover;
	object-position: center;
}

#category-latest-news-wrapper #category-latest-news-single-items-wrapper .category-latest-news-single-items-container .category-latest-news-single-item-container #category-latest-news-single-item-image-date-wrapper .category-latest-news-single-item-date-container {
	position: absolute;
	right: 30px;
	top: 30px;
}

#category-latest-news-wrapper #category-latest-news-single-items-wrapper .category-latest-news-single-items-container .category-latest-news-single-item-container #category-latest-news-single-item-image-date-wrapper .category-latest-news-single-item-date-container .category-latest-news-single-item-date {
	font-family: 'Inter Tight', sans-serif;
	font-size: clamp( 14px, 0.97560vw, 16px );
	font-weight: 300;
	color: #001E53;
	height: 50px;
	line-height: 20px;
	padding: 15px 30px;
	background-color: #FFFFFF;
	border-radius: 20px;
}

#category-latest-news-wrapper #category-latest-news-single-items-wrapper .category-latest-news-single-items-container #category-latest-news-single-item-content-wrapper {
	position: relative;
	height: 0;
	padding-bottom: 50%;
}

#category-latest-news-wrapper #category-latest-news-single-items-wrapper .category-latest-news-single-items-container #category-latest-news-single-item-content-wrapper .category-latest-news-single-item-content-container {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	padding: 25px 30px;
}

#category-latest-news-wrapper #category-latest-news-single-items-wrapper .category-latest-news-single-items-container #category-latest-news-single-item-content-wrapper .category-latest-news-single-item-content-container h3.category-latest-news-single-item-title {
	font-size: clamp( 20px, 1.46341vw, 24px);
	font-weight: 500;
	color: #001E53;
}

#category-latest-news-wrapper #category-latest-news-single-items-wrapper .category-latest-news-single-items-container #category-latest-news-single-item-content-wrapper .category-latest-news-single-item-content-container {
	font-family: 'Inter Tight', sans-serif;
	font-size: clamp( 14px, 0.97560vw, 16px );
	font-weight: 300;
	color: #222222;
}




/* ---- PAGE TEMPLATES --> NO BLOCKS ---- */
#page-no-blocks-wrapper {
	padding: 12% 0 200px 0;
	
}

#page-no-blocks-wrapper h1 {
	font-family: 'Metropolis', sans-serif;
    font-size: clamp(72px, 4.87805vw, 80px);
    line-height: 1;
    font-weight: 300;
    color: #001E53;
	margin-bottom: 70px;
}

#page-no-blocks-wrapper h2,
#page-no-blocks-wrapper #cmplz-document h2 {
	font-family: 'Metropolis', sans-serif;
    font-size: clamp(42px, 3.04787vw, 50px);
    line-height: 1;
    font-weight: 300;
    color: #001E53;
	margin-top: 70px;
    margin-bottom: 35px;
}

#page-no-blocks-wrapper p,
#page-no-blocks-wrapper ul li {
	font-family: 'Inter Tight', sans-serif;
    font-size: clamp(20px, 1.46341vw, 24px);
    color: #222222;
    line-height: 1.6;
    font-weight: 300;
	-webkit-font-smoothing: antialiased;
}

#page-no-blocks-wrapper a {
	text-decoration: none;
}

#page-no-blocks-wrapper #cmplz-document,
#page-no-blocks-wrapper .editor-styles-wrapper .cmplz-unlinked-mode {
	max-width: 100%;
}





/* ---- FOOTER ---- */
#footer-wrapper {
	position: relative;
	font-family: 'Metropolis', sans-serif;
	color: #FFFFFF;
	height: auto;
	min-height: 200px;
	background-color: #FFA902;
	z-index: 10;
}

#footer-wrapper a {
	color: #FFFFFF;
	text-decoration: none;
	border: 0 none;
}

#footer-top-border-wrapper {
	position: relative;
	display: block;
	height: auto;
	width: 100%;
	margin: 0 auto;
	z-index: 1; /* -10; */
}

#footer-top-border-wrapper img {
	display: block;
	height: auto;
	width: 100%;
}


/* --- FOOTER --> LOGO ---- */
#footer-wrapper #footer-logo-wrapper {
	padding: 80px 0;
}


/* ---- FOOTER --> QUICK-LINKS ---- */
#footer-wrapper #footer-quick-links-wrapper {
	margin-bottom: 100px;
}

#footer-wrapper #footer-quick-links-wrapper .footer-quick-links-container h4.footer-quick-links-title {
	font-size: clamp( 16px, 1.21951vw, 20px);
	font-weight: 500;
}

#footer-wrapper #footer-quick-links-wrapper .footer-quick-links-container ul {
	padding: 0;
	list-style: none;
}

#footer-wrapper #footer-quick-links-wrapper .footer-quick-links-container ul li {
	position: relative;
	float: left;
	width: 33.33333%;
	margin-bottom: 1rem;
}

#footer-wrapper #footer-quick-links-wrapper .footer-quick-links-container ul li:nth-child(1) {
	margin-left: 0;
	width: 33.33333%;
}

#footer-wrapper #footer-quick-links-wrapper .footer-quick-links-container ul li:nth-child(2),
#footer-wrapper #footer-quick-links-wrapper .footer-quick-links-container ul li:nth-child(5) {
	margin-left: 5px;
	width: calc( 33.33333% - 5px );
}

#footer-wrapper #footer-quick-links-wrapper .footer-quick-links-container ul li:nth-child(3),
#footer-wrapper #footer-quick-links-wrapper .footer-quick-links-container ul li:nth-child(6) {
	margin-left: 15px;
	width: calc( 33.33333% - 15px );
}

#footer-wrapper #footer-quick-links-wrapper .footer-quick-links-container ul li a {
	font-size: clamp( 42px, 3.04878vw, 50px);
	font-weight: bold;
	color: #001E53;
	border-bottom: 1px solid transparent;
}

#footer-wrapper #footer-quick-links-wrapper .footer-quick-links-container ul li a:hover {
	color: #001E53;
	border-bottom: 1px solid #001E53;
	transition: all .3s ease-in-out;
}


/* ---- FOOTER --> SOCIALME EN CONTACT ---- */
#footer-wrapper #footer-socialme-contact-wrapper {
	font-size: clamp( 16px, 1.21951vw, 20px);
	line-height: 0.8;
	color: #001E53;
	margin-bottom: 4.5rem;
}

#footer-wrapper #footer-socialme-contact-wrapper div div:nth-child(3) h4 {
	visibility: hidden;
} 

#footer-wrapper #footer-socialme-contact-wrapper h4 {
	font-size: clamp( 16px, 1.21951vw ,20px);
	font-weight: bold;
	color: #001E53;
	margin-bottom: 1rem;
}


.otgs-development-site-front-end {
	display: none!important;
}


/* ---- FOOTER --> COPYRIGHT EN FOOTERMENU ---- */
#footer-wrapper #footer-copyright-footermenu-wrapper {
	font-size: clamp( 14px, 0.97560vw, 16px);
	font-weight: 500;
	color: #001E53;
	border-top: 1px solid #001E53;
	width: 100%;
	padding: 50px 0;
}

#footer-wrapper #footer-copyright-footermenu-wrapper .footer-copyright-container a {
	color: #001E53;
	font-weight: bold;
	border: 0 none;
	transition: all .3s ease-in-out;
}

#footer-wrapper #footer-copyright-footermenu-wrapper .footer-copyright-container a:hover,
#footer-wrapper #footer-copyright-footermenu-wrapper .footer-copyright-container a:focus {
	color: #001E53;
	text-decoration: none;
	border-bottom: 1px solid #001E53;
	transition: all .3s ease-in-out;
}

#footer-wrapper #footer-copyright-footermenu-wrapper,
#footer-wrapper #footer-copyright-footermenu-wrapper .menu-footermenu-container {
	position: relative;
	display: flex;
	flex-direction: row;
	width: 100%;
	margin-bottom: 40px;
}

#footer-wrapper #footer-copyright-footermenu-wrapper ul,
#footer-wrapper #footer-copyright-footermenu-wrapper .menu-footermenu-container ul {
	display: flex;
	flex-direction: row;
	flex: 0 0 100%;
	justify-content: center;
	width: 100%;
	padding: 0;
	list-style: none;
}

#footer-wrapper #footer-copyright-footermenu-wrapper ul li,
#footer-wrapper #footer-copyright-footermenu-wrapper .menu-footermenu-container ul li {
	position: relative;
	float: left;
	/* padding-left: 24px; */
}

#footer-wrapper #footer-copyright-footermenu-wrapper ul li a,
#footer-wrapper #footer-copyright-footermenu-wrapper .menu-footermenu-container ul li a {
	color: #001E53;
	font-weight: bold;
	border: 0 none;	
	padding: 12px 18px!important;
	transition: all .3s ease-in-out;
}

#footer-wrapper #footer-copyright-footermenu-wrapper ul li:first-of-type a,
#footer-wrapper #footer-copyright-footermenu-wrapper .menu-footermenu-container ul li:first-of-type a {
	padding-left: 0;
}

#footer-wrapper #footer-copyright-footermenu-wrapper ul li:last-child a,
#footer-wrapper #footer-copyright-footermenu-wrapper .menu-footermenu-container ul li:last-child a {
	padding-right: 0;
}

#footer-wrapper #footer-copyright-footermenu-wrapper ul li a:hover,
#footer-wrapper #footer-copyright-footermenu-wrapper ul li a:focus,
#footer-wrapper #footer-copyright-footermenu-wrapper .menu-footermenu-container ul li a:hover,
#footer-wrapper #footer-copyright-footermenu-wrapper .menu-footermenu-container ul li a:focus {
	color: #000000; /* #001E53; */
	text-decoration: none;
/*	border-bottom: 1px solid #001E53; */
	transition: all .3s ease-in-out;
}

#footer-wrapper #footer-copyright-footermenu-wrapper {}






@media( max-width: 767px ) {
	/* ---- ALGEMEEN ---- */
	body {
		font-size: clamp( 16px, 1.46341vw, 20px);
		background: linear-gradient(to top, #FDC82F 0, #FDC82F 0, #FFFFFF 0, #FFFFFF 100%);
		line-height: 1.6;
	}
	
	a {
		text-decoration: none;
		transition: all .2s ease-in-out;
	}

	a:hover,
	a:focus,
	a:visited {
		transition: all .2s ease-in-out;
	}

	h1 {
		font-family: 'Metropolis', sans-serif;
		font-size: clamp( 40px, 5.21512vw, 44px);
		margin-bottom: 30px;
	}

	h1 strong {
		font-weight: 500;
	}

	h2 {
		font-family: 'Metropolis', sans-serif;
		font-size: 30px;
		line-height: 1;
		font-weight: 500;
		margin-bottom: 1.25em;
	}

	h3 {
		font-family: 'Inter Tight', sans-serif;
		font-size: clamp( 20px, 1.463414vw, 24px);
		line-height: 1;
		font-weight: 500;
		margin-bottom: 0.83333em;
	}
	
	

		/* ---- GRAVITY FORMS --> ALGEMEEN ---- */
		body .gform_required_legend {
			display: none;
		}



		/* ---- KRUIMELPAD ---- */
		#rig-header-content-breadcrumb-wrapper #breadcrumbs {
			font-family: 'Inter Tight', sans-serif;
			font-size: clamp( 16px, 1.21951vw, 20px );
			font-weight: 500;
			color: #D1D1D1;
			margin-bottom: 15px;
		}

		#rig-header-content-breadcrumb-wrapper #breadcrumbs span {
			margin: 0 7px;
		}

		#rig-header-content-breadcrumb-wrapper #breadcrumbs span:first-of-type {
			margin-left: 0;
		}

		#rig-header-content-breadcrumb-wrapper #breadcrumbs span:last-of-type {
			margin-right: 0;
		}

		#rig-header-content-breadcrumb-wrapper #breadcrumbs a {
			font-family: 'Inter Tight', sans-serif;
			font-size: clamp( 16px, 1.21951vw, 20px );
			font-weight: 500;
			color: #D1D1D1;
		}

		span.breadcrumb_last {
			color: #FFA903;
		}

		/* ---- START OF SITE ---- */
		#site-wrapper {
			position: relative;
		}

		#site-content-wrapper {
			margin: 2% 0 -5% 0; /* 60px 0; */
		}
	
	
	/* --- MOBILE HEADER ---- */
	#main-mobile-header-wrapper {
		position: fixed;
		top: 0;
		height: 75px;
		width: 100%;
		background-color: #FDC82F;
		z-index: 1000;
	}
	
	#main-mobile-header-wrapper #main-mobile-header-logo-pancake-wrapper {
		position: relative;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		height: 80px;
		width: calc( 100% + 30px );
		margin: 0 -15px;
		padding: 0 15px;
		background-color: #FDC82F;
		transition: all .3s ease-in-out;
	}
	
	#main-mobile-header-wrapper #main-mobile-header-logo-pancake-wrapper.white-header {
		background-color: #FFFFFF;
		transition: all .3s ease-in-out;
	}
	
	#main-mobile-header-wrapper #main-mobile-header-logo-pancake-wrapper.white-header::before {
		position: absolute;
		bottom: -10px;
		left: 0;
		height: 10px;
		width: 100%;
		content: '';
		/* background: linear-gradient( to bottom, rgba( 0, 0, 0, 0.16), rgba( 0, 0, 0, 0) ); */
	}
	
	#main-mobile-header-wrapper #main-mobile-header-logo-pancake-wrapper #main-mobile-header-logo-wrapper {
		display: flex;
		flex-direction: row;
		flex: 0 1 50%;
		justify-content: flex-start;
		align-items: center
	}
	
	#main-mobile-header-wrapper #main-mobile-header-logo-pancake-wrapper #main-mobile-header-logo-wrapper a {
		height: 100%;
		width: 100%;
		border-bottom: 0 none;
	}
	
	#main-mobile-header-wrapper #main-mobile-header-logo-pancake-wrapper #main-mobile-header-logo-wrapper .header-logo-container {
		height: 80px;
		width: 100%;
		background-image: url('images/logos/Logo Royal Ingredients Group BV.svg');
		background-position: left center;
		background-repeat: no-repeat;
		background-size: auto 40px;
	}
	
	#main-mobile-header-wrapper #main-mobile-header-logo-pancake-wrapper #main-mobile-header-pancake-wrapper {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		flex: 0 1 50%;
		justify-content: flex-end;
		align-items: center;
	}
	
	#main-mobile-header-wrapper #main-mobile-header-logo-pancake-wrapper #main-mobile-header-pancake-wrapper .main-mobile-header-pancake-container {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		position: relative;
		height: 80px;
		width: 100%;
	}
	
	#main-mobile-header-wrapper .main-mobile-header-pancake-container .main-mobile-header-pancake {
		height: 40px;
		width: 40px;
		border-radius: 20px;
		background-image: url('images/icons/RIG - Icon - Pancake.svg');
		background-position: center right;
		background-repeat: no-repeat;
		background-size: 40px;
	}
	
	#main-mobile-header-wrapper .main-mobile-header-pancake-container .main-mobile-header-pancake.menu-open {
		background-image: url('images/icons/RIG - Icon - Pancake Menu Open.svg');
	}
	
	#main-mobile-header-wrapper .main-mobile-header-menu-container {
		position: relative;
		top: 0;
		height: auto;
		width: 100%;
		padding: 30px;
		background-color: #FFFFFF;
		z-index: -10;
	}
	
	#main-mobile-header-wrapper .main-mobile-header-menu-container.white-header::before {
		position: absolute;
		bottom: -10px;
		left: 0;
		height: 10px;
		width: 100%;
		content: '';
		background: linear-gradient( to bottom, rgba( 0, 0, 0, 0.16), rgba( 0, 0, 0, 0) );
	}
	
	#main-mobile-header-wrapper .main-mobile-header-menu-container ul li a {
		display: block;
		font-family: 'Metropolis', sans-serif;
		font-size: 20px;;
		font-weight: 500;
		color: #001E53;
		border: 0 none;
		padding: 10px 0;
	}
	
	#main-mobile-header-wrapper .main-mobile-header-menu-container ul li:first-of-type a {
		padding-top: 0;
	}
	
	#main-mobile-header-wrapper .main-mobile-header-menu-container ul li:last-of-type a {
		padding-bottom: 0;
	}
	
	
	
	/* ---- MOBIELMENU --> ZOEKEN ---- */
	#main-mobile-header-search-bar-wrapper {
		margin: 20px 0;
	}
	
	#main-mobile-header-search-bar-wrapper .main-mobile-header-search-bar-container {
		position: relative;
		display: block;
		width: 90%;
		height: 50px;
		border-radius: 25px;
		background-color: #FAF5F1;
	}
	
	#main-mobile-header-search-bar-wrapper .main-mobile-header-search-bar-container::before {
		position: absolute;
		content: '';;
		top: 0;
		left: 0;
		height: 50px;
		width: 50px;
		background-image: url('images/icons/RIG - Icon - Search.svg');
		background-position: center;
		background-repeat: no-repeat;
		background-size: 30px;
	}

	#main-mobile-header-search-bar-wrapper .main-mobile-header-search-bar-container input {
		position: relative;
		font-style: italic;
		left: 60px;
		width: calc( 100% - 70px );
		height: 50px;
		line-height: 50px;
		background-color: transparent;
		border: 0 none;
	}
	
	#main-mobile-header-search-bar-wrapper .main-mobile-header-search-bar-container input:focus {
		border: 0 none;
		outline: none;
		background-color: transparent!important
	}
	
	
	/* ---- MOBIELMENU --> TAALKEUZE ---- */
	#main-mobile-header-language-select-wrapper {
		font-family: 'Metropolis', sans-serif;
		font-size: 20px;
		margin: 20px 0;
	}
	
	#main-mobile-header-language-select-wrapper .wpml-ls-legacy-list-horizontal {
		border: 0 none;
		padding: 0;
	}
	
	#main-mobile-header-language-select-wrapper .main-mobile-header-language-select-container span.main-mobile-header-language-select-title {
		color: #001E53;
		font-weight: 500;
		margin-bottom: 0;
	}
	
	#main-mobile-header-language-select-wrapper .main-mobile-header-language-select-container ul li a {
		color: #909090;
		font-weight: 300;
		padding: 0;
		margin: 0;
	}
	
	#main-mobile-header-language-select-wrapper .main-mobile-header-language-select-container ul li a::after {
		display: inline-block;
		content: '/';
		margin: 0 10px;
	}
	
	#main-mobile-header-language-select-wrapper .main-mobile-header-language-select-container ul li.wpml-ls-current-language a {
		color: #001E53;
		font-weight: 500;
	}
	
	#main-mobile-header-language-select-wrapper .main-mobile-header-language-select-container ul li a::after {
		display: inline-block;
		color: #909090!important;
		font-weight: 300!important;
		content: '/';
		margin: 0 15px;
	}
	
	
	
	/* ---- SITE ---- */
	#site-content-wrapper {
		margin-top: 80px; /* 100px; */
		padding-top: 0;
		background: linear-gradient(to bottom, #FDC82F 0, #FDC82F 0, transparent 0, transparent 100%);
	}
	
	#site-content-wrapper #site-content-top-border-wrapper {
		position: absolute;
		display: block;
		height: auto;
		width: 100%;
		margin: 0 auto;
		transform: translate(0, -150px); /* translate(0, -80px); */
		z-index: 0;
	}
	
	
	/* ---- CATEGORIES ---- */
	#category-latest-news-wrapper {
		padding: 100px 0 80px 0;
	}
	
	#category-latest-news-wrapper #category-latest-news-single-items-wrapper {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 30px;
	}
	
	#category-latest-news-wrapper #category-latest-news-single-items-wrapper .category-latest-news-single-items-container {
		flex: 0 0 calc( 100% );
		background-color: #FAF5F0;
		border-radius: 30px;
		transition: all .3s ease-in-out;
	}
	
	
	
	
	/* ---- PAGE TEMPLATES --> NO BLOCKS ---- */
	#page-no-blocks-wrapper {
		padding: 125px 0 100px 0;

	}

	#page-no-blocks-wrapper h1 {
		font-size: clamp(40px, 5.21512vw, 44px);
		margin-bottom: 30px;
	}

	#page-no-blocks-wrapper h2,
	#page-no-blocks-wrapper #cmplz-document h2 {
		font-size: 30px;
		margin-top: 30px;
		margin-bottom: 15px;
	}

	#page-no-blocks-wrapper p,
	#page-no-blocks-wrapper ul li {
		font-size: clamp( 16px, 1.46341vw, 20px);
	}

	#page-no-blocks-wrapper a {
		text-decoration: none;
	}

	#page-no-blocks-wrapper #cmplz-document,
	#page-no-blocks-wrapper .editor-styles-wrapper .cmplz-unlinked-mode {
		max-width: 100%;
	}
	
	
	
	
			/* ---- FOOTER ---- */
			#footer-wrapper {
				position: relative;
				font-family: 'Metropolis', sans-serif;
				color: #FFFFFF;
				height: auto;
				min-height: 200px;
				background-color: #FFA902;
				z-index: 10;
			}

			#footer-wrapper a {
				color: #FFFFFF;
				text-decoration: none;
			}

	#footer-top-border-wrapper {
		height: auto;
		width: 100%;
		transform: inherit;
		z-index: 1; /* -10; */
	}

	#footer-top-border-wrapper img {
		height: auto;
		width: 100%;
	}

	/* --- FOOTER --> LOGO ---- */
	#footer-wrapper #footer-logo-wrapper {
		padding: 35px 0;
	}


	/* ---- FOOTER --> QUICK-LINKS ---- */
	#footer-wrapper #footer-quick-links-wrapper {
		margin-bottom: 30px;
	}

	#footer-wrapper #footer-quick-links-wrapper .footer-quick-links-container h4.footer-quick-links-title {
		font-size: clamp( 20px, 1.21951vw, 24px);
		font-weight: 500;
		margin-bottom: 30px;
	}

			#footer-wrapper #footer-quick-links-wrapper .footer-quick-links-container ul {
				padding: 0;
				list-style: none;
			}

	#footer-wrapper #footer-quick-links-wrapper .footer-quick-links-container ul li {
		clear: both;
		float: inherit;
		width: inherit;
		margin-bottom: 15px;
	}

	#footer-wrapper #footer-quick-links-wrapper .footer-quick-links-container ul li:nth-child(1) {
		margin-left: 0;
		width: inherit;
	}

	#footer-wrapper #footer-quick-links-wrapper .footer-quick-links-container ul li:nth-child(2),
	#footer-wrapper #footer-quick-links-wrapper .footer-quick-links-container ul li:nth-child(5) {
		margin-left: 0;
		width: inherit;
	}

	#footer-wrapper #footer-quick-links-wrapper .footer-quick-links-container ul li:nth-child(3),
	#footer-wrapper #footer-quick-links-wrapper .footer-quick-links-container ul li:nth-child(6) {
		margin-left: inherit;
		width: inherit;
	}

	#footer-wrapper #footer-quick-links-wrapper .footer-quick-links-container ul li a {
		font-size: clamp( 30px, 3.04878vw, 34px);
		font-weight: bold;
	}


	/* ---- FOOTER --> SOCIALME EN CONTACT ---- */
	#footer-wrapper #footer-socialme-contact-wrapper {
		font-size: clamp( 16px, 1.21951vw, 18px);
		line-height: 0.8;
		margin-bottom: 4.5rem;
	}

	#footer-wrapper #footer-socialme-contact-wrapper .footer-socialme-container {
		margin-bottom: 30px;
	}

	#footer-wrapper #footer-socialme-contact-wrapper h4 {
		font-size: clamp( 20px, 1.21951vw , 24px);
		font-weight: bold;
		margin-bottom: 1rem;
	}
	
	#footer-wrapper #footer-socialme-contact-wrapper div div:nth-child(3) h4 {
		display: none;
	}


			/* ---- FOOTER --> COPYRIGHT EN FOOTERMENU ---- */
			#footer-wrapper #footer-copyright-footermenu-wrapper {
				font-size: clamp( 10px, 0.97560vw, 14px);
				border-top: 1px solid #FFFFFF;
				padding: 30px 0;
			}

			#footer-wrapper #footer-copyright-footermenu-wrapper .menu-footermenu-container {
				position: relative;
				display: flex;
				flex-direction: row;
				width: 100%;
			}
#footer-wrapper #footer-copyright-footermenu-wrapper ul,
#footer-wrapper #footer-copyright-footermenu-wrapper .menu-footermenu-container ul {
	display: block;
	flex-direction: row;
	flex: 0 0 100%;
	justify-content: flex-start;
	width: 100%;
	padding: 0;
	list-style: none;
	margin-bottom: 0;
}

#footer-wrapper #footer-copyright-footermenu-wrapper ul li,	
#footer-wrapper #footer-copyright-footermenu-wrapper .menu-footermenu-container ul li {
	position: relative;
	float: left;
	display: flex;
	min-width: 50%;
	flex: 0 1 50%;
}

#footer-wrapper #footer-copyright-footermenu-wrapper ul li a,
#footer-wrapper #footer-copyright-footermenu-wrapper .menu-footermenu-container ul li a {
	color: #001E53;
	margin: 0;
}

#footer-wrapper #footer-copyright-footermenu-wrapper ul li a:last-child,
#footer-wrapper #footer-copyright-footermenu-wrapper .menu-footermenu-container ul li a:last-child {
	margin-right: 0;
}

#footer-wrapper #footer-copyright-footermenu-wrapper ul li a:hover,
#footer-wrapper #footer-copyright-footermenu-wrapper ul li a:focus,
#footer-wrapper #footer-copyright-footermenu-wrapper .menu-footermenu-container ul li a:hover,
#footer-wrapper #footer-copyright-footermenu-wrapper .menu-footermenu-container ul li a:focus {
	color: #FFFFFF;
	text-decoration: none;
}

			#footer-wrapper #footer-copyright-footermenu-wrapper {}
	
}



@media only screen
  and (min-width: 768px) 
  and (max-width: 1200px) 
  and (orientation: portrait) {
		/* ---- ALGEMEEN ---- */
		body {
			font-size: clamp( 16px, 1.46341vw, 20px);
			background: linear-gradient(to top, #FDC82F 0, #FDC82F 0, #FFFFFF 0, #FFFFFF 100%);
			line-height: 1.6;
		}

		a {
			text-decoration: none;
			transition: all .2s ease-in-out;
		}

		a:hover,
		a:focus,
		a:visited {
			transition: all .2s ease-in-out;
		}

		h1 {
			font-family: 'Metropolis', sans-serif;
			font-size: clamp( 40px, 5.21512vw, 44px);
			margin-bottom: 30px;
		}

		h1 strong {
			font-weight: 500;
		}

		h2 {
			font-family: 'Metropolis', sans-serif;
			font-size: 30px;
			line-height: 1;
			font-weight: 500;
			margin-bottom: 1.25em;
		}

		h3 {
			font-family: 'Inter Tight', sans-serif;
			font-size: clamp( 20px, 1.463414vw, 24px);
			line-height: 1;
			font-weight: 500;
			margin-bottom: 0.83333em;
		}



		/* ---- GRAVITY FORMS --> ALGEMEEN ---- */
		body .gform_required_legend {
			display: none;
		}



			/* ---- KRUIMELPAD ---- */
			#rig-header-content-breadcrumb-wrapper #breadcrumbs {
				font-family: 'Inter Tight', sans-serif;
				font-size: clamp( 16px, 1.21951vw, 20px );
				font-weight: 500;
				color: #D1D1D1;
				margin-bottom: 15px;
			}

			#rig-header-content-breadcrumb-wrapper #breadcrumbs span {
				margin: 0 7px;
			}

			#rig-header-content-breadcrumb-wrapper #breadcrumbs span:first-of-type {
				margin-left: 0;
			}

			#rig-header-content-breadcrumb-wrapper #breadcrumbs span:last-of-type {
				margin-right: 0;
			}

			#rig-header-content-breadcrumb-wrapper #breadcrumbs a {
				font-family: 'Inter Tight', sans-serif;
				font-size: clamp( 16px, 1.21951vw, 20px );
				font-weight: 500;
				color: #D1D1D1;
			}

			span.breadcrumb_last {
				color: #FFA903;
			}

			/* ---- START OF SITE ---- */
			#site-wrapper {
				position: relative;
			}

			#site-content-wrapper {
				margin: 2% 0 -5% 0; /* 60px 0; */
			}


		.container {
			max-width: 100%;
		}
	  
		/* --- MOBILE HEADER ---- */
		#main-mobile-header-wrapper {
			position: fixed;
			top: 0;
			height: 80px;
			width: 100%;
			background-color: #FDC82F;
			z-index: 1000;
		}

		#main-mobile-header-wrapper #main-mobile-header-logo-pancake-wrapper {
			position: relative;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			height: 80px;
			width: calc( 100% + 30px );
			margin: 0 -15px;
			padding: 0 15px;
			background-color: #FDC82F;
			transition: all .3s ease-in-out;
		}

		#main-mobile-header-wrapper #main-mobile-header-logo-pancake-wrapper.white-header {
			background-color: #FFFFFF;
			transition: all .3s ease-in-out;
		}

		#main-mobile-header-wrapper #main-mobile-header-logo-pancake-wrapper.white-header::before {
			position: absolute;
			bottom: -10px;
			left: 0;
			height: 10px;
			width: 100%;
			content: '';
			/* background: linear-gradient( to bottom, rgba( 0, 0, 0, 0.16), rgba( 0, 0, 0, 0) ); */
		}

		#main-mobile-header-wrapper #main-mobile-header-logo-pancake-wrapper #main-mobile-header-logo-wrapper {
			display: flex;
			flex-direction: row;
			flex: 0 1 50%;
			justify-content: flex-start;
			align-items: center
		}

		#main-mobile-header-wrapper #main-mobile-header-logo-pancake-wrapper #main-mobile-header-logo-wrapper a {
			height: 100%;
			width: 100%;
			border-bottom: 0 none;
		}

		#main-mobile-header-wrapper #main-mobile-header-logo-pancake-wrapper #main-mobile-header-logo-wrapper .header-logo-container {
			height: 80px;
			width: 100%;
			background-image: url('images/logos/Logo Royal Ingredients Group BV.svg');
			background-position: left center;
			background-repeat: no-repeat;
			background-size: auto 40px;
		}

		#main-mobile-header-wrapper #main-mobile-header-logo-pancake-wrapper #main-mobile-header-pancake-wrapper {
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			flex: 0 1 50%;
			justify-content: flex-end;
			align-items: center;
		}

		#main-mobile-header-wrapper #main-mobile-header-logo-pancake-wrapper #main-mobile-header-pancake-wrapper .main-mobile-header-pancake-container {
			display: flex;
			justify-content: flex-end;
			align-items: center;
			position: relative;
			height: 80px;
			width: 100%;
		}

		#main-mobile-header-wrapper .main-mobile-header-pancake-container .main-mobile-header-pancake {
			height: 40px;
			width: 40px;
			border-radius: 20px;
			background-image: url('images/icons/RIG - Icon - Pancake.svg');
			background-position: center right;
			background-repeat: no-repeat;
			background-size: 40px;
		}

		#main-mobile-header-wrapper .main-mobile-header-pancake-container .main-mobile-header-pancake.menu-open {
			background-image: url('images/icons/RIG - Icon - Pancake Menu Open.svg');
		}

		#main-mobile-header-wrapper .main-mobile-header-menu-container {
			position: relative;
			top: 0;
			height: auto;
			width: 100%;
			padding: 30px;
			background-color: #FFFFFF;
			z-index: -10;
		}

		#main-mobile-header-wrapper .main-mobile-header-menu-container.white-header::before {
			position: absolute;
			bottom: -10px;
			left: 0;
			height: 10px;
			width: 100%;
			content: '';
			background: linear-gradient( to bottom, rgba( 0, 0, 0, 0.16), rgba( 0, 0, 0, 0) );
		}

		#main-mobile-header-wrapper .main-mobile-header-menu-container ul li a {
			display: block;
			font-family: 'Metropolis', sans-serif;
			font-size: 20px;;
			font-weight: 500;
			color: #001E53;
			border: 0 none;
			padding: 15px 0;
		}

		#main-mobile-header-wrapper .main-mobile-header-menu-container ul li:first-of-type a {
			padding-top: 0;
		}

		#main-mobile-header-wrapper .main-mobile-header-menu-container ul li:last-of-type a {
			padding-bottom: 0;
		}



		/* ---- MOBIELMENU --> ZOEKEN ---- */
		#main-mobile-header-search-bar-wrapper {
			margin: 20px 0;
		}

		#main-mobile-header-search-bar-wrapper .main-mobile-header-search-bar-container {
			position: relative;
			display: block;
			width: 90%;
			height: 50px;
			border-radius: 25px;
			background-color: #FAF5F1;
		}

		#main-mobile-header-search-bar-wrapper .main-mobile-header-search-bar-container::before {
			position: absolute;
			content: '';;
			top: 0;
			left: 0;
			height: 50px;
			width: 50px;
			background-image: url('images/icons/RIG - Icon - Search.svg');
			background-position: center;
			background-repeat: no-repeat;
			background-size: 30px;
		}

		#main-mobile-header-search-bar-wrapper .main-mobile-header-search-bar-container input {
			position: relative;
			font-style: italic;
			left: 60px;
			width: calc( 100% - 70px );
			height: 50px;
			line-height: 50px;
			background-color: transparent;
			border: 0 none;
		}

		#main-mobile-header-search-bar-wrapper .main-mobile-header-search-bar-container input:focus {
			border: 0 none;
			outline: none;
		}


		/* ---- MOBIELMENU --> TAALKEUZE ---- */
		#main-mobile-header-language-select-wrapper {
			font-family: 'Metropolis', sans-serif;
			font-size: 20px;
			margin: 20px 0;
		}

		#main-mobile-header-language-select-wrapper .wpml-ls-legacy-list-horizontal {
			border: 0 none;
			padding: 0;
		}

		#main-mobile-header-language-select-wrapper .main-mobile-header-language-select-container span.main-mobile-header-language-select-title {
			color: #001E53;
			font-weight: 500;
			margin-bottom: 0;
		}

		#main-mobile-header-language-select-wrapper .main-mobile-header-language-select-container ul li a {
			color: #909090;
			font-weight: 300;
			padding: 0;
			margin: 0;
		}

		#main-mobile-header-language-select-wrapper .main-mobile-header-language-select-container ul li a::after {
			display: inline-block;
			content: '/';
			margin: 0 10px;
		}

		#main-mobile-header-language-select-wrapper .main-mobile-header-language-select-container ul li.wpml-ls-current-language a {
			color: #001E53;
			font-weight: 500;
		}

		#main-mobile-header-language-select-wrapper .main-mobile-header-language-select-container ul li a::after {
			display: inline-block;
			color: #909090!important;
			font-weight: 300!important;
			content: '/';
			margin: 0 15px;
		}



		/* ---- SITE ---- */
		#site-content-wrapper {
			margin-top: 80px; /* 100px; */
			padding-top: 0;
			background: linear-gradient(to bottom, #FDC82F 0, #FDC82F 0, transparent 0, transparent 100%);
		}

		#site-content-wrapper #site-content-top-border-wrapper {
			position: absolute;
			display: block;
			height: auto;
			width: 100%;
			margin: 0 auto;
			transform: translate(0, -350px); /* translate(0, -80px); */
			z-index: 0;
		}


		/* ---- CATEGORIES ---- */
		#category-latest-news-wrapper {
			padding: 150px 0 80px 0;
		}

		#category-latest-news-wrapper #category-latest-news-single-items-wrapper {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			gap: 30px;
		}

		#category-latest-news-wrapper #category-latest-news-single-items-wrapper .category-latest-news-single-items-container {
			flex: 0 0 calc(50% - 15px);
			background-color: #FAF5F0;
			border-radius: 30px;
		}
	  
	  
	  
		/* ---- PAGE TEMPLATES --> NO BLOCKS ---- */
		#page-no-blocks-wrapper {
			padding: 125px 0 100px 0;

		}

		#page-no-blocks-wrapper h1 {
			font-size: clamp(40px, 5.21512vw, 44px);
			margin-bottom: 30px;
		}

		#page-no-blocks-wrapper h2,
		#page-no-blocks-wrapper #cmplz-document h2 {
			font-size: 30px;
			margin-top: 30px;
			margin-bottom: 15px;
		}

		#page-no-blocks-wrapper p,
		#page-no-blocks-wrapper ul li {
			font-size: clamp( 16px, 1.46341vw, 20px);
		}

		#page-no-blocks-wrapper a {
			text-decoration: none;
		}

		#page-no-blocks-wrapper #cmplz-document,
		#page-no-blocks-wrapper .editor-styles-wrapper .cmplz-unlinked-mode {
			max-width




		/* ---- FOOTER ---- */
		#footer-wrapper {
			position: relative;
			font-family: 'Metropolis', sans-serif;
			color: #FFFFFF;
			height: auto;
			min-height: 200px;
			background-color: #FFA902;
			z-index: 10;
		}

		#footer-wrapper a {
			color: #FFFFFF;
			text-decoration: none;
		}

		#footer-top-border-wrapper {
			height: auto;
			width: 100%;
			transform: inherit;
			z-index: 1; /* -10; */
		}

		#footer-top-border-wrapper img {
			height: auto;
			width: 100%;
		}

		/* --- FOOTER --> LOGO ---- */
		#footer-wrapper #footer-logo-wrapper {
			padding: 35px 0;
		}


		/* ---- FOOTER --> QUICK-LINKS ---- */
		#footer-wrapper #footer-quick-links-wrapper {
			margin-bottom: 30px;
		}

		#footer-wrapper #footer-quick-links-wrapper .footer-quick-links-container h4.footer-quick-links-title {
			font-size: clamp( 20px, 1.21951vw, 24px);
			font-weight: 500;
			margin-bottom: 30px;
		}

				

		

		#footer-wrapper #footer-quick-links-wrapper .footer-quick-links-container ul li a {
			font-size: clamp( 30px, 3.04878vw, 34px);
			font-weight: bold;
		}


		/* ---- FOOTER --> SOCIALME EN CONTACT ---- */
		#footer-wrapper #footer-socialme-contact-wrapper {
			font-size: clamp( 16px, 1.21951vw, 18px);
			line-height: 0.8;
			margin-bottom: 4.5rem;
		}

		#footer-wrapper #footer-socialme-contact-wrapper .footer-socialme-container {
			margin-bottom: 30px;
		}

		#footer-wrapper #footer-socialme-contact-wrapper h4 {
			font-size: clamp( 20px, 1.21951vw , 24px);
			font-weight: bold;
			margin-bottom: 1rem;
		}

		#footer-wrapper #footer-socialme-contact-wrapper div div:nth-child(3) h4 {
			display: none;
		}


				/* ---- FOOTER --> COPYRIGHT EN FOOTERMENU ---- */
				#footer-wrapper #footer-copyright-footermenu-wrapper {
					font-size: clamp( 10px, 0.97560vw, 14px);
					border-top: 1px solid #FFFFFF;
					padding: 30px 0;
				}

				#footer-wrapper #footer-copyright-footermenu-wrapper .menu-footermenu-container {
					position: relative;
					display: flex;
					flex-direction: row;
					width: 100%;
				}
				
	  			/*
				#footer-wrapper #footer-copyright-footermenu-wrapper .menu-footermenu-container ul {
					display: flex;
					flex-direction: row;
					flex: 0 0 100%;
					justify-content: flex-end;
					width: 100%;
					padding: 0;
					list-style: none;
				}
	  			*/

				#footer-wrapper #footer-copyright-footermenu-wrapper .menu-footermenu-container ul li {
					position: relative;
					float: left;
				}

	  			/*
				#footer-wrapper #footer-copyright-footermenu-wrapper .menu-footermenu-container ul li a {
					color: #FFCE3D;
					margin: 0 25px;
				}
				  */

				#footer-wrapper #footer-copyright-footermenu-wrapper .menu-footermenu-container ul li a:last-child {
					margin-right: 0;
				}
	  
				/*
				#footer-wrapper #footer-copyright-footermenu-wrapper .menu-footermenu-container ul li a:hover,
				#footer-wrapper #footer-copyright-footermenu-wrapper .menu-footermenu-container ul li a:focus {
					color: #FFFFFF;
					text-decoration: none;
				}
	  */

				#footer-wrapper #footer-copyright-footermenu-wrapper {}

	}


@media only screen
  and (min-width: 768px) 
  and (max-width: 1200px) 
  and (orientation: landscape) {
	  
	  /* ---- CATEGORIES ---- */
	  #category-latest-news-wrapper {
		  padding-top: 225px!important;
		  padding-bottom: 150px!important;
	  }
}