/*
Theme Name: NH-foodgroup
Theme URI: http://www.in10.nl
Author: Ivo Metz
Author URI: http://www.in10.nl
Description:
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

html,
button,
input,
select,
textarea {
    color: #222;
}

textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
     -webkit-appearance: none;
     border-radius: 0;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

body {
    font: 16px/26px Helvetica, Helvetica Neue, Arial;
}

.wrapper {
    width: 90%;
    margin: 0 5%;
}

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}

/* ==========================================================================
   All
   ========================================================================== */

html,body{
    padding:0;
    margin:0;
	height:100%;
}


/* ==========================================================================
   Custom fonts
   ========================================================================== */

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

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

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

/* ==========================================================================
   Fonts
   ========================================================================== */

h1,h2,h3,h4{
    margin:0;
    padding:0;
    font-weight:normal;
}


h1, h1 a{
    font-family: 'gothamlight';
    text-transform:uppercase;
}

h1{
    font-size:30px;
    line-height:30px;
}

h1.small{
    font-size:25px;
    line-height:29px;
    margin-bottom:20px;
}

p, button, a, ul, li{
    font-family: 'gothambook';
	font-weight:normal;
}

h2{
	font-family: 'gothammedium';
	font-weight:normal;
    font-size:22px;
	line-height:29px;
    text-transform:uppercase;
	margin-bottom:25px;
}

p,a,ul,li{
    font-size:14px;
    line-height:22px;
}

button{
    font-size:14px;
}



h3{
    font-family: 'gothamlight';
    text-transform:uppercase;
    font-size:25px;
	line-height:29px;
    margin-bottom:5px;
}

h4{
    font-family: 'gothammedium';
	margin-bottom:10px;
    font-size:18px;
	line-height:21px;
}

label{
	font-family: 'gothammedium';
	font-size:14px;
	font-weight:normal;
}



@media only screen and (min-width: 640px) {
    h1{
        font-size:60px;
        line-height:60px;
    }
}

/* ==========================================================================
   Button & Links
   ========================================================================== */

a{
    text-decoration:none;
}

a:hover{
    text-decoration:underline;
}

a.button:hover{
    text-decoration:none;
}

ul{
	margin:0;
	padding:0;
	margin-bottom:25px;
}

li{
	list-style:none;
}

button, .button, #reserveren .wpcf7-submit {
	font-family: 'gothammedium';
	font-size:14px;
	font-weight:normal;
	background:#000;
	padding:16px 30px;
	color:#FFF;
	border:1px solid #000;
	outline:none;
	transition: all ease 500ms
}

button:hover, .button:hover, #reserveren .wpcf7-submit:hover {
	/*opacity: 0.8;*/
	background-color: #000 !important;
	border-color: #000 !important;
}

.button.inverted{
    color:#000;
    background:#FFF;
    border:1px solid #FFF;
}

.no-margin{
    margin:0;
}

/* ==========================================================================
   Colours
   ========================================================================== */

.bg{
    background:#151c36;
    color:#FFF;
}

.bg a{
	color:#FFF;
}

.bg-dark{
    background:#0e142a;
    color:#FFF;
}

.bg-dark a{
	color:#FFF;
}

.bg-light{
    background:rgba(255,255,255,0.05);
    color:#FFF;
}

.bg-light a{
    color:#FFF;
}

.highlight{
    color:#ec1e62;
}

a.highlight{
    color:#ec1e62;
}


/* ==========================================================================
   Header
   ========================================================================== */


header{
    position:fixed;
    width:100%;
    height:65px;
    overflow:visible;
    z-index:99999;
    backface-visibility: hidden;
	text-align:center;
	top: 0;
}

header ul{
    margin:0;
    padding:0;
    width:100%;
    position:relative;
    top:0px;

    background:#0c142a;
    display:none;
}

header ul li{
    margin:0;
    padding:0;
    list-style:none;
}

header ul li a{
    width:100%;

    padding-top:10px;
    padding-bottom:10px;

    display:block;
    text-decoration:none !important;

    background:#FFF;
    color:#0c142a;

    text-transform:uppercase;

    padding-top:15px;
    padding-bottom:15px;

    -webkit-transition: color 250ms ease-in;
    -moz-transition: color 250ms ease-in;
    -ms-transition: color 250ms ease-in;
    -o-transition: color 250ms ease-in;
    transition: color 250ms ease-in;
}

header ul li a:hover{
    color:#ec1e62;
}


header.open ul{
    display:block;
}

#logo{
    pointer-events:none;
}

#logo img{
	display:block;
	margin:0 auto;
	margin-top:5px;
	text-align:center;
	padding-bottom:10px;
    height:45px;
}

.seperator{
	display:none;
	height:1px;
	width:30px;
	background:rgba(255,255,255,0.1);
}

.header{
    height:360px;
}

.sub-mode li a{
    opacity:0.2;
}

.sub-menu{
    top:0;
}

.sub-menu li a{
    padding-top:0px;
    font-size:12px;
    line-height:normal;
    opacity:1;
}

.sub-mode li a.has-sub{
    opacity:1;
}

.sub-mode li a:hover{
    opacity:0.5;
    color:#FFF;
}

.sub-mode .sub-menu li a:hover{
    opacity:1;
    color:#ec1e62;
}

.sub-mode li a.highlight:hover{
    opacity:1;
    color:#ec1e62;
}


@media only screen and (min-width: 640px) {
    header{
        top:0;
        left:0;
        width:260px;
        min-height:100%;
    }

    header ul{
        display:block;
        top:10px;
    }

    header ul li a{
        background:none;
        color:#FFF;
    }

    .header{
        height:625px;
    }

    #map-header.header{
        height:425px;
    }

    #logo{
        margin: 0 auto;
        padding-top: 50px;
        padding-bottom: 20px;
        max-width: 200px;
        height: auto;
        display: block;
        text-align: center;
    }

    #logo img{
        max-width:100%;
        height:auto;
    }

    .seperator{
	    display:inline-block;
    }
}


/* ==========================================================================
   Main
   ========================================================================== */

#main-wrap{
	padding-top: 114px;
}
.res-open #main-wrap{
	padding-top: 0;
}

.center-wrap{
    width:90%;
    margin-left:5%;
}

@media only screen and (min-width: 640px) {
	.left-wrap{
		width:90%;
		margin: 0 0 0 5%;
	}
}

.text-page{
	padding-top:25px;
}

hr{
	margin-top:40px;
	margin-bottom:10px;
	border-color:rgba(255,255,255,0.1);
}

.split-wrap{
	width:100%;
	float:left;
	margin-bottom:40px;
}

.split-wrap p{
	max-width:90%
}

.float-right{
	float:right;
    position: relative;
    z-index: 1000;
}

.float-center{
	text-align:center;
}

@media only screen and (min-width: 640px) {

    .split-wrap{
	    width:320px;
    }

    #main-wrap{
        margin-left:260px;
        padding-top:0px;
    }

    .center-wrap{
        position:relative;
        max-width:896px;
        margin:0 auto;
    }

    .left-wrap{
        position:relative;
        max-width:625px;
        margin:0;
        margin-bottom:15px;
    }

	.text-page{
		padding-top:70px;
	}
}

@media only screen and (min-width: 1250px) {

    .left-wrap{
       margin-bottom:65px;
    }

}


/* ==========================================================================
   Faq
   ========================================================================== */

#map-header{
	position:relative;
	overflow:hidden;
	height: 260px;
}

#map-header .sliding-img{
	position:absolute;
    display:block;
    width:100%;
    height:120%;
    background:url('img/map.jpg') no-repeat;
	background-position:center 30%;
    background-size:cover;
}


.faq{

}

.faq ol li .toggle-arrow{
	background:url('img/arrow.svg') no-repeat;
	background-size:100% 100%;
	width:20px;
	height:15px;
	display:block;
	position:absolute;
	top:0px;
	right:0px;
	opacity:0.25;

	transform:rotate(90deg) rotateY(0deg);
	-moz-transform:rotate(90deg) rotateY(0deg);
	-ms-transform:rotate(90deg) rotateY(0deg);
	-o-transform:rotate(90deg) rotateY(0deg);
	-webkit-transform:rotate(90deg) rotateY(0deg);

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;

	-webkit-transform-origin:center center;
	-moz-transform-origin:center center;
	-o-transform-origin:center center;
	transform-origin:center center;

	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}

.faq ol li .toggle-arrow svg{
	width:100%;
	height:100%;
	margin-bottom:5px;
}

.faq ol li.open .toggle-arrow{
	opacity:1;
	transform:rotate(90deg) rotateX(180deg);
	-moz-transform:rotate(90deg) rotateX(180deg);
	-ms-transform:rotate(90deg) rotateX(180deg);
	-o-transform:rotate(90deg) rotateX(180deg);
	-webkit-transform:rotate(90deg) rotateY(180deg);
}

.faq h3{
	margin-bottom:60px;
	text-transform:uppercase;
}

.faq ol{
	margin:0;
	padding:0;
	margin-left:20px;
	margin-bottom:65px;
}

.faq ol li{
	position:relative;
	list-style:decimal;
	font-family: 'gothambook';
	font-weight:normal;
	font-size:18px;
	line-height:22px;
	padding-left:8px;
}

.faq h4{
	font-family: 'gothambook';
	font-weight:normal;
	font-size:18px;
	line-height:22px;
	margin-bottom:0px;
	cursor: pointer;
}

.faq ol li.open h4{
	color:#ec1e62;
}

.faq ol li p{
	margin-top:5px;
	margin-bottom:15px;
	height:0;
	overflow:hidden;
}

.faq ol li.open p{
	margin-top:5px;
	display:block;
	height:auto;
	margin-bottom:50px;
}


.faq .float-center{
	margin-bottom:20px;
}


/*
#stel-een-vraag .form-wrap{
	padding-top:10px;
	display:none;
}

#stel-een-vraag .form-wrap form{
	margin-top:40px;
}

#stel-een-vraag p{
	width:90%;
}

.form-wrap .row-section{
	display:block;
	margin-top:10px;
}

.form-wrap .row-wrap{
	display:block;
}

.form-wrap .row-wrap label{
	width:160px;
	display:inline-block;
}

.form-wrap .row-wrap input, .form-wrap .row-wrap textarea{
	margin-bottom:20px;
	padding:15px;
}

.form-wrap .row-wrap input[type="text"]{
	width:300px;
}



@media only screen and (min-width: 640px) {

    #stel-een-vraag{
        padding:40px;
        padding-top:35px;
        margin-bottom:30px;
    }

	.form-wrap button{
		margin-left:160px;
	}
}

*/

/* ==========================================================================
   Menukaart
   ========================================================================== */


.menukaart-header{
   /* background:url('img/menukaart.jpg') top center;
    background-size:110%; */
    position:relative;
    overflow:hidden;
    height:350px;
}

.menukaart-header .sliding-img{
    position:absolute;
    display:block;
    width:100%;
    height:120%;
}

.menukaart-header .button.pdf{
    position:absolute;
    right:0;
    top:170px;
    text-transform:uppercase;
    z-index:1000000;
}

@media only screen and (min-width: 1024px) {
	.menukaart-header .button.pdf {
		top: 60px;
	}
}

.menukaart-header .scale-in{
    opacity:1;
    -webkit-transform: scale(1.1);

    -moz-animation-name: dropHeader;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-out;
    -moz-animation-duration: 3.75s;

    -webkit-animation-name: dropHeader;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: 3.75s;

    animation-name: dropHeader;
    animation-iteration-count: once;
    animation-timing-function: ease-out;
    animation-duration: 3.75s;
}

@-moz-keyframes dropHeader {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1.1);
    }
}
@-webkit-keyframes dropHeader {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1.1);
    }
}
@keyframes dropHeader {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1.1);
    }
}






.menukaart-header .center-wrap{
     z-index:9000;
}

.menukaart-header h1{
    position:relative;
    top:60px;
    height:100%;
}

.menukaart-header h1 a{
    position:absolute;
    top:0;
    color:#FFF;
    display:block;
    text-decoration:none;

    font-size:30px;
    line-height:30px;
}



.menukaart-gang{
    position:relative;
    padding-top:25px;
    padding-bottom:35px;
    text-align:center;
}

.menukaart-gang ul{
    margin:0;
    padding:0;
    text-align:left;
}

.menukaart-gang ul li{
    position:relative;
    margin:0;
    padding:0;
    list-style:none;
    width:46%;
    /*float:left;*/
    width:100%;
    margin:0;

    display: inline-block;
    vertical-align: top;
}

.menukaart-ganglabel{

    color:#151c36;
    height:50px;

    position:relative;
    display:inline-block;
    top:-75px;

    margin:0 auto;

}

.menukaart-ganglabel h2{
    font-size:14px;
    font-family: 'gothammedium';
    line-height:50px;
    display:inline-block;
    background:#FFF;
    padding-left:20px;
    padding-right:20px;
}

.menukaart-ganglabel h2.gerecht-label{
    background:rgba(255,255,255,0.5) url(img/label-arrow.png) left center no-repeat;
    display:none;
}

.menukaart-gang ul li h3{
    font-size:18px;
    font-family: 'gothambook';
    max-width:175px;
}

.menukaart-gang ul li .price{
    position:absolute;
    top:5px;
    right:0;
    font-size:25px;
    font-family: 'gothambook';
}

.menukaart-gang ul li p{
    border-top:1px solid rgba(255,255,255,0.1);
    padding-top:14px;
    margin-bottom:50px;
}

.menukaart-header .center-wrap p{
    position:absolute;
    bottom:0;
    max-width:100%;
    opacity:1;

    text-transform:uppercase;

    -moz-animation-name: fadeIn;
    -moz-animation-iteration-count: once;
    -moz-animation-timing-function: ease-out;
    -moz-animation-duration: 2s;

    -webkit-animation-name: fadeIn;
    -webkit-animation-iteration-count: once;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: 2s;

     animation-name: fadeIn;
     animation-iteration-count: once;
     animation-timing-function: ease-out;
     animation-duration: 2s;
}

.menukaart-header .menu-uitleg{
    position: absolute;
    bottom: 75px;
    left: 5%;
}

.menukaart-header .gradient{
    height:150px;
}

.menukaart-gang .sub-titel{
    margin:0;
    padding:0;
    position:relative;
    top:-30px;
    padding: 5px;
    color: rgba(255,255,255,0.25);
    font-family:'gothambook';
    font-size:16px;
}

.hide-mobile{
    display:none;
}
.show-mobile{
    display: block;
}

@media only screen and (min-width: 460px) {

   .menukaart-gang ul li h3{
        max-width:250px;
   }

}


@media only screen and (min-width: 640px) {
    .menukaart-header{
        height:475px;
    }

    .menukaart-header h1 {
        width:100%;

        height:200px;

        -moz-animation-name: revealTitle;
        -moz-animation-iteration-count: once;
        -moz-animation-timing-function: ease-out;
        -moz-animation-duration: 1.75s;

        -webkit-animation-name: revealTitle;
        -webkit-animation-iteration-count: once;
        -webkit-animation-timing-function: ease-out;
        -webkit-animation-duration: 1.75s;

        animation-name: revealTitle;
        animation-iteration-count: once;
        animation-timing-function: ease-out;
        animation-duration: 1.75s;

        overflow:hidden;
    }

    .menukaart-header h1 a{
        max-width:510px;
        font-size:auto;
        width:1000px;
    }

    .menukaart-header h1 a, .menukaart-header h1 {
        font-size:60px;
        line-height:60px;
    }

    .hide-mobile{
        display:block;
    }
    .show-mobile{
        display: none;
    }

    .menukaart-ganglabel h2.gerecht-label{
        display:inline-block;
    }

    .menukaart-gang .sub-titel{
         padding: 25px;
    }

}

@media only screen and (min-width: 1025px) {

    .menukaart-header h1 a{
        max-width:675px;
    }

    .menukaart-header .center-wrap p{
        max-width:65%;
    }

}



@-moz-keyframes revealTitle {
    0% {
        width:0%;
    }
    50% {
        width:0%;
    }
    100% {
        width:100%;
    }
}
@-webkit-keyframes revealTitle {
    0% {
        width:0%;
    }
    50% {
        width:0%;
    }
    100% {
        width:100%;
    }
}
@keyframes revealTitle {
    0% {
        width:0%;
    }
    50% {
        width:0%;
    }
    100% {
        width:100%;
    }
}


@-moz-keyframes fadeIn {
    0% {
        opacity:0;
    }
    90% {
        opacity:0;

    }
    100% {
        opacity:1;
    }
}
@-webkit-keyframes fadeIn {
    0% {
        opacity:0;
    }
    90% {
        opacity:0;
        -webkit-transform:translateY(10px);
    }
    100% {
        opacity:1;
        -webkit-transform:translateY(0px);
    }
}
@keyframes fadeIn {
    0% {
        opacity:0;
    }
    90% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}


@media only screen and (min-width: 1025px) {
    .menukaart-gang ul li{
        width:46%;
        margin:0;
    }

    .menukaart-gang ul li:nth-child(odd){
        margin-right:2%;
    }
    .menukaart-gang ul li:nth-child(even){
        margin-left:2%;
    }
}


/* ==========================================================================
   Werknemers
   ========================================================================== */

#werknemers{
    margin:0;
    padding:0;
}



#werknemers li{
    padding-bottom:20px;
    float:none;
    display:inline-block;
    vertical-align:top;
    margin-bottom:20px;
	/*margin-right: 20px;*/
}
@media only screen and (min-width: 1025px) {
	#werknemers li{
		width: 400px;
	}
}

#werknemers li p{
    padding-top:0px;
    padding-bottom:0px;
    margin-bottom:0px;
}

#werknemers li h3{
    padding-top:20px;
    padding-bottom:0px;
    margin-bottom:0px;
}

#werknemers li p, #werknemers li h3{
    padding-left:20px;
    padding-right:20px;
}

#werknemers li .button{
    margin-top:20px;
    margin-left:20px;
    margin-right:20px;
    display:block;
    text-align:center;
}

.krasnapolsky #werknemers li p {
    color:#000 !important;
}

/* ==========================================================================
   Reviews
   ========================================================================== */

#reviews{
   position:relative;
   margin-top:60px;
}

#add-review{
    position:relative;
    background:#FFF;
    margin-top:20px;
    margin-bottom:20px;
    height:50px;
    overflow:hidden;

    -webkit-transition: all 500ms 0.5s ease-out;
    -moz-transition: all 500ms 0.5s ease-out;
    -ms-transition: all 500ms 0.5s ease-out;
    -o-transition: all 500ms 0.5s ease-out;
    transition: all 500ms 0.5s ease-out;
}

#add-review.open{
    /*height: 425px;*/
    height: auto;
	padding-bottom: 70px;
}

#add-review form{

}

#add-review textarea{
    border:0;
    box-sizing:border-box;
    width:100% !important;
    max-width:552px !important;
    height:160px !important;
    padding:20px !important;
    outline:none;
    color:#9f9f9f;
    font-family: 'gothambook';
    font-weight:normal;
    font-size:14px;
}

#user-data{
    position:relative;

    min-width:100%;
    border-left:1px solid #e7e7e7;
    opacity:0;

    -webkit-transition: all 500ms 0.3s ease-out;
    -moz-transition: all 500ms 0.3s ease-out;
    -ms-transition: all 500ms 0.3s ease-out;
    -o-transition: all 500ms 0.3s ease-out;
    transition: all 500ms 0.3s ease-out;
}


.open #user-data{
    opacity:1;
}


#user-data input{
    display:block;
    margin-top:20px !important;
    font-size:14px;
    padding:15px;
    color:#9f9f9f;
    font-family: 'gothambook';
    font-weight:normal;
    width:90% !important;
    margin-left:5% !important;
    box-sizing:border-box;
    border:1px solid #e7e7e7;
}

#user-data .star-rating{
    font-family: 'gothambook';
    font-weight:normal;
    font-size:14px;
    color:#9f9f9f;
    margin-left:5%;
    margin-top:20px;
    padding-left:15px;
    border-left:1px solid #e7e7e7;
}

#add-review #btn-bar{
    position:absolute;
    bottom:0;
    right:0;
    width:50px;
    height:56px;
    overflow:hidden;

    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

#add-review.open #btn-bar{
    width:100%;
}

#add-review #btn-bar #btn-bar-inner{
    position:absolute;
    bottom:0;
    right:0;
    width:100%;
}

#add-review #btn-bar a, #add-review #btn-bar button{
    float:right;
    display:block;
}

.add-review-btn{
    position:relative;
    padding-right:50px;
    padding-top:20px;
}

.add-review-btn .svg-icon{
    position:absolute;
    width:25px;
    height:25px;
    top:18px;
    right:10px;
    display:block;
}

.wpcr_rating{
    position:relative;
    top:2px;
    left:10px;
    display:inline-block;
}

.wpcr_status_msg{
    font-family: 'gothambook';
    font-weight:normal;
    font-size:14px;
}

.wpcr_status_msg div{
    color:#ec1e62;
}

#fconfirm2, #fconfirm1{
    display:none !important;
}




#wpcr_reviews{
    margin-top:60px;
}

#wpcr_reviews li{
    display:block;
}

#wpcr_reviews li .naam{
    font-size:18px;
    font-weight:normal;
}

#wpcr_reviews li .sp_rating{
    display:inline-block;
    margin-left:8px;
}

#wpcr_reviews li .dtreviewed{
    display:block;
    opacity:0.6;
    font-size:12px;
}

blockquote{
    margin:0;
    padding:0;
    margin-top:30px;
    margin-bottom:55px;
    margin-right:30px;
}


#num-reviews{
    position:absolute;
    top:-40px;
    right:0;
    font-size:14px;
}

#wpcr_reviews .average {
    background: url(img/newstars.png) no-repeat;
    text-indent: -9999px;
    height: 17px;
}

#wpcr_reviews .average, #wpcr_respond_1 .average{
    background-position:0 -15px !important;
}

#wpcr_reviews .base {
    background: url(img/newstars.png) 0 0 no-repeat;
    width: 85px;
    height: 17px;
    float: left;
    padding-right: 4px;
    overflow: hidden;
    display: block;
}

.form-feedback{
    margin-top:10px;

}

#add-review-cancel{
    display:none !important;
    padding:0;
    text-align:center;
    box-sizing: border-box;
    padding-top:20px;
    padding-bottom:10px;
    border-top: 1px solid #e7e7e7;
    border-bottom:0px;
}

#add-review-cancel span{

}

#add-review-cancel{
    width:30%;
}

#wpcr_submit_btn{
    width:100%;
    min-width: 275px;
}

@media only screen and (min-width: 640px) {

    #add-review textarea{
        height: 265px !important;
    }

    #wpcr_reviews{
       -webkit-column-count: 3; /* Chrome, Safari, Opera */
        -moz-column-count: 3; /* Firefox */
        column-count: 3;
        margin-top:120px;
    }

    #wpcr_reviews li{

    }

    #user-data {
        min-width:342px;
    }

    #add-review.open #btn-bar{
        width:341px;
    }

    #add-review #btn-bar #btn-bar-inner{
        position:absolute;
        bottom:0;
        right:0;
        width:344px;
    }

    #add-review #btn-bar a, #add-review #btn-bar button{
        float:right !important;
    }

    #add-review-cancel{
        display:block !important;
    }

    #wpcr_submit_btn{
        width:70%;

        min-width: 0;
    }

}

@media only screen and (min-width: 1024px) {
    #wpcr_submit_btn{
       min-width: 0;
    }

	#add-review.open{
        height:265px;
		padding-bottom: 0;
    }

    #user-data {
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0px;
    }
}


#nieuws a{
   text-decoration:none;
}

#nieuws a:hover .title{

}

#nieuws a.button{
    float:right;
}

#nieuws ul{
    margin:0;
    padding:0;
}

#nieuws ul li{
    margin:0;
    padding:0;
    margin-bottom:30px;
    width:100%;
}



.news-header{
    width:100%;
    height:300px;
    background-size:cover;
    margin-bottom:15px;
    background-position:top center;


}

#nieuws li{
    -webkit-transition: -webkit-transform 175ms ease-in-out;
    -moz-transition: -moz-transform 175ms ease-in-out;
    -ms-transition: -ms-transform 175ms ease-in-out;
    -o-transition: -o-transform 175ms ease-in-out;
    transition: transform 175ms ease-in-out;

    -webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

#nieuws li:hover{
    transform: scale(0.98,0.98);
    -webkit-transform: scale(0.98,0.98);
    -ms-transform: scale(0.98,0.98);
    -o-transform: scale(0.98,0.98);
    -moz-transform: scale(0.98,0.98);
}

#nieuws ul{
   margin-top:25px;
}

#nieuws ul li .title{
    width:100%;
    line-height:18px;
    display:block;
    margin-bottom:0px;
}

#nieuws ul li p{
    margin-top:0;
    margin-bottom:0;
    width:100%;
}

#nieuws ul li .date{
    font-size:12px;
    opacity:0.6;
}






.img-header{
    height:200px;
    position:relative;
    overflow: hidden;
}

.img-header .sliding-img{
    position: absolute;
    display: block;
    width: 100%;
    height: 120%;
    background-size: cover;
}

.img-header .center-wrap{
    height:100%;
    z-index:1000;
}

.img-header h1{
    position:absolute;
    bottom:5%;
    left:50%;

    margin-left:-245px;


    font-size:78px;
    line-height:78px;
    width:490px;
    text-align:left;
}

.gradient{
    position:absolute;
    bottom:15%;
    left:0px;
    right:0px;
    height:600px;
    z-index:100;

    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}



@media only screen and (min-width: 640px){



    .img-header {
        height: 735px;
    }

    .img-header.small {
        height: 625px;
    }

    .arrow-down{
        position:relative;
        margin:0 auto;
        margin-top:30px;
        width: 30px;
        height: 45px;
        transform:rotate(90deg) rotateY(0deg);
        -moz-transform:rotate(90deg) rotateY(0deg);
        -ms-transform:rotate(90deg) rotateY(0deg);
        -o-transform:rotate(90deg) rotateY(0deg);
        -webkit-transform:rotate(90deg) rotateY(0deg);
    }

    #nieuws ul li{
        margin-right:3.5%;
    }

    #nieuws ul li:last-child{
        margin-right:0%;
    }

}

@media only screen and (min-width: 1025px){
    #nieuws ul li{
        padding:0;
        float:left;
        width:31%;
    }

    .news-header{
        height:200px;
    }
}

/*

#lang_sel_list.lang_sel_list_vertical{

}

#lang_sel_list.lang_sel_list_vertical ul{

}

#lang_sel_list.lang_sel_list_vertical ul li{

}

#lang_sel{
   top:-15px;
   margin-left:0px;
   width:100%;
   display:block;

}

#lang_sel li{
    width:auto;
    display:inline-block;
    float:none;
}

#lang_sel ul{
    background:none;
    width:100%;
    display:table;
    text-align:center;
}

#lang_sel ul ul{
    top:37px;
}

#lang_sel a.lang_sel_sel:hover{
    color:#FFF;
}

#lang_sel ul ul{
    border-top:0;
}

#lang_sel a.lang_sel_sel, #lang_sel a.lang_sel_sel:hover{
    background:url('img/dropdown.png') right no-repeat;
    font-family: 'gothambook';
    font-weight:normal;
    font-size:12px;
    color:#FFF;
    text-transform:none;
    padding-right:20px;

}

#lang_sel a, #lang_sel a:visited{
    border:0;
}

#lang_sel ul ul a, #lang_sel ul ul a:visited{
    background:#000;
    color:#FFF;
    padding:0;
    padding-top:10px;
}

#lang_sel a:hover, #lang_sel ul ul a:hover, #lang_sel a, #lang_sel ul ul a{
    background:none;
    color:#FFF;
}

#lang_sel a, #lang_sel a:visited{
    padding-left:0px;
}

#lang_sel img.iclflag{
    top:-1px;
}

#lang_sel ul ul{
    position:relative;
    width:200px;
    margin-left:-12px !important;
}

#lang_sel ul ul li{
    width:280px;
}

*/

#lang_sel ul{
    position:relative;
    display:table;
    font-size:12px;
}

#lang_sel ul li{
    display:table-cell;
    width:auto;
}

#lang_sel ul li a{
    display:inline;
    font-size:12px;
}

#lang_sel ul li ul li{
    display:block;
}

#lang_sel a.lang_sel_sel, #lang_sel a.lang_sel_sel:hover{
    background:url('img/dropdown.png') right no-repeat;
    font-family: 'gothambook';
    font-weight:normal;
    font-size:12px;
    color:#FFF;
    text-transform:none;
    padding-right:20px;
}

#lang_sel ul li ul li a{
    padding-top:0;
    padding-bottom:0;
    text-transform:none;
}

.nh-logo{
    display:block;
    margin:0 auto;
    margin-top:5px;
}



/* ==========================================================================
   Social media in header by B. Verkade (bernhard@burst-digital.com)
   ========================================================================== */

.socialmedia-block {
	margin-top: 20px; /* fixing positioning header ul */
	overflow: hidden;
}

.socialmedia-block ul {
	margin-bottom: 20px;
	position: static;
	text-align: center;
}

.socialmedia-block li {
	display: inline-block;
	list-style: none;
}

.socialmedia-block a {
	background: rgba(0, 0, 0, 0.7) url('img/socialmedia.png') 0 0 no-repeat;
	border-radius: 25px;
	display: block;
	height: 50px;
	line-height: 50px;
	margin: 0 5px;
	padding: 0;
	text-indent: -99999px;

    -webkit-transition: -webkit-transform 175ms ease-in-out;
    -moz-transition: -moz-transform 175ms ease-in-out;
    -ms-transition: -ms-transform 175ms ease-in-out;
    -o-transition: -o-transform 175ms ease-in-out;
    transition: transform 175ms ease-in-out;

    -webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;

	width: 50px;
}

.socialmedia-block a:hover {
    transform: scale(0.90,0.90);
    -webkit-transform: scale(0.90,0.90);
    -ms-transform: scale(0.90,0.90);
    -o-transform: scale(0.90,0.90);
    -moz-transform: scale(0.90,0.90);
}






.icon-facebook a {		background-position: 0 0; }
.icon-twitter a {		background-position: 0 -50px; }

.icon-foursquare a {	background-position: 0 -100px; }
.icon-instagram a {    background-position: 0 -150px; }

/* ==========================================================================
   Facebook Like box on contact page
   ========================================================================== */

.facebook-like-box {  }

.facebook-like-box iframe {
	width: 100% !important;
}

/* This column is wider then the default */
.b-column {
	margin-bottom: 40px;
}

.b-left-column {
	float: none;
	width: 100%;
}
.b-right-column {
	float: none;
	width: 100%;
}

.b-left-column .tel input{
    margin-top:5px;
}

a, a:focus { outline: none; }



.b-column input{
    font-family: 'gothambook';
    font-weight: normal;
    font-size: 14px;
    padding:15px;
    color: #9f9f9f;
    padding:15px;
    box-sizing: border-box;
    max-width: 100%;
    width:100%;
}


.b-column select{
    background:#0c142a url(img/dropdown.png) 73% 50% no-repeat;
    font-family: 'gothammedium';
    font-weight: normal;
    font-size: 14px;
    padding:15px;
    color: #9f9f9f;
    padding:15px;
    color:#FFF;
    border:0px;
    padding-right:30px;
    /*background:#0c142a url(img/dropdown.png) 92% 50% no-repeat;*/
    -webkit-appearance: none;
    -moz-appearance: none;
	/* added 20141224 */
	cursor: pointer;
	width: 280px;
}

/* added 20141224 */
.wpcf7-form-control-wrap.tijd {
	width: 225px;
	display: inline-block;
	overflow: hidden;
}

.b-column h3{
    font-size:20px;
    line-height:20px;
}

.b-column label{
    margin-right:15px;
	/* added 20141224 */
	float: left;
    line-height: 50px;
}

.wpcf7 form p{
    position:relative;
}

.b-column input[type=submit]{
    margin-top:0px;
    /*position:absolute;*/
    /*right:0;*/
	float: right;
    background:#ec1e62;
    border:0px;
    color:#FFF;
    font-family: 'gothammedium';
	width: auto;
}

span.wpcf7-not-valid-tip{
    color:#ec1e62;
}

div.wpcf7-validation-errors {
    opacity:0;
    height:0px;
}

div.wpcf7-response-output{
    display: block;
    margin-top: 55px;
}

div.wpcf7-mail-sent-ng {
    border:0;
    background:#ec1e62;
    color:#FFF;
    font-size:14px;
    line-height:normal;
    font-family: 'gothambook';
    padding:20px;
}

.ajax-loader{
    margin-left:0px;
    margin-top:20px;
}

@media only screen and (min-width: 1025px) {
    .b-left-column {
        float: left;
        width: 320px;
    }
    .b-right-column {
        float: right;
        width: 498px;
    }

    .b-column input{
        width:auto;
    }

    .b-column.b-left-column h3{
        max-width:285px;
        font-size:25px;
        line-height:29px;
    }

}


/* CSS Document */

/* ==========================================================================
   Contact GM
   ========================================================================== */

#map-header{
	position:relative;
	overflow:hidden;
}

/* ==========================================================================
   FAQ
   ========================================================================== */

ol#faq-list{
	padding:0; margin:0 0 0 40px;
    margin-top: 52px;
}

ol#faq-list > li{
	position:relative;
	padding:0 30px 0 0; margin:0;
	list-style:decimal;
	font-family: 'gothambook';
	font-weight:normal;
	font-size:18px;
	line-height:22px;
}

ol#faq-list > li > h4{
	font-family: 'gothambook';
	font-weight:normal;
	font-size:18px;
	line-height:22px;
	margin-bottom:0px;
	cursor: pointer;
}

ol#faq-list > li.open > h4{
	color:#ec1e62;
}

ol#faq-list > li > div.faq-answer > p{
	margin-top:5px;
	margin-bottom:15px;
	height:0;
	overflow:hidden;
}

ol#faq-list > li.open > div.faq-answer > p{
	margin-top:5px;
	display:block;
	height:auto;
	margin-bottom:50px;
}

ol#faq-list > li > span.toggle-arrow{
	background:url('img/arrow.svg') no-repeat;
	background-size:100% 100%;
	width:20px;
	height:15px;
	display:block;
	position:absolute;
	top:0px;
	right:0px;
	opacity:0.25;

	transform:rotate(90deg) rotateY(0deg);
	-moz-transform:rotate(90deg) rotateY(0deg);
	-ms-transform:rotate(90deg) rotateY(0deg);
	-o-transform:rotate(90deg) rotateY(0deg);
	-webkit-transform:rotate(90deg) rotateY(0deg);

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;

	-webkit-transform-origin:center center;
	-moz-transform-origin:center center;
	-o-transform-origin:center center;
	transform-origin:center center;

	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}

ol#faq-list > li > span.toggle-arrow > svg{
	width:100%;
	height:100%;
	margin-bottom:5px;
}

ol#faq-list > li.open > span.toggle-arrow{
	opacity:1;
	transform:rotate(90deg) rotateX(180deg);
	-moz-transform:rotate(90deg) rotateX(180deg);
	-ms-transform:rotate(90deg) rotateX(180deg);
	-o-transform:rotate(90deg) rotateX(180deg);
	-webkit-transform:rotate(90deg) rotateY(180deg);
}

/* ==========================================================================
   EXTRA
   ========================================================================== */

.faq h4{
	font-family: 'gothambook';
	font-weight:normal;
	font-size:18px;
	line-height:22px;
	margin-bottom:0px;
	cursor: pointer;
    padding:40px;
    padding-top: 35px;
    padding-bottom: 30px;
}

.faq .float-center{
	margin-bottom:20px;
}

/* ==========================================================================
   CONTACT FORM
   ========================================================================== */

#toggle-form h4{
    text-align:center;
}


#stel-een-vraag{
	padding:20px;
	margin-bottom:30px;
}
#stel-een-vraag * {
	box-sizing: border-box; //	Just playing with fire
}

#stel-een-vraag .form-wrap{
	padding-top:10px;
    padding-bottom: 30px;
	display:none;
}

#stel-een-vraag .form-wrap form{
	margin-top:40px;
}

#stel-een-vraag p{
	width:100%;
}

.form-wrap .row-section{
	display:block;
	/*margin-top:10px;*/
}

.form-wrap .row-section .row-wrap{
	position:relative;
	display:block;
	padding-left:0px;
}

.form-wrap .row-section .row-wrap span.wpcf7-form-control-wrap { display:block; }
/*.form-wrap .row-wrap span > span.wpcf7-radio,*/
.form-wrap .row-section .row-wrap span.wpcf7-form-control-wrap > span.wpcf7-radio { display:block; }
.form-wrap .row-section .row-wrap span.wpcf7-form-control-wrap > span.wpcf7-radio > span { display:inline-block; white-space: nowrap; }
.form-wrap .row-section .row-wrap span.wpcf7-form-control-wrap > span.wpcf7-radio > span input,
.form-wrap .row-section .row-wrap span.wpcf7-form-control-wrap > span.wpcf7-radio > span span { display:inline-block; line-height:50px; }

.form-wrap .row-section .row-wrap label{
	position:relative;
    left:0;
	width:160px;
	display:block;
	line-height:50px;
}

.form-wrap .row-section .row-wrap span.wpcf7-form-control-wrap input,
.form-wrap .row-section .row-wrap span.wpcf7-form-control-wrap textarea{
	margin-bottom:0px;
    margin-top:0px;
	padding:15px;
	width:100%;
	box-sizing: border-box;

    font-family: 'gothambook';
    font-weight: normal;
    font-size: 14px;

    color: #9f9f9f;
}

.form-wrap .row-section .row-wrap label{
    margin-top:20px;
}

.form-wrap .row-section:first-child .row-wrap label{
    margin-top:0px;
}

.form-wrap .first{
    margin:0;
    padding:0;
}

.form-wrap .first .wpcf7-list-item-label{
    margin-right:20px;
}

.form-wrap input[type="radio"]{
    margin:0px 5px 0px 0px !important;
    padding:0 !important;
    width:auto !important;
}

.form-wrap .row-section .row-wrap span.wpcf7-form-control-wrap input[type="text"], .form-wrap .row-section .row-wrap span.wpcf7-form-control-wrap input[type="email"]{
    width:50%;
    min-width:240px;
}

.form-wrap input[type="submit"]{
    margin-top: 20px;
    position: absolute;
    right: 0;
    background: #ec1e62;
    border: 0px;
    color: #FFF;
    font-family: 14px;
    padding:15px;
    font-family: 'gothammedium';
}

.form-wrap{
    padding-left:5%;
    padding-right:5%;
}

#stel-een-vraag{
    padding:0px;
    padding-top:0px;
    padding-bottom:0px;
    margin-bottom:30px;
}


@media only screen and (min-width: 640px) {

    #toggle-form h4{
        text-align:left;
    }

    #stel-een-vraag{
        padding:0px;
        padding-top:0px;
        padding-bottom:0px;
        margin-bottom:30px;
    }

    #stel-een-vraag p{
        width:90%;
    }

    .form-wrap{
        padding-left:40px;
        padding-right:40px;
    }


    .form-wrap .row-section .row-wrap label{
        position:absolute;
        left:0;
        width:160px;
        display:block;
        line-height:50px;
    }

    .form-wrap .row-section .row-wrap{
        padding-left:160px;
    }

	.form-wrap .row-section .row-wrap span.wpcf7-form-control-wrap input,
	.form-wrap .row-section .row-wrap span.wpcf7-form-control-wrap textarea{
		margin-top:20px;
	}
}

@media only screen and (min-width: 1025px) {
	.form-wrap .row-section .row-wrap span.wpcf7-form-control-wrap input[type="text"], .form-wrap .row-section .row-wrap span.wpcf7-form-control-wrap input[type="email"]{
		width:50%;
		min-width:300px;
	}
}

/* ==========================================================================
   NEWS LIST
   ========================================================================== */

#nil-wrapper{
	padding:10px 0 20px;
    margin:0;
	width:100%;
}

#nil-wrapper a:hover{
    text-decoration:none;
}

#nil-wrapper  .ni-wrapper{
	padding:0; margin:0 0 20px 0;
	width:100%; overflow:hidden;
}

.ni-wrapper a:hover p.ni-permalink{
    text-decoration:underline;
}

#nil-wrapper  .ni-wrapper  img{
	display:block;
	float:left;
	width:45%; max-width:100%;
    min-height:100%;
}

#nil-wrapper  .ni-wrapper  .ni-wrapper-img{
    width:100%;
    max-width:100%;
    min-height:180px;
    display:block;
}

#nil-wrapper  .ni-wrapper  div.ni-content{
	padding-top:0px;
	width:auto;

    position:relative;
}

#nil-wrapper  .ni-wrapper  div.ni-content  div{
	padding:25px 30px;
}

#nil-wrapper  .ni-wrapper  div.ni-content  div  h3,
#nil-wrapper  .ni-wrapper  div.ni-content  div  p{
	padding:0; margin:0;
}

#nil-wrapper  .ni-wrapper  div.ni-content  div  h3{
    margin-bottom:15px;
}

#nil-wrapper  .ni-wrapper  div.ni-content  div  p.ni-date{
    opacity:0.6;
    font-size:12px;
    margin-top:5px;
}

#nil-wrapper  .ni-wrapper  div.ni-content  div  p.ni-permalink{
    position:relative;
    top:10px;
}

@media only screen and (min-width: 640px) {

    #nil-wrapper{
	    padding:40px 0 20px;
    }

    #nil-wrapper .ni-wrapper .ni-wrapper-img{
        float: left;
        width: 45%;
        min-height:280px;
    }

    #nil-wrapper .ni-wrapper div.ni-content {
        float: left;
        width: 55%;
        min-height: 280px;
        padding-top:0px;
    }

    #nil-wrapper  .ni-wrapper  div.ni-content  div  p.ni-permalink{
        position:absolute;
        top:auto;
        bottom: 10px;
    }
}
@media only screen and (min-width: 1024px) {
    #nil-wrapper  .ni-wrapper  div.ni-content  div  p.ni-permalink{
        bottom: 30px;
    }
}

/* ==========================================================================
   NEWSITEM
   ========================================================================== */

#nid-wrapper{
	padding:0; margin:0;
	width:100%;
}

#nid-header{
	background-position:top center;
	background-size:cover;
}

#nid-wrapper > div.ni-content{
	padding:0; margin:0;
}

#nid-wrapper > div.ni-content > p.ni-date{
}

#nid-wrapper > div.ni-content > p.ni-permalink{
}

#sm-wrapper{
	width:100%; overflow:hidden;
	padding:20px 0; margin:0 0 40px 0;
    margin-top:15px;
}
#sm-wrapper > div { float:left; padding:0 0 0 20px; height:20px; overflow:hidden; }
#sm-wrapper > div > div.fb-share-button > span { vertical-align:top !important; }



#restaurant-network{
    margin-top:60px;
    margin-bottom:60px;
}

#restaurant-network li{
    float:left;
    width:31%;
    margin-right:3.5%;
}

#restaurant-network li:last-child{
    margin-right:0%;
}

#restaurant-network li a{
    display:block;
    width:80%;
    margin-left:10%;
    text-align:center;
}

#restaurant-network li a img{
    width:100%;
    padding-bottom:20px;
}


#nid-wrapper > div.ni-content{
    margin-bottom:50px;
}

.ni-content h2{
    margin-bottom:0;
}

.ni-content .ni-date{
    margin-top:0px;
    margin-bottom:20px;
    opacity:0.6;
}


.page-id-38 .header{
    background:url(img/bar.jpg) no-repeat center center;
    background-size:cover;
}


.back-btn{
    background:#FFF;
    position:absolute;
    top:-56px;
    text-transform:uppercase;
    padding-left:50px;
}

.back-btn .svg-icon{
    position:absolute;

    top:25px;
    left:20px;

    display:inline-block;

    width:10px;
    height:10px;

    transform:rotate(180deg) rotateY(0deg);
	-moz-transform:rotate(180deg) rotateY(0deg);
	-ms-transform:rotate(180deg) rotateY(0deg);
	-o-transform:rotate(180deg) rotateY(0deg);
	-webkit-transform:rotate(180deg) rotateY(0deg);
}

.back-btn .svg-icon polygon{
    fill:#000;
}


/* ==========================================================================
   Media gallery
   ========================================================================== */


#media-gallery{
    position:relative;
    height:550px;
    width:100%;
    overflow:hidden;
}

#media-gallery #prev-btn,#media-gallery #next-btn{
    background:url('img/arrow.svg') no-repeat;
    display:block;
    width:31px;
    height:46px;
    position:absolute;
}

#media-gallery #prev-btn{
    left:5%;
    top:50%;
    margin-top:-23px;

    transform:rotate(180deg) rotateY(0deg);
	-moz-transform:rotate(180deg) rotateY(0deg);
	-ms-transform:rotate(180deg) rotateY(0deg);
	-o-transform:rotate(180deg) rotateY(0deg);
	-webkit-transform:rotate(180deg) rotateY(0deg);

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;

	-webkit-transform-origin:center center;
	-moz-transform-origin:center center;
	-o-transform-origin:center center;
	transform-origin:center center;

}


#media-gallery #next-btn{
    right:5%;
    top:50%;
    margin-top:-23px;
}

#media-gallery ul{
    width: 100%;
    /*left: -0%;*/
	height: inherit;
}

#media-gallery ul li{
    width: 50%;
    float: left;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#media-gallery ul li img{
    width: 100%;
}


#meer-over-btn{
    position:relative;
    margin-top:15px;
    display:inline-block;
    /*margin-left: 5%;*/
    margin-bottom:45px;
}

@media only screen and (min-width: 640px) {
    #meer-over-btn{
        margin-top:0px;
        margin-left:0px;
        margin-bottom:65px;
    }
}


@media only screen and (min-width: 1250px) {
    #meer-over-btn{
        position: absolute;
        margin:0;
        bottom: 18px;
        right: 0px;
        display:block;
    }

}


/* ==========================================================================
   Reserveren
   ========================================================================== */

#reserveren-btn, #locatie-btn{
    display:block;
    padding-left:0;
    padding-right:0;
    text-align:center;
    width:50%;
    margin:0;
    margin-top:0px;
    border:0;
    float:left;
}


header p{
    color:#FFF;
    margin-top:10px;
}


#reserveren-wrap{
    position:fixed;
    left:-320px;
    z-index:9999;

    background:rgba(0,0,0,0.0);
    width:0%;
    height:0%;

    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
}

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

	#reserveren-wrap {
		position: static !important;
		height: 0;
		left: 0;
		width: 100%;
		overflow: hidden;
	}
	.res-open #reserveren-wrap {
		height: 762px;
	}

}

#reserveren-bg{
    position:absolute;
    z-index:1000;
    width:0%;
    height:0%;
    background:none;
    display:block;
}

#reserveren {
    position:absolute;
    z-index:9999;

    width:271px;

    padding:20px;
    padding-top:60px;
    padding-bottom:40px;

    display:block;

    -webkit-box-shadow: 0 14px 45px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 14px 45px rgba(0, 0, 0, 0.25);
    box-shadow: 0 14px 45px rgba(0, 0, 0, 0.25);

    margin-top:80px;
}

.res-open #reserveren-wrap {
    left:0px;
}


@media only screen and (max-width: 640px) {
	#reserveren {
		margin-top: 114px;
		padding: 60px 20px 40px;
		position: static;
		width: auto;
	}

}

#reserveren-wrap.open #reserveren-bg{
    /*width:100%;
    height:100%;*/
}

.res-open #reserveren-wrap {
   /* width:100%;
    height:100%;*/
}

#reserveren input, #reserveren select{
    margin-bottom:0px;
    margin-top:20px;
	padding:15px;
	width:100%;
	box-sizing: border-box;
    border-radius:0px;

    font-family: 'gothambook';
    font-weight: normal;
    font-size: 14px;

    color: #9f9f9f;
    border:0;
}


.styled-select select {
   background: transparent;


   padding-right: 20px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   -webkit-appearance: none;
    -moz-appearance:none;


   overflow: hidden;
   background: #FFF url('img/dropdown-arrow.png') no-repeat 100%;


}



.wpcf7-display-none{
    display:none !important;
}

#reserveren .ajax-loader{
    visibility: hidden;
    position: absolute;
    bottom: 4px;
    left: 0px;
}

#reserveren input[type="submit"]{
    outline:none;
    border:0;
}


@media only screen and (min-width: 640px) {

    #reserveren{
        margin-top:0;
        width:282px;
    }

    #reserveren-btn{
        display:block;

        width:160px;
        margin:0 auto;
        margin-top:30px;
        border:0;
        float:none;
    }


    #locatie-btn{
        display:none;
        float:none;
    }

    .res-open #reserveren-wrap {
        left:260px;
    }

}


/*DatePicker Container */
.ui-datepicker-calendar{
    background:#FFF;
}

.ui-datepicker {
    display:none;
	width: 282px;
	height: auto;
	margin: 5px auto 0;
	font: 9pt Arial, sans-serif;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);

    -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;

    padding:0;
    border: 0;
    border-radius: 0;
    background:#1e1822;
}
.ui-datepicker a {
	text-decoration: none;
}


.ui-datepicker table {
	width: 99%;
    margin-left: 0.5%;
    margin-right: 0.5%;
}
.ui-datepicker-header, .ui-widget-header {
	background: url('img/dark_leather.png') repeat 0 0 #000;
	color: #e0e0e0;
	font-weight: bold;
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2);
	-moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
	box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
	text-shadow: 1px -1px 0px #000;
	filter: dropshadow(color=#000, offx=1, offy=-1);
	line-height: 30px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #111;
    border-radius:0;
    border:0;
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
}
.ui-datepicker-title {
	text-align: center;
    font-family: 'gothambook';
    font-weight: normal;
    font-size:14px;
    padding-top:10px;
    padding-bottom:10px;
}

.ui-datepicker thead {
	background-color: #f7f7f7;
	background-image: -moz-linear-gradient(top,  #f7f7f7 0%, #f1f1f1 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));
	background-image: -webkit-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -o-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -ms-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );
	border-bottom: 1px solid #bbb;
}
.ui-datepicker th {
	text-transform: uppercase;
	font-size: 6pt;
	padding: 5px 0;
	color: #666666;
	text-shadow: 1px 0px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=0);
}
.ui-datepicker tbody td {
	padding: 0;
	border-right: 1px solid #bbb;
}
.ui-datepicker tbody td:last-child {
	border-right: 0px;
}
.ui-datepicker tbody tr {
	border-bottom: 1px solid #bbb;
}
.ui-datepicker tbody tr:last-child {
	border-bottom: 0px;
}
.ui-datepicker td span, .ui-datepicker td a {
	display: inline-block;
	font-weight: bold;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #666666;
	text-shadow: 1px 1px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=1);
}
.ui-datepicker-calendar .ui-state-default {
    width:84%;
	background: #ededed;
	background: -moz-linear-gradient(top,  #ededed 0%, #dedede 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede));
	background: -webkit-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: -o-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: -ms-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: linear-gradient(top,  #ededed 0%,#dedede 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );
	-webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	-moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
}

.ui-datepicker-calendar .ui-state-active {
	background: #fc8923;
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	color: #FFF;
	text-shadow: 0px 1px 0px #4d7a85;
	filter: dropshadow(color=#4d7a85, offx=0, offy=1);
	border: 1px solid #fc8923;
	position: relative;
	margin: -1px;
}
.ui-datepicker-unselectable .ui-state-default {
	background: #f4f4f4;
	color: #b4b3b3;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
	width: 29px;
	margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
	width: 29px;
	margin-right: 0;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
	height: 29px;
	margin-bottom: 0;
}

.ui-timepicker-div .ui-widget-header{margin-bottom:8px}.ui-timepicker-div dl{text-align:left}.ui-timepicker-div dl dt{float:left;clear:left;padding:0 0 0 5px}.ui-timepicker-div dl dd{margin:0 10px 10px 40%}.ui-timepicker-div td{font-size:90%}.ui-tpicker-grid-label{background:0;border:0;margin:0;padding:0}.ui-timepicker-rtl{direction:rtl}.ui-timepicker-rtl dl{text-align:right;padding:0 5px 0 0}.ui-timepicker-rtl dl dt{float:right;clear:right}.ui-timepicker-rtl dl dd{margin:0 40% 10px 10px}



.split-wrap table{
    width:100%;
}

.split-wrap table tr, .split-wrap table td{
    font-family: 'gothambook';
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
}



/* ==========================================================================
   Kleuren
   ========================================================================== */


/* Highlight */
.schiller button, .schiller .button, #reserveren .wpcf7-submit {
	background:#ec1e62;
    border:1px solid #ec1e62;
}

.schiller .button.inverted{
    color:#ec1e62;
    background:#FFF;
    border:1px solid #e7e7e7;
}

.schiller .highlight, .schiller a.highlight, .schiller header ul li a:hover, .schiller .faq ol li.open h4, .schiller .wpcr_status_msg div, .schiller span.wpcf7-not-valid-tip, .schiller span.wpcf7-not-valid-tip, .schiller ol#faq-list > li.open > h4{
    color:#ec1e62;
}

.schiller .sub-mode .sub-menu li a:hover, .schiller .sub-mode li a.highlight:hover{
    opacity:1;
    color:#ec1e62;
}

.schiller .b-column input[type=submit], .schiller div.wpcf7-mail-sent-ng, .schiller .form-wrap input[type="submit"] {
    background:#ec1e62;
}

.schiller #contact-info a{
    color:#ec1e62;
}

.schiller #wpcr_pagination a{
    background:#ec1e62;
}

.schiller #wpcr_pagination .wpcr_current{
    background:#000;
}



/* Dark bg */
body.schiller, .schiller header{
    background:#0c142a;
}

.schiller header #header-inner-wrap{
    background:#0c142a url('img/menu_open.svg') no-repeat;
    background-position:95% 13px;
    background-size:auto 45%;
}

.schiller header.open #header-inner-wrap{
    background:#0c142a url('img/menu_close.svg') no-repeat;
    background-position:95% 10px;
    background-size:30px;
}


.schiller header ul{
    background:#0c142a;
}

.schiller .b-column select{
    color:#FFF;
    background-color:#0c142a;
}

@media only screen and (max-width: 640px){
    .schiller header ul li a{
        background:#FFF;
        color:#0c142a;
    }
}

@media only screen and (min-width: 640px){
    .schiller header #header-inner-wrap{
        background:#0c142a;
    }

    .schiller header #header-inner-wrap{
        background:#0c142a;
        background-position:95% 13px;
        background-size:auto 45%;
    }

    .schiller header.open #header-inner-wrap{
        background:#0c142a;
        background-position:95% 10px;
        background-size:30px;
    }
}



.schiller .back-btn{
    color:#0c142a !important;
}


/* Light bg */
.schiller .bg{
    background:#151c36;
    color:#FFF;
}

.schiller .menukaart-ganglabel{
    color:#151c36;
}

.schiller #wpcr_reviews .average, .schiller #wpcr_reviews .base {
    background: url(img/vermeer_newstars.png) no-repeat;
}


.schiller #reserveren-btn, .schiller #locatie-btn{
    background:#ec1e62;
}


/* =============================================================== */

.vermeer button, .vermeer .button, .vermeer #reserveren .wpcf7-submit {
	background:#fc8923;
    border:1px solid #fc8923;
	color: #FFF;
}

.vermeer .button.inverted{
    color:#fc8923;
    background:#FFF;
    border:1px solid #e7e7e7;
}

.vermeer .highlight, .vermeer a.highlight, .vermeer header ul li a:hover, .vermeer .faq ol li.open h4, .vermeer .wpcr_status_msg div, .vermeer span.wpcf7-not-valid-tip, .vermeer span.wpcf7-not-valid-tip, .vermeer ol#faq-list > li.open > h4{
    color:#fc8923;
}

.vermeer .sub-mode .sub-menu li a:hover, .vermeer .sub-mode li a.highlight:hover{
    opacity:1;
    color:#fc8923;
}

.vermeer .b-column input[type=submit], .vermeer div.wpcf7-mail-sent-ng, .vermeer .form-wrap input[type="submit"]{
    background:#fc8923;
}

.vermeer #wpcr_pagination a{
    background:#fc8923;
}

.vermeer #wpcr_pagination .wpcr_current{
    background:#000;
}

.vermeer #contact-info a{
    color:#fc8923;
}


/* Dark bg */
body.vermeer, .vermeer header{
    background:#1e1822;
}

.vermeer header #header-inner-wrap{
    background:#1e1822 url('img/menu_open.svg') no-repeat;
    background-position:95% 13px;
    background-size:auto 45%;
}

.vermeer header.open #header-inner-wrap{
    background:#1e1822 url('img/menu_close.svg') no-repeat;
    background-position:95% 10px;
    background-size:30px;
}


.vermeer header ul{
    background:#1e1822;
}

.vermeer .b-column select{
    color:#FFF;
    background-color:#1e1822;
}

.vermeer .bg-dark{
    background-color:#1e1822;
}

.vermeer{
    background-color:#1e1822;
}

@media only screen and (max-width: 640px){
    .vermeer header ul li a{
        background:#FFF;
        color:#1e1822;
    }


}

@media only screen and (min-width: 640px){
    .vermeer header #header-inner-wrap{
        background:#1e1822;
    }

    .vermeer header #header-inner-wrap{
        background:#1e1822;
        background-position:95% 13px;
        background-size:auto 45%;
    }

    .vermeer header.open #header-inner-wrap{
        background:#1e1822;
        background-position:95% 10px;
        background-size:30px;
    }
}

.vermeer .back-btn{
    color:#1e1822 !important;
}


/* Light bg */
.vermeer .bg{
    background:#271f2c;
    color:#FFF;
}

.vermeer .menukaart-ganglabel{
    color:#271f2c;
}

.vermeer #wpcr_reviews .average, .vermeer #wpcr_reviews .base, .vermeer #wpcr_commentform .score, .vermeer #wpcr_respond_1 .average, .vermeer #wpcr_respond_1 .base{
    background: url(img/vermeer_newstars.png) no-repeat;
}

.vermeer #wpcr_commentform .score a:hover{
    background:url(img/vermeer_newstars.png) bottom right no-repeat;
}


.vermeer #reserveren input, .vermeer #reserveren select{
    background:#1e1822;
    color:#9f9f9f;
}

.vermeer #reserveren select{
    background:#1e1822 url('img/dropdown-arrow.png') no-repeat 90% 50%;
    background-size:auto 25%;
}

.vermeer .ui-datepicker-header {
	background: #1e1822;
}



.vermeer #reserveren-btn, .vermeer #locatie-btn{
    background:#fc8923;
}

.vermeer #locatie-btn{
    -webkit-box-shadow: inset 1px 0px 0px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 1px 0px 0px 0px rgba(0,0,0,0.25);
    box-shadow: inset 1px 0px 0px 0px rgba(0,0,0,0.25);
}



/* =============================================================== */

.hetgerecht button, .hetgerecht .button, .hetgerecht #reserveren .wpcf7-submit {
	background:#aed545;
    border:1px solid #fc8923;
	color: #FFF;
}

.hetgerecht .button.inverted{
    color:#aed545;
    background:#FFF;
    border:1px solid #aed545;
}

.hetgerecht .highlight, .hetgerecht a.highlight, .hetgerecht header ul li a:hover, .hetgerecht .faq ol li.open h4, .hetgerecht .wpcr_status_msg div, .hetgerecht span.wpcf7-not-valid-tip, .hetgerecht span.wpcf7-not-valid-tip, .hetgerecht ol#faq-list > li.open > h4{
    color:#aed545;
}

.hetgerecht .sub-mode .sub-menu li a:hover, .hetgerecht .sub-mode li a.highlight:hover{
    opacity:1;
    color:#aed545;
}

.hetgerecht .b-column input[type=submit], .hetgerecht div.wpcf7-mail-sent-ng, .hetgerecht .form-wrap input[type="submit"] {
    background:#aed545;
}

.hetgerecht #contact-info a{
    color:#aed545;
}

.hetgerecht #wpcr_pagination a{
    background:#aed545;
}

.hetgerecht #wpcr_pagination .wpcr_current{
    background:#000;
}


/* Dark bg */
body.hetgerecht, .hetgerecht header{
    background: #2c0d14;
}

.hetgerecht header #header-inner-wrap{
    background:#2c0d14 url('img/menu_open.svg') no-repeat;
    background-position:95% 13px;
    background-size:auto 45%;
}

.hetgerecht header.open #header-inner-wrap{
    background:#2c0d14 url('img/menu_close.svg') no-repeat;
    background-position:95% 10px;
    background-size:30px;
}

.hetgerecht header ul{
    background:#2c0d14;
}

.hetgerecht .b-column select{
    color:#FFF;
    background-color:#2c0d14;
}

@media only screen and (max-width: 640px){
    .hetgerecht header ul li a{
        background:#FFF;
        color:#2c0d14;
    }
}

@media only screen and (min-width: 640px){
    .hetgerecht header #header-inner-wrap{
        background:#2c0d14;
    }

    .hetgerecht header #header-inner-wrap{
        background:#2c0d14;
        background-position:95% 13px;
        background-size:auto 45%;
    }

    .hetgerecht header.open #header-inner-wrap{
        background:#2c0d14;
        background-position:95% 10px;
        background-size:30px;
    }
}


.hetgerecht .back-btn{
    color:#2c0d14 !important;
}


/* Light bg */
.hetgerecht .bg{
    background:#3f111b;
    color:#FFF;
}

.hetgerecht .menukaart-ganglabel{
    color:#3f111b;
}

.hetgerecht #wpcr_reviews .average, .hetgerecht #wpcr_reviews .base, .hetgerecht #wpcr_commentform .score, .hetgerecht #wpcr_respond_1 .average, .hetgerecht #wpcr_respond_1 .base{
    background: url(img/vijffvlieghen_newstars.png) no-repeat;
}

.hetgerecht #wpcr_commentform .score a:hover{
    background:url(img/vijffvlieghen_newstars.png) bottom right no-repeat;
}



.hetgerecht #reserveren-btn, .hetgerecht #locatie-btn{
    background:#aed545;
}


/* =============================================================== */

.vijffvlieghen button, .vijffvlieghen .button, #reserveren .wpcf7-submit {
	background:#008fd2;
    border:1px solid #008fd2;
}

.vijffvlieghen .button.inverted{
    color:#008fd2;
    background:#FFF;
    border:1px solid #aed545;
}

.vijffvlieghen .highlight, .vijffvlieghen a.highlight, .vijffvlieghen header ul li a:hover, .vijffvlieghen .faq ol li.open h4, .vijffvlieghen .wpcr_status_msg div, .vijffvlieghen span.wpcf7-not-valid-tip, .vijffvlieghen span.wpcf7-not-valid-tip, .vijffvlieghen ol#faq-list > li.open > h4{
    color:#008fd2;
}

.vijffvlieghen .sub-mode .sub-menu li a:hover, .vijffvlieghen .sub-mode li a.highlight:hover{
    opacity:1;
    color:#008fd2;
}

.vijffvlieghen .b-column input[type=submit], .vijffvlieghen div.wpcf7-mail-sent-ng, .vijffvlieghen .form-wrap input[type="submit"] {
    background:#008fd2;
}

.vijffvlieghen #contact-info a{
    color:#008fd2;
}

.vijffvlieghen #wpcr_pagination a{
    background:#008fd2;
}

.vijffvlieghen #wpcr_pagination .wpcr_current{
    background:#000;
}


/* Dark bg */
body.vijffvlieghen, .vijffvlieghen header{
    background:#000;
}

.vijffvlieghen header #header-inner-wrap{
    background:#000 url('img/menu_open.svg') no-repeat;
    background-position:95% 13px;
    background-size:auto 45%;
}

.vijffvlieghen header.open #header-inner-wrap{
    background:#000 url('img/menu_close.svg') no-repeat;
    background-position:95% 10px;
    background-size:30px;
}

.vijffvlieghen header ul{
    background:#000;
}

.vijffvlieghen .b-column select{
    color:#FFF;
    background-color:#000;
}

@media only screen and (max-width: 640px){
    .vijffvlieghen header ul li a{
        background:#FFF;
        color:#000;
    }
}

@media only screen and (min-width: 640px){
    .vijffvlieghen header #header-inner-wrap{
        background:#000;
    }

    .vijffvlieghen header #header-inner-wrap{
        background:#000;
        background-position:95% 13px;
        background-size:auto 45%;
    }

    .vijffvlieghen header.open #header-inner-wrap{
        background:#000;
        background-position:95% 10px;
        background-size:30px;
    }
}

.vijffvlieghen .back-btn{
    color:#000 !important;
}


/* Light bg */
.vijffvlieghen .bg{
    background:#191919;
    color:#FFF;
}

.vijffvlieghen .menukaart-ganglabel{
    color:#191919;
}

.vijffvlieghen #wpcr_reviews .average, .vijffvlieghen #wpcr_reviews .base, .vijffvlieghen #wpcr_commentform .score, .vijffvlieghen #wpcr_respond_1 .average, .vijffvlieghen #wpcr_respond_1 .base{
    background: url(img/vijffvlieghen_newstars.png) no-repeat;
}

.vijffvlieghen #wpcr_commentform .score a:hover{
    background:url(img/vijffvlieghen_newstars.png) bottom right no-repeat;
}


.vijffvlieghen #reserveren-btn, .vijffvlieghen #locatie-btn{
    background:#008fd2;
}


/* =============================================================== */

.krasnapolsky header ul li a,
.krasnapolsky .bg-dar a,
.krasnapolsky a {
    color:#3E2E1A;
}

.krasnapolsky button, .krasnapolsky .button, .krasnapolsky #reserveren .wpcf7-submit {
    background:#75563C;
    border:1px solid #75563C;
    color: #fff;
}

.krasnapolsky .button.inverted{
    color:#75563C;
    background:#fff;
    border:1px solid #e7e7e7;
}

.krasnapolsky .highlight, .krasnapolsky a.highlight, .krasnapolsky header ul li a:hover, .krasnapolsky .faq ol li.open h4, .krasnapolsky .wpcr_status_msg div, .krasnapolsky span.wpcf7-not-valid-tip, .krasnapolsky span.wpcf7-not-valid-tip, .krasnapolsky ol#faq-list > li.open > h4{
    color:#3E2E1A;
}

.krasnapolsky .sub-mode .sub-menu li a:hover, .krasnapolsky .sub-mode li a.highlight:hover{
    opacity:1;
    color:#3E2E1A;
}

.krasnapolsky .b-column input[type=submit], .krasnapolsky div.wpcf7-mail-sent-ng, .krasnapolsky .form-wrap input[type="submit"]{
    background:#fff;
}

.krasnapolsky #wpcr_pagination a{
    background:#fff;
}

.krasnapolsky #wpcr_pagination .wpcr_current{
    background:#fff;
}

.krasnapolsky #contact-info a{
    color:#3E2E1A;
}


/* Dark bg */
body.krasnapolsky, .krasnapolsky header{
    background:#fff;
}

.krasnapolsky header #header-inner-wrap{
    background:#fff url('img/menu_open.png') no-repeat;
    background-position:95% 13px;
    background-size:auto 45%;
}

.krasnapolsky header.open #header-inner-wrap{
    background:#fff url('img/menu_close.png') no-repeat;
    background-position:95% 10px;
    background-size:30px;
}


.krasnapolsky header ul{
    background:#fff;
}

.krasnapolsky .b-column select{
    color:#3E2E1A;
    background-color:#CCCCCC;
}

.krasnapolsky .bg-dark{
    background-color:#fff;
}

.krasnapolsky{
    background-color:#fff;
}

@media only screen and (max-width: 640px){
    .krasnapolsky header ul li a{
        background:#FFF;
        color:#3E2E1A;
    }


}

@media only screen and (min-width: 640px){
    .krasnapolsky header #header-inner-wrap{
        background:#fff;
    }

    .krasnapolsky header #header-inner-wrap{
        background:#fff;
        background-position:95% 13px;
        background-size:auto 45%;
    }

    .krasnapolsky header.open #header-inner-wrap{
        background:#fff;
        background-position:95% 10px;
        background-size:30px;
    }
}

.krasnapolsky .back-btn{
    color:#75563C !important;
}


/* Light bg */
.krasnapolsky .bg{
    background:#CCCCCC;
    color:#3E2E1A;
}

.krasnapolsky .menukaart-ganglabel{
    color:#271f2c;
}

.krasnapolsky #wpcr_reviews .average, .krasnapolsky #wpcr_reviews .base, .krasnapolsky #wpcr_commentform .score, .krasnapolsky #wpcr_respond_1 .average, .krasnapolsky #wpcr_respond_1 .base{
    background: url(img/krasnapolsky_newstars.png) no-repeat;
}

.krasnapolsky #wpcr_commentform .score a:hover{
    background:url(img/krasnapolsky_newstars.png) bottom right no-repeat;
}


.krasnapolsky #reserveren input, .krasnapolsky #reserveren select{
    background:#1e1822;
    color:#9f9f9f;
}

.krasnapolsky #reserveren select{
    background:#1e1822 url('img/dropdown-arrow.png') no-repeat 90% 50%;
    background-size:auto 25%;
}

.krasnapolsky .ui-datepicker-header {
    background: #1e1822;
}



.krasnapolsky #reserveren-btn, .krasnapolsky #locatie-btn{
    background:#75563C;
    color:#fff;
}

.krasnapolsky #locatie-btn{
    -webkit-box-shadow: inset 1px 0px 0px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 1px 0px 0px 0px rgba(0,0,0,0.25);
    box-shadow: inset 1px 0px 0px 0px rgba(0,0,0,0.25);
}

.krasnapolsky h1 {
    color:#fff;
}
.krasnapolsky .icl_lang_sel_current {
    color:#3E2E1A;
}






/* Verschillende fixes */

/* Select fixes */
#reserveren .styled-select {
	width: 100%;
	overflow: hidden;
	display: block;
}
#reserveren .styled-select select {
	width: 112%;
	cursor: pointer;
}


.krasnapolsky .b-column input[type="submit"], .krasnapolsky div.wpcf7-mail-sent-ng, .krasnapolsky .form-wrap input[type="submit"] {
    color: #000 !important;
}

.krasnapolsky #header-inner-wrap p {
    color:#000 !important;
}

@media only screen and (max-width: 640px) {
	#meer-over-btn,
	.mobile-fullwidth,
	#wpcf7-f115-o2 input[type="submit"] {
		display: block !important;
		float: none !important;
		text-align: center !important;
	}

	#wpcf7-f115-o2 input[type="submit"] {
		width: 100%;
	}
}


#fancybox-wrap {
	z-index:723985723984798 !important;
}

.resengo-button .fab-rect-button span.vertical {
    width:80px;
}