/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

.productpage .date_for_variation{
	margin:auto;
	padding: 1rem;
}
.productpage .rp_text{
	display: block;
	margin: auto;
	text-align: center;
}
.rp_combine_estimated_date{
	text-align: center;
	background-color: #e66e0e;
	color: #fff;
	display:block;
	padding: 1rem;
}
.product-meta.date-of-avail{
	text-align: center;
	background-color: #fff000;
	color: #fff;
	display:block;
	padding: 1rem;	
}
.woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale, .woocommerce span.onsale, .woocommerce-page span.onsale, .fl-page .fl-module span.onsale{
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
}
del{
  text-decoration: none;
  position: relative;
  margin-right: 1rem;
}
del:before{
  content: " ";
  display: block;
  height: 2px;
  width: 115%;
  left: -5%;

  background-color: #fff000;
  position: absolute;
  rotate: -15deg;
  bottom: 0.6rem;
}
.woocommerce-LoopProduct-link.woocommerce-loop-product__link del:before{
  bottom: 0.5rem;
}

.woopack-product-grid del:before{
  bottom: 0.5rem;
}
.products.columns-4 del:before{
  bottom: 0.45rem;
  background-color: #000;
  height: 1px;
}

/* Bootstrap alert */
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: bold;
}

.alert > p,
.alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #843534;
}

.instore{
  text-align: center;
  padding: 1rem;
}
.instore.da{
  background-color: #e4007a;
  color: #fff;
}

.ps-msg{
  text-align: center;
  padding: 1rem;
  background-color: #d6c800;
  color: #fff;
}
.ps-msg .icon{
  width: 1.5rem;
  margin: -0.25rem 0.25rem;
}

.cartnotification{
  display: block;
  color: #ccc;
}
.cartnotification.dark{
  color: #888;
}
.woopack-mini-cart .cartnotification{
  display: none;
}
.strijk-icon{
  max-width: 6rem!important;
}
.permission_to_place{
  width: 100%;
  background-color: #f6e609;
  color: #fff;
  padding: 20px!important;
  display: block;
}
.product-name{
  width: 75%;
}
.woocommerce-shipping-totals, .shop_table .cart_item .product-total{
  vertical-align: top;
}

.headermenu nav{
  position: relative;
}
.headermenu #menu-header-menu{
  width: 300px;
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 25px;
  position: absolute;
  left: 0px;
}
#menu-header-menu{
  background-color: #fff;
}
#menu-header-menu a, #menu-header-menu a:visited{
  font-weight: bold;
}
#menu-header-menu a:hover, #menu-header-menu a:active{
  color: #f6e609;
  font-weight: bold;
}
.headermenu #menu-header-menu:before{
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  position: absolute;
  top: -10px;
  left: 15px;
}
#menu-header-menu .current_page_item a{
  color: #f6e609;
}
.woopack-cart-items{
  width: 25vw;
}
#menu-categorieen .current-menu-item a, #menu-categorieen .current-product-parent a{
  font-weight: bold;
}
.woocommerce-mini-cart-item a img.emoji{
  float: none!important;
}

#woopack-product-8405 .woopack-out-of-stock span{
  background-color: #e4007a;
  position: relative;
  display: block;
  width: 100%;
}
#woopack-product-8405 .woopack-out-of-stock span:after{
  background-color: #e4007a;
  content: "Exclusief verkrijgbaar bij DA Ingrid";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 10px;
  display: block;
}

@media only screen and (max-width: 768px) {
  .headermenu nav{
    position: static;
  }
  .headermenu #menu-header-menu{
    width: 100%;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 25px;
    position: absolute;
    left: 0px;
  }
  .headermenu #menu-header-menu:before{
    left: 25px;
    top: -9px;
  }
  .woopack-cart-items{
    width: 100vw;
  }
}