/*
Theme Name: FC Online child
Template: hello-elementor
Author: Child Theme Configurator
Version: 2.4.1.1633525646
Updated: 2021-10-06 13:07:26

*/
body {
	background:#f8f8f8!important;
/* 	background:url(http://dorema.afo-staging.nl/wp-content/uploads/2022/01/bg.jpg);
	background-size:contain;
	background-repeat:no-repeat; */
	
}
@media screen and (min-width: 1601px) {
	.menu-text {
		color:#000;
	    position: absolute;
	    right: 65px;
	    top: 30px;
		font-family:"Oswald";
		font-size:24px;
		font-weight:600;
		text-transform:uppercase;
	}
	.hamburger-menu .line-one {
		display: block;
		position: absolute;
	    top: 45px;
		background: #000;
		height: 2px;
		width: 30px;
		right: 20px;
	}
	.hamburger-menu .line-two {
		display: block;
		position: absolute;
		top: 51px;
		background: #000;
		height: 2px;
		width: 20px;
		right: 20px;
	}
	.socials {
		position:absolute;
		right:120px;
		top:37px;
	}
	.social {
		float:left;
	}
	.social i {
		float:left;
		color:white;
		padding-right:20px;
		font-size:24px;
	}
}
@media screen and (min-width: 801px) and (max-width: 1600px) {
	.menu-text {
		color:#000;
	    position: absolute;
	    right: 70px;
	    top: 30px;
		font-family:"Oswald";
		font-size:24px;
		font-weight:600;
		text-transform:uppercase;
	}
	.hamburger-menu .line-one {
		display: block;
		position: absolute;
	    top: 45px;
		background: #000;
		height: 2px;
		width: 30px;
		right: 25px;
	}
	.hamburger-menu .line-two {
		display: block;
		position: absolute;
		top: 51px;
		background: #000;
		height: 2px;
		width: 20px;
		right: 25px;
	}
	.socials {
		position:absolute;
		right:125px;
		top:37px;
	}
	.social {
		float:left;
	}
	.social i {
		float:left;
		color:white;
		padding-right:20px;
		font-size:24px;
	}
}
@media screen and (max-width: 800px) {
	.header, .logo {
		padding: 0px!important;
	}
	.menu-text {
		color:var(--e-global-color-secondary);
	    position: absolute;
	    right: 30px;
	    top: 30px;
		font-family:"Oswald";
		font-size:24px;
		font-weight:600;
		text-transform:uppercase;
	}
	.hamburger-menu .line-one {
	    display: block;
	    position: absolute;
	    top: 45px;
	    background: #000;
	    height: 2px;
	    width: 30px;
	    right: -10px;
	}
	.hamburger-menu .line-two {
	    display: block;
	    position: absolute;
	    top: 51px;
	    background: #000;
	    height: 2px;
	    width: 20px;
	    right: -10px;
	}
	.socials {
		position:absolute;
		right:75px;
		top:37px;
	}
	.social {
		float:left;
	}
	.social i {
		float:left;
		color:white;
		padding-right:20px;
		font-size:24px;
	}
}
i {
	transition: ease-in-out 0.2s;
}
.hamburger-menu {
	float: right;
	cursor: pointer;
	width: 100px;
	height: 50px;
	margin:40px 20px 0px 0px;
}
.hamburger-menu.active .line-one {
    top: 48px;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}
.hamburger-menu.active .line-two {
	width: 30px!important;
    top: 48px;
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
}
.fullscreen-nav {
	display: none;
    background:#fffffff5;
    z-index: 6;
    width: 100%;
    height: 100vh;
    top: 0px;
    left: 0px;
    transition: all 0.2s ease-in-out;
    position: fixed;
    overflow: hidden;
}
@media screen and (max-width:800px) {
	.fullscreen-nav {
		display: none;
		background:#fffffff5;
		z-index: 6;
		width: 100%;
		height: 100vh;
		top: 55px;
		left: 0px;
		transition: all 0.2s ease-in-out;
		position: fixed;
		overflow: hidden;
	}
}
@media screen and (max-width: 600px) {
	.fullscreen-nav:after {
	     display:none;
	}
}
@media screen and (min-width:1024px) and (max-width:1100px) {
	.menu-items {
		position: absolute;
	    left:10px;
	    top:20%!important;
	    color:#000;
		z-index:10;
	}
}
@media screen and (min-width:1100px) {
	.menu-items {
		position: absolute;
	    left: 20%;
	    top: 36%;
	    color:#000;
	}
	.menu-items ul {
		list-style-type: none;
	}
	.contact {
		position: absolute;
	    top: 37.5%;
	    left: 45%;
	    font-size: 20px;
	    color:#000;
		z-index:10;
		font-family:'Poppins';
	}
	.menu-items a {
		font-weight:bold!important;
		text-transform:uppercase;
		color: #000;
		font-size: 50px;
	}
}
@media screen and (max-width:1100px) {
	.menu-items {
		position: absolute;
	    left:10px;
	    top:15%;
	    color:#000;
		z-index:10;
	}
	.menu-items ul {
		list-style-type: none;
		padding-left: 0px;
	}
	.contact {
		position: absolute;
	    top: 50%;
	    left: 10px;
	    font-size: 16px;
	    color:#000;
		font-family:'Poppins';
		z-index:10;
	}
	.menu-items a {
		font-family:"Oswald";
		font-weight:600;
		text-transform:uppercase;
		color: #000;
		font-size: 30px;
	}
}
.contact i {
	margin-right: 10px;
}
.contact a {
	color: #000;
}
.contact p:first-child {
	font-family:'Oswald';
	font-size:24px;
	font-weight:600;
	text-transform:uppercase;
}

.menu-items a:hover {
	color:var(--e-global-color-accent);
}
.page-header .entry-title {
	display:none!important;
}
.subtitle {
	padding:15px 10px;
	display:inline-block!important;
	background:var(--e-global-color-accent)!important;
}
@media screen and (min-width:800px) {
	.merchandisers-background:after {
		content:"";
		background:url(/wp-content/uploads/2021/11/merchandisers-background.png);
		background-size:contain;
		background-repeat:no-repeat;
		width:50%;
		height:1000px;
		position:absolute;
		top:-140px;
		right:190px;
		opacity:0.2;
		z-index:4;
	}
}
.text-overlay:after{
	content:"DUTCH DROP";
	font-family:"Oswald";
	position:absolute;
	top:0px;
	left:30px;
	font-size:80px;
	font-weight:bold;
	-webkit-text-stroke: 1px white;
    -webkit-text-fill-color: transparent;
}
.overlay-title div {
	position:relative;
}
.overlay-title figcaption {
	font-family:"Oswald"!important;
	position:absolute;
	text-transform:uppercase;
	top:30px;
	left:30px;
	font-size:50px;
	font-weight:bold!important;
	font-style:normal!important;
	-webkit-text-stroke: 1px white;
    -webkit-text-fill-color: transparent;
	pointer-events: none
}
.overlay-title div figure a:hover ~ figcaption {
	font-family:"Oswald"!important;
	position:absolute;
	text-transform:uppercase;
	top:30px;
	left:30px;
	font-size:50px;
	font-weight:bold!important;
	font-style:normal!important;
	-webkit-text-stroke: 0px white;
    -webkit-text-fill-color: white;
}
.outline-title {
	-webkit-text-stroke: 1px #000;
    -webkit-text-fill-color: transparent;
}
.outline-title-white {
	-webkit-text-stroke: 1px #828282;
    -webkit-text-fill-color: transparent;
}
.outline-title-portfolio {
	-webkit-text-stroke: 1px #fff;
    -webkit-text-fill-color: transparent;
}
@media screen and (min-width:1800px) {
	.boost-right-img:after {
		content: "";
		background: url(/wp-content/uploads/elementor/thumbs/boost-je-merchandise-pfwbcqmj8o656csbtpnppn0scnbm8z4oqbr9n9js54.jpg);
		background-size: contain;
		width: 920px;
		background-repeat: no-repeat;
		height: 700px;
		position: absolute;
		right: 0px;
		top: -75px;
	}
}
@media screen and (min-width:1400px) and (max-width:1800px) {
	.boost-right-img:after {
		content: "";
		background: url(/wp-content/uploads/elementor/thumbs/boost-je-merchandise-pfwbcqmj8o656csbtpnppn0scnbm8z4oqbr9n9js54.jpg);
		background-size: contain;
		width: 725px;
		background-repeat: no-repeat;
		height: 600px;
		position: absolute;
		right: 0px;
		top: -75px;
	}
}
@media screen and (min-width:1025px) and (max-width:1400px) {
	.boost-right-img:after {
		content: "";
		background: url(/wp-content/uploads/elementor/thumbs/boost-je-merchandise-pfwbcqmj8o656csbtpnppn0scnbm8z4oqbr9n9js54.jpg);
		background-size: contain;
		width: 510px;
		background-repeat: no-repeat;
		height: 600px;
		position: absolute;
		right: 0px;
		top: -75px;
	}
}
.wpcf7-submit {
	font-family: "myriad-pro", Sans-serif;
    font-size: 22px;
    font-weight: 600;
	color:var(--e-global-color-primary);
	border:1px solid #828282;
	border-radius:0px;
	text-transform:uppercase;
}
.wpcf7-submit:hover {
	background:var(--e-global-color-accent);
	border:1px solid var(--e-global-color-accent);
}
input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
	font-family:'myriad-pro';
	border:0px;
	border-bottom:1px solid var(--e-global-color-text);
	color:var(--e-global-color-text);
	background:transparent;
}

/* STYLED SELECT BOX */
@import 'https://fonts.googleapis.com/css?family=Roboto:100,300';
@import 'https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.3.2/css/simple-line-icons.min.css';
@import 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css';
@import 'https://fonts.googleapis.com/css?family=Roboto+Mono:300,700';
 p img {
	 position: relative;
	 top: 8px;
	 right: 10px;
}
 .select {
	 position: relative;
	 overflow: hidden;
	 display: block;
	 margin: auto;
	 width: 330px;
	 height: 100%;
	 border-bottom: 0px;
	 border-radius: 3px;
	 font-size: 14px;
	 box-shadow: 0px 1em 2em -1.5em rgba(0, 0, 0, .5);
	 color:#000!important;
}
 .select > i.toggle {
	 position: absolute;
	 z-index: 4;
	 right: 1.5em;
	 top: 1.6em;
	 color: #ccc;
}
 .select .title, .select .placeholder {
	 position: relative;
	 display: block;
	 width: 100%;
	 height: 100%;
	 padding: 1.5em 2em;
	 background: rgba(255, 255, 255, 1);
	 border-top: 1px solid rgba(0, 0, 0, .05);
	 cursor: pointer;
}
 .select > input {
	 position: absolute;
	 left: 0px;
	 top: 0px;
	 z-index: 1;
	 width: 100%;
	 height: 100%;
	 display: block;
	 opacity: 0;
	 cursor: pointer;
}
 .select > input:checked ~ i.toggle.icon-arrow-down {
	 display: none;
}
 .select > input:checked ~ i.toggle.icon-arrow-up {
	 display: block;
}
 .select > input:checked div.options label.option .title {
	 display: none !important;
}
 .select > input:not(:checked) {
	 z-index: 4;
}
 .select > input:not(:checked) ~ label.option > span.title {
	 display: none;
}
 .select > input:not(:checked) ~ i.toggle.icon-arrow-up {
	 display: none;
}
 .select > input:not(:checked) ~ i.toggle.icon-arrow-down {
	 display: block;
}
 .select > input:disabled {
	 cursor: no-drop;
}
 .select > span.placeholder {
	 position: relative;
	 z-index: 0;
	 display: inline-block;
	 width: 100%;
	 color: #999;
	 border-top: 0px;
}
 .select label.option {
	 display: block;
	 overflow: hidden;
	 z-index: 1;
	 width: 100%;
	 transition: all 1s ease-out;
}
 .select label.option span.title {
	 position: relative;
	 z-index: 2;
	 transition: background 0.3s ease-out;
}
 .select label.option span.title i.icon {
	 padding-right: 8px;
	 color: rgba(146, 168, 209, 1);
}
 .select label.option span.title:hover {
	 color: #000;
	 background: rgba(255, 255, 255, .95);
}
 .select label.option input {
	 display: none;
}
 .select label.option input:checked ~ span.title {
	 position: absolute;
	 display: block;
	 z-index: 3;
	 top: 0px;
	 font-size: 14px;
	 background: #fff;
	 border-top: 0px;
	 box-shadow: none;
	 color: inherit;
	 width: 100%;
}
 .select label.option input:disabled ~ span.title {
	 background: #f9f9f9 !important;
	 color: #aaa;
}
 .select label.option input:disabled ~ span.title:hover {
	 color: #aaa;
	 background: none;
	 cursor: no-drop;
}
 .select2 {
	 position: relative;
	 overflow: hidden;
	 display: block;
	 margin: auto;
	 width: 330px;
	 height: 100%;
	 border-bottom: 0px;
	 border-radius: 3px;
	 font-size: 12px;
	 box-shadow: 0px 1em 2em -1.5em rgba(0, 0, 0, .5);
}
 .select2 i.toggle {
	 position: absolute;
	 z-index: 4;
	 right: 1.5em;
	 top: 1.6em;
	 color: #ccc;
}
 .select2 .title, .select2 .placeholder {
	 position: relative;
	 display: block;
	 width: 100%;
	 height: 100%;
	 padding: 1.5em 2em;
	 background: rgba(255, 255, 255, 1);
	 border-top: 1px solid rgba(0, 0, 0, .05);
	 cursor: pointer;
}
 .select2 > label > input {
	 position: absolute;
	 left: 0px;
	 top: 0px;
	 z-index: 2;
	 width: 100%;
	 height: 100%;
	 display: block;
	 opacity: 0;
	 cursor: pointer;
}
 .select2 > label > input:checked {
	 z-index: 2;
}
 .select2 > label > input:checked ~ i.toggle.icon-plus {
	 display: none;
}
 .select2 > label > input:checked ~ i.toggle.icon-minus {
	 display: block;
}
 .select2 > label > input:not(:checked) ~ i.toggle.icon-minus {
	 display: none;
}
 .select2 > label > input:not(:checked) ~ i.toggle.icon-plus {
	 display: block;
}
 .select2 > label > input:not(:checked) ~ label.option input:not(:checked) ~ .title {
	 display: none !important;
}
 .select2 > label > input:disabled {
	 cursor: no-drop;
}
 .select2 label > span.placeholder {
	 position: relative;
	 z-index: 0;
	 display: inline-block;
	 width: 100%;
	 color: #999;
	 border-top: 0px;
}
 .select2 label.option {
	 display: block;
	 overflow: hidden;
	 z-index: 1;
	 width: 100%;
	 transition: all 1s ease-out;
}
 .select2 label.option span.title {
	 position: relative;
	 z-index: 2;
	 transition: background 0.3s ease-out;
}
 .select2 label.option span.title i.icon {
	 padding-right: 8px;
	 color: rgba(146, 168, 209, 1);
}
 .select2 label.option span.title:hover {
	 color: #fff;
	 background: rgba(146, 168, 209, .5);
	 box-shadow: inset 0px 1px 0px rgba(0, 0, 0, .1);
}
 .select2 label.option input {
	 display: none;
}
 .select2 label.option input:checked ~ span.title {
	 position: absolute;
	 display: block;
	 z-index: 1;
	 top: 0px;
	 font-size: 12px;
	 background: #fff;
	 border-top: 0px;
	 box-shadow: none;
	 color: inherit;
	 width: 100%;
}
 .select2 label.option input:disabled ~ span.title {
	 background: #f9f9f9 !important;
	 color: #aaa;
}
 .select2 label.option input:disabled ~ span.title:hover {
	 color: #aaa;
	 background: none;
	 cursor: no-drop;
}
table, table th, table td {
	border-top:0px!important;
	border:0px!important;
}
table td, table th {
	padding:10px!important;
}

thead tr:nth-child(odd) {
	font-size:12px;
	color:#000!important;
	background:#ebebec!important;
}
thead tr:nth-child(even) {
	font-size:12px;
	color:#000!important;
	background:#f8f8f8!important;
}
thead th {
	font-weight:bold!important;
}
tbody tr:nth-child(even) {
	font-size:12px;
	color:#000!important;
	background:#ebebec!important;
}
tbody tr:nth-child(odd) {
	font-size:12px;
	color:#000!important;
	background:#f8f8f8!important;
}
h3 {
	font-size:22px!important;
}
h1, h2, h3 {
	font-family:'myriad-pro'!important;
	letter-spacing:0.8px!important;
	text-transform:uppercase;
}
p, li > span, td, th, a {
	font-family:'myriad-pro'!important;
	letter-spacing:0.8px!important;
	font-weight:normal!important
}
.white-links a {
	color:#000!important;
}

.bottom-right-arrow {
	position:absolute!important;
	bottom:0px;
	right:0px;
}
.bottom-right-arrow .elementor-button.elementor-size-xs {
	padding:20px!important;
}
.maxheight > div {
	max-height:515px;
}

.select-country {
	color:#000;
	background: white;
    width: 330px;
    margin: 0 auto;
}
.select-country option {
	font-family:'myriad-pro';
}
@media screen and (max-width:1025px) {
	.darkgrey {
		margin-top:-1px!important;
		background:#383B40!important;
	}
	.mobilebg {
		background:#f8f8f8!important;
	}
}