/*
Theme Name: Studiare
Theme URI: https://هi-wp.ir/product/studiare
Author: وردپرس من
Author URI: https://i-wp.ir/
Description: With Studiare, you can sell, market and create your online courses in one place. It is perfect for universities, teachers, and tutors, but can also be used by individuals and businesses.
Version: 8.1
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: classes, courses, education, education center, learning center, tutoring, teaching, study, studying, learning, lessons, instructor, teacher, mentor
Text Domain: studiare

CSS changes can be made in files in the /assets/css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/

@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 100;
	src: url('fonts/iransansx/woff/IRANSansXFaNum-Thin.woff') format('woff');	
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 200;
	src: url('fonts/iransansx/woff/IRANSansXFaNum-UltraLight.woff') format('woff');	
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 300;
	src: url('fonts/iransansx/woff/IRANSansXFaNum-Light.woff') format('woff');		 
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 500;
	src: url('fonts/iransansx/woff/IRANSansXFaNum-Medium.woff') format('woff');		 
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 600;
	src: url('fonts/iransansx/woff/IRANSansXFaNum-DemiBold.woff') format('woff'); 
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 800;
	src: url('fonts/iransansx/woff/IRANSansXFaNum-ExtraBold.woff') format('woff');		 
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 900;
	src: url('fonts/iransansx/woff/IRANSansXFaNum-Black.woff') format('woff');		 
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: bold;
	src: url('fonts/iransansx/woff/IRANSansXFaNum-Bold.woff') format('woff'); 
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: normal;
	src: url('fonts/iransansx/woff/IRANSansXFaNum-Regular.woff') format('woff');	
}


@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 300;
	src: url('fonts/yekan/woff/iranyekanweblightfanum.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: normal;
	src: url('fonts/yekan/woff/iranyekanwebregularfanum.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

/*
Yekan Bakh Font
*/

@font-face {
	font-family: Yekanbakh;
	font-style: normal;
	font-weight: 100;
	src: url('fonts/bakh/woff/YekanBakh_FaNum_Thin.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}


@font-face {
	font-family: Yekanbakh;
	font-style: normal;
	font-weight: 300;
	src: url('fonts/bakh/woff/YekanBakh_FaNum_Light.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
	font-family: Yekanbakh;
	font-style: normal;
	font-weight: normal;
	src: url('fonts/bakh/woff/YekanBakh_FaNum_Regular.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
	font-family: Yekanbakh;
	font-style: normal;
	font-weight: 600;
	src: url('fonts/bakh/woff/YekanBakh_FaNum_Bold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
	font-family: Yekanbakh;
	font-style: normal;
	font-weight: 800;
	src: url('fonts/bakh/woff/YekanBakh_FaNum_Heavy.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
	font-family: Yekanbakh;
	font-style: normal;
	font-weight: 900;
	src: url('fonts/bakh/woff/YekanBakh_FaNum_Fat.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

.custom-recent-posts {
    list-style: none;
    padding: 0;
}

.recent-post-item {
    background-color: #8d8d8d12;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: start;
    border-radius: 10px;
	position: relative !important;
    overflow: hidden;
	transform: translateY(0px);
	transition: all 0.5s ease-in-out;
	border: solid #7878782b 1px;
}

.recent-post-item:hover {
	background-color:#8d8d8d12;
	box-shadow: 0px 0px 10px #8c8c8c29;
	transform: scale(1.03); /* کمی بالا آمدن برای افکت زیباتر */
    transition: all 0.5s ease-in-out;
}

.recent-post-item:hover a{
	color: #FF4000;
}

.recent-post-thumb {
    width: 110px; /* تنظیم اندازه مناسب برای تصویر */
    flex-shrink: 0;
    border-radius: 5px;
    margin-left: 5px;
}

.recent-post-thumb img {
  width: 100px;          /* یا هر اندازه‌ای که می‌خوای */
  height: 100px;
  object-fit: cover;     /* این بخش مهمه! تصویر رو برش می‌ده */
  border-radius: 8px;    /* اختیاری – برای گرد کردن گوشه‌ها */
  display: block;
}

.recent-post-content {
    flex-grow: 1;
    padding-left: 10px;
}

.recent-post-title {
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    color: #333;
    display: block;
    margin-bottom: 5px;
}

.recent-post-excerpt {
    font-size: 10px;
    color: #666;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* نمایش فقط دو خط */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    max-width: 100%; /* تنظیم اندازه مناسب */
}

.recent-post-meta i {
    font-size: 12px;
    color: ##ff6c009e;
}

.recent-post-item:not(:last-child) {
    margin-bottom: 15px;
}
.recent-post-meta {
    position: absolute;
    bottom: 0.3rem;
	left: 50%;
	transform: translateX(-50%);
    line-height: 1;
    font-size: 12px;
    color: #00000094;
    background: rgb(0 0 0 / 6%);
    padding: 3px 6px;
    border-radius: 5px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid #ffffff91;
    display: block;
	width: max-content; 
	min-width: 100px; 
}