
body{
     font-family: 'lunchtype24expanded_regular', sans-serif;
     font-size:18px;
     line-height:1.4;
     color:#000;
    
}



body,select,input,textarea {
                              -webkit-font-smoothing:antialiased;
}


.site-header{
     background-color: #fb7928;
}



.home .main-navigation , .archive .main-navigation {
             flex: 1 1 auto;
             min-width:0;
             min-height:0;
}




.main-menu a {
        display: block;
        font-size: 20px;
        text-decoration: none;
        color: #fff;
        line-height:1.5;
    }

.site-branding img{
    width:auto !important;
    height:auto !important;
    display: block;
    max-height: 100vh;
            
}

.logo{
     max-width:180px;
    
}


.products{
    padding:0;
    margin:0;
    display:flex;
    flex-wrap:wrap;
    list-style:none;
    }
    
    
 .products .product a{
     display:block;
     padding:32px;
     text-decoration:none;
     color:#fff;
     
 }    
 
.products .product img{
     display:block;
     width: auto !important;
     height: auto !important;
     margin: auto !important;
     
 }
 
 .product-info{
     position: absolute;
     bottom:0;
     left:0;
     padding: 0 32px 24px;
     transition: opacity 0.2s ease;
     opacity:0;
    }
    
    .product:hover .product-info{
        opacity:1;
    }
    
    .product-info .woocommerce-loop-product__title{
        font-size:24px;
        font-family: 'lunchtype24expanded_medium', sans-serif;
        margin:0;
        line-height:1;
        
    }
    
    
    .product-info .price{
        font-size: 20px;
    }
    
    
    .woocommerce-products-header__title {
  display: flex;
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
  transform: translateX(-50%);
  width: 200%;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

.marquee  {
  display: block;
  animation: marquee 2s linear infinite;
  line-height: 1;
  font-size: 20px;
  padding: 20px;
}

.main-menu .menu-item a {
  transition: opacity .2s ease;
}

.archive .main-menu .menu-item a,
.main-menu:hover .menu-item a {
  opacity: 0.25;
}

.main-menu .menu-item.current-menu-item a,
.main-menu .menu-item:hover a {
  opacity: 1;
}
 
 
/*.single-product .product{*/
/*    display: flex;*/
/*    padding: 32px;*/
/*    } */
    
.woocommerce-product-gallery{
    flex:auto;
}    
 
 
 .single-product .summary{
     max-width:390px;
    /*padding-left:64px;*/
 }


.rest-header{
             background-color: #fbba28; }
             
      
      
     .site-footer { flex-wrap: wrap;}
             
    
.site-footer li{
    margin-left:1rem;
    margin-right:1rem;
}    
             
 
 .site-footer a{
     
     display:block;
     color: #000;
     text-decoration:none;
     font-size: 1rem;
     
 }
 

/*  search in general pages   */ 
.site-branding .search-meta {
  position: absolute;
  top: 1rem;
  right: 1rem;
}


/*  search in product pages   */
.summary .search-meta{
    margin-bottom: 1rem;
    justify-content:flex-end;
    position: absolute;
    right: 1rem;
    top:1rem;
}
 

  .summary .product_title {
    color: #fff;
   font-family: 'lunchtype24expanded_medium', sans-serif;
   font-size:2rem;
   line-height:1;
   margin-top:0;
   margin-bottom:2rem;
    }
    
    
    .summary .price{
    color: #fff;
    font-size:1.5rem;
   line-height:1;
   margin-top:0;
   margin-bottom:2rem; 
    }
    
  .summary  .woocommerce-product-details__short-description{
    color: #fff;
    line-height:1.333;
    margin-bottom:2rem; }
    
    
    .summary .p1{ margin:0;}
    
    /* Remove quantity input from product by css */
    .summary .quantity{ display:none !important;}
 
 
 
     .summary .button{
                       color:#000;
                       background-color:#fff;
                       border:none;
     }
     
     
     
     .product .woocommerce-product-gallery__wrapper {
         margin: 0;
     }
     
     
.variations_form, .variations tbody { display: flex;}

.variations .label  { display: none; }

.variations .value {
display: block;
padding: 0;
padding-right: .25rem;
}
     
 .reset_variations{
     display:none;
 }
 
 
 /*--  Style for Woocommerce Flash Message  ---*/
 .woocommerce-message, .woocommerce-error, .woocommerce-notice {
  line-height: 2rem;
  font-size: 1rem;
  color: #fff;
}

.woocommerce-message {
  background-color: #c0d045;
}

.woocommerce-info {
  background-color: #fbbb28;
}

.woocommerce-error {
  background-color: #ff4141;
}

.flash-message .button {
                         background-color:transparent !important;
                         padding:0;
                         margin-left:1rem;
}


.woocommerce div.product div.images img {
  width: 100%;
  height: auto;
  object-fit: contain;
}


 
 @media (min-width:60em){
     
         .main-menu a {
                        font-size: 32px;
                      }
                      
        .marquee{
                   font-size: 32px;
                   padding: 32px;
                 
        }     
        
        
        .summary .product_title {font-size:3rem; }
        
        
    .site-branding .search-meta { top: 1rem; right: 3rem;}

   .logo{ max-width:280px;}
   
    .site-footer { flex-wrap: nowrap;
                   margin-bottom:1rem;
    }

 }             
      
      
      @media (max-width:30em){
          
          .summary .search-meta{
              position:absolute;
              top:1rem;
              bottom:1rem;
              right:1rem;
              
          }
          
          
          
      }       
             
             
             
             
             
             
             
             
             
             
             
             
             






