/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://example.com/
 Description:  Child theme for Hello Elementor
 Author:       Sharen Team
 Author URI:   https://sharen.co
 Template:     hello-elementor
 Version:      1.0.0
*/

/* Custom CSS */

/* @font-face {
  font-family: "YekanBakhFaNum-Regular";
  src: url('fonts/YekanBakhFaNum-Regular.ttf')  format('truetype');
}
@font-face {
  font-family: "YekanBakhFaNum-SemiBold";
  src: url('fonts/YekanBakhFaNum-SemiBold.ttf')  format('truetype');
}
@font-face {
  font-family: "YekanBakhFaNum-Bold";
  src: url('fonts/YekanBakhFaNum-Bold.ttf')  format('truetype');
}
@font-face {
  font-family: "YekanBakhFaNum-ExtraBold";
  src: url('fonts/YekanBakhFaNum-ExtraBold.ttf')  format('truetype');
}
@font-face {
  font-family: "Vazir-Medium";
  src: url('Vazir-Medium.eot');
  src: url('Vazir-Medium.eot?#iefix') format('embedded-opentype'),
	    url('fonts/Vazir-Medium.ttf')  format('truetype'),
		url('fonts/Vazir-Medium.woff')  format('woff'),
		url('fonts/Vazir-Medium.woff2')  format('woff2');
}
@font-face {
  font-family: "Vazir-Bold";
  src: url('Vazir-Bold.eot');
  src: url('Vazir-Bold.eot?#iefix') format('embedded-opentype'),
	    url('fonts/Vazir-Bold.ttf')  format('truetype'),
		url('fonts/Vazir-Bold.woff')  format('woff'),
		url('fonts/Vazir-Bold.woff2')  format('woff2');
}
@font-face {
  font-family: "B-Yekan";
  src: url('fonts/B-Yekan.eot');
  src: url('fonts/B-Yekan.eot?#iefix') format('embedded-opentype'),
	    url('fonts/B-Yekan-Bold.ttf')  format('truetype'),
		url('fonts/B-Yekan.woff')  format('woff'),
		url('fonts/B-Yekan.woff2')  format('woff2');
} */
@font-face {
  font-family: "iran-yekan-300";
  src: url('fonts/iran-yekan-300.eot'); /* IE9 Compat Modes */
  src: url('fonts/iran-yekan-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	    url('fonts/iran-yekan-300.ttf')  format('truetype'),
		url('fonts/iran-yekan-300.woff')  format('woff'),
		url('fonts/iran-yekan-300.woff2')  format('woff2');
	font-display: block;
}
@font-face {
  font-family: "iran-yekan-400";
  src: url('fonts/iran-yekan-400.eot'); /* IE9 Compat Modes */
  src: url('fonts/iran-yekan-400.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	    url('fonts/iran-yekan-400.ttf')  format('truetype'),
		url('fonts/iran-yekan-400.woff')  format('woff'),
		url('fonts/iran-yekan-400.woff2')  format('woff2');
	font-display: block;
}
@font-face {
  font-family: "iran-yekan-500";
  src: url('fonts/iran-yekan-500.eot'); /* IE9 Compat Modes */
  src: url('fonts/iran-yekan-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	    url('fonts/iran-yekan-500.ttf')  format('truetype'),
		url('fonts/iran-yekan-500.woff')  format('woff'),
		url('fonts/iran-yekan-500.woff2')  format('woff2');
	font-display: block;
}
@font-face {
  font-family: "iran-yekan-700";
  src: url('fonts/iran-yekan-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/iran-yekan-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	    url('fonts/iran-yekan-700.ttf')  format('truetype'),
		url('fonts/iran-yekan-700.woff')  format('woff'),
		url('fonts/iran-yekan-700.woff2')  format('woff2');
	font-display: block;
}

p, a, span, ul, li, button, form, div, input, textarea{
	font-family: "iran-yekan-300" !important;
}
h1, h2, h3, h4, h5, h6{
	font-family: "iran-yekan-700" !important;
}

/* homepage packages */
.package-home .elementor-price-table__price{
	display: none !important;
}

.package-home .elementor-widget-price-table .elementor-widget-container, .elementor-widget-price-table:not(:has(.elementor-widget-container)){
	background-color: #f0f0f0 !important;
}

.package-home{
	border: 2px solid transparent;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 3px 0px;
}

.package-home:hover{
	border: 2px solid #307FE2;
}

.package-home .elementor-price-table .elementor-price-table__header{
	border: 2px solid #307FE2;
}

.elementor-widget-price-table .elementor-price-table__heading{
	margin-bottom: 7px !important;
}

/* single posts */
/* post reading time */
.rt-prefix, .rt-time, .rt-postfix{
	font-size: 14px !important;
	position: relative;
	bottom: 1px;
	color: #8b8b8b;
}

/* table of contents */
#ez-toc-container{
	width: 100% !important;
	background-color: #f6f9fd !important;
	border: 1px solid #d5e5f9 !important;
	border-radius: 8px !important;
	padding: 22px 30px !important;
}

#ez-toc-container li{
	line-height: 30px !important;
}

#ez-toc-container a:hover{
	text-decoration: none !important;
	color: #9f9f9f;
}

#ez-toc-container a:visited{
	color: #444 !important;
}

.ez-toc-title-container{
	margin-bottom: 15px;
}

.ez-toc-title{
	font-family: 'iran-yekan-400' !important;
}

.ez-toc-heading-level-3,
.ez-toc-heading-level-4,
.ez-toc-heading-level-5{
	margin-right: 15px !important;
}

/* post content */
.post-content a{
	color: #307FE2;
}

.post-content a:hover{
	color: #307FE2;
	border-bottom: 1px solid #307fe2;
}

.post-content :where(h1, h2, h3, h4, h5, h6){
	margin-top: 35px;
}

.post-content h2{
	font-size: 22px !important;
}
.post-content h3{
	font-size: 20px !important;
}
.post-content h4{
	font-size: 18px !important;
}
.post-content h5{
	font-size: 17px !important;
}
.post-content h6{
	font-size: 16px !important;
}

/* ratings */
.kk-star-ratings .kksr-legend{
	order: 1;
}

.kk-star-ratings .kksr-stars{
	order: 2;
}

/* sidebar */
.bdt-post-list .bdt-meta{
	display: flex !important;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
}

.elementor-widget .bdt-subnav span:after{
	display: none !important;
}

/* comments */
#wpdcom{
	max-width: 100% !important;
}

#wpdcom .wpd-form-head{
	margin-top: 0 !important;
	padding: 0 !important;
}

#wpdcom .wpd-auth,
#wpdcom .wpd-thread-head .wpdiscuz-user-settings,
#wpdcom .wpd-sbs-toggle{
	display: none !important;
}

#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-header,
#wpdcom.wpd-layout-3 .wpd-comment .wpd-reply-to{
	background-color: #f6f9fd !important;
}

#wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-header{
	background-color: unset !important;
}

#wpdcom.wpd-layout-3 .wpd-comment .wpd-comment-text{
	font-size: 15px !important;
}

#wpdcom .wpd-comment.wpd-reply .wpd-comment-text{
	font-size: 14px !important;
}

#wpdcom .ql-editor{
	min-height: 140px !important;
}

#wpdcom .ql-editor::before,
#wpdcom .wpd-second-button, #wpdcom .wpd-prim-button,
#wpdcom .wpd-comment-header .wpd-comment-author{
	letter-spacing: 0 !important;
}

.ql-editor.ql-blank::before{
	font-style: unset !important;
}

#wpdcom .wpd-thread-head{
	border-bottom-width: 1px !important;
}

#wpdcom .wpd-thread-head .wpd-thread-info{
	font-size: 17px !important;
	border-bottom-width: 1px !important;
	margin-bottom: -1px !important;
}

#wpdcom .wpd-form-row .wpdiscuz-item.wpd-field-captcha{
	position: relative;
	left: -30px;
}

#comments{
	margin: 0 !important;
}

/* paginaton */
.page-numbers{
	background-color: #fff;
	border-radius: 8px;
	padding: 10px 20px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px !important;
}

a.page-numbers:hover{
	background-color: #d5e5f9;
	transition: .3s;
}

.current{
	background-color: #307FE2;
	color: #fff !important;
	box-shadow: unset !important;
}

/* technical articles page */
/* read more link */
.read-more{
	position: relative;
}

.read-more .elementor-button::after{
	content: '';
	width: 26px;
	height: 26px;
	display: inline-block;
	-webkit-mask: url('http://sharen.co/wp-content/uploads/2025/09/left-arrow.svg');
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	background-color: #307FE2;
	position: absolute;
	top: 0;
	right: 104px;
	transform: translateY(0);
  	transition: transform .2s;
}


.filter-grid .read-more .elementor-button::after{
	right: unset;
	left: 0;
}

.read-more .elementor-button:hover::after{
	animation: arrow-bounce 0.5s infinite;
}

#search-tech-articles .jet-search-filter__input{
	outline: 0;
}

@keyframes arrow-bounce {
  0%   { transform: translateY(0) translateX(0); }
  50%  { transform: translateY(0) translateX(-6px); }
  100% { transform: translateY(0) translateX(0); }
}

/* technical articles slider */
.tech-post-slider .jet-slick-dots li.slick-active{
	width: 40px !important;
	border-radius: 40px;
}

.tech-post-slider .jet-listing-grid__items{
	direction: rtl;
}

.tech-post-slider .jet-listing-grid__slider-icon{
	border-radius: 8px;
}

.tech-post-slider .jet-slick-dots{
	position: relative;
	bottom: 74px;
	padding-right: 126px;
}

/* technical articles filter */
.filter-tech-articles .jet-radio-list__decorator{
	display: none;
}

.filter-post-title h3{
	font-family: 'iran-yekan-300' !important;
}

/* technical articles search */
/* #searchGrid-tech-articles, #searchGrid-tech-articles[data-widget_type="jet-listing-grid.default"] {
  display: none !important;
} */
#searchGrid-tech-articles {
  display: none;
}


/* responsive */
@media screen and (width <= 1024px){
	#wpdcom .wpd-form-row .wpdiscuz-item.wpd-field-captcha{
		left: 0;
	}
	
	#wpdcom .wpd-thread-head .wpd-thread-info{
		position: relative;
		border-bottom: unset !important;
	}
	
	#wpdcom .wpd-thread-head .wpd-thread-info::after{
		content: '';
		width: 70px;
		height: 1px;
		position: absolute;
		right: 0;
		bottom: 0;
		background-color: #307fe2;
	}
	
	.tech-post-slider .jet-slick-dots{
		bottom: 62px;
		padding-right: 164px;
	}
}

@media screen and (width <= 767px){
	#banner-public-blog, #banner-technical-articles{
		background-image: linear-gradient(0deg, #307fe296 0%, #FFFFFF 50%);
	}
	
	#banner-public-blog body.rtl .e-con-inner>.elementor-element.elementor-absolute, .e-con>.elementor-element.elementor-absolute, .elementor-widget-wrap>.elementor-element.elementor-absolute{
		position: unset !important;
	}
	
	.tech-post-slider .jet-slick-dots{
		display: none !important;
	}
}