/*
 Theme Name:     Live Cooking
 Theme URI:      #
 Description:    Live Cooking
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/

@import url("../Divi/style.css");

/* =Theme customization starts here
------------------------------------------------------- */

@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,300|Roboto+Condensed:400,700,300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,800);
@import url(https://fonts.googleapis.com/css?family=Kreon);
@import 'https://fonts.googleapis.com/css?family=Oswald:300,400';


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

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


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

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

.home .et_pb_slide_description { padding: 25px!important;}
.home .et_pb_slide_image { display: none; }
.home .et_pb_slide_with_image .et_pb_slide_description { float: none; }
.home .et_parallax_bg { background-attachment: inherit !important; }
.home .ontourbbq { display: block !important; position: absolute; top: 11%; right: -103%; width: 120%; animation-name: fadeRight; animation-duration: 0.7s; animation-timing-function: ease-in-out; animation-fill-mode: both; animation-delay: 0.9s; }
.home .et-pb-active-slide .et_pb_slide_description { animation: none !important; }
.home .et_pb_slide_content { position: relative; }

.home .et_pb_slide:first-child .et_pb_slide_description { width: 70%; text-align: center; }

.top_notificatie_wrapper { z-index: 9999999!important; }

/* paarsekader */
.paarsekader.et_pb_module { overflow: hidden; font-family: 'bebasreg', sans-serif; padding: 20px; background-color: #74236f; color: #fff; text-align: center; font-size: 33px; line-height: 1em; position: relative; text-transform: uppercase; }
.paarsekader.et_pb_module strong { display: block; }
.paarsekader.et_pb_module::before { content: ""; background-color: #fff; width: 200px; height: 200px; position: absolute; left: -100px; top: 100px; transform: rotateZ(45deg) translate(-50%, -50%); -webkit-transform: rotateZ(45deg) translate(-50%, -50%); }
.paarsekader.et_pb_module::after { content: ""; background-color: #fff; width: 200px; height: 200px; position: absolute; right: -100px; top: 100px; transform: rotateZ(45deg) translate(-50%, -50%); -webkit-transform: rotateZ(45deg) translate(-50%, -50%); }
.paarsekader.et_pb_module p { width: calc(100% - 280px); margin: 0 auto; }


@media only screen and ( max-width: 800px ) {
    .paarsekader.et_pb_module::after,
    .paarsekader.et_pb_module::before { display: none; }
    .paarsekader.et_pb_module p { width: 100%; }
}

.top_message { background-color: #572362; padding: 15px 20px; font-weight: bolder; text-align: center; text-transform: uppercase; position: relative; width: 100%; font-size: 14px; }
.top_message span { font-style: italic; display: block; padding-top: 10px; font-size: 12px; }

/*Algemeen*/
h1,h2,h3,h4,h5,h6 {font-family: 'bebasreg', sans-serif; color: #000;}
h1{color: #000; font-size: 40px;}
h2{color: #000; font-size: 32px;}
h3{font-family: 'bebasreg', sans-serif; color: #000; font-size: 40px;}
h4 {font-size: 34px;}
h5 {font-size: 25px;}


/*BBQ style*/
h1 { font-size: 34px; color: #7c2776; text-transform: uppercase; font-weight: 700; letter-spacing: 4px; padding-bottom: 25px; }
h3 { font-size: 14px; color: #000; text-transform: uppercase; font-weight: 700; letter-spacing: 4px; padding-bottom: 0; }
h2 { font-size: 24px; color: #7c2776; text-transform: uppercase; font-weight: 700; letter-spacing: 3px; padding-bottom: 25px; }
/*h2:before { content: ''; display: block; height: 18px; width: 3px; background-color: #7c2776; position: absolute; left: 0; top: 2.5px;  }*/
h2 span { font-size: 18px; }
p { padding-bottom: 20px; }
h4.widgettitle { font-size: 24px; color: #7c2776; text-transform: uppercase; font-weight: 700; letter-spacing: 4px; padding-bottom: 25px; }


#main-header .container { width: 90%; max-width: 1100px; }
#main-header #shiftnav-toggle-main-button { display: none; }
.mobile_menu_bar::before { color: #7c2776 !important; }

.kerst {display: none;}

#page-container {padding-top: 94px !important;}
/*Header*/

#et-info {color: white;}
#et-info span{color: white;}

#top-header {z-index: 9998;}
.et_fixed_nav #logo { margin-bottom: 0; max-height: 200px; position: absolute; top: -34px; width: 231px; height: 184px; z-index: 9999;}

#main-header, #main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu {background-color: rgba(255, 255, 255, 1)!important;}
.et-fixed-header #logo {width: 140px; height: 111px;}
#top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a, .bottom-nav li.current-menu-item > a {color: #000 !important;}
#top-menu a {text-transform: uppercase;color: #000 !important;}
#top-menu li, .fullwidth-menu li {font-size: 13px; padding-right: 12px;}
#top-menu li > a, .fullwidth-menu li > a {font-family: "Oswald"; font-size: 15px;font-weight: 300; padding: 7px 0 19px; }

.headertop {height: 37px; color: #fff;background: #000;}
.headertop .container {text-align: right;}
#main-header {padding-top: 0;}

#et-info {float: right;}


.sub-menu {padding: 0 !important;}

.melding {
    position: relative;
    z-index: 1000000;
    width: 100%;
    padding: 10px;
    text-align: center;
	font-weight:600;
	border-bottom:1px solid #000;
	background: #74236F;
    color: #FFF;
    font-size: 16px;
}

/*Content*/
.et_pb_fullwidth_slider_0 {
    padding-top: 24px;
}
#portofolioslide {height: 190px;pointer-events: none;}
#portofolioslide h2 {margin: 0;padding: 20px 0 30px;}
.et_pb_fullwidth_portfolio .et_pb_carousel_group.active {top: -109px;}
.et_pb_fullwidth_portfolio .et_pb_portfolio_image {height: 280px;}


.et_pb_text {margin-bottom: 10px;}
.et_pb_row {padding: 10px 0 0;}
.main_title {margin-top: 35px;}

#pluspunten {padding: 5px 0;}
#pluspunten .et_pb_row {padding: 20px 0 10px 0;}
#pluspunten h3 {font-family: "bebasreg", sans-serif; font-size: 20px; line-height: 0; position: absolute; float: right; margin-top: 18px; padding-left: 50px; white-space: nowrap; text-transform: uppercase; color: #fff;}
#pluspunten img {float: left;}

#events .et_pb_row {padding: 0 0;}
#events h3 {color: #141313;}
#events p {text-align: center;}

#AchtergrondSlide {height: 100px;}

.businesslogo .et_pb_slides .et_pb_slide .et_pb_container .et_pb_slide_description {padding: 117px 100px;}
#referentie {max-height: 490px;}
#referentie .et_pb_slides .et_pb_slide .et_pb_container .et_pb_slide_description {padding: 70px 100px;}
#referentielogos {height: 240px; padding: 0;}
#referentielogos h4 {padding-top: 15px;}
#referentielogos p {padding: 0 0 5px;}

.studioarrangement {min-height: 270px;}
.buffetarrangement {min-height: 270px;}
.bbqarrangement {min-height: 430px;}

/* Noaber Deal Opmaak */
.page-id-1634 .gform_wrapper .top_label .gfield_label {font-weight: 600!important; text-transform: uppercase;}

.totaalprijspp input, .totaalprijs input {font-weight: 600;color: #fff !important; border: none; background-color: #572362 !important;}

.soeperror, .stamppoterror {display: none; margin-top: 0 !important;padding-top: 0; color: red;}

.noabertitel img:nth-child(2) {padding-top: 65px;}

/* Afhaal */
.afhaal1 {height: 100%;background: url("images/AFHAAL KIPSATE_2024_OKT.png") no-repeat 60% 100%; background-position: right bottom;}
.afhaal2 {height: 100%;background: url("images/AFHAAL VARKENSHAAS_2024_OKT.png") no-repeat 60% 100%; background-position: right bottom;}
.afhaal3 {height: 100%;background: url("images/AFHAAL BIEFSTUK_2024_OKT.png") no-repeat 60% 100%; background-position: right bottom;}
.afhaal4 {height: 100%;background: url("images/AFHAAL GAMBA_2024_OKT.png") no-repeat 60% 100%; background-position: right bottom;}
.afhaal5 {height: 100%;background: url("images/AFHAAL VARKENSFILET_2024_OKT.png") no-repeat 60% 100%; background-position: right bottom;}

.afhaal_container h3 {font-size: 32px;}
.afhaal_container h4 {font-size: 21px; color: #582463;}

.afhaal_container .et_pb_column_1_2 {width: 510px; height: 300px;}

.afhaal_container .et_pb_row {padding-bottom: 50px;}

/*.et_pb_slide_content{left: -74px; top: 91px;}*/
#left-area ul, .entry-content ul, .comment-content ul {padding-left: 0;}
.gform_wrapper .top_label .gfield_label {font-weight: normal !important;}

#passie {z-index: 1;-webkit-box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.2);}
#passie .et_pb_row {padding: 50px 0;}
#passie h3 {color: #141313;}


.sliderlogo .et_pb_slide:nth-of-type(1) .et_pb_slide_image {position: absolute; top: 210px; width: 1000px;padding-left: 36px;}
.sliderlogonew .et_pb_slide:nth-of-type(1) .et_pb_slide_image {position: absolute; top: 48%; width: 100%;padding-left: 36px;}
.home .sliderlogo .et_pb_slide:nth-of-type(1) .et_pb_slide_image { position: absolute; top: 48%; width: 100%; padding-left: 36px; }

.arrangementen {    height: auto;
    padding: 5px!important;}
.arrangement {
    background-image: url(images/ArrangementenBG.png);
    border-left: 3px solid #74236f;
    padding: 10px 10px 10px 30px;
    min-height: 410px;
    background-color: white;
    background-repeat: no-repeat;
}
.arrangement h3 {color:#74236f; font-family: 'bebasreg', sans-serif; font-size: 32px; font-weight: lighter; margin-bottom: 0px; padding-bottom: 5px; max-width: 220px;}
.arrangement h4 {color:#000; font-family: 'Roboto', sans-serif; font-size: 15px; font-style: italic; font-weight: 600; margin-top: 0px; max-width: 220px;}
.arrangement ul { margin-left:  0px; padding: 0; max-width: 220px;}
.arrangement ul li {font-family: 'Roboto', sans-serif; list-style-type: none;}
.arrangement img {position: absolute; bottom: 0px; padding-bottom: 15px;}
.arragementprijs {
    position: absolute;
    top: 0;
    color: #fff;
    font-family: 'bebasreg', sans-serif;
    font-size: 21px;
    font-weight: lighter;
    background: url(images/Prijsachtergrond.png);
    text-align: center;
    padding: 43px 5px 10px 5px;
    right: 0;
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
}
.arragementklasse {
    color: #fff;
    font-family: "bebasreg",sans-serif;
    font-size: 20px;
    font-weight: lighter;
    height: 41px;
    right: 7px;
    padding-top: 4px;
    position: absolute;
    text-align: left;
    z-index: 1;
    top: 0;
}
.maatwerk{background-image: url("images/MaatwerkBG.png"); color: #fff; padding: 30px 20px; min-height: 330px; text-align: center;}
.maatwerk h3 {font-family: 'bebasreg', sans-serif; font-size: 32px; font-weight: lighter; color: #fff; margin-top: 20px;}

.brochure{background-image: url("images/BrochureBG.png"); color: #fff; padding: 41px 20px 40px; min-height: 330px; text-align: center;}
.brochure h3 {font-family: 'bebasreg', sans-serif; font-size: 32px; font-weight: lighter; color: #fff; margin-top: 20px;}

.arrangementbutton { margin-top: 40px;}

.not_found h1{margin-top: 35px;}

.facebookcontact {border-top: 1px solid #000; padding-top: 15px;}
div#page-container div#et-main-area div#main-content article#post-14.post-14.page.type-page.status-publish.hentry div.entry-content div.et_pb_section.et_section_specialty div.et_pb_row div.et_pb_column.et_pb_column_1_2 div.et_pb_row_inner{padding-top: 5px}
.contactpagina a{color:#000;}
.contactpagina a:hover {text-decoration: underline;}
/*Widgets*/

/* Uitvaart */
#uitvaart .et_pb_column {border:3px solid #74236f; width: 29%; height: 550px;}
#uitvaart .et_pb_column p {padding: 0 15px;     padding-bottom: 25px;}
#uitvaart .et_pb_column h3{padding: 0 15px;}
#uitvaart .et_pb_column h6{padding: 0 15px; font-size: 20px; color: #000!important; letter-spacing: 5px;  padding-bottom: 15px; text-transform: uppercase;}

/*Noaber deal*/
.noabertitel {    position: absolute;
    right: 21%;
    top: 0;
    width: 392px;}


#trengo-web-widget { display: none !important; }
.page-id-2058 #trengo-web-widget{display: block !important;}


/* Landingspage */
.page-template-landingspagina .header {height: 350px; background-size: cover; background-position: top -680px center;}
.page-template-landingspagina .bgstroke {background-image: url(/wp-content/uploads/2015/05/livecooking_bg.jpg); height:100px; background-position: center;}
.page-template-landingspagina h2, .page-template-landingspagina .gform_wrapper h3.gform_title {    font-size: 34px !important;
    color: #7c2776 !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    letter-spacing: 4px !important;
    padding-bottom: 25px !important; letter-spacing: 4px!important; margin-top: 0 !important;}

.page-template-landingspagina h3 {
    font-size: 24px;
    color: #000000;
    text-transform: uppercase;
    font-weight: 300;
    padding-bottom: 5px; letter-spacing: 1px;}

#gform_wrapper_12 {margin-top: 0 !important;}
#gform_wrapper_12 input {padding: 12px 10px; background-color: #f9f9f9;}
.page-template-landingspagina #main-content .container:before {display:none!important}

.page-template-landingspagina .et_pb_row{padding: 50px 0!important;}

.page-template-landingspagina .gallery {height:350px; display: flex;}
.page-template-landingspagina .gallery .image {height: 100%;  flex-grow: 1;
    background-size: cover;}

/*BBQ page*/
.bbqpage h1 { font-size: 34px; color: #7c2776; text-transform: uppercase; font-weight: 700; letter-spacing: 4px; padding-bottom: 25px; }
.bbqpage h3 { font-size: 14px; color: #000; text-transform: uppercase; font-weight: 700; letter-spacing: 4px; padding-bottom: 0; }
.bbqpage h2 { font-size: 24px; color: #7c2776; text-transform: uppercase; font-weight: 700; letter-spacing: 3px; padding-bottom: 25px; }
.bbqpage h2:before { content: ''; display: block; height: 18px; width: 3px; background-color: #7c2776; position: absolute; left: 0; top: 2.5px;  }
.bbqpage h2 span { font-size: 18px; }
.bbqpage p { padding-bottom: 20px; }
.bbq0 { }
.bbqintrotekst { box-shadow: 0px 0px 10px #000; padding: 30px; margin-left: -30px; margin-top: -110px; background: #fff; }
.bbqintrotekst div { position: relative; z-index: 9; }
.bbqintrotekst:after { content: ''; display: block; width: calc(100% + 60px); height: 200px; background: #eee; position: absolute; left: -45px; bottom: -15px; 
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
.bbqintrotekst span { font-size: 14px; color: #000; text-transform: uppercase; font-weight: 700; letter-spacing: 3px; padding-bottom: 25px; }
.bbqafbeelding { position: absolute; top: -209px; width: 120%; max-width: inherit; left: -14%; }


.bbq1  { padding-bottom: 0 !important; }
.bbq2, .feestje2 { background: rgb(235,235,235); /* Old browsers */
background: -moz-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ }
.bbq3, .feestje6 { z-index: 1; }
.bbq4, .feestje3 { box-shadow: 0 0px 30px rgba(0, 0, 0, 0.2);  }
.bbq5, .feestje4 { z-index: -1; }


.bbq2 .et_pb_column { padding-left: 25px; }
.bbq3 .et_pb_column:first-child { padding-left: 25px; }
.bbq4 .et_pb_column:last-child { padding-left: 25px; }

.bbq2 table { border:0; margin-top: 10px;}
.bbq2 table td { padding: 0; border:0; vertical-align: baseline; }
.bbq2 table tr td:first-child { font-weight: 700; }

.bbq3 .et_pb_empty_slide { min-height: 0 !important; }
.bbq3 .et_pb_slide_description { display: none; }
.bbq3 .et_pb_slide_image { margin-top: 0 !important; }
.bbq3 .et_pb_slider .et_pb_slide { box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
.bbq3 .et_pb_slide_image img { max-height: inherit !important; max-width: 75% !important; }
.bbq3 .et-pb-controllers { display: none; }
.bbq3 .et-pb-slider-arrows a.et-pb-arrow-prev { left: 22px; opacity: 1; color: #7c2776 !important;  }
.bbq3 .et-pb-slider-arrows a.et-pb-arrow-next { right: 22px; opacity: 1; color: #7c2776 !important;  }


/* feestje */
.feestjepage h1 { font-size: 34px; color: #74236f; text-transform: uppercase; font-weight: 700; letter-spacing: 4px; padding-bottom: 25px; }
.feestjepage h3 { font-size: 14px; color: #000; text-transform: uppercase; font-weight: 700; letter-spacing: 4px; padding-bottom: 0; }
.feestjepage h2 { font-size: 24px; color: #7c2776; text-transform: uppercase; font-weight: 700; letter-spacing: 3px; padding-bottom: 25px; }
.feestjepage h2:before { content: ''; display: block; height: 18px; width: 3px; background-color: #7c2776; position: absolute; left: 0; top: 2.5px;  }
.feestjepage h2 span { font-size: 18px; }
.feestjepage p { padding-bottom: 20px; }
.feestjepage ul { list-style: none; }
.feestjepage li::before { content: "\002022"; color: #74236f; font-size: 26px; display: block; float: left; padding-right: 5px; }

.feestje1 .et_pb_column_1_2 img { margin-top: -110px; box-shadow: 0px 0px 10px #0000004d; }

.feestje2 .et_pb_column { padding-left: 25px; }
.feestje3 .et_pb_column:last-child { padding-left: 25px; }
.feestje6 .et_pb_column:first-child { padding-left: 25px; }

/* All-in */
.allin0 ul:first-of-type li{list-style-image: url(images/li1.png);}
.allin0 ul:last-of-type li{list-style-image: url(images/li2.png);}
.allin0 .et_pb_text_1 {border-top: 1px solid #000;     padding-top: 70px;
    margin-top: 70px;}

/*Contactformulier*/

.gform_wrapper input[type=text] {border: 1px solid #e2e2e2;background: #f7f7f7;}
.gform_wrapper input[type="email"] {border: 1px solid #e2e2e2;background: #f7f7f7;}
.gform_wrapper select {border: 1px solid #e2e2e2;background: #f7f7f7;}
.gform_wrapper textarea {border: 1px solid #e2e2e2;background: #f7f7f7;}

.gform_wrapper input[type=text]:hover {border: 1px solid #ccc;}
.gform_wrapper input[type="email"] {border: 1px solid #ccc;}
.gform_wrapper select:hover {border: 1px solid #ccc;}
.gform_wrapper textarea:hover {border: 1px solid #ccc;}


.gform_wrapper .instruction { display: none; }
.gform_wrapper .gf_aantal { margin-top: 0 !important; }
.gform_wrapper .gf_aantal input { border: 1px solid #e2e2e2;background: #f7f7f7; }
.gform_wrapper .gf_aantal input:hover { border: 1px solid #e2e2e2;background: #f7f7f7; }

.gform_wrapper .gf_opties .ginput_container_radio { margin-top: 5px !important; }

.gform_wrapper .gfield_total .gfield_label { float: left; }
.gform_wrapper .ginput_total { float: left; line-height: 17px; margin: 0 0 0 10px !important; }
.gform_wrapper .gfield_total { float: left; width: 100%; margin-bottom: 20px; }
.gform_wrapper .gfield_total div.ginput_container { margin-top: 0 !important; }
.gform_wrapper .gf_prijs_none .ginput_container_singleproduct { display: none; }

.gform_wrapper .field_description_below .gfield_description { padding-top: 0px !important; }

.gform_wrapper .gform_button { background: #7c2776; transition: 500ms; color: #fff; border: none; padding: 10px 20px; font-size: 18px !important; cursor: pointer; }
.gform_wrapper .gform_button:hover { background: #000; }

#ui-datepicker-div { margin-top: 0 !important; }
body div#ui-datepicker-div[style] {  margin-top: 5px !important; }



/* lunch */
.lunchform .gform_wrapper { margin: 0; }
.lunchform .gform_wrapper ul.gform_fields { padding: 0; width: calc(100% + 16px); }
.lunchform .gform_wrapper ul.gform_fields li.gfield { margin-top:0; margin-bottom: 16px; float: left; clear: none; width: 100%; padding-right: 16px; list-style: none; }
.lunchform .gform_wrapper ul.gform_fields li.gfield > label { display: none; }
.lunchform .gform_wrapper ul.gform_fields li.gfield.gf_label > label { display: block; }
.lunchform .gform_wrapper ul.gform_fields li.gfield.gf_full { width: 100%; clear: both; }
.lunchform .gform_wrapper ul.gform_fields li.gfield.gf_half { width: 50%; clear: none; }

.lunchform .gform_wrapper ul.gform_fields li.gfield .ginput_container_time.gfield_time_hour { width: calc(50% + 10px); max-width: calc(50% + 10px); }
.lunchform .gform_wrapper ul.gform_fields li.gfield .ginput_container_time.gfield_time_hour input { width: calc(100% - 20px) !important; }
.lunchform .gform_wrapper ul.gform_fields li.gfield .ginput_container_time.gfield_time_minute { width: calc(50% - 10px); max-width: calc(50% - 10px); }
.lunchform .gform_wrapper ul.gform_fields li.gfield .ginput_container_time.gfield_time_minute input { width: 100% !important; }
.lunchform .gform_wrapper ul.gform_fields li.gfield .ginput_container_time > label  { display: none; }
.lunchform .gform_wrapper ul.gform_fields li.gfield .gfield_time_hour i { margin-top: 7%; margin-right: 5px; }
.lunchform .gform_wrapper ul.gform_fields li.gfield .ginput_container { margin: 0; }

.lunchform .gform_wrapper input[type=text], .lunchform .gform_wrapper input[type=tel], .lunchform .gform_wrapper input[type=email], .lunchform .gform_wrapper select, .lunchform .gform_wrapper textarea { border: 1px solid #e7e7e7; background: #f4f4f4; padding: 10px 15px !important; border-radius: 5px; display: block; width: 100% !important; font-size: 15px !important; }
.lunchform .gform_wrapper input[type=number] { padding: 10px !important; border: 1px solid #e7e7e7; background: #f4f4f4;border-radius: 5px;  font-size: 15px !important; }
/* .lunchform .gform_wrapper input[type=text]::placeholder, .lunchform .gform_wrapper select::placeholder, .lunchform .gform_wrapper textarea::placeholder {font-size: 13px; text-transform: none; color: #271e41; opacity: 0.4; font-weight: 600; letter-spacing: 2px; } */

.lunchform .gform_wrapper .gform_footer { position: relative; padding: 0 !important; margin: 0 !important; text-align: center; margin-top: -40px !important; margin-bottom: 50px !important; }
.lunchform .gform_wrapper .button { margin: 0 !important; border-radius: 5px; }
.lunchform .gform_wrapper .mk_button {padding: 15px 20px 15px 20px !important; cursor: pointer; border: 0; margin: 0 !important;}
.lunchform .gform_wrapper .mk_button:hover { padding: 15px 20px 15px 20px !important; border: 0; }

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

.lunchform textarea, .lunchform  input:not([type=checkbox]):not([type=radio]), .lunchform  select { -webkit-appearance: none; }

li.gfmc-column > ul { position: relative; }


a.lunchpdf {  margin-bottom: 20px; display: inline-block; background: #7c2776; border-radius: 5px; transition: 500ms; color: #fff; border: none; padding: 10px 20px; font-size: 18px !important; cursor: pointer; }
a.lunchpdf:hover { background: #000; }


/* gfield_price */
.lunchform .gform_wrapper ul.gform_fields li.gfield_price { max-width: 330px; padding-left: 34px; margin-bottom: 5px; }
.lunchform .gform_wrapper ul.gform_fields li.gfield_price .ginput_container_singleproduct { float: right; width: auto; clear: none; }
.lunchform .gform_wrapper ul.gform_fields li.gfield_price .gfield_description { float: left; width: auto; clear: none; font-size: 15px; }
.lunchform .gform_wrapper ul.gform_fields li.gfield_price .ginput_container_singleproduct span { display: none; }
.lunchform .gform_wrapper ul.gform_fields li.gfield_price input { padding: 4px 6px !important; background: #f4f4f4; border: 1px solid #e7e7e7; border-radius: 5px; text-align: center; }

.lunchform .gform_wrapper ul.gform_fields li.gf_keuze + li.gfield.gfield_price { padding-top: 10px; }

/* gf_maaltijd */
.lunchform .gform_wrapper ul.gform_fields li.gfield_price.gf_maaltijd {position: relative; max-width: 100%; padding: 10px 15px; width: calc(100% - 16px); margin-right: 16px; margin-top: 5px; background: #f4f4f4; border: 1px solid #e7e7e7; border-radius: 5px; }
.lunchform .gform_wrapper ul.gform_fields li.gfield_price.gf_maaltijd > label { width: calc(100% - 104px); display: block; font-size: 15px; font-weight: 700 !important; }
.lunchform .gform_wrapper ul.gform_fields li.gfield_price.gf_maaltijd .ginput_container  { width: 104px; position: absolute; top:0; right: 0; border-radius: 0 5px 5px 0; height: 100%; background-color: #fff; padding: 13px 20px; }
.lunchform .gform_wrapper ul.gform_fields li.gfield_price.gf_maaltijd .gfield_description { width: calc(100% - 104px); padding: 0; line-height: 1.4em; }
.lunchform .gform_wrapper ul.gform_fields li.gfield_price.gf_maaltijd input { padding: 8px 6px !important; }

/* ginput_container_total */
.lunchform .gform_wrapper ul.gform_fields li.gfield_price.gfield_total  { max-width: 100%; padding-left: 0; }
.lunchform .gform_wrapper ul.gform_fields li.gfield_price.gfield_total .ginput_container_total {float: right;  }
.lunchform .gform_wrapper ul.gform_fields li.gfield_price.gfield_total > label { float: left; font-weight: 700 !important; }
.lunchform .gform_wrapper ul.gform_fields li.gfield_price.gfield_total span.ginput_total { font-size: 20px; font-weight: 700; color: #000 }


/* sectie */
.lunchform .gform_wrapper ul.gform_fields li.sectiecenter.gfield_html { text-align: center; font-size: 20px; line-height: 1.8em; }
.lunchform .gform_wrapper ul.gform_fields li.sectiecenter.gfield_html .inner { max-width: 550px; margin: 0 auto; padding: 30px 0; }
.lunchform .gform_wrapper ul.gform_fields li.sectiecenter.gfield_html:nth-child(1) .inner { padding-top: 0; }
.lunchform .gform_wrapper ul.gform_fields li.sectiecenter.gfield_html strong { font-size: 24px; }
.lunchform .gform_wrapper ul.gform_fields li.sectiecenter.gfield_html h1, .lunchform .gform_wrapper ul.gform_fields li.sectiecenter.gfield_html h2 { padding-bottom: 10px; font-size: 50px; font-weight: 700; }

/* titel */
.lunchform .gform_wrapper ul.gform_fields li.titel.gfield_html h1, .lunchform .gform_wrapper ul.gform_fields li.titel.gfield_html h2 { font-size: 30px; font-weight: 700; width: auto; float: left; margin-right: 15px; padding-bottom: 0; }
.lunchform .gform_wrapper ul.gform_fields li.titel.gfield_html .prijs { background-color: #7c2776; display: inline-block;  padding: 10px 20px; border-radius: 50px; color: #fff; margin-top: -10px; margin-bottom: -15px; font-size: 26px; font-weight: 700; font-family: 'bebasreg', sans-serif; }
.lunchform .gform_wrapper ul.gform_fields li.titel.gfield_html .prijs span { font-size: 18px; float: right; letter-spacing: 1px; margin-left: 2px;  position: relative; top: -2px; }

.lunchform .gform_wrapper ul.gform_fields li.titel.gfield_html { margin-bottom: 0; }
.lunchform .gform_wrapper ul.gform_fields li.titel.gfield_html.top:not(:first-child) { margin-top: 20px; }

.lunchform .gform_wrapper ul.gform_fields li.sectiecenter.gfield_html h1 .prijs, .lunchform .gform_wrapper ul.gform_fields li.sectiecenter.gfield_html h2 .prijs { position: relative; top: -8px; margin-left: 10px; line-height: 1.3em; background-color: #7c2776; display: inline-block;  padding: 10px 20px; border-radius: 50px; color: #fff; margin-top: -10px; margin-bottom: -15px; font-size: 26px; font-weight: 700; font-family: 'bebasreg', sans-serif; }
.lunchform .gform_wrapper ul.gform_fields li.sectiecenter.gfield_html h1 .prijs span, .lunchform .gform_wrapper ul.gform_fields li.sectiecenter.gfield_html h2 .prijs span { font-size: 18px; float: right; letter-spacing: 1px; margin-left: 2px;  position: relative; top: -2px; }

.gfield_product_15_111 label {display: inline-block!important;}
.gfield_product_15_111 {padding-left: 0!important;}
/* gfmc-column */
.lunchform .gform_wrapper ul.gform_fields li.gfmc-column { padding: 30px 0; width: 47.25% !important;  }
.lunchform .gform_wrapper ul.gform_fields li.gfmc-row-1-column + li.gfmc-row-1-column { margin-left: 5.5% !important; }
.lunchform .gform_wrapper ul.gform_fields li.gfmc-row-2-column + li.gfmc-row-2-column { margin-left: 5.5% !important; }
.lunchform .gform_wrapper ul.gform_fields li.gfmc-row-3-column + li.gfmc-row-3-column { margin-left: 5.5% !important; }
.lunchform .gform_wrapper ul.gform_fields li.gfmc-row-4-column + li.gfmc-row-4-column { margin-left: 5.5% !important; }
.lunchform .gform_wrapper ul.gform_fields li.gfmc-row-5-column + li.gfmc-row-5-column { margin-left: 5.5% !important; }
.lunchform .gform_wrapper ul.gform_fields li.gfmc-row-6-column + li.gfmc-row-6-column { margin-left: 5.5% !important; }
.lunchform .gform_wrapper ul.gform_fields li.gfmc-row-7-column + li.gfmc-row-7-column { margin-left: 5.5% !important; }


.lunchform  .gfmc-column.gfmc-row-2-column.gfmc-row-2-col-1-of-2 { display: none; }
.lunchform .gform_wrapper ul.gform_fields li.gfmc-row-2-column + li.gfmc-row-2-column { float: none; margin: 0 auto !important; display: block; }
.lunchform .gform_wrapper ul.gform_fields li.gfmc-row-2-column + li.gfmc-row-2-column:after { content: ""; display: block; visibility: hidden; opacity: 0; clear: both; }


/* gf_keuzes! */
.gform_wrapper ul.gform_fields li.gfield.gf_keuze { margin-bottom: 0px; }
.gform_wrapper ul.gform_fields li.gfield.gf_keuze [type="radio"] + input { width: calc(100% - 16px) !important; padding: 10px !important; }
.gform_wrapper ul.gform_fields li.gfield.gf_keuze_hor li { float: left; width: auto; margin-right: 30px; }

.lunchform .gform_wrapper ul.gform_fields li.titel.gfield_html + li.gfield.gf_keuze { margin-top: 10px; }
.lunchform .gform_wrapper ul.gform_fields li.gf_keuze + li.gfield.gf_keuze > .ginput_container,
.lunchform .gform_wrapper ul.gform_fields li.gfield_price + li.gfield.gf_keuze > .ginput_container { border-top: 1px solid #e7e7e7; padding-top: 10px; margin-top: 10px; }

/*Default styles for Gravity Forms single-column-form class*/
li.gfield.gf_keuze ul.gfield_checkbox li input[type=checkbox]:checked+label,li.gfield.gf_keuze ul.gfield_checkbox li input[type=checkbox]:not(:checked)+label { margin-left:19px; font-weight: 400;font-size: 15px; }

/*Custom subscribe box for li.gfield.gf_keuze class*/
li.gfield.gf_keuze [type="checkbox"]:not(:checked), li.gfield.gf_keuze [type="checkbox"]:checked { position: absolute!important; left: -9999px; }

li.gfield.gf_keuze [type="checkbox"]:not(:checked) + label, li.gfield.gf_keuze [type="checkbox"]:checked + label { position: relative!important; padding-left: 1.0em !important; cursor: pointer!important; }

li.gfield.gf_keuze [type="checkbox"]:not(:checked) + label:before, li.gfield.gf_keuze [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: -17px; top: 2px; width: 19px; height: 19px; background: #f6f6f6; box-shadow: inset 0 1px 3px rgba(0,0,0,.1); padding: 2px;border-radius: 2px; }
li.gfield.gf_keuze [type="checkbox"]:not(:checked) + label:after, li.gfield.gf_keuze [type="checkbox"]:checked + label:after { content: '';position: absolute; width: 11px;height: 11px;top: 6px;left: -13px;font-size: 1.3em;line-height: 0.8; background-color: #7c2776; transition: all .2s; border-radius: 2px; }

/* checked mark aspect changes */
li.gfield.gf_keuze [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); }

li.gfield.gf_keuze [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); }

/* disabled checkbox */
li.gfield.gf_keuze [type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {box-shadow: none; border-color: #bbb; background-color: #ddd; }

li.gfield.gf_keuze [type="checkbox"]:disabled:checked + label:after { color: #999; }
li.gfield.gf_keuze [type="checkbox"]:disabled + label { color: #aaa; }



/* radio */
li.gfield.gf_keuze ul.gfield_checkbox li input[type=radio]:checked+label,li.gfield.gf_keuze ul.gfield_checkbox li input[type=radio]:not(:checked)+label { margin-left:19px; font-weight: 400; font-size: 15px; }
  
/*Custom subscribe box for li.gfield.gf_keuze class*/
li.gfield.gf_keuze [type="radio"]:not(:checked), li.gfield.gf_keuze [type="radio"]:checked { position: absolute!important; left: -9999px; }
li.gfield.gf_keuze [type="radio"]:not(:checked) + label, li.gfield.gf_keuze [type="radio"]:checked + label { position: relative!important; padding-left: 1.0em !important;  cursor: pointer!important; margin-left: 19px; font-size: 15px; }
li.gfield.gf_keuze [type="radio"]:not(:checked) + label:before, li.gfield.gf_keuze [type="radio"]:checked + label:before { content: ''; position: absolute; left: -17px; top: 2px; width: 19px; height: 19px; background: #f6f6f6; box-shadow: inset 0 1px 3px rgba(0,0,0,.1); padding: 2px; border-radius: 2px; }
li.gfield.gf_keuze [type="radio"]:not(:checked) + label:after, li.gfield.gf_keuze [type="radio"]:checked + label:after { content: ''; position: absolute; width: 11px; height: 11px; top: 6px; left: -13px; font-size: 1.3em; line-height: 0.8; background-color: #7c2776; transition: all .2s; border-radius: 2px; }

/* checked mark aspect changes */
li.gfield.gf_keuze [type="radio"]:not(:checked) + label:after { opacity: 0; transform: scale(0); }
li.gfield.gf_keuze [type="radio"]:checked + label:after { opacity: 1; transform: scale(1); }

/* disabled checkbox */
li.gfield.gf_keuze [type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before { box-shadow: none; border-color: #bbb; background-color: #ddd; }

li.gfield.gf_keuze [type="radio"]:disabled:checked + label:after {  color: #999; }
li.gfield.gf_keuze [type="radio"]:disabled + label {  color: #aaa; }


/* gf_betaling_text  */
.gf_betaling_text { font-size: 13px; }

.gf_bezorgen li { float: left; margin-right: 20px !important; font-size: 14px; }
.gf_bezorgen .gfield_description { font-size: 13px !important; }


/* radio */
li.gfield.gf_bezorgen ul.gfield_checkbox li input[type=radio]:checked+label,li.gfield.gf_bezorgen ul.gfield_checkbox li input[type=radio]:not(:checked)+label { margin-left:19px; font-weight: 400; font-size: 15px; }
  
/*Custom subscribe box for li.gfield.gf_bezorgen class*/
li.gfield.gf_bezorgen [type="radio"]:not(:checked), li.gfield.gf_bezorgen [type="radio"]:checked { position: absolute!important; left: -9999px; }
li.gfield.gf_bezorgen [type="radio"]:not(:checked) + label, li.gfield.gf_bezorgen [type="radio"]:checked + label { position: relative!important; padding-left: 1.0em !important;  cursor: pointer!important; margin-left: 19px; font-size: 15px; }
li.gfield.gf_bezorgen [type="radio"]:not(:checked) + label:before, li.gfield.gf_bezorgen [type="radio"]:checked + label:before { content: ''; position: absolute; left: -17px; top: 2px; width: 19px; height: 19px; background: #f6f6f6; box-shadow: inset 0 1px 3px rgba(0,0,0,.1); padding: 2px; border-radius: 100px; }
li.gfield.gf_bezorgen [type="radio"]:not(:checked) + label:after, li.gfield.gf_bezorgen [type="radio"]:checked + label:after { content: ''; position: absolute; width: 11px; height: 11px; top: 6px; left: -13px; font-size: 1.3em; line-height: 0.8; background-color: #7c2776; transition: all .2s; border-radius: 100px; }

/* checked mark aspect changes */
li.gfield.gf_bezorgen [type="radio"]:not(:checked) + label:after { opacity: 0; transform: scale(0); }
li.gfield.gf_bezorgen [type="radio"]:checked + label:after { opacity: 1; transform: scale(1); }

/* disabled checkbox */
li.gfield.gf_bezorgen [type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before { box-shadow: none; border-color: #bbb; background-color: #ddd; }

li.gfield.gf_bezorgen [type="radio"]:disabled:checked + label:after {  color: #999; }
li.gfield.gf_bezorgen [type="radio"]:disabled + label {  color: #aaa; }



/* Shiftnav */
#shiftnav-toggle-main { background:#fff !important; color: #fff !important; }
#shiftnav-toggle-main-button { font-size: 25px; padding: 20px 10px !important; }
#shiftnav-toggle-main-button i:before { content: "\f0c9"; font-family: "Font Awesome 5 Free"; color: #7c2776; font-weight: 900; }
.shiftnav-main-toggle-content { padding: 12px !important; }
.shiftnav-main-toggle-content img { float: left; max-height: 50px; max-width: 80%; }

.shiftnav { z-index: 99999999 !important; }
.shiftnav-name { line-height: 0 !important; }
.shiftnav-inner { background-color: #fff !important; }
.shiftnav .shiftnav-menu-title a { color: #7c2776 !important; }
.shiftnav .shiftnav-menu-image { text-align: center; padding: 0 !important; }
.shiftnav .shiftnav-menu-image img { margin: 0 auto; max-width: 200px !important; }

.shiftnav ul.shiftnav-menu > li.menu-item:first-child > .shiftnav-target {border-top: 0 !important;}
.shiftnav ul.shiftnav-menu > li.menu-item > .shiftnav-target { padding: 10px 25px !important; color: #000; background-color: #fff !important; border-top: 0 !important; border-bottom: 0 !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: #7c2776 !important;}

.shiftnav .sub-menu li {border-bottom: 0 !important;}
.shiftnav .sub-menu li a.shiftnav-target {color: #7c2776;}
.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: #7c2776 !important;}
.shiftnav ul.shiftnav-menu li.menu-item .sub-menu .shiftnav-target { padding: 10px 25px 10px 35px !important; }

.shiftnav-inner iframe {display: block;}

.shiftnav-inner #et-info { float: right; width: 100%; margin: 0; text-align: center; }
.shiftnav-inner #et-info span, .shiftnav-inner #et-info a { color: #000; display: block; margin-bottom: 8px; }
#et-info-email::before { color: #7c2776; }
#et-info-phone::before { color: #7c2776; }

#shiftnav-toggle-main { display: none !important; }



/*Footer*/
#main-footer .footerafbeelding {position: absolute; right: 0px; bottom: -22px; max-width: 23%;}
#main-footer{background-color: #000 !important; background-image: url('images/footerbg.png')!important; background-position: center; background-repeat: no-repeat; }
#main-footer h4 {color:#fff !important; font-family: 'bebasreg'; font-size: 30px;}
#footer-widgets a{ color: #fff !important;}
#footer-bottom{background: #fff; border-top: 1px solid #fff; -moz-box-shadow:inset 0px 5px 15px rgba(0, 0, 0, 0.5); -webkit-box-shadow:inset 0px 5px 15px rgba(0, 0, 0, 0.5); box-shadow:inset 0px 5px 15px rgba(0, 0, 0, 0.5);}
#footer-widgets {padding-top: 30px;}
.leftborder {border-left: 1px solid rgba(255, 255, 255, 0.3); padding-left: 10px; }
#footer-info {color: #000;}
#footer-info a {color: #000;}


/* Large screens (1405px upwards) */
@media only screen and ( min-width: 1405px ) {
    /* your css goes here */
}

/* Laptops and desktops (1100-1405px) */
@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) {
    /* your css goes here */
}

/* Tablets in landscape mode (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {
    /* your css goes here */
}

/* Tablets in portrait mode (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {

    .et_mobile_menu {top: 62px;}
    #main-header, #main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu{background-color: rgba(255, 255, 255, 1) !important;}
    .arrangement h3 {margin-top: 0;}
    .arrangement img {position: relative;}
    .arragementprijs {position: relative; margin-left: 10px; margin-bottom: 25px;}
    .arrangementen {height:1500px;}
    #events h3 {margin-top: 0}
    .studioarrangement {min-height: 50px;}
    .buffetarrangement {min-height: 50px;}
.bbqarrangement {min-height: 50px;}
.et_pb_slide_image img {display: none;}

#uitvaart .et_pb_column {width: 100%;}

.noabertitel {
    position: absolute;
    right: 0;
    top: 0;
    width: 313px;
}
}


@media only screen and ( max-width: 980px ) {
    .bbqafbeelding { position: relative; top: 0; max-width: 100%; left: inherit; margin-bottom: 30px !important; }
    .bbqafbeelding img { max-width: 550px; width: 100%; }
    .feestje1 .et_pb_column_1_2 img { margin-top: 0; }
    .bbq2 .et_pb_column:first-child { margin-bottom: 60px; }
    .bbq2.et_pb_section { padding-bottom: 0 !important; }
    .bbqintrotekst { margin-left: -15px; margin-right: -15px;  }

    body .lunchform .gform_wrapper ul.gform_fields li.gfmc-column:nth-child(n) { width: 100% !important; margin-left: 0 !important; padding: 10px 0; }

    #main-header #shiftnav-toggle-main-button { display: block; float: right; }  
    #et_mobile_nav_menu { display: none !important; }
    #et-top-navigation { display: none !important; }


    .lunchform .gform_wrapper .gform_footer { margin-top: -30px !important; margin-bottom: 30px !important; }
    .gf_betaling_text { bottom: -30px; }
}

@media only screen and ( max-width: 767px ) {
	.bbqintrotekst { margin-top: 0; }
    .home .ontourbbq { display: none !important; }
}

/* Smartphones in landscape mode (480-768px) */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
      #referentie .et_pb_slides .et_pb_slide .et_pb_container .et_pb_slide_description {padding: 70px 0px;}
          .et_fixed_nav #logo {top: 0px;}
          .et_mobile_menu {top: 41px;}
           #main-header, #main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu{background-color: rgba(255, 255, 255, 1) !important;}
           #business {height: 400px;}
           .businesslogo .et_pb_slides .et_pb_slide .et_pb_container .et_pb_slide_description {padding: 100px 0px;}
           .arrangement h3 {margin-top: 0;}
    .arrangement img {position: relative;}
    .arragementprijs {position: relative; margin-left: 10px; margin-bottom: 25px;}
    .arrangementen {height:1500px;}
    .studioarrangement {min-height: 50px;}
    .buffetarrangement {min-height: 50px;}
.bbqarrangement {min-height: 50px;}

#uitvaart .et_pb_column {width: 100%;}
.noabertitel {display: none;}
}

@media only screen and ( max-width: 640px ) {
  .lunchform .gform_wrapper ul.gform_fields li.sectiecenter.gfield_html h2 { font-size: 40px; word-wrap: normal; }
  .lunchform .gform_wrapper ul.gform_fields li.sectiecenter.gfield_html h2 .prijs { top: 0; margin: 10px auto 0; display: inline-block; clear: both; }

  .gf_betaling_text { position: relative; bottom: 0; }
}

/* Smartphones in portrait mode (0-479px) */
@media only screen and ( max-width: 479px ) {
    .et_fixed_nav #logo {top: 0px;}
    .et_mobile_menu {top: 41px;}
    .mobile_menu_bar {padding-bottom: 0 !important;}
    #main-header, #main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu{background-color: rgba(255, 255, 255, 1) !important;}
    .et_pb_slide_description {display: none;}
    #business {display: none;}
    #pluspunten {padding: 0px 0 0 0;}

    /* h1 {margin-top: 165px !important;} */

    .arrangement h3 {margin-top: 0;}
    .arrangement img {position: relative;}
    .arragementprijs {position: relative; margin-left: 10px; margin-bottom: 25px;}
    .arrangementen {height:1500px;}
    #events h3 {margin-top: 0}
    .studioarrangement {min-height: 50px;}
    .buffetarrangement {min-height: 50px;}
  .bbqarrangement {min-height: 50px;}
  #AchtergrondSlide {display: none;}

  #page-container {padding-top: 0px !important;}

  #et-info-email{width: 100%; float: left; padding-top: 10px; font-size: 16px;}
  #et-info-phone{width: 100%; float: left; font-size: 16px;}
  .et_mobile_menu{top: 0px; position: relative; width: 100%; padding: 0px;}
  #et-top-navigation{float: left; width: 100%; padding: 10px; box-sizing: border-box; padding-left: 0 !important;}
  #et_mobile_nav_menu, .et_mobile_nav_menu{float: none;}
  #main-header #et_mobile_nav_menu{text-align: center;  padding-top: 6px;  border: 1px solid #000;}
  #main-header, #top-header {position: relative!important; top: 0!important;}
  #main-header .container {text-align: center;}
  .et_fixed_nav #logo {position: relative; height: auto; width: auto;}
  .et-fixed-header #logo  {  height: 100%;}
  .mobile_nav:before { content:'Klik om te openen'; vertical-align:top; line-height:2.2em; color: #000}

  #uitvaart .et_pb_column {width: 100%;}
  .noabertitel {display: none;}

  .feestjepage h1, .bbqpage h1 { margin-top: 0 !important; }

  .home .et_pb_slide_with_image .et_pb_slide_description {     display: block !important; }

  .bbq2 table td { display: block; }
  .bbq2 table tr { display: block; padding-bottom: 10px; }
  .bbq2 table { margin-top: 0; }

  .page-template-landingspagina h1 {margin-top: 0 !important;}
  .page-template-landingspagina .header {height:100px;}
  .page-template-landingspagina .gallery {flex-direction: column; height:100vh}
  .page-template-landingspagina .bgstroke {height:50px}


  .lunchform .gform_wrapper ul.gform_fields li.gfield { width: 100% !important; }
  .lunchform .gform_wrapper ul.gform_fields li.gfield_price.gf_maaltijd { width: calc(100% - 16px) !important; }
  .lunchform .gform_wrapper ul.gform_fields li.sectiecenter.gfield_html h2 { font-size: 27px; }
  .lunchform .gform_wrapper ul.gform_fields li.titel.gfield_html h1, .lunchform .gform_wrapper ul.gform_fields li.titel.gfield_html h2 { font-size: 24px; }
}

@media only screen and ( max-width: 379px ) {
  .lunchform .gform_wrapper ul.gform_fields li.gfield_price { padding-left: 0; }
  .lunchform .gform_wrapper ul.gform_fields li.gfield_price.gf_maaltijd .ginput_container { width: 84px; padding: 13px 10px; }
  .lunchform .gform_wrapper ul.gform_fields li.gfield_price.gf_maaltijd > label { word-wrap: normal; }
}





/* bistro */
.bistroform .min { color: #74236f; display: inline-block; padding:6px; font-size: 18px; cursor: pointer; }
.bistroform .plus { color: #74236f;  display: inline-block; padding: 6px; font-size: 18px; cursor: pointer; }


.bistroform .gform_wrapper ul.gform_fields li.gfield_price.gf_maaltijd .ginput_container { padding: 10px 5px; }
.bistroform .gform_wrapper ul.gform_fields li.gfield_price.gf_maaltijd input { line-height: 1.5em !important; display: inline-block; border: 0; -webkit-appearance: none; width: 40px !important; padding: 5px !important; -moz-appearance: textfield; appearance: textfield;
    margin: 0 !important; }

    .bistroform    input::-webkit-outer-spin-button,
    .bistroform  input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}





.bistroform .overzicht_bestelling { float: left; width: 100%; border-bottom: 1px solid #000; padding-bottom: 5px; margin-bottom: 10px; } 
.bistroform .overzicht_bestelling .item { float: left; width: 100%; }

.bistroform .overzicht_bestelling .item .titel { float: left; width: 60%; }
.bistroform .overzicht_bestelling .item .aantal { float: left; width: 15%; text-align: right; }
.bistroform .overzicht_bestelling .item .price { float: left; width: 25%; text-align: right; font-weight: 700; }


.bistroform .overzicht_bestelling_head { float: left; width: 100%; padding-top: 15px; }
.bistroform .overzicht_bestelling_head .titel { float: left; width: 60%; font-weight: 700;  }
.bistroform .overzicht_bestelling_head .aantal { float: left; width: 15%; text-align: right; font-weight: 700;  }
.bistroform .overzicht_bestelling_head .price { float: left; width: 25%; text-align: right; font-weight: 700; }


.bistrofotos img:not(:first-child) { margin-top: 20px; }

.headerbistro { background-color: #fbfbfb !important; }
.headerbistro .et_pb_row:first-child .et_pb_module  { text-align: center; font-size: 20px; }
.headerbistro .et_pb_row:first-child .et_pb_module h1 { font-size: 50px; padding-bottom: 10px; }

.bistroform .gform_wrapper ul.gform_fields li.gfield_price.gf_maaltijd .ginput_container { width: 99px; }
.bistroform .gform_wrapper ul.gform_fields li.gfield_price.gf_maaltijd.less .ginput_container { padding: 0px 5px;  }
.bistroform .gform_wrapper ul.gform_fields li.gfield_price.gf_maaltijd.gf_null .ginput_container { text-align: center; }


.bistroform .gform_wrapper ul.gform_fields li.gfmc-column.gfmc-row-2-column { width: 100% !important; padding-bottom: 0; }
.bistroform .gform_wrapper ul.gform_fields li.gfmc-column.gfmc-row-2-column .inner { padding: 0; }
.bistroform .gform_wrapper ul.gform_fields li.gfmc-column.gfmc-row-2-column ul { padding: 0; }


.bistroform .gform_wrapper ul.gform_fields li.gfmc-row-3-column > ul > li { float: right; max-width: 377px !important; margin-right: 0 !important; }
.bistroform .gform_wrapper ul.gform_fields li.gfmc-row-3-column + li.gfmc-row-3-column > ul > li  { float: left; }

.bistroform .gform_wrapper ul.gform_fields li.gfmc-row-3-column > ul > li.gfield_html { padding: 0; }

.gf_datums > label { padding: 15px 0 10px; }
.bistroform  .info { font-style: italic; padding-bottom: 25px; margin-top: -5px; }


@media only screen and ( max-width: 980px ) {


    .bistroform .gform_wrapper ul.gform_fields li.gfmc-row-3-column > ul > li { float: none !important; display: block !important; margin: 0 auto 5px auto !important; }

}

@media only screen and ( max-width: 479px ) {

    .lunchform .gform_wrapper ul.gform_fields li.gfmc-row-3-column li.gfield_price.gf_maaltijd { width: 100% !important;  }


    .bistroform .overzicht_bestelling_head .titel { width: 55%; }
    .bistroform .overzicht_bestelling_head .aantal { width: 20%; } 
}