#main_nav
	{
	background:#080808;
	border-bottom:1px solid rgba(200,168,107,0.15);
	}

.nav-header
	{
	display:flex;
	justify-content:space-between;
	align-items:center;
	min-height:90px;
	}

.brand-wrap
	{
	display:flex;
	align-items:center;
	text-decoration:none;
	}

.nav-logo
	{
	width:150px;
	height:70px;
	object-fit:cover;
	}

.brand-name
	{
	margin-left:40px;
	font-family:'Cormorant Garamond',serif;
	font-size:2.5rem;
	font-weight:500;
	color:#C8A86B;
	line-height:1;
	white-space:nowrap;
	}

.brand-name-short,
.brand-name-mini
	{
	display:none;
	}

.nav-actions
	{
	display:flex;
	align-items:center;
	gap:15px;
	}

.facebook-link
	{
	display:flex;
	align-items:center;
	justify-content:center;
	width:42px;
	height:42px;
	border:1px solid #C8A86B;
	border-radius:50%;
	color:#C8A86B;
	font-size:1.1rem;
	text-decoration:none;
	transition:all .25s ease;
	}

.facebook-link:hover
	{
	color:#F6F3ED;
	border-color:#F6F3ED;
	}

.navbar-toggler
	{
	display:none;
	border:none;
	background:none;
	padding:0;
	box-shadow:none !important;
	}

.navbar-toggler:focus
	{
	box-shadow:none !important;
	}

.navbar-toggler-icon
	{
	display:block;
	position:relative;
	width:28px;
	height:22px;
	}

.navbar-toggler-icon:before,
.navbar-toggler-icon:after,
.navbar-toggler-icon span
	{
	content:'';
	position:absolute;
	left:0;
	width:100%;
	height:2px;
	background:#F6F3ED;
	}

.navbar-toggler-icon:before
	{
	top:0;
	}

.navbar-toggler-icon span
	{
	top:10px;
	}

.navbar-toggler-icon:after
	{
	bottom:0;
	}

/* ==========================================================
   DESKTOP MENU OP TWEEDE REGEL
   ========================================================== */

#navMain
	{
	width:100%;
	padding-bottom:15px;
	}

.navbar-nav
	{
	display:flex;
	justify-content:center;
	align-items:center;
	list-style:none;
	margin:0;
	padding:0;
	}

.navbar-nav .nav-link
	{
	position:relative;
	display:block;
	padding:8px 16px;
	font-family:'Inter',sans-serif;
	font-size:0.95rem;
	letter-spacing:1px;
	text-transform:uppercase;
	color:#F6F3ED;
	text-decoration:none;
	}

.navbar-nav .nav-link:hover
	{
	color:#C8A86B;
	}

.navbar-nav .nav-link:after
	{
	content:'';
	position:absolute;
	left:15px;
	right:15px;
	bottom:2px;
	height:1px;
	background:#C8A86B;
	transform:scaleX(0);
	transform-origin:center;
	transition:all .25s ease;
	}

.navbar-nav .nav-link:hover:after,
.navbar-nav .nav-link.active:after
	{
	transform:scaleX(1);
	}
	
@media (min-width:992px)
	{
	#navMain
		{
		display:block !important;
		}

	.navbar-collapse
		{
		display:block !important;
		}

	.navbar-nav
		{
		display:flex !important;
		flex-direction:row !important;
		justify-content:center;
		align-items:center;
		}

	.navbar-nav .nav-item
		{
		display:block;
		}
	}

/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width:991px)
	{
	.nav-header
		{
		min-height:80px;
		}

	.brand-name
		{
		font-size:2rem;
		margin-left:28px;
		}

	.navbar-toggler
		{
		display:block;
		}

	#navMain
		{
		padding-top:15px;
		padding-bottom:20px;
		}

	.navbar-nav
		{
		display:block;
		text-align:center;
		}

	.navbar-nav .nav-link
		{
		padding:12px 0;
		}
	}

/* ==========================================================
   SMALL MOBILE
   ========================================================== */

@media (max-width:480px)
	{
	.brand-name-full
		{
		display:none;
		}

	.brand-name-short
		{
		display:inline;
		}

	.brand-name
		{
		font-size:1.8rem;
		margin-left:18px;
		}

	.nav-logo
		{
		width:90px;
		height:42px;
		}

	.facebook-link
		{
		width:38px;
		height:38px;
		font-size:1rem;
		}
	}

/* ==========================================================
   VERY SMALL MOBILE
   ========================================================== */

@media (max-width:380px)
	{
	.brand-name-short
		{
		display:none;
		}

	.brand-name-mini
		{
		display:inline;
		}

	.brand-name
		{
		font-size:1.4rem;
		margin-left:12px;
		}
	}