/*
Theme Name: Toolbox
Theme URI: http://wordpress.org/extend/themes/toolbox
Author: Automattic
Author URI: http://automattic.com/
Description: A semantic, HTML5, canvas for CSS artists and an ultra-minimal set of super-clean templates for your own WordPress theme development.
Version: 1.4
License: GNU General Public License
License URI: license.txt
Tags: custom-menu, sticky-post, microformats, rtl-language-support, translation-ready, full-width-template, post-formats

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.
*/

/* =Structure
-------------------------------------------------------------- */

body {
	margin-top: 0;
	margin-bottom: 0;
	font: 15px "PT Sans";
	background: #FEF4E9;
}

html, body {
	height: 100%;
}

.no-scroll
{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
}

#page {
	display: block;
	margin: 1em;
	max-width: 1000px;
	margin: 0 auto;
}

#primary {
	float: left;
	margin: 0 -25% 0 0;
	width: 75%;
	padding-bottom: 20px;
}

#content {
	margin: 0 10% 0 0;
}

#main .widget-area {
	float: right;
	overflow: hidden;
	width: 25%;
}

#colophon {
	clear: both;
	display: block;
	width: 100%;
}

.page-template-page-expo-php #primary {
	width: 55%;
	margin: 0 -45% 0 0;
}

.page-template-page-expo-php #main .widget-area {
	width: 45%;
}

body.home #primary,
body.category #primary,
body.single-post #primary {
	width: 65% !important;
	margin: 0 -35% 0 0 !important;
}

body.home #main .widget-area,
body.category #main .widget-area,
body.single-post #main .widget-area {
	width: 35% !important;
}

.page-template-page-pers-php #primary {
	width: 69%;
	margin: 0 -31% 0 0;
}

.page-template-page-pers-php #main .widget-area {
	width: 31%;
}

@-moz-document url-prefix() {
	.page-template-page-pers-php #primary {
		width: 65%;
		margin: 0 -35% 0 0;
	}
	.page-template-page-pers-php #main .widget-area {
		width: 35%;
	}
}

.page-template-page-pers-php #primary {
	width: 65% \9;
	margin: 0 -35% 0 0 \9;
}

.page-template-page-pers-php #main .widget-area {
	width: 35% \9;
}

/* Increase the size of the content area for templates without sidebars */
.full-width #content,
.image-attachment #content,
.error404 #content {
	margin: 0;
}

/* Text meant only for screen readers */
.screen-reader-text,
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
}

.alignright {
	display: inline;
	float: right;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* =Basics
-------------------------------------------------------------- */
a {
	color: #000;
}

a:hover {
	text-decoration: none;
}

textarea:focus, input:focus {
	outline: 0;
}

*:focus {
	outline: 0;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -144px; /* the bottom margin is the negative value of the footer's height */
}

.footer, .push {
	height: 144px; /* .push must be the same height as .footer */
	clear: both;
}

.footerblock {
	max-width: 1000px;
	margin: 0 auto;
}

/* =Menu
-------------------------------------------------------------- */
#menu {
	width: 100%;
}

.headerimg {
	float: left;
	width: 20%;
}

.headerimg img {
	width: 100%;
}

/* =Menu
-------------------------------------------------------------- */

#access {
	background: #e23b50;
	display: block;
	float: left;
	margin: 0 auto 1em;
	width: 100%;
}

#access ul,
.footerblock ul {
	list-style: none;
	padding-left: 0;
}

#access ul {
	margin: 0;
}

#access li {
	float: left;
	position: relative;
}

#access a,
.responsiveMenuSelect {
	text-decoration: none;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-size: 1.2em;
	color: #fff;
}

#access a {
	display: block;
	line-height: 3em;
	padding: 0 1.5em;
}

.responsiveMenuSelect {
	background: #e23b50;
	border: #e23b50;
	height: 50px;
	padding-left: 5px;
	-webkit-appearance: none;
}

@-moz-document url-prefix() {
	.responsiveMenuSelect {
		height: 30px;
	}
}

#access .responsiveMenuSelect option:hover {
	background-color: black !important;
}

#access ul ul {
	display: none;
	float: left;
	position: absolute;
	top: 3.6em;
	left: 0;
	z-index: 99999;
}

#access ul ul ul {
	left: 100%;
	top: 0;
}

#access ul ul a {
	background: #e23b50;
	line-height: 1em;
	padding: .5em .5em .5em 1em;
	width: 10em;
	height: auto;
}

#access ul ul ul a {
	width: 15em;
}

@media screen and (min-width: 768px){
	#access li:hover > a,
	#access ul ul :hover > a {
		background: #cecece;
	}
}

@media screen and (min-width: 768px){
	#access ul ul a:hover,
	.page-template-page-chocolate-php #access ul ul a:hover,
	.page-template-page-pateekes-php #access ul ul a:hover,
	.page-template-page-expo-php #access ul ul a:hover,
	.page-template-page-handjes-php #access ul ul a:hover,
	.page-template-page-children-chocolate-php #access ul ul a:hover,
	.page-template-page-chocolatiers-php #access ul ul a:hover,
	.page-template-page-children-pateekes-php #access ul ul a:hover,
	.page-template-page-winkels-php #access ul ul a:hover {
		background: #cecece;
	}
}

#access ul li:hover > ul {
	display: block;
}

@media screen and (max-width: 768px){
	#access ul li:hover > ul {
		display: none;
	}
}

.page-template-page-expo-php #access,
.page-template-page-expo-php #access ul ul a {
	background: #9a2251;
}

.page-template-page-chocolate-php #access,
.page-template-page-children-chocolate-php #access,
.page-template-page-children-chocolate-php #access ul ul a,
.page-template-page-chocolate-php #access ul ul a,
.page-template-page-chocolatiers-php #access,
.page-template-page-chocolatiers-php #access ul ul a {
	background: #4f3027;
}

.page-template-page-pateekes-php #access,
.page-template-page-children-pateekes-php #access,
.page-template-page-pateekes-php #access ul ul a,
.page-template-page-children-pateekes-php #access ul ul a,
.page-template-page-winkels-php #access,
.page-template-page-winkels-php #access ul ul a {
	background: #e99148;
}

.page-template-page-handjes-php #access,
.page-template-page-handjes-php #access ul ul a {
	background: #dd6336;
}

#access ul .current-menu-item a,
#access ul .current-page-ancestor {
	background: #cecece;
}

/* Home, Single post & Category */

body.home .widget-area,
body.single-post .widget-area,
body.category .widget-area,
body.error404 .widget-area {
	margin-top: 25px;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

body.home .widget,
body.single-post .widget,
body.category .widget,
body.error404 .widget {
	background: #e23b50;
	margin-bottom: 0;
	padding: 1% 5%;
}

body.home #about,
body.single-post #about,
body.category #about,
body.error404 #about {
	background: #cecece;
	margin-bottom: 20px;
	padding: 1% 5%;
}

body.home #secondary .widget-title,
body.single-post #secondary .widget-title,
body.category #secondary .widget-title,
body.error404 #secondary .widget-title,
body.page .widget-area .widget-title {
	color: #000;
}

body.home article.post.category-antwerpen-koekenstad,
body.category article.category-antwerpen-koekenstad {
	border-bottom: #e23b50 dotted 1px;
}

body.home article.post.category-antwerpse-handjes,
body.category article.category-antwerpse-handjes {
	border-bottom: #dd6336 dotted 1px;
}

body.home article.post.category-chocolate-week,
body.category article.category-chocolate-week {
	border-bottom: #4f3027 dotted 1px;
}

body.home article.post.category-pateekesweek,
body.category article.category-pateekesweek {
	border-bottom: #e99148 dotted 1px;
}

body.home article.post.category-expo,
body.category article.category-expo {
	border-bottom: #9a2251 dotted 1px;
}

.post {
	padding-bottom: 5px;
}

body.category-antwerpen-koekenstad .page-title {
	color: #e23b50;
}

body.category-antwerpse-handjes .page-title {
	color: #dd6336;
}

body.category-chocolate-week .page-title {
	color: #4f3027;
}

body.category-pateekesweek .page-title {
	color: #e99148;
}

body.category-expo .page-title {
	color: #9a2251;
}

/* Pages */

body.page #secondary,
body.page #custom-sidebar,
body.page #handjes-sidebar,
body.page #banner,
body.page #sidebarexpo {
	margin-top: 25px;
}

body.page #pers-sidebar {
	margin-top: 10px;
}

body.page #secondary #widget-area {
	width: 25%;
}

body.home #main .widget-area {
	width: 25%;
}

body.page .widget_sp_image {
	padding-bottom: 20px;
}

/* Breadcrumbs */

.page-child #content,
.page-parent #content {
	margin-top: 15px;
}

.breadcrumbs {
	display: inline;
}

.breadcrumbs li {
	float: left;
	list-style-type: none;
	padding-right: 2%;
}

.breadcrumbs .current_page_item a {
	text-decoration: none;
}

@-moz-document url-prefix() {
	.page-child .entry-title,
	.page-parent .entry-title {
		clear: both !important;
		padding-top: 15px !important;
	}
}

::i-block-chrome, .page-child .entry-title {
	clear: both !important;
	padding-top: 15px !important;
}

::i-block-chrome, .page-parent .entry-title {
	clear: both !important;
	padding-top: 15px !important;
}

/* Pers */

.persdocumenten ul {
	-webkit-padding-start: 0;
}

@-moz-document url-prefix() {
	.persdocumenten ul {
		padding-left: 0;
	}
}

.persdocumenten li {
	list-style: none;
	padding-bottom: 55px;
}

.persdocumenten img {
	float: left;
	padding-right: 15px;
}

.persdocumenten .textblock {
	padding-top: 13px;
}

.persdocumenten .textblock p {
	margin-bottom: 0;
}

/* =Content
-------------------------------------------------------------- */

.sticky {
}

.entry-meta {
	clear: both;
	display: block;
}

.single-author .entry-meta .byline {
	display: none;
}

.entry-title,
.widget-title,
.page-title {
	font-family: 'Oswald';
	text-transform: uppercase;
	font-weight: 100;
	font-size: 1.4em;
}

.page-title {
	font-size: 1.5em;
}

#content nav {
	display: block;
	overflow: hidden;
}

#content nav .nav-previous {
	float: left;
	width: 50%;
}

#content nav .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

#content #nav-above {
	display: none;
}

.paged #content #nav-above,
.single #content #nav-above {
	display: block;
}

#nav-below {
	margin: 1em 0 0;
}

.page-link {
	clear: both;
	margin: 0 0 1em;
}

.page .edit-link {
	clear: both;
	display: block;
}

/* 404 page */
.error404 .widget {
	float: left;
	width: 33%;
}

.error404 .widget .widgettitle,
.error404 .widget ul {
	margin-right: 1em;
}

.error404 .widget_tag_cloud {
	clear: both;
	float: none;
	width: 100%;
}

/* Notices */
.post .notice,
.error404 #searchform {
	background: #eee;
	display: block;
	padding: 1em;
}

/* Image Attachments */
.image-attachment div.entry-meta {
	float: left;
}

.image-attachment nav {
	float: right;
	margin: 0 0 1em 0;
}

.image-attachment .entry-content {
	clear: both;
}

.image-attachment .entry-content .entry-attachment {
	background: #eee;
	margin: 0 0 1em;
	padding: 1em;
	text-align: center;
}

.image-attachment .entry-content .attachment {
	display: block;
	margin: 0 auto;
	text-align: center;
}

/* =Images
-------------------------------------------------------------- */

body.page-template-page-handjes-php #banner {
	width: 100%;
}

a img {
	border: none;
}

p img {
	margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img,
.wp-caption {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}

img.alignleft {
	margin-right: 1em;
}

img.alignright {
	margin-left: 1em;
}

.wp-caption {
	padding: .5em;
	text-align: center;
}

.wp-caption img {
	margin: .25em;
}

.wp-caption .wp-caption-text {
	margin: .5em;
}

.gallery-caption {
}

.wp-smiley {
	margin: 0;
}

/* =Forms
-------------------------------------------------------------- */

#searchform input#s {
	width: 60%;
}

input[type=text],
input#s,
input[type=email] {
	margin: 0 1em 0 0;
	width: 40%;
}

textarea {
	width: 60%;
}

input[type=text],
input#s,
input[type=email],
textarea,
input[type="submit"] {
	font: 15px 'PT Sans';
}

input[type=text],
input#s,
input[type=email],
textarea {
	padding: 5px;
}

input[type="submit"] {
	background: #e23b50;
	border: none;
	padding: 7px;
	cursor: pointer;
	-webkit-appearance: none;
}

input[type="submit"]:hover {
	background: #cecece;
}

/* Class for labelling required form items */
.required {
	color: #e23b50;
}

/* =Widgets
-------------------------------------------------------------- */

.widget {
	display: block;
}

#dd_ajax_float {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

.page-template-page-pateekes-php .widget_text,
.page-template-page-children-pateekes-php .widget_text,
.page-template-page-winkels-php .widget_text,
.page-template-page-chocolate-php .widget_text,
.page-template-page-children-chocolate-php .widget_text,
.page-template-page-chocolatiers-php .widget_text {
	padding: 2%;
	margin-bottom: 25px;
}

.page-template-page-pateekes-php .widget_text,
.page-template-page-children-pateekes-php .widget_text,
.page-template-page-winkels-php .widget_text {
	background-color: #e99148;
}

.page-template-page-chocolate-php .widget_text,
.page-template-page-children-chocolate-php .widget_text,
.page-template-page-chocolatiers-php .widget_text {
	background: #4F3027;
}

.page-template-page-pateekes-php .textwidget,
.page-template-page-children-pateekes-php .textwidget,
.page-template-page-winkels-php .textwidget,
.page-template-page-chocolate-php .textwidget,
.page-template-page-children-chocolate-php .textwidget,
.page-template-page-chocolatiers-php .textwidget {
	border: 2px solid #fff;
	text-align: center;
}

.page-template-page-pateekes-php #countbox2,
.page-template-page-children-pateekes-php #countbox2,
.page-template-page-winkels-php #countbox2,
.page-template-page-chocolate-php #countbox1,
.page-template-page-children-chocolate-php #countbox1,
.page-template-page-chocolatiers-php #countbox1 {
	font: 100px "Oswald";
	color: #fff;
	background: url(http://antwerpenkoekenstad.be/wp-content/themes/toolbox/img/bg-counter.png) no-repeat 50% 0px;
	margin-top: 5px;
}

.page-template-page-pateekes-php #timer p,
.page-template-page-children-pateekes-php #timer p,
.page-template-page-winkels-php #timer p,
.page-template-page-chocolate-php #timer p,
.page-template-page-children-chocolate-php #timer p,
.page-template-page-chocolatiers-php #timer p {
	margin-top: 0px;
	color: #fff;
}

/* =Footer
-------------------------------------------------------------- */

#colophon {
	padding: 1em 0 0;
	background: #cecece;
}

#site-generator {
	padding: 0 0 80px 15px;
}

#site-generator a {
	text-decoration: none;
}


#logoblockone div a,
#logoblocktwo div a,
#logoblockthree div a,
#logoblockfour div a {
	background-position: center;
}

/*#kdg {
	background: url('http://www.antwerpenkoekenstad.be/wp-content/themes/toolbox/img/kdg_white.png') no-repeat;
	background-position: left center;
	height: 40px;
	width: 44px;
	display: block;
}
#kdg:hover {
	background: url('http://www.antwerpenkoekenstad.be/wp-content/themes/toolbox/img/kdg_black.png') no-repeat;
	background-position: left center;
}*/
#dezondag {
	background-image: url('http://www.antwerpenkoekenstad.be/wp-content/themes/toolbox/img/DeZondag_neg_nieuwekleur.png');
	background-position: left center;
	height: 40px;
	width: 44px;
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
}

#dezondag:hover {
	background-image: url('http://www.antwerpenkoekenstad.be/wp-content/themes/toolbox/img/DeZondag_pos_nieuwekleur.png');
	background-position: left center;
	background-size: contain;
}

#dezeweek {
	background-image: url('http://www.antwerpenkoekenstad.be/wp-content/themes/toolbox/img/DezeWeek_basislogo_neg.png');
	background-position: left center;
	height: 40px;
	width: 44px;
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
}

#dezeweek:hover {
	background-image: url('http://www.antwerpenkoekenstad.be/wp-content/themes/toolbox/img/DezeWeek_basislogo_pos.png');
	background-position: left center;
	background-size: contain;
}

#printdeal {
	background-image: url('http://www.antwerpenkoekenstad.be/wp-content/themes/toolbox/img/logo-printdeal-wit-mobile.png');
	height: 40px;
	width: 89px;
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
}

#printdeal:hover {
	background-size: contain;
	background-image: url('http://www.antwerpenkoekenstad.be/wp-content/themes/toolbox/img/logo-printdeal-mobile.png');
}

#artcore {
	background-image: url('http://www.antwerpenkoekenstad.be/wp-content/themes/toolbox/img/logo-artcore-white.png');
	height: 35px;
	width: 30px;
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
}

#artcore:hover {
	background-size: contain;
	background-image: url('http://www.antwerpenkoekenstad.be/wp-content/themes/toolbox/img/logo-artcore.png');
}

#antwerpen {
	background-size: 40px;
	background-repeat: no-repeat;
	background-image: url('http://www.antwerpenkoekenstad.be/wp-content/themes/toolbox/img/logo-antwerpen-wit-mobile.png');
	height: 40px;
	width: 40px;
	display: block;
}

#antwerpen:hover {
	background-size: 40px;
	background-image: url('http://www.antwerpenkoekenstad.be/wp-content/themes/toolbox/img/logo-antwerpen-mobile.png');
}


#antigoon {
	background-size: 100px auto;
	background-repeat: no-repeat;
	background-image: url('http://www.antwerpenkoekenstad.be/wp-content/themes/toolbox/img/logo-antigoon-white.png');
	height: 40px;
	width: 100px;
	display: block;
}

#antigoon:hover {
	background-size: 100px auto;
	background-image: url('http://www.antwerpenkoekenstad.be/wp-content/themes/toolbox/img/logo-antigoon.png');
}

/*#dezondag {
	background: url('http://www.antwerpenkoekenstad.be/wp-content/themes/toolbox/img/logo-dezondag-wit.png') no-repeat;
	height: 40px;
	width: 50px;
	display: block;
	}
	#dezondag:hover { background: url('http://www.antwerpenkoekenstad.be/wp-content/themes/toolbox/img/logo-dezondag.png') no-repeat; }*/
#lu {
	background: url('http://www.antwerpenkoekenstad.be/wp-content/themes/toolbox/img/logo-lu-wit-mobile.png') no-repeat;
	height: 40px;
	width: 37px;
	display: block;
}

#lu:hover {
	background: url('http://www.antwerpenkoekenstad.be/wp-content/themes/toolbox/img/logo-lu-mobile.png') no-repeat;
}

#bakkersvlaanderen {
	background-image: url('http://www.antwerpenkoekenstad.be/wp-content/themes/toolbox/img/logo-bakkersvlaanderen-white.png');
	background-size: contain;
	background-repeat: no-repeat;
	height: 40px;
	width: 75px;
	display: block;
}

#bakkersvlaanderen:hover {
	background-image: url('http://www.antwerpenkoekenstad.be/wp-content/themes/toolbox/img/logo-bakkersvlaanderen.png');
	background-size: contain;
	background-repeat: no-repeat;
}

#callebout {
	background-image: url('http://www.antwerpenkoekenstad.be/wp-content/themes/toolbox/img/logo-callebout-white.png');
	background-size: contain;
	background-repeat: no-repeat;
	height: 40px;
	width: 81px;
	display: block;
	background-size: contain;
}

#callebout:hover {
	background-image: url('http://www.antwerpenkoekenstad.be/wp-content/themes/toolbox/img/logo-callebout.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-size: contain;
}

#elexirdanvers {
	background-image: url('http://www.antwerpenkoekenstad.be/wp-content/themes/toolbox/img/logo-elexirdanvers-white.png');
	background-size: contain;
	background-repeat: no-repeat;
	height: 40px;
	width: 75px;
	display: block;
}

#elexirdanvers:hover {
	background-image: url('http://www.antwerpenkoekenstad.be/wp-content/themes/toolbox/img/logo-elexirdanvers.png');
	background-size: contain;
	background-repeat: no-repeat;
}

/*#puratos {
	background: url('http://www.antwerpenkoekenstad.be/wp-content/themes/toolbox/img/logo-puratos-wit-mobile.png') no-repeat;
	height: 60px;
	width: 113px;
	display: block;
	}
	#puratos:hover { background: url('http://www.antwerpenkoekenstad.be/wp-content/themes/toolbox/img/logo-puratos-mobile.png') no-repeat; }*/
#milo {
	background-image: url('http://www.antwerpenkoekenstad.be/wp-content/themes/toolbox/img/logo-milo-white.png');
	height: 40px;
	width: 54px;
	display: block;
		background-size: contain;
	background-repeat: no-repeat;
}

#milo:hover {
	background-image: url('http://www.antwerpenkoekenstad.be/wp-content/themes/toolbox/img/logo-milo.png');
		background-size: contain;
	background-repeat: no-repeat;
}

#rombouts {
	background: url('http://www.antwerpenkoekenstad.be/wp-content/themes/toolbox/img/logo-rombouts-wit-mobile.png') no-repeat;
	height: 40px;
	width: 122px;
	display: block;
}

#rombouts:hover {
	background: url('http://www.antwerpenkoekenstad.be/wp-content/themes/toolbox/img/logo-rombouts-mobile.png') no-repeat;
}

/* Media Queries */

@media screen and (max-width: 950px) {
	/* Structure */
	.page-template-page-pers-php #primary,
	.page-template-page-expo-php #primary,
	#primary {
		width: 100%;
		float: none;
	}

	#content {
		margin: 0;
	}

	#main .widget-area {
		width: 96% !important;
		float: none;
	}

	#primary {
		padding-bottom: 0;
	}

	.page-template-page-sidebarcustom-php #main .widget-area,
	.page-template-page-handjes-php #main .widget-area,
	.page-template-page-chocolate-php #main .widget-area,
	.page-template-page-children.php #main .widget-ara,
	.page-template-page-pers-php #main .widget-area,
	.page-template-page-expo-php #main .widget-area {
		width: 100% !important;
	}

	body.home #primary,
	body.category #primary,
	body.single-post #primary {
		width: 100% !important;
		float: left;
	}

	body.home #main .widget-area,
	body.category #main .widget-area,
	body.single-post #main .widget-area {
		width: 100% !important;
		float: left;
	}

	/* Style */
	.footer {
		background: #cecece;
		margin-top: 15px;
	}

	#site-generator {
		background: none;
		float: none;
	}

	body.page #secondary,
	body.page #custom-sidebar,
	body.page #handjes-sidebar,
	body.page #sidebarexpo {
		margin-top: 30px !important;
	}

	body.page #banner {
		margin-top: 10px !important;
	}

	.page-template-page-pers-php #content img {
		width: 100%;
	}

	.push {
		height: 540px !important
	}
}

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

	#logoblockone, #logoblocktwo, #logoblockthree, #logoblockfour, #logoblockfive, #logoblockone div, #logoblocktwo div, #logoblockthree div, #logoblockfour div, #logoblockfive div {
		float: left;
		width: 100%;
	}

	.wrapper {
		margin: 0 auto -550px;
	}

	.footer {
		height: 550px !important;
	}

}

@media screen and (max-width: 750px) {
	/*#logoblockone div a,*/
	#logoblocktwo div a,
	#logoblockthree div a,
	#logoblockone,
	#logoblocktwo,
	#logoblockthree {
		width: 100%;
	}

	#site-generator a#artcore, #site-generator a#printdeal, #site-generator a#antwerpen {
		padding-right: 0;
	}

	#site-generator a {
		padding: 0;
	}
}

@media screen and (max-width: 720px) {
	#wrapper {
		margin: 0 auto -150px;
	}

	.footer, #push {
		height: 150px;
	}
}

@media screen and (max-width: 570px) {
	/* Structure */
	#wrapper {
		margin: 0 auto -320px;
	}

	.footer, #push {
		height: 500px;
	}

	#logoblockone div,
	#logoblocktwo div,
	#logoblockone,
	#logoblocktwo {
		width: 100%;
	}

	.responsiveMenuSelect {
		height: 30px;
	}

	/* Style */
	#searchform input#s,
	input[type=text],
	input#s,
	input[type=email],
	textarea {
		width: 93%;
	}

	body {
		font-size: 0.9em;
	}

	body.page-parent .textwidget,
	body.page-child .textwidget {
		padding: 2%;
	}
}

@media screen and (max-width: 374px) {
	#wrapper {
		margin: 0 auto -500px;
	}

	.footer, #push {
		height: 500px;
	}

	.persdocumenten img {
		padding-right: 10px;
	}
}


.chocolate-pass
{
	margin-top: 50px;
	padding: 20px;
	padding-right: 200px;
	width: 100%;
	box-sizing: border-box;
	background-color: #F9C754;
	background-image: url(img/chocolate_pass.png);
	background-size: 170px auto;
	background-position: right center;
	background-repeat: no-repeat;
	color: #1F1D1B;
	font-size: 16px;
	line-height: 1.5;
}

.pateekes-pass
{
	margin-top: 50px;
	padding: 20px;
	padding-right: 200px;
	width: 100%;
	box-sizing: border-box;
	background-color: #263877;
	background-image: url(img/pateekes_pass.png);
	background-size: 170px auto;
	background-position: right center;
	background-repeat: no-repeat;
	color: #FFF;
	font-size: 16px;
	line-height: 1.5;
}

.pateekes-pass u
{
	text-decoration: none;
	border-bottom: 2px solid #F9C754;
	padding-bottom: 1px;
}

.page-template-page-chocolatiers-php #content, .page-template-page-chocolatiers-php #primary
{
	width: 100%;
}

.page-template-page-streeklekkers #content, .page-template-page-streeklekkers #primary {
    width: 100%;
}

.grid
{
	display: flex;
	justify-content: space-between;
	width: 100%;
	flex-wrap: wrap;
}

.page-template-page-chocolatiers-php .chocolatiers-list-item, .page-template-page-streeklekkers-php .chocolatiers-list-item
{
	width: 30%;
	float: left;
	height: 200px;
	background-color: black;
	background-size: auto 100%;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	margin: 1.5%;
	flex-grow: 1;
	text-decoration: none;
	font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 1.0em;
    position: relative;
    transition: all 0.2s ease-in-out;
}

@media screen and (max-width: 768px){
	.page-template-page-chocolatiers-php .chocolatiers-list-item, .page-template-page-streeklekkers-php .chocolatiers-list-item{
    	width: 100%;
    }
}

.page-template-page-chocolatiers-php .chocolatiers-list-item:hover, .page-template-page-streeklekkers-php .chocolatiers-list-item:hover
{
	background-size: auto 110%;
	transition: all 0.2s ease-in-out;
}

.page-template-page-chocolatiers-php .chocolatiers-list-item-overlay, .page-template-page-streeklekkers-php .chocolatiers-list-item-overlay
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.5;
	z-index: 0;
}

.page-template-page-chocolatiers-php .chocolatiers-list-item span, .page-template-page-streeklekkers-php .chocolatiers-list-item span
{
	position: relative;
	z-index: 999;
}


/* Pateekes week */
.page-template-page-pateekes-list-php #content, .page-template-page-pateekes-list-php #primary
{
	width: 100%;
}

.grid
{
	display: flex;
	justify-content: space-between;
	width: 100%;
	flex-wrap: wrap;
}

.page-template-page-pateekes-list-php .shop-list-item
{
	width: 30%;
	float: left;
	height: 200px;
	background-color: black;
	background-size: auto 100%;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	margin: 1.5%;
	flex-grow: 1;
	text-decoration: none;
	font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 1.0em;
    position: relative;
    transition: all 0.2s ease-in-out;
}

@media screen and (max-width: 768px){
	.page-template-page-pateekes-list-php .shop-list-item{
    	width: 100%;
    }
}

.page-template-page-pateekes-list-php .shop-list-item:hover
{
	background-size: auto 110%;
	transition: all 0.2s ease-in-out;
}

.page-template-page-pateekes-list-php .shop-list-item-overlay
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.5;
	z-index: 0;
}

.page-template-page-pateekes-list-php .shop-list-item span
{
	position: relative;
	z-index: 999;
}


/* Hamburger */
nav#access
{
	position: relative;
}

.hamburger
{
	height: 50px;
	width: 50px;
	position: absolute;
	right: 0;
	background-image: url(img/ico-hamburger.png);
	background-size: 25px;
	background-repeat: no-repeat;
	background-position: center;
	display: none;
}

.hamburger.active
{
	position: fixed;
	top: 25px;
	right: 25px;
	z-index: 99999;
	background-color: #e23b50;
	background-image: url(img/ico-close.png);
}


@media screen and (max-width: 768px){
	.hamburger
	{
		display: block;
	}

	nav#access
	{
		height: 50px;
		width: 100%;
	}

	.menu-menu-1-container
	{
		display: none;
		position: fixed;
		height: 100vh;
		width: 100vw;
		top: 0;
		left: 0;
		background-color: white;
		padding-top: 100px;
		overflow: auto;
		z-index: 9999;
	}

	.menu-item
	{
		width: 100%;
		display: block;
		border-bottom: 2px solid #FAFAFA;
	}

	.menu-item a
	{
		color: black !important;
	}

	.sub-menu
	{
		width: 100% !important;
		position: relative !important;
		top: 0 !important;
	}

	.sub-menu a
	{
		width: 100% !important;
	}

	nav#access.open .menu-menu-1-container
	{
		display: block;
	}

	.hasSubmenu
	{
		height: 50px;
		width: 50px;
		background-color: #e23b50;
		background-image: url(img/ico-down.png);
		background-size: 25px;
		background-repeat: no-repeat;
		background-position: center;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 999;
	}

	.hasSubmenu.active
	{
		background-image: url(img/ico-up.png);
	}

	.sub-menu .hasSubmenu
	{
		display: none;
	}

	.sub-menu .menu-item
	{
		height: 34px !important;
	}

	#access ul ul a
	{
		color: white !important;
	}
}

/* EXTRA FOOTER STYLES */

.footer__logo-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;

	@media screen and (min-width: 768px) {
		flex-direction: row;
		justify-content: start;
	}
}

.footer__logo {
	float: left;
	position: relative;
	padding: 0 !important;
	display: inline-flex;
}

.footer__logo__img {
	height: 40px;
	width: auto;
}

.footer__logo__img--hover {
	position: absolute;
	object-fit: contain;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
}

.footer__logo:hover .footer__logo__img {
	opacity: 0;
}

.footer__logo:hover .footer__logo__img--hover{
	opacity: 1;
}