/*
 Theme Name:   Storefront Child
 Description:  Trallala Child Theme
 Author:       WebWaren
 Author URI:   https://www.webwaren.ch
 Template:     storefront
 Version:      1.0
 Text Domain:  storefront-child
*/

button.ocs-trigger {
    position: fixed;
    width: 30px;
    height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg id='Filter_Icon' data-name='Filter Icon' xmlns='http://www.w3.org/2000/svg' width='30' height='25' viewBox='0 0 30 25'%3E%3Cpath id='Pfad_1708' data-name='Pfad 1708' d='M3.552,0h30' transform='translate(-3.552 2.5)' fill='none' stroke='%23050505' stroke-width='2'/%3E%3Cline id='Linie_2' data-name='Linie 2' x2='30' transform='translate(0 12.5)' fill='none' stroke='%23050505' stroke-width='2'/%3E%3Cpath id='Pfad_1709' data-name='Pfad 1709' d='M3.658,0h30' transform='translate(-3.658 22.5)' fill='none' stroke='%23050505' stroke-width='2'/%3E%3Cg id='Gruppe_767' data-name='Gruppe 767' transform='translate(-2402.5 -11842.5)'%3E%3Cpath id='Pfad_1712' data-name='Pfad 1712' d='M2435.888,11848.309v5' transform='translate(-25 4.191)' fill='none' stroke='%23050505' stroke-width='2'/%3E%3Cpath id='Pfad_1713' data-name='Pfad 1713' d='M2435.888,11848.309v5' transform='translate(-10 -5.809)' fill='none' stroke='%23050505' stroke-width='2'/%3E%3Cpath id='Pfad_1714' data-name='Pfad 1714' d='M2435.888,11848.309v5' transform='translate(-16 14.191)' fill='none' stroke='%23050505' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center right;
    color: #050505;
    cursor: pointer;
    border: none !important;
    outline: none;
    
}

#ocs-shop-filter {
    background: #fff;
    color: #000;
    padding-top: 162px;
    
}
.sf-field-taxonomy-product_cat {
   flex-basis: 100% !important;
}
.sf-field-taxonomy-product_cat > ul {
  border-bottom: 2px solid #050505;
}

#ocs-shop-filter input.search-filter-reset {
  margin: 25px;
  padding: 10px;  
  border: 2px solid #050505;
  background: #fff;
}
#ocs-shop-filter input.search-filter-reset:hover {
  background: #ededed;
}

#widget-header #togglewidgets {
  background: none;
}
#togglewidgets .ocs-trigger {
  margin-left: 65px;
}
@media screen and (max-width: 1023px) {
  #ocs-shop-filter {  
    padding-top: 172px;
    max-width: 80vw;
   
  }
  .widget ul ul {
    margin-left: 10px;
  }
  #ocs-shop-filter input.search-filter-reset {
    margin-left: 10px;
  }
}
@media screen and (min-width: 1024px) {
  #ocs-site.ocs-close--all {
    left: 400px;
  }
  #ocs-shop-filter {
    margin-left: -400px;
    left: 400px;
    width: 400px;  
  }
}
/* @media screen and (min-width: 1664px) {
  #ocs-shop-filter {    
    padding-top: 172px;
  }
} */

@media screen and (min-width: 1764px) {
  #ocs-shop-filter {    
    padding-top: 172px;
  }
}