/*
Theme Name: Mixinn Elementum V2
Theme URI:
Description: 
Version: 2.0
Author: Bens
Author URI: www.bens.nl
Tags:
*/

/*
    \__     __/
     /_/ /\ \_\
    __ \ \/ / __
    \_\_\/\/_/_/
__/\___\_\/_/___/\__
  \/ __/_/\_\__ \/
    /_/ /\/\ \_\
     __/ /\ \__
     \_\ \/ /_/
     /        \ 
*/


@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,700');


/* ========================================================================= 
////	RESET
=========================================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{margin: 0;	padding: 0;	border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

/* HTML5 display-role reset voor oude browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}


/* ========================================================================= 
////	ALGEMENE LAY-OUT en ELEMENTEN
=========================================================================== */
html {margin: 0; padding: 0; overflow-x:hidden; height:100%;}
body {margin:0; padding:0; width:100%; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 13px; background:#000000; color:#555555; line-height: 20px; font-weight: 300; height:100%;}
#wrapper-buiten {margin:0 auto; max-width:100%; height:auto; background:url(images/achtergrond.jpg); background-attachment: fixed; background-size:100% 100%;}
.content-container {margin:0 auto; width: 1120px; height:auto; padding:0; clear:both; position:relative;}
img {border-style:none; max-width:100%; vertical-align:top; height:auto;}
#balk-hover {background-color:rgba(255,255,255,0.85); height:200px; width:100%; display: none; position:absolute; top:85px;}


/* ========================================================================= 
////	TEKSTEN (basis)
=========================================================================== */
h1 {font-family: 'Noto Serif', Georgia, Times, serif; font-size: 42px; color:#212d4f; font-weight: normal; line-height: 1.10; margin: 0; padding: 0; letter-spacing: -0.01em;}
h2 {font-family: 'Noto Serif', Georgia, Times, serif; font-size: 36px; color:#ef790c; font-weight: normal; line-height: 1.15; margin: 0; padding: 0; letter-spacing: -0.01em;}
h3 {font-family: 'Noto Serif', Georgia, Times, serif; font-size: 32px; color:#ef790c; font-weight: normal; line-height: 1.15; margin: 0; padding: 0; letter-spacing: -0.01em;}
h4 {font-family: 'Noto Serif', Georgia, Times, serif; font-size: 28px; color:#ef790c; font-weight: normal; line-height: 1.25; margin: 0; padding: 0; letter-spacing: -0.01em;}
h5 {font-family: 'Noto Serif', Georgia, Times, serif; font-size: 24px; color:#ef790c; font-weight: normal; line-height: 1.25; margin: 0; padding: 0; letter-spacing: -0.01em;}
h6 {font-family: 'Noto Serif', Georgia, Times, serif; font-size: 18px; color:#ef790c; font-weight: normal; line-height: 1.25; margin: 0; padding: 0; letter-spacing: -0.01em;}
p  {font-family:  'Roboto', Arial, Helvetica, sams-serif; font-size: 14px; color:#777777; line-height: 24px; margin: 0; padding: 0; font-weight: 300;}
p.intro {font-family: 'Roboto', Arial, Helvetica, sams-serif; margin:20px auto; font-size:56px; width:auto; display: inline-block; color:#fff; background-color:#ef790c; padding:20px; text-align: center;}
p.subkop {color:#ef790c; font-size:22px; font-weight: 300;}
blockquote, q {font-family: 'Roboto Condensed', Arial, Helvetica, Verdana, sans-serif; font-size: 20px; line-height: 28px; font-weight: 300; margin:0; padding:0; color:#da8a15;}
b, strong {font-weight:700; color:#555;}
hr {border:0; border-top:5px solid #ef790c; margin:0 auto; width:80px; clear:both;}
hr.full {border:0; border-top:1px dotted #ddd; margin:0 auto; width:100%; clear:both;}
small {font-size:13px; font-weight: 300;}
a {text-decoration:none; color:#ef790c;}
a:hover {text-decoration:none;}
.block-text > p > a:before {font-family: FontAwesome; content: "\f0a9"; margin-right:5px; color:#af171a; font-size:20px; position:relative; top:2px;}


/* ========================================================================= 
////	ELEMENT SUFFIX
=========================================================================== */
.clear {clear:both;}
.clear-left {clear:left;}
.clear-right {clear:right;}
.spacer {width:100%; display: block; clear:both; padding:1px 0;}
.off {display:none;}
.overflow {overflow:hidden;}
.relative {position: relative;}
.absolute {position: absolute;}
.center {text-align:center; margin:0 auto;}
.left {text-align:left; margin:0 auto;}
.right {text-align:right; margin:0 auto;}
.float-left {float:left;}
.float-right {float:right;}
.underline {text-decoration:underline;}
.margin-10 {margin:10px;}
.margin-20 {margin:20px;}
.margin-30 {margin:30px;}
.margin-40 {margin:40px;}
.margin-50 {margin:50px;}
.margin-60 {margin:60px;}
.margin-70 {margin:70px;}
.margin-80 {margin:80px;}
.margin-90 {margin:90px;}
.margin-100 {margin:100px;}
.margin-5-0 {margin:5px auto;}
.margin-10-0 {margin:10px auto;}
.margin-20-0 {margin:20px auto;}
.margin-30-0 {margin:30px auto;}
.margin-40-0 {margin:40px auto;}
.margin-50-0 {margin:50px auto;}
.margin-60-0 {margin:60px auto;}
.margin-70-0 {margin:70px auto;}
.margin-80-0 {margin:80px auto;}
.margin-90-0 {margin:90px auto;}
.margin-100-0 {margin:100px auto;}
.padding-10 {padding:10px;}
.padding-20 {padding:20px;}
.padding-30 {padding:30px;}
.padding-40 {padding:40px;}
.padding-50 {padding:50px;}
.padding-60 {padding:60px;}
.padding-80 {padding:80px;}
.padding-100 {padding:100px;}
.padding-10-0 {padding:10px auto;}
.padding-20-0 {padding:20px auto;}
.padding-30-0 {padding:30px auto;}
.padding-40-0 {padding:40px auto;}
.padding-50-0 {padding:50px auto;}
.padding-0-10 {padding:0 10px;}
.padding-0-20 {padding:0 20px;}
.padding-0-30 {padding:0 30px;}
.padding-0-40 {padding:0 40px;}
.padding-0-50 {padding:0 50px;}
.margin-min-0-30 {margin:0 -30px;}
.width-50 {width:50%;}
.width-60 {width:60%;}
.width-70 {width:70%;}
.width-80 {width:80%;}
.width-90 {width:90%;}
.width-100 {width:100%;}
.tekst-bold {font-weight:700!important;}
.tekst-wit {color: #fff!important;}
.tekst-zwart {color: #000!important;}
.achtergrond-wit {background-color:#fff;}
.achtergrond-grijs {background-color:#f2f2f2; overflow:hidden;}
.achtergrond-zwart {background-color:#000; overflow:hidden;}
.z-index-9999 {z-index:9999;}

.button, .popup, button {text-align: center; display: inline-block; max-width:200px; border: 1px solid #222; color: #fff; background:#000; padding: 10px 10px; font-family: Arial, Helvetica, Verdana; font-size: 14px; line-height: 16px; cursor:pointer;}
.button:hover, .popup:hover {color: #ccc;}

.border-tekst {padding:5px 0;border-bottom:1px solid #aaa; margin-bottom:10px;}
.ingredienten > p {text-align: left; font-size:20px; color:#222;}
.ingredienten > p:before {content: "• "}


.btn-class{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#f0a818 0%,
		#ef7a0c);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#f0a818),
		to(#ef7a0c));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #b85f00;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px -1px 0px rgba(239,122,12,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px -1px 0px rgba(239,122,12,0.7);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px -1px 0px rgba(239,122,12,0.7);
	text-shadow:
		0px -1px 1px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.3);
}

/* =========================================================================
////	RESPONSIVE GRID X12
=========================================================================== */
.section {clear: both;	padding: 0px; margin: 0px;}
/*  COLUMN SETUP  */
.col {display: block; float:left; margin: 1% 0 1% 1.6%;}
.col:first-child {margin-left: 0;}
/*  GROUPING  */
.group:before, .group:after { content:""; display:table; }
.group:after { clear:both;}
.group {zoom:1; /* For IE 6/7 */}
/*  GRID OF TWELVE  */
.span_12_of_12 {width: 100%;}
.span_11_of_12 {width: 91.53%;}
.span_10_of_12 {width: 83.06%;}
.span_9_of_12 {width: 74.6%;}
.span_8_of_12 {width: 66.13%;}
.span_7_of_12 {width: 57.66%;}
.span_6_of_12 {width: 49.2%;}
.span_5_of_12 {width: 40.73%;}
.span_4_of_12 {width: 32.26%;}
.span_3_of_12 {width: 23.8%;}
.span_2_of_12 {width: 15.33%;}
.span_1_of_12 {width: 6.866%;}
/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 780px) {
	.col {  margin: 1% 0 0 0%; }
	.col:first-child {margin:13px 0;}
    .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {width: 100%;}
}

       #map {
        height: 400px;
        width: 100%;
       }


/* =========================================================================
////	HEADER, HEADER HOME
=========================================================================== */
.header {margin:5px auto 0; max-width:1120px; height:60px; z-index: 9999;}
.nav-height {height:60px; position: relative;}
.telefoon {position:absolute; top:5px; right:4px; display:block; font-size:16px;}
.nav-groot {position: relative; top:25px; z-index: 9999;}
.header-logo {max-height: 140px; position: absolute; margin: auto; top:70px; left: 0; right: 0;  bottom: 0;}
.logo-sticky {position:absolute; top:15px; left:20px; z-index:9999; width:200px; max-height:200px;}

#contact > .icoon-container {display:none;}
#contact > h1 {display:none;}
#contact > hr {display:none;}
#contact > .content-column > p {font-size:18px!important;}
#contact > .content-column > p > .popup {border: none; max-width: 300px; text-align: left; padding: 5px 0;}

/* =========================================================================
////	HOME
=========================================================================== */
.header-afbeelding {max-width:1120px; height:680px; overflow:hidden; margin:0 auto 20px; z-index:-1;  -webkit-box-shadow: 0px 3px 5px -3px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 5px -3px rgba(0,0,0,0.75);
box-shadow: 0px 3px 5px -3px rgba(0,0,0,0.75);}
.header-achtergrond {width:100%; display: inline-block; height:auto; background-size: cover;}
.header-achtergrond.home {height:400px; background-position: center center; background-repeat: no-repeat;}
.header-achtergrond.product {height:400px; background-position: center center; background-repeat: no-repeat;}
.header-achtergrond.nieuws {height:800px; background-position: center center; background-repeat: no-repeat;}
.column-container {width:90%; padding:5%;}
.intro-blok {width:1100px; margin:0 auto -50px; background:#fff; position:relative; top:-80px; padding:10px; overflow:auto;}
.main-content {width:auto; margin:0 auto; padding:40px;}

.blok3 {width:32.33%; background:#fff; display: inline-block; float:left; margin-right:1.5%; margin-bottom:20px;}
.block-text {padding:40px; width:auto;}
.blok3:last-child {margin-right:0; clear:right;}

.slideDown { background:#222; display: none; overflow:auto; margin:20px 0; padding:10px;}
.specialOpen { cursor:pointer;}

.slideDown2 { background:#000; display: none; margin:20px 0;}
.specialiteiten-container.odd > .slideDown2 { background:#fff; display: none; margin:20px 0;}
.contactOpen { cursor:pointer;}

li.facebook > a {color:#000!important;}
li.facebook > a:before {font-family: FontAwesome; content: "\f082"; font-size:28px; color:#fff;}


.cd-auto-hide-header {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  background-color:rgba(255,255,255,1);
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
  -webkit-box-shadow: 0px 3px 5px -3px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 5px -3px rgba(0,0,0,0.75);
box-shadow: 0px 3px 5px -3px rgba(0,0,0,0.75);
}
.cd-auto-hide-header::after {
  clear: both;
  content: "";
  display: block;
}
.cd-auto-hide-header.is-hidden {
  -webkit-transform: translateY(-200%);
      -ms-transform: translateY(-200%);
          transform: translateY(-200%);
}

.doorlink-blokken {width:100%; height:auto; display: block;}
.doorlink-blokken > ul {width:100%; height:auto; display: inline-block;}
.doorlink-blokken > ul > li {width:49.5%; height:400px; margin:10px 0 0 0; display: inline-block; float:left;}
.doorlink-blokken > ul > li:nth-child(2n+0) {width:49.5%; margin:10px 0 0 0; float:right;}
.doorlink-blokken > ul > li > a {height:400px; width:100%; display: inline-block; background-position: center center; background-repeat: no-repeat; background-size: cover;}

.wereld-van-dranken {background:url(images/Wereld_van_dranken.jpg); height:400px; width:100%; background-position: center center; background-repeat: no-repeat; background-size: cover; margin-bottom:10px;}
.wereld-van-dranken > a {display:block; height:400px; width:100%; z-index:9999; position:relative;}
.onze-wereld-van-dranken {position:absolute; top:20%; left:5%; width: 400px; height:180px; background:url(images/Onze_wereld_van_Dranken.png); background-position: center center; background-repeat: no-repeat; background-size:contain;}

/* ========================================================================= 
////	AANBIEDINGEN
=========================================================================== */


/* ========================================================================= 
////	PRODUCTEN
=========================================================================== */
.producten-container {width:90%; margin:0 auto;}
ul.product-container {width:100%; height:auto; margin:20px auto; padding:0;}
ul.product-container > li {width:100%; margin-right: 0; height:300px; display:inline-block; float:left; text-align: center; padding: 20px 0; margin-top:20px; transition: all .1s ease-in-out;
		-webkit-box-shadow:  0px 0px 1px 0px rgba(50, 50, 50, 0.5); 
		-moz-box-shadow:  0px 0px 1px 0px rgba(50, 50, 50, 0.5); 
		box-shadow:  0px 0px 1px 0px rgba(50, 50, 50, 0.5);}
ul.product-container > li:hover { transition: all .1s ease-in-out;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.3);
		-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.3);
		box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.3);}
a.product-afbeelding {display:block; width:auto; height:200px; background-repeat: no-repeat; background-size: contain; background-position: top center; }
p.omschrijving {font-size:16px; padding:10px;}
.naam-drank {height:50px; color:#888; padding:0 10px;}



ul.product-container-actie {width:100%; height:auto; margin:20px auto; padding:0;}
ul.product-container-actie > li {position:relative; width:23%; margin-right: 2%; height:400px; display:inline-block; float:left; text-align: center; padding:0 0 20px 0; box-shadow: inset 0 0 1px #ef790c; margin-top:20px;}
ul.product-container-actie > li:hover {background:#f5f5f5;}
p.oudeprijs {text-decoration: line-through; color:#000;}
ul.product-container-actie > li > .prijs {font-size:22px; display:inline-block; color:#fff; position:relative; bottom:-15px; width:90%; text-align: center; background:#ef790c; -ms-transform: rotate(-4deg); /* IE 9 */
    -webkit-transform: rotate(-4deg); /* Chrome, Safari, Opera */
    transform: rotate(-4deg);}

/* Click Open */
a.open {display:block; position:relative; text-decoration: none; width:95%; padding:10px 0 10px 5%; background:#f8f8f8; color:#ccc; margin:10px 0 0 0; text-align: left;}
a.open:hover {background:#eee; color:#888; }
a.open:after {font-family: FontAwesome; content: "\f107"; position:absolute; font-size:16px; right:10px;}
a.open.active {background:#ef790c; color:#fff; }
a.open.active:after {font-family: FontAwesome; content: "\f057"; color:#fff; font-size:16px; position:absolute; right:10px;}
#one {width:100%; margin: 60px auto 0px auto; text-align: center;}
.box {display:block; width:80%; margin: 0px auto 20px auto; height:auto; position:relative; display:none; padding: 10%; overflow:none; background:#000; color:#fff!important; text-align: left; z-index:9999;}
.box > p {font-family:Helvetica, Arial, Verdana, "sans-serif"; font-size:12px; line-height:16px;}
.box > b, strong {color:#ef790c!important;}
#one .box {}
ul li {display:block; list-style:none;}

.page-numbers {padding:10px; border:1px solid #eee; background:#fff;}

/* ========================================================================= 
////	FOOTER EN SUB CONTENT
=========================================================================== */
/* BLOCKS */
.footer-blocks {width:100%; margin:80px auto 0; padding:80px 0; background:#e5e5e5; overflow:auto;}
.footer-block1 {width:24.25%; margin-right:1%; float:left; display: inline-block; margin-bottom:40px;}
.footer-block1:last-child {margin-right:0;}



/* ========================================================================= 
////	Contact formulier
=========================================================================== */
form.wpcf7-form {width:100%; margin:0;}
textarea.wpcf7-form-control.wpcf7-textarea {width:100%;}
form.wpcf7-form > p {text-align:left;}
input.wpcf7-form-control.wpcf7-text {padding:2.5%; margin:10px 0; width:95%;}
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {border:none; background-color:#ff0000; color:#fff; text-align:center; font-family:'Roboto', Arial; font-size: 14px; font-weight: 700; letter-spacing:-0.03em; margin: 10px 0; padding: 25px;}
span.wpcf7-not-valid-tip {color: #FFF; font-size: 1em; display: block; background-color: #ff0000; margin-top: -10px; border: 1px solid #ff0000; width: 95%; padding: 1% 2.5%;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(255, 0, 0, 1);
	-moz-box-shadow:    0px 0px 5px 0px rgba(255, 0, 0, 1);
	box-shadow:         0px 0px 5px 0px rgba(255, 0, 0, 1);}
input.wpcf7-not-valid {width:100%; border:1px solid #ff0000; 
	-webkit-box-shadow: 0px 0px 5px 0px rgba(255, 0, 0, 1);
	-moz-box-shadow:    0px 0px 5px 0px rgba(255, 0, 0, 1);
	box-shadow:         0px 0px 5px 0px rgba(255, 0, 0, 1);}
select.wpcf7-form-control {padding:5px; width:99%;}
select.wpcf7-form-control.wpcf7-select {margin-top:5px; width:51%; padding:10px 0 10px 10px;}
span.wpcf7-list-item {margin:10px 0; display:inline-block;}
span.wpcf7-list-item-label{padding:5px; font-family: Helvetica, Arial, Verdana, Serif; font-size:12px; color:#888; font-weight:400;}
span.wpcf7-list-item.first.last {border:1px solid #ddd;  width:100%; padding:5px 0;}
.wpcf7 > form input[type="submit"][disabled], .wpcf7 > form input[type="submit"][disabled]:hover, .wpcf7 > form input[type="submit"][disabled]:focus 
{color:#555; background:#333; cursor:not-allowed;}
input.wpcf7-submit {padding:10px 10px 8px 10px; margin:5px 0 0 0; display:inline-block; font-family: Helvetica, Arial, Verdana, Serif; font-size:14px; background:#888; color:#fff; font-weight:700; cursor:pointer;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

div.wpcf7-mail-sent-ok {background-color: #398F14; color:#fff; padding:15px 0;}
	
span.simple_button {display:inline-block;}
span.simple_button input {padding:10px 10px 8px 10px; margin:5px 0 0 -15px; display:inline-block; font-family: Helvetica, Arial, Verdana, Serif; font-size:14px; background:#f5f5f5; color:#d5d5d5; font-weight:700; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

input {border:1px solid #ddd;}
input:hover {border:1px solid #999;}
input:focus {border:1px solid #aaa;}
input[type='checkbox'] {margin:0 0 5px 0px;
	-ms-transform: scale(1.25); /* IE */
	-moz-transform: scale(1.25); /* FF */
	-webkit-transform: scale(1.25); /* Safari and Chrome */
	-o-transform: scale(1.25); /* Opera */}
textarea {border:1px solid #ddd;}
textarea:hover {border:1px solid #999;}
textarea:focus {border:1px solid #aaa;}
select {border:1px solid #ddd;}
select:hover {border:1px solid #999;}
select:focus {border:1px solid #aaa;}

select{border:1px solid #ddd}
select:hover{border:1px solid #999}
select:focus{border:1px solid #612622}
h6>span{font-size:9px;color:#ff0000!important}
form.wpcf7-form{width:100%;margin:1px;display:block;border:none}
.wpcf7-form-control{width:100%;padding:10px 0;margin:5px 0 20px 0}
.wpcf7-text,wpcf7-select{border:1px
solid #ccc;position:relative;box-shadow:0 1px 3px rgba(0,0,0,0.08);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.wpcf7-acceptance{width:20px;position:relative;top:0px}
input{border:1px solid #ccc}
input:hover{border:1px solid #ccc}
input:focus{border:1px solid #f90}
.wpcf7-text::before{content:''}
textarea{border:1px solid #ccc}
textarea:hover{border:1px solid #ccc}
textarea:focus{border:1px solid #f90}
select{position:relative;border:1px solid #ccc;box-shadow:0 1px 3px rgba(0, 0, 0, 0.08);cursor:pointer;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select::after{content:'';position:absolute;z-index:1;right:16px;top:50%;margin-top:-8px;display:block;width:16px;height:16px; pointer-events:none}
select::-ms-expand{display:none}.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors{border:none;background-color:#f00;color:#fff;text-align:center;font-family:'Roboto',Arial;font-size:14px;font-weight:700;letter-spacing:-0.03em;margin:10px 0}

.page-template-default.page.page-id-2554 #wrapper-buiten .partij-blok {display: none!important;} 



/* ========================================================================= 
////	NAVIGATIE - DESKTOP
=========================================================================== */
#cssmenu { margin:0; z-index:1; font-family: Arial, Helvetica, Sans-serif; font-size: 18px; font-weight: 700; text-align: right;}
#cssmenu > ul {margin: 0; padding: 0; position: relative;}
#cssmenu > ul > li { position: relative; display:inline-block;}
#cssmenu > ul > li > a {padding:10px 5px; display: inline-block; color: #000; text-decoration: none; line-height: 18px; font-size:16px;}
#cssmenu > ul > li:hover > a {color:#ef790c;}
#cssmenu > ul > li.active > a {}
#cssmenu > ul > li.menu-item-has-children.has-sub > a:after {font-family: FontAwesome; content: "\f107"; font-weight: initial; margin: 0 0 0 3px; font-size: 11px; position: relative; top: -1px; color: #999;}
/*  ==== DROPDOWN ===== */
#cssmenu > ul ul {opacity: 0; visibility: hidden; position: absolute; top: 40px; left: 0%; margin: 0; padding: 30px 15px 15px 15px;  transition: all .1s ease-in-out; z-index:9999; background:#fff;}
#cssmenu > ul li:hover > ul {opacity: 1; top: 30px; visibility: visible; margin: 0; color: #aaa; z-index: 2; transition: all .3s ease-in-out;}
#cssmenu > ul ul li {text-align: left; list-style: none; padding: 0; margin: 0; width: 100%; position:relative;}
#cssmenu > ul ul li a {font-family: Arial, Helvetica, sans-serif; padding: 5px 0 5px 5px; display: block; color: #555; font-size: 14px; text-decoration: none; font-weight:300; width: 200px;}
#cssmenu > ul ul li:last-child a {border:0;}
#cssmenu > ul ul li a:before {margin-right:10px;}
#cssmenu > ul ul li:hover a {font-weight:400; color:#fff; background:#ef790c;}
#cssmenu > ul ul li.menu-item-has-children.has-sub > a:after {font-family: FontAwesome; content: "\f105"; margin-left:5px; float:right;}
/*  ==== DROPDOWN SUB ===== */
#cssmenu > ul ul ul {opacity: 0; visibility: hidden; position: absolute; top: 0px; left: 180px; background:#ef790c; background-position:left top; margin: 0; padding: 10px; -webkit-box-shadow: 0 4px 5px -5px #555; -moz-box-shadow: 0 4px 5px -5px #555; box-shadow: 0 4px 5px -5px #555;}
#cssmenu > ul ul li:hover > ul {opacity: 1;  visibility: visible; margin: 0;  color: #aaa;  z-index: 2;  top: 0px;  left: 190px;}
#cssmenu > ul ul ul li {list-style: none;  padding: 0;  margin: 0;  width: 100%;}
#cssmenu > ul ul ul li a { padding: 5px 0 5px 10px;  display: block;  color: #fff;  font-size: 12px;  text-decoration: none;   font-weight:300; width: 150px;}
#cssmenu > ul ul ul li a:hover {color:#fff; background:#f06000;}
#cssmenu > ul ul ul li a:active {}

/* ========================================================================= 
////	NAVIGATIE - MOBIEL
=========================================================================== */
.kleinscherm {display:none;} 

.slidingDiv {height:auto; background-color: #f5f5f5; padding:0; margin-top:0px;}
.show_hide {display:none; cursor:pointer;}
.menu-knop-klein {display:block; text-align: right; padding:10px 0;}
.menu-knop-klein > h6:before {font-family: FontAwesome; content: "\f0c9"; margin-right:15px; color:#aaa!important;}
#mobiel {z-index:9999;}
#mobiel > ul > li {text-align:center;}
#mobiel > ul > li > a {font-family:'Roboto', Arial; font-size: 14px; color:#444; font-weight: 700; display:block; padding:20px 0; border-bottom:1px solid #ddd;}
#mobiel > ul > li > a:hover {background-color:#777; color:#fff;}
#mobiel > ul > li.current_page_item > a {background-color:#333; color:#fff;}
#mobiel > ul > li:last-child > a {border-bottom:none;}
#mobiel > ul > li > ul.sub-menu {background-color:#eee;}
#mobiel > ul > li > ul.sub-menu > li {}
#mobiel > ul > li > ul.sub-menu > li > a {display:block; padding:10px; color:#444;}
#mobiel > ul > li > ul.sub-menu > li.current_page_item > a {background-color:#ccc;}

#mobiel > ul > li.menu-item-has-children > a {background-image: url(images/arrow-down.png); background-repeat: no-repeat; background-position: 96%; background-size: 5%;}
#mobiel > ul > li.menu-item-has-children > ul {padding:10px; -webkit-box-shadow: inset 0px 10px 5px -10px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 10px 5px -10px rgba(0,0,0,0.75); box-shadow: inset 0px 10px 5px -10px rgba(0,0,0,0.75);}
#mobiel > ul > li.menu-item-has-children > ul > li {width:100%; display:block; text-align:left; padding:5px 0 5px 10px; border-left:1px solid #ff9900;}
#mobiel > ul > li.menu-item-has-children > ul > li > a {color:#fff; font-family: 'FuturaStd-Bold', Arial, Helvetica, sans-serif; text-transform:uppercase; }
#mobiel > ul > li.menu-item-has-children > ul.sub-menu {display:none;}
#mobiel > ul > li.menu-item-has-children:hover > ul.sub-menu {display:none; background-color:#aaa;}


p.sticky-subtitle {display: none;}
.pp_content {width:600px; height:350px;}

/* ========================================================================= 
////	FORMATEN
=========================================================================== */

@media only screen and (max-width: 1200px) {
	.header {width:100%}
	.content-container {width:95%;}
	.intro-blok {width:95%;}
	.sfeerbeeld-container, .map-blok, .partij-blok, partij-container {width:100%;}
	.header-afbeelding {width:100%; max-width:1140px;}
	.partij-container > ul {width:95%;}
	.interesse-blok {width:95%; padding:2.5%;}
	.grootscherm {margin:0 auto; width:100%;}

}


@media only screen and (max-width: 980px) {
	.sidebar {padding-top:20px;}
	.sfeerbeeld-container > ul > li {height:150px;}
	ul.woningtype-lijst > li {width:45.5%;}
	a.show_hide {display:inline-block;}
	.nav-height {height:auto;}
	#balk-hover {display:none!important;}
	
	ul.woningtype-lijst > li {width:45.5%;}
	.grootscherm, .header-naw, .nav-groot {display:none;}
	.telefoon {position:absolute; top:14px; right:70px; display:block;}
	.kleinscherm {display:initial; z-index:9999; width:95%;}
	a.show_hide {display:inline-block;}
	.nav-height {height:auto;}
	.header-achtergrond.home, .header-afbeelding {height:450px;}

}



@media only screen and (max-width: 780px) {	
	.header {margin: 0 auto; width:100%;}
	.header > .content-container {margin: 0 auto; width:100%;}
	.header-achtergrond.home, .header-afbeelding {height:300px;}
	.sidebar {padding-top:20px;}
	.rond-deco {display: none;}
	.header-logo {position: initial; height: 70px; margin-left:20px}
	.sfeerbeeld-container > ul > li {width:50%;}
	.interesse-blok h1, .interesse-blok h2, .interesse-blok h3, .interesse-blok h4 {font-size:20px;}
	.partij-container > ul {width:90%;}
	.partij-container > ul > li {width:48%; float:left; padding:20px 1%;}
	form.wpcf7-form p {width: 80%; text-align: left; margin: 0 10%;}
	.blok3, .footer-block1 {width:100%;}
	.blok3 > .block-text {width:45%; float:left;}
	.blok3 > img {max-width:45%; float:right; height:100%;}
	.footer-block1:last-child {margin-top:-94px;}
	.block-text, .main-content {padding:20px;}
	.footer-blocks {margin-top:20px;}
	.footer-blocks > .content-container {width:90%;}
	.producten-container {width:90%; margin:0 auto;}
	ul.product-container {width:100%; height:auto; margin:20px auto; padding:0;}
	ul.product-container > li {width:48%; margin-right: 2%; height:300px; display:inline-block; float:left; text-align: center; padding: 20px 0; box-shadow: inset 0 0 1px #aaa; margin-top:10px;}
	.producten-container-actie {width:90%; margin:0 auto;}
	ul.product-container-actie {width:100%; height:auto; margin:20px auto; padding:0;}
	ul.product-container-actie > li {width:48%; margin-right: 2%; display:inline-block; float:left; text-align: center; padding: 20px 0; box-shadow: inset 0 0 1px #aaa; margin-top:10px;}
	li.facebook {display:none;}
	p.sticky-subtitle {display: inherit; position: absolute; top: -2px; left: 125px; padding: 10px;}
	
	.header-logo {max-height: 130px;}
	h1 {font-size:22px!important;}
	.logo-sticky {position:absolute; top:-6px; left:-45px; z-index:9999; width:200px; max-height:200px;}

	.doorlink-blokken > ul > li {width:100%; height:500px; margin:10px 0 0 0; display: inline-block; float:initial;}
	.doorlink-blokken > ul > li:nth-child(2n+0) {width:100%; margin:5px 0 0 0;  float:initial;}
	.doorlink-blokken > ul > li > a {height:500px;}
	.wereld-van-dranken {height:250px;}
	.wereld-van-dranken > a {height:250px;}
	.onze-wereld-van-dranken {position:absolute; top:15%; left:5%; width: 300px; height:180px;}
}


 @media screen and (max-width: 640px) {
	 ul.woningtype-lijst > li {width:95.5%;}
	 .header-logo {max-height: 62px; margin-left:10px}
	 
	.doorlink-blokken > ul > li {width:100%; height:380px;}
	.doorlink-blokken > ul > li:nth-child(2n+0) {width:100%;}
	.doorlink-blokken > ul > li > a {height:380px;}
	.onze-wereld-van-dranken {position:absolute; top:15%; left:5%; width: 200px; height:180px;}

	
}

 @media screen and (max-width: 480px) {
	h1 {font-size:26px;}
	.partij-container > ul > li {width:100%; float:left; padding:20px 1%;}
	form.wpcf7-form p {width: 95%; text-align: left; margin: 0 2.5%;}
	.blok3 > .block-text {width:90%; float: none;}
	.blok3 > img {display:none;}
	 .footer-blocks {margin-top:0px; padding-top:40px;}
	 ul.specials-container > li {width:100%;}
	 .header-logo {max-height: 62px; margin-left:0px}
	 
	.doorlink-blokken > ul > li {width:100%; height:280px;}
	.doorlink-blokken > ul > li:nth-child(2n+0) {width:100%;}
	.doorlink-blokken > ul > li > a {height:280px;}
	 .wereld-van-dranken {height:200px;}
	 .wereld-van-dranken > a {height:200px;}
	.onze-wereld-van-dranken {position:absolute; top:10%; left:5%; width: 200px; height:180px;}
	 
}

/* Google maps */
.maps-element {
    line-height: 0;
}

.maps-element iframe {
	width: 100%;
	height: 400px;
}