/*
Tehem Name: یک سایت ساده
Version: 1.0
Theme URI:
*/
.container {
  max-width: 1400px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.widget-box ul a{
color:#444;
}
:root {
    --demo-color: #0034ff;
}
/* Font Definitions */
@font-face {
    font-family: "Num-Bold";
    font-weight: normal;
    src: url("assets/fonts/Num-Bold.woff") format("woff");
}
@font-face {
    font-family: "Num-Medium";
    font-weight: normal;
    src: url("assets/fonts/Num-Medium.woff") format("woff");
}
@font-face {
    font-family: "Num-Light";
    font-weight: normal;
    src: url("assets/fonts/Num-Light.woff") format("woff");
}
@font-face {
    font-family: "AwesomePro";
    font-style: normal;
    font-weight: 300;
    font-display: auto;
    src: url("assets/fonts/AwesomePro.woff") format("woff");
}
@font-face {
    font-family: "AwesomeFree";
    font-style: normal;
	word-spacing:-1px;
    font-weight: 300;
    font-display: auto;
    src: url("assets/fonts/AwesomeFree.woff") format("woff");
}
body {
    background-color:#F6F6F8;
	font-family: Num-Light;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
	transition: all 0.3s ease;
    
}
*:hover {
  transition: all 0.3s ease;
}


a, a:hover {
    text-decoration: none;
	
}
strong{
    font-family: Num-Bold;
    font-weight: normal;
}
h1,h2,h3,h4,h5,h6{
    font-family:Num-Bold !important;
    line-height: 1.3;
    margin-bottom: 15px;
    font-weight: normal !important;
}
h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }



/* ===== Archive Blog ===== */
.archive-blog {
    margin: 40px auto;
    max-width: 1100px;
}

/* لیست پست‌ها */
.archive-posts-list {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

/* هر پست */
.archive-post-item {
    display: flex;
    gap: 20px;
    padding: 15px;
    border-radius: 6px;
    background: #fff;
}

/* تصویر */
.archive-post-item .thumb img {
    width: 220px;
    height: 150px;
    object-fit: cover;
    border-radius: 5px;
}

/* اطلاعات پست */
.archive-post-item .info {
    flex: 1;
}

/* عنوان */
.archive-post-item .title {
    margin: 0 0 10px;
    font-size: 18px;
	font-family: Num-Bold;
}

.archive-post-item .title a {
    color: #222;
    text-decoration: none;
}

.archive-post-item .title a:hover {
    color: var(--demo-color);
}

/* خلاصه */
.archive-post-item .excerpt {
    font-size: 14px;
    color: #555;
    line-height: 1.8;
    margin-bottom: 10px;
}

/* ادامه مطلب */
.read-more {
    display: inline-block;
    font-size: 13px;
    color: var(--demo-color);
    text-decoration: none;
}

.read-more:hover {
    text-decoration: underline;
}

/* ===== Pagination ===== */
.pagination {
    margin: 40px auto;
    text-align: center;
}

.pagination ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-flex;
    gap: 5px;
}

.pagination li {
    display: inline-block;
}

.pagination a,
.pagination span {
    padding: 10px 18px;
    border-radius: 4px;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    background: #fff;
}

.pagination .current {
    background: var(--demo-color);
    color: #fff;
}

.pagination a:hover {
    background:var(--demo-color);
    color: #fff;
}
/* ===== Single Post ===== */
.single-post {
    max-width: 850px;
    margin: 40px auto;
    line-height: 1.9;
}

.post-box {
    background: #fff;
    border: 1px solid #eee;
    padding: 25px;
    border-radius: 6px;
}

.post-title {
    font-size: 26px;
    margin-bottom: 15px;
    color: #222;
}

.post-meta {
    font-size: 14px;
    color: #666;
    margin-bottom: 20px;
}

.post-thumb img {
    width: 100%;
    height: auto;
    border-radius: 5px;
    margin-bottom: 25px;
}

.post-content {
    font-size: 16px;
    color: #444;
}
.post-content p{
  margin-bottom:10px;
}
.post-navigation {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.post-navigation a {
    color: var(--demo-color);
    font-size: 14px;
    text-decoration: none;
}

.post-navigation a:hover {
    text-decoration: underline;
}
.back-home {
    display: inline-block;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    transition: 0.2s;
    margin-bottom: 25px;
}

.back-home:hover {
    color:#3a4eff;
}

.top-nav {
	width:100%;
	height:auto;
	display: flex;
	margin: 20px auto;
	}
.top-nav ul {
	list-style:none;
	padding:0;
	margin:0;
	}
.top-nav ul li {
	float:right;
	position:relative;
	height: auto;
	margin-left: 5px;
	}
.top-nav ul li a {
	display:block;
	letter-spacing:-.02em;
	word-spacing:-2px;
	color:#666;
	background: #ddd;
	font-size: 16px;
	font-family: Num-Light;
	padding: 10px 15px;
	border-radius: 4px;
	}
.top-nav ul li a:hover {
	background:var(--demo-color);
    color:#fff;
}

.top-test {
  background: #e2edff;
  color: #5bafc8;
  padding: 20px;
  margin: 10px auto;
  border-radius: 4px;
}
.bottom-test {
  padding: 20px;
  margin:50px auto;
}



.story-page-content-layout {
    display: flex;
    gap: 30px;
    align-items: flex-start;
}

.left-sidebar {
    width: 25%;
}

.main-content {
    width: 75%;
}

.widget-box {
    padding: 15px;
    margin-bottom: 20px;
}

.widget-title {
    font-size: 18px;
    margin-bottom: 12px;
}

@media (max-width: 768px) {
    .story-page-content-layout {
        flex-direction: column;
    }

    .left-sidebar,
    .main-content {
        width: 100%;
    }
}