/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.flex-col.search-form-categories {
    display: none;
}
.header-bottom {
    background-color: #004d40;
}

.row.mobile-hide .banner-layers.container .banner-layer {
    position: relative;
    z-index: 1;
}

ul.product_list_widget li.mini_cart_item {
	padding: 10px 0 5px 0;
}
ul.product_list_widget li.mini_cart_item img {
	display: none;
}
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}  
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

.quantity {
  display: block!important;
}
@media only screen and (max-width: 48em) {
}
@media screen and (max-width: 850px) {
	
	
  #cart-popup-mobile {
    position: absolute;
    right: -5px;
    background-color: #fff;
    z-index: 99;
    display: none;
    min-width: 260px;
    box-shadow: 1px 1px 15px rgba(0,0,0,0.15);
    border: 1px solid #ddd;
    color: #777;
    -moz-animation-delay: 3.5s;
    -webkit-animation-delay: 3.5s;
    -o-animation-delay: 3.5s;
    animation-delay: 3.5s;
  }
  .header-cart-link:hover + #cart-popup-mobile, #cart-popup-mobile:hover {
    display: inline-block;
    -moz-animation-delay: 3.5s;
   -webkit-animation-delay: 3.5s;
   -o-animation-delay: 3.5s;
    animation-delay: 3.5s;
  }
}
@media screen and (min-width: 0px) and (max-width: 720px) {
  .mobile-hide{ display: none; }
}

/*************** ADD MOBILE ONLY CSS HERE  ***************/

   .mobileShow { display: none;}

   /* Smartphone Portrait and Landscape */

   @media only screen

   and (min-device-width : 320px)

   and (max-device-width : 480px){ .mobileShow { display: inline;}}

.variations-table table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
  border-radius:10px;
}
.variations-table table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}
.variations-table table tr {
  background: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}
.variations-table table th,
.variations-table table td {
  padding: .625em;
  text-align: center;
}
.variations-table table th {
  font-size: .95em;
  letter-spacing: .1em;
  text-transform: uppercase;
}
 
 #variations .qty-action {
border-radius:5px;
  }
	 
@media screen and (max-width: 768px) {
	
  #variations .qty-action {
  background: #00434F;
  font-size: 23px!important;
  color: #fff;
  cursor: pointer;
  padding: 2px 12px;
  display: inline-block;
  border-radius:5px;
  }
  .variations-table table {
    border: 0;
  }
  .variations-table table caption {
    font-size: 1.3em;
  }
  .variations-table table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .variations-table table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  .variations-table table td {
    border-bottom: 1px solid #ddd;
    display: block !important;
    font-size: .8em;
    margin-right: 0;
    text-align: right;
    padding: .625em !important;
  }
  .variations-table table td:before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  .variations-table table td:last-child {
    border-bottom: 0;
  }
  #variations table.variations input.qty {
    font-size: 1.24em;
  }
  .quantity input[type="number"] {
  max-width: 2.6em;
  }
}
@media(max-width:550px){
  #variations table.variations input.qty {
   font-size: 1.04em;
  }
  
}
a.remove, a.icon-remove {
margin-top: 25px;
}
.dgwt-wcas-sf-wrapp{
  background: none !important;
}
.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
    background-color: rgba(0,0,0,0.03) !important;
    box-shadow: none !important;
    border-color: rgba(0,0,0,0.09) !important;
    background-position: 99% 50% !important;
    color: #333 !important;
    border-radius: 99px !important;
    height: 40px !important;
    font-size: 14px;
    font-style: normal;
    padding: 0 15px !important;
}
.dgwt-wcas-close {
  display: none;
}
.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input::-webkit-input-placeholder { /* Chrome */
  color: #333 !important;
  font-style: normal;
}
.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input:-ms-input-placeholder { /* IE 10+ */
  color: #333 !important;
  font-style: normal;
}
.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input::-moz-placeholder { /* Firefox 19+ */
  color: #333 !important;
  font-style: normal;
  opacity: 1;
}
.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input:-moz-placeholder { /* Firefox 4 - 18 */
  color: #333 !important;
  font-style: normal;
  opacity: 1;
}
.dgwt-wcas-no-submit .dgwt-wcas-ico-loupe {
    /* height: 50%; */
    left: 95% !important;
    right: auto;
    opacity: 0.5;
    height: 15px !important;
    fill: #000;
}
.dgwt-wcas-no-submit.dgwt-wcas-search-wrapp .dgwt-wcas-ico-loupe {
    fill: #333 !important;
}

/* Title add ons PDP */
.wc-pao-addon .wc-pao-addon-name {
    margin-top: 15px;
}

.wc-pao-addon .wc-pao-addon-description {
    font-size: 12px;
}

/* CSS variaties overkappingen */

	.product-info.summary.col-fit.col.entry-summary.product-summary table.variations label {
	font-size: 17px;
	font-weight: 900;
	}

    .product-info.summary.col-fit.col.entry-summary.product-summary .variations {
        display: block !important;
    }
    
    .product-info.summary.col-fit.col.entry-summary.product-summary .variations tr {
        display: block !important;
        margin-bottom: 20px;
    }
    
    .product-info.summary.col-fit.col.entry-summary.product-summary .variations th.label,
    .product-info.summary.col-fit.col.entry-summary.product-summary .variations td.value {
        display: block !important;
        width: 100% !important;
        text-align: left !important;
    }
    
    .product-info.summary.col-fit.col.entry-summary.product-summary .variations th.label {
        margin-bottom: 10px;
        border-bottom: none !important;
    }
    
    .product-info.summary.col-fit.col.entry-summary.product-summary .variations td.value {
        border-top: none !important;
    }

	.woocommerce .wc-pao-addon .wc-pao-addon-wrap label {
	font-weight:500;
	}

/* Border radius PDP Thumbs */

.product-gallery-slider img, .product-thumbnails img{
	border-radius:20px;
}

.product-thumbnails a{
	border:0px;
}

/* Radius description Block PDP */
.nav-tabs+.tab-panels {
    border-radius: 0px 10px 10px 10px;
}

.nav-tabs > li.active > a {
    border-radius: 10px 10px 0px 0px;
}

/* Variaties Overkappingen Mobiel weergave */

@media screen and (max-width: 768px) {
table.variations label {
white-space: normal!important;
}
}

.product-info.summary.col-fit.col.entry-summary.product-summary table.variations label{
background-color: #536673;
    padding: 15px 15px;
    border-radius: 10px;
	color:#FFF;
	    line-height: 1.5;
font-size: 15px;
}


/* Keuze uit variaties top header. Driehoek pijltje gemaakt met borders */
.product-info.summary.col-fit.col.entry-summary.product-summary table.variations label {
    font-size: 15px;
    font-weight: 600;
    background-color: #000000;
    padding: 15px 15px;
    border-radius: 10px;
    position: relative;
}

.product-info.summary.col-fit.col.entry-summary.product-summary table.variations label::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #000000;
}

/* Styling voor overkapping compleet heading Add-ons */
.wc-pao-addon-heading {
    font-size: 15px;
    font-weight: 600;
    background-color: #000000;
    color: #ffffff; /* Tekst wit maken voor contrast */
    padding: 15px 15px;
    border-radius: 10px;
    position: relative;
    margin: 0; /* Reset default heading margins */
}

.wc-pao-addon-heading::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #000000;
}


/* H3 titel Labels in checkout */

form.checkout h3 {
   text-transform: none;
}

/* labels menu */

.label-12x12.menu-item > a:after {
	content: '12x12 staander'; /* Change text */
	display: inline-block;
	font-size: 10px;
	line-height: 9px;
	letter-spacing: -0.1px;
	margin-left: 4px;
	background-color: #eee; /* Change color */
	font-weight: 500;
	border-radius: 3px;
	color: #175359;
	padding: 6px 8px 6px 8px;
	position: relative;
	top: -2px;
}


.label-15x15.menu-item > a:after {
	content: '15x15 staander'; /* Change text */
	display: inline-block;
	font-size: 10px;
	line-height: 9px;
	letter-spacing: -0.1px;
	margin-left: 4px;
	background-color: #eee; /* Change color */
	font-weight: 500;
	border-radius: 3px;
	color: #175359;
	padding: 6px 8px 6px 8px;
	position: relative;
	top: -2px;
}

.label-11x11.menu-item > a:after {
	content: '11x11 staander'; /* Change text */
	display: inline-block;
	font-size: 10px;
	line-height: 9px;
	letter-spacing: -0.1px;
	margin-left: 4px;
	background-color: #eee; /* Change color */
	font-weight: 500;
	border-radius: 3px;
	color: #175359;
	padding: 6px 8px 6px 8px;
	position: relative;
	top: -2px;
}

.label-14x14.menu-item > a:after {
	content: '14x14 staander'; /* Change text */
	display: inline-block;
	font-size: 10px;
	line-height: 9px;
	letter-spacing: -0.1px;
	margin-left: 4px;
	background-color: #eee; /* Change color */
	font-weight: 500;
	border-radius: 3px;
	color: #175359;
	padding: 6px 8px 6px 8px;
	position: relative;
	top: -2px;
}


/* categorypagina description */

.shop-container .term-description {
    background-color: #f1f1f1;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 25px;
}

/* Force table layout fixed voor betere kolom controle */

#variations table.variations th.image_link {
    width: 100px !important;
}

#variations table.variations th.dimensions {
    width: 100px !important;
}

@media only screen and (min-width: 1024px) {
#variations table.variations th.m2-calculator-header.m2-calculator-column {
    width: 100px !important;
}
}

.wc_payment_methods .payment_box {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
	font-size: 12px;
}

/* PDP geen varatie bij selectie overkapping */
.woo-variation-swatches.wvs-show-label .variations td .woo-selected-variation-item-name, .woo-variation-swatches.wvs-show-label .variations th .woo-selected-variation-item-name {
	display:none;
}

/* category button bekijken */
a.primary.is-small.mb-0.button.product_type_variable.add_to_cart_button.is-flat {
    padding: 5px;
	width:100%;
	font-size:15px;
}

a.primary.is-small.mb-0.button.product_type_variable.is-flat {
	padding: 5px;
	width:100%;
	font-size:15px;
}