/*
Theme Name: Shokamag
Author: Ahmad
Version: 1.0
Created on : Jun 13, 2026, 11:42:02 AM
*/

@font-face {
    font-family: 'vazir';
    src:
        url('assets/fonts/vazir/Vazir-Medium-FD.eot?#') format('eot'), /* IE6–8 */
        url('assets/fonts/vazir/Vazir-Medium-FD.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
        url('assets/fonts/vazir/Vazir-Medium-FD.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

body {
    font-family: 'Vazir', sans-serif;
    line-height: 1.6;
    direction: rtl;
    text-align: right;
    color: #282828;
    background-color: #FAFAF7 ;
}
.container {
    max-width: 1600px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    margin-bottom: 10px;
}

p{
    font-size: 1.125rem; /* اندازه مناسب برای متن (18px) */
    line-height: 1.75; /* فاصله مناسب بین خطوط */
    color: #333333; /* رنگ تیره برای خوانایی بهتر */
    margin-bottom: 1.5rem; /* فاصله بین پاراگراف‌ها */
    font-weight: 400; /* وزن متوسط برای خوانایی بهتر */
    text-align: justify; /* ترازبندی متن برای ظاهر متوازن */
}
a{
    text-decoration: none;
}
.btn {
    border-radius: 5px;
}


.form-control {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}


img {
    max-width: 100%;
    height: auto;
}

.aligncenter {
    margin: auto;
    display: block;
    text-align: center;
}

@media (min-width: 992px) {
    .custom-col-5 {
        width: 20%; /* برای اندازه‌های بزرگ‌تر از lg */
    }
}




@media (min-width: 576px) {
    .custom-col-sm-5 {
        width: 20%;
    }
}


@media (min-width: 768px) {
    .custom-col-md-5 {
        width: 20%;
    }
}


@media (min-width: 992px) {
    .custom-col-lg-5 {
        width: 20%;
    }
}


@media (min-width: 1200px) {
    .custom-col-xl-5 {
        width: 20%;
    }
}




.section_header{

}
.section_header h2{
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 35px;
    padding-bottom: 15px;
    position: relative;
    border-bottom: 1px solid #E4E4E4;
    color: #272727;
}

/* widgets start */

/* book_reviews_list start */
.book_reviews_list h3{
    font-size: 1.5rem;
    font-weight: bold;
    color: #272727 ;
}
.post_item a{
    color: #272727 ;
    transition: color 0.25s ease;
    display: inline-block;
}
.post_item a:hover{
    color: #272727 ;
}
.book_reviews_list .post_excerpt{
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5em;
    color: #717171;
    text-align: justify;
    display: block;
}
/* book_reviews_list end*/

/* compact_posts_list start*/
.compact_posts_list{
    background: rgba(0,0,0,.04);
    border-radius: 10px;
    padding: 15px;
}
.compact_posts_list h3 {
    font-size: 1rem;
    font-weight: bold;
    color: #272727;

}
/* compact_posts_list end*/


/* widget-featured-mosaic start */
.background_overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-image: linear-gradient(0deg,#000000d4 0%,rgba(64,84,178,0) 100%);
    opacity: .95;
}
.slideshow_item {
    position: relative;
    cursor: pointer;
}
.slideshow_item h2 {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    position: absolute;
    z-index: 15;
    bottom: 00;
    color: #fff;
    margin-right: 7px;
    margin-left: auto;
    padding: 7px;

}
/* widget-featured-mosaic end */






.shelf_grid{
    width: 100%;

}
.shelf_grid img{
    width: 100% ;
}
.shelf_grid_list_item{

}
.shelf_grid .col-3:first-child {

}
.shelf_grid_list_item{
    position: relative;
    cursor: pointer;
}
.shelf_grid_list_item h3{
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    position: absolute;
    z-index: 15;
    bottom: 00;
    color: #fff;
    margin-right: 7px;
    margin-left: auto;
    padding: 7px;

}

.shelf_grid_list_item:hover .background_overlay{
    background-image: linear-gradient(0deg,#000 0%,rgba(64,84,178,0) 100%);
}
.popular_right_col{
    background: rgba(0,0,0,.04);
    border-radius: 10px;
    padding: 15px;
}
.popular h3 {
    font-size: 1rem;
    font-weight: bold;
    color: #272727;

}
.shelf_grid_b{
    width: 100%;

}
.shelf_grid_b img{
    width: 100% ;
}
.shelf_grid_b_list_item{

}
.shelf_grid_b .col-3:first-child {

}
.shelf_grid_b_list_item{
    position: relative;
    cursor: pointer;
}
.shelf_grid_b h3{
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.47;

    color: #272727;


}

.shelf_grid_b_list_item:hover .background_overlay{
    background-image: linear-gradient(0deg,#000 0%,rgba(64,84,178,0) 100%);
}