/*
Theme Name: MovieSkin
Theme URI: https://monodev.ir
Author: mohammad nouri
Author URI: https://monodev.ir
Description: استایل اختصاصی فیلم و سریال طراحی و اجرا توسط محمد نوری
Version: 1.0 beta
*/
@font-face{font-family:'IRANSansX';font-style:normal;font-weight:normal;src:url('assets/font/IRANSansXFaNum-Regular.woff') format('woff'),url('assets/font/IRANSansXFaNum-Regular.woff2') format('woff2')}
@font-face{font-family:'IRANSansX';font-style:normal;font-weight:bold;src:url('assets/font/IRANSansXFaNum-Bold.woff') format('woff'),url('assets/font/IRANSansXFaNum-Bold.woff2') format('woff2')}
html{line-height:1.75;box-sizing:border-box;-webkit-text-size-adjust:100%;font-size:100%}
body{margin:0;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family: 'IRANSansX', sans-serif;background-color: black;font-size: .875rem;color: white;}
a{text-decoration:none;background-color:transparent;color:white}
ul{list-style:none;margin:0;padding:0}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:400}
button{outline:0;border:0;padding:0;background:0 0;cursor:pointer;font-family:'IRANSansX', sans-serif;}
input,textarea{outline:0;border:0;padding:0;font-family:'IRANSansX', sans-serif;}
figure{margin:0}
svg{vertical-align:middle}
img:not([src]):not([srcset]) { visibility: hidden; }
::-webkit-scrollbar{height:.375rem;width:.375rem}
::-webkit-scrollbar-track{-webkit-border-radius:0.5rem;border-radius:.5rem;background-color:rgb(250 250 250 / .05)}
.flex{display:-webkit-box;display:-ms-flexbox;display:flex;}
.radius{border-radius:.5rem}


.header {
    position: absolute;
    z-index: 95;
    top: 0;
    left: 0;
    right: 0;
    align-items: center;
    justify-content: space-between;
    height: 4.5rem;
    padding: 0 1rem;
    background: linear-gradient(to bottom, black 0, transparent);
}

.header button.menu {
    position: relative;
    z-index: 96;
    width: 1.5rem;
    height: 1.5rem;
}

.header button.menu>svg {
    width: 1.5rem;
    height: 1.5rem;
    fill: #fafafa;
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: center;
    transform: translate(-50%, -50%) rotate(0deg);
    opacity: 1;
    transition: opacity .25s ease, transform .25s ease;
}

.header button.menu svg.open {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg);
}
.header button.menu svg.close {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(-90deg);
}

.header button.menu.open svg.open {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(90deg);
}
.header button.menu.open svg.close {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg);
}

.header .logo{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

header > nav{
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 95;
    right: -100%;
    width: 100%;
    padding-top: 4.5rem;
    background: #1a1a1a;
    transition: right .3s ease-out;
}

header > nav.open{
    right: 0;
}

header > nav ul{
    flex-direction: column;
}

header > nav li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid rgb(255 255 255 / .03);
}

header > nav li::after {
    content: "";
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    width: 12px;
    height: 6px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='6' fill='white' viewBox='0 0 12.393 7.627'><g transform='translate(-490.31 -743.147)'><path d='M496.507,750.774a1.426,1.426,0,0,1-1.012-.419l-4.766-4.766a1.43,1.43,0,1,1,2.023-2.023l3.754,3.754,3.754-3.754a1.431,1.431,0,0,1,2.023,2.023l-4.766,4.766A1.426,1.426,0,0,1,496.507,750.774Z'/></g></svg>");
}

header > nav a{
    width: 100%;
    padding: 1rem;
    color: white;
}

.header a.login{
    z-index: 96;
    background: rgb(255 255 255 / .15);
    color: #fafafa;
    padding: .5rem 1rem;
    transition: ease-out .25s;
}
header button.panel{
    position: relative;
    z-index: 96;
}

header .panel img{
    border-radius: 0.5rem;
}

.header ul.panel{
    position: absolute;
    z-index: 100;
    top: 4rem;
    left: 1rem;
    -webkit-box-orient: vertical;
    flex-direction: column;
    visibility: hidden;
    border-radius: 0.5rem;
    box-shadow: .375rem .375rem .75rem rgb(0 0 0 / .05);
    padding: 0.75rem;
    background-color: rgb(16 16 16 / 0.9);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.header ul.panel.open{
    visibility: visible;
}

.header ul.panel li{
    margin-bottom: .75rem;
}

.header ul.panel li:last-child{
    margin-bottom: 0;
}

.header ul.panel li a{
    display: block;
    white-space: nowrap;
    color: white;
    font-size: 0.75rem;
}

.archive{-webkit-box-orient:vertical;flex-direction:column;padding:4.5rem 1rem 0;min-height:calc(100vh - 4.5rem)}
.archive>.biography{-webkit-box-orient:vertical;flex-direction:column;align-items:center}
.archive>.biography>.image>img{object-fit: cover; object-position: top; border-radius: 0.5rem; width: 6.25rem; height: auto;}
.archive>.biography>.about{margin-top:1rem;-webkit-box-orient:vertical;flex-direction:column}
.archive>.biography>.about>h2{text-align:center;font-weight: bold;color:#fafafa}
.archive>h2{justify-content:space-between;align-items:center;min-height:4rem;font-weight:bold;font-size:.875rem;color:#fafafa}
.archive>section{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    gap: 10px;  
}

.archive article.post-card{
    flex : 0 0 calc((100% - 20px) / 3);
}
.archive>span{justify-content:center}
.single {display: block;}

.single>.hero{position:relative;}
.single>.hero>.cover{position: absolute; top: 0; left: 0; bottom: 0; width: 100%; align-items: center; justify-content: center;}
.single>.hero>.cover>img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: top left;}
.single>.hero>.cover>.right{position:absolute;bottom:0;right:0;width:60%;height:100%;background:linear-gradient(to left,black,transparent)}
.single>.hero>.cover>.bottom{position:absolute;bottom:0;left:0;right:0;height: 50%; background: linear-gradient(to top, #000 0 100px, transparent);}
.single>.hero>.main{align-items:flex-end;padding:75vw 1rem 0}
.single>.hero>.main>.poster{position:relative;border-radius: 0.5rem;width:6.5rem;height:9.75rem;min-width: 6.5rem; min-height: 9.75rem;background-size: 1.5rem;}
.single>.hero>.main>.poster>img{border-radius:.5rem;width:6.5rem;height:9.75rem;min-width: 6.5rem; min-height: 9.75rem;}
a.favorite{position: relative; cursor: pointer; background: rgb(255 255 255 / 10%); margin-left: 1rem; display: flex; justify-content: center; align-items: center; border-radius: 0.5rem; width: 40px;}
a.favorite:hover{opacity:.75}
a.favorite>.icon{align-items:center}
a.favorite>.icon>svg{width: 2.125rem; height: 1.625rem; fill: #fafafa; fill-opacity: 1;}
a.favorite.done{background: #ffffff26;}
a.favorite.done svg{transition:all .5s;}
.single>.hero>.main>.content{position:relative;-webkit-box-orient:vertical;flex-direction:column;justify-content:flex-end}
.single>.hero>.main>.content>.fix{position: relative;}
.single>.hero>.main>.content>.fix>img{position: absolute;bottom: 0.25rem; width: 100%; height: auto; max-width: 12.5%;}
.single>.hero>.main>.content>p{color: white;font-size: 0.8rem;margin-bottom: 1.5rem;text-align:justify}
.single>.hero>.main>.content>h1>a{font-weight:bold;font-size:1.125rem;color:#fafafa}
.single>.hero>.main>.content>span{font-size:.75rem;color: #BDBDBD;}
.single>.hero>.main>.content>ul{display:none}
.single>.hero>.main>.content>div{flex-wrap:wrap;align-items:stretch;min-height:2rem}
.single>.hero .like{align-items:center;justify-content:center;margin-left: 1rem;margin-top: auto;}
.single>.hero .like>.icon{width:1.375rem;height:1.375rem}
.single>.hero .like>.icon>svg{fill:#fafafa}
.single>.hero .like>.count{margin-right:.125rem;font-size:.75rem;color:#fafafa}
.single>.hero .imdb{align-items:flex-start;justify-content:center;flex-direction: column;margin-left: 1rem;}
.single>.hero .imdb>.icon{margin-bottom:0.75rem;background:#f5c518;}
.single>.hero .imdb>.icon>svg{width: 28px;height: 16px;fill:black}
.single>.hero .imdb>.score{font-size:.75rem;color:#fafafa;line-height: 1;}
.single>.hero .imdb>.score > .vote-number{font-size: 1.2rem;font-weight:bold;color: #f5c518;}
.single>.hero>.main>.content>div>.duration{font-size:.75rem;color:#fafafa;margin-top: auto;}
.single>.hero>.extra{position:relative;align-items:center;flex-wrap:wrap;padding:1rem;font-size: 0.8rem;}
.single>.hero>.extra>span::before{content:'•';display:inline-block;vertical-align:middle;margin:0 .5rem 0 .25rem;color: white;}
.single>.hero>.extra>span:first-child::before{content:none}
.single>.hero>.extra>span>svg{vertical-align:middle;fill:white}
.single .age{display:inline-block;text-align:center;vertical-align:middle;border-radius:.5rem;padding:0 .25rem;height:1.25rem;color: #eee;border: 1px solid #eee;}
.single .age.tree{border:1px solid #8bc34a;color:#8bc34a}
.single .age.seven{border:1px solid #eee;color:#eee;}
.single .age.twelve{border:1px solid #ffca28;color:#ffca28;}
.single .age.eighteen{border:1px solid #ef5350;color:#ef5350;}
.single>.hero>.extra>.release{justify-content:center;min-height:2.25rem;flex-wrap:wrap;}
.single>.hero>.extra>.release>div{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;margin-left:.5rem;margin-top:0.5rem;border:.063rem solid rgba(249,253,0,.2);border-radius:.5rem;padding:0 .75rem;height:2rem;background:rgba(249,253,0,.04);font-size:.75rem;color:#ffc107}
.single>.hero>.extra>.release>div:last-child{margin-left:0}
.single>.hero>.extra>.release>div>div{width:1.5rem;text-align:center}

.single>.synopsis{
    margin: .5rem;
}
.single>.synopsis>p {
    font-size: .875rem;
    text-align: justify;
}
.single>.link {
    margin: .5rem;
}
.single>.link>div {
    margin-bottom: 1rem;
    border-radius:.5rem;
    padding: .5rem;
    background: rgb(250 250 250 / .075);
}
.single>.link>div>h3 {
    align-items: center;
    justify-content: space-between;
    margin-bottom: .5rem;
    min-height: 2.5rem;
    font-size: .938rem;
}
.single>.link>div>div {
    justify-content: space-between;
    align-items: center;
    margin-bottom: .5rem;
    border-radius:.5rem;
    padding: .5rem;
    background: rgb(255 255 255 / .05);
}

.single>.link>div>div:last-child {
    margin-bottom: 0;
}

.single>.link>div>div>ul {
    flex-wrap: wrap;
    align-items: center;
    margin-left: 0.5rem;
}
.single>.link>div>div>ul>li>span {
    font-weight: bold;
}
.single>.link>div>div>ul>li::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.5rem 0 0.25rem;
    border-right: .063rem solid rgb(255 255 255 / .1);
    height: 1rem;
}
.single>.link>div>div>ul>li:first-child::before{
    content:none
}
.single>.link>div>div>div>a {
    border-radius:.5rem;
    padding: .4rem .6rem;
    color: #fafafa;
}
.single>.link>div>div>div>.stream {
    background: #FFA726;
    margin-left: .5rem;
}
.single>.link>div>div>div>.download {
    background: #5691c8;
}

.single>.link>div>details {
    -webkit-box-orient: vertical;
    flex-direction: column;
    margin-bottom: .5rem;
    border-radius:.25rem;
    background: rgb(255 255 255 / .05);
}

.single>.link>div>details:last-child{margin-bottom:0}
.single>.link>div>details>summary{justify-content:space-between;align-items:center;outline:0;min-height:2.25rem;padding:.5rem;list-style:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;cursor:pointer}
.single>.link>div>details>summary:first-of-type{list-style-type:none}
.single>.link>div>details>summary::-webkit-details-marker,.single>.link>div>details>summary::marker{content:'';display:none}
.single>.link>div>details>summary>ul{justify-content:flex-start;align-items:center}
.single>.link>div>details>summary>ul>li::before{content:'';display:inline-block;vertical-align:middle;margin:0 .5rem;border-right:.063rem solid rgb(255 255 255 / .1);height:1rem}
.single>.link>div>details>summary>ul>li:first-child::before{content:none}
.single>.link>div>details>summary>ul>li>span{font-weight: bold;}
.single>.link>div>details>summary>span{align-items:center;justify-content:center;border-radius:.5rem;width:2rem;height:2rem;background:#5691c8;color:#fafafa;cursor:pointer}
.single>.link>div>details>div{justify-content:flex-start;flex-wrap:wrap;padding:0 .5rem}
.single>.link>div>details>div>span{margin-bottom:0.5rem;width: calc(50% - 0.25rem);}
.single>.link>div>details>div>span:nth-child(even){margin-right:0.5rem}
.single>.link>div>details>div>span>a{justify-content: center; align-items: center; min-height: 2.25rem; font-size: .75rem;}
.single>.link>div>details>div>span>.download{border-radius: 0 0.25rem 0.25rem 0; width: 100%; padding: 0 0.25rem; background: black}
.single>.link>div>details>div>span>.stream{border-radius: 0.5rem 0 0 .25rem; padding: 0 0.75rem; background: #FFA726; color: #fafafa;}
.single>.link>div>details>span{padding:0 .5rem .5rem}
.single>.link>div>details>span>img{border-radius:.5rem;background:rgb(250 250 250 / .075)}
.single>.link>div>details>span>span{-webkit-box-orient:vertical;flex-direction:column;align-items:flex-start;justify-content:flex-end;margin-right:.5rem}
.single>.link>div>details>div>ul{align-items:center;justify-content:space-between;border-radius:.5rem;width:100%;min-height:2.25rem;padding:.5rem;background:rgb(250 250 250 / .075);margin-bottom:.5rem}
.single>.link>div>details>div>ul>a {
    align-items: center;
    border-radius:.5rem;
    padding: .4rem .6rem;
    background: #5691c8;
    color: #fafafa;
}

.single>.link>div>details>div>ul>.download {
    background: #5691c8;
}

.single>.link>div>details>div>ul>.stream {
    background: #FFA726;
    margin-right: auto;
    margin-left: 0.5rem;
}

.single>div>div>h2,
.single>div>h2{
    display:-webkit-box;display:-ms-flexbox;display:flex;
    justify-content: space-between;
    align-items: center;
    min-height: 2.8rem;
    font-weight: bold;
    font-size: .938rem;
}

.single>.gallery{margin:.5rem}

.single>.gallery>ul{justify-content:flex-start;flex-wrap:wrap;}
.single>.gallery>ul>li{position:relative;margin-left:.75rem;margin-top:.75rem;width:calc(33.33% - .5rem);border-radius: 0.5rem;padding-top:33.33%;background-size: 1.5rem;cursor:pointer}
.single>.gallery>ul>li:nth-child(3n){margin-left:0}
.single>.gallery>ul>li:hover{opacity:.8}
.single>.gallery>ul>li>img{position:absolute;top:0;left:0;border-radius:.5rem;object-fit:cover;width:100%;height:100%}
.asyncGallery{position:fixed;z-index:102;top:0;bottom:0;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;background-color:rgba(0,0,0,.95);transition:opacity .2s,visibility .2s}
.asyncGallery.is-visible{opacity:1;visibility:visible}
.asyncGallery__Item{opacity:0;visibility:hidden;overflow:hidden;transition:opacity .2s,visibility .2s}
.asyncGallery__Item.is-visible{position:fixed;opacity:1;visibility:visible}
.asyncGallery__ItemImage img{display:block;width:100%;height:auto;max-height:60vh}
.asyncGallery__ItemDescription,.asyncGallery__Loader{color:#fafafa}
.asyncGallery__Loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none;color:#fafafa;z-index:100}
.asyncGallery__Loader.is-visible{display:block}
.asyncGallery button{background-color:transparent;border:0;outline:0;padding:0;font-size:0;cursor:pointer;height:1.25rem;width:1.25rem;background-size:1.25rem}
.asyncGallery__Close { position: absolute; top: 2.5rem; right: 2.5rem; display: inline-block; } .asyncGallery__Close::before { content: 'بازگشت'; position: absolute; top: 0; left: 0; font-size: 1rem; color: white; transform: translate(-50%, -50%); }
.asyncGallery__Counter{position:absolute;font-size:.938rem;color:#fafafa;right:2.5rem;bottom:2.5rem;z-index:555}
.asyncGallery__Dots{position:absolute;left:50%;bottom:2.5rem;display:flex;margin:0;padding:0;transform:translateX(-50%);list-style-type:none;z-index:1000}
.asyncGallery__Dots button{padding:0;width:.625rem;height:.625rem;background-color:#fafafa;border:0;outline:0;border-radius:50%}
.asyncGallery__Dots li{margin:.25rem;opacity:.2;transition:opacity .2s}
.asyncGallery__Dots li.is-active{opacity:1}
.asyncGallery__Next,.asyncGallery__Prev{position:absolute;top:50%;width:2.5rem;height:2.5rem;z-index:1000;transition:transform .2s,opacity .2s;transform:translateY(-50%)}
.asyncGallery__Next:disabled,.asyncGallery__Prev:disabled{opacity:.2;cursor:default}
.asyncGallery__Next{left:2.5rem}
.asyncGallery__Prev{right:2.5rem}
.asyncGallery__Next:before{content: "←"; font-size: 2rem;color: white; position: absolute; top: 0; left: 0; transform: translate(-50%, -50%);}
.asyncGallery__Prev:before{content: "→"; font-size: 2rem;color: white; position: absolute; top: 0; right: 0; transform: translate(-50%, -50%);}

.single>.twin{-webkit-box-orient:vertical;flex-direction:column;gap: 1rem;margin: 0.5rem;}
.single .trailer>div{position:relative;overflow:hidden;margin-top:1rem;border-radius:.5rem;padding-bottom:56.25%;width:100%}
.single .trailer>div>video{position:absolute;width:100%;height:100%;object-fit:cover}
.single>.twin>.information>h3{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;border-radius:.5rem;padding:0.5rem;background-color:rgb(255 255 255 / .075);font-size:.875rem}
.single>.twin>.information>ul{margin:1rem 2rem 1rem 0;text-align:justify}
.single>.twin>.information>ul>li{list-style:square;font-size:.875rem}
.single>.twin>.information>p{margin-right:1rem;text-align:justify;font-size:.875rem}
.single>.twin>.information>p>a{font-weight:bold;}

.single>.actor{margin:.5rem}
.single>.actor>ul{flex-wrap:wrap;margin-top:1rem;}
.single>.actor>ul>li{position:relative;width:calc(33.33% - .5rem);margin-left:.75rem;margin-bottom:1rem}
.single>.actor>ul>li>a{height: 100%;background-size: 1.5rem;}
.single>.actor>ul>li:nth-child(3n){margin-left:0}
.single>.actor>ul>li>a>img{border-radius:.5rem;width:100%;height:100%;object-fit:cover}
.single>.actor>ul>li>a>span{justify-content:center;align-items:flex-end;width:100%;height:50%;position:absolute;left:0;right:0;bottom:0;background:linear-gradient(to top, black 0.625rem,transparent);font-size:0.75rem}

.single>.related{margin:.5rem}
.single>.related>ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:flex-start;white-space:nowrap;overflow-x:auto;overflow-y:hidden;padding:.5em 0}
.single>.related>ul>li{margin-left:.75rem}
.single>.related>ul>li:last-child{margin-left:0}
.single>.related>ul>li>a{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:8.75rem;}
.single>.related>ul>li>a>div{display: flex;flex-direction: column; background-size: 1.5rem;}
.single>.related>ul>li>a>div>img{width:8.75rem;height:13.125rem;border-radius:.5rem}
.single>.related>ul>li>a>div>span{font-size: 0.75rem; font-weight: bold; margin-top: 1rem;margin-bottom: 1rem;}

.single>.rank-math-breadcrumb{margin:0 .5rem}
.single>.rank-math-breadcrumb>p>a,.single>.rank-math-breadcrumb>p>span{font-size:.875rem}

.feedback{-webkit-box-orient:vertical;flex-direction:column;margin:.5rem;}
.comment-respond{border-radius: 0.5rem;padding: 0 0.5rem 0.5rem;background: rgb(250 250 250 / .075);}
.comment-respond>h3{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;align-items:center;min-height:2.8rem;font-size:0.813rem}
.comment-form{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}
.comment-form>.right{-webkit-box-orient:vertical;flex-direction:column;margin-left:.5rem;width:100%}
.comment-form>.right>textarea{height:100%;padding:.5rem;border-radius:.5rem;background:rgb(255 255 255 / 7.5%);color:white}
.comment-form>.right>span{align-items:center;margin-top:.5rem;font-size:.75rem}
.comment-form>.right>span>input[type=checkbox].spoile{position: relative;-webkit-appearance:none;-moz-appearance:none; appearance: none; transition: background-color 0.3s; margin-left: 0.5rem; border: 1px solid rgb(255 255 255 / 0.1); border-radius: 0.25rem; width: 1.125rem; height: 1.125rem; padding: 0; background-color: transparent; cursor: pointer;}
.comment-form>.right>span>input[type=checkbox].spoile:checked{background:#5691c8}
.comment-form>.right>span>input[type=checkbox].spoile:checked:after{content: "✔"; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fafafa;}
.comment-form>.right>textarea::-webkit-input-placeholder{color:white}
.comment-form>.right>textarea:-moz-placeholder{color:white}
.comment-form>.left{-webkit-box-orient:vertical;flex-direction:column;width:40%}
.comment-form>.left>input{margin-bottom:.5rem;padding:.5em;border-radius:.5rem;background:rgb(255 255 255 / 7.5%);font-size:.75rem;color:white}
.comment-form>.left>input::-webkit-input-placeholder{color:white}
.comment-form>.left>input:-moz-placeholder{color:white}
.comment-form>.left>.submit,.submit{margin-bottom:0;background:#eceff1;color:#212121;cursor:pointer;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem}
.feedback>.comments{margin: 0 0.5rem 0.5rem;}
.feedback>.comments .comment-respond{margin-top:1rem}
.feedback>.comments .comment{margin-top:1.5rem;}
.feedback>.comments .children{margin-right:1.5rem;}
.comment>.meta{align-items:center}
.comment>.meta>img{margin-left:.5rem;border-radius: 0.5rem}
.comment>.meta>span:last-child{margin-right:auto}
.comment>.block{font-size:.813rem}
.comment>.block>details{margin:1rem 0;border-radius:.5rem;width:auto;background:rgb(255 255 255 / .1);color:white}
.comment>.block>details>summary{justify-content:flex-start;align-items:center;-moz-appearance:none;-webkit-appearance:none;appearance:none;cursor:pointer}
.comment>.block>details>summary:first-of-type{list-style-type:none}
.comment>.block>details>summary:first-of-type::-webkit-details-marker,.comment>.block>details>summary:first-of-type::marker{content:'';display:none}
.comment>.block>details>summary>span{align-items:center;justify-content:center;margin:.375rem;border-radius:.5rem;height:2rem;width:2rem;padding:0;background:#ffc107}
.comment>.block>details>summary>span>svg{fill:#fafafa}
.block>details>summary>svg{margin-right:auto;margin-left:.375rem}
.comment>.block>details>p{display:inline-block;margin-right:.875rem;font-size:.875rem}
.comment>.block>.comment-reply>.comment-reply-link{margin-left:auto;border-radius:.5rem;padding:.25rem .5rem;background:#20282f;font-size:.688rem;color:#fafafa}
.comment>.block>.comment-reply{justify-content:space-between}
.comment>.block>.comment-reply>.like{align-items:center;margin-top: 0;}
.comment>.block>.comment-reply>.like>.count{margin-right:.125rem;height:1rem;font-size:.75rem;color:#ffca28}
.comment>.block>.comment-reply>.like>.icon>svg{fill:#ffca28}
article.depth-2,article.depth-3,article.depth-4,article.depth-5{margin-top:1rem;margin-right:2rem}
.pagination{flex-wrap:wrap;justify-content:center;align-items:center;font-size:.875rem}
.pagination>a{margin-left:.25rem;margin-right:.25rem;border-radius:.5rem;padding:.5rem .75rem;background:rgb(255 255 255 / .075)}
.pagination>a:hover{opacity:.8}
.pagination>span{margin-left:.25rem;margin-right:.25rem;border-radius:.5rem;padding:.5rem 1rem;background:#ffa624;color:#fafafa}

footer>nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    z-index: 94;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgb(16 16 16 / 0.9);
    box-shadow: 0 -4px 15px rgb(12 12 12);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
footer>nav>ul {
    flex: 1;
    justify-content: space-between;
    align-items: stretch;
    height: 3.6rem;
}

footer>nav>ul>li {
    align-items: stretch;
    flex: 1;
}

footer>nav>ul>li>a {
    -webkit-box-orient: vertical;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
    font-size: .7rem;
    color: white;
    cursor: pointer;
}

footer>nav>ul>li>a>svg {
    margin-bottom: .3rem;
    width: 1.125rem;
    height: 1.125rem;
    fill: white;
    filter: drop-shadow(0 5px 5px rgb(0, 0, 0 , 1));
}

.footer {
    -webkit-box-orient: vertical;
    flex-direction: column;
    align-items: center;
    margin: 1rem;
    margin-bottom: 5rem;
}
.footer>div {
    text-align: center;
}

.footer>div>a>span {
    color: #fdd835;
}

.index{display: block;}

.embla {
    overflow: hidden;
}

.embla__container {
    display: flex;
}

div.embla.slider{position: relative;}

div.embla.slider .embla__slide {
    flex: 0 0 100%;
    position: relative;
}

div.embla.slider .cover {
    padding-bottom: 145vw;
}

div.embla.slider .cover img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top left;
}
div.embla.slider .cover .right{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60%;
    height: 100%;
    background: linear-gradient(to left, black, transparent);
}

div.embla.slider .cover .bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: linear-gradient(to top, black 0, transparent);
}

div.embla.slider .main{position: absolute;bottom: 4rem;right: 1rem;left:1rem; flex-direction: column;}
div.embla.slider .main img {max-width: 12.5%;height: auto;}
div.embla.slider .main h2{margin: 0.75rem 0;}
div.embla.slider .main h2 a{font-weight:bold;font-size: 1.125rem;color: white;}
div.embla.slider .main span{font-size: .75rem; color: #e3e3e3;}
div.embla.slider .main .resume{margin-top: 1rem;}
div.embla.slider .main .resume .download{margin-left: 0.5rem; border-radius: .5rem; padding: .25rem .5rem; color: black; align-items: center; background: white;}
div.embla.slider .main .resume .download > svg{margin-right: 0.25rem;height: 12px;width: 12px;}
div.embla.slider .main .resume .arrows{margin-right: auto;}
div.embla.slider .arrows{position: absolute;bottom: 4rem;left: 1rem;color: white;}
div.embla.slider .arrows button{padding: 0.5rem;}
div.embla.slider .arrows button svg{height:16px;width:16px;fill: white;}

div.embla.thumbs {
  overflow: hidden;
  position: relative;
  top: -1.5rem;
  margin: 0 1rem;
}

div.embla.thumbs .embla__container {
  display: flex;
  gap: 10px;
  padding: 2px 0;
}

div.embla.thumbs .embla__slide {
  flex: 0 0 120px;
  min-width: 120px; /* خیلی مهم */
  cursor: pointer;
  opacity: 0.4;
  transition: 0.2s ease;
  border-radius: 0.5rem;
  overflow: hidden;
  border: 1px solid rgb(255 255 255 / 10%);
}

div.embla.thumbs .embla__slide.is-active {
  opacity: 1;
}


div.embla.thumbs .embla__slide img {
  width: 100%;
  height: 70px;
  object-fit: cover;
  display: block;
}

div.embla.carousel{
    margin: 0 0.5rem 2rem;
}

div.embla.carousel > h3{
    justify-content: space-between;
    align-items: center;
    min-height: 4rem;
    font-size: .875rem;
    color: #fafafa;
}

div.embla.carousel > h3 span{
    font-weight: bold;
}

div.embla.carousel > h3 a{
    color: white;
    font-size: .813rem;
}

.carousel .embla__viewport {
  overflow: hidden;
  width: 100%;
}

.carousel .embla__container {
  display: flex;
  gap: 10px;
  touch-action: pan-y;
}

.carousel .vertical article.post-card{
      flex: 0 0 calc((100% - 20px) / 3);
}

.carousel .horizontal article.post-card{
      flex: 0 0 calc((100% - 10px) / 2);
}

.carousel .vertical .embla__slide div{
    padding-bottom: 150%;
}

.carousel .horizontal .embla__slide div{
    padding-bottom: 56.25%;
}


article.post-card a {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  min-width: 0;
  box-sizing: border-box;
  border-radius: 0.5rem;
  cursor: pointer;
  gap: 15px;
}

article.post-card a div{
    position: relative;
    width: 100%;
}

article.post-card a div img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top left;
    border-radius: .5rem;
    background-color: rgb(250 250 250 / .05);
}

article.post-card a ul{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-box-orient: vertical;
    flex-direction: column;
    justify-content: flex-end;
    opacity: 0;
    transition: all .3s;
    border-radius: 0 0 0.5rem 0.5rem;
    height: 100%;
    padding: .5rem;
    background: linear-gradient(to top, black 0, transparent);
}

article.post-card a:hover ul{opacity:1}

article.post-card a ul li{
    align-items: center;
    margin-top: 0.25rem;
    margin-left: auto;
    font-size: .75rem;
    color: #fafafa;
}

article.post-card a ul li.vote{
    line-height: 0.5;
}

article.post-card a ul li svg{
    fill: white;
    margin-left: 0.25rem;
}

article.post-card a span{
    overflow: hidden;
    color: #fafafa;
    font-size: .75rem;
}

.archive article.post-card .post-card-media{
    padding-bottom: 150%;
}

.drawer{
    position: fixed;
    z-index: 99;
    inset: 0;
    display: flex;
    flex-direction: column;
    background: black;
    opacity: 0;
    transform: scale(.96);
    pointer-events: none;
    transition: opacity .25s ease, transform .25s ease;
}

.drawer.open{
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;      /* وقتی باز شد قابل کلیک می‌شه */
}

.drawer button.close{
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    height: 15vh;
    padding: 0 1rem;
    font-size: 1rem;
    cursor: pointer;
    color: white;
}

.drawer button.close svg{
    margin-left: 0.25rem;
    width: 1.75rem;
    height: 1.75rem;
}

.drawer> div{
    -webkit-box-orient: vertical;
    flex-direction: column;
    align-items: stretch;
    margin: 15vh 1rem 0;
    
}

.drawer.search .row.search{
    -webkit-box-orient: vertical;
    flex-direction: column;
    width: 100%;
}

.drawer.search .row.search>form{
    position: relative;
    align-items: stretch;
    justify-content: space-between;
}

.drawer.search .keyword{
    border-radius: 0.5rem;
    height: 3.2rem;
    width: 100%;
    padding-right: .75rem;
    background: rgb(255 255 255 / .1);
    font-size: .75rem;
    color: white;
}

.drawer.search .keyword::-webkit-input-placeholder{color:white}
.drawer.search .keyword:-moz-placeholder{color:white}

.drawer.search .icon,
.drawer.search .hidden{
    display: none;
}

.drawer.search .row.search .filter{
    align-items: center;
    margin-right: 0.5rem;
    padding: 0 1rem;
    border-radius: 0.5rem;
    background-color: white;
    color: black;
}

.drawer.search .row.search .result{
    column-gap: 10px;
    row-gap: 40px;
    flex-wrap: wrap;
    overflow-y: auto;
    margin-top: 1rem;
    max-height: calc(85vh - 4.2rem);
}

.drawer.search .row.search .result p{
    margin: 2rem;
    font-size: .75rem;
    color: #fafafa;
    text-align: center;
    width: 100%;
}

.drawer.search .row.search .result .more{
    color: white;
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
    margin-bottom: 2rem;
    width: 100%;
}

.drawer.search .row.search .result .post-card{
    flex: 0 0 calc((100% - 20px) / 3);
}

.drawer.search .row.search .result .post-card .post-card-media{
    padding-bottom: 150%;
}

.drawer.search .row.filter{
    position: fixed;
    z-index: 100;
    top: 0;
    bottom: 0;
    right: -100%;
    order: 2;
    overflow: hidden;
    width: 100%;
    background: #1a1a1a;
    padding-bottom: 3.5rem;
    transition: right .3s ease-out;
}

.drawer.search .row.filter.open{
    right: 0;
}

.drawer.search .row.filter>.col{display:block;overflow-x:auto;margin-top:15vh;width:100%;max-height:75vh}
.drawer.search .row.filter>.col .post-type{align-items: center;padding: 0 0.5rem; height: 4.5rem;}
.drawer.search .row.filter>.col>.accordion{-webkit-box-orient:vertical;flex-direction:column}
.drawer.search .row.filter>.col>.accordion>.item{position:relative;border-bottom:.063rem solid rgb(255 255 255 / .03);width:100%}
.drawer.search .row.filter>.col>.accordion>.item>.button{align-items:center;justify-content: space-between; width:100%;height:3.5rem;padding:0 1rem;cursor:pointer;color:white}
.drawer.search .row.filter>.col>.accordion>.item>.option{display:none}
.drawer.search .row.filter>.col>.accordion>.item>.option:last-child{margin-bottom:.5rem}
.drawer.search .row.filter>.col>.accordion>.item>.option.open{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;flex-direction:column;margin-right:.625rem}
.drawer.search .row.filter>.col .option>label{position:relative;align-items:center;min-height:2rem;padding-right:2rem;padding-left:1rem;cursor:pointer;color:#fafafa}
.drawer.search .row.filter>.col input{position:absolute;opacity:0;height:0;width:0;cursor:pointer}
.drawer.search .row.filter>.col input:checked~.checkmark{background-color:#486fff}
.drawer.search .row.filter>.col input:checked~.checkmark:after{opacity:1}
.drawer.search .row.filter>.col .checkmark{position:absolute;right:.625rem;transition:background-color .25s ease;border-radius:.125rem;height:.875rem;width:.875rem;background-color:#eee}
.drawer.search .row.filter>.col .checkmark:after{content:"";position:absolute;top:.063rem;left:.313rem;opacity:0;transform:rotate(45deg);transition:opacity .25s ease;border:solid #000;border-width:0 .125rem .125rem 0;width:.188rem;height:.5rem}
.drawer.search .row.filter>.col>.extra{position:absolute;bottom:0;left:0;right:0;align-items:stretch;height:2.5rem;padding:.5rem;}
.drawer.search .row.filter>.col>.extra>button{display:block;transition:0s .5s;width:100%;padding:.5rem;background:#486fff;color:#fafafa}
.drawer.search .row.filter>.col>.extra>button:active{opacity:.5;transition:0s}

.drawer.favorite > div{
    max-height: 85vh;
    overflow-y: auto;
}

.drawer.favorite .login{
    margin-left: auto;
    margin-right: auto;
    display: flex;
    background: #F44336;
    justify-content: center;
    padding: 0.5rem;
    margin-top: 2rem;
    color: white;
}


.account{-webkit-box-orient:vertical;flex-direction:column;margin:4.5rem .5rem .5rem .5rem}
.account>.cover{position:fixed;z-index:-1;top:0;left:0;right:0;height:35vh;background-repeat:no-repeat;background-position:left top;-webkit-background-size:cover;background-size:cover}
.account>.cover>.bottom{position:absolute;bottom:0;width:100%;height:70%;background:linear-gradient(to top,black 0,transparent)}
.account>.avatar{-webkit-box-orient:vertical;flex-direction:column;align-items:center;justify-content:center}
.account>.avatar>img{border-radius: 0.5rem;height:4rem;width:4rem}
.account>.avatar>span{margin-top:1rem;font-size:.875rem}
.account>nav{justify-content:center;margin-top:.75rem;margin-bottom:1.25rem}
.account>nav>form>button{transition:all .3s;border-radius: 0.5rem;padding:.5rem 1rem;background:rgb(255 255 255 / .12);color:#fafafa}
.account>nav>form>button:hover{background:rgb(255 255 255 / .18)}
.account>nav>form>input{display:none}
.account>.message{position:fixed;z-index:98;top:.5rem;right:-100%;padding:.75rem 1.25rem;color:#fafafa;transition:right .3s ease-out;width:calc(100% - 3.5rem);max-width:40rem;border-radius:.5rem}
.account>.message.success{right:.5rem;background-color:#5691c8}
.account>.message.error{right:.5rem;background-color:#eb3349}
.account>.tabs>button{background-color:transparent;border:none;padding:0.313rem 0.625rem;cursor:pointer;transition:background-color .3s;color:#fafafa;border-radius:.5rem;margin-left:.5rem}
.account>.tabs>button.active{background:#eceff1;color:black}
.account>.content{min-height:50vh}
.account>.content>.tab{display:none}
.account>.content>.tab.active{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;flex-direction:column}
.account>.content>.tab>form{-webkit-box-orient:vertical;flex-direction:column}
.account>.content>.tab>form>label{margin-top:1rem;font-size:.875rem}
.account>.content>.tab>form>input,.account>.content>.tab>form>textarea{margin-top:1rem;border-radius:.5rem;padding:.75rem;background:rgb(255 255 255 / .075);font-size:.813rem;-webkit-text-fill-color:white;color:white}
.account>.content>.tab>form>input:-webkit-autofill,.account>.content>.tab>form>textarea:-webkit-autofill{transition:background-color 10000000s ease-in-out 0s;background-color:transparent!important}
.account>.content>.tab>form>select{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:1rem;border-radius:.5rem;border:0;outline:0;padding:.75rem;background:rgb(255 255 255 / .075);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='white'%3E%3Cpath fill='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath d='M12 15.0006L7.75732 10.758L9.17154 9.34375L12 12.1722L14.8284 9.34375L16.2426 10.758L12 15.0006Z'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position-x:0.5rem;background-position-y:50%;cursor:pointer;font-size:.875rem;font-family:iransansX;-webkit-text-fill-color:white;color:white}
.account>.content>.tab>form>select>option{background:#0e171e}
.account>.content>.tab>form>button{margin-top:1rem;border-radius:.5rem;padding:.5rem 1rem;background:#F44336;color:#fafafa;font-size:.875rem}
.account>.content>.tab>h4{margin-top:1rem;font-size:.875rem}
.favorite-box{justify-content:flex-start;align-items:stretch;flex-direction: column;margin-top: 1rem;}
.favorite-box>li{margin-bottom:1rem}
.favorite-box>li>a{align-items: flex-end;}
.favorite-box>li>a>img{border-radius:.5rem;width:60px;height:auto}
.favorite-box>li>a>.content{margin-right: 1rem;}
.favorite-box>li>a>.content h2{font-size: 15px;margin-bottom: 0.5rem;}
.favorite-box>li>a>.content svg{background: #f5c518;}
.favorite-box>li>a>.content span{margin-right: 0.25rem;font-size: 0.75rem;}

main.news{-webkit-box-orient:vertical;flex-direction:column;padding-top:8.5rem}
.article>h1{margin:1rem 0.5rem;font-size:1.5rem;font-weight: bold; color:#fafafa;}
.article h2{font-size:1rem;color:#fafafa}
.article>ul{align-items:center;margin: 1rem 0.5rem;}
.article>ul>img{height:2rem;width:2rem;border-radius:100%;margin-left:.5rem}
.article>ul>li{margin-left:.5rem}
.article>section{margin:0}
.article>.content{margin:1rem 0.5rem}
.article>.content img{border-radius:.5rem;width:100%;max-width:100%;height:auto}

.news-card{
    flex-direction: column;
    padding: 0.5rem;
    background-color: rgb(16 16 16 / 0.9);
}

.news-card img{
    width: 100%;
    height: auto;
}

.news-card .bottom{
    justify-content: space-between;
    align-items: center;
    font-size: 0.75rem;
    color: #E0E0E0;
    padding: 1rem 0.5rem 0.5rem;
    border-top: 1px solid rgb(255 255 255 / 0.05);
}

.news-card h2{
    margin: 0 0.5rem 1rem;
}
.news-card h2 a{
    font-weight: bold;
    font-size: 1rem;
}

@media only screen and (min-width: 480px) {
    .carousel .vertical article.post-card{
    flex: 0 0 calc((100% - 30px) / 4);
    }
    .carousel .horizontal article.post-card{
    flex: 0 0 calc((100% - 20px) / 3);
    }

    .archive article.post-card{
    flex: 0 0 calc((100% - 30px) / 4);
    }

    .single>.gallery>ul>li{width:calc(25% - .5625rem);padding-top:25%}
    .single>.gallery>ul>li:nth-child(3n){margin-left:.75rem}
    .single>.gallery>ul>li:nth-child(4n){margin-left:0}
    .single>.actor>ul>li {width: calc(25% - .5625rem);}
    .single>.actor>ul>li:nth-child(3n){margin-left:.75rem}
    .single>.actor>ul>li:nth-child(4n){margin-left:0}
}

@media only screen and (min-width: 640px) {
    .header>button.menu {
        display: none;
    }

    .header .logo{
        position: fixed;
		top: 1rem;
		left: auto;
        transform: none;
		border-bottom: 1px solid rgb(255 255 255 / 20%);
        padding-bottom: 1rem;
    }
	.header .logo > svg{
		width: 70px;
	}

    footer>nav>ul>li>a>svg{
        width: 1.2rem;
        height: 1.25rem;
    }

    .single,.archive,.account,.index,.news{
        margin-right: 100px;
    }

    .account{padding-right: 1rem;}

    .single>.link,
    .single>.gallery,
    .single>.twin,
    .single>.actor,
    .single>.related,
    .single>.rank-math-breadcrumb,
    .feedback{
        margin: 1rem;
    }
	
	


    div.embla.slider .cover{padding-bottom: 90vh}
    div.embla.slider .main img{max-width: 10%;}
    div.embla.slider .main h2{margin: 1.5rem 0;}
    div.embla.slider .main h2 a{font-size: 1.5rem}
    div.embla.slider .main span{font-size: 1rem}
    div.embla.slider .main .resume{margin-top: 1.5rem;}
    div.embla.slider .main .resume .download{font-size: 1rem;padding: .5rem 1rem;}
    div.embla.slider .arrows button svg{height: 20px;width: 20px;}
    div.embla.thumbs .embla__slide{flex: 0 0 180px;min-width: 180px;}
    div.embla.thumbs .embla__slide img{height: 100px;}
    div.embla.carousel{margin: 0 1rem 2rem;}


    .archive>.biography{margin-top:1.5rem;-webkit-box-orient:horizontal;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;align-items:flex-start;max-width:75%}
    .archive>.biography>.image>img{width:7.875rem}
    .archive>.biography>.about{margin-top:auto;margin-right:1rem;-webkit-box-orient:vertical;flex-direction:column}
    .archive>.biography>.about>h2{text-align:right}
	.single>.hero>.main{padding: 36vh 1rem 0;}
    .single>.hero>.main>.content>.fix>img{max-width: 17.5%;}
    .single>.hero>.cover>.bottom{height:35%;background: linear-gradient(to top, #000 0 10px, transparent);}
    .single>.gallery>ul>li{width:calc(20% - .6rem);padding-top:20%}
    .single>.gallery>ul>li:nth-child(4n){margin-left:.75rem}
    .single>.gallery>ul>li:nth-child(5n){margin-left:0}

    .single>.twin{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row}
    .single>.twin>.information{width:100%}
    .single .trailer{width:100%}
    .single .trailer>div{margin-top:0}

    .single>.actor>ul>li {width: calc(20% - .6rem);}
    .single>.actor>ul>li:nth-child(4n){margin-left:.75rem}
    .single>.actor>ul>li:nth-child(5n){margin-left:0}

    .account>.content,.account>.tabs{width: 100%;max-width: calc(40rem - 1rem);margin-left: auto;margin-right: auto;}
    
    header .logo{
        position: fixed;
    }
    header > nav{
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        margin-right: auto;
        margin-left: 1rem;
        width: auto;
        padding-top: initial;
        background: transparent;
        transition: auto;
    }

    header > nav.open{
        right: auto;
    }

    header > nav ul{
        flex-direction: row;
    }
    header > nav li{
        border-bottom: none;
    }
    header > nav li::after{
        content: none;
    }

    header > nav a{
    padding: 0.5rem;
    font-size: 1rem;
    color: white;
    }

    .footer{margin-bottom: 1rem;}
    footer>nav {
        width: 100px;
        top: 0;
        bottom: 0;
        right: 0;
        left: auto;
        padding-top: 4.5rem;
        box-shadow:none;
        background: transparent;
        border-left: 1px solid rgb(255 255 255 / 0.07);
    }
    footer>nav>ul{
        flex-direction: column;
    }
    footer>nav>ul>li>a{
        font-size: .8rem;
        padding: 1rem 0;
    }

    .drawer>div {
        -webkit-box-orient: horizontal;
        flex-direction: row;
        margin-top: 15vh;
    }

    .drawer.search .keyword{
        height: 4rem;
        padding-right: 1.5rem;
        font-size: .875rem;
    }
    .drawer.search>div>.row.search {
        order: 2;
        margin-left: 0;
        margin-right: 1rem;
    }

    .drawer.search .icon{
        position: absolute;
        left: 1.25rem;
        top: 1.25rem;
        display: inline;
        height: 1.5rem;
        width: 1.5rem;
        fill: white;
    }

    .drawer.search .row.search .result p{
        font-size: .875rem;
    }

    .drawer.search>div>.row.filter {
        position: relative;
        top: auto;
        bottom: auto;
        right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        flex-direction: row;
        order: 1;
        transition: none;
        border-radius: 0.5rem;
        max-width: 18.75rem;
    }

    .drawer.search .row.search .filter{
        display: none;
    }

    .drawer.search .row.filter>.col{
        margin-top: unset;
    }

    .drawer.search>div>.row.filter button.close{
        display: none;
    }

    .article>h1{margin: 1rem}
    .article>ul{margin: 1rem}
    .article>.content{margin:1rem}

    .news-card{
        flex: 0 0 calc((100% - 10px) / 2);
    }

}

@media only screen and (min-width: 800px) {

    .carousel .vertical article.post-card{
    flex: 0 0 calc((100% - 40px) / 5);
    }
    .carousel .horizontal article.post-card{
    flex: 0 0 calc((100% - 30px) / 4);
    }
    .archive article.post-card{
    flex: 0 0 calc((100% - 40px) / 5);
    }

.single>.hero>.main>.content>span{margin-bottom:1rem;font-size:0.875rem}	
.single>.hero>.main>.content>h1>a{font-size:1.375rem}	
.single>.hero>.main>.content>ul{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;flex-direction:column;margin-bottom:1rem}
.single>.hero>.main>.content>div{margin-bottom:1rem}
.single>.hero>.main>.content>ul>li{margin-top:.4rem;font-size:.813rem}
.single>.hero>.main>.poster{width:12.5rem;height:18.75rem;margin-bottom:-2.5rem}
.single>.hero>.main>.poster>img{width:12.5rem;height:18.75rem}
.single>.hero .like>.icon{width:2rem;height:2rem}
.single>.hero .like>.icon svg{width:2rem;height:2rem}
.single>.hero .like>.count{font-size:.875rem}
.single>.hero>.main>.content>div>.imdb>.score{font-size:.875rem}
.single>.hero>.main>.content>div>.imdb>.icon>svg{width:40px;height:22px}
.single>.hero>.main>.content>div>.duration{font-size:.875rem}

    .single>.link>div>div>div>a {
        padding: .6rem .8rem;
    }
    .single>.link>div>details>div>span {
        width: calc(25% - 0.375rem);
    }
    .single>.link>div>details>div>span:nth-child(4n + 2) {
        margin-left: 0.5rem;
    }
    .single>.gallery>ul>li{width:calc(16.66% - .625rem);padding-top:16.6%}
    .single>.gallery>ul>li:nth-child(5n){margin-left:.75rem}
    .single>.gallery>ul>li:nth-child(6n){margin-left:0}    
    
    .single>.actor>ul>li {width: calc(16.66% - .625rem)}
    .single>.actor>ul>li:nth-child(5n){margin-left:.75rem}
    .single>.actor>ul>li:nth-child(6n){margin-left:0}

    .drawer.search .row.search .result .post-card{
        flex: 0 0 calc((100% - 30px) / 4);
    }

    .news-card{
        flex: 0 0 calc((100% - 20px) / 3);
    }
}

@media only screen and (min-width:1024px) {
    .carousel .vertical article.post-card{
    flex: 0 0 calc((100% - 60px) / 7);
    }
    .carousel .horizontal article.post-card{
    flex: 0 0 calc((100% - 30px) / 4);
    }
    .archive article.post-card{
    flex: 0 0 calc((100% - 60px) / 7);
    }
    .single>.gallery>ul>li{width:calc(12.5% - .65625rem);padding-top:12.5%}
    .single>.gallery>ul>li:nth-child(6n){margin-left:.75rem}
    .single>.gallery>ul>li:nth-child(8n){margin-left:0}    
    .single>.actor>ul>li{width: calc(12.5% - .65625rem)}
    .single>.actor>ul>li:nth-child(6n){margin-left:.75rem}
    .single>.actor>ul>li:nth-child(8n){margin-left:0}   

    .drawer.search .row.search .result .post-card{
        flex: 0 0 calc((100% - 50px) / 6);
    }
    .news-card{
        flex: 0 0 calc((100% - 30px) / 4);
    }
}