/*
Theme Name:   	Storefront Child Theme
Theme URI:    	https://github.com/stuartduff/storefront-child-theme
Author:       	Stuart Duff
Author URI:     http://stuartduff.com
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
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.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */

/********** Algemeen ************/

a.compare.button{
	display: none;
}

div.homepage-icon-wrap{
	display: none;
}

html{
	overflow-x: hidden;
}

a{
	color: #fd79a8;
	-moz-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    -webkit-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
}

a:hover{
	color: #e84393;
	text-decoration: none;
}

button:focus, input:focus, textarea:focus,
a:focus{
	outline: none !important;
}

.btn-link:hover,
.btn-link{
	color: transparent !important;
}

body{
	font-family: sofia-pro, sans-serif;
	font-size: 16px;
	color: #2d3436;
	font-weight: 300;
}

.storefront-breadcrumb{
	margin-bottom: 30px;
}

.storefront-breadcrumb .container{
	padding-top: unset;
}

.storefront-primary-navigation img.mobile{
	display: none;
}

h1, h2 ,h3{
	font-family: 'Baloo', cursive;
	color: #2d3436;
}

h1{
	font-size: 40px;
	line-height: 45px;
	font-weight: 400;
}

h2{
	font-size: 23px;
	line-height: 30px;
	font-weight: 400;
}

h3{
	font-size: 23px;
	line-height: 30px;
	font-weight: 900;
}

strong{
	font-weight: 600;
}

table th{
	background-color: #edf8ff;
}

.order_details > li{
	background-color: #edf8ff;
}

table td,
table tbody td{
	background-color: #f6fcff;
}

#payment .payment_methods > li:not(.woocommerce-notice):hover,
#payment .payment_methods > li .payment_box, #payment .place-order,
#payment .payment_methods > li:not(.woocommerce-notice){
	background-color: rgba(84,160,255,0.05) !important;
}

.added_to_cart{
	border: solid 1px #fd79a8 !important;
	border-radius: 50px !important;
	color: #fd79a8;
	background-color: #fff;
	font-size: 15px;
	padding: 4px 15px !important;
    font-weight: 400 !important;
    float: left;
    margin-top: 10px;
}

.added_to_cart:hover{
	background-color: #fd79a8;
}

.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message, 
.woocommerce-noreviews, 
p.no-comments
.woocommerce-error{
	background-color: #54a0ff;
}

.wc-proceed-to-checkout .button.checkout-button{
	background-color: #fd79a8 !important;
	border-radius: 50px !important;
	color: #fff !important;
	font-size: 18px;
	padding: 10px 15px !important;
    font-weight: 400 !important;
}

button.button,
button.single_add_to_cart_button,
.return-to-shop .button,
.storefront-sticky-add-to-cart__content-button,
table.compare-list .add-to-cart td a,
.nieuwsbrief .gform_wrapper .gform_footer .button,
div.products div.product .button,
input[type=submit],
.widget a.button.checkout,
a.btn{
	background-color: #fd79a8 !important;
	border-radius: 50px !important;
	color: #fff !important;
	font-size: 15px;
	padding: 4px 15px !important;
    font-weight: 400 !important;
    -moz-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -webkit-transition: background-color 0.3s ease-in-out;
	transition: background-color 0.3s ease-in-out;
}

button.button:hover,
button.single_add_to_cart_button:hover,
.return-to-shop .button:hover,
.wc-proceed-to-checkout .button.checkout-button:hover,
table.compare-list .add-to-cart td a:hover,
.storefront-sticky-add-to-cart__content-button:hover,
.nieuwsbrief .gform_wrapper .gform_footer .button:hover,
div.products div.product .button:hover,
input[type=submit]:hover,
.widget a.button.checkout:hover,
a.btn:hover{
	background-color: #e84393 !important;
}

.wc-proceed-to-checkout .button.checkout-button:focus,
table.compare-list .add-to-cart td a:focus,
button:focus,
.button:focus,
.storefront-sticky-add-to-cart__content-button:focus,
.nieuwsbrief .gform_wrapper .gform_footer .button a:focus,
div.products div.product .button:focus,
input[type=submit]:focus,
.widget a.button.checkout:focus,
a.btn:focus{
	outline: none !important;
}

.quote{
font-style: italic;
font-size: 1.4em;
color: #3a5577;
text-align: center;
width: 70%;
margin: 35px auto 50px;
}

.site{
	overflow-x: unset;
}

/************* Menu **************/

nav#site-navigation{
	width: 100%;
	margin-right: 0;
}

.storefront-primary-navigation{
	box-shadow: 0px 5px 9px #8E8E8E1A;
}

header ul#menu-desktop{
	-ms-flex-pack: justify !important;
    justify-content: space-between !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

header ul#menu-desktop li{
	font-family: 'Baloo', cursive;
	font-size: 18px;
	text-transform: capitalize;
}

header ul#menu-desktop li a{
	color: #54a0ff;
}

.main-navigation ul.menu > li.menu-item-has-children > a::after, 
.main-navigation ul.menu > li.page_item_has_children > a::after, 
.main-navigation ul.nav-menu > li.menu-item-has-children > a::after, 
.main-navigation ul.nav-menu > li.page_item_has_children > a::after{
	vertical-align: middle;
	margin-left: 0.4em;
}

li.menu-item a:hover{
	background-size: #c0ecff;
	color: #0071ff !important;
	transition-duration: 0.2s;
}

header ul#menu-desktop li ul.sub-menu{
	border-radius: 0 0 50px 50px;
	background-color: #fff;
	border: 1px solid #E2F4FC80;
	border-top: unset;
	overflow: hidden;
}

.main-navigation ul.menu ul li a, 
.main-navigation ul.nav-menu ul li a{
	padding: 1em 1.41575em;
}

header ul#menu-desktop li:hover ul.sub-menu{
	left: -30%;
}

header ul#menu-desktop li.contact:hover ul.sub-menu{
	left: -7%;
}

header ul#menu-desktop li ul.sub-menu li a{
	text-align: center;
	font-size: 16px;
}

header ul#menu-desktop li ul.sub-menu li:hover> a,
header ul#menu-desktop li ul.sub-menu li:focus{
	background-color: #E2F4FC80;
	transition: background-color 0.2s, color 0.2s;
}

div.primary-navigation ul.menu.nav-menu {
	margin-left: -1em;
	margin-right: -1em;
}

.main-navigation ul li.focus>ul, .main-navigation ul li:hover>ul, .secondary-navigation ul li.focus>ul, .secondary-navigation ul li:hover>ul{
	left: -25%;
}

/************ Header *************/

.header {
	position: relative;
}
.header img{
	width: 100%;
	height: auto;
}

.header img.wolken{
	position: absolute;
	bottom: -160px;
}

.header-balk {
	background-color: #54a0ff;
	width: 100%;
    display: flex;
    justify-content: center;
}

.header-balk ul {
	list-style: none;
	margin: 0;
	margin: 0;
}

.header-balk ul li {
	color: #fff;
	display: inline-block;
}

.header-balk ul li a{
	color: #fff;
	text-decoration: underline;
}

.header-balk ul i.fa-moon{
    font-size: 15px;
    color: #fff;
    padding: 0 35px;
}

.header-balk ul li p{
	margin: 0;
	display: inline-block;
}

.header-balk ul li.hb-1,
.header-balk ul li.hb-2,
.header-balk ul li.hb-3 {
	background-color: #54a0ff;
	padding: 5px 0;
}

header .col-12{
	display: flex;
}

.storefront-primary-navigation > .container{
	border-top: 2px solid #e0f3ff;
}

.storefront-secondary-navigation.woocommerce-active .site-header .site-branding{
	margin-right: auto;
	margin-top: 1.41575em;
	margin-bottom: 1.41575em;
}

.header-widget-region .col-full{
	margin: 0;
}

.header-widget-region,
.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation,
.woocommerce-active .site-header .site-header-cart,
.header-widget-region .widget_product_search{
	width: unset;
	/*padding-top: 25px;*/
    display: flex;
    align-items: center !important;
}

nav.secondary-navigation{
	padding-top: 0px;
	margin-top: 1.41575em;
	margin-bottom: 1.41575em;
}

.header-widget-region .widget_product_search form input{
	background-color: #fff;
	border-radius: 30px;
	border: 1px solid #54a0ff;
	padding: 10px 50px !important;
}

.header-widget-region .widget_product_search form::before{
	top: 12px;
    left: 12px;
    font-size: 18px;
    color: #54a0ff;
}

.secondary-navigation ul{
	margin-left: 30px;
}

.secondary-navigation ul li.account{
	border: solid 2px #54a0ff;
	border-radius: 50px;
}

.secondary-navigation ul li.account i{
	color: #54a0ff;
}

.site-header{
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #FFF;
}

ul.site-header-cart li{
	margin-top: 6px;
}

.woocommerce-active .site-header .site-header-cart img.wolk{
	height: 80px;
}

.woocommerce-active .site-header .site-header-cart a.cart{
	position: absolute;
    top: 78px;
    left: 35px;
}

.woocommerce-active .site-header .site-header-cart span{
	color: #54a0ff;
}

.woocommerce-active .site-header .site-header-cart i{
	color: #54a0ff;
	margin-right: 5px;
}

.site-header-cart:hover .widget_shopping_cart{
	width: 300%;
    left: -200px;
    border-radius: 30px;
}

.site-header .widget_shopping_cart li:first-of-type{
	border-radius: 30px 30px 0 0;
}

.site-header .widget_shopping_cart{
	background-color: #fff;
	box-shadow: 1px 1px 20px #54a0ff26;
}

.site-header .widget_shopping_cart li a{
	font-size: 15px;
    padding-bottom: 4px;
}

.site-header .widget_shopping_cart a.remove::before,
.site-header .widget_shopping_cart strong,
.site-header .widget_shopping_cart li a{
	color: #54a0ff;
}

.site-header .widget_shopping_cart a.remove::before{
	content: '\f00d';
	left: 3px;
    top: -2px;
}

.widget_shopping_cart .product_list_widget:after{
	content: '';
	width: 80%;
	margin: auto;
	color: #000;
}

.site-header-cart .widget_shopping_cart .product_list_widget img{
	display: none;
}

.widget_shopping_cart p.total{
	text-align: left;
	background-color: #fff !important;
}

.site-header .widget_shopping_cart p.buttons{
	border-radius: 0 0 30px 30px;
    background-color: #fff;
    box-shadow: 1px 1px 20px #54a0ff26;
}

.widget a.btn.view-cart{
	background-color: unset !important;
	color: #2d3436 !important;
	text-decoration: underline;
	transition: background-color 0.3s ease-in-out;
}

.widget a.btn.view-cart:hover{
	background-color: unset !important;
	color: #2d3436CC !important;
}

.widget a.button.checkout:after{
	display: none;
}

.site-header .widget_shopping_cart a.remove{
	float: right !important;
	border: 2px solid #54a0ff;
	padding: 0;
	width: 22px;
    height: 22px;
}

header .widget_shopping_cart span.amount{
	float: right;
	margin-top: 3px;
}

#page ul.contact{
	position: fixed;
	right: 20px;
	top: 400px;
	z-index: 99999;
	list-style: none;
}

#page ul.contact li{
	background-color: #fd79a8;
    height: 50px;
    width: 50px;
    border-radius: 50px;
    display: block;
    margin: 20px 0;
    -moz-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -webkit-transition: background-color 0.3s ease-in-out;
	transition: background-color 0.3s ease-in-out;
}

#page ul.contact li a{
	padding: 14px 15px;
	display: block;
}

#page ul.contact li:hover{
	background-color: #e84393;
}

#page ul.contact li i{
	color: #fff;
}

/********** Frontpage ************/

.header-btn{
	position: absolute;
	top: 400px;
	width: 100%;
}

.header-btn .button{
	background-color: #fff !important;
	box-shadow: #b5b2b2 1px 2px 10px !important;
	border-radius: 50px !important;
	padding: 4px 9px !important;
}

.header-btn .button i{
	color: #54a0ff;
	padding-top: 3px;
}

.header-tekst {
	position: absolute;
    color: #fff;
    font-family: 'Baloo',cursive;
    font-size: 100px;
    height: 100%;
    width: 100%;
    top: 450px;
    text-shadow: #b5b2b2 1px 2px 10px;
    opacity: 0;
}

.header-tekst.active{
	opacity: 1;
	top: 0px;
	transition: all 1s;
}

body.home main.site-main{
	padding-top: 0px !important;
}

.fp-intro {
	text-align: center;
	font-size: 20px;
}

.home .quote{
	padding: 0 65px;
}

.categorieen .categorie-wrapper{
	/* height: 200px; */ 
}

.categorieen .categorie-wrapper .overlay{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgb(255,255,255,0.4);
}

.categorieen .categorie-wrapper:hover .overlay{
	background-color: transparent;
}

.categorieen .categorie-wrapper h3{
	z-index: 2;
	font-size: 36px;
	color: #54a0ff;
}

a p.cat-desc{
	color: #2d3436;
}

a p.cat-desc:hover{
	color: #2d3436;
}

.fp_blokken{
	margin: 80px auto;
}

.fp_blokken .blok{
	text-align: center;
	padding: 0 60px;
}

#gf_1 {
	height: 500px;
    width: 1px;
    position: absolute;
    bottom: 0;
}

div.homepage-icon-wrap{
	display: flex;
	justify-content: center;
	margin-bottom: 15px;
}

div.homepage-icon-wrap div.background-circle{
	background-color: #EDF8FF;
	border-radius: 100%;
	padding: 20px;

	box-shadow: 0px 4px 10px #A9DDFEA3; 
}

div.background-circle img {
	width: 70px;
	height: 70px;
}

.container.categorieen {
	margin-top: 24px;
}

.container.categorieen .row {
	margin-left: -50px;
	margin-right: -50px;
}

a.card-link img.bg{
	overflow: hidden;
	-moz-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    -webkit-transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
}

a.card-link, a.card-link:hover{
	color: unset;
}

a.card-link:hover img.bg{
	transform: scale(1.1);
}



.container.categorieen .row h2 {
	margin-top: 16px;
}

.container.categorieen .row a h2 {
	color: #2d3436
	-moz-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    -webkit-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
}

.container.categorieen .row a.card-link:hover h2 {
	color: #fd79a8;
}

/********** Producten ************/

.winkel .producten .term-description,
.winkel .producten header h1{
	text-align: left;
	
}

.winkel .producten .woocommerce-ordering{
	float: right;
}

.single-product div.product table.variations select,
.winkel .producten .storefront-sorting form{
	position: relative;
}

.single-product div.product table.variations .value{
	position: relative;
}

.single-product div.product table.variations .value:after{
	font-family: 'Font Awesome 5 Pro';
	position: absolute;
    color: #000;
    font-weight: 400;
	right: 290px;
    top: 8px;
}

.winkel .producten .storefront-sorting form:after{
	content: '\f107';
	font-family: 'Font Awesome 5 Pro';
	position: absolute;
    right: 20px;
    top: 12px;
    color: #000;
    font-weight: 400;
}

.single-product div.product table.variations select:focus{
	outline: none;
}

.single-product div.product table.variations select,
.winkel .producten .storefront-sorting select{
	border: solid 1px #fd79a8;
	border-radius: 50px;
	background-color: #fff;
	padding: 5px 45px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-align: center;
  	text-align-last: center;
}

.winkel .producten .storefront-sorting select:focus{
	outline: none;
}

div.row.products > div{
	margin-bottom: 4.235801032em;
}

div.row.products > div:nth-last-child(-n+3){
	margin-bottom:  unset;
}

.product span.onsale, 
div.products div.product span.onsale{
	padding: 27px 0px;
}

.product .korting, 
div.products div.product .korting{
	padding: 11px 0px;
	z-index: 1;
}

.product span.onsale, 
.product .korting, 
div.products div.product .korting, 
div.products div.product span.onsale{
	background-color: #54a0ff;
    color: #fff;
    border-radius: 50px;
    height: 80px;
    width: 80px;
    border: none;
    font-family: 'Nunito', sans-serif;
    text-transform: none;
    text-align: center;
    position: absolute;
    top: 10px;
    font-size: 18px;
    font-weight: 700;
    right: 10px;
    line-height: 26px;
}

.winkel .product .korting{
	right: 51%;
	z-index: 11;
}

div.products div.product .content{
	text-align: left;
	margin-top: 20px;
}

div.products div.product .woocommerce-loop-product__title, 
div.products div.product h2, div.products div.product h3{
	font-size: 20px;
	margin-bottom: 0.2rem;
}

div.products div.product .button{
	float: left;
}

div.products div.product img{
	margin: 0;
	width: 100%;
}

div.products div.product .price, 
div.products .wc-block-grid__product .price, 
.wc-block-grid__products div.product .price, 
.wc-block-grid__products .wc-block-grid__product .price{
	display: block;
	margin-bottom: 1rem;
}

/*.single-product div.product p.price,
div.products div.product .content span.price {
	color: #fff;
}*/

div.products div.product .content span.price {
	float: left;
	width: 100%;
}

.single-product div.product .single_variation .price,
div.products div.product .content span.price {
	font-size: 20px;
}

.single-product div.product .price ins,
div.products div.product .content span.price ins{
	float: left;
	padding-right: 10px;
	margin: 0;
}

div.products div.product span.price,
.single-product div.product p.price span,
div.products div.product .content span.price span{
	color: #6d6d6d;
}
/*
.single-product div.product p.price del, 
div.products div.product .content span.price del{
	display: none;
}

.single-product div.product p.price span:nth-of-type(2),
div.products div.product .content span.price span:nth-of-type(2){
	display: none;
}
*/
div.products div.product .star-rating{
	font-size: 1.2rem;
}

.star-rating::before,
div.products div.product .star-rating::before,
.star-rating span:before, 
.quantity .plus, .quantity .minus, 
p.stars a:hover:after, p.stars a:after, 
.star-rating span:before, 
#payment .payment_methods li input[type=radio]:first-child:checked+label:before, 
p.stars.selected a.active:before, p.stars:hover a:before,
div.products div.product .star-rating span::before{
    color: #54a0ff !important;
}

.producten .seo-teksten{
	margin: 50px 0;
}

.producten .seo-teksten .seo-tekst{
	display: flex;
	align-items: center;
}

.product-usp{
	margin-top: 15px;
	margin-bottom: 15px;
}

.product-usp .col-12{
	color: #2d3436;
}

.product-usp .col-12 i{
	color: #54a0ff;
}

a.woocommerce-LoopProduct-link h1{
	display: none;
}

/********** Single ************/

span.onsale{
	display: none;
}

.single-product div.product .single_variation .price{
	font-size:  30px;
}

span.woocommerce-Price-amount{
	font-size:  25px;
}

.single-product .woocommerce-message{
	display: flex;
	flex-direction: row-reverse;
	justify-content: left;
}

.single-product .woocommerce-message a.wc-forward{
	margin-left: auto;
}

.single-product .woocommerce-message a.wc-forward:hover{
	opacity: 0.8;
	transition: opacity 0.3s ease-in-out;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li{
	margin-right: 30px !important;
}

.single-product div.product .woocommerce-product-gallery{
	width: 54% !important;
	position: relative;
	margin: 0 !important;
}

.single-product div.product .summary{
	width: 42% !important;
}

.single-product div.product .quantity {
	width: 20%;
	margin-bottom: 10px;
}

.single-product div.product .quantity input{
	background-color: #fff;
	border: solid 1px #54a0ff;
}

button.single_add_to_cart_button{
	width: 75% !important;
	height: 40px;
}

.winkel .product .single-info{
	width: 100%;
}

.winkel .product .single-info ul.nav-tabs{
	margin: 0;
	border-bottom: 1px solid #f7f7f7;
}

.winkel .product .single-info ul.nav-tabs li {

}

.winkel .product .single-info ul.nav-tabs li a {
	padding: 10px 22.5px;
	color: #555;
    opacity: 0.3;
	background: #edf8ff;
	border-radius: 30px 30px 0 0;
	opacity: 1;
	color: #000;
	display: block;
}

div.tab-content div.toc-bound{
	display: none;
}

.winkel .product .single-info ul.nav-tabs li a.active{
	opacity: 1;
    border-bottom-color: transparent;
    background: #54a0ff;
    color: #fff;
}

.winkel .product .single-info ul.nav-tabs li a:hover,
.winkel .product .single-info ul.nav-tabs li a:focus{
	outline: none;
	text-decoration: none;
}

.winkel .product .single-info .tab-content{
	padding: 30px 0 0px;
    border-top-color: transparent;
    min-height: 230px;
}

.winkel .product .single-info .tab-content table th,
.winkel .product .single-info .tab-content table td{
	padding: 5px 10px;
	background-color: #edf8ff;
}

.winkel .product .single-info .tab-content table tr:nth-child(2n) th,
.winkel .product .single-info .tab-content table tr:nth-child(2n) td{
	background-color: #fff;
}

.winkel .product .single-info .tab-content #schrijf #reply-title{
	font-family: 'Baloo', cursive;
    color: #2d3436;
    margin-bottom: 20px;
    font-size: 20px;
}

.winkel .product .single-info .tab-content #schrijf form{
	margin-top: 20px;
}

.winkel .product .single-info .tab-content #schrijf form input{
	background-color: #fff;
}

.winkel .product .single-info .tab-content #schrijf form .comment-form-email,
.winkel .product .single-info .tab-content #schrijf form .comment-form-author{
	width: 44%;	
}

.winkel .product .single-info .tab-content #schrijf form .form-submit{
	margin-top: 60px;
}

.winkel .product .single-info .tab-content #schrijf #respond{
	background-color: #edf8ff;
	padding-bottom: 50px;
}

.winkel .product .single-info .tab-content #schrijf form textarea{
	background-color: #fff;
}

.star-rating span:before, 
.quantity .plus, .quantity .minus, 
p.stars a:hover:after, p.stars a:after, 
.star-rating span:before, #payment .payment_methods li input[type=radio]:first-child:checked+label:before,
p.stars.selected a.active:before, 
p.stars:hover a:before{
	color: #e84393;
}

p.stars.selected a:not(.active):before, 
p.stars.selected a.active:before{
 	color: #fd79a8;
}

.storefront-full-width-content.single-product #reviews .commentlist li .comment_container .comment-text{
	width: 100%;
}

.single-product span.onsale{
	right: 51%;
	z-index: 10;
}

section.related.products h2{
	text-align: left !important;
}

section.related div.products div.product span.onsale {
    height: 60px;
    width: 60px;
    font-size: 14px;
    right: 10px;
    line-height: 8px;
}

section.related div.products div.product .star-rating {
    font-size: .8rem;
}

div.products div.product h2 {
    font-size: 8px;
    margin-bottom: 0.2rem;
}

section.related.products div.products div.product a.add_to_cart_button,
section.related.products div.products div.product a.compare{
	display: none;
}

section.related.products div.products div.product .single .content,
section.related.products div.products div.product .single .content{
	margin-bottom: 0;
}

.single-info ul.nav-tabs{
	margin: 0;
}

.single-product div.product .summary ul.usps{
	list-style: none;
	margin: 0;
	line-height: 30px;
	margin-top: 30px;
}

.single-product div.product .summary ul.usps li i{
	padding-right: 10px;
	color: #54a0ff;
}

.pswp__caption__center{
	color: #fff;
	text-align: center;
	font-family: 'Baloo', cursive;
	font-size: 20px;
}

button.pswp__button--arrow--left::before, 
button.pswp__button--arrow--right::before,
.pswp__button--arrow--left:before, 
.pswp__button--arrow--right:before{
	background-color: #fd79a8 !important;
	border-radius: 50px;
}

.pswp__bg{
	background: #fff;
}

.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption{
	background-color: #54a0ff;
	color: #fff;
	min-height: unset;
}

.product-certs {
	position:  absolute;
	list-style-type: none;
	margin-top: 400px;
	margin-left:  0;
	
}

.product-certs li {
	display: inline-block;
}

.product-certs img {
	max-height: 50px;
	width: auto;
}


/************ Blog Archive & Single *************/
h1.blog-title{
	clear: right;
}

h1.post-title,
h2.post-title, 
h3.post-title{
	font-family: sofia-pro, serif; 
}

h1.latest-post-title{ 
	font-weight: 700;
	font-size: 3.2rem;
	line-height: 1.1;
}


h2.post-title,
body.single-post h2.popular-posts-title{
	font-size: 1.625rem;
	margin-bottom:  0.35rem;
	font-weight: 700;
	
}

h3.post-title,
h3.popular-post-title,
body.single-post h3.popular-post-title{
	font-size: 1.125rem;
	font-weight: 500;
}

h4.blog-subtitle{
	font-size: 1.35rem;
	margin-bottom: 0;
}

div.popular-post-wrapper{
	border-radius: 20px;
	background-color: rgba(226, 244, 252, 0.35);
	padding: 25px;

	height: 430px;
}

div.popular-post-wrapper h2.popular-posts-title,
div.related-posts-wrapper h2.popular-posts-title{
	margin-bottom: 1rem !important;
}

div.popular-posts-overview{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

div.popular-posts-overview > div.row{
	flex: 1;
}

div.popular-posts-overview  > div.row:nth-child(-n+3) article{
	border-bottom: 2px solid rgba(226,244,252,0.35);
}

div.popular-posts-overview > div.row:first-of-type article{
	padding-bottom: 6px;
}

div.popular-posts-overview > div.row:nth-child(2) article,
div.popular-posts-overview > div.row:nth-child(3) article{
	padding: 6px 0;
}

div.popular-posts-overview > div.row:last-of-type article{
	padding-top: 6px;
}

h2.popular-posts-title{
	margin-bottom: 1rem;
}

div.popular-thumbnail-wrapper{
	width: 110px;
	height: auto;
	flex-shrink: 0;
	margin-right: 10px;
}

div.popular-thumbnail-wrapper img{
	border-radius: 0;
	height: 66px;
	width: 110px;
	object-fit: cover;
}

div.popular-title-wrapper{
	display: flex;
	align-items: center;

}

div.popular-post-inner img,
div.popular-post-inner h3{
	transition-duration: 0.3s;
}

div.popular-post-inner:hover img{
	opacity: 0.8;
}

div.popular-post-inner:hover h3{
	color: #e84393;
}

h3.popular-post-title{
	margin-bottom: 0px;
	line-height: 1.3;
}

div.latest-post-wrapper{
	border-radius: 20px;
	overflow: hidden;
	height: 430px;
}

div.latest-post-bg-img{
	height: 100%;
	background-size: cover;
	padding: 25px;
	display: flex;
	flex-direction: column;
}

div.latest-post-teaser-content{
	width: 65%;
	margin-top: 30px;
}

div.latest-post-teaser-content h1,
div.latest-post-teaser-content h4{
	color: #E2F4FC;
}

div.blog{
	margin-bottom: 30px;
}

article.blog-article{
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0px 4px 8px #ACACAC29;
	display: flex;
	flex-direction: column;
	height: 460px;
}

div.teaser-img-wrapper{
	position: relative;
	z-index: -1;
}

div.teaser-img-wrapper img{
	border-radius: 0px;
	height: 200px;
	object-fit: cover;
}

div.blog-teaser-divider{
	background-image: url('https://www.slaapkindjeslaap.nl/wp-content/themes/slaapkindjeslaap/images/header.png');
	background-size: cover;
	position: absolute;
	bottom: 0;
	height: 33px;
	width: 100%;
}

div.teaser-content-wrapper{
	padding-top: 0px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;

	margin-top: -0.8em;

	flex: 1;
	display: flex;
	flex-direction: column;
}

div.post-meta-data{
	margin-bottom: 0.3em;
}

div.post-meta-data span{
	font-size: 14px !important;
	color: #0071FF99;
}

div.post-meta-data i{
	font-size: 10px;
	color: #0071FF99;
	margin-left: .5em;
	margin-right: .5em;
}

div.post-meta-data a{
	color: #0071FF99;
}

div.read-more-wrapper{
	display: flex;
	justify-content: flex-end;

	margin-block-start: auto;
}

span.post-read-more{
	color: #fd79a8;
	font-weight: 600;
}

div.read-more-wrapper i{
	font-size: 12px;
	margin-left: 0.12em;
}

	/* Hover Styling */
	div.blog-article-wrapper a div.teaser-img-wrapper img,
	div.blog-article-wrapper a div.read-more-wrapper span.post-read-more{
		transition-duration: 0.3s;
		transition-timing-function: ease-out;

	}

	div.blog-article-wrapper a:hover div.teaser-img-wrapper img{
		opacity: 0.8;
	}

	div.blog-article-wrapper a:hover div.read-more-wrapper span.post-read-more{
		color: #e84393;
	}

/************ Blog Single *************/
body.single-post h1,
body.single-post h2,
body.single-post h3{
	font-family: sofia-pro, serif; 
	margin-bottom: .4em;
}

body.single-post h1{
	font-weight: 700;
	font-size: 3em;
	line-height: 1.2;
}

body.single-post h2{
	font-weight: 700;
	font-size: 1.8em;
}

body.single-post h3{
	font-size: 1.2em;
	font-weight: 500;
}

body.single-post p + h2{
	margin-top: 1.5em;
}

body.single-post div.content > p:first-child{
	font-weight: 600;
	font-size: 1.1em;
}

body.single-post div.content p a{
	font-weight: 600;
}

div.thumb-img-wrapper img{
	object-fit: cover;
	border-radius: 0;
	margin-bottom: 0px !important;
	height: 430px;
}

div.blog-single-meta-info{
	margin: 30px 0 30px -15px;
}

div.blog-single-meta-info-wrapper{
	display: inline;
}

span.meta-info{
	display: inline;
	font-weight: 500;
	padding: 2px 15px;
}

span.meta-info i.meta-data-icon{
	margin-right: 3px;
	color: #a8a8a8;
}

div.blog-single-meta-info div.blog-single-meta-info-wrapper:nth-child(-n+3){
	border-right: 1px solid #E2F4FC;
}

h1.blog-single-title{
	margin-top: 0px !important;
}

div.blog-extra-info{
	padding: 20px;
	background-color: #e2f4fc;
	margin: 1.41575em 0em;
}

div.blog-extra-info p{
	margin-bottom: 0px;

}

article.blog-article.related{
	flex-direction: row;
	height: auto;
}

div.related-img-wrapper{
	width: 33%;
}

div.related-img-wrapper img{
	height: 100%;
	min-height: 175px;
}

div.related-img-wrapper div.blog-teaser-divider{
	transform: rotate(270deg);
	transform-origin: bottom left;
	left: 100%;
}

div.related-single-post div.teaser-content-wrapper{
	padding-top: 20px;
	padding-left: 0px;
	padding-right: 20px;
	padding-bottom: 20px;

	display: flex;
	flex-direction: column;

}

h2.post-title.related{
	font-size: 1.4em;
	margin-bottom: 0.35rem;
}

div.post-excerpt p{
	color: #2d3436;
	margin-bottom: 0.5rem;
}

	/*Hover styling*/
	div.blog-article-wrapper.related-single-post a div.related-img-wrapper img,
	div.blog-article-wrapper.related-single-post a div.read-more-wrapper span.post-read-more{
		transition-duration: 0.3s;
		transition-timing-function: ease-out;

	}

	div.blog-article-wrapper.related-single-post a:hover div.related-img-wrapper img{
		opacity: 0.8;
	}

	div.blog-article-wrapper.related-single-post a:hover div.read-more-wrapper span.post-read-more{
		color: #e84393;
	}

/****** Table of Contents *******/
div.toc-bound{
	background-color: #e2f4fc;
	padding-bottom: 16px;
	margin-bottom: 25px;
}

.toc-ctr{
	display: inline-block;
	font-size: 1.125rem;
	line-height: 1.125rem;
	font-weight: 500;
	padding: 10px;
	text-transform: lowercase;
	background-color: #54A0FF;
	color: #fff;
	margin-bottom: 6px;

}

ul.toc{
	list-style-type: none;
	margin: 0px;
}

ul.toc-sub{
	list-style-type: none;
	margin: 0px;
}

.toc li{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
	padding-right: 20px;
}

.toc li a {
	padding: 5px;
    color: #2d3436d9;
    line-height: 1.2rem;
    text-decoration: underline;
    display: inline-block;
    max-width: 75%;
    border-radius: 5px;
    transition-duration: 0.3s;
}

.toc li a:hover {
	background-color: #35353514;
	transition: background-color .3s;
	-webkit-transition: background-color .3s;
	-o-transition: background-color .3s;
	-moz-transition: background-color .3s;


}

/****** Check-out *******/
.woocommerce button[name="update_cart"],
.woocommerce input[name="update_cart"] {
	display: none;
}

div.woocommerce-NoticeGroup-checkout{
	display: none;
}

.woocommerce-checkout p.woocommerce-invalid-required-field span.error {
   color: #e2401c;
   display: block !important;
}

/****** Contact *******/

.container.contact{
	margin-top: 80px;
}

.contact-wrapper{
	margin: 60px 50px;
}

.contact .wrapper{
	background-color: #edf8ff;
	padding: 1px 30px;
	margin: 50px 0px;
	border-radius: 30px;
}

.contact .wrapper .gform_body ul.gform_fields li label{
	display: none;
}

.contact .wrapper .gform_body ul.gform_fields li textarea,
.contact .wrapper .gform_body ul.gform_fields li input{
	background-color: #fff;
	box-shadow: none;
	border-radius: 30px;
	padding-left: 20px !important;
}

.contact .wrapper .gform_body ul.gform_fields li textarea{
	height: 200px;
	padding-top: 20px !important;
}

.contact .wrapper .gform_footer input{
	margin-top: 30px !important;
}

.footer-widget-2 ul.gegevens,
.contact .contact-wrapper ul.gegevens{
	list-style: none;
	margin: 0;
}

.footer-widgets {
	border: none;
}

.contact .contact-wrapper .content{
	margin-top: 30px;
}

.contact .contact-wrapper table{
	width: 80%;
}

.contact .contact-wrapper table td{
	background-color: transparent;
	padding: 5px 0px;
}

.iw-content ul li i{
	margin-left: -30px;
    float: left;
    margin-top: 3px;
}

.iw-content ul{
	padding-left: 30px;
}

/****** Klantenservice *******/

.accordion{
	margin-bottom: 50px;
}

.klantenservice{
	margin-top: 30px;
}

a.klant.btn{
	margin-bottom: 80px;
}

.accordion .card {
	border: none;
}

.accordion .card .card-header{
	background-color: transparent;
	padding-left: 0;
	position: relative;
	padding-bottom: 0;
	padding-top: 20px;
}

.accordion .card .card-header button i{
	position: absolute;
    right: 20px;
    bottom: 15px;
    color: #000;
}

.accordion .card .card-header h2{
	margin: 0;
}

.accordion .card .card-header button{
	padding: 0 !important;
	width: 100%;
	text-align: left;
	background-color: transparent !important;
}

.accordion .card .card-body{
	padding: 30px 0px;
}

/********** Account ************/
	
article .entry-header h1{
	text-align: left;
}

.woocommerce-MyAccount-navigation ul li a{
	color: #2d3436;
}

.woocommerce-MyAccount-navigation ul li a:hover{
	color: #e84393;
}

.woocommerce-MyAccount-content .woocommerce-Address{
	width: 100%;
	max-width: 100%;
}

form.checkout .form-row,
.woocommerce-MyAccount-content .form-row{
	display: block;
}

.woocommerce-form-register .form-row,
.woocommerce-form-login .form-row,
.woocommerce-MyAccount-content .form-row{
	margin-left: 0 !important;
}

form.checkout .form-row input,
.woocommerce-form-register input,
.woocommerce-form-login .form-row input,
.woocommerce-MyAccount-content .form-row input{
	padding: 3px 10px;
	background-color: #fff;
	border-radius: 50px;
	border: solid #54a0ff 1px;
	padding: 4px 15px !important;
}

form.checkout .form-row textarea{
	background-color: transparent;
	border: solid 1px #54a0ff;
}

form.checkout .form-row select{
	border: solid 1px #54a0ff;
    border-radius: 50px;
    background-color: #fff;
    padding: 5px 45px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

form.checkout .form-row select:focus{
	outline: none;
}	

form.checkout span.woocommerce-input-wrapper{
	position: relative;
}

form.checkout #shipping_country_field span.woocommerce-input-wrapper:after,
form.checkout #billing_country_field span.woocommerce-input-wrapper:after{
	content: '\f107';
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    right: 20px;
    top: 0px;
    color: #000;
    font-weight: 400;
}

form.checkout .form-row .required,
.woocommerce-form-register .required,
.woocommerce-form-login .form-row .required,
.woocommerce-MyAccount-content .form-row .required{
	color: #000;
}

/************* Advies archive**************/

ul.filters{
	margin-left: 0;
}

ul.filters li{
	background-color: #fd79a8;
	color: #fff;
	list-style: none;
	display: inline-block;
	border-radius: 30px;
	min-width: 150px;
	padding: 5px 0;
	margin: 50px 20px;
	text-align: center;
}

ul.filters li:hover{
	background-color: #e84393;
	cursor: pointer;
}

ul.filters li.selected{
	background-color: #e84393;
}

section.adviezen .advies .content{
	background-color: #edf8ff;
	padding: 10px 20px;
	height: 180px;
	text-align: center;
	margin-bottom: 30px;
	border-radius: 30px;
}

section.adviezen .advies:hover .content{
	background-color: #fd79a8;
}

section.adviezen .advies .content .title{
	color: #2d3436;
	font-family: 'Baloo', cursive;
	font-size: 25px;
	line-height: 30px;
	color: #54a0ff;
}

section.adviezen .advies:hover .title{
	color: #fff;
}

section.adviezen .advies.selected{
	display: block !important;
}

table.cart td.product-remove a.remove:before{
	color: #54a0ff;
}

/************* Advies single **************/

.single h1{
	margin-top: 50px;
}

.single .afb img,
.single .content{
	margin-bottom: 50px;
}

.single .kolommen .kolom{
	padding: 0 50px;
}

.single .tips .tip .title{
	background-color: #edf8ff;
	padding: 10px 30px;
	color: #2d3436;
	font-family: 'Baloo', cursive;
	font-size: 20px;
	color: #54a0ff;
	border-radius: 30px 30px 0 0;
}

.single .tips .tip .content{
	border: solid 2px #edf8ff;
	padding: 30px;
}

.single .tips .tip .content p{
	margin: 0;
}

.single .tips .back{
	margin-bottom: 100px;
}

div.products div.product .compare.button{
	width: 100%;
	background-color: transparent !important;
	color: #2d3436 !important;
	text-align: left;
	margin-top: 10px;
	padding-left: 0 !important;
}

div.products div.product .compare.button:before{
	content: '\f111';
	font-family: "Font Awesome 5 Pro";
	padding-right: 10px;
	color: #54a0ff;
}

div.products div.product .compare.button.added:before{
	content: '\f058';
}

div.products div.product .compare.button:focus{
	outline: none;
}

/************* Checkout **************/

.form-row.woocommerce-validated input.input-text,
.form-row.woocommerce-invalid input.input-text{
	box-shadow: none;
	border: solid 1px #e84393;
}

.order_details:before, .order_details:after{
	    background: -webkit-linear-gradient(transparent 0,transparent 0),
	    -webkit-linear-gradient(135deg,#edf8ff 33.33%,transparent 33.33%),
	    -webkit-linear-gradient(45deg,#edf8ff 33.33%,transparent 33.33%);
}

/*
table.woocommerce-table--order-details tbody td,
table.woocommerce-table--order-details th,
.order_details{
	background-color: #edf8ff;
}

ul.order_details::after, ul.order_details::before{
	background: none;
}
*/
table.cart td.actions input{
	margin-right: 30px;
}

table.cart td.actions input,
table.cart td.product-quantity input{
	background-color: #fff;
	border: 1px solid #54a0ff;
}

.gm-style .gm-style-iw .iw-title{
	font-family: 'Baloo', cursive;
}

.col2-set p.form-row-first{
	width: 47.0588235294%;
	margin-right: 5.8823529412%;
	float: left;
	clear: both;
}

.col2-set p.form-row-last{
	width: 47.0588235294%;
	float: right;
}

/************* 404 **************/

.error-404  .footer-widgets{
	max-width: 100%;
}

.error404 .site-content .widget_product_search{
	background-color: #edf8ff;
}

.error404 .site-content .widget_product_search input[type=search]{
	background-color: #fff;
}
/********** Footer ************/

.nieuwsbrief{
	background-color: #edf8ff;
	padding: 40px 0;
}

.nieuwsbrief .title{
	margin: 0;
	font-family: 'Baloo', cursive;
    color: #2d3436;
    font-size: 23px;
    line-height: 30px;
    font-weight: 900;
}

.nieuwsbrief .gform_wrapper{
	position: relative;
	padding: 0;
}

.nieuwsbrief .gform_wrapper .gform_body label{
	display: none;
}

.nieuwsbrief .gform_wrapper .gform_body input{
	background-color: #fff;
	border-radius: 50px;
	border: solid #cae8fc 1px;
	padding: 4px 15px !important;
	width: 75% !important;
	box-shadow: none;
}

.gform_wrapper .gform_footer{
	margin: 0 !important;
	padding: 0 !important;
}

.nieuwsbrief .gform_wrapper .gform_footer .button{
	position: absolute;
	right: 0;
	top: 0;
	width: 20%;
}

.gform_wrapper li.gfield.gfield_error{
	border: none !important;
	background-color: transparent !important;
	padding-top: 0 !important;
}
.gform_wrapper div.validation_error{
	display: none;
}

.gform_wrapper li.gfield.gfield_error input{
	border-color: #fd79a8 !important;
}

.gform_wrapper .field_description_below .gfield_description{
	color: #fd79a8 !important;
}

ul.betaalmethoden{
	margin: 50px 0;
	list-style: none;
}

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

footer{
	background-color: #f6fcff !important;
	margin-top: -150px;
	padding: 0 !important;
}

footer .title{
	text-align: center;
	margin-bottom: 30px;
	font-family: 'Baloo', cursive;
    color: #2d3436;
    font-size: 23px;
    line-height: 30px;
    font-weight: 900;
}

footer ul.contact{
	margin: 0;
}

footer ul.contact li{
	background-color: #fd79a8;
	height: 50px;
	width: 50px;
	border-radius: 50px;
	display: inline-block;
	margin: 0 20px;
	-moz-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    -webkit-transition: background-color 0.3s ease-in-out;
	transition: background-color 0.3s ease-in-out;
}

footer ul.contact li:hover{
	background-color: #e84393;
}

footer ul.contact li a{
	padding: 14px 15px;
	display: block;
}

footer ul.contact li i{
	color: #fff;
}

footer .footer-widgets{
	max-width: 100%;
}

footer .footer-widgets {
	width: 100%;
	margin-bottom: 30px;
}

footer .footer-widgets ul#menu-footer-menu-1{
	margin: 0;
}

.footer-widgets ul#menu-footer-menu-2 li,
.footer-widgets ul#menu-footer-menu-1 li{
	padding: 0;
	text-transform: uppercase;
	font-family: 'Baloo', cursive;
}

.footer-widgets ul#menu-footer-menu-2 li a,
.footer-widgets ul#menu-footer-menu-1 li a{
	color: #fd79a8 !important;
	text-decoration: none;
}

.footer-widgets ul#menu-footer-menu-1 li:before{
	display: none;
}

.footer-widgets ul#menu-footer-menu-2 li:hover a,
.footer-widgets ul#menu-footer-menu-1 li:hover a{
	color: #e84393 !important;
}

footer .footer-widgets .widget-title{
	font-size: 17px;
	font-weight: 700;
	color: #2d3436;
}

footer .footer-widgets ul.gegevens{
	list-style: none;
	margin: 0;
	color: #2d3436;
}

footer .footer-widgets ul.gegevens i{
	color: #fd79a8;
}

footer .footer-balk{
	background-color: #e0f3ff;
}

footer .footer-balk ul#menu-footer-balk{
	margin: 0;
}

footer .footer-balk ul#menu-footer-balk li{
	list-style: none;
	display: inline-block;
	color: #000;
	padding: 20px 20px;
}

.footer-widget-2 ul li a,
footer .footer-balk ul#menu-footer-balk li a{
	color: #54a0ff;
	text-decoration: none !important;
}

footer .footer-widgets {
	padding-top: 0;
	margin: 50px 0;
}

#block-2.widget_block {
	margin-bottom: 0;
}

.wc-block-components-review-list-item__info {
	margin: 0;
}

.wc-block-components-review-list-item__item:last-child {
	margin-bottom: 0;
}

footer .balk{
	background-color: #54a0ff;
	padding: 20px 0px;
}

footer .balk a {
	text-decoration: none !important;
	color: #FFFf !important;
	font-weight: 700;
}

footer .balk div{
	color: #fff !important;
}

.footer-top-widget {
	max-width: 900px;
	margin: 0 auto;
}

/*******************/
/*** RESPONSIVE ****/
/*******************/

@media (max-width: 1700px) {

	/*** Header ****/

	.header img.wolken {
	    position: absolute;
	    bottom: -150px;
	}

}

@media (max-width: 1600px) {

	/*** Header ****/

	.header img.wolken {
	    position: absolute;
	    bottom: -130px;
	}

}

@media (max-width: 1500px) {

	/*** Header ****/

	.header-btn{
		top: 450px;
	}

}

@media (max-width: 1400px) {

	.header img.wolken {
	    position: absolute;
	    bottom: -100px;
	}

}


@media (max-width: 1200px) {

	/*** header ****/
	.header .header-img{
		height: 400px;
	    width: auto;
	    max-width: unset;
	}

	.home .quote{
		padding: 0;
	}

	.header-balk ul i.fa-moon{
		padding: 0px 15px;
	}

	/*** producten archive ****/

	

	/*** producten single ****/

	.winkel .product .single-info .tab-content{
		padding: 30px 0;
	}

	.winkel section.related.products{
		margin-top: 30px;
	}

	.producten div.products li{
		min-height: 325px;
	}

	.winkel .product .single-info ul.nav-tabs li a{
		padding: 10px;
	}

	/**** footer ****/
	footer{
		margin-top: -100px;
	}

	/*** Blog archive ***/


	div.latest-post-teaser-content{
		width: 75%;
	}

	/*** Blog Single ***/
	div.related-img-wrapper{
		width: 40%;
	}

	div.related-img-wrapper div.blog-teaser-divider{
		width: 150%;
	}

		/*Table of Contents*/
		.toc li a{
			max-width: 80%;
		}

}

@media (max-width: 1100px) {

	.header img.wolken {
	    position: absolute;
	    bottom: -90px;
	}

	/**** footer ****/
	footer{
		margin-top: -50px;
	}

}


@media (max-width: 992px) {

	/**** Nav ****/
	/*.storefront-primary-navigation::before, .storefront-primary-navigation::after{
		content: "";
		display: table;
	}*/

	/**** header ****/

	.header .header-img{
		margin-left: -20%;
	}

	.header img.wolken {
	    position: absolute;
	    bottom: -50px;
	}
	
	.main-navigation ul li a {
   		padding: .875em 0 !important;
    }

    .header-balk ul i:last-of-type,
    .header-balk ul li:last-of-type{
    	display: none;
    }

	.fp_blokken .blok{
		padding: 0;
	}

	ul.filters li{
		margin: 50px 10px;
	}

	header ul#menu-desktop li:hover ul.sub-menu{
		left: -35%;
	}

	.main-navigation ul ul li a{
		width: 160px;
	}



	/**** producten single ****/
	.single-product div.woocommerce-message a.wc-forward{
		white-space: nowrap;
	}

	.winkel .product .single-info ul.nav-tabs li a{
		padding: 10px 29px;
	}

	section.related.products div.products li:nth-child(4){
		display: none;
	}

	.single .kolommen .kolom{
		padding: 0;
	}

	.winkel .producten .term-description, .winkel .producten header h1{
		width: 100%;
	}

	/**** Home block ****/

	div.background-circle img{
	width: 60px;
	height: 60px;
	}

	/**** Blog Archive ****/

	div.latest-post-teaser-content{
		width: 100%;
	}

	h1.latest-post-title{
		font-size: 2.5em;
		line-height: 1.1;
	}

	/*** Blog Single ***/
	div.popular-post-wrapper{
		height: auto;
	}

	div.popular-thumbnail-wrapper{
		width: 25%;
	}

	div.popular-thumbnail-wrapper img{
		width: 100%;
		height: auto;
	}

	div.related-posts-wrapper{
		margin-top: 3.125rem;
	}

		/*Table of Contents*/
		.toc li a{
			max-width: 75%;
		}

	/**** footer ****/

	.nieuwsbrief h3{
		margin-bottom: 30px;
	}

	/**** Check out ****/
	.col2-set p.form-row-first{
		width: 100%;
		margin-right: 0px;
	}

	.col2-set p.form-row-last{
		width: 100%;
	}
}


@media (max-width: 800px) {

	/**** header ****/

	.header .header-img{
		margin-left: -40%;
	}
}


@media (max-width: 768px) {

	.grecaptcha-badge{
		bottom: 75px !important;
	}

	/**** header ****/

	.main-navigation ul.menu ul a:hover, 
	.main-navigation ul.menu ul li.focus, 
	.main-navigation ul.menu ul li:hover>a, 
	.main-navigation ul.nav-menu ul a:hover, 
	.main-navigation ul.nav-menu ul li.focus, 
	.main-navigation ul.nav-menu ul li:hover>a{
		background-color: transparent;
	}

	.site-header .site-branding img{
		max-width: 200px;
	}

	.main-navigation div.menu{
		padding-top: 30px;
	}

	.header .header-tekst{
		font-size: 80px;
	}

	ul.filters li{
		min-width: 100px;
	}

	.quote{
		width: 100%;
		font-size: 1.2em;
	}

	ul.contact{
		display:none;
	}

	.storefront-primary-navigation > .container{
	border-top: none;
	}


	.winkel .product .single-info ul.nav-tabs li {
		width: 50%;
	}

	/**** Product Archive ****/
	div.row.products > div{
		margin-bottom: 4.235801032em;
	}

	div.row.products > div:nth-last-child(-n+3){
		margin-bottom: 4.235801032em;
	}

	div.row.products > div:last-child{
		margin-bottom:  unset;
	}

	/**** Blog Archive ****/

	article.blog-article{
		height: auto;
	}

	div.teaser-img-wrapper img{
		height: 275px;
	}

	/**** Blog Single ****/

	div.popular-thumbnail-wrapper{
		width: 30%;
	}

	article.blog-article.related{
		flex-direction: column;
	}

	div.related-img-wrapper{
		width: 100%;
	}

	div.related-img-wrapper div.blog-teaser-divider{
		transform: revert;
		transform-origin: revert;
		left: revert;
		width: 100%;
	}

	div.related-single-post div.teaser-content-wrapper{
		padding-top: 0px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;

	}

		/*Table Of Contents*/
		.toc li a{
			max-width: revert;
		}

	/**** Check-out ****/
	.col2-set p.form-row-first{
		width: 47.0588235294%;
		margin-right: 5.8823529412%;
		float: left;
		clear: both;
	}

	.col2-set p.form-row-last{
		width: 47.0588235294%;
		float: right;
	}
}


@media (max-width: 767px) {

	/*** header ****/

	header .col-12{
		display: block;
	}

	nav#site-navigation{
		margin-top: -100px;
		width: unset;
	}

	.storefront-primary-navigation img.mobile{
		position: absolute;
	    right: 37px;
	    top: -97px;
	    display: block;
	}

	.main-navigation .menu{
		margin-top: 66px;
		padding-bottom: 10px;
		border-top: 2px solid #e0f3ff;
	}

	.handheld-navigation ul.menu li button::after{
		content: '';
	}

	button.menu-toggle{
		width: 35px;
		height: 25px;
		text-align: right;
		background-color: transparent !important;
	    color: #000 !important;
	    border: none;
	    z-index: 10;
	    padding: 0px;
	}

	button.menu-toggle::before, 
	button.menu-toggle::after, 
	button.menu-toggle span::before{
		height: 5px;
		width: 35px;
	}

	button.menu-toggle::before{
		transform: translateY(-10px);
	}

	button.menu-toggle::after{
		transform: translateY(10px);
	}

	button.menu-toggle span{
		font-family: 'Baloo', sans-serif;
	    font-weight: 900;
	    font-size: 20px;
	}

	.main-navigation ul li:hover,
	.main-navigation ul li a, .site-title a, ul.menu li a{
		color: #54a0ff !important;
		font-family: 'Baloo', cursive;
    	text-transform: uppercase;
	}

	ul#menu-desktop-1 li ul.sub-menu li {
	    border: none;
	}

	ul#menu-desktop-1 li {
	    border-bottom: solid 1px #cacaca;
	    padding: 7px 20px;
	}

	ul#menu-desktop-1 li:last-child{
		border-bottom: unset;
	}

	ul#menu-desktop-1 li button {
	    margin-top: 12px;
	    border-left: solid 1px #cacaca;
	}

	button.menu-toggle span::before, 
	button.menu-toggle::after, 
	button.menu-toggle::before{
		left: unset;
	}

	.woocommerce-active .site-header .site-header-cart a.cart,
	.woocommerce-active .site-header .site-header-cart img.wolk{
		display: none;
	}

	.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation,
	.header-widget-region{
		display: none !important;
	}

	/*** archive product ****/

	.winkel .producten .storefront-sorting form:after{
		top: 9px;
	}

	/*** single product ****/

	.winkel .product .single-info .tab-content #schrijf form .comment-form-email,
	.winkel .product .single-info .tab-content #schrijf form .comment-form-author{
		width: 100%;
	}

	.single-product div.product .summary,
	.single-product div.product .woocommerce-product-gallery{
		width: 100% !important;
	}

	.winkel .product .korting, 
	.winkel .product span.onsale, 
	.winkel .product .showroom{
		right: 10%;
	}

	.winkel .product .single-info ul.nav-tabs li a{
		padding: 10px 6px;
	}

	.storefront-handheld-footer-bar ul li a{
		color: #54a0ff !important;
	}

	.storefront-handheld-footer-bar ul li.cart .count{
		background-color: #fd79a8;
		height: unset;
		padding-top: 2px;
	}

	/**** Home blocks ****/

	div.background-circle img{
	width: 55px;
	height: 55px;
	}

	/**** footer ****/

	ul.betaalmethoden{
		display: unset !important;
		margin-left: 12%;
	}

	ul.betaalmethoden li{
		display: inline-block;
	    margin: 30px 10px;
	}

	ul.betaalmethoden li:nth-child(5){
		margin-left: 13%;
	}

	footer ul.contact{
		margin-bottom: 50px;
	}

	/***Blog single***/

		/*Font sizes*/

		body.single-post h1{
			font-size: 2.7em;
			line-height: 1.1;
		}

		body.single-post h2{
			font-size: 1.6em;
			line-height: 1;
		}		

	div.thumb-img-wrapper img{
		height: auto;
	}

	div.blog-single-meta-info{
		margin: 20px 0 20px 0;
	}

	div.blog-single-meta-info-wrapper{
		display: inline-block;
		width: 49%;
	}

	div.blog-single-meta-info div.blog-single-meta-info-wrapper:nth-child(-n+3){
		border-right: 0px;
	}
	
	div.blog-single-meta-info div.blog-single-meta-info-wrapper:nth-child(-n+2){
		margin-bottom: 5px;
	}

	div.blog-single-meta-info div.blog-single-meta-info-wrapper:nth-child(n+2){
		margin-top: 5px;
	}

	span.meta-info{
		padding: 0px;
	}


}


@media (max-width: 641px){

	h1 { 
		font-size: 32px;
	}
	.header-balk ul {
		width: 100%;
	}

	.header-balk ul li{
		text-align: center;
    	display: block;
	}

	.header-balk ul li.hb-2 {
		background-color: #a1c9fd;
	}

	.header-balk ul i.fa-moon{
		display: none !important;
	}

	/**** header ****/
	.header .header-tekst{
		font-size: 60px;
	}

	.header .header-img{
		margin-left: -60%;
	}

	/****  home ****/
	.container.home {
	    padding-top: 0;
	}

	/****  single product ****/
	.winkel .producten .term-description{
		width: 100%;
		margin-bottom: 50px;
	}

	/**** footer ****/
	footer .balk p, footer .balk .dev{
		display: block;
		text-align: center;
		margin-bottom: 0;
		padding: 0;
	}

	footer .balk span{
		display: none;
	}

}


@media (max-width: 576px) {

	.header-btn{
		top: 270px;
	}

	.storefront-full-width-content .content-area{
		margin-top: -10px;
	}
	/**** header ****/
	.header .header-img{
		margin-left: -70%;
	}

	.header img.wolken {
	    position: absolute;
	    bottom: 0px;
	}

	section.adviezen{
		margin-top: 50px;
	}

	ul.filters{
		display: unset !important;
		margin-bottom: 30px;
	}

	ul.filters li{
		width: 100%;
		margin: 10px 0;
	}

	ul.filters li.selected {
	    background-color: #e84393;
	}

	.single-info ul.nav-tabs li{
	    border-bottom: solid 1px #edf8ff;
	    padding: 5px 0;
	}

	.winkel .product .single-info ul.nav-tabs li a{
		padding: 10px 40px;
	}

	/**** Product Single ****/
	.single-product div.woocommerce-message{
		flex-direction: column-reverse;
	}

	.single-product div.woocommerce-message a.wc-forward{
		margin-left: revert;
		padding-left: revert;
		border-left: revert !important;

		padding-top: 5px;
		margin-top: 5px;
	}

	/**** footer ****/
	.nieuwsbrief .gform_wrapper .gform_body input{
		width: 100% !important;
	}

	.nieuwsbrief .gform_wrapper .gform_footer .button{
		width: fit-content;
	    margin-top: 30px;
	    float: right;
	    top: unset;
	    position: unset;
	}

	footer{
		margin-top: 0;
	}

	/***Blog Single**/

		/*Heading Styles*/

		body.single-post h1{
			font-size: 2.4em;
			line-height: 1.1;
		}

		body.single-post p + h2{
			margin-top: 1.2em;
		}

}


@media (max-width: 480px) {

	/**** header ****/

	.header-btn .button{
		display: none;
	}

	.header .header-img{
		margin-left: -50%;
		height: 250px;
	}

	.header .header-tekst {
	    font-size: 40px;
	}

	.storefront-primary-navigation img.mobile{
		right: 30px;
	}

	nav#site-navigation{
		margin-right: 30px;
	}

	.site-header .site-branding img{
		max-width: 160px;
	}

	.winkel .product .single-info ul.nav-tabs li a{
		padding: 10px 23px;
	}

	footer .footer-balk .justify-content-center{
		justify-content: unset !important;
	}

	footer .footer-balk ul#menu-footer-balk li{
		display: block;
		padding: 5px 20px;
	}

}

@media (max-width: 400px) {

	ul.betaalmethoden{
		margin-left: 6%;
	}

	ul.betaalmethoden li{
	    margin: 30px 5px;
	}

	ul.betaalmethoden li:nth-child(5){
		margin-left: 2%;
	}

	.winkel .product .single-info ul.nav-tabs li a{
		padding: 10px 18px;
	}

	/**** Blog Archive ****/

	div.blog{
		margin-bottom: 20px;
	}

	/**** Check-out ****/
	.col2-set p.form-row-first{
		width: 100%;
		margin-right: 0px;
	}

	.col2-set p.form-row-last{
		width: 100%;
	}
}

/*//////////////

   CUSTOM CSS

//////////////*/


h1 {color:#fd79a8;}

.container.home {
	background-color: #FFF;
}

footer .balk {
    background-color: #a1c9fd;
}

footer .footer-widgets {
	margin: 50px 0;
}

.rhf-logo {
	max-width: 280px;
	margin: 20px;
}

.storefront-breadcrumb {
	padding: 0px;
}

.no-gutters {
    max-width: 1140px;
	padding-left: 40px;
}

.fp_blokken {
    margin: 0 auto;
	padding: 60px 0 40px;
}

.container.categorieen h2.cat-title {
	font-size: 32px;
	color: #54a0ff;
	margin-bottom: 8px;
}

.container.categorieen p.cat-desc {
	font-size: 18px;
	margin-bottom: 12px;
}

.container.categorieen .cat-cta {

}

.container.categorieen {
    margin-top: 0px;
	padding-top: 40px;
}

.container.contact {
    margin-top: 0px;
    padding-top: 40px;
}

.woocommerce-active .site-header .site-header-cart a.cart {
    position: absolute;
    left: 35px;
    top: 78px;
}

.nieuwsbrief .container {
	background-color:#edf8ff;
}
.storefront-full-width-content .content-area {
    margin-top: 0px;
}
.site-main {
    margin-bottom: 0em;
}
.content-area, .widget-area {
    margin-bottom: 0em;
}
.storefront-full-width-content.woocommerce-cart .entry-header,
.storefront-full-width-content.woocommerce-checkout .entry-header,
.storefront-full-width-content.woocommerce-account .entry-header,
.storefront-full-width-content .woocommerce-products-header {
    padding: 0 0 0.9968353111em;
}
.storefront-breadcrumb .container {
    background-color: #FFF;
    padding-top: 10px;
}

.container.home {
    padding-top: 40px;
}
.storefront-primary-navigation {
    background-color: #FFF;
}
.page-template-template-homepage:not(.has-post-thumbnail) .site-main {
    padding-top: 0;
}


@media (min-width: 768px) {
	.site-header {
	    border-bottom: 0px;
	}
	.site-header .site-branding img {
	    max-width: 200px;
	}
	.site-header .site-logo-anchor img, 
	.site-header .site-logo-link img, 
	.site-header .custom-logo-link img {
		width: 200px;
	}
	.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
    	padding: 1.2em 0.75em;
	}
}

.secondary-navigation ul li.account {
     background-color: #fff;
     border: 0;
}

/*/////////////////////////////////////////////
///////////    MOBILE NAV TEST      ///////////
/////////////////////////////////////////////

.primary-navigation{
	display: none;
}

nav.secondary-navigation{
	display: none !important;
}

ul.site-header-cart.menu{
	display: none !important;
}

header .col-12{
	display: block;
}

.menu-toggle, .handheld-navigation, 
.main-navigation.toggled .handheld-navigation, 
.main-navigation.toggled div.menu{
	display: block !important;
}

.main-navigation.toggled .handheld-navigation, 
.main-navigation.toggled .menu > ul:not(.nav-menu), 
.main-navigation.toggled ul[aria-expanded="true"]{
	max-height: 9999px;
}

.main-navigation .menu{
	padding-top: 66px;
	padding-bottom: 10px;
}

@media (min-width: 767px){
	button.menu-toggle{
		width: 35px;
		height: 25px;
		text-align: right;
		background-color: transparent !important;
	    color: #000 !important;
	    border: none;
	    z-index: 10;
	    padding: 0px;
	    display: unset;
	}

	nav#site-navigation{
		margin-top: -80px;
		width: 100%;
	}
}

@media (min-width: 992px){
	.primary-navigation{
		display: block;
	}

	nav.secondary-navigation{
		display: flex !important;
	}

	ul.site-header-cart.menu{
	display: flex !important;
	}

	header .col-12{
	display: flex;
	}

	nav#site-navigation{
		margin-top: -80px;
		width: unset;
	}

	
}
*/

/* TEMP FIX RHF LOGO */

.producedbyrhf-block-outer {
	display: block;
	position: absolute;
	left: 250px;
	top: 20px;
}

.rhf-logo-header {
	width: 250px;
}


@media (max-width: 959px) {
	.producedbyrhf-block-outer {
		left:  200px;
	}
}

@media (max-width: 767px) {
	.producedbyrhf-block-outer {
		display: none;
	}
}