:root{
--primary:#0073b1;
--accent:#f06;
--blue:#00a8ff;
--green:#94d900;
}

*{
box-sizing:border-box;
}

html{
direction:rtl;
}

body{
margin:0;
padding:0;
direction:rtl;
overflow-x:hidden;
background:#f9f9f9;
font-family:Vazir,Tahoma,Arial,sans-serif!important;
font-size:14px;
line-height:1.7;
color:#333;
}

a{
text-decoration:none;
}

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

ul,li{
list-style:none;
margin:0;
padding:0;
}

.clear{
clear:both;
}


/* SEO H1 مخفی استاندارد */
.seo-title{
position:absolute!important;
width:1px!important;
height:1px!important;
padding:0!important;
margin:-1px!important;
overflow:hidden!important;
clip:rect(0,0,0,0)!important;
white-space:nowrap!important;
border:0!important;
}


/* بدنه */
.bg{
width:1100px;
max-width:100%;
margin:auto;
}


/* منو */
.main-top{
background:#0097c9;
overflow:hidden;
}

.main-top ul li{
float:right;
padding:6px 10px;
font-size:15px;
}

.main-top ul li a{
color:#fff;
}


/* هدر */
header{
background:#fff;
text-align:center;
overflow:hidden;
padding:25px 20px;
box-shadow:0 2px 6px rgba(0,0,0,.1);
}


.logo{
background:url(https://www.niloblog.com/images/khosh.webp) top right no-repeat;
float:right;
width:231px;
height:66px;
margin:10px;
}


.ads{
float:left;
width:468px;
height:60px;
padding:4px;
margin:15px;
border:1px solid #ddd;
}


/* ستون ها */
.middle{
overflow:hidden;
}


.right{
width:285px;
float:right;
margin:5px;
}


.center{
width:500px;
float:right;
margin:5px;
}


.left{
width:285px;
float:left;
margin:5px;
}



/* باکس ها */
.center-body,
.right-body{
overflow:hidden;
margin:7px 0;
}


.sub-head{
overflow:hidden;
padding:5px;
border-radius:5px 5px 0 0;
box-shadow:inset 0 -5px 0 -2px rgba(0,0,0,.2);
}


.center-body .sub-head{
background:var(--green);
}


.right-body .sub-head{
background:var(--blue);
}


.sub-head i{
float:right;
width:35px;
height:30px;
padding-top:5px;
font-size:22px;
text-align:center;
color:#fff;
background:rgba(0,0,0,.3);
border-radius:0 7px 7px 0;
}


/* عنوان ها */
.sub-head h2,
.sub-head h3{
float:right;
margin:5px;
font-size:15px;
font-weight:bold;
color:#fff;
}


.center-body .sub-head h1{
float:right;
display:block;
margin:5px;
padding:0;
font-size:16px;
line-height:30px;
font-weight:500;
color:#fff;
}


.center-body .sub-head h1 a{
display:block;
color:#fff!important;
font-size:16px;
}


/* دکمه بستن */
.sub-head span{
float:left;
margin:5px;
color:#fff;
}


.sub-body{
background:#fff;
border:1px solid #ddd;
}


/* متن */
.text{
padding:5px;
font-size:15px;
line-height:2;
}


.text p{
font-size:15px;
line-height:2;
margin-bottom:15px;
}



/* لیست */
.middle .sub-body ul li{
background:#eee;
margin:4px;
border-right:3px solid var(--blue);
}


.middle .sub-body ul li a{
display:block;
padding:5px;
color:#555;
font-size:13px;
}



/* پایین مطلب */
.post-bottom{
background:#f4f4f4;
margin:15px 5px;
overflow:hidden;
}


.post-bottom .span{
float:right;
padding:5px;
font-size:13px;
}



/* فوتر */
footer{
background:#333;
color:#fff;
padding:20px;
text-align:center;
}




/* تبلت */
@media(max-width:1100px){

.bg{
width:98%;
}


.center{
width:41%;
}


.right,
.left{
width:27%;
}

}




/* موبایل */
@media(max-width:768px){


html,body{
overflow-x:hidden;
}


.bg{
width:100%;
}


.middle{
display:block;
}


.center,
.right,
.left{
width:100%!important;
max-width:100%!important;
float:none!important;
margin:10px 0!important;
}



/* منو */
.main-top ul{
text-align:center;
}


.main-top ul li{
float:none!important;
display:inline-block;
}


/* لوگو */
.logo{
float:none!important;
margin:10px auto;
}


/* تبلیغ */
.ads{
float:none!important;
width:100%!important;
height:auto!important;
margin:10px auto;
}


.ads img{
width:100%;
}



/* عنوان مطلب موبایل */
.center-body .sub-head{
display:flex!important;
align-items:center;
height:auto!important;
min-height:45px;
overflow:visible!important;
}


.center-body .sub-head h1{
display:block!important;
visibility:visible!important;
opacity:1!important;
position:static!important;
float:none!important;
width:auto!important;
height:auto!important;
margin:5px!important;
padding:0!important;
overflow:visible!important;
clip:auto!important;
font-size:16px!important;
line-height:30px!important;
}


.center-body .sub-head h1 a{
display:block!important;
visibility:visible!important;
opacity:1!important;
color:#fff!important;
font-size:16px!important;
line-height:30px!important;
}



/* اطلاعات مطلب */
.post-bottom .span{
float:none!important;
display:block;
}


/* متن */
.text p{
font-size:14px;
}


}


/* ===== Footer Style ===== */
footer {
    width: 100%;
    background: #111827;
    color: #ddd;
    padding: 35px 20px 20px;
    margin-top: 40px;
    direction: rtl;
    box-sizing: border-box;
    border-top: 4px solid #0099cc;
}

.footer-block {
    width: 31%;
    display: inline-block;
    vertical-align: top;
    margin: 0 1%;
    background: rgba(255,255,255,0.05);
    padding: 20px;
    border-radius: 12px;
    box-sizing: border-box;
    min-height: 180px;
    transition: .3s;
}

.footer-block:hover {
    background: rgba(255,255,255,0.1);
    transform: translateY(-5px);
}

.footer-title {
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid rgba(255,255,255,.15);
    padding-bottom: 12px;
    margin-bottom: 15px;
}

.footer-title i {
    font-size: 22px;
    color: #00aaff;
}

.footer-title h6 {
    margin: 0;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}

footer .text {
    line-height: 2;
    font-size: 14px;
    color: #ccc;
}

footer .text a {
    color: #00aaff;
    text-decoration: none;
}

footer .text a:hover {
    color: #fff;
}


/* شبکه های اجتماعی */
.social {
    margin: 15px 0;
}

.social a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 38px;
    margin: 5px;
    background: #0099cc;
    color: #fff;
    border-radius: 50%;
    font-size: 18px;
    transition: .3s;
}

.social a:hover {
    background: #fff;
    color: #0099cc;
    transform: rotate(360deg);
}


/* خط پایین فوتر */
footer:after {
    content: "";
    display: block;
    clear: both;
}


/* موبایل */
@media(max-width:768px){

    .footer-block {
        width: 100%;
        margin: 10px 0;
        min-height: auto;
    }

    footer {
        padding: 25px 15px;
    }

    .footer-title h6 {
        font-size: 16px;
    }

    footer .text {
        font-size: 13px;
    }
}
/* ===== H1 Green Style ===== */

:root{
    --green:#94d900;
}


/* کادر عنوان */
.center-body .sub-head{
    background:#94d900!important;
    box-shadow:none!important;
}


/* رنگ متن h1 */
.center-body .sub-head h1,
.center-body .sub-head h1 a{
    color:#fff!important;
    background:transparent!important;
}


/* حذف مربع سیاه کنار h1 */
.sub-head i{
    background:transparent!important;
    border-radius:0!important;
}


/* حذف سایه و لکه */
.sub-head{
    box-shadow:none!important;
}


/* موبایل */
@media(max-width:768px){

    .center-body .sub-head{
        background:#94d900!important;
    }

    .center-body .sub-head h1{
        color:#fff!important;
    }

}

.text BlogExtendedPost a {
    display: inline-block;
    margin: 5px 0 0 0;
    padding: 7px 18px;
    background: #0099cc;
    color: #fff !important;
    border-radius: 20px;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    box-shadow: 0 3px 8px rgba(0,153,204,.25);
    transition: .3s;
}

.text BlogExtendedPost a:hover {
    background: #006699;
    transform: translateY(-2px);
}