/**
 * Helpers
 *
 */
:root {
	--nf-primary:			#b0cb1f;
    --nf-secondary:			#484848;
	--nf-text-color:		#3e3e3e;
	--nf-white:				#F0F0F0;
	--nf-btn-border-width:	2px;
	--nf-btn-radius:		4px;
	--nf-btn-py:			10px;
	--nf-btn-px:			20px;
	--nf-cookie-banner-trs:	.5s;
	--nf-cookie-banner-y:	100%;
	--nf-modal-trs:			.3s;
	--nf-modal-radius:		15px;
}
::selection {
	background-color:	var( --nf-secondary );
	color:				white;
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	transition: background-color 5000s ease-in-out 0s;
}



.collapse {
    will-change: height;
    height: unset !important;
}
.collapse:not( .show ) {
    display: none;
}
.nf-cookie_banner.collapsing,
.nf-cookie_review.collapsing,
.nf-modal.collapsing {
	height: auto;
	overflow: unset
}

.collapsing.simple {
    --nf-collapsing-dur: 350ms;
    height: 0;
    overflow: hidden;
    transition: height var( --nf-collapsing-dur ) ease;
}
[data-target] {
	cursor: pointer;
}





/**
 * Margins / Paddings
 *
 */
.m-0 { margin: 0 !important }
.ml-auto { margin-left: auto; }
.mx-auto { margin: 0 auto; }

.m-1 { margin: 0.25rem; }
.m-2 { margin: 0.5rem; }
.m-3 { margin: 1rem; }
.m-4 { margin: 2rem; }
.m-5 { margin: 3rem; }
.m-6 { margin: 4rem; }
.m-7 { margin: 5rem; }

.mt-1 { margin-top: 0.25rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-3 { margin-top: 1rem; }
.mt-4 { margin-top: 2rem; }
.mt-5 { margin-top: 3rem; }
.mt-6 { margin-top: 4rem; }
.mt-7 { margin-top: 5rem; }

.mr-1 { margin-right: 0.25rem; }
.mr-2 { margin-right: 0.5rem; }
.mr-3 { margin-right: 1rem; }
.mr-4 { margin-right: 2rem; }
.mr-5 { margin-right: 3rem; }
.mr-6 { margin-right: 4rem; }
.mr-7 { margin-right: 5rem; }

.mb-1 { margin-bottom: 0.25rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-3 { margin-bottom: 1rem; }
.mb-4 { margin-bottom: 2rem; }
.mb-5 { margin-bottom: 3rem; }
.mb-6 { margin-bottom: 4rem; }
.mb-7 { margin-bottom: 5rem; }

.ml-1 { margin-left: 0.25rem; }
.ml-2 { margin-left: 0.5rem; }
.ml-3 { margin-left: 1rem; }
.ml-4 { margin-left: 2rem; }
.ml-5 { margin-left: 3rem; }
.ml-6 { margin-left: 4rem; }
.ml-7 { margin-left: 5rem; }

.mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
.mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
.mx-3 { margin-left: 1rem; margin-right: 1rem; }
.mx-4 { margin-left: 2rem; margin-right: 2rem; }
.mx-5 { margin-left: 3rem; margin-right: 3rem; }
.mx-6 { margin-left: 4rem; margin-right: 4rem; }
.mx-7 { margin-left: 5rem; margin-right: 5rem; }

.my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
.my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.my-3 { margin-top: 1rem; margin-bottom: 1rem; }
.my-4 { margin-top: 2rem; margin-bottom: 2rem; }
.my-5 { margin-top: 3rem; margin-bottom: 3rem; }
.my-6 { margin-top: 4rem; margin-bottom: 4rem; }
.my-7 { margin-top: 5rem; margin-bottom: 5rem; }

/* padding */
.p-1 { padding: 0.25rem; }
.p-2 { padding: 0.5rem; }
.p-3 { padding: 1rem; }
.p-4 { padding: 2rem; }
.p-5 { padding: 3rem; }
.p-6 { padding: 4rem; }
.p-7 { padding: 5rem; }

.pt-1 { padding-top: 0.25rem; }
.pt-2 { padding-top: 0.5rem; }
.pt-3 { padding-top: 1rem; }
.pt-4 { padding-top: 2rem; }
.pt-5 { padding-top: 3rem; }
.pt-6 { padding-top: 4rem; }
.pt-7 { padding-top: 5rem; }

.pr-1 { padding-right: 0.25rem; }
.pr-2 { padding-right: 0.5rem; }
.pr-3 { padding-right: 1rem; }
.pr-4 { padding-right: 2rem; }
.pr-5 { padding-right: 3rem; }
.pr-6 { padding-right: 4rem; }
.pr-7 { padding-right: 5rem; }

.pb-1 { padding-bottom: 0.25rem; }
.pb-2 { padding-bottom: 0.5rem; }
.pb-3 { padding-bottom: 1rem; }
.pb-4 { padding-bottom: 2rem; }
.pb-5 { padding-bottom: 3rem; }
.pb-6 { padding-bottom: 4rem; }
.pb-7 { padding-bottom: 5rem; }

.pl-1 { padding-left: 0.25rem; }
.pl-2 { padding-left: 0.5rem; }
.pl-3 { padding-left: 1rem; }
.pl-4 { padding-left: 2rem; }
.pl-5 { padding-left: 3rem; }
.pl-6 { padding-left: 4rem; }
.pl-7 { padding-left: 5rem; }

.px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.px-3 { padding-left: 1rem; padding-right: 1rem; }
.px-4 { padding-left: 2rem; padding-right: 2rem; }
.px-5 { padding-left: 3rem; padding-right: 3rem; }
.px-6 { padding-left: 4rem; padding-right: 4rem; }
.px-7 { padding-left: 5rem; padding-right: 5rem; }

.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-3 { padding-top: 1rem; padding-bottom: 1rem; }
.py-4 { padding-top: 2rem; padding-bottom: 2rem; }
.py-5 { padding-top: 3rem; padding-bottom: 3rem; }
.py-6 { padding-top: 4rem; padding-bottom: 4rem; }
.py-7 { padding-top: 5rem; padding-bottom: 5rem; }

/**
 * Colors
 *
 */
.nf-bg-primary {
	background: var( --nf-primary );
}
.nf-color-primary {
	color: var( --nf-primary );
}
.nf-bg-secondary {
	background: var( --nf-secondary );
}
.nf-color-secondary {
	color: var( --nf-secondary );
}


/**
 * Typo
 *
 */
strong {
	font-weight: 600;
}
small {
	font-size: smaller !important;
}
.text-center {
	text-align: center !important;
}

.ttu {
	text-transform: uppercase;
}


.truncate:not( .show ),
.truncate.d-none:not( .show ) {
	display:			-webkit-box !important;
	-webkit-line-clamp:	var( --line-clamps, 2 );
	-webkit-box-orient:	vertical;
	word-break:			var( --word-break, unset );
	overflow:			hidden;
}


/**
 * Layout
 *
 */
.prevent-scroll { overflow-y: hidden; }
.w-100 { width: 100% !important; }

.d-none:not(.show) {
	display: none;
}

.sr-only {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	word-break: normal;
	opacity: 0;
	transition: opacity .2s ease;
}

.sr-only:focus {
	background-color: #fff;
	border-radius: 3px;
	clip: auto !important;
	clip-path: none;
	color: #2b2d2f;
	display: block;
	font-size: .875rem;
	width: auto;
	height: auto;
	margin: 10px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	z-index: 100000;
	opacity: 1;
	box-shadow: 0px 5px 20px -16px black;
	border: 1px solid rgba(0, 0, 0, 16%);
}


.d-flex {
	display: flex;
}
.d-flex.show {
	display: flex!important;
}
.j-c-space-between {
	justify-content: space-between;
}
.j-c-end {
	justify-content: flex-end;
}
.a-i-center {
	align-items: center;
}
.row-reverse {
	flex-direction: row-reverse;
}

.flex-1 {
	flex: 1;
}




.fixed {
	position: fixed;
}
.top {
	top: 0;
}
.bottom {
	bottom: 0;
}


.showMore {
	font-size: 12px;
	margin-top: 12px;
	display: inline-block;
	padding-bottom: 0;
	cursor: pointer;
	color: #000;
	text-decoration: underline;
}

@media ( max-width: 768px ) {
	.sma-w-100 { width: 100%; }
	.sma-column {
		flex-direction: column;
	}
	.sma-column-reverse {
		flex-direction: column-reverse;
	}

	
}


@media ( max-width: 430px ) {
	.fixed {
		position: fixed;
		left:0;
	}

	#cookieReview-label {display: none;}
}