/*
 Theme Name:   Storefront-Child
 Description:  Storefront Child Theme
 Author:       Reclamebureau RAM
 Author URI:   http://reclamebureauram.nl
 Template:     storefront
 Version:      1.0.0
*/
 


/*** COLORS ***/
:root {
  --bred: #9f2241;
  --antraciet: #202121;
  --grey: #bbbab0;
}

.site-branding .site-title a {color: red; }

@media (min-width: 768px) 
{
   .single-product.left-sidebar .content-area, .single-product.right-sidebar .content-area {width:100%; float:left;}
}

table.wc-size-chart {table-layout: fixed;}
table.wc-size-chart th, table.size-chart td { padding: 0.6em;}

/*** HEADER TOP BAR ***/
.fa-truck-fast, .fa-address-card, .fa-check, .fa-wrench {margin-left:20px; margin-right: 5px;}
.sf-top-bar {text-align: center;padding: 0.2em 0;background: #9f2241;color: #fff;}


/*** Storefront theme ***/
.storefront-sorting select {background-color: white; border: 1px solid var(--grey); padding: .6180469716em 1.41575em;}
.button.wp-element-button.product_type_variable.add_to_cart_button {background-color: #fff; border: 1px solid var(--antraciet); color: var(--antraciet);}
.button.wp-element-button.product_type_variable.add_to_cart_button:hover {background-color: var(--bred); border: 1px solid var(--bred); color: #fff;}
button, input[type="button"], input[type="reset"], input[type="submit"], .button, .widget a.button {background-color: var(--antraciet); border: 1px solid var(--antraciet); color: #fff;}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .widget a.button:hover {background-color: #fff; border: 1px solid var(--grey); color:var(--antraciet);}
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments {background-color: var(--antraciet); color: #fff;}
.added_to_cart.alt, .added_to_cart, .widget a.button.checkout {background-color: #fff; border: 1px solid var(--antraciet); color: var(--antraciet);}
.added_to_cart.alt:hover, .added_to_cart:hover, .widget a.button.checkout:hover {background-color: #fff; border: 1px solid var(--antraciet); color: var(--bred);}
.bapf_sfilter .bapf_clr_span, .bapf_sfilter .bapf_img_span {border: 1px solid #777;}
.site-header-cart .widget_shopping_cart {background-color: #fff; color: var(--antraciet); border: 1px solid var(--grey);}
.site-header-cart .widget_shopping_cart .total {background-color: #fff; color: var(--antraciet); border: 1px solid var(--grey);}
.site-header-cart .widget_shopping_cart .buttons {background-color: #fff; border: 1px solid var(--grey);}
.site-header-cart .widget_shopping_cart a.button {background-color: var(--antraciet); border: none; color: #fff; padding: .6180469716em 1.21575em;}
.main-navigation ul li a:active, .main-navigation ul li:active > a, .site-title a:active, .site-header ul.menu li.current-menu-item > a {color: var(--bred);}
a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus {outline-color: transparent;}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {margin-right: 0 !important;}

/*** Variation swatches ***/
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):focus, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):hover {-webkit-box-shadow: var(--wvs-hover-item-box-shadow,0 0 0 3px #ddd);
  box-shadow: var(--wvs-hover-item-box-shadow,0 0 0 3px var(--antraciet)) !important; }
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected:not(.no-stock)  {background-color: var(--antraciet); color: #fff;}


/*** Berocket ajax filters ***/
.fa-plus::before {font: normal normal normal 12px/1 FontAwesome;}
.bapf_sfilter {border-bottom: 1px solid var(--grey); padding-bottom: 20px;}
.bapf_sfilter label {cursor: pointer; display: inline-block !important; font-family: 'Lato',sans-serif; font-weight: 300; color: #000; font-size: 1em;}
.bapf_ckbox_sqchck input[type="checkbox"] {border: 1px solid #555;}
.bapf_body > ul {padding: 0px;}
.bapf_sfilter .bapf_body ul li ul {padding: 10px; margin-left:0px;}
.bapf_sfilter .bapf_body ul li ul li label {font-weight: 300;}
.bapf_ochild {color: var(--blue); font-family: 'Lato'; font-weight: 300;}
.bapf_ckbox_sqchck input[type="checkbox"]:checked::after {border-bottom: 2px solid #777;border-right: 2px solid #777;}


/*** headers ***/
h3 { font-size: 1em;}
h3.berocket_ajax_group_filter_title {font-size: 1.618em;}
.bapf_head h3 {font-size: 1.2em;}

/*** Footer ***/
.ti-widget.ti-goog .ti-widget-container {text-align: left !important; position:relative;}
.ti-widget.ti-goog .ti-header {padding: 15px 0px !important;}
.pay {right: 36px; position: absolute; top: 0px; text-align: right; margin-right: 10px;}
.payt {right: 36px; position: absolute; top: 40px; text-align: right; margin-right: 10px;}
.site-info {position: relative; color: #fff;}
.pay img {display: unset; vertical-align: middle; height: auto;}
.payt img {display: unset; vertical-align: middle; height: auto;}
.site-footer {background-color: #9f2241; color: #fff;}
.site-footer .widget .widget-title {color: #fff;}
  
.site-footer a {text-decoration: none;}
.site-footer a:hover {color: #fff !important;}
.site-footer a:not(.button):not(.components-button) {color: var(--blue);}
.widget_nav_menu ul li::before {content:none !important;}
.widget_nav_menu ul li {padding-left: 0; margin-bottom: 0.5em;}
.widget_nav_menu ul li a:hover {}