/*
Theme Name: Storefront Child
Theme URI: https://woocommerce.com/products/storefront/
Template: storefront
Author: Automattic
Author URI: https://woocommerce.com/
Description: Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout &amp; color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
Tags: e-commerce,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,full-width-template,threaded-comments,accessibility-ready,rtl-language-support,footer-widgets,sticky-post,theme-options,editor-style
Version: 4.6.1.1740755946
Updated: 2025-02-28 15:19:06

Gotje kleuren:
Rood: #cb1232
Oker geel: #f5a716
Creme: #fdf7ee

Source Sans Pro
light-text {font-family: 'Source Sans Pro', sans-serif; font-weight: 300; }
regular-text {font-family: 'Source Sans Pro', sans-serif; font-weight: 400; } 
medium-text {font-family: 'Source Sans Pro', sans-serif; font-weight: 500; }
bold-text {font-family: 'Source Sans Pro', sans-serif; font-weight: 600; }
heavy-text {font-family: 'Source Sans Pro', sans-serif; font-weight: 700; }

*/

/* --------  Recepten  ----------*/

.hentry .entry-content .recepten-intro h1 {
	color: #ffffff; 
	font-size: 50px;
	line-height: 54px;
	font-family: 'GTFont', sans-serif; 
	font-weight: 300;
}

.recepten-kaart-foto {
  width: 100%;
  max-width: 600px;
  aspect-ratio: 1 / 1; 
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
}

.recepten-kaart-foto img {
  width: 100%;
  height: 100%;
  object-fit: cover; 
  display: block;
}

/* --------  Recepten Blog ----------*/

.hentry .entry-header {border-bottom: none;}

.post-wrapper-nieuws .wp-post-image {
display:none;
}

.content-post-header-image {
	height: 500px;
	overflow: hidden;
	margin: -272px -68px 0 -68px;
	display: flex;
    align-items: center; 
	background-color: #cd0c2d;
}


.content-post-header-image img {
  height: 100%;
  width: auto;
}

.intro-text-recept {
	font-family: 'Source Sans Pro', sans-serif; 
	font-size: 24px;
	line-height: 30px;
	font-weight: 300;
	color: #cb1232;
	max-width: 900px;
}

.intro-text-nieuws {
	font-family: 'Source Sans Pro', sans-serif; 
	font-size: 24px;
	line-height: 30px;
	font-weight: 300;
	color: #cb1232;
}


/* --------  Over noten  ----------*/


.over-noten-info table:not( .has-background ) tbody td,
.over-noten-info table:not( .has-background ) tbody tr:nth-child(2n) td,
.over-noten-info table:not( .has-background ) th
{
    background-color: #fdf7ee;
	padding: 5px 5px 5px 5px;
}

.wist-je-dat-kader {
	background-color: #cb1232;
	border-radius: 20px;
	color: #FFFFFF;
	padding: 20px 60px 20px 60px;
}

.hentry .entry-content .wist-je-dat-kader a, .hentry .entry-content .wist-je-dat-kader a:visited  {color: #ffffff; font-weight: 600;}
.hentry .entry-content .wist-je-dat-kader a:hover {color: #000000;}

.wist-je-dat-kader h1 {font-size: 50px; color: #FFFFFF;}
.wist-je-dat-kader h2 {padding-top: 20px;}
.recepten-kaarten h2 { color: #cb1232;}

.recepten-kaarten button {background-color: #f5a716; color: #ffffff; border-radius: 5px; width: 170px; font-size: 20px; padding: 6px 12px 6px 12px;}
.recepten-kaarten button:hover {background-color: #cb1232; color: #ffffff;}

.over-noten-producten-overzicht button {background-color: #f5a716; color: #ffffff; border-radius: 5px; width: 170px; font-size: 20px; padding: 6px 12px 6px 12px; margin: 20px 0 40px 0;}
.over-noten-producten-overzicht button:hover {background-color: #cb1232; color: #ffffff;}

/* --------  Hide Theme and Shop elements  ----------*/

.site-header .site-search { display: none; }
.site-header-cart { display: none; }
.site-title { display: none; }
.site-branding .site-title { display: none;}
.site-info {display: none;}
.page-title  { display: none; }
.storefront-breadcrumb { display: none; }
.widget_nav_menu ul li::before {display: none;}
.widget_product_categories ul li::before {display: none;}
.woocommerce-active .site-header .site-branding {display: none;}
.storefront-sorting {display: none;}
.site-main nav.navigation {display: none;}
.cat-links, .tags-links {display: none;}

.posted-on, .post-author, .post-comments {display: none;}


/* -------- WooCommerce en shop ----------*/

ul.products, .wc-block-grid__products {
    margin-top: 150px;
}


.woocommerce-product-details__short-description::after {
    content: "";
    display: table;
    clear: both;
	margin-bottom: 40px;
}


.content-page-header-image-shop {
	height: 260px;
	overflow: hidden;
	margin: -300px 0 0 0;
	width: 100%;
	z-index: 1;
}

ul.products li.product .button, ul.products .wc-block-grid__product .button, .wc-block-grid__products li.product .button, .wc-block-grid__products .wc-block-grid__product .button {
	background-color: #cb1232;
	color: #ffffff;
	border-radius: 8px;
	font-size: 18px;
}


.term-description {
	font-family: 'Source Sans Pro'
	color: #ffffff; 
	font-size: 50px; 
	line-height: 53px;
	color: #ffffff;
	font-weight: 700;
}


/* -------- link styling ----------*/

.hentry .entry-content a.button-a-link-yellow, .hentry .entry-content a.button-a-link-yellow:visited { 
	font-family: 'Source Sans Pro', sans-serif; 
	font-weight: 400; 
	background-color: #f5a716;
	color: #ffffff;
	border-radius: 8px;
	font-size: 18px;
	line-height: 22px;
	padding: 7px 24px 7px 24px;
	box-sizing: border-box;
	position: relative;
    width: auto;
	display: inline-block;;
}

.hentry .entry-content a.button-a-link-yellow:hover {
	background-color: #cb1232; 
	color: #ffffff;
}

.hentry .entry-content .home-block-2-product-slider a.button-a-link-yellow { width: 100%; margin-top: 20px;}

.hentry .entry-content a.button-a-link-yellow-red-bg, .hentry .entry-content a.button-a-link-yellow-red-bg:visited { 
	font-family: 'Source Sans Pro', sans-serif; 
	font-weight: 400; 
	background-color: #f5a716;
	color: #ffffff;
	border-radius: 8px;
	font-size: 18px;
	padding: 7px 24px 7px 24px;
	box-sizing: border-box;
	position: relative;
    width: auto;
	display: inline-block;;
}

.hentry .entry-content a.button-a-link-yellow-red-bg:hover {
	background-color: #ffffff; 
	color: #f5a716;
}

.hentry .entry-content a.button-a-link-red, .hentry .entry-content a.button-a-link-red:visited { 
	font-family: 'Source Sans Pro', sans-serif; 
	font-weight: 400; 
	background-color: #cb1232;
	color: #ffffff;
	border-radius: 8px;
	font-size: 18px;
	padding: 7px 24px 7px 24px;
	box-sizing: border-box;
	position: relative;
    width: auto;
	display: inline-block;;
}

.hentry .entry-content a.button-a-link-red:hover {
	background-color: #ffffff; 
	color: #cb1232;
}

/* -------- Main ----------*/

.gotje-photo-banner {
margin: -300px -68px 0 -68px
min-height: 800px;

background-image: url('wp-content/uploads/2025/03/home-header2.jpg');
background-size: cover;
background-position: left;
}

button {font-family: 'Source Sans Pro', sans-serif; font-weight: 400; } 

.yellow-button {
	background-color: #f5a716;
	color: #ffffff;
	border-radius: 8px;
	font-size: 18px;
}

.yellow-button:hover {background-color: #cb1232; color: #ffffff;}

.red-button {
	background-color: #cb1232;
	color: #ffffff;
	border-radius: 8px;
	font-size: 18px;
}

.red-button:hover {background-color: #f5a716; color: #ffffff;}

body {
  font-family: 'Source Sans Pro', sans-serif;
  background-color: #fdf7ee;
  color: #000000;
}

img, .entry-content img { border-radius: 0;}

p {
	margin: 0 0 15px 0;
	padding: 0;
}

.hentry .entry-content a { 
	color: #000000;
	text-decoration: none;
	font-weight: 600;
}

.entry-content a:hover { 
	color: #cb1232;
}

.content-area {margin-bottom: 0;}

.short-page-header h1 {
	font-family: 'Source Sans Pro', sans-serif; 
	font-weight: 700; 
	color: #f5a716; 
	font-size: 70px; 
	line-height: 70px; 
	margin-bottom: 8px;
}

.short-page-header h2 {
	font-family: 'GTFont', sans-serif; 
	color: #ffffff; 
	font-size: 35px; 
	line-height: 35px;
}

h1 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    color: #cb1232;
    font-size: 50px;
    line-height: 48px;
	margin-bottom: 13px;
}

h2 {
	font-family: 'GTFont', sans-serif; 
	color: #f5a716; 
	font-size: 32px; 
	line-height: 34px; 
	font-weight: normal;
	margin-bottom: 7px;
	padding: 0;
}

p+h2 {margin-top: 40px;}
p+h3 {margin-top: 20px;}


.intro-text {
	font-family: 'Source Sans Pro', sans-serif; 
	font-size: 24px;
	line-height: 30px;
	font-weight: 300;
	color: #cb1232;
	max-width: 900px;
	margin: 0 auto;
}

.intro-text a, .intro-text a:visited {
	font-weight: 300;
	color: #cb1232;
}

.intro-text a:hover {
	color: #000000;	
}

.quote-red-centered {
	font-family: 'GTFont', sans-serif; 
	font-size: 38px;
	line-height: 40px;
	color: #cb1232;
	margin: 0 auto;
	text-align: center;
	margin: 40px 0 40px 0;
}

.background-page-header {
    background-image: url(images/product-page-header-bg.png);
    background-size: cover;
    height: 300px;
    margin: -200px -68px 0 -68px;
    z-index: 3;
}

.background-page-header-product {
    background-image: url(images/product-page-header-bg.png);
    background-size: cover;
    height: 200px;
    margin: -300px -68px 50px -68px;
    z-index: 3;
}

.background-page-header-product-category {
    background-image: url(images/product-page-header-bg.png);
    background-size: cover;
    height: 300px;
    margin: 0px auto -300px auto;
    z-index: 3;
    max-width: 1200px;
	width: 100%;
}


.woocommerce-products-header {
	margin: -150px -68px -120px -68px;	
	height: 150px;
}


@font-face {
    font-family: 'GTFont'; 
    src: url('fonts/gt-font.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

.gt-font {
    font-family: 'GTFont', sans-serif; 
}

h2, .gt-font, .home-blok-1-sub-titel, .blok-rood-sub-titel, .blok-creme-sub-titel, .top-header-USP, .sow-carousel-item-title, .home-sale-locations-banner, .home-block-5 p, .short-page-header h2, .quote-red-centered, .hentry .entry-content .recepten-intro h1 {
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility; 
}


button:focus, 
input[type="button"]:focus, 
input[type="submit"]:focus, 
a:focus, 
button:active, 
input[type="button"]:active, 
input[type="submit"]:active, 
a:active {
    outline: none;
}

.blok-kader-geel button {	
	background-color: #cb1232;
	color: #ffffff;
	border-radius: 8px;
	font-size: 18px;
}

.blok-kader-geel button:hover {	
	background-color: #ffffff;
	color: #cb1232;
	border-radius: 8px;
	font-size: 18px;
}

.blok-kader-geel h2 {color: #ffffff;}


/* Nieuws Homepage */

.entry-content .dpt-main-title-text {
    font-family: 'Source Sans Pro', sans-serif; font-weight: 700; 	
	font-size: 42px;
	line-height: 45px;
	color: #cb1232;
};


.sow-post-carousel-theme-base .sow-carousel-title .widget-title {font-family: 'Source Sans Pro', sans-serif; 
	font-weight: 700; 
	color: #cb1232; 
	font-size: 65px;
	padding-bottom:0;
	border-bottom: none;
}

.sow-carousel-container {
	margin: -60px 0 0 0;
}

.so-widget-sow-post-carousel-base-4139acc3343c-6 .sow-carousel-title a.sow-carousel-next, .so-widget-sow-post-carousel-base-4139acc3343c-6 .sow-carousel-title a.sow-carousel-previous {
	padding: 5px 10px 5px 10px;
	font-size: 12px;
	width: 40px;
	text-decoration: none;
	margin-left: 10px;
}


/* Nieuws */

.news-header-background {
  width: calc(100% + 136px);
  margin-left: -68px;
  height: 110px;
  margin-top: -300px;
  margin-bottom: 70px;
  background-image: url(images/nieuws-banner-rood.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.entry-title {display:none;}
.post-wrapper-nieuws .entry-title {display:block; max-width: 800px; margin: 0 auto;}

.verhalen-van-de-markt-slider .dpt-main-header {display:none;}

.dpt-excerpt .dpt-has-teaser.dpt-link-more {
    margin-top: 15px !important; 
}

.content-post-header-news {
	height: 500px;
	overflow: hidden;
	margin: -390px -68px 0 -68px;
	display: flex;
    align-items: center; 
	background-color: #cd0c2d;
}

/* Homepage */

.home-block-1-title {
	padding-top: 60px;
}

.home-blok-1-top-titel {font-family: 'Source Sans Pro', sans-serif; font-weight: 700; color: #f5a716; font-size: 65px; line-height: 65px; margin-top: 180px;}
.home-blok-1-top-titel p {margin:20px 0 0 0;}
.home-blok-1-sub-titel {font-family: 'GTFont', sans-serif; color: #ffffff; font-size: 35px; line-height: 35px;}
.home-blok-1-sub-titel p {margin:10px 0 0 0;}
.home-blok-1-text {color: #f5a716; font-size: 20px;}
.home-blok-1-button button {background-color: #f5a716; font-size: 20px; color: #ffffff; border-radius: 5px; padding: 10px 40px;}
.home-blok-1-button button:hover {background-color: #ffffff; color: #f5a716;}


.home-blok-1-denkwolk {
    width: 200px;
    height: 170px;
    float: right;
    margin: 50px -50px 0 0;
}

@media (max-width: 1100px) { .home-blok-1-denkwolk {margin: 50px -90px 0 0;}}
@media (max-width: 1000px) { .home-blok-1-denkwolk {margin: 50px -160px 0 0; }}
@media (max-width: 900px) { .home-blok-1-denkwolk {margin: 50px -160px 0 0; display: none; }}


.home-blok-1-denkwolk1 {
    opacity: 0;
    filter: blur(10px); 
    transform: translateY(10px);   
    animation: fadeInAndSlide 0.5s forwards 2s; 
}

.home-blok-1-denkwolk2 {
    opacity: 0;
    filter: blur(10px); 
    transform: translateY(10px);   
    animation: fadeInAndSlide 0.5s forwards 2.5s; 
}
.home-blok-1-denkwolk3 {
    opacity: 0;
    filter: blur(10px); 
    transform: translateY(10px);   
    animation: fadeInAndSlide 0.5s forwards 3s, wobble 0.5s ease-in-out 3.5s;
}

@keyframes fadeInAndSlide {
    0% {
        opacity: 0;
        filter: blur(10px); 
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        filter: blur(0px);
        transform: translateY(0);
    }
}

@keyframes wobble {
    0% {
        transform: translateY(0) rotate(0deg);
    }
    25% {
        transform: translateY(0) rotate(5deg);
    }
    50% {
        transform: translateY(0) rotate(-5deg);
    }
    75% {
        transform: translateY(0) rotate(5deg);
    }
    100% {
        transform: translateY(0) rotate(0deg);
    }
}


.home-blok-1-denkwolk1 {width: 21px; height: 21px; margin: 0 0 0 0;}
.home-blok-1-denkwolk2 {width: 34px; height: 41px; margin: -20px 0 0 20px;}
.home-blok-1-denkwolk3 {width: 163px; height; 128px; margin: 0 0 0 35px;}


.home-block-2 {
	background-color: #f5a716;
	max-width: 1200px;
}

.home-block-2-product-slider {
	width: 100%;
	max-width: 700px;
	margin: -200px auto 0 auto;
	background-color: #ffffff;
	border-radius: 12px;
}

.home-block-3 {
	background-color: #fdf7ee;
	max-width: 1200px;
}

.home-block-3 p {
	margin: 20px 0 0 0;
	padding: 0;
}


.home-block-5 {
	margin: 20px 0 0 0;
	padding: 0 60px 0 60px;
}

.home-block-5 p {
	margin: 20px 0 0 0;
	padding: 0
}


.blok-rood {color: #ffffff; font-size: 16px;}
.blok-rood button {background-color: #f5a716; color: #ffffff; border-radius: 5px;}
.blok-rood button:hover {background-color: #ffffff; color: #f5a716;}
.blok-rood-top-titel {font-family: 'Source Sans Pro', sans-serif; font-weight: 700; color: #f5a716; font-size: 50px; line-height: 48px;}
.blok-rood-sub-titel {font-family: 'GTFont', sans-serif; color: #ffffff; font-size: 25px; line-height: 24px;}

.blok-creme, .block-white {color: #000000; font-size: 16px;}
.blok-creme button, .block-white button {background-color: #f5a716; color: #ffffff; border-radius: 5px;}
.blok-creme button:hover, .block-white button:hover {background-color: #cb1232; color: #ffffff;}
.blok-creme-top-titel, .block-white-top-titel {font-family: 'Source Sans Pro', sans-serif; font-weight: 700; color: #cb1232; font-size: 50px; line-height: 48px;}
.blok-creme-sub-titel, .block-white-sub-titel {font-family: 'GTFont', sans-serif; color: #f5a716; font-size: 25px; line-height: 24px; font-weight: normal;}

.home-sale-locations-banner button {background-color: #f5a716; font-size: 20px; color: #ffffff; border-radius: 5px; padding: 10px 40px;}
.home-sale-locations-banner button:hover {background-color: #cb1232; color: #ffffff;}	
.home-sale-locations-banner p {margin: 0; padding: 0;}

/* Header */

#masthead {
	height: 300px;
	max-width: 1200px;
	margin: 0 auto;
}

.site-header {
	border-bottom: none;
}

.gotje-logo-header {
	width: 220px;
	height: 140px;
	margin: -20px 0 0 100px;
	position: absolute;
	float: left;
	z-index: 999;
}
.gotje-logo-header img {
	max-width: 220px;
	height: auto;
}

.site-header {
	background-color: rgba(255, 255, 255, 0.0001);
}

.top-header {
    text-align: right; 
	width: 100%;
	height: 50px;
	background-color: #cb1232;
	box-sizing: border-box;
	max-width: 1200px;
	margin: 0 auto;
}

.top-header-USP {
	height: 33px;
	font-family: 'GTFont', sans-serif; 
	color: #ffffff;
	font-size: 22px;
	width: auto;
	max-height: 40px;
	margin: 8px 0 0 20px;
	position: absolute;
}

.top-menu {
    list-style: none;
    margin-top: 0px;
	margin-bottom: 0;
    padding: 0;
	float: right;
	margin-right: 13px;
	padding-top: 10px;
	box-sizing: border-box;
	height: 33px;
	z-index: 2;
}

.storefront-primary-navigation {
	font-size: 20px;
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: -50px auto 0 auto;
	font-family: 'Source Sans Pro', sans-serif; font-weight: 300;
}

.woocommerce-active .site-header .main-navigation {
	width: 580px;
	float: right;
	margin-right: -26px;
}

.site-header {
	height: 150px;
}

.top-header-wrapper {

}

.primary-navigation {
	width: 560px;
	text-align: right;
	padding: 0;
	float: right;
}

.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {
	padding: 20px 0 20px 20px;
}

.top-menu li {
    display: inline-block;
}

.top-menu a {
	text-transform: uppercase;
	letter-spacing: 1px;
    text-decoration: none;
    color: #f5a716;
    font-size: 14px;
	margin-right: 15px;
}


/* Footer */

.site-footer {
	background-color: #cb1232;
	max-width: 1200px;
	margin: 0 auto;
	color: #ffffff;
	font-weight: 300;
}

.footer-logo {
	position: absolute;
	margin: -90px 0 0 40px;
	width: 283px;
	height: 180px;
	float: left;
}

.site-footer .widget .widget-title {
	color: #ffffff;
	border-bottom: none;
	margin-bottom: 10px;
	padding-bottom: 0;
}

.footer-widgets {
	border-bottom: none;
}

.site-footer a:not(.button):not(.components-button) {color: #ffffff; text-decoration: none; font-weight: 500;}

.footer-container {
    display: flex;
    justify-content: center; 
    padding: 20px 0;
    width: 100%;
}

#menu-footer-menu a {
	color: #ffffff;
}

.footer-menu {
    list-style: none;
    display: flex; 
    gap: 50px; 
    margin: 80px 0 -50px 0;
    padding: 0;
	font-family: 'Source Sans Pro', sans-serif; font-weight: 300; 
}

.footer-menu li {
    display: inline-block;
}

.footer-menu a { 
    color: rgba(255, 255, 255, 1); 
    text-decoration: none; 
    font-size: 27px;
    text-align: center;
}

.footer-credits {
	width: 100%;
	height: auto;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
	padding: 0 40px;
	box-sizing: border-box;
}


/* Main Navigation */

.top-header-wrapper {
width: 100%;
height: auto;
}

#menu-hoofdnavigatie-desktop {
	text-align: right;
}


.main-navigation ul.nav-menu a { color: #ffffff; }
.main-navigation ul.nav-menu a:active { color: #ffffff; }
.main-navigation ul.nav-menu a:hover { color: #f5a716; }
.site-header ul.menu li.current-menu-item > a { color: #ffffff; }

.main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children {
	background-color: #cb1232;
	color: #ffffff;
	padding: 6px 10px 6px 10px;
}

 /* --------  Contact form 7  ----------*/

.wpcf7-not-valid-tip { background-color: #ffffff; padding: 10px; box-sizing: border-box;}

input[type=text], input[type=number], input[type=email], input[type=tel], input[type=url], input[type=password], input[type=search], textarea, .input-text {
	width: 100%;
	background-color: white;
	box-shadow: none;
}

button, input[type="button"], input[type="submit"] {
	background-color: #f5a716; color: #ffffff;
}

button, input[type="button"]:hover, input[type="submit"]:hover{
	color: #f5a716; background-color: #ffffff;
}


.wpcf7 select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    background-color: #f7f7f7;
    color: #333;
    padding: 12px 16px;
    font-size: 16px;
    border: none;
    border-radius: 0;
    width: 100%;
    box-shadow: none;
    outline: none;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}

.wpcf7 select:focus {
    background-color: #eee;
}

.wpcf7 select option {
    color: #333;
}

.form-attachment-wrapper input {color: #ffffff;}

.inzendformulier-recepten textarea {
	height: 150px;
}

/* --------- content  --------- */


/* ------------ Onze mensen gotje-smoelenboek ------------ */


.entry-content .gotje-smoelenboek img  {
    border: 12px solid #ffffff;
    box-sizing: border-box;
    box-shadow: 0 10px 14px rgba(0, 0, 0, 0.2);
}

.entry-content .gotje-smoelenboek h2 {
	font-size: 27px;
	line-height: 30px;
	margin-top: 20px;
}

.entry-content .gotje-smoelenboek p {
	font-size: 20px;
	margin-top: -10px;
}


/* ------------------------------------- */


blockquote {
	font-family: 'Source Sans Pro', sans-serif; 
	font-weight: 400; 
	color: #cb1232;
	font-size: 36px;
	line-height: 38px;
	border-left: 0px;
	text-align: center;
	margin-left: 0;
	padding-left: 0;
	width: 100%;
}

.widget ul {
	list-style: auto;
	margin-left: 20px;
	list-style-type: disc;
}

.banner-full-width {
margin-left: -68px;
margin-right: -68px;
}

.content-page-header-image {
	height: 300px;
	overflow: hidden;
	margin: -300px -68px 0 -68px;
	display: flex;
    align-items: center; 
	background-color: #cd0c2d;
}

.content-page-header-image img {
  height: 100%;
  width: auto;
}


.content-page-header-title { margin: -160px 0 0 0px;}

.content-page-header-title h1 {
	font-family: 'Source Sans Pro', sans-serif; 
	font-weight: 700; 
	color: #f5a716; 
	font-size: 70px; 
	line-height: 63px; 
	margin-bottom: 8px;
}

.content-page-header-title h2 {
	font-family: 'GTFont', sans-serif; 
	color: #ffffff; 
	font-size: 35px; 
	line-height: 39px;
	margin-bottom: 5px;
}


/* product slider */

        .slider-container-wrapper {
            position: relative;
            width: 600px;
            max-width: 100%;
            margin: auto;
        }
        .slider-container {
            position: relative;
            width: 560px;
            max-width: 100%;
            height: 420px;
            margin: auto;
            overflow: hidden;
            background: #fff;
        }
        .slider {
            display: flex;
            transition: transform 0.8s ease-in-out;
        }
        .slide {
            min-width: 33.333%;
            box-sizing: border-box;
            padding: 10px 2%;
            text-align: center;
        }
        .slide img {
            width: 100%;
            height: auto;
        }
        .product-name {
            font-weight: bold;
            color: #cb1232;
            margin-top: -8px;
			font-size: 18px;
			line-height: 20px;
        }

		.nav-button {
            position: absolute;
            top: 200px;
            transform: translateY(-50%);
            background: white;
            color: #f5a716;
            border: none;
            padding: 10px;
            cursor: pointer;
            font-size: 24px;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
			text-decoration: none;
        }
        .prev {
            left: -30px;
        }
        .next {
            right: -30px;
        }


@media (max-width: 1200px) {
.gotje-logo-header {
	margin: -30px 0 0 30px;
}
	
}

@media (max-width: 1100px) {
	
.home-block-4 {
	margin: 0px -68px 0 -68px;
}
	
}

@media (max-width: 980px) {
	
.content-page-header-image {
	height: 360px;
	max-height: 360px;
}
	
.content-page-header-title { height: 180px; margin: -220px 0 50px 0;}

.footer-menu {
    display: block;
    text-align: left;
    padding-left: 20px;
    position: relative;
	list-style: none;
	width: 100%;
	float: left;
}
	
.footer-menu li {
    display: block;
    margin: 0;
}

.footer-container {
    justify-content: left; 
	padding-left: 20px;
}
	
.footer-widget-1, .footer-widget-2, .footer-widget-3, .footer-widget-4 {width: 40%!important; float: left!important;}
	
}

@media (max-width: 880px) {
.top-menu a {
    font-size: 12px;
	margin-right: 10px;
}
}

@media (max-width: 780px) {
.home-block-2-product-slider {
	width: 100%;
	max-width: 700px;
	margin: 0px auto 0 auto;
	background-color: #ffffff;
	border-radius: 12px;
}
}

@media (max-width: 767px) {

.content-page-header-image {
	margin: -10px -68px 0 -68px;
}

.site-footer { margin: 30px auto 0 auto;}
	
.wist-je-dat-kader {
	padding: 20px 30px 20px 30px;
}
	
.content-page-header-title { height: 180px; margin: -300px 0 150px 0;}

#masthead {
	height: auto; 
	background-image: url('images/product-page-header-bg.png');
	background-size: 1200px 340px;	
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #cb1232;
}
	
.storefront-handheld-footer-bar {display:none;}

.banner-full-width {
	margin-right: -43px;
	margin-left: -43px;
}
	
.site-header {padding-bottom: 0;}
	
.gotje-logo-header {
width: 100%;
height: 300px;
margin: -50px auto 160px auto;
padding: 30px 30px 120px 30px;
box-sizing: border-box;
position: relative;
text-align: center;
box-sizing: border-box;	
}	

	
.gotje-logo-header img {
	width: 100%;
	height: auto;
	margin: 30px auto 0 auto;
	max-width: 420px;
}

 /*  --------  Navigation Mobile ----------  */
	
@media (max-width: 767px) {
    .main-navigation ul li.menu-item-has-children {
        position: relative;
    }
	
.slider-container {
            height: 335px;
	}
	
    
    .main-navigation ul li.menu-item-has-children .dropdown-toggle {
        position: absolute;
        top: 0;
        right: 0;
        bottom: auto; 
        left: 0;
        width: 100%;
        height: 48px; 
        line-height: 48px; 
        text-align: right;
        background: transparent !important;
        z-index: 10;
		margin-top: -10px;
    }

    .main-navigation ul li.menu-item-has-children > a {
        position: relative;
        z-index: 5;
        pointer-events: none; 
    }
}
	
.top-navigation {display:none;}
.top-header-USP {
	width: 100%; 
	text-align: center; 
	z-index: 99; 
	background-color: #cb1232;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 8px;
	height: 45px;
	max-height: 45px;
}
	
button.menu-toggle::before, button.menu-toggle::after, button.menu-toggle span::before {
  display: none;
}
	
.main-navigation ul.menu, .main-navigation ul.nav-menu {
width: 100%;
}
	

.woocommerce-active .site-header .main-navigation {
	color: #ffffff;
	width: 100%;
	box-sizing: border-box;
    margin-right: 0;
	margin-top: -120px;
	background-color: #cb1232;
}
	
	
button.menu-toggle, button.menu-toggle:hover,  button.menu-toggle:focus  {
text-align: center;
margin-bottom: 20px;
background-color: #f7a901;
color: #ffffff;	
border: none;
outline:0;
font-size: 20px;
text-transform: uppercase;
box-sizing: border-box;
width: 100%;
max-width: 100%;
display: block; 
}
	
.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a {color: #ffffff; padding: 10px;}
.main-navigation ul li a {color: #ffffff; padding-left: 10px;}	
	
.main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-title a:hover, 
.site-header ul.menu li.current-menu-item > a {
color: #ffffff;
background-color: #a20a24;
}
	
.main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children {padding: 0;}	
.main-navigation ul ul {margin-left: 0;}
	
.main-navigation ul li a, .site-title a, ul.menu li a, .site-branding h1 a, button.menu-toggle, button.menu-toggle:hover, .handheld-navigation .dropdown-toggle {color: #ffffff; padding-left:30px;}

	
.footer-logo {
	margin: -90px 0 0 40px;
	width: 283px;
	height: 180px;
}
	
.footer-widget-1, .footer-widget-2, .footer-widget-3, .footer-widget-4 {width: 100%!important;}
	
.footer-container {
	margin-bottom: 60px;
}
	
	
.edit-link {display: none;}
	
	
}

@media (max-width: 700px) {
.short-page-header h1 {
	font-size: 50px; 
	line-height: 50px; 
	margin-bottom: 8px;
}

.short-page-header h2 {
	font-size: 25px; 
	line-height: 25px;
}
}

@media (max-width: 567px) {
	
.content-page-header-title h1 {
	font-size: 60px; 
	line-height: 60px; 
	overflow-wrap: break-word;
	hyphens: auto;
	margin-bottom: 0;
}
	
.footer-container {
	padding-left: 0px;
}
	
}


@media (max-width: 500px) {
.slider-container {
width: 30%;
}
.slide {
min-width: 100%;
}
.prev {
left: 100px;
}
.next {
right: 100px;
}
}