@font-face{font-family:'IRANSansX';src:url(assets/fonts/IRANSansX-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'IRANSansX';src:url(assets/fonts/IRANSansX-DemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'IRANSansX';src:url(assets/fonts/IRANSansX-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
:root{--color-primary:#d10208;--color-gray:#e7e7e7;--color-white:#fff;--color-black:#1a1a1a;--color-text:#222}
html{font-size:62.5%;font-family:IRANSansX}
*{box-sizing:border-box;padding:0;margin:0;border:0}
body{direction:rtl;background:var(--color-white);color:var(--color-text);overflow-x:hidden;cursor:default;font-family:IRANSansX;font-size:1.4rem}
input,button,textarea{font-family:IRANSansX;font-size:13px;background:none;outline:0;color:#000000e6}
strong,b,h1,h2,h3{font-family:IRANSansX;font-weight:700}
strong,b{font-weight:600}
h1{font-size:2rem}
h2{font-size:1.8rem}
h3{font-size:1.6rem}
hr{border-bottom:1px solid var(--color-gray);margin:1em 0}
a{text-decoration:none;color:var(--color-text);transition:all 300ms ease-out}
a:hover{text-decoration:none;color:var(--color-primary)}
img{height:auto;display:block}
ul,li{border:0;padding:0;margin:0;list-style:none}
button,label{cursor:pointer}
:before,:after{transition:all .3s ease-out}
main{display:flex;flex-wrap:wrap;justify-content:space-between}
.container{max-width:1280px;margin:0 auto;overflow:hidden;width:100%}
.main-content{width:68%;order:1}
aside.sidebar{width:30%;order:2}
#header{margin-bottom:1em}
.top_header {
    background: #f5f5f5;
    border-bottom: 1px solid #eeeeee;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .4em 1em;
    font-size: 1.2rem;
}
.top_menu{display:flex;gap:1em}
.header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1em;background:#f7f7f7;height:80px;border-radius:0 0 1em 1em;padding:1em}
.mihanonline__logo a{display:flex;text-indent:-2000px;overflow:hidden;width:166px;height:50px;background:url(https://mihanonline.com/wp-content/themes/mihan/assets/images/logo.svg) no-repeat}
.mihan_menu,.mihan_search{display:flex;justify-content:center;align-items:center;width:32px;height:32px;background-repeat:no-repeat}
.side-menu{position:fixed;top:0;right:-300px;width:260px;height:100vh;background:var(--color-white);transition:right .3s ease;z-index:1001}
.side-menu.active{right:0}
.side-menu ul li a{font-size:1.4rem}
.side-menu ul li{display:flex;justify-content:space-between;padding:.8em 0;border-bottom:1px solid #f7f7f7}
.side-menu ul li:last-child{border-bottom:none}
.menu_links{margin:1em}
.close-menu{display:block;background:var(--color-text);color:var(--color-white);padding:1em;width:90%;border-radius:.5em;margin:1em auto}
.close-menu:hover{opacity:.9}
.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;opacity:0;visibility:hidden;transition:opacity .3s ease;z-index:1000}
.menu-overlay.active{opacity:1;visibility:visible}
.search-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;opacity:0;visibility:hidden;transition:.3s ease;z-index:999}
.search-overlay.active{opacity:1;visibility:visible}
.search-box{position:fixed;bottom:-200px;left:50%;transform:translateX(-50%);width:90%;max-width:400px;background:var(--color-white);padding:1.5em;border-radius:1em 1em 0 0;transition:bottom .3s ease;z-index:1000}
.search-box.active{bottom:0}
.search-input{width:100%;padding:.8em;font-size:1.6rem;border:1px solid var(--color-gray);border-radius:.6em;margin-bottom:1em}
.search-submit{width:100%;padding:1em;font-size:1.6rem;background:var(--color-text);color:var(--color-white);border-radius:.6em}
.news{background:linear-gradient(to bottom,#f2f2f2,#fff);margin-bottom:1em;padding:1em;border-radius:1em;border:1px solid #f2f2f2}
.news header{display:flex;gap:.2em;justify-content:space-between;align-items:center;padding:.5em 0;margin-bottom:1em;border-bottom:1px solid #ddd}
.news header h2{color:#666;font-size:2rem}
.news header a{font-size:1.2rem;background:#eee;padding:.3em .6em;border-radius:.5em;border:1px solid #e0e0e0}
.news-list{max-height:600px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#999 #f1f1f1}
.news-list li{display:flex;flex-direction:column;padding:.8em 0;gap:.4em;transition:all .4s cubic-bezier(0.4,0,0.2,1)}
.news-list li a{font-weight:600}
.news-list li span{font-size:1.2rem}
.news-list li span a{color:#444}
.side_links{border-radius:1em;padding:1em;border:1px solid #eee}
.side_links ul{display:flex;gap:.5em}
.side_links li{border-radius:.5em;border-color:#fbc7c5;background-color:#fef5f5}
.side_links li a{display:block;padding:.3em .7em;color:#a3231f}
.side_links li:hover{opacity:.7}
.content{display:grid;grid-template-columns:repeat(2,1fr);gap:.5em;margin-bottom:1em}
.content article{display:flex;padding:.5em;border:1px solid #e8e8e8;border-radius:.5em;gap:.5em}
.content article .image{display:flex}
.content article .image img{width:100px;height:100px;border-radius:.5em;object-fit:cover;transition:transform .3s ease}
.content .post{display:flex;flex-direction:column;justify-content:space-between}
article .image a{display:flex;align-items:center;width:100px;overflow:hidden;border-radius:.5em}
.content article:hover .image img{transform:scale(1.1)}
.post header h2{font-size:1.4rem}
.post footer{display:flex;gap:.6em;font-size:1.3rem}
.post-date{opacity:.7}
#single h1{font-size:2.6rem;margin:.2em 0}
#single header{display:flex;flex-direction:column;margin-bottom:1em}
#single header nav a{font-weight:600;color:inherit}
#single header nav a:nth-of-type(2){color:var(--color-primary)}
.content__single{font-size:1.4rem;line-height:2.2em;text-align:justify;min-height:100px;padding:0}
main.container{min-height:400px;padding:0}
.content__single img{width:100%;border-radius:.5em;margin-bottom:1em}
.content__single p{margin-bottom:2rem}
.post-meta{display:flex;justify-content:space-between;align-items:center}
.share{display:flex;position:relative}
.share-menu{position:absolute;top:130%;left:0;background:var(--color-white);border:1px solid #ddd;border-radius:.6em;box-shadow:0 4px 10px #00000014;padding:.5em;min-width:150px;display:none;flex-direction:column;z-index:999}
.share span{margin:.2em .7em;font-weight:700}
.share-item{display:block;padding:.5em .8em;font-size:1.3rem;color:var(--color-text);text-align:right;border-radius:2em}
.share-item:hover{background-color:#f4f4f4;color:var(--color-text)}
.related{margin:1em 0}
.related header{flex-direction:row!important;gap:.5em;align-items:center;margin-bottom:.5em!important;background:#f5f5f5;padding:1em .5em}
.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5em}
.related-news{background:#f5f5f5}
.related-news a{display:flex;gap:.5em}
.related-news img{width:80px}
.related-news h3{font-size:1.4rem;font-weight:400;margin-top:.5em}
.icon-left{fill:none}
.icon-share{opacity:.5;fill:none;width:20px!important}
.icon-car,.icon-money,.icon-sport,.icon-politics,.icon-health,.icon-cinema,.icon-music,.icon-social,.icon-tech,.icon-buying-guide,.icon-jobs,.icon-news,.icon-tourism{fill:none;width:20px!important;height:20px!important}
.menu-link:hover .right-side .icon{fill:#FFD54F}
.icon-search,.icon-content{fill:none}
.menu-link{display:flex;align-items:center;justify-content:space-between;width:100%}
.right-side{display:flex;align-items:center;gap:.5em;margin-right:.2em}
.icon{width:24px;height:24px}
#heading h1{padding:1em;margin-bottom:1em;font-size:1.8rem;background-image:linear-gradient(-45deg,#f7f7f7,transparent);border-radius:.5em;color:var(--color-primary)}
.price-widget{border:1px solid #e8e8e8;border-radius:1em;padding:1em;background:#fff;margin-bottom:1em}
.price-widget ul{font-size:1.4rem;display:flex;justify-content:space-around;gap:1em}
.price-widget .updated-at{display:block;font-size:1.1rem;opacity:.6}
.price-widget li{display:flex;flex-direction:column;align-items:center;gap:.5em;padding:1em;border-radius:1em}
.price-widget ul strong{color:var(--color-primary);font-size:1.8rem;font-weight:700}
.icon-dollar{fill:#00d0842b}
.icon-gold{fill:#fc0}
.site-footer{border-top:1px solid #eee;text-align:center;padding:1.5em 0;margin-top:1em}
.site-footer p{margin:.4em 0}
.site-footer a{color:var(--color-primary);font-weight:600}
.site-footer a:hover{opacity:.5}
.subcategories-container{display:flex;gap:.5em;margin-bottom:1em;flex-wrap:wrap}
.subcategory-link{border:1px solid #f3f3f3;padding:.5em .6em;border-radius:.5em}
.content__single li{padding:.2em 0;padding-right:1.5em;color:#4a5568;position:relative;transition:all .3s ease;cursor:pointer;border-radius:1em}
.content__single li:before{content:'';position:absolute;right:10px;top:50%;transform:translateY(-50%);width:7px;height:7px;background:#4299e1;border-radius:50%;transition:all .3s ease}
.content__single li:after{content:'';position:absolute;right:22px;top:50%;transform:translateY(-50%);width:0;height:2px;background:#4299e1;transition:width .3s ease;border-radius:1px}
.content__single li:hover{background:#4299e114;color:#2d3748;padding-right:35px}
.content__single li:hover:before{background:#3182ce;transform:translateY(-50%) scale(1.3)}
.content__single li:hover:after{width:10px}
.entry-footer{padding:1em 0;margin:1em 0;border-radius:1em}
.post-topics a{background:#eff2f5;padding:.3em .5em;border-radius:.5em;color:#606889}
.post-topics a:hover{background:#606889;color:#eff2f5}
.marketing-box-container{width:100%}
.marketing-box-header{display:flex;align-items:center;gap:.2em}
.close-button{color:#777;font-size:1.8em}
.marketing-box-label{color:#777;font-size:1.2rem}
.header-line{flex:1;height:1px;background-color:var(--color-gray);margin-right:.2em}
.pagination{display:flex;justify-content:center;gap:.5em;margin:2em 0;direction:ltr}
.pagination li a,.pagination li span{display:block;padding:.8em 1em;border:1px solid #eee;border-radius:.6em;color:#252525}
.pagination li a:hover{background-color:#f5f5f5;border:1px solid #ddd}
.pagination li .current{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}
@media (max-width: 1024px) {
.container{width:96%}
aside.sidebar,.main-content{width:100%}
.content{grid-template-columns:repeat(1,1fr)}
.related-grid{grid-template-columns:repeat(1,1fr)}
#single{margin:0 .3em}
.subcategories-container{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
.subcategory-link{flex:0 0 auto;display:inline-block}
.subcategories-container::-webkit-scrollbar{display:none}
.subcategories-container{-ms-overflow-style:none;scrollbar-width:none}
}