/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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: DMSerifText;
  src: url(https://elfarida.net/wp-content/uploads/2025/04/DMSerifText-Regular.ttf);
  font-weight: bold;
}

/* Home	 */

.elementor-main-swiper {
    width: 100%!important;
}

.hero-slider .elementor-slide-description {
		width: 32vw; 
	}

/* .hero-slider .elementor-slides .swiper-slide-bg {
	background-position: 45vw;
    min-height: 70%;
    min-width: 100%;
    position: absolute;
    top: 2vw;
} */
	
.hero-slider .swiper-pagination {
		bottom: 10vw!important;
		text-align: center;
}

.hero-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
		width: 100%;
}
	
.hero-slider .elementor-11 .elementor-element.elementor-element-f68012e .swiper-pagination-bullet-active, .swiper-pagination-bullet .swiper-pagination-bullet-active {
		width: 1.3vw!important;
		height: 1.3vw!important;
	}

/* Blogs */
	
	div.elementor-post__thumbnail  {
		border: solid 0.1vw #14AECC;
	}
	
 .main-post .elementor-post__text, .insights .elementor-post__text {
    justify-content: center;
	  display: flex;
	  flex-direction: column; 
}

 .main-post .elementor-post__meta-data, .insights .elementor-post__meta-data {
  order: -1;
}

 .main-post .elementor-post__title, .insights .elementor-post__title {
  order: 0;
}


	.main-post .elementor-post__excerpt {
		width: 37vw;
	}
  
	.main-post .elementor-post__read-more {
		background-color: #FF9900;
		padding: 0.8vw 1.7vw;
		border-radius: 0.2vw;
	}
	
/* Products */

.elementor-widget-taxonomy-filter .e-filter {
    align-items: flex-end!important;
}

.full-width-button {
  width: 100%;
  box-sizing: border-box;
}

.filter-button-wrapper img {
  width: 3vw;
  height: 3vw;
  margin-bottom: 1vw;
}


/* Products Inner */

 div.float .float2 img {
  -webkit-transform: scaleX(-1) !important;
  transform: scaleX(-1) !important;
}

div.woocommerce-product-gallery__image img.wp-post-image {
	padding: 8vw!important;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
	padding: 2vw!important;
}

.mejs-controls {
    padding: 0 1vw!important;
    margin: 1vw 2vw!important;
    width: 48.5vw!important;
    border-radius: 2vw!important;
	background: #163100!important;
}

.woocommerce div.product div.images .flex-control-thumbs li {
	width: 12vw!important;
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
    opacity: 0 !important;
}

/* Scroll Bar */
	
::-webkit-scrollbar {
    width: 0.6vw;
}

::-webkit-scrollbar-track {
    background: white; 
}

::-webkit-scrollbar-thumb {
    background:linear-gradient(180deg, #88993b 0%, #20431e 100%);
}	

/*  Rotating Animation  */

@keyframes rotateImage {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.rotate {
    animation: rotateImage 10s linear infinite;
}

/* RESPONSIVE MEDIA QUERY */

	@media only screen and (max-width:768px){
		
.hero-slider .swiper-pagination {
		bottom: 18vw!important;
}

.woocommerce div.product div.images .flex-control-thumbs li {
	width: 25%!important;
}
		
	.main-post .elementor-post__excerpt {
		width: 100%;
	}

	.main-post .elementor-post__read-more {
		background-color: #FF9900;
		padding: 1.6vw 2.4vw;
		border-radius: 0.6vw;
	}		
		
		.farm img {
			width: 100vw !important;
		}

		.prod-main img {
			width: 54vw !important;
		}

		.float img {
			width: 26vw !important;
		}
		
		.center-align .elementor-icon-box-icon {
			display: flex !important;
      align-items: center !important;
		}

		.e-filter > div {
    width: 40vw !important; /* Make wrapper wider for touch targets */
  }

  .e-filter > div img {
    width: 8vw !important;
    height: 8vw !important;
    margin-bottom: 2vw;
  }

  .e-filter > div button {
    font-size: 14px; /* Optional: adjust button text size */
  }

.mob-flex ul {
    display: flex;
	gap: 3vw;
    flex-direction: column;
    align-items: center;
	}

.mejs-controls {
    width: 84vw!important;
}

}

.hover-img-data {
  display: none;
}