/*
Theme Name: oldWebLog Templdate

Author: mahmoud abdolmaleki
Author URI: https://wordpress.org/
Version: 1

*/



body{margin: 0;}
a{
text-decoration: none;
color:#2357db
}
ul{
  list-style: none; }


a:hover {
    text-decoration: underline; /* فقط هنگام هاور نمایش داده شود */
 color: #333;
}
.main{display: flex;}
.logo{
    background-image:  url('image/logo.jpg');
background-size: cover;
height: 311px;
}
.main{min-height: 70vh;
 width: 100%;
 flex-wrap: wrap;
 margin-top:5px ;
}
.sideLeft,.sideRight,.center{
    padding: 5px;
    border-radius: 5px;
}
.sideLeft,.sideRight

{
    min-height: 200px; 
    flex:1;
background-color: rgb(89, 182, 89);
text-align: center;

}

.sideLeft{order:1;}
.sideRight{order:3}
.center{order:2;flex:3}
.footer{
    min-height: 100px; 
    background-color:rgb(209, 209, 67);
    margin-top: 5px;

}
.post{
    margin: 20px;
}

/* منو در دسکتاپ */
.main-menu {
    list-style: none;
    margin: 0;
    padding: 8px;
    display: flex !important; 
     flex-direction: row; /* اطمینان از افقی بودن */
    gap: 0px;
    background: #565555;
  
    
}
.main-menu li {
    list-style: none;   /* حذف بولت آیتم */
}


.main-menu li a {
    color: #fff;
    text-decoration: none;
    padding: 8px 12px;
}

.main-menu li a:hover {
    background: #424140;
    border-radius: 5px;
}

/* دکمه منو پیش‌فرض مخفی */
#menu-toggle1 {
    display: none;
}

#menu1{
      background: #706767;
}
.hrPosts{

    
    border: 0;
    border-top: 2px dotted #9b9a9a; /* نقطه‌چین */
    margin: 20px 0;
    width: 80%;


}

.imgPostThum{
    width: 100px;
    
    border-radius: 8px;
}

.titlePost{
    display: inline-block;
    margin-right: 20px;
    color:#514f4f;
    margin-bottom: 2px;
}

.single-post-page {
    max-width: 900px;
    margin: 0 auto;
    padding: 20px;
}

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


.post-image img {
    width: 100%;
     height: auto;
    border-radius: 10px;
    margin-bottom: 20px;
}

.post-content {
    font-size: 1.1em;
    line-height: 1.8;
    color:#1f1e1e;
}

.post-meta {
    margin-top: 20px;
    font-size: 0.9em;
    color: #888;
}

.back-to-blog {
    display: inline-block;
    margin-top: 20px;
    padding: 8px 15px;
    background: #ff6600;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
}

.back-to-blog:hover {
    background: #e55b00;
}
.sideLeft ul {
    list-style: none; /* حذف بولت */
    padding: 0;       /* حذف فاصله داخلی */
    margin: 0;        /* حذف فاصله خارجی */
}

.footer-widgets {
    display: flex;
    justify-content: space-between;
    gap: 20px; /* فاصله بین ستون‌ها */
    padding: 40px 0;
    
    color: #fff;
}

.footer-column {
    flex: 1;
}

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

.footer-widget {
    margin-bottom: 20px;
    text-align: center;
}

.active{
    display: block;
}
.mySearch input{
	margin:10px;
	border-radius:3px;
	height:30px;
	padding:5px;
}
.mySearch button{
	width:100px;
	height:30px;
	padding:5px;
	border-radius:3px;
	font-weight:700;
}
.freshNews ul{
	
    padding-inline-start: 0;
    margin: 0; /* اگر بخواهید حاشیه هم حذف شود */
    list-style: none; /* اگر می‌خواهید بولت هم حذف شود */

}
.opinion{
	display:none;
}
.archiveDisable{
	display:none;
}
.post-row {
    display: flex;
   
    align-items: center; /* متن و تصویر در یک خط وسط چین شوند */
    gap: 15px; /* فاصله بین تصویر و متن */
}



.post-info {
    display: flex;
    flex-direction: row; /* عنوان و تاریخ کنار هم */
    justify-content: space-between; /* تاریخ چپ، عنوان راست */
    align-items: center;
    width: 100%; /* فضای باقی مانده را بگیرد */
}

.titlePost {
    margin: 0;
    font-size: 1.2em;
}

.post-date {
    font-size: 0.9em;
    color: #888;
    text-align: left;
}



/* موبایل */
@media (max-width: 768px) {
   .menu-menu-1-container {
        flex-direction: column; 
        display: none ; /* پیش‌فرض مخفی */
        width: 100%;
    }

.menu-menu-1-container.active {
    display: block; /* وقتی فعال شد، نمایش داده شود */
}

.menu-menu-1-container ul.main-menu {
    flex-direction: column;
   
}

    #menu-toggle1 {
        display: block; /* دکمه فقط در موبایل */
        background: #706767;
        color: #fff;
        border: none;
        padding: 10px 15px;
        /* margin: 10px 0; */
        border-radius: 6px;
        cursor: pointer;
    }
    .sideLeft,.sideRight{
     flex: 1 1 50%; /* هر کدام نصف عرض */
      order: 2;   }
  
    /* .sideLeft{order:1}
.sideRight{order:2} */
.center{order:1;  flex: 1 1 100%;}
}