/**
Theme Name: Faramouj
Theme URI: https://faramouj.com/
Description: Faramouj Wordpress Base Template
Author: Faramouj
Author URI: https://faramouj.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: faramouj
*/

.slider .swiper-slide-bg{
		    background-position: left !important;
	}
.swiper-pagination{
	    display: flex;
    width: fit-content !important;
    right: 3rem;
    bottom: 3rem !important;
}
.elementor-field-type-email input{
	text-align: left;
}
.rank-math-breadcrumb .separator{
	margin: 0 5px;
}
textarea{
	resize: none;
}
input{
	height: 64px;
}
input[type=checkbox]{
height: auto !important;
}
.wpcf7-form select{
	height: 64px;
}
.comments p.meta{
	display: flex;
	justify-content: space-between;
}
.carousel-product .swiper {
	padding: 3rem 0;
}
.elementor-search-form__container{
	    height: 3rem;
}
.elementor-search-form__container .elementor-search-form__input{
	height: 100%;
}
.commentlist p.meta{
	    display: flex;
    justify-content: space-between;
}
.woocommerce-review__dash{
	color: transparent;
}
.elementor-share-btn_telegram{
	position: relative;
}
.elementor-share-btn_telegram::before{
	content: "";
	position: absolute;
	width: 20px;
	height: 18px;
	background: url(/wp-content/uploads/2023/12/telegram.png) no-repeat;
	background-size: cover;
    display: block;
	margin: auto;
	inset: 0;
}
.elementor-share-btn_telegram span{
	opacity: 0;
}

@media (min-width: 900px){
	header{
		position: sticky !important;
		top: 0;
		background: #fff;
		z-index: 99 !important;
}
ul.ubermenu-submenu-drop{
	position: fixed !important;
    width: 80rem !important;
	height: fit-content !important;
    margin: auto !important;
    right: 0 !important;
}
}
@media (max-width: 768px){
	input{
	height: 40px;
}
	
	.slider .elementor-slide-heading{
		    font-size: 15px !important;
    line-height: 20px !important;
		margin-bottom: 2rem !important;
	}
	/** .elementor-slide-description{
		display: none;
	} **/
	.slider .swiper-slide-bg{
		    background-position: bottom !important;
	}
	
	.swiper-pagination{
		right: 0;
		left: 0;
		margin: auto;
		bottom: 1rem !important;
	}
	.slider .elementor-swiper-button{
		display: none !important;
	}
}

@media screen and (max-width: 1024px){
	.elementor-slides .swiper-slide-inner{
		align-items: start !important;
	}
}