/*!
Theme Name: osten
Theme URI: http://VLadpopovyh.me/
Author: Vlad Popovych
Author URI: https://www.linkedin.com/in/vladyslav-popovych-062024223/
Description: Store on Woocommerce
Version: 1.0.
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: osten
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/

/* class discount */
.status{  
position: absolute;
top: 10px;
left: -1px;
padding: 2px 15px;
color: #000000;
font-weight: 300;
background: #f1b8c4; 
 z-index: 1;
}

 .btn{
  width: 150px!important;
} 

.hero-wrap{
  background-image: url('assets/images/computer-gaming_home.jpg');
}

.hero-bread{
  background-image: url('assets/images/templates.jpg');
}

.ftco-section__img{
  background-image: url('assets/images/ftco-section.jpg');
}

.woocommerce-account .woocommerce-MyAccount-content {
  float: left;
  width: 100%;
  max-width: 600px;

}

.input-text {
width: 100%;
border: none;
background: transparent;
}


.woocommerce form .form-row select {
  -webkit-appearance: none;
  border: none;
  background: transparent;
}

 .woocommerce-checkout #payment div.payment_box {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: 1em;
  margin: 1em 0;
  font-size: .92em;
  border-radius: 2px;
  line-height: 1.5;
  background-color: #fff;
  color: #515151;
}

.woocommerce-checkout #payment {
  background: #a62476!important;
  border-radius: 5px;
  color: #fff;
}

.custom-styles{
  background-color: rgba(207,207,207,0.1);
}

/*===  scrollbar ====*/

::-webkit-scrollbar{
	width: 10px;
}

::-webkit-scrollbar-track{
	background: #1f2937;
}

::-webkit-scrollbar-thumb{
	background: linear-gradient(rgb(134, 239, 172),
	rgb(59,138,246), rgb(147,51,234));

}


.woocommerce nav.woocommerce-pagination ul li span.current {
  background: #fff;
}


.woocommerce nav.woocommerce-pagination ul li a{
background:linear-gradient(to right, #ffebdf, #FFC0CB);
color: #202020;
border-radius: 10px!important;
}


  .custom-section__products .page-numbers {
  background-color: transparent!important;
  border: none !important;
  }

nav.woocommerce-pagination li span.current,nav.woocommerce-pagination li a{
padding: 15px!important;

  }

.woocommerce-privacy-policy-link{
color: #202020;
  }
  .woocommerce form .form-row .required {
    color:transparent
  }


  /* switch on the single-product page */

  .woocommerce div.product .woocommerce-tabs ul.tabs li a{
    color:#fff;
  }

  .woocommerce div.product .woocommerce-tabs ul.tabs li{
    border: 1px solid #212529;
    background-color: #212529;
  }
  /* switch on the single-product page */


  /* rating */
  .woocommerce .star-rating::before {

    color: #982681;
  }
    .woocommerce .star-rating span::before {
      color:#982681;
    }
      /* rating */


.woocommerce-account .addresses .title .edit {
  float: none;
  margin: 0 20px;
}

.menu-item a{
  margin-left: 20px;
  color: #202020;
}

.menu-item a:hover{
  color:#9b9b9b!important;
}


.orderby{
  background: #060606;
    padding: 10px;
    margin-bottom: 20px;
    border: none;
    color: white;
}


.woocommerce nav.woocommerce-pagination ul li {
  border-right: 1px solid #ffffff;

  }

  .productcustom__description{
 padding: 0 10px!important;
  }

  .productcustom__description h3{
    word-wrap: break-word!important;
  }

  .page-numbers {
  background-color: #ffffff;
  border: none !important;
  }


  .woocommerce ul.products li.product a img, .woocommerce div.product div.images img{
    width: 100%!important;
    max-width: 300px!important;
    height: 280px!important;
    object-fit: contain!important;
    position: relative!important;
  }


  .woocommerce-product-gallery__trigger{
    right: 0!important;
    left: 240px!important;
    top:0!important;
  
  }
  .productcustom img{
    background-color: #fff!important;
  }

  .added__goods .wc-block-components-product-name{
    color: #202020!important;
  }

  .added__goods .wc-block-cart__submit-button, .added__goods .wc-block-components-checkout-place-order-button{
    background: #202020!important;
    padding: 10px!important;
    border-radius: 20px!important;
    color: #fff!important;
  }



/* COMMENTS */
/* button to send a comment */
  .woocommerce #review_form #respond .form-submit input{
    background: #f1b8c4!important;
    padding: 10px 20px!important;
    color: #fff;
    border-radius:20px ;
  }
  .woocommerce #review_form #respond textarea{
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  resize: none;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
 
  }
  .woocommerce #reviews #comments ol.commentlist li .comment-text{
    background: #fff;
  }

  .error-404__img{
    width: 100%!important;
    margin: 20px!important;
  }


/* COMMENTS */

 /* adaptation for goods */
 @media (max-width: 980px) {
  .product-display-price{
    flex-direction: column;
  }
}

  @media (max-width: 860px) {
  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
   margin-left: 30px!important;
    margin-right: 0!important;
}
  }
  /* adaptation for goods */

  @media (max-width: 410px) {
    .hero-wrap .slider-text h2 span:after,.hero-wrap .slider-text h2 span:before{
      display: none;
    }
  }

  .list-unstyled a{
    margin: 0;
  }