/*
Theme Name: SUE food
Theme URI: http://sue-food.nl
Author: Fleur Glansbeek
Author URI: http://fleurglansbeek.nl
Description: A minimalistic and clean Wordpress template
Version: 1.0

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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 for older 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;
}

* {
margin: 0;
padding: 0;
}

a {
	text-decoration: none;
	color: #000;
}

ul, li {
	list-style: none;
}

html {
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

/* BODY CSS */

body {
	font-family:'Futura LT W01 Light';
	font-size: 15px;
	text-align: center;
}

.main {
	max-width: 1200px;
	width: 83.33%; /* 1200px / 1440px */
	margin: 38px auto 0 auto;
}

/* HEADER */

header {
	max-width: 1200px;
	width: 83.33%; /* 1200px / 1440px */
	margin: 0 auto;
}

header h1 a {
	width: 161px;
	height: 108px;
	background: url(images/sue-logo.jpg);
	text-indent: -99999px;
	display: block;
	margin: 72px auto;
}

header .top {
	width: 100%;
	font-family: 'Century Gothic W01';
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 0.75px;
}

header .top .menu {
	display: table;
	margin: 0 auto;
}

header .top .menu li {
	float: left;
	margin: 0 25px;
}

header .top .menu li a {
	font-family: 'Century Gothic W01';
	color: #505050;
}

.top-mobile {
	display: none;
}

/* ONE PAGER */

/* PAGE BUILDER - PANELS*/

#pg-5-0 {
	margin-bottom: 80px !important;
}

#pg-5-0 img, #pg-5-2 img {
	max-width: 100%;
	height: auto;
}

#pgc-5-0-0, #pgc-5-2-1 {
	width: 33.33% !important;
}

#pgc-5-0-1, #pgc-5-2-0 {
	width: 66.66% !important;
}

#pg-5-0, #pg-5-2 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

#pg-5-0 .panel-grid-cell, #pg-5-2 .panel-grid-cell {
	padding: 0 !important;
}

.home {
	text-align: center;
}

.home h3 {
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 0.75px;
	margin-bottom: 30px;
}

.home p {
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 30px;
}

/* OVER SUE */

#pg-5-1 {
	width: 66.66%; /* 800px / 1200px */
	margin: 0 auto 59px auto !important;
}

#pg-5-1 h3 {
	font-size: 22px;
}

#pg-5-1 p {
	font-size: 17px;
	line-height: 27px;
}

#pg-5-1 .textwidget a {
	background: #c8cbce;
	padding: 14px 25px 14px 27px;
	font-family:'Century Gothic W01 Bold';
	font-size: 13px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1.25px;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	/* ...and now for the proper property */
	transition:.5s;
}

#pg-5-1 .textwidget a:hover {
	background: #babdc1;
}

/* SUBKOPPEN */

#pg-5-2 {
	width: 66.66%;
	margin: 0 auto 56px auto !important;
}

#pg-5-2 img {
	max-width: 100%;
	height: auto;
}

#pg-5-3 {
	width: 91.66%; /* 1100px / 1200px */
	margin: 0 auto !important;
}

#pg-5-3 .panel-grid-cell {
	padding: 0 15px !important;
}

/* BUTTON */

#pg-5-5 {
	margin-top: 10px;
}

.btn {
	width: 66.66%; /* 800px / 1200px */
	margin: 43px auto 0 auto;
	padding: 40px 0;
	border: 3px solid #403e4c;
}

.btn a {
	font-family: 'Century Gothic W01';
	font-size: 20px;
	color: #403e4c;
	text-transform: uppercase;
	letter-spacing: 0.75px;
	margin-bottom: 30px;
}

/* ASSORTIMENT */

#pg-5-5, #pg-5-6 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

#pg-5-5 {
	margin-bottom: 0px !important;
	max-height: 300px;
	height: auto;
	overflow: hidden;
}

#pg-5-5 .panel-grid-cell, #pg-5-6 .panel-grid-cell {
	padding: 0 !important;
	height: auto;
}

#pg-5-5 .panel-grid-cell, #pg-5-6 .panel-grid-cell {
	position: relative;
}

#pg-5-5 .panel-grid-cell img, #pg-5-6 .panel-grid-cell img {
	max-width: 100%;
	height: auto;
}

.title {
	width: 100%; /* 300px / 1200px */
	height: 300px;
	background: #c8cbce;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}

.title h4 {
	font-family: 'Century Gothic W01';
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.75px;
	margin: 120px 0 10px 0;
}

.title a, .title p {
	font-size: 17px;
	color: #fff;
	letter-spacing: 0.75px;
}

/* FOOTER */

footer {
	width: 100%;
	background: #403e4c;
	padding: 80px 0 60px 0;
	font-family: 'Century Gothic W01';
	font-size: 15px;
	letter-spacing: 0.75px;
	float: left;
	margin-top: 80px;
}

footer .bottom {
	width: 100%;
	text-transform: uppercase;
}

footer .bottom .menu {
	display: table;
	margin: 0 auto;
}

footer .bottom .menu li {
	float: left;
	margin: 0 25px;
}

footer .bottom .menu li a {
	color: #fff;
}

footer .social {
	width: 100%;
	text-transform: uppercase;
}

footer .social ul {
	display: table;
	margin: 80px auto 40px auto;
}

footer .social li {
	float: left;
	margin: 0 10px;
}

footer .social li, footer .social li a {
	color: #fff;
}

footer .instagram a {
	width: 20px;
	height: 20px;
	background: url(images/instagram_white.png);
	display: block;
	text-indent: -99999px;
	margin-top: -3px;
}

footer .facebook a {
	width: 20px;
	height: 20px;
	background: url(images/facebook_white.png);
	display: block;
	text-indent: -99999px;
	margin-top: -4px;
}

footer .vacatures {
	font-family: 'Century Gothic W01';
	font-size: 12px;
	color: #fff;
	text-align: center;
}

/* PAGE - ASSORTIMENT */

.assortiment {
	display: block;
}

.assortiment .blog-posts {
	width: 100%;
}

.assortiment .post {
	width: 25%; /* 300px / 1200px */
	height: 300px;
	float: left;
	position: relative;
}

.assortiment .post .image {
	width: 100%;
	height: 300px;
	overflow: hidden;
}

.assortiment .post img {
	width: 100%;
	height: auto;
}

.assortiment .post h4 {
	margin-top: 130px;
}

.assortiment .post p {
	font-size: 17px;
}

/* PAGE - PRODUCT */

.product .header-image {
	width: 100%;
	height: 525px;
	overflow: hidden;
	margin-bottom: 80px;
}

.product .header-image img {
	max-width: 100%;
	height: auto;
	margin-top: -50%;
}

/* HEADER POSITIONS*/

/* BOUNTY */

.postid-721 .header-image img {
	margin-top: -75%;
}

/* TIRAMISUE */

.postid-719 .header-image img {
	margin-top: -52%;
}

/* SALTED CARAMEL */

.postid-717 .header-image img {
	margin-top: -57%;
}

/* HAVERREEP */

.postid-716 .header-image img {
	margin-top: -57%;
}

/* APPEL CRUMBLE */

.postid-731 .header-image img {
	margin-top: -65%;
}

/* KEY LIME */

.postid-355 .header-image img {
	margin-top: -5%;
}

/* PROEVERIJ */

.postid-725 .header-image img {
	margin-top: -27%;
}

/* BANANENBROOD */

.postid-539 .header-image img {
	margin-top: -34%;
}

/* TRUFFELS */

.postid-181 .header-image img {
	margin-top: -72%;
}

.product h2 {
	width: 100%;
	font-size: 22px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.75px;
	margin-bottom: 30px;
}

.product .intro {
	width: 66.66%; /* 800px / 1200px */
	margin: 0 auto;
}

.product .intro p {
	font-size: 17px;
	line-height: 27px;
	text-align: center;
	letter-spacing: 0.25px;
	margin-bottom: 80px;
}

/* PRODUCT COLUMNS */

#pg-83-0 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

#pg-83-0 .panel-grid-cell {
	padding: 0 !important;
}

.product .sub-image {
	width: 100%; /* 400px / 1200px */
	height: 400px;
	overflow: hidden;
}

.product .sub-image .so-widget-sow-image {
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}
.product .sub-image img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

.product .entry h3 {
	font-size: 20px;
	margin-bottom: 30px;
}

.product .entry p {
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 20px;
	padding: 0 40px;
}

.product .entry a {
	background: #c8cbce;
	padding: 14px 25px 14px 27px;
	font-family:'Century Gothic W01 Bold';
	font-size: 13px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1.25px;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	/* ...and now for the proper property */
	transition:.5s;
}

.product .entry a:hover {
	background: #babdc1;
}

#pl-83 .panel-grid {
	margin-bottom: 40px !important;
}

#pg-83-1 p {
	padding: 0 25px;
}

/* BACK LINK */

.back-link {
	width: 66.66%; /* 800px / 1200px */
	margin: 0 auto 40px auto;
	padding: 40px 0;
	border: 3px solid #403e4c;
}

.back-link a {
	font-family: 'Century Gothic W01';
	font-size: 20px;
	color: #403e4c;
	text-transform: uppercase;
	letter-spacing: 0.75px;
	margin-bottom: 30px;
}

/* PAGE - BESTELLEN */

.page-id-203 .main {
	max-width: 1200px;
	width: 83.33%; /* 1200px / 1440px */
}

.page-id-203 .one, .page-id-203 .second, .page-id-203 .third, .page-id-203 .fourth {
	margin-bottom: 50px;
	clear: both;
}

.third h5, .fourth h4 {
	padding-top: 25px;
}

#pg-203-1 h4 {
	font-family: 'Century Gothic W01';
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.75px;
	margin-bottom: 30px;
}

#pg-203-1 h5 {
	font-family: 'Century Gothic W01';
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.75px;
	margin-bottom: 30px;
}

.checkbox-bites .wpcf7-list-item, .checkbox-overig .wpcf7-list-item, .third .wpcf7-form-control-wrap, .second .wpcf7-form-control-wrap, .fourth .wpcf7-list-item {
	clear: both;
	display: block;
	text-align: left;
	margin-bottom: 20px;
}

.checkbox-bites input, .third input {
	margin-right: 10px;
}

.bite-13 {
	width: 300px;
	height: 120px;
	background: url(http://sue-food.nl/wp-content/uploads/2016/07/aardbeichoco_01-.jpg) center;
	background-size: 100% auto;
	overflow: hidden;
	float: right;
	margin-bottom: 10px;
}

.bite-01 {
	width: 300px;
	height: 120px;
	background: url(images/bite-01.jpg) center;
	background-size: 100% auto;
	overflow: hidden;
	float: right;
	margin-bottom: 10px;
}

.bite-02 {
	width: 300px;
	height: 120px;
	background: url(images/bite-02.jpg) center;
	background-size: 100% auto;
	overflow: hidden;
	float: right;
	margin-bottom: 10px;
}

.bite-03 {
	width: 300px;
	height: 120px;
	background: url(images/bite-03.jpg) center;
	background-size: 100% auto;
	overflow: hidden;
	float: right;
	margin-bottom: 10px;
}

.bite-04 {
	width: 300px;
	height: 120px;
	background: url(images/bite-04.jpg) center;
	background-size: 100% auto;
	overflow: hidden;
	float: right;
	margin-bottom: 10px;
}

.bite-05 {
	width: 300px;
	height: 120px;
	background: url(images/bite-05.jpg) center;
	background-size: 100% auto;
	overflow: hidden;
	float: right;
	margin-bottom: 10px;
}

.bite-06 {
	width: 300px;
	height: 120px;
	background: url(images/bite-06.jpg) center;
	background-size: 100% auto;
	overflow: hidden;
	float: right;
	margin-bottom: 10px;
}

.bite-07 {
	width: 300px;
	height: 120px;
	background: url(images/bite-07.jpg) center;
	background-size: 100% auto;
	overflow: hidden;
	float: right;
	margin-bottom: 10px;
}

.bite-08 {
	width: 300px;
	height: 120px;
	background: url(images/bite-08.jpg) center;
	background-size: 100% auto;
	overflow: hidden;
	float: right;
	margin-bottom: 10px;
}

.bite-09 {
	width: 300px;
	height: 120px;
	background: url(images/bite-09.jpg) center;
	background-size: 100% auto;
	overflow: hidden;
	float: right;
	margin-bottom: 10px;
}

.bite-10 {
	width: 300px;
	height: 120px;
	background: url(images/bite-10.jpg) center;
	background-size: 100% auto;
	overflow: hidden;
	float: right;
	margin-bottom: 10px;
}

.bite-11 {
	width: 300px;
	height: 120px;
	background: url(images/bite-11.jpg) center;
	background-size: 100% auto;
	overflow: hidden;
	float: right;
	margin-bottom: 10px;
}

.bite-12 {
	width: 300px;
	height: 120px;
	background: url(images/bite-12.jpg) center;
	background-size: 100% auto;
	overflow: hidden;
	float: right;
	margin-bottom: 10px;
}

.overig-01, .overig-06 {
	width: 300px;
	height: 120px;
	background: url(images/overig-01.jpg) center;
	background-size: 100% auto;
	overflow: hidden;
	float: right;
	margin-bottom: 10px;
}

.overig-02 {
	width: 300px;
	height: 120px;
	background: url(images/overig-02.jpg) center;
	background-size: 100% auto;
	overflow: hidden;
	float: right;
	margin-bottom: 10px;
}

.overig-03 {
	width: 300px;
	height: 120px;
	background: url(images/overig-03.jpg) center;
	background-size: 100% auto;
	overflow: hidden;
	float: right;
	margin-bottom: 10px;
}

.overig-04 {
	width: 300px;
	height: 120px;
	background: url(images/overig-04.jpg) center;
	background-size: 100% auto;
	overflow: hidden;
	float: right;
	margin-bottom: 10px;
}

.overig-05 {
	width: 300px;
	height: 120px;
	background: url(images/overig-05.jpg) center;
	background-size: 100% auto;
	overflow: hidden;
	float: right;
	margin-bottom: 10px;
}

.amount {
	width: 278px !important;
	padding: 7px 10px !important;
	float: right;
	margin: 0 0 10px 0!important;
	outline: 0;
}

.fourth .last {
	padding-bottom: 20px;
}

/* WORKSHOPS */ 

#pg-11-1 {
	width: 66.66%; /* 800px / 1200px */
	margin: 0 auto 80px auto !important;
}

#pg-11-1 h3 {
	font-size: 22px;
	text-transform: uppercase;
	letter-spacing: 0.75px;
	margin-bottom: 30px;
}

#pg-11-1 p {
	font-size: 17px;
	line-height: 27px;
}

#pg-11-0 {
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-bottom: 80px !important;
}

#pgc-11-0-0, #pgc-9-0-0 {
	width: 33.33% !important;
}

#pgc-11-0-1, #pgc-9-0-1 {
	width: 66.66% !important;
}

#pgc-9-0-0 img, #pgc-9-0-1 img {
	width: 100%;
	height: auto;
}

#pg-9-2 {
	width: 100%;
}

#pg-9-2 img {
	width: 100%;
	height: auto;
}

#pg-11-0 .panel-grid-cell {
	padding: 0 !important;
}

#pg-11-2 .panel-grid-cell h3 {
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 0.75px;
	margin-bottom: 30px;
}

#pg-11-2 .panel-grid-cell {
	padding: 0 15px !important;
}

#pg-11-2 .panel-grid-cell p {
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 20px;
}

/* PAGE - VERKOOPPUNTEN */

#pg-692-0 .panel-grid-cell {
	margin-bottom: 80px;
}

#pg-692-0 .panel-grid-cell img {
	width: 100%;
	height: auto;
}

.title-vk {
	width: 24.66%; /* 296px / 1200px */
	height: 296px;
	background: #f9fafa;
	border: 2px solid #fff;
	text-align: center;
	float: left;
}

.title-vk h4 {
	font-family: 'Century Gothic W01';
	font-size: 18px;
	color: #505050;
	text-transform: uppercase;
	letter-spacing: 0.75px;
	margin: 130px 0 10px 0;
}

.title-vk a, .title-vk p {
	color: #505050;
	letter-spacing: 0.75px;
}

.title-vk:hover {
	background: #c8cbce;
}

.white {
	color: #fff !important;
}

#pg-692-1 {
	width: 66.66%; /* 800px / 1200px */
	margin: 0 auto 80px auto !important;
}

#pg-692-1 h3 {
	font-size: 22px;
	text-transform: uppercase;
	letter-spacing: 0.75px;
	margin-bottom: 30px;
}

#pg-692-1 p {
	font-size: 17px;
	line-height: 27px;
}

/* VERKOOPPUNTEN - SINGLE */

.single .blog-posts {
	width: 100%;
	display: inline-block;
}

.single blockquote {
	width: 24.65%; /* 296px / 1200px */
	height: 296px;
	background: #f9fafa;
	border: 2px solid #fff;
	text-align: center;
	float: left;
}

.single blockquote:last-child {
	margin-bottom: 50px;
}

.single blockquote h4 {
	font-family: 'Century Gothic W01';
	font-size: 18px;
	color: #505050;
	text-transform: uppercase;
	letter-spacing: 0.75px;
	margin: 130px 0 10px 0;
}

.single blockquote a, .single blockquote p {
	color: #505050;
	line-height: 18px;
	letter-spacing: 0.75px;
}

/* PAGE - OVER SUE */

#pgc-693-0-0 {
	width: 33.33% !important;
}

#pgc-693-0-0 img {
	width: 100%;
	height: auto;
}

#pgc-693-0-1 {
	width: 66.66% !important;
}

#pgc-693-0-1 img {
	width: 100%;
	height: auto;
}

#pg-693-0, #pg-9-0 {
	margin-bottom: 80px !important;
}

#pgc-693-1, #pg-693-1, #pg-9-1, #pg-203-0 {
	width: 66.66%; /* 800px / 1200px */
	margin: 0 auto 80px auto !important;
}

#pg-693-2 img {
	width: 100%;
	height: auto;
}

#pg-203-0 {
	border-top: 1px solid #e1e1e3;
	padding-top: 40px;
}

#pg-693-1 h3, #pg-9-1 h3, #pg-203-0 h3 {
	font-size: 22px;
	text-transform: uppercase;
	letter-spacing: 0.75px;
	margin-bottom: 30px;
}

#pg-693-1 p, #pg-9-1 p, #pg-203-0 p {
	font-size: 17px;
	line-height: 27px;
}

#pg-693-1 p {
	margin-bottom: 25px;
}

#pg-693-2, #pg-9-2, #pg-9-3, #pg-15-3, #pg-15-4 {
	width: 66.66%; /* 800px / 1200px */
	margin: 0 auto 56px auto !important;
}

#pg-9-4 {
	width: 91.66%; /* 1100px / 1200px */
	margin: 0 auto !important;
}

#pg-693-3 {
	width: 66.66%;
	margin: 0 auto !important;
}

#pg-693-3 .panel-grid-cell h3, #pg-9-4 .panel-grid-cell h3 {
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 0.75px;
	margin-bottom: 30px;
}

#pg-693-3 .panel-grid-cell, #pg-9-4 .panel-grid-cell {
	padding: 0 15px !important;
}

#pg-693-3 .panel-grid-cell p, #pg-9-4 .panel-grid-cell p, #pg-15-2 .panel-grid-cell p, #pg-15-4 .panel-grid-cell p {
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 20px;
}

/* CONTACT */

.panel-grid {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.panel-grid-cell {
	padding: 0 !important;
}

#pg-695-0 {
	margin-bottom: 80px !important;
}

#pgc-695-0-0 {
	width: 33.33% !important;
}

#pgc-695-0-1 {
	width: 66.66% !important;
}

#pgc-695-0-0 img, #pgc-695-0-1 img {
	width: 100%;
	height: auto;
}

#pg-695-1 {
	width: 66.66%; /* 800px / 1200px */
	margin: 0 auto 80px auto !important;
}

#pg-695-1 h3 {
	font-size: 22px;
	text-transform: uppercase;
	letter-spacing: 0.75px;
	margin-bottom: 30px;
}

#pg-695-1 p {
	font-size: 17px;
	line-height: 27px;
}

.wpcf7-not-valid-tip {
	font-size: 13px !important;
	color: #505050 !important;
	margin-top: 10px !important;
}

/* CONTACT FORM */

.wpcf7-form {
	width: 600px;
	margin: 0 auto;
}

.wpcf7-form p {
	font-size: 15px;
	letter-spacing: 0.75px;
	margin-bottom: 20px;
}

.wpcf7-form .wpcf7-text, .wpcf7-form .wpcf7-textarea {
	width: 94%;
	padding: 20px 3%;
	background: #f9fafa;
	border: 1px solid #f9fafa;
	margin-top: 10px;
	outline: 0;
	text-align:center;
}

.wpcf7-submit {
	width: 35% !important;
	padding: 20px 3%;
	margin: -5px auto 0 auto !important;
	background: #c8cbce !important;
	border: 1px solid #c8cbce !important;
	font-family:'Futura LT W01 Light';
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	/* ...and now for the proper property */
	transition:.5s;
}

.wpcf7-submit:hover {
	background: #babdc1 !important;
}

/* VACATURES */

#pg-726-0, #pg-726-1 {
	width: 66.66%; /* 800px / 1200px */
	margin: 0 auto 80px auto !important;
}

#pg-726-0 h3 {
	font-size: 22px;
	text-transform: uppercase;
	letter-spacing: 0.75px;
	margin-bottom: 30px;
}

#pg-726-1 h3 {
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 0.75px;
	margin-bottom: 30px;
}

#pg-726-0 p {
	font-size: 17px;
	line-height: 27px;
}

#pg-726-1 p {
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 20px;
}

.single .vacatures .blog-posts {
	width: 66.66%; /* 800px / 1200px */
	margin: 0 auto 40px auto;
}

.single .vacatures ul {
	width: 60%;
	margin: 0 auto;
	text-align: left;
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 20px;
}

.single .vacatures strong {
	font-size: 17px;
	line-height: 27px;
	padding-bottom: 20px;
}

.single .vacatures em {
	font-family: 'Century Gothic W01';
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 0.75px;
	margin-bottom: 30px;
}

.single .vacatures .blog-posts a {
	background: 0;
	font-family:'Futura LT W01 Light';
	font-size: 15px;
	text-decoration: underline;
	text-transform: inherit;
	letter-spacing: 0;
	color: #000;
	padding: 0;
}


/* HORECA BESTELFORMULIER*/

.ninja-forms-required-items {
	display: none;
}

.ninja-forms-form {
	padding-top: 25px;
}

.ninja-forms-form h3 {
	font-family: 'Century Gothic W01';
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.75px;
	margin: 50px 0 30px 0;
}

.ninja-forms-form h4 {
	text-transform: uppercase;
	letter-spacing: 0.75px;
}

.ninja-forms-form .label {
	letter-spacing: 0.75px;
	margin-bottom: 10px;
}

.ninja-forms-form label {
	font-weight: normal !important;
}

.ninja-forms-form label strong {
	color: #000;
}

.ninja-forms-form .text-wrap input, .ninja-forms-form .subtotaal-wrap input, .ninja-forms-form .belasting-wrap input, .ninja-forms-form .totaalbedrag-wrap input {
	width: 600px !important;
	padding: 20px 0;
	background: #f9fafa;
	border: 1px solid #f9fafa;
	outline: 0;
	text-align: center;
	margin: 0 0 10px 0 !important;
}

.voorwaarden {
	width: 600px;
	margin: 0 auto;
	font-size: 15px;
	line-height: 23px;
	text-align: center;
	margin-bottom: 30px;
}

.productfoto {
	width: 300px;
	height: 120px;
	overflow: hidden;
	margin: 0 auto 20px auto;
}

.productfoto img {
	max-width: 100%;
	height: auto;
}

.productomschrijving {
	width: 300px;
	margin: 0 auto 10px auto;
}

.productomschrijving h4 {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 10px;
}

.productomschrijving p {
	line-height: 23px;
}

.productprijs label {
	font-weight: bold !important;
	margin-bottom: 0 !important;
	display: none;
}

.productaantal {
	width: 300px !important;
	margin: 0 auto;
}

.productaantal-wrap {
	margin-top: 20px;
}

.totaalprijs_per_product-wrap input {
	background: #f9fafa;
	border: 1px solid #f9fafa;
	outline: 0;
	padding: 10px 12px;
}

#ninja_forms_field_113 {
	height: 150px;
}

#ninja_forms_field_8 {
	width: 200px;
	padding: 20px 0;
	background: #c8cbce !important;
	border: 1px solid #c8cbce !important;
	font-family: 'Futura LT W01 Light';
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* MEDIA QUERIES */

@media (max-width: 1400px) {

	.title-vk, .single blockquote {
		width: 24.3%;
	}

}

@media (max-width: 1260px) {

	#pg-5-5, #pg-5-5 .panel-grid-cell, #pg-5-6, #pg-5-6 .panel-grid-cell, .title, .assortiment .post, .assortiment .post .image, .title-vk, .single blockquote {
		height: 259px;
	}

	.title-vk, .single blockquote {
		width: 24.3%;
	}

	.title-vk h4, .single blockquote h4 {
		margin-top: 115px;
	}

	.title h4 {
		margin-top: 95px;
	}

	.assortiment .post h4 {
		margin-top: 115px;
	}

	.product .sub-image {
		height: 345px;
	}


}

@media (max-width: 1050px) {

	header .top {
		font-size: 14px;
	}

	header .top .menu li {
		float: left;
		margin: 0 15px;
	}

	footer {
		font-size: 14px;
	}

	footer .bottom .menu li {
		margin: 0 15px;
	}

}

@media (max-width: 900px) {

	header .top {
		font-size: 13px;
	}

	header .top .menu li {
		float: left;
		margin: 0 10px;
	}

	footer {
		font-size: 13px;
	}

	footer .bottom .menu li {
		margin: 0 10px;
	}

}

@media (max-width: 800px) {

	header .top {
		display: none;
	}

	.top-mobile {
		display: initial;
		width: 100%;
		font-family: 'Century Gothic W01';
		font-size: 15px;
		line-height: 25px;
		text-transform: uppercase;
		letter-spacing: 0.75px;
	}

	.top-mobile h5 {
		width: 40px;
		height: 30px;
		overflow: hidden;
		background: url(images/menu.png) no-repeat;
		background-size: 100% auto;
		text-indent: -99999px;
		display: block;
		margin: 0 auto;
		padding: 0;
	}

	.top-mobile .menu {
		width: 100%;
		background: #fff;
		padding: 25px 0;
		position: absolute;
		z-index: 1000;
		left: 0;
	}

	footer {
		font-size: 11px;
	}

	footer .bottom .menu li {
		margin: 0 7px;
	}

	#pg-5-3 {
		width: 66.66%; /* 1100px / 1200px */
		margin: 0 auto !important;
	}

	#pg-5-3 .panel-grid-cell {
		width: 100%;
	}

	.btn, .back-link {
		padding: 30px 0;
	}

	.btn a, .back-link a {
		font-size: 16px;
	}

	#pg-9-3 {
		width: 100%;
	}

	#pg-9-4, #pg-11-2, #pg-693-3 {
		width: 66.66%;
		margin: 0 auto !important;
	}

	#pg-9-4 .panel-grid-cell, #pg-11-2 .panel-grid-cell, #pg-693-3 .panel-grid-cell {
		width: 100%;
		margin-bottom: 20px;
	}

}

@media (max-width: 700px) {

	#pg-5-1, #pg-5-3, #pg-9-4, #pg-11-2, #pg-693-1, #pg-693-2, #pg-693-3, .product .intro, .back-link, #pg-9-1, #pg-9-2, #pg-11-1, #pg-13-1, #pg-695-1 {
		width: 100%; /* 1100px / 1200px */
	}

	.btn {
		width: 99.3%;
	}

	#pg-5-3 .panel-grid-cell, #pg-722-1 .panel-grid-cell {
		width: 100%;
	}

	.single-post .post .entry .panel-grid .panel-grid-cell {
		width: 100% !important;
		margin-bottom: 40px;
	}

	/*
	#pg-5-5 {
		height: 271px;
	}

	#pgc-5-5-0, #pgc-5-5-1, #pgc-5-5-2, #pgc-5-5-3, #pgc-5-6-0, #pgc-5-6-1, #pgc-5-6-2, #pgc-5-6-3 {
		width: 50% !important;
		height: 271px !important;
	}
	*/

}

/* MOBILE DEVICES */

/* IPAD */

@media (max-width: 1025px) {

	#pg-5-5, #pg-5-5 .panel-grid-cell, #pg-5-6, #pg-5-6 .panel-grid-cell, .title, .assortiment .post, .assortiment .post .image {
		height: 160px;
	}

	.title h4 {
		margin: 45px 0 5px 0;
		font-size: 14px;
	}

	.assortiment .post h4 {
		margin: 60px 0 5px 0;
		font-size: 14px;
	}

	.title a, .assortiment .post p, .title-vk p {
		font-size: 14px;
	}

	.product .header-image {
		height: 300px;
	}

	.product .sub-image {
		height: 213px;
	}

	.verkooppunten .post {
		width: 24.66%;
		height: 160px;
		float: left;
	}

	.single .post {
		width: 100%;
	}

	.single .post blockquote {
		width: 24.35%;
		height: 160px;
		float: left;
	}

	.verkooppunten .post .title-vk {
		width: 100%;
		height: 160px;
	}

	.single .post:last-child {
		margin-bottom: 50px;
	}

	.title-vk h4 {
		margin: 70px 0 5px 0;
		font-size: 14px;
	}

	.single blockquote h4 {
		margin: 60px 0 5px 0;
		font-size: 14px;
	}

	.title-vk p, .single blockquote p {
		font-size: 13px;
	}

}

/* IPHONE */

@media (max-width: 667px) { 

	input, textarea {
		border-radius: 0;
		-webkit-appearance: none;
	}

	.top-mobile {
		margin-top: -20px !important;
	}

	#pg-5-0 .panel-grid-cell, #pg-5-2 .panel-grid-cell, #pg-9-0 .panel-grid-cell, #pg-11-0 .panel-grid-cell, #pg-692-0 .panel-grid-cell, #pg-693-0 .panel-grid-cell, #pg-695-0 .panel-grid-cell, #pl-726 .panel-grid, #pg-203-0 {
		width: 100% !important;
	}

	#pg-5-0 .panel-grid-cell, #pg-5-2 .panel-grid-cell {
		margin: 0 !important;
	}

	#pg-5-2 {
		width: 100%;
	}

	#pgc-692-0-0 {
		margin-bottom: 0 !important;
	}

	.btn a {
		font-size: 18px;
		line-height: 24px;
	}

	#pg-5-5 {
		height: 312px;
	}

	#pg-5-5 .panel-grid-cell, #pg-5-6 .panel-grid-cell {
		width: 50% !important;
		float: left !important;
		height: 156px;
		margin-bottom: 0 !important;
	}

	.bottom li {
		font-size: 15px;
		line-height: 25px;
		float: none !important;
	}

	.assortiment .post, .verkooppunten .post {
		width: 50%;
		height: 156px;
		float: left;
	}

	.product .header-image {
		height: 200px;
	}

	.product .sub-image {
		height: 312px;
	}

	.vacatures .blog-posts {
		width: 100%;
	}

	.page-id-726 .vacatures .post {
		width: 50%;
		height: 160px;
		float: left;
	}

	.page-id-726 .vacatures .post .title-vk {
		width: 100%;
		height: 158px;
	}

	.single .vacatures .blog-posts {
		width: 100%;
	}
	
	.single .post blockquote {
		width: 100% !important;
		height: 156px;
		float: left;
	}

	.single blockquote h4 {
		font-size: 13px;
	}

	.single blockquote p {
		font-size: 12px;
	}

	.back-link {
		width: 98.07%;
	}

	.wpcf7-form {
		width: 100%;
	}

	.wpcf7-submit {
		width: 100% !important;
	}

	.bite-01, .bite-02, .bite-03, .bite-04, .bite-05, .bite-06, .bite-07, .bite-08, .overig-01, .overig-02, .overig-03, .overig-04, .overig-05 {
		margin-top: 10px;
	}

	#pg-9-0 .panel-grid-cell, #pg-693-0 .panel-grid-cell, #pg-695-0 .panel-grid-cell {
		margin-bottom: 0 !important;
	}

	.ninja-forms-form .label {
		width: 300px !important;
	}

	.ninja-forms-form .text-wrap input, .ninja-forms-form .subtotaal-wrap input, .ninja-forms-form .belasting-wrap input, .ninja-forms-form .totaalbedrag-wrap input {
		width: 300px !important;
	}

	.voorwaarden {
		width: 300px;
	}

}