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;
} .full-width #content,
.image-attachment #content,
.error404 #content {
margin: 0;
} .screen-reader-text,
.assistive-text {
position: absolute !important;
clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);
} .alignleft {
display: inline;
float: left;
}
.alignright {
display: inline;
float: right;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} 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; }
.footer, .push {
height: 144px; clear: both;
}
.footerblock {
max-width: 1000px;
margin: 0 auto;
} #menu {
width: 100%;
}
.headerimg {
float: left;
width: 20%;
}
.headerimg img {
width: 100%;
} #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;
} 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;
} 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;
} .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;
} .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;
} .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;
} .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%;
} .post .notice,
.error404 #searchform {
background: #eee;
display: block;
padding: 1em;
} .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;
} body.page-template-page-handjes-php #banner {
width: 100%;
}
a img {
border: none;
}
p img {
margin-bottom: 0.5em; } img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img,
.wp-caption {
max-width: 100%; height: auto; }
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;
} #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;
} .required {
color: #e23b50;
} .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;
} #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;
} #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);
} #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;
} #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 screen and (max-width: 950px) { .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;
} .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) { #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) { #wrapper {
margin: 0 auto -320px;
}
.footer, #push {
height: 500px;
}
#logoblockone div,
#logoblocktwo div,
#logoblockone,
#logoblocktwo {
width: 100%;
}
.responsiveMenuSelect {
height: 30px;
} #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(//koekenstad.be/wp-content/themes/toolbox/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(//koekenstad.be/wp-content/themes/toolbox/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;
} .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;
} nav#access
{
position: relative;
}
.hamburger
{
height: 50px;
width: 50px;
position: absolute;
right: 0;
background-image: url(//koekenstad.be/wp-content/themes/toolbox/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(//koekenstad.be/wp-content/themes/toolbox/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(//koekenstad.be/wp-content/themes/toolbox/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(//koekenstad.be/wp-content/themes/toolbox/img/ico-up.png);
}
.sub-menu .hasSubmenu
{
display: none;
}
.sub-menu .menu-item
{
height: 34px !important;
}
#access ul ul a
{
color: white !important;
}
} .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;
}