/*
 Theme Name:     Mediakanjers
 Theme URI:      http://www.mediakanjers.nl
 Description:    Website ontworpen door Mediakanjers
 Author:         Mediakanjers
 Author URI:     http://www.mediakanjers.nl
 Template:       Divi
 Version:        1.0.0
*/

@import url("../Divi/style.css");
@import url('https://fonts.googleapis.com/css?family=Merienda');

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

@font-face {
	font-family: 'Proxima Nova';
	src: url('fonts/ProximaNovaT-Thin.eot');
	src: url('fonts/ProximaNovaT-Thin.eot?#iefix') format('embedded-opentype'),
		url('fonts/ProximaNovaT-Thin.woff') format('woff'),
		url('fonts/ProximaNovaT-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('fonts/ProximaNova-ThinIt.eot');
	src: url('fonts/ProximaNova-ThinIt.eot?#iefix') format('embedded-opentype'),
		url('fonts/ProximaNova-ThinIt.woff') format('woff'),
		url('fonts/ProximaNova-ThinIt.ttf') format('truetype');
	font-weight: 100;
	font-style: italic;
}

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

@font-face {
	font-family: 'Proxima Nova';
	src: url('fonts/ProximaNova-LightIt.eot');
	src: url('fonts/ProximaNova-LightIt.eot?#iefix') format('embedded-opentype'),
		url('fonts/ProximaNova-LightIt.woff') format('woff'),
		url('fonts/ProximaNova-LightIt.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('fonts/ProximaNova-Black.eot');
	src: url('fonts/ProximaNova-Black.eot?#iefix') format('embedded-opentype'),
		url('fonts/ProximaNova-Black.woff') format('woff'),
		url('fonts/ProximaNova-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

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

@font-face {
	font-family: 'Proxima Nova';
	src: url('fonts/ProximaNova-MediumIt.eot');
	src: url('fonts/ProximaNova-MediumIt.eot?#iefix') format('embedded-opentype'),
		url('fonts/ProximaNova-MediumIt.woff') format('woff'),
		url('fonts/ProximaNova-MediumIt.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
}

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

@font-face {
	font-family: 'Proxima Nova';
	src: url('fonts/ProximaNova-Extrabld.eot');
	src: url('fonts/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'),
		url('fonts/ProximaNova-Extrabld.woff') format('woff'),
		url('fonts/ProximaNova-Extrabld.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('fonts/ProximaNova-RegularIt.eot');
	src: url('fonts/ProximaNova-RegularIt.eot?#iefix') format('embedded-opentype'),
		url('fonts/ProximaNova-RegularIt.woff') format('woff'),
		url('fonts/ProximaNova-RegularIt.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

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

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

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

body {font-family: "Proxima Nova"}
body, #top-header .container {font-weight: 400;}
h1,h2,h3,h4 {font-family: "Industry"; font-weight: 600;}
#main-content .container:before {display: none;}

embed, iframe, object, video { max-width: none!important; }

h1.entry-title { font-size: 36px; color: #fff; padding-bottom: 0; }
h1.entry-title:after { background: #f97304; height: 4px; width: 50px; border-radius: 3px; content: ""; display: block; margin: 31px 0 0 0; }


#page-container { overflow: hidden; }
div#resengo-process-flow { overflow: scroll!important; }

@media screen and (max-width: 2000px) {
	.homeheader { position: relative; height: 120vh; }
}

.homeheader { position: relative; height: 100vh; }

.homeheader .videorow { position: absolute; left: 0; width: 100%!important;  max-width: 100%!important; height: 100%; z-index: 1; padding: 0; top: 0; }

.homeheader .videorow .video_header_holder { position: absolute; top: -60px; height: 100%; width: 100%; overflow: hidden; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.homeheader .videorow .video_header_holder .mk_rij { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 100; max-width: 1200px; width: 80%; padding: 0px; text-align: center; }
.homeheader .videorow .video_header_holder .mk_rij h1 { color: white; font-size: 3em; font-weight: 700; line-height: 1.2em; }

.homeheader .videorow .video_header_holder .video_header_overlay_top { background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; }
.homeheader .videorow .video_header_holder .video_header_overlay_bottom { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%); position: absolute;  bottom: 0px; left: 0px; width: 100%; height: 50%; z-index: 99; }
.homeheader .videorow .video_header_holder .video_header_inner { padding: 0; position: static!important; z-index: 1; height: 100%; }
.homeheader .videorow .video_header_holder .video_onder_layer img { position: absolute; max-width: 999999px; top: 50%; left: 50%; width: 100vw;  height: 56vw; transform: translate(-50%,-50%); }
.homeheader .videorow .video_header_holder .video_mobile_afbeelding img { position: absolute; max-width: 999999px; top: 50%; left: 50%; width: 100vw;  height: 56vw; transform: translate(-50%,-50%); z-index: -1; }

.homeheader .videorow { position: absolute; left: 0; width: 100%!important;  max-width: 100%!important; height: 100%; z-index: 1; padding: 0; top: 0; }
.homeheader .videorow .afbeelding_header .mk_rij { position: absolute; left: 50%; bottom: 5%; transform: translate(-50%, 0%); z-index: 100; }
.homeheader .videorow .afbeelding_header::before { content: ""; background: linear-gradient(0deg, rgba(255,255,255,0) 60%, rgba(0,0,0,1) 100%); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; display: block; transition: 0s; }
.homeheader .videorow .afbeelding_header::after { content: ""; background: linear-gradient(180deg, rgba(255,255,255,0) 40%, #15252e 80%); position: absolute;  bottom: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; display: block; transition: 0s; }

@media screen and (max-width: 980px) {
	.homeheader { height: 100vh; }
	.homeheader .videorow .video_header_holder .mk_rij h1 { font-size: 6vw; }
}

@media screen and (max-width: 640px) {
	.homeheader { height: 80vh; }
	.homeheader .videorow .video_header_holder .mk_rij .header_btns { display: flex;flex-wrap: wrap;justify-content: center;gap: 20px 0px; }
	.homeheader .videorow .video_header_holder .mk_rij .header_btns .mk_button { padding: 10px ; }
}

@media screen and (max-width: 480px) {
	.homeheader .videorow .video_header_holder .mk_rij .header_btns .mk_button { width: 100%; }
}

.vp-center { display: block!important; }

.fullheaderhome  { position: absolute; left: 0px; top: 0px; width: 100%;  }

.openingstijden { position: absolute; right: 0px; }
.openingstijden .dag { display: none; background-color: white; padding: 5px 20px 5px 30px; border-radius: 5px; }
.openingstijden .dag.active { display: block; position: relative; }

.openingstijden .dag.groen { color: #9fbc51; }
.openingstijden .dag.rood { color: #e00e0e; }

.openingstijden .dag.groen::before { content: ""; position: absolute; left: 10px; width: 10px; height: 10px; background: radial-gradient(circle, #9fbc51 0%, rgba(255, 255, 255, 0) 100%); border-radius: 50%; top: 50%; transform: translate(0%, -50%); }
.openingstijden .dag.rood::before { content: ""; position: absolute; left: 10px; width: 10px; height: 10px; background: radial-gradient(circle, #e00e0e 0%, rgba(255,255,255,0) 100%); border-radius: 50%; top: 50%; transform: translate(0%, -50%); }

/* Buttons */

.frontpageslider_right .owl-stage-outer { overflow: visible!important; clip-path: polygon(0 0, 300% 0, 300% 100%, 0% 100%); }
.frontpageslider_right .owl-stage-outer .owl-stage .owl-item img { max-height: 600px; object-fit: cover; }

/* Contact info */
#et-info {float: right; line-height: 2.8em !important;}
#et-info-phone {position: relative;}
#et-info-email {position: relative;}
#et-info-email:hover, #et-info-phone:hover {-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; opacity: 0.7;}
#et-info-phone:before {display:none;}
#et-info-email:before {display:none;}
.shiftnav #et-info { padding: 30px 0; color: #000; width: 100%; }
.shiftnav-inner #et-info-phone { text-align: center; width: 100%; display: block; }
.shiftnav-inner #et-info-email { text-align: center; width: 100%; display: block; }

#top-header { background-color: black; z-index: 9; }
#top-header .container #et-info .et-info-inner { display: flex; align-items: center; gap: 20px; }
#top-header .container #et-info .et-info-inner .social { width: 20px; height: 20px; }

/* Header */
#ubermenu-nav-main-3-primary-menu {padding-top: 45px;}
#main-header {padding-bottom: 35px;}
.home #main-header {background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.home #top-header {background-color: transparent;}
#top-header .container { z-index: 9; }

.logo_container { max-width: 300px; }


/* Hoofdmenu */
.ubermenu.ubermenu-main { margin-right: -20px; }

.mk_button { font-size: 17px; text-transform: uppercase; font-weight: 600; padding: 18px 25px; display: inline-block; border-radius: 37px; margin: 0 30px; transition: 350ms; color: #fff; background-color: #fa7503; }

/* Shiftnav */
body.shiftnav-disable-shift-body.home { padding-top: 0 !important; }
.home #shiftnav-toggle-main { background-color: #21212166 !important; }
#shiftnav-toggle-main-button { font-size: 35px; padding: 27px 10px !important; }
.shiftnav-main-toggle-content { padding: 12px !important; }
.shiftnav-main-toggle-content img { float: left; max-height: 65px; max-width: 80%; }

.shiftnav { z-index: 99999999 !important; }
.shiftnav-name { line-height: 0 !important; }
.shiftnav-inner { background-color: #212121 !important; }
.shiftnav .shiftnav-menu-title a { color: #fff !important; }
.shiftnav .shiftnav-menu-image { text-align: center; }

.shiftnav ul.shiftnav-menu > li.menu-item:first-child > .shiftnav-target {border-top: 0 solid #fa7503!important;}
.shiftnav ul.shiftnav-menu > li.menu-item > .shiftnav-target {color: #fff; background-color: #212121 !important; border-top: 0 !important; border-bottom: 0 solid #fa7503!important;}
.shiftnav ul.shiftnav-menu > li.menu-item > .shiftnav-target:hover, .shiftnav ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target {color: #fff; background-color: #fa7503 !important;}

.shiftnav .sub-menu li {border-bottom: 0 solid #212121!important;}
.shiftnav .sub-menu li a.shiftnav-target {color: #000;}
.shiftnav ul.sub-menu > li.menu-item > .shiftnav-target:hover, .shiftnav ul.sub-menu li.menu-item.current-menu-item > .shiftnav-target {color: #fff; background-color: #fa7503 !important;}

.shiftnav-inner #et-info {float: left; width: 100%; display: block; text-align: center; padding: 20px 0;}
.shiftnav-inner #et-info-phone:before {content: "\f095" !important; font-family: "FontAwesome" !important; color: #fa7503;}
.shiftnav-inner #et-info-email:before {content: "\f1d8" !important; font-family: "FontAwesome" !important; color: #fa7503;}
.shiftnav-inner #et-info-phone {font-weight: 400; color: #fff; width: 100%; float: left; margin-right: 0; margin-bottom: 5px; font-size: 16px !important;}
.shiftnav-inner #et-info-email {font-weight: 400; color: #fff; width: 100%; float: left; margin-right: 0; font-size: 16px !important;}
.shiftnav-inner #et-info-phone span { color: #fa7503; }
.shiftnav-inner #et-info-email span { color: #fa7503; }
.shiftnav-inner iframe {display: block;}

/* Tour */
.virtualtour {width: 100%; height: 100%; position: absolute;}
.backtowebsite {position: absolute; bottom: 30px; left: 0; right: 0; margin: auto; display: inline; width: 260px; text-align: center; font-size: 17px; text-transform: uppercase; font-weight: 600; padding: 18px 25px; display: inline-block; border-radius: 37px; transition: 350ms; color: #fa7503; background-color: #fff;}


/* Content */
#main-content {position: relative; transition: 1s ease-in-out; top: 0;}

.sideimages-left {position: absolute; left: 0; top: 0; height: 100%; width: 100%; pointer-events: none;}
.sideimages-right {position: absolute; right: 0; top: 0; height: 100%; width: 100%; pointer-events: none;}
.sideimages-left img {position: absolute; left: 0; pointer-events: none;}
.sideimages-right img {position: absolute; right: 0; pointer-events: none;}

.home h2:after {background: #f97304; height: 4px; width: 50px; border-radius: 3px; content: ""; display: block; margin: 31px 0 15px 0;}

.stonebg {background-image: url("images/stonebg.png"); margin-top: -296px; padding-top: 113px; background-size: cover; z-index: 99; position: relative; }
.stonebg .et_pb_section {background: transparent; color: #fff;}
.stonebg .et_pb_section h2, .stonebg .et_pb_section h3 {color: #fff;}

.stonebg .et_pb_section:first-child .et_pb_column:first-child {padding-top: 50px; padding-right: 40px;}

.keuzemenus h3 {font-size: 29px; font-weight: 900;}
.keuzemenus .price {color: #f97304; padding-bottom: 0px; font-size: 21px; font-family: "Industry-Book";}
.keuzemenus .price .pr {font-weight: 600;}
.keuzemenus .et_pb_row {border: 1px solid #fff; border-radius: 10px; padding: 50px; max-width: 1260px;}

.keuzemenus p {padding-bottom: 0 !important; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);}
.keuzemenus ul {text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);}
.keuzemenus strong {padding-top: 25px !important; display: block; }

.stonebg2 {background-image: url("images/achtergrond.jpg"); background-size: cover; }
.stonebg2 .et_pb_section {background: transparent; color: #fff;}
.stonebg2 .et_pb_section h2, .stonebg .et_pb_section h3 {color: #fff;}

.muur { background-image:  url("images/shadowonder.png"), url("images/shadow.png"), url("images/stenen.jpg"); background-position: bottom, top, center; background-repeat: no-repeat, no-repeat, no-repeat; height: 150px; position: relative; }
.muur2 { background-image: url("images/stenen.jpg"); }
.muur3 { height: 90px; }

.achterzaal .cta div {font-size: 52px; line-height: 1em; font-weight: 600; padding-top: 96px;}
.achterzaal .btn {font-size: 17px; text-transform: uppercase; font-weight: 600; padding: 18px 25px; display: inline-block; border-radius: 37px; color: #fff; background-color: #fa7503; margin-top: 40px; transition: 350ms;}
.achterzaal .btn:hover { padding: 18px 35px; }

.swiper-button-prev { background-image: url("images/prev.png") !important; left: -50px !important; }
.swiper-button-next { background-image: url("images/next.png") !important; right: -50px !important; }

.afbeeldingshadow .et_pb_image .et_pb_image_wrap { padding: 10px; }
.afbeeldingshadow .et_pb_image .et_pb_image_wrap img { box-shadow: 0px 0px 10px 5px #00000080; }

/* Blog */
.blog #main-content {background-image: url("images/stone-default.jpg");}
.blog #main-content h1 {color: #fff;}
.blog #main-content h1:after {background: #f97304; height: 4px; width: 50px; border-radius: 3px; content: ""; display: block; margin: 31px 0 15px 0;}

.blog .post {}
.blog .post:nth-child(2n+2) { margin-right: 0; }
.blog .post .title {color: #fff; padding-bottom: 0;}
.blog #main-content .post h1:after{margin:15px 0 15px 0;}
.blog .post .image {float: left;width: 30%;height: 343px;border: 1px solid #fff;border-radius: 15px;position: relative;margin-top: -1px;margin-left: -1px;margin-bottom: -1px;background-position: center center; background-size:cover;}
.blog .post .content {padding: 30px;float: left;width: 70%;}
.blog .post .date {font-size: 14px; font-weight: 600;}
.blog .post .text {line-height: 1.6em;height: auto;overflow: hidden;}
.blog .post .text ul {
	padding: 0 0 23px 1em;
    line-height: 26px;
    list-style-type: disc;
}
.blog .postrow {border: 1px solid #fff;color: #fff;width: 100%;float: left;margin-right: 5.5%;border-radius: 15px;overflow: hidden; margin-bottom: 50px;}
.blog .postrow:nth-child(2n+2) { margin-right: 0; }
.blog .et_pb_button {border-radius: 10px;}
.blog .postintro {margin-bottom:20px;}
.blog #sidebar {border: 1px solid #fff; color: #fff!important; border-radius:10px; padding:20px;}
.blog #sidebar h4 {color:#fff!important;}

/* Categorie Archief */
.category #main-content {background-image: url("images/stone-default.jpg");}
.category #main-content h1 {color: #fff;}
.category #main-content h1:after {background: #f97304; height: 4px; width: 50px; border-radius: 3px; content: ""; display: block; margin: 31px 0 15px 0;}
.category .post {}
.category .post:nth-child(2n+2) { margin-right: 0; }
.category .post .title {color: #fff; padding-bottom: 0;}
.category #main-content .post h1:after{margin:15px 0 15px 0;}
.category .post .image {float: left;width: 30%;height: 343px;border: 1px solid #fff;border-radius: 15px;position: relative;margin-top: -1px;margin-left: -1px;margin-bottom: -1px;background-position: center center; background-size:cover;}
.category .post .content {padding: 30px;float: left;width: 70%;}
.category .post .date {font-size: 14px; font-weight: 600;}
.category .post .text {line-height: 1.6em;height: auto;overflow: hidden;}
.category .post .text ul {
	padding: 0 0 23px 1em;
    line-height: 26px;
    list-style-type: disc;
}
.category .postrow {border: 1px solid #fff;color: #fff;width: 100%;float: left;margin-right: 5.5%;border-radius: 15px;overflow: hidden; margin-bottom: 50px;}
.category .postrow:nth-child(2n+2) { margin-right: 0; }
.category .et_pb_button {border-radius: 10px;}
.category .postintro {margin-bottom:20px;}
.category #sidebar {border: 1px solid #fff; color: #fff!important; border-radius:10px; padding:20px;}
.category #sidebar h4 {color:#fff!important;}



#sidebar .et_pb_widget a {color:#fff!important;}
#sidebar .et_pb_widget a:after {
	content: "";
    background: #ec5c0d;
    height: 1px;
    width: 17%;
    position: absolute;
    margin-top: 27px;
    right: 2%;
}

.laatstenieuws {background-color: #212121;
    padding: 30px 40px;
    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.8);
    left: -76px;
    position: relative;
    margin-bottom: -30px;
    margin-top: 50px;
	max-width: 500px;

}

.laatstenieuws .label {position: absolute; right: 0; top: 0; font-size: 17px; font-weight: 600; text-transform: uppercase; border-radius: 0 0 0 32px ; background-image: -moz-linear-gradient( 0deg, rgb(255,126,0) 0%, rgb(236,92,13) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(255,126,0) 0%, rgb(236,92,13) 100%); background-image: -ms-linear-gradient( 0deg, rgb(255,126,0) 0%, rgb(236,92,13) 100%); 	padding:0 30px;
	display: inline-block;
	line-height: 55px;}
.laatstenieuws .title {color: #fff; padding-bottom: 0; font-size: 35px;}
.laatstenieuws .date {font-size: 14px; font-weight: 600;}
.laatstenieuws .text {line-height: 1.6em; height: 77px; overflow: hidden; font-size: 16px; margin: 20px 0;;}
.laatstenieuws .btn {color:#ec5c0d; font-size: 17px;text-transform: uppercase;font-weight: bold;}
.laatstenieuws + img {z-index: 10; position: relative;}


.homenieuws .laatstenieuws { left: 0;margin: 0; max-width: 100%; width: 47.25%; margin-right: 5.5%; float:left; }
.homenieuws .laatstenieuws:nth-child(2n+2) { margin-right: 0; }
.homenieuws .laatstenieuws .title { padding-right: 75px; }

/* Menukaarten */
#menukaart { padding-bottom: 100px !important; }
#menukaart h2 {display: none;}
#menukaart .kaarttypes {
    width: 25%;
    float: left;
    border-right:1px solid #fff;
}

#menukaart .kaarttypes .kaarttype { margin-bottom: 60px; }
#menukaart .kaarttypes .kaarttype:last-child { margin-bottom: 0; }

#menukaart .kaarttypes h5 {
	font-size: 18px;
	color:#f26d07;
	font-family: "Industry";
	padding-bottom: 0px;
}

#menukaart .kaarttypes ul li {
	font-size: 28.84px ;
	color:#fff;
	font-family: "Industry";
	font-weight: 800;
	line-height: 1.6em;
	cursor: pointer;
	position: relative;
}

#menukaart .kaarttypes ul li:after { content: url('images/arrowright.png'); right: calc( 100% - 220px ); position: absolute; transition: 200ms; }
#menukaart .kaarttypes ul li:hover:after { right: calc( 100% - 235px ); }

#menukaart .kaarttypes ul li.active {
text-decoration: underline;
}

#menukaart .kaarten {
    width: 20%;
	float: left;
	padding-left: 30px;
}

#menukaart .kaarten li{
	cursor: pointer;
}

#menukaart .kaarten li:after {
	content: url('images/arrowright-small.png');
	padding-left: 6px;
}

#menukaart .kaarten li.active{
	color:#f26d07;
}

#menukaart .gerechten {
    width: 55%;
	float: left;
	padding-left: 30px;
}

#menukaart .gerechten ul { width: 50%; float: left; padding: 0 15px; }
#menukaart .gerechten ul li { margin-bottom: 29px; }
#menukaart .gerechten ul li:last-child { margin-bottom: 0px; }
#menukaart .gerechten ul li.no-margin:nth-child(n) { margin: 0 !important; }
#menukaart .gerechten ul:first-child { padding: 0 10px 0 0; }
#menukaart .gerechten ul:last-child { padding: 0 0 0 10px; }
#menukaart .gerechten .naam { position: relative; width: 100%; padding-right: 65px; }
#menukaart .gerechten .naam span { width: 57px; right: 0; position: absolute; top:0; text-align: right;}
#menukaart .gerechten .naam.meerprijzen { padding: 0; float: left; }
#menukaart .gerechten .naam.meerprijzen span { position: relative; float: right; display: block; width: auto;}
#menukaart .gerechten .content { font-weight: 300; font-style: italic; }
#menukaart .gerechten .gerecht-item .titel { font-size: 20px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8); font-style: italic; font-weight: 300; }

#menukaart .groeparrangement { width: 75%; float: left; padding-left: 30px; }
#menukaart .groeparrangement-item h5 { font-size: 28.84px; color:#f26d07; font-family: "Industry"; padding-bottom: 0px; } 
#menukaart .groeparrangement-item h5 span { font-size: 20px; color: #fff;}

#menukaart .content-groep { display: none; }
#menukaart .content-kaarten { display: none; }

#menukaart .content-groep.active { display: block; }
#menukaart .content-kaarten.active { display: block; }

#menukaart .content-reseveren  { float: left; width: 100%; padding-top: 40px; }
#menukaart .content-reseveren div { float: left; }
#menukaart .content-reseveren div:first-child { font-family: "Merienda"; font-size:24px; font-style: italic; line-height: 1.2em; margin-right: 40px; }
#menukaart .content-reseveren .btn { color: #fff; background-color: #fa7503; font-size: 17px; text-transform: uppercase; font-weight: 600; padding: 18px 25px; display: inline-block; border-radius: 37px; transition: 350ms; }
#menukaart .content-reseveren .btn:hover { padding: 18px 35px; }


/*single blog*/
.nieuws_single { background-image: url("images/stone-default.jpg"); }
.nieuws_single .afbeelding { float: right; width: 33%; margin-bottom: 30px; margin-left: 20px; }
.nieuws_single .post { float: left; }
.nieuws_single .entry-content { margin-bottom: 30px; color: #fff; }
.nieuws_single h1.main_title { color: #fff; } 
.nieuws_single h1.main_title:after {background: #f97304; height: 4px; width: 50px; border-radius: 3px; content: ""; display: block; margin: 31px 0 15px 0;}


/*aanmeldenformulier*/
.aanmeldformulier { background-image: url("images/stone-default.jpg"); }
.aanmeldformulier h1.main_title { color: #fff; } 
.aanmeldformulier h1.main_title:after {background: #f97304; height: 4px; width: 50px; border-radius: 3px; content: ""; display: block; margin: 31px 0 15px 0;}
.aanmeldformulier .entry-content { color: #fff; padding-bottom: 15px; width: 100%; }
.aanmeldformulier {  }
.coll_aanmeld { width: 47.25%; margin-right: 5.5%; float: left; margin-bottom: 30px; }
.coll_aanmeld:nth-child(2n+2) { margin-right: 0; }


/* reseveren */
.reseverenpage h1.entry-title { max-width: 550px; margin: 0 auto; padding-bottom: 0; }
#resengo-process-flow { margin: 0 auto; border-radius: 10px; overflow: hidden; }

/* Grafity Forms opmaak V1 */
.gform_wrapper { margin: 0 !important; }
.gform_wrapper .gform_heading { margin: 0 !important; display: none;}
.gform_wrapper ul.gform_fields li.gfield { margin-top:0 !important; margin-bottom: 16px; }
.gform_wrapper ul.gform_fields li.gfield .gfield_label { display: none; }
.gform_wrapper ul.gform_fields li.gfield .ginput_container { margin: 0 !important; }
.gform_wrapper input[type=text], .gform_wrapper input[type=email], .gform_wrapper select, .gform_wrapper textarea {border: 1px solid #e2e2e2;background: #f7f7f7; padding: 15px !important; border-radius: 5px; display: block;}
.gform_wrapper input[type=text]:hover, .gform_wrapper select:hover, .gform_wrapper textarea:hover {border: 1px solid #ccc;}
.gform_wrapper ul.gform_fields li.gfield .ginput_container_date input { width: 100% !important; }

.gform_wrapper .gform_footer { padding: 0 !important; margin: 0 !important; }
.gform_wrapper .button {font-size: 17px; cursor: pointer; font-family: "Proxima Nova";
    text-transform: uppercase;
    font-weight: 600;
    padding: 18px 25px;
    display: inline-block;
    border-radius: 37px;
    transition: 350ms;
    color: #fff;
    background-color: #fa7503; border:none; font-size: 16px;}
.gform_wrapper .button:hover {font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 18px 35px 18px 35px;
    display: inline-block;
    border-radius: 37px;
    transition: 350ms;
    color: #fff;
    background-color: #fa7503; border:none; font-size: 16px;}
    .gform_wrapper .button:after { display: none; font-size: 20px; line-height: 27px; }

	.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description{padding-left: 15px;}
	.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label{margin: 0 15px;}
	.gform_wrapper .validation_message{font-weight: 400 !important;}
	.gform_wrapper div.validation_error  { color: #fff !important; }

/* Footer */
#main-footer { padding-top:30px; padding-bottom: 20px; background-image: url("images/shadow.png"), url("images/footerbg.jpg"); background-position: top, bottom center; background-size: inherit, cover; background-repeat: no-repeat, no-repeat; }
#footer-widgets .footer-widget li:before {content: none;}
#footer-widgets .footer-widget li {padding-left: 0;}
#footer-widgets { padding: 0; }
.et_pb_gutters3 .footer-widget { margin: 0; }
#footer-bottom { display: none; }

#main-footer #footer-widgets .footer-widget:last-child { width: auto; float:right; font-size: 18px; font-weight: 600; text-shadow: 0px 0px 5px #000; }
#main-footer #footer-widgets .footer-widget .fwidget { margin-right: 10px; margin-bottom: 0px !important; }
#main-footer #footer-widgets .footer-widget .fwidget:last-child {  margin-right: 0px; }
#main-footer #footer-widgets .footer-widget:last-child { padding-top: 45px; }

/*Responsive*/
@media only screen and (max-width: 1405px) {
	#main-footer #footer-widgets .footer-widget:last-child { padding-top: 2.5vw; font-size: 16px; }
}

@media only screen and (max-width: 1300px) {
	.frontpageslider {
		padding: 20.3vw 0 26.4vw;
	}
}
@media only screen and (max-width: 1300px) {
	#menukaart .kaarttypes { border:none; width: 100%; border-bottom: 1px solid; margin-bottom: 30px; }
	#menukaart .kaarttypes .kaarttype { margin-bottom: 30px; width: 50%; float: left; }

	#menukaart .kaarten { padding: 0; width:30%;  }
	#menukaart .gerechten { width: 70%; }
	#menukaart .groeparrangement { width: 100%; padding: 0; }
}
@media only screen and (max-width: 1200px) {
	#menukaart .content-reseveren div:first-child { font-size: 20px;  }
}
@media only screen and (max-width: 980px) {
	.logo_container {position: relative!important; text-align: center; padding: 25px 0 !important;}
	#logo{max-width: 100% !important;}
	span.logo_helper {display: none;}
	
	.ubermenu.ubermenu-main { display: none !important; }
	.ubermenu-responsive-toggle {display: none !important; position: relative !important;float: right; margin: 50px 0 !important;}
	.ubermenu-nav {position: absolute !important; width: 100% !important;}

	.input_active { position: relative; margin-top: -77px; } /* -hoogte footermenu */
	.input_active_header { position: absolute !important; }

	.fullheader {display: none;}
	
	.laatstenieuws + img {float:right}
	.laatstenieuws {max-width: none; left:0;}

	.stonebg { margin-top: 0; padding-top: 0; background-image: url(images/stonebg-mob.png)!important; background-size: contain; }
	.stonebg2 {background-image: url(images/stonebg-mob.png);background-size: contain;}

	.frontpageslider { padding: 155px 0 10px 0; margin-top: 0 !important; }
	.achterzaal .cta div { padding-top: 0px; }

	.home1 .et_pb_column:first-child img { margin: 0 auto; display: inherit; }
	.stonebg .et_pb_section:first-child .et_pb_column:first-child { padding: 0; }


	/*kaart*/
	#menukaart { padding-bottom: 45px !important; }
	#menukaart .kaarttypes { width: 100%; margin-bottom: 30px; }
	#menukaart .kaarttypes .kaarttype { margin-bottom: 30px; }
	#menukaart .kaarten { width: 100%; padding: 0; margin-bottom: 30px; }
	#menukaart .gerechten { width: 100%; padding: 0; }
	#menukaart .content-reseveren div:first-child { margin-right: 0; margin-bottom: 30px; width: 100%; }
	#menukaart .content-reseveren { padding-top: 30px; }

	#main-footer { background-size: auto, cover; }
	#footer-widgets .footer-widget:nth-child(n) { margin-bottom: 0px !important; }
	#footer-widgets .footer-widget .widget_media_image { float: none; text-align: center; }
	#main-footer #footer-widgets .footer-widget:last-child { padding-top: 0; }


	.blog .post .image { width: calc(100% + 2px); }
	.blog .post .content { width: 100%; }

	.homenieuws .laatstenieuws:nth-child(n) { width: 100%; margin-right: 0; }
	.homenieuws .laatstenieuws:first-child { margin-bottom: 30px; }
}
@media only screen and (max-width: 767px) {
	#et-info {float: none; display: inline-block; width: 100%; float: none;}
	#et-info-email {font-size: 18px; float: left; width: 100%; margin-right: 0;}
	#et-info-phone {font-size: 18px; float: left; width: 100%; margin-bottom: 1em; margin-right: 0;}

	.muur {height: 75px;}

	.ubermenu-responsive-toggle {float: none; margin: 0 !important;}
	.ubermenu-nav {position: relative !important;}

	.frontpageslider .btn {display: block; margin: 30px;}
	.frontpageslider .buttons {padding: 0 0 20px 0;}

	#menukaart h2 {display: block;}
	#menukaart .gerechten ul { width: 100%; padding: 0 !important; }
	#menukaart .gerechten ul li:nth-child(n) { margin-bottom: 20px; }

	.swiper-button-next, .swiper-button-prev { height: 30px !important; background-size: contain !important;}
	.swiper-button-next { right: -30px !important; }
	.swiper-button-prev { left: -30px !important; }

	#menukaart .kaarttypes .kaarttype { width: 100%; }
	#menukaart .kaarttypes .kaarttype:last-child { margin-bottom: 30px; }
	#menukaart .content-reseveren div:first-child br { display: none; }
	#menukaart .content-reseveren { padding-top: 20px; }

	#menukaart .kaarttypes h5 {
		padding-top: 110px;
		margin-top: -110px;
	}

	#main-footer #footer-widgets .footer-widget:last-child { padding-top: 0; }

	.blog .post:nth-child(n) { width: 100%; }
	.blog .post .image { width: 44%; }
	.blog .post .content { width: 56%; }

	.nieuws_single .afbeelding { margin-left: 0; width: 100%; float: none; text-align: center; margin-bottom: 15px; }
	.nieuws_single .afbeelding img { width: auto; }

	#cn-notice-text { display: block; padding-bottom: 5px; }
}


@media only screen and (max-width: 640px) {
	.blog .post .image { width: calc(100% + 2px); }
	.blog .post .content { width: 100%; }
	.blog .post .text { height: auto; max-height: 100px; }
}

@media only screen and (max-width: 610px) {
	.laatstenieuws .label { width: 100%; border-radius: 0; }
	.laatstenieuws { padding-top: 75px; margin-top: 0; padding-bottom: 40px; }

	.achterzaal .cta div { font-size: 36px; }

	#menukaart .groeparrangement-item h5 span { display: block;}

	.reseverenpage.et_pb_section { padding-bottom: 0; }
	.reseverenpage.et_pb_section .et_pb_row { padding-bottom: 0; width: 100%; max-width: 100% !important;  }
	.reseverenpage.et_pb_section h1.entry-title { width: 84%; }
	.reseverenpage.et_pb_section #resengo-process-flow { width: 100% !important; max-width: 100% !important; border-radius: 0; }
	.reseverenpage.et_pb_section #resengo-process-flow > #resengo-wrapper .grey-box { padding: 30px 8% !important; }
}

@media only screen and (max-width: 479px) {
	#menukaart .et_pb_row { padding: 0px; border:none; }

	.laatstenieuws { padding: 75px 20px 40px 20px; }
	.laatstenieuws .title { font-size: 7.5vw; }

	h1, h2, .achterzaal .cta div  { font-size: 7.5vw !important; }

	#menukaart .kaarttypes ul li { font-size: 22px; }
	#menukaart .kaarttypes ul li:after { right: calc( 100% - 180px ); }
	#menukaart .kaarttypes ul li:hover:after { right: calc( 100% - 195px ); }
}

.weekoverzicht .dag .tijden { display: grid; grid-template-columns: 0.2fr 1fr; gap: 20px; }
.weekoverzicht .dag .tijden span {text-align: right; }

li#menu-item-500 { background-color: #f97304; border-radius: 50px; }