/*
Theme Name:     Storefront Child Theme
Template:       storefront
Description:    This is a blank child theme for WooThemes StoreFront theme
Version:        1.1.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
*/

body {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	font-size: 13px;
	line-height: 1.65;
	text-align: left;
}

body {
	background-color: #2c324c;
}

div.col-full, 
div.container {
	max-width: 1260px;
}

.header-nav .navbar-dark .navbar-text,
.header-nav .navbar-dark .nav-link {
	color: #fff;
}

.container {
	padding-left: 30px;
	padding-right: 30px;
}

.site-header {
	margin-bottom: 60px!important;
	border: 0;
}

.site-header .site-branding {
	width: 100%;
	margin: 0;
	height: 130px;
}

.mobile-branding,
.mobile-menu-container {
	display: none;
}

.site-branding img {
	max-width: 100%;
}

.site-branding a {
	outline: none;
}

.main-container {
	background-color: #fff;
}

.usp {
	padding: 18px 0;
	background-repeat: no-repeat;
	background-position: center right;
	background-size: contain;
}

.usp1 {
	background-image: url(assets/img/usp-1.jpg);
}

.usp2 {
	background-image: url(assets/img/usp-2.jpg);
}

.usp3 {
	background-image: url(assets/img/usp-3.jpg);
}

.right-sidebar .widget-area {
	width: 100%;
}

.site-header-cart .cart-contents .amount,
.site-header-cart .cart-contents .count,
.site-header-cart .widget_shopping_cart {
	display: none!important;
}

.site-header-cart .cart-contents {
	padding: 8px 15px;
}

.site-header-cart .cart-contents::after {
	float: none;
}

.search-widget-container {
	background-color: #ececec;
	padding: 12px;
	margin-bottom: 20px;
}

.search-widget-container .site-search {
	margin: 0;
}

.search-widget-container .widget_product_search {
	margin: 0;
}

.site-search .widget_product_search form input[type=search] {
	background-color: #fff;
}

.widget_product_categories {}

.widget_product_categories .widget-title {
	padding: 15px 20px;
	background: #FDB12A;
	color: #152c3a;
	font-weight: 600;
	font-size: 18px;
	letter-spacing: 0.7px;
	cursor: pointer;
	margin: 0;
}

.widget_product_categories ul.product-categories {
	border-top: none;
	background: #e40136;
	width: 100%;
	margin: 0;
}

.widget_product_categories ul.product-categories li {
	margin: 0 15px;
	padding-left: 0;
	position: relative;
}

.widget_product_categories ul li:before {
	display: none;
}

.widget-area .widget_product_categories ul > li > a {
	border-bottom: 1px solid #f44336a3;
	font-size: 15px;
	color: #fff;
	text-decoration: none;
	outline: none;
	padding: 12px 0px 12px;
	display: block;
}

.widget-area .widget_product_categories ul > li:hover {
	background-color: #f44336a3;
}

.widget-area .widget_product_categories ul > li:hover > a {
	padding-left: 15px;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}

.widget-area .widget_product_categories ul li ul.children {
    border: none!important;
    padding-left: 20px;
    padding-top: 0px;
    margin-left: 0px;
    background: #e40136;
    display: none;
    position: absolute;
    margin-top: 0;
    margin-left: 0;
    min-width: 640px;
    width: 100%;
    z-index: 10000;
    top: 0 !important;
    left: 100%;
    padding: 15px 15px 15px 15px;
}

.widget-area .widget_product_categories ul li:hover ul.children {
	display: block;
}

.widget-area .widget_product_categories ul li ul li {
	float: left;
	width: 260px;
	min-width: 165px;
	margin-right: 30px !important;
}

.widget-area .widget_product_categories ul li ul li a {
	border-bottom: 1px solid #f44336a3;
}

.before-content {
	background-color: #ececec;
	height: 61px;
	margin-bottom: -61px;
}

ul.products {
	margin-top: 10px;
}

ul.products li.product a {
	text-decoration: none;
}

ul.products li.product a:focus {
	outline: none;
}

ul.products li.product {
	position: relative;
}

ul.products li.product form.cart {
	position: relative;
	margin: 0;
}

form.cart .quantity {
	display: inline-block;
}

ul.products li.product .woocommerce-loop-product__title {
	text-decoration: none;
	text-align: center;
	text-transform: none;
	font-size: 14px;
	color: #7c7c7c;
	font-weight: 500;
	min-height: 35px;
	margin-bottom: 0;
}

ul.products li.product .price {
	color: #1e1e1e;
	white-space: nowrap;
	font-weight: 600;
	font-size: 16px;
	padding: 5px 0 7px;
}

.product-content-inner {
	border-bottom: 1px solid #dddddd;
	padding-bottom: 40px;
}

.single-product div.product .woocommerce-product-gallery {
	width: 100%;
	margin-right: 0;
}

.storefront-breadcrumb,
.storefront-breadcrumb .col-full {
	padding: 0;
}

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

.woocommerce-checkout .col-1,
.woocommerce-checkout .col-2 {
	max-width: 100%;
}

.woocommerce-checkout .woocommerce-input-wrapper {
	width: 100%;
}

button:focus {
	outline: none;
}

footer.site-footer {
	background-color: #2c324c;
	padding: 0px 10px 30px;
}

.footer-widgets .widget-title {
	padding: 0;
	border: 0;
	font-size: 16px;
	font-weight: 600;
}

.footer-widgets ul li a {
	color: #333;
	cursor: pointer;
	font-size: 14px;
	line-height: 25px;
	font-weight: 500;
	display: block;
	outline: none;
	text-decoration: none;
}

.footer-widgets ul li:before {
	content: "\f061";
	margin-top: 3px;
}

.footer-widgets {
	border: 0;
}

.footer-widget-container {
	border-bottom: 2px solid #0000000d;
}

.footer-content {
	background-color: #fff;
}

.site-info {
	padding: 10px 0;
}

.site-info br {
	display: none;
}

.site-info a {
	display: none;
}

@media only screen and (max-width: 414px) {
	.header-nav .navbar-text,
	.header-nav .aanmelden {
		display: none;
	}

	.header-nav .navbar-dark {
		display: block;
	}

	.header-nav .nav-link {
		float: right;
		font-size: 25px;
		padding: 0;
		margin-top: 20px;
		line-height: 18px;
	}

	.mobile-branding {
		display: block;
		width: 80px;
	}

	.mobile-menu-container {
		display: block;
	}

	.mobile-menu-container ul li a {
		color: #fff;
		font-size: 16px;
		padding: .8em 1em;
	}

	.mobile-branding .site-branding {
		width: 100%;
	}

	.site-header {
		display: none;
	}

	button.menu-toggle {
		position: absolute;
		top: 25px;
		right: 50px;
		height: 35px;
		background-color: transparent;
		border: none;
	}

	button.menu-toggle:before,
	button.menu-toggle:after,
	button.menu-toggle span:before {
		background-color: #fff;
	}

	button.menu-toggle:hover {
		background-color: transparent;
		outline: none;
	}

	#main .before-content,
	#main .widget-area {
		display: none;
	}

	.search-widget-container .site-search {
		display: block;
	}

	.search-widget-container .site-search form {
		margin-bottom: 0;
	}

	ul.products li.product {
		padding: 0;
	}

	ul.products li.product a img {
		width: 100%;
	}

	section.related {
		margin-top: 40px;
	}

	.site-footer .col {
		width: 100%;
		flex-basis: auto;
	}

	.footer-content {
		padding-top: 30px;
	}
}