/*
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.
 */
/* Forcing Hardware acceleration (Chrome Bug) */
.site-header {
	-webkit-transform: translate3d(0,0,0);
}


.clearfix:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}


/* Header logo */
@media (min-width: 768px) {
  .site-header .site-branding {
	margin: 0;
	width: 65%;
  }
}
.site-header .custom-logo-link:focus {
	outline: none;
}
.site-header .custom-logo-link img, .site-header .site-logo-anchor img, .site-header .site-logo-link img {
	max-width: 100%;
	max-height: 150px;
}
@media (min-width: 768px){
	.site-header .custom-logo-link img, .site-header .site-logo-anchor img, .site-header .site-logo-link img {
		max-width: 80%;
	}
}

/* Header free shipping */
.header-freeshipping {
	display: none;
}
@media (min-width: 768px){
	.header-freeshipping {
		clear: right;
		float: right;
		width: 21.5%;
		display: block;
	}
	.header-freeshipping > p {
		text-align: center;
		font-weight: bold;
		color: white;
		margin: 0;
	}
}

.mega-menu-toggle::before {
    content: ' ';
    background-image: url(https://www.chissenefrega.shop/wp-content/uploads/mollie-mobile.png);
    background-size: contain;
    background-repeat: no-repeat;
	background-position: top;
	text-align: left;
	display: block;
    position: absolute;
	top: -5px;
    left: 0;
    width: 25%;
    height: 100%;
}

/* Header padding mobile */
@media screen and (max-width: 768px){
	.site-header {
		padding-bottom: 1em;
		padding-top: 1em;
	}
}

/* Header aws_search_form icon offset*/
form.aws-search-form::before {
	z-index: 3;
	margin: -3px;
}

/* Header: cart inline-blocks */
dl.variation, .widget_shopping_cart .quantity {
	display: inline-block;
	width: 100%;
}

dl.variation dt, dl.variation dd {
	float: left;
	margin-right: 5px;
}
dl.variation dt {
	clear: left;
}
dl.variation dd {
	clear: right;
	margin-bottom: 0;
}
dl.variation dd > p {
	margin-bottom: 0;
}

/* Header: cart remove button */
.widget_shopping_cart .product_list_widget li a.remove {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	left: unset !important;
}

/* Header: cart mollie logo */
#site-header-cart .cart-contents span.amount::before {
    background-image: url(https://www.chissenefrega.shop/wp-content/uploads/mollie-small.png);
    background-size: 50px 15px;
    display: inline-block;
    width: 50px;
    height: 15px;
    content: "";
    margin: 0px 10px -1px 0;
}

/* Complete order page - variation info */
.woocommerce-checkout-review-order-table .product-name dl.variation{
	width: 200%;
	margin-right: -100%;
	margin-top: 10px;
	border-left: 2px solid #bbb;
	padding-left: 10px;
}

/* Hide Storefront button */
.storefront-hero__button-edit, .edit-link {
	display: none;
}

/* Footer title distance */
.footer-widgets .widget-title {
	color: white;
	border: none;
	padding-bottom: 0.3em;
	margin-bottom: 0.3em;
}
.footer-widgets {
	padding-top: 2em;
}
#colophon .widget {
	margin: 0 0 1em;
}
#colophon {
	padding-bottom: 1em;
}
#colophon a {
	text-decoration: none !important;
}
#colophon a:hover, #colophon a:focus {
	text-decoration: underline !important;
}

#colophon hr {
	border: 0;
	border-top: 1px solid #555555;
}

#footer-credit{
	text-align: center;
	padding-bottom: 3rem;
}
#footer-credit span {
	padding: 0 7px;
}

/* Footer social icons */
#social_icons li {
	display: inline-block;
	vertical-align: middle;
}
#social_icons li.icon {
	width: 2em;
	height: 2em;
	max-width: 20%;
	margin-right: 5px;
	background-color: white;
	border-radius: 50%;
}
#social_icons i.fab {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 2em;
	height: 2em;
	color: black;
}

/* Footer fa icons */
#colophon i.fas {
	min-width: 1.7em;
}
    
/* Footer payment icons */
.payment_icons {
	text-align: center;
}
.payment_icons > img {
	display: inline-block;
	width: 1.5em;
	margin: 0 0.4em 1em;
}

/* Footer Cart FAB */
@media only screen and (min-width: 767px) {
	#cart-fab {
		display: none;
	}
}
#cart-fab {
	z-index: 99998;
	background: black;
	width: 4em;
	height: 4em;
	border-radius: 50%;
	position: fixed;
	bottom: 1em;
	left: 1em;
	border: solid 0.5px white;
	box-shadow: 0px 2px 5px #666;
}
#cart-fab > .fas {
	color: white;
	position: absolute;
  	top: 1rem;
  	display: block;
  	bottom: 0;
  	left: 0;
  	right: 0;
  	text-align: center;
  	padding: 0;
	margin: 0;
}

/* Store page: img hover shadow */
ul.products a img {
	box-shadow: rgba(0,0,0,0) 0 0 0;
	transition: .2s ease;
}
ul.products a:hover img, ul.products a:focus img, ul.products a:active img {
	box-shadow: rgba(0,0,0,0.3) 0 5px 20px;
    transition: .2s ease;
	transform: scale(1.03);
}

/* Store page: title spacing */
div.storefront-breadcrumb {
	margin-bottom: 0 !important;
}
@media (min-width: 768px) {
	header.woocommerce-products-header {
		padding: 0 0 1em !important;
	}
}

/* Store page: hide "select options" */
.add_to_cart_button {
	display: none;
}

/** PRODUCT PAGE **/
/* Hide non-existing images */
.woocommerce-product-gallery li img[src=""] {
    display: none;
}
/* Hide img filename in lightbox */
.pswp__caption {
    display: none !important;
}
/* Price margin & size */
.single-product div.product .summary .product_title { 
  margin: 0 !important;
}
.single-product div.product .summary .price {
  margin: 0 0 0.4em 0 !important;
  font-size: 1.8em !important;
}

/* Gap between images and title (mobile) */
div.product .woocommerce-product-gallery {
	margin-bottom: 0;
}

/* 100% Cotton Banner */
.product {
	overflow: visible !important;
}
.product .summary {
	overflow: visible;
	border-right: 1px solid rgba(0,0,0,.05);
    padding-right: 3px;
}
.product .summary .cottonbanner {
	z-index: 99;
	margin: 0 -11px 0 0;
	padding: 10px 15px;
	position: absolute;
	right: 0;
	background: rgb(70, 180, 45);
	border: 1px solid rgba(0,0,0,.3);
	box-shadow: 0px 1px 3px rgba(0,0,0,.2);	
}
.product .summary .cottonbanner::after{
	display: block;
	width: 10px;
	height: 0px;
	position: absolute;
	bottom: -11px;
	right: -10px;
	content: "";
	border-bottom: 10px solid transparent;
	border-left: 10px solid rgb(0, 75, 0);
}

.product .summary .cottonbanner p {
	margin: 0 12px;
	font-size: 18px;
    color: #fff;
    text-shadow: 0 -1px 0 rgb(0, 80, 116);
	text-transform: uppercase;
}
.product .summary .cottonbanner i {
    margin: 0 10px 0 -10px;
}

@media screen and (max-width: 500px) {
	.product .summary .cottonbanner {
		margin: -5px -11px 0 0;
		padding: 7px 12px;
	}
	.product .summary .cottonbanner p {
		font-size: 12px;
	}
	.product .summary .cottonbanner i {
		margin: 0 5px 0 -10px;
	}
	.form-group.ppom-input-material .form-check-inline {
		margin-top: 1rem;
	}
}


/* Attribute swatches */
.product .summary .variations .label label {
	font-weight: bold;
}

.tawcvs-swatches .swatch-color.selected:before {
  box-shadow: black 1px 1px;
}

.tawcvs-swatches .swatch {
 	border: solid 0.5px black !important;
	margin-bottom: 10px;
}
.tawcvs-swatches .swatch:hover {
  opacity: 1;
}

.tawcvs-swatches[data-attribute_name="attribute_pa_size-kids"] span.swatch-label{
	width: 60px !important;
	border-radius: 10px !important;
}

.tawcvs-swatches[data-attribute_name="attribute_pa_style"] span.swatch-label{
	width: 90px !important;
	border-radius: 10px !important;
}

.tawcvs-swatches .swatch-label {
  line-height: 28px !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.tawcvs-swatches .swatch-label.selected {
  background: #ccc !important;
  color: black !important;
}
.tawcvs-swatches .swatch.swatch-shape-circle {
    aspect-ratio: 1;
}

.reset_variations {
	display: none !important;
}

/* PPOM options */
.ppom-wrapper { margin-top: -1rem !important; }
.ppom-wrapper label { display: block !important; }
.ppom-wrapper .form-control-label { font-weight: bold; margin-bottom: 0; } 
.ppom-wrapper .form-check-label { padding-left: 10px !important; } 
.ppom-wrapper .form-check-label input { margin-right: 10px; } 
.ppom-wrapper .form-check-label .ppom-label-icon { color: rgb(70, 180, 45); }
.ppom-wrapper .form-check-label .ppom-label-price { color: rgb(70, 180, 45); font-size: 80%; }
#ppom-price-container { margin-top: 2rem; } 
.ppom-option-total-price, .ppom-product-base-price { display: none; }


.ppom-wrapper .ppom-input-your_customization span.show_description {
    display: block;
    line-height: 1.4;
    padding-left: 0 !important;
    padding-right: 2rem;
    margin-bottom: 10px;
}

/* Custom button */
.single_variation_wrap {
	display: inline-block;
}
.single_add_to_cart_button {
	margin-right: 0.875em;
	margin-bottom: 0.5em;
}
.custom-order-button {
	margin-bottom: 0.5em;
	/* background: linear-gradient(-45deg, #ffd661, #e73c7e); */
}

/* Size Chart Table */
.sizechart {
	overflow-x: auto;
}
.sizechart td, .sizechart th {
	text-align: center;
}
.sizechart th {
	font-weight: bold;
}
.sizechart th.th_left {
	text-align: left;
	white-space: nowrap;
}

/* Table more contrast */
table tbody td {
	background-color: #f4f4f4;
}
table tbody th {
	background-color: #eeeeee;
}

/* Categories page */
.woocommerce-breadcrumb {
	margin-bottom: 0 !important;
}
h1.woocommerce-products-header__title.page-title, .term-description > p:not(:last-child) {
	margin-bottom: 0.5em;
}
.storefront-sorting > * {
	display: inline-block;
	margin-bottom: 0;
}


/* Elementor */
.hentry .entry-content .elementor-widget-button .elementor-button-wrapper a.elementor-button-link {
    text-decoration: inherit;
}


/* Cookies consent */
#catapult-cookie-bar {
	position: fixed;
	left: 1em;
	bottom: 1em;
	padding: 15px 20px;
	width: 300px;
	max-width: 90%;
	box-sizing: border-box;
	z-index: 99999;
	color: #ddd;
	background-color: #464646;
	box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.4);
}

#catapult-cookie-bar h3 {
	margin: 0;
}

#catapult-cookie-bar span {
	margin: 1em 0;
	display: block;
}

#catapult-cookie-bar a {
	color: #fff;
	display: block;
}

#catapult-cookie-bar a:hover {
	text-decoration: underline;
}

#catapult-cookie-bar .x_close {
	position: absolute;
	top: 5px;
	right: 25px;
	cursor: pointer;
}

#catapult-cookie-bar .x_close::before {
	content: "\00d7";
	font-size: 30px;
}