/*
Theme Name: Oak & Solid block theme
Author: A.Siks
Description: Block theme specialy created for oakandsolid.com.
Version: 0.1
Requires at least: 5.9
Tested up to: 6.1.1
Requires PHP: 7.4
License: Personal license.
License URI: http:///asix-dev.nl/oas/license
Text Domain: OAS
*/

.grecaptcha-badge {
visibility: hidden;
}

.pop-out-div {
  top: -3em;
  position: relative;
}

.wp-block-search__input {
  background-color: var(--wp--preset--color--secondaire-achtergrond)!important;
  color: white !important;
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
  width: 25em;
  border-color: : white;
  border-style: : solid;
  border-width: 0px 0px 1px 0px !important;
}

.wc-block-cart-item__prices {
  display: none;
}
.wc-block-components-product-details {
  display: none;
}
.wc-block-components-quantity-selector{
  display: none !important;
}
.wc-block-cart-item__remove-link {
  background-color: red !important;
  color: white !important;
  padding: 5px 10px !important;
  text-decoration: none !important;;
  display: inline-block !important;
  font-size: 16px !important;
}
.wc-block-cart-item__remove-link:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19) !important;
}
.woocommerce .wp-block-woocommerce-product-image-gallery {
  position: -webkit-sticky !important;;
  position: sticky !important;
  top: 0px;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
  display: none;
}

.oas_add_to_cart {
  border: 0.2em solid var(--wp--preset--color--secondaire-achtergrond);
  padding: 0.3em;
}

.pewc-form-field {
  width: 95%;
  font-size:medium;
  padding: 0.2em;
}

.pewc-group-heading-wrapper {
  display: none;
}

input[type="number"].pewc-child-quantity-field {
  margin-left: 1em;
  width: 95%;
  text-align: left;
}

.pewc-next-step-button{
  padding: 1em;
  background: var(--wp--preset--color--call-to-action);
  color: white;

}

.pewc-steps-wrapper .pewc-tab.active-tab {
  background: var(--wp--preset--color--call-to-action)!important;;
  color: var(--wp--preset--color--achtergrond)!important;
}
.pewc-steps-wrapper .pewc-tab.active-tab::after {
  border-left: solid 30px var(--wp--preset--color--call-to-action)!important;
}

.pewc-steps-wrapper .pewc-tab{
  background:var(--wp--preset--color--secondaire-achtergrond)!important;
  color: var(--wp--preset--color--achtergrond)!important;
}
.pewc-radio-image-wrapper label img, .pewc-checkbox-image-wrapper label img {
  border: 1px solid var(--wp--preset--color--secondaire-achtergrond);
}
.pewc-steps-wrapper .pewc-tab::after {
  border-left: solid 30px var(--wp--preset--color--secondaire-achtergrond)!important;;
}
.pewc-field-label{
  color:var(--wp--preset--color--call-to-action)!important;
}
.pewc-total-only {
  padding: 0.8em ;
  border-radius: 0.5em 0.5em 0% 0%;
  background: var(--wp--preset--color--secondaire-achtergrond);
  color: var(--wp--preset--color--call-to-action);
  position: sticky;
  position: -webkit-sticky;
  margin-bottom: 0px;
  bottom: 0px;
  left: 90%;
  text-align: right;
  width: fit-content;
}
.pewc-radio-checkbox-image-wrapper{
  text-align: center;
}

.pewc-radio-images-wrapper .pewc-radio-image-wrapper, .pewc-checkboxes-images-wrapper .pewc-checkbox-image-wrapper {
  margin: 0.5em;
}

/** Tablet devices **/

@media (min-width: 481px) and (max-width: 1080px){
  .pewc-radio-images-wrapper .pewc-radio-image-wrapper, .pewc-checkboxes-images-wrapper .pewc-checkbox-image-wrapper {
    width: 50% !important;
     margin: 0em !important;
  }
  .pewc-steps-wrapper{
    flex-wrap: nowrap !important;
    font-size: x-small !important;
    overflow: hidden;
  }
}

/** Mobile devices **/

@media (max-width: 480px){
  .pewc-radio-images-wrapper .pewc-radio-image-wrapper, .pewc-checkboxes-images-wrapper .pewc-checkbox-image-wrapper {
      width: 50% !important;
      margin: 0em !important;
  }
  .pewc-steps-wrapper{
    display: none !important;
  }
  .wp-block-woocommerce-product-image-gallery  {
    padding-right: 2em !important;
  }
  .dynamaker-configurator {
    border-width: 3px !important;;
    border-style: solid dashed solid solid !important;
  }
}