@media ( min-width : 1024px) {
	body {
	    padding-left:100px;
	    padding-right:100px;
	}
.btn-tickets {
	font-size: 14px;
	font-weight: 500;
	fill: #FFFFFF;
	color: #FFFFFF;
	background-color: #AA1D32;
	border-style: double;
	border-width: 5px 5px 5px 5px !important;
	border-radius: 10px 10px 10px 10px;
}

.btn-tickets a {
	color: #fff !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.btn-tickets:hover {
	background-color: #FFFFFF;
	color: #AA1D32;
}

.btn-tickets a:hover {
	color: #AA1D32 !important;
}
}

@media ( max-width : 1024px) {
	
	/* ### NAVIGATIE ### */
	ul.menu {
		list-style-type: none;
		padding-left: 0px !important;
	}
	
	ul.menu li ul.sub-menu {
		display: none;
		padding-left: 35px;
		padding-top: 10px;
	}
	
	ul.menu li ul.sub-menu li ul.sub-menu {
		padding-top: 0px;
	}
	
	ul.menu li a {
		color: #000;
		font-size: 18px;
	}
	
	ul.menu li {
		padding: 5px 0px 10px 0px;
		border-bottom: 1px solid #f2f2f2;
		margin-bottom: 5px;
	}
	
	ul.menu li ul.sub-menu li {
		padding: 0px;
		margin-bottom: 0px;
		border-bottom: 0 none;
	}
	
	ul.menu li a .fas {
		font-size: 14px;
		padding-top: 5px;
	}
	
	.navigation-block {
		height: calc(var(--vh, 1vh)*100);
		left: -90%;
		top: 0;
		z-index: 1031;
		width: 90%;
		position: fixed;
		z-index: 9992;
	}
	
	#login-form tr td:nth-child(3n) {
		display: none;
	}
	
	.navigation-container {
		transition: all .2s ease-in-out;
		left: 0;
		max-height: 100vh;
		z-index: 1;
		width: 100%;
	 	height: 100%;
	 	position: relative;
	 	background: #fff;
	 	padding: 1rem;
	 	overflow: auto;
	}
	
	.navigation-block.open .navigation-container {
	  	left: 100%;
	  	box-shadow: 4rem 0rem 0 rgba(0, 0, 0, 0.15);
	}
	
	.scroll-lock {
		height: 100%;
		overflow: hidden;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
	}
	
	.toggle-navigation {
		display: flex;
		align-items: center;
		background-image: url(/wp-content/themes/hetkasteelvansinterklaas/assets/image/achtergrond.jpg);
		background-repeat: no-repeat;
		padding: 10px;
		position: fixed;
		width: 100vw;
		left: 0;
		top: 0;
		z-index: 9991;
		/*box-shadow: 4rem 0rem 0 rgba(0, 0, 0, 0.25);*/
	}
	
	.hamburger-bg {
		background: rgba(0, 0, 0, 0.2);
		padding: 10px 10px 7px 10px;
	}
	
	.navigation-title {
		color: #aa1d32;
		font-size: 22px;
	}
	
	.toggle-navigation .hamburger {
		justify-content: flex-end;
		text-align: right;
		display: flex;
		width: 100%;
		color: #fff;
	}
	
	.toggle-navigation .logo img {
  		max-width: 100%;
  		max-height: 80px;
	}
	
	.toggle-navigation .hamburger i {
		font-size: 32px;
	}
}