/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
@font-face {
  font-family: EFT_rose;
  src: url(https://orplast.ussl.shop/wp-content/uploads/2020/07/EFT_ros-OT.ttf);
}

*{
	font-family: EFT_rose, Arial;
}

html, body{
	overflow-x: hidden;
}

/* scroll bar */
::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-track {
background: #f1f1f1; 
}

::-webkit-scrollbar-thumb {
background: #888; 
}

::-webkit-scrollbar-thumb:hover {
background: #555; 
}

/*.slide_item {display: none;}*/

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

.woocommerce-error, .woocommerce-info, .woocommerce-message{
  border-top-color: #357f7f;
  border-bottom: 3px solid #357f7f;
  border-left: 3px solid #357f7f;
}

.woocommerce-info:before{
    color: #357f7f;
}


/* swiperjs style */

.swiper-container {
  width: 90%;
  height: 100%;
}

.swiper-slide{
  color: #357F7F;
}

.swiper-slide .slide_img{
  padding: 15px;
  border: 1px solid #357F7F;
  transition: 1s;
  min-height: 225px;
  text-align: center;
  display: grid;
  align-items: center;
}

.swiper-slide .slide_img:hover{
  padding: 5px;
}

.slide_r{
  width: 70%;
  display: inline-block;
  vertical-align: top;
}

.slide_l{
  text-align: left;
  width: 28%;
  display: inline-block;
}

.swiper-slide .slide_title{
  display: block;
  font-size: 1rem;
}

.swiper-slide .slide_price{
  display: inline-block;
  color: gray;
  font-size: 0.9rem;
}

.slide_brand{
  color: gray;
  font-size: 0.9rem;
  display: inline-block;
}

div.swiper-slide a.slide_btn{
  padding: 8px;
  display: inline-block;
  border: 1px solid #357F7F;
  margin-top: 5px;
  border-radius: unset;
  background: transparent;
}

div.swiper-slide a.slide_btn:hover{
  background: #357F7F;
  color: white;
}

.swiper-slide .slide_l a.added_to_cart.wc-forward{
  position: absolute;
  bottom: 44px;
  left: 4px;
  width: 150px;
  padding: 10px;
  background: #000000bd;
  text-align: center;
  color: white;
  border-radius: 6px;
}

div.swiper-slide .slide_l a.added_to_cart.wc-forward:after{
  content: '';
  position: absolute;
  bottom: -20px;
  left: 5px;
  border: 10px solid;
  border-color: #000000bd transparent transparent transparent;
}

div.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
  height: 25px;
  width: 25px;
  border: 1px solid #357F7F;
  padding: 14px;
  background-size: 40%;
}
div.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
  height: 25px;
  width: 25px;
  border: 1px solid #357F7F;
  padding: 14px;
  background-size: 40%;
}