@import "https://beta.inn.ir/assets/vendor/inn_ir/newspaper-v2/css/75a5047be68cf7a10e514d846951a595.css";
@import "https://beta.inn.ir/assets/vendor/dependency/css/variables.css";
@import "https://beta.inn.ir/assets/vendor/dependency/css/global.css";
@import "https://beta.inn.ir/assets/vendor/dependency/css/grids.css";
@import "https://beta.inn.ir/assets/vendor/dependency/css/iran-sans-x-fonts.css";


:root {
    --a-hover-color: #2A2E3A;
    --container-width: 1218px;
    /*--gap: 8px;*/
    /*--gap-revers: -8px;*/
}

body{background: #f2f2f2}
.row{padding-bottom:0;/* padding-top:*/}
a:hover{color:#2A2E3A}
.container{width:var(--container-width); margin:0 auto}
#main .row{padding-top: 0; margin-right:calc(var(--gap-revers) / 2) ; margin-left:calc(var(--gap-revers) / 2) }
#main [class^="col-"], #main .col-9{padding-right:calc(var(--gap) / 2) ; padding-left:calc(var(--gap) / 2) ;}
#menu .logo-alt img{aspect-ratio: auto}
#menu .logo-alt{max-width:70px;}
.home-sticky.col-9{padding-right:var(--gap); padding-left:var(--gap);}

.box-header:before{background: var(--a-hover-color)}
.box-header .title{font-size:16px; text-overflow: ellipsis; overflow:hidden; display:block; max-width:fit-content}
.box-header .archive{position: absolute; top:8px; left:8px;}

#top-header .networks{height:20px;}
#top-header .networks>ul>li{margin-right:6px; padding-right:6px;}
#top-header .networks>ul>li:after{display:none; width:0}
#top-header .networks>ul>li a{width:20px; height:20px; padding:4px; background:#2A2E3A}
#top-header .networks>ul>li a:hover{background:#2a2e3a}

#main-header{z-index:12}
#main-header .search button{background:#2A2E3A}
#main-header .logo{width:auto; display:block; position:relative}
#main-header .logo a{display:block; height:100%;}
#main-header .logo figcaption{position: absolute;right: calc(100% - 8px);top: 50%;transform: translateY(-50%);line-height: normal;font-size: 11px;color: #999;}
#menu:before{background:#2A2E3A; border-bottom-color:rgba(255,255,255,0.5)}
#menu .row{border-right-color:rgba(255,255,255,0.5); border-left-color:rgba(255,255,255,0.5);}
#menu .logo-alt a{width:85px; height:100%; aspect-ratio:19 / 6}
#menu .main-menu > li .menu-name a{color:#FFFFFF}

#main>.wrapper>.container{width:calc(var(--container-width) + (var(--gap) * 2));}

#locationbar{background:#ECECEC;}
#locationbar .col-12{padding:0}
#locationbar .locationbar-items{display:flex; color:#A8A8A8;}
#locationbar .locationbar-items li{padding-left:4px; margin-bottom:16px;}
#locationbar .locationbar-items li:after{content:"/"; margin-right:2px; display:inline-block; vertical-align:sub}
#locationbar .locationbar-items li:last-child:after{content:"";}
#locationbar .locationbar-items li a{color:#A8A8A8}

#case{background:#ECECEC; position:relative}
#case .col-12{padding:0}
#case>img{display:none/*width:100%; height:100%; position:absolute; top:0; left:0; object-fit: cover;*/}

#search{background:#ECECEC; position:relative}
#archive{background:#ECECEC; position:relative}


[data-theme].white-background{background:#fff}
[data-theme].white-background .box-header{background:#fff !important; padding-right:var(--gap) !important; padding-left:var(--gap) !important;}
[data-theme].white-background .box-filters{background:#fff !important; padding-right:var(--gap) !important; padding-left:var(--gap) !important;}
[data-theme].white-background .box-stage{background:#fff !important; width:100% !important; padding:calc(var(--gap) / 2) !important; margin-left:0 !important; margin-right:0 !important}
[data-theme].dark-background{background:#3B3B3B}
[data-theme].dark-background .box-header{background:#3B3B3B !important; padding-right:var(--gap) !important; padding-left:var(--gap) !important;}
[data-theme].dark-background .box-header .title{color:#fff}
[data-theme].dark-background .box-stage{background:#3B3B3B !important; width:100% !important; padding:calc(var(--gap) / 2) !important; margin-left:0 !important; margin-right:0 !important}
[data-theme].dark-background .item-content .details .date{color:#999999 !important}
[data-theme].dark-background .box-stage .item-content .details .title a{color:#fff}
[data-theme="card-and-list"].dark-background .item-content .details .title a:hover{color:var(--a-hover-color)}
[data-theme="card-and-list"].dark-background .item-content:first-child .details{border-bottom-color:#666666}

/*#main .container .container{width:calc(100% + (var(--gap) * 2)); margin-right:var(--gap-revers); margin-left:var(--gap-revers)}*/

/*
[data-theme="blank"]{}
[data-theme="blank"] .box-stage{width:100%;}
[data-theme="blank"] .swiper{}
[data-theme="blank"] .swiper-wrapper{}
[data-theme="blank"] .swiper-slide{}
[data-theme="blank"] .item-content{}
[data-theme="blank"] .thumbnail{line-height:0; height:100%}
[data-theme="blank"] .thumbnail img{width:100%; height:100%; object-fit: cover}
[data-theme="blank"] .details{}
[data-theme="blank"] .details .suptitle{}
[data-theme="blank"] .details .title{}
[data-theme="blank"] .details .title a{}
[data-theme="blank"] .details .lead{}
[data-theme="blank"] .details .service{}
[data-theme="blank"] .details .service a{}
[data-theme="blank"] .details .author{}
[data-theme="blank"] .details .author a{}
[data-theme="blank"] .details .date{}
*/

[data-theme="newspaper-page-numbers"]{}
[data-theme="newspaper-page-numbers"] .box-stage{padding:0 !important}
[data-theme="newspaper-page-numbers"] .page-numbers{}
[data-theme="newspaper-page-numbers"] .page-numbers>li{display:flex; flex-wrap: wrap; margin-bottom:8px; border-bottom:1px solid #DADADA; padding:0 8px 8px}
[data-theme="newspaper-page-numbers"] .page-numbers>li:last-child{border-bottom:0; margin-bottom:0}
[data-theme="newspaper-page-numbers"] .page-numbers>li .pn-header{display:flex; flex-direction:column; justify-content: center; align-items: center; margin-left:auto}
[data-theme="newspaper-page-numbers"] .page-numbers>li .pn-title{font-size:14px;}
[data-theme="newspaper-page-numbers"] .page-numbers>li .pn-items{display:flex; flex-direction: row-reverse; flex-wrap: wrap; margin-right:auto}
[data-theme="newspaper-page-numbers"] .page-numbers>li .pn-items a{width:30px; height:30px; line-height:30px;margin:4px; text-align:center; display:block; font-size:16px; background:#D9D9D9; color:#424242; border-radius:4px}
[data-theme="newspaper-page-numbers"] .page-numbers>li .pn-items a:hover{background:#E9E9E9;}
[data-theme="newspaper-page-numbers"] .page-numbers>li .pn-items a.selected{background:#2E3785; color:#fff}

[data-theme="newspaper-page-downloads"]{}
[data-theme="newspaper-page-downloads"] .box-downloads-views{}
[data-theme="newspaper-page-downloads"] .page-downloads-views{}
[data-theme="newspaper-page-downloads"] .page-downloads-views li{margin-bottom:8px;}
[data-theme="newspaper-page-downloads"] .page-downloads-views li:last-child{margin-bottom:0;}
[data-theme="newspaper-page-downloads"] .page-downloads-views li a{display:flex; width:100%; height:45px; padding:0 32px; justify-content: center; align-items: center; background:#D9D9D9; color:#424242; border-radius:8px}
[data-theme="newspaper-page-downloads"] .page-downloads-views li a:hover{background:#E0E0E0;}
[data-theme="newspaper-page-downloads"] .page-downloads-views li a span{margin-left: auto; order:1; font-size:14px;}
[data-theme="newspaper-page-downloads"] .page-downloads-views li a svg{margin-right: auto; order:2}


[data-theme="newspaper-stage"]{}
[data-theme="newspaper-stage"] .box-header{display:flex;}
[data-theme="newspaper-stage"] .box-header .date{margin-right:auto; line-height:24px; padding:0 8px; border-radius:4px}
[data-theme="newspaper-stage"].box>.box-stage{padding:16px 16px 16px !important}
[data-theme="newspaper-stage"] .newspaper-component-container{position:relative; box-shadow:0 0 10px rgba(0,0,0,0.2);}
[data-theme="newspaper-stage"] .newspaper-component-image{position:relative; z-index:0}
[data-theme="newspaper-stage"] .newspaper-component-backdrop,
[data-theme="newspaper-stage"] .newspaper-component-areas{position:absolute; top:0; left:0; right:0; bottom:0}
[data-theme="newspaper-stage"] .newspaper-component-areas .area-item{position:absolute; cursor:pointer}

[data-theme="newspaper-stage"] .newspaper-component-container{position:relative; overflow: hidden}
[data-theme="newspaper-stage"] .newspaper-component-container .newspaper-component-image{width:100%;}
[data-theme="newspaper-stage"] .newspaper-component-container .newspaper-component-image img{width:100%;}
[data-theme="newspaper-stage"] .newspaper-component-container .newspaper-component-backdrop,
[data-theme="newspaper-stage"] .newspaper-component-container .newspaper-component-areas{position:absolute; top:0; left:0; right:0; bottom:0}
[data-theme="newspaper-stage"] .newspaper-component-container .newspaper-component-backdrop>div{position:absolute; backdrop-filter:blur(1px);background:rgba(0,0,0,0.3); opacity:0; transition:opacity ease-out 0.3s}
[data-theme="newspaper-stage"] .newspaper-component-container .newspaper-component-backdrop>div.show{opacity:1;}
[data-theme="newspaper-stage"] .newspaper-component-container .newspaper-component-backdrop>div.backdrop-top,
[data-theme="newspaper-stage"] .newspaper-component-container .newspaper-component-backdrop>div.backdrop-bottom{height:0; left:0; right:0}
[data-theme="newspaper-stage"] .newspaper-component-container .newspaper-component-backdrop>div.backdrop-right,
[data-theme="newspaper-stage"] .newspaper-component-container .newspaper-component-backdrop>div.backdrop-left{width:0;height:0}
[data-theme="newspaper-stage"] .newspaper-component-container .newspaper-component-backdrop>div.backdrop-top{top:0}
[data-theme="newspaper-stage"] .newspaper-component-container .newspaper-component-backdrop>div.backdrop-bottom{bottom:0}
[data-theme="newspaper-stage"] .newspaper-component-container .newspaper-component-backdrop>div.backdrop-right{right:0}
[data-theme="newspaper-stage"] .newspaper-component-container .newspaper-component-backdrop>div.backdrop-left{left:0}

[data-theme="newspaper-stage"] .newspaper-component-container .newspaper-component-areas .area-item{position:absolute; cursor:pointer}
[data-theme="newspaper-stage"] .newspaper-component-container .newspaper-component-areas .area-item .external-link-inline-wrapper{position:absolute; top:0; left:0; right:0; bottom:0}
[data-theme="newspaper-stage"] .newspaper-component-container .newspaper-component-areas .area-item .external-link-inline-wrapper a{position:absolute; top:0; left:0; right:0; bottom:0}
[data-theme="newspaper-stage"] .newspaper-component-container .newspaper-component-areas .area-item .external-link-inline-wrapper ~ a{display:none;}
[data-theme="newspaper-page-items"]{}
[data-theme="newspaper-page-items"] .box-stage{width:100%; margin-top:calc(var(--gap) / 2)}
[data-theme="newspaper-page-items"] .box-stage ul.page-items{padding:0 16px}
[data-theme="newspaper-page-items"] .box-stage ul.page-items li{position:relative; display:flex; margin-bottom:calc(var(--gap) / 2);}
[data-theme="newspaper-page-items"] .box-stage[data-tab] ul.page-items li{position:relative; margin-bottom:calc(var(--gap) / 2); padding-bottom:calc(var(--gap) / 2); border-bottom:1px solid #d4d4d4}
[data-theme="newspaper-page-items"] .box-stage[data-tab] ul.page-items li:last-child{border-bottom:none;}
[data-theme="newspaper-page-items"] .box-stage ul.page-items li:before{content:""; width:6px; min-width:6px; max-width:6px; height:6px; min-height:6px; max-height:6px; margin-left:8px; margin-top:9px; background:#707070; transition:transform ease-out 0.2s}
[data-theme="newspaper-page-items"] .box-stage ul.page-items li:hover:before{background:#da2127; transform:rotate(-45deg)}
[data-theme="newspaper-page-items"] .box-stage .title{font:var(--title-font-c); font-weight:normal}
[data-theme="newspaper-page-items"] .box-stage:not([data-tab]) ul .item-content .title{font-weight:normal}
[data-theme="newspaper-page-items"] .box-stage .title a{}
[data-theme="newspaper-page-items"] .box-stage .title a:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0;}

.box[data-theme="carousel-stage"]{}
.box[data-theme="carousel-stage"] .box-stage{padding:8px 16px 16px !important}
.box[data-theme="carousel-stage"] .swiper{height:250px;}
.box[data-theme="carousel-stage"] .swiper .carousel-stage{height:100%; aspect-ratio:3 / 4.25; display:block; overflow: hidden}
.box[data-theme="carousel-stage"] .swiper .carousel-stage img{width:100%; height:100%; aspect-ratio:3 / 4.25; object-fit:cover}
.box[data-theme="carousel-stage"] .swiper .swiper-slide{width:auto; box-shadow:0 0 8px rgba(0,0,0,0.3); overflow: hidden; margin:8px; height: calc(100% - 16px)}
.box[data-theme="carousel-stage"] .swiper .swiper-button-next,
.box[data-theme="carousel-stage"] .swiper .swiper-button-prev{padding:4px; box-sizing:content-box; border-radius:8px; background:rgba(0,0,0,0.4); box-shadow:0 0 3px rgba(255,255,255,0.7); color:#fff; backdrop-filter:blur(5px)}
.box[data-theme="carousel-stage"] .swiper .swiper-button-next.swiper-button-disabled,
.box[data-theme="carousel-stage"] .swiper .swiper-button-prev.swiper-button-disabled{opacity:0}
.box[data-theme="carousel-stage"] .swiper .swiper-button-next:after,
.box[data-theme="carousel-stage"] .swiper .swiper-button-prev:after{font-size:24px;}
.box[data-theme="carousel-stage"] .swiper .swiper-button-next,
.box[data-theme="carousel-stage"] .swiper .swiper-rtl .swiper-button-prev{left:0; border-radius:0 8px 8px 0;}
.box[data-theme="carousel-stage"] .swiper .swiper-button-prev,
.box[data-theme="carousel-stage"] .swiper .swiper-rtl .swiper-button-next{right:0; border-radius:8px 0 0 8px;}

[data-theme="calendar-sidebar-stage"] .calendar-sidebar{direction: ltr; display:table; width:100%; position:relative;}
[data-theme="calendar-sidebar-stage"] .calendar-sidebar:after{content:""; position:absolute; top:0; left: 0; right:0; bottom: 0}
[data-theme="calendar-sidebar-stage"] .calendar-sidebar>*{filter: blur(5px)}
[data-theme="calendar-sidebar-stage"] .calendar-sidebar.loaded:after{right:auto; bottom:auto; display:none}
[data-theme="calendar-sidebar-stage"] .calendar-sidebar.loaded>*{filter:none}

[data-theme="calendar-sidebar-stage"] .datepicker-plot-area{border:none; box-shadow:none; font:inherit}
[data-theme="calendar-sidebar-stage"] .datepicker-plot-area .toolbox{display:flex;}
[data-theme="calendar-sidebar-stage"] .datepicker-plot-area .toolbox .pwt-btn-today{margin-right: auto; margin-left: 0}
[data-theme="calendar-sidebar-stage"] .datepicker-plot-area .toolbox .pwt-btn-calendar{margin-left: auto; margin-right: 0}
[data-theme="calendar-sidebar-stage"] .datepicker-plot-area .datepicker-day-view .table-days td{padding:2px;}
/*[data-theme="calendar-sidebar-stage"] .datepicker-plot-area .datepicker-day-view .table-days td[data-id]:before{content:""; position:absolute; top:5px; left:5px; width:5px; height:5px; border-radius:5px; background:#da2127}*/
[data-theme="calendar-sidebar-stage"] .datepicker-plot-area .datepicker-day-view .table-days td{opacity:1}
[data-theme="calendar-sidebar-stage"] .datepicker-plot-area .datepicker-day-view .table-days td[data-id]{opacity:1}
[data-theme="calendar-sidebar-stage"] .datepicker-plot-area .datepicker-day-view .table-days td span{border-radius:4px; background:#E9E9E9; color:#424242; font-size:16px; height:30px; line-height:30px;}
[data-theme="calendar-sidebar-stage"] .datepicker-plot-area .datepicker-day-view .table-days td span.other-month{display:none}
[data-theme="calendar-sidebar-stage"] .datepicker-plot-area .datepicker-day-view .table-days td.selected span{background:#2E3785 !important; color:#fff; text-shadow:none;}
[data-theme="calendar-sidebar-stage"] .datepicker-plot-area .datepicker-day-view .table-days td.today span{font-weight:bold; text-shadow:none; background:#E9E9E9;}
[data-theme="calendar-sidebar-stage"] .datepicker-plot-area .datepicker-day-view .table-days td.disabled span{background:transparent; color:#ccc}
[data-theme="calendar-sidebar-stage"] .datepicker-plot-area .datepicker-navigator{display:flex;}
[data-theme="calendar-sidebar-stage"] .datepicker-plot-area .datepicker-navigator>div{font-size:14px; height:30px; line-height:30px;}
[data-theme="calendar-sidebar-stage"] .datepicker-plot-area .datepicker-navigator .pwt-btn-prev{margin-right:auto; font-size:0; color:transparent; background:  url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE2IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjYzNTE4IDUuMzQxOTlIMTIuOTA1NkwxMC43OTQxIDcuNDUzNUMxMC4xODc2IDguMDU5OTkgMTEuMDk3NCA4Ljk2OTcgMTEuNzAzOSA4LjM2MzJMMTMuNjI2OSA2LjQzNzIyTDE0LjkxMDYgNS4xNTE1MUMxNS4xNTk0IDQuOTAxMjMgMTUuMTU5NCA0LjQ5NzAzIDE0LjkxMDYgNC4yNDY3NkwxMS43MDM5IDEuMDM2MzJDMTEuNTgxOSAwLjkxMDk1MSAxMS40MTM5IDAuODQwNjA4IDExLjIzOSAwLjg0MjA2M0MxMC42NjE0IDAuODQyMTM2IDEwLjM3OCAxLjU0NTYxIDEwLjc5NDEgMS45NDYxTDEyLjkxMDYgNC4wNTc2MUgxLjYwMTk4QzAuNzEyNDgyIDQuMTAxNzQgMC43Nzg4OTYgNS4zODYyNyAxLjYzNTE4IDUuMzQxOTlaIiBmaWxsPSIjRUUxRjI1Ii8+Cjwvc3ZnPgo=') no-repeat center center; border-radius:4px; box-shadow:4px 4px 12px rgba(0,0,0,0.1),0 0 3px rgba(0,0,0,0.05)}
[data-theme="calendar-sidebar-stage"] .datepicker-plot-area .datepicker-navigator .pwt-btn-switch{width:fit-content; margin:0 10%; color:#424242;}
[data-theme="calendar-sidebar-stage"] .datepicker-plot-area .datepicker-navigator .pwt-btn-next{margin-left: auto; font-size:0; color:transparent; background:   url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE2IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNC40MjU0IDUuMzQxOTlIMy4xNTQ5NUw1LjI2NjQzIDcuNDUzNUM1Ljg3MjkzIDguMDU5OTkgNC45NjMxOCA4Ljk2OTcgNC4zNTY2NyA4LjM2MzJMMi40MzM2OCA2LjQzNzIyTDEuMTQ5OTggNS4xNTE1MUMwLjkwMTE4OSA0LjkwMTIzIDAuOTAxMTg5IDQuNDk3MDMgMS4xNDk5OCA0LjI0Njc2TDQuMzU2NjcgMS4wMzYzMkM0LjQ3ODY4IDAuOTEwOTUxIDQuNjQ2NjEgMC44NDA2MDggNC44MjE1OCAwLjg0MjA2M0M1LjM5OTEzIDAuODQyMTM2IDUuNjgyNTcgMS41NDU2MSA1LjI2NjQzIDEuOTQ2MUwzLjE0OTkzIDQuMDU3NjFIMTQuNDU4NkMxNS4zNDgxIDQuMTAxNzQgMTUuMjgxNyA1LjM4NjI3IDE0LjQyNTQgNS4zNDE5OVY1LjM0MTk5WiIgZmlsbD0iI0VFMUYyNSIvPgo8L3N2Zz4K') no-repeat center center;  border-radius:4px; box-shadow:4px 4px 12px rgba(0,0,0,0.1),0 0 3px rgba(0,0,0,0.05)}
[data-theme="calendar-sidebar-stage"] .datepicker-plot-area .datepicker-day-view .month-grid-box .header .header-row-cell{font-size:14px; line-height:30px; height:30px; color:#777}


[data-theme="feature-one-slide"]{margin-bottom:0}
[data-theme="feature-one-slide"] .box-stage{width:100%; background:#fff; padding:16px;}
[data-theme="feature-one-slide"] .swiper{}
[data-theme="feature-one-slide"] .swiper-wrapper{}
[data-theme="feature-one-slide"] .swiper-slide{}
[data-theme="feature-one-slide"] .item-content{display:flex; position:relative}
[data-theme="feature-one-slide"] .thumbnail{line-height:0; width:65%; aspect-ratio:16 / 9}
[data-theme="feature-one-slide"] .thumbnail img{width:100%; height:100%; object-fit: cover}
[data-theme="feature-one-slide"] .details{display:flex; flex-direction:column; width:35%; padding-right: 24px;}
[data-theme="feature-one-slide"] .details .suptitle{font:var(--suptitle-font-b); color:#6c757d; margin-bottom:calc((var(--gap) / 2));}
[data-theme="feature-one-slide"] .details .suptitle:empty{display:none}
[data-theme="feature-one-slide"] .details .title{font:var(--title-font-a)}
[data-theme="feature-one-slide"] .details .title a{color:#222}
[data-theme="feature-one-slide"] .details .title a:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0;}
[data-theme="feature-one-slide"] .details .title a:hover{color:var(--a-hover-color)}
[data-theme="feature-one-slide"] .details .lead{font:var(--lead-font-a); margin-top:var(--gap); color:#3F3F3F}
[data-theme="feature-one-slide"] .details .lead:empty{display:none}
[data-theme="feature-one-slide"] .details .attachments{display:flex; margin-top:auto}
[data-theme="feature-one-slide"] .details .service{position:absolute; top:var(--gap); right:var(--gap); font:var(--service-font-c); height:20px;}
[data-theme="feature-one-slide"] .details .service a{color:#fff; background:var(--a-hover-color); padding:0 calc((var(--gap) / 2)); border-radius:calc((var(--gap) / 4))}
[data-theme="feature-one-slide"] .details .date{margin-top:auto; color:#717171; font:var(--date-font); line-height:12px;}
[data-theme="feature-one-slide"] .swiper-pagination{left:calc(35% + var(--gap)); bottom:calc((var(--gap) / 2)); width: fit-content;}
[data-theme="feature-one-slide"] .swiper-pagination-bullet{height:4px; width:12px; border-radius:3px; background:#fff; opacity:0.6; transition:all ease-out 0.2s}
[data-theme="feature-one-slide"] .swiper-pagination-bullet-active{width:24px; background:var(--a-hover-color); opacity:1}

[data-theme="newspaper-view"]{height:auto; margin-bottom: calc(var(--gap) / 2)}
/*[data-theme="newspaper-view"] .box-header{background:#fff; padding-right:16px; padding-left:16px;}*/
[data-theme="newspaper-view"] .box-stage{width:100%; height:calc(100% - (var(--gap) / 2)); background:#fff; padding:8px;}
[data-theme="newspaper-view"].white-background .box-stage{padding-top:0 !important; padding-bottom:0 !important}
[data-theme="newspaper-view"] .swiper{height: 100%}
[data-theme="newspaper-view"] .swiper-wrapper{}
[data-theme="newspaper-view"] .swiper-slide{padding: 0 calc(var(--gap) * 2.9)}
[data-theme="newspaper-view"] .carousel-stage{padding-bottom: 20px; }
[data-theme="newspaper-view"] .thumbnail{text-align: center}
[data-theme="newspaper-view"] .thumbnail a{display:block; line-height: 0; padding:0 0 var(--gap);}
[data-theme="newspaper-view"] .thumbnail a:before{content:attr(data-date); display:block; line-height:normal; color:#6c757d; margin-bottom:4px; font:var(--suptitle-font-b);}
[data-theme="newspaper-view"] .thumbnail img{width:100%; height:100%; object-fit: contain; box-shadow: 1px 2px 3px rgba(0,0,0,0.3); border:1px solid #ddd;}
[data-theme="newspaper-view"] .details{}
[data-theme="newspaper-view"] .details .rootitr{}
[data-theme="newspaper-view"] .details .title{}
[data-theme="newspaper-view"] .details .title>a{font-size:0; display:block; line-height:0}
[data-theme="newspaper-view"] .details .title>a:after{content:""; position:absolute; top:10px; right:0; bottom:20px; left:0}
[data-theme="newspaper-view"] .details .service{}
[data-theme="newspaper-view"] .details .date{}
[data-theme="newspaper-view"] .swiper-pagination{top:auto; bottom: 0}
[data-theme="newspaper-view"] .swiper-button-next:after,
[data-theme="newspaper-view"] .swiper-button-prev:after{font-size:20px; color:rgba(33,33,33,0.4);}
[data-theme="newspaper-view"] .swiper-button-next,
[data-theme="newspaper-view"] .swiper-button-prev{width:24px; top:10px; margin-top:0; height:calc(100% - 30px);}
[data-theme="newspaper-view"] .swiper-button-next{
    left:0; justify-content:left;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+70 */
    background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 70%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 70%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 70%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
[data-theme="newspaper-view"] .swiper-button-prev{
    right:0; justify-content:right;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+30,1+100 */
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 30%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
[data-theme="newspaper-view"] .swiper-pagination{top:auto; bottom:8px; left:50%; transform:translateX(-50%); width: fit-content; height:fit-content}
[data-theme="newspaper-view"] .swiper-pagination-bullet{height:4px; width:12px; border-radius:3px; background:#ccc; opacity:1; transition:all ease-out 0.2s}
[data-theme="newspaper-view"] .swiper-pagination-bullet-active{width:24px; background:var(--a-hover-color); opacity:1}


[data-theme="card"]{margin-top:calc(var(--gap) / 2)}
[data-theme="card"] .box-header{margin-bottom:calc(var(--gap-revers) / 2)}
[data-theme="card"] .box-stage{width:calc(100% + (var(--gap) * 1));}
[data-theme="card"] .item-content{background:#fff; min-height:285px; margin-bottom:calc(var(--gap) / 2); position:relative; display:flex; flex-direction: column;}
[data-theme="card"] .thumbnail{line-height:0; width:100%; aspect-ratio:16 / 9; position:relative}
[data-theme="card"] .item-content.video-mode .thumbnail:before{content:""; position:absolute; right:var(--gap); bottom:calc(var(--gap-revers)); width:calc(var(--gap) * 2); height:calc(var(--gap) * 2); background:var(--a-hover-color); border-radius:50%;}
[data-theme="card"] .item-content.video-mode .thumbnail:after{content:""; position:absolute; right:var(--gap); bottom:calc(var(--gap-revers)); width:0; height:0; transform:translateX(0) translateY(calc(var(--gap-revers) / 2)); border:calc(var(--gap) / 2) solid transparent; border-left-width:calc(var(--gap) / 4 * 3);  border-left-color:#fff}
[data-theme="card"] .thumbnail img{width:100%; height:100%; object-fit: cover}
[data-theme="card"] .details{margin:calc(var(--gap) * 16 / 9) var(--gap) var(--gap); display:flex; flex-direction: column; height:100%}
[data-theme="card"] .details .suptitle{font: var(--subtitle-font-c); color: #6c757d}
[data-theme="card"] .details .title{font: var(--title-font-c)}
[data-theme="card"] .details .title a:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0;}
[data-theme="card"] .details .attachments{margin-top:auto; display:flex; padding-top:calc((var(--gap) / 2))}
[data-theme="card"] .details .service{position:absolute; top:var(--gap); right:var(--gap); font:var(--service-font-c); height:20px;}
[data-theme="card"] .details .service a{color:#fff; background:var(--a-hover-color); padding:0 calc((var(--gap) / 2)); border-radius:calc((var(--gap) / 4))}
[data-theme="card"] .details .date{margin-top:auto; color:#717171; font:var(--date-font); line-height:12px;}

[data-theme="line"]{}
[data-theme="line"] .box-header{margin-bottom:calc(var(--gap-revers) / 2)}
[data-theme="line"] .box-stage{width:100%;}
[data-theme="line"] .box-stage:empty{position:relative}
[data-theme="line"] .box-stage:empty:before{content:""; width:100%; height:300px; display:block}
[data-theme="line"] .box-stage:empty:after{content:attr(data-empty-text); display:inline-block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); color:#999; font-weight:bold; font-size:32px; line-height:normal; text-align:center}
[data-theme="line"] .box-stage.loading:empty:after{content:attr(data-loading-text); display:inline-block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); color:#999; font-weight:bold; font-size:32px; line-height:normal; text-align:center}
[data-theme="line"] .box-stage:empty + .pagination{display:none}
[data-theme="line"] .item-content{background:#fff; margin-bottom:var(--gap); position:relative; display:flex; padding:16px;}
[data-theme="line"] .thumbnail{line-height:0; height:150px; aspect-ratio:16 / 9; position:relative}
[data-theme="line"] .item-content.video-mode .thumbnail:before{content:""; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); width:calc(var(--gap) * 2); height:calc(var(--gap) * 2); background:var(--a-hover-color); border-radius:50%;}
[data-theme="line"] .item-content.video-mode .thumbnail:after{content:""; position:absolute; top:50%; left:50%; transform:translateX(calc(5px - 50%)) translateY(-50%); width:0; height:0; border:calc(var(--gap) / 2) solid transparent; border-left-width:calc(var(--gap) / 4 * 3);  border-left-color:#fff}
[data-theme="line"] .thumbnail img{width:100%; height:100%; object-fit: cover}
[data-theme="line"] .details{margin:0 var(--gap) 0 0; display:flex; flex-direction:column; width: 100%;}
[data-theme="line"] .details .suptitle{font:var(--suptitle-font-c); font-weight:normal; color:#6c757d; width:100%;}
[data-theme="line"] .details .suptitle:empty{display:none}
[data-theme="line"] .details .title{font: var(--title-font-b); margin-bottom:calc((var(--gap) / 2)); width:100%; margin-top:0}
[data-theme="line"] .details .title a:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0;}
[data-theme="line"] .details .lead{width:100%}
[data-theme="line"] .details .attachments{display:flex; margin-top:auto}
[data-theme="line"] .details .service{margin-top:auto; font:var(--author-font); line-height:12px; position:relative; z-index:9; margin-left:8px; padding-left:8px;}
[data-theme="line"] .details .service:after{content:""; position: absolute; left:0; top:50%; transform: translateY(-50%); width:1px; height:10px; background:#717171}
[data-theme="line"] .details .date{margin-top:auto; color:#717171; font:var(--date-font); line-height:12px;}

[data-theme="simple-list"]{}
[data-theme="simple-list"] .box-stage{width:100%; margin-top:calc(var(--gap) / 2)}
[data-theme="simple-list"] .box-stage ol.list{}
[data-theme="simple-list"] .box-stage ol.list li{position:relative; align-items: center; margin-bottom:calc(var(--gap) / 2); padding-bottom:calc(var(--gap) / 2); border-bottom:1px solid #d4d4d4}
[data-theme="simple-list"] .box-stage ol.list li:last-child{border-bottom:none;}
[data-theme="simple-list"] .box-stage ol.list li:before{font:var(--title-font-a); width:40px; min-width:40px; width:40px; color:var(--a-hover-color)}
[data-theme="simple-list"] .box-stage ul.list{}
[data-theme="simple-list"] .box-stage ul.list li{position:relative; display:flex; margin-bottom:calc(var(--gap) / 2);}
[data-theme="simple-list"] .box-stage[data-tab] ul.list li{position:relative; margin-bottom:calc(var(--gap) / 2); padding-bottom:calc(var(--gap) / 2); border-bottom:1px solid #d4d4d4}
[data-theme="simple-list"] .box-stage[data-tab] ul.list li:last-child{border-bottom:none;}
[data-theme="simple-list"] .box-stage ul.list li:before{content:""; width:6px; min-width:6px; max-width:6px; height:6px; min-height:6px; max-height:6px; margin-left:var(--gap); margin-top:10px; background:#707070}
[data-theme="simple-list"] .box-stage ul.list li:hover:before{background:var(--a-hover-color)}
[data-theme="simple-list"] .item-content{}
[data-theme="simple-list"] .item-content .title{font:var(--title-font-c)}
[data-theme="simple-list"] .box-stage:not([data-tab]) ul .item-content .title{font-weight:normal}
[data-theme="simple-list"] .item-content .title a{}
[data-theme="simple-list"] .item-content .title a:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0;}


[data-theme="note-list"]{}
[data-theme="note-list"] .box-stage{width:100%; margin-top:calc(var(--gap) / 2)}
[data-theme="note-list"] .item-content{display:flex; position:relative; margin-bottom:var(--gap); padding-bottom:var(--gap); border-bottom:1px solid #fff}
[data-theme="note-list"] .item-content:last-child{margin-bottom:0; padding-bottom:0; border-bottom:none}
[data-theme="note-list"] .thumbnail{position:relative; line-height:0; width:70px; min-width:70px; max-width:70px; height:70px; min-height:70px; max-height:70px; aspect-ratio:1 / 1;}
[data-theme="note-list"] .thumbnail img{width:100%; height:100%; object-fit: cover; backface-visibility: hidden; border-radius:50%; border:3px solid #fff; transition:transform ease-out 0.3s}
[data-theme="note-list"] .thumbnail img.author-profile-image{position:absolute; top:0; left:0; background:#CCC; transform:rotateY(180deg)}
[data-theme="note-list"] .item-content:hover .thumbnail img{transform:rotateY(-180deg)}
[data-theme="note-list"] .item-content:hover .thumbnail img.author-profile-image{transform:rotateY(0deg)}
[data-theme="note-list"] .details{display:flex; flex-wrap: wrap; margin-right:var(--gap)}
[data-theme="note-list"] .details .title{font:var(--title-font-c); margin-top:auto; margin-bottom:calc(var(--gap) / 2); width:100%;}
[data-theme="note-list"] .details .title a{}
[data-theme="note-list"] .details .title a:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0;}
[data-theme="note-list"] .details .attachments{display:flex; margin-bottom:auto}
[data-theme="note-list"] .details .author{margin-top:auto; font:var(--author-font); line-height:12px; position:relative; z-index:9; margin-left:8px; padding-left:8px;}
[data-theme="note-list"] .details .author:after{content:""; position: absolute; left:0; top:50%; transform: translateY(-50%); width:1px; height:10px; background:#717171}
[data-theme="note-list"] .details .author a{color:var(--a-hover-color)}
[data-theme="note-list"] .details .author a:hover{text-decoration: underline;}
[data-theme="note-list"] .details .date{margin-top:auto; color:#717171; font:var(--date-font); line-height:12px;}


[data-theme="card-and-list"]{}
[data-theme="card-and-list"] .box-header{margin-bottom:calc(var(--gap-revers) / 2)}
[data-theme="card-and-list"] .box-stage{width:calc(100% + var(--gap)); flex-wrap: wrap}
[data-theme="card-and-list"] .item-content{width:100%}
[data-theme="card-and-list"] .item-content:first-child{background:#fff; min-height:285px; margin-bottom:var(--gap); position:relative; display:flex; flex-direction: column;}
[data-theme="card-and-list"] .item-content:first-child .thumbnail{line-height:0; width:100%; aspect-ratio:16 / 9; position:relative}
[data-theme="card-and-list"] .item-content.video-mode:first-child .thumbnail:before{content:""; position:absolute; right:var(--gap); bottom:calc(var(--gap-revers)); width:calc(var(--gap) * 2); height:calc(var(--gap) * 2); background:var(--a-hover-color); border-radius:50%;}
[data-theme="card-and-list"] .item-content.video-mode:first-child .thumbnail:after{content:""; position:absolute; right:var(--gap); bottom:calc(var(--gap-revers)); width:0; height:0; transform:translateX(0) translateY(calc(var(--gap-revers) / 2)); border:calc(var(--gap) / 2) solid transparent; border-left-width:calc(var(--gap) / 4 * 3);  border-left-color:#fff}
[data-theme="card-and-list"] .item-content:first-child .thumbnail img{width:100%; height:100%; object-fit: cover}
[data-theme="card-and-list"] .item-content:first-child .details{margin:calc(var(--gap) * 16 / 9) var(--gap) var(--gap); display:flex; flex-direction: column; height:100%}
[data-theme="card-and-list"] .item-content:first-child .details .suptitle{font: var(--subtitle-font-c); color: #6c757d}
[data-theme="card-and-list"] .item-content:first-child .details .title{font: var(--title-font-c)}
[data-theme="card-and-list"] .item-content:first-child .details .title a:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0;}
[data-theme="card-and-list"] .item-content:first-child .details .attachments{display:flex; margin-top:auto; padding-top:calc(var(--gap) / 2)}
[data-theme="card-and-list"] .item-content:first-child .details .service{position:absolute; top:var(--gap); right:var(--gap); font:var(--service-font-c); height:20px;}
[data-theme="card-and-list"] .item-content:first-child .details .service a{color:#fff; background:var(--a-hover-color); padding:0 calc((var(--gap) / 2)); border-radius:calc((var(--gap) / 4))}
[data-theme="card-and-list"] .item-content:first-child .details .date{margin-top:auto; color:#717171; font:var(--date-font); line-height:12px;}

[data-theme="card-and-list"] .item-content:not(:first-child){display:flex; position:relative; margin-bottom:var(--gap);}
[data-theme="card-and-list"] .item-content:not(:first-child) .thumbnail{line-height:0; width:120px; min-width:120px; max-width:120px; aspect-ratio:16 / 9; overflow:hidden;}
[data-theme="card-and-list"] .item-content:not(:first-child) .thumbnail img{width:100%; height:100%; object-fit: cover}
[data-theme="card-and-list"] .item-content:not(:first-child) .details{display:flex; flex-wrap: wrap; margin-right:var(--gap)}
[data-theme="card-and-list"] .item-content:not(:first-child) .details .title{font:var(--title-font-c); margin-bottom:auto; width:100%;}
[data-theme="card-and-list"] .item-content:not(:first-child) .details .title a{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
[data-theme="card-and-list"] .item-content:not(:first-child) .details .title a:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0;}
[data-theme="card-and-list"] .item-content:not(:first-child) .details .attachments{display:flex; margin-top:auto;}
[data-theme="card-and-list"] .item-content:not(:first-child) .details .author{margin-top:auto; font:var(--author-font); line-height:12px; position:relative; z-index:9; margin-left:8px; padding-left:8px;}
[data-theme="card-and-list"] .item-content:not(:first-child) .details .author:after{content:""; position: absolute; left:0; top:50%; transform: translateY(-50%); width:1px; height:10px; background:#717171}
[data-theme="card-and-list"] .item-content:not(:first-child) .details .author a{color:var(--a-hover-color)}
[data-theme="card-and-list"] .item-content:not(:first-child) .details .service{margin-top:auto; font:var(--author-font); line-height:12px; position:relative; z-index:9; margin-left:8px; padding-left:8px;}
[data-theme="card-and-list"] .item-content:not(:first-child) .details .service:after{content:""; position: absolute; left:0; top:50%; transform: translateY(-50%); width:1px; height:10px; background:#717171}
[data-theme="card-and-list"] .item-content:not(:first-child) .details .service a{color:var(--a-hover-color)}
[data-theme="card-and-list"] .item-content:not(:first-child) .details .date{margin-top:auto; color:#717171; font:var(--date-font); line-height:12px;}
.sidebar-mode[data-theme="card-and-list"]{margin-bottom:32px}
.sidebar-mode[data-theme="card-and-list"] .item-content:first-child{margin-bottom:0; border-bottom: 1px solid rgba(33,33,33,0.2)}
.sidebar-mode[data-theme="card-and-list"] .item-content:not(:first-child){margin-top:0; margin-bottom:0; padding:calc(var(--gap) / 2) var(--gap); background:#fff;}
.sidebar-mode[data-theme="card-and-list"] .item-content:nth-child(2){padding-top:var(--gap)}
.sidebar-mode[data-theme="card-and-list"] .item-content:last-child{padding-bottom:var(--gap)}

[data-theme="normal-list"]{}
[data-theme="normal-list"] .box-header{margin-bottom:calc(var(--gap-revers) / 2)}
[data-theme="normal-list"] .box-stage{width:calc(100% + (var(--gap) * 2)); flex-wrap: wrap}
[data-theme="normal-list"] .item-content{width:100%; display:flex; position:relative; margin-top:calc(var(--gap) / 1.65); margin-bottom:calc(var(--gap) / 1.65);}
[data-theme="normal-list"] .item-content .thumbnail{line-height:0; width:120px; min-width:120px; max-width:120px; aspect-ratio:16 / 9; overflow:hidden;}
[data-theme="normal-list"] .item-content .thumbnail img{width:100%; height:100%; object-fit: cover}
[data-theme="normal-list"] .item-content .details{display:flex; flex-wrap: wrap; margin-right:var(--gap)}
[data-theme="normal-list"] .item-content .details .title{font:var(--title-font-c); margin-bottom:auto; width:100%;}
[data-theme="normal-list"] .item-content .details .title a{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
[data-theme="normal-list"] .item-content .details .title a:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0;}
[data-theme="normal-list"] .item-content .details .attachments{display:flex; margin-top:auto;}
[data-theme="normal-list"] .item-content .details .author{margin-top:auto; font:var(--author-font); line-height:12px; position:relative; z-index:9; margin-left:8px; padding-left:8px;}
[data-theme="normal-list"] .item-content .details .author:after{content:""; position: absolute; left:0; top:50%; transform: translateY(-50%); width:1px; height:10px; background:#717171}
[data-theme="normal-list"] .item-content .details .author a{color:var(--a-hover-color)}
[data-theme="normal-list"] .item-content .details .service{margin-top:auto; font:var(--author-font); line-height:12px; position:relative; z-index:9; margin-left:8px; padding-left:8px;}
[data-theme="normal-list"] .item-content .details .service:after{content:""; position: absolute; left:0; top:50%; transform: translateY(-50%); width:1px; height:10px; background:#717171}
[data-theme="normal-list"] .item-content .details .service a{color:var(--a-hover-color)}
[data-theme="normal-list"] .item-content .details .date{margin-top:auto; color:#717171; font:var(--date-font); line-height:12px;}

[data-theme="special-case"]{}
[data-theme="special-case"] .item-content{display:flex; background:#fff; padding:16px; margin-top:16px; position:relative}
[data-theme="special-case"] .thumbnail{width:50%; aspect-ratio: 16 / 9; line-height:0;}
[data-theme="special-case"] .thumbnail img{width:100%; height:100%; object-fit: cover}
[data-theme="special-case"] .details{width:30%; margin-left:32px; margin-right:16px; display:flex; flex-direction: column;}
[data-theme="special-case"] .details .live-mode{color:#ED2024; font-size:18px; font-weight:bold; line-height:normal; margin-bottom:16px; position:relative; z-index:0; display:flex}
[data-theme="special-case"] .details .live-mode:before{content:""; display:block; width:17px; height:17px; border:1px solid #ED2024; border-radius:50%; margin-left:8px; vertical-align: middle; position:relative; top:50%; transform: translateY(-50%)}
[data-theme="special-case"] .details .live-mode:after{content:""; width:11px; height:11px; background:#ED2024; border-radius:50%; position:absolute; top:50%; transform:translateY(-50%) translateX(-4px)}
[data-theme="special-case"] .details .suptitle{color:#3F3F3F; font-size:16px; line-height:normal}
[data-theme="special-case"] .details .title{font-size:40px; line-height:normal;}
[data-theme="special-case"] .details .title a{color:#222222}
[data-theme="special-case"] .details .title a:hover{color:var(--a-hover-color)}
[data-theme="special-case"] .details .title a:after{content:""; position:absolute; top:0; left:calc(20% + 32px); right:0; bottom:0}
[data-theme="special-case"] .details .lead,
[data-theme="special-case"] .details .subtitle{color:#3F3F3F; font-size:18px; line-height:normal; font-weight:bold; margin:8px 0}
[data-theme="special-case"] .details .date{color:#3F3F3F; font-size:12px; line-height:normal}
[data-theme="special-case"] .details .content-types{color:#3F3F3F; margin-top: auto; font-size:14px; line-height:normal}
[data-theme="special-case"] .details .content-types li{margin-top:8px;}
[data-theme="special-case"] .details .content-types li img{width:18px; height:18px; margin-left:8px; vertical-align:sub}
[data-theme="special-case"] .relations{width:20%; position:relative;}
[data-theme="special-case"] .relations ul{position:relative; display:flex; flex-direction: column; height:100%;}
[data-theme="special-case"] .relations ul:before{content:""; position:absolute; top:3px; right:8px; bottom:3px; width:1px; background: var(--a-hover-color)}
[data-theme="special-case"] .relations ul li{margin-top:auto; margin-bottom:auto; height:fit-content; position:relative}
[data-theme="special-case"] .relations ul li:before{content:""; position:absolute; top:50%; transform:translateY(-50%); width:23px; height:23px; border-radius:50px; background:#fff}
[data-theme="special-case"] .relations ul li:after{content:""; position:absolute; top:50%; transform:translateY(-50%); width:15px; height:15px; border-radius:50px; border:1px solid var(--a-hover-color)}
[data-theme="special-case"] .relations ul li:first-child{margin-top: 0}
[data-theme="special-case"] .relations ul li:last-child{margin-bottom: 0}
[data-theme="special-case"] .relations ul li .relation-title{}
[data-theme="special-case"] .relations ul li .relation-title:after{content:""; position:absolute; top:50%; transform:translateY(-50%) translateX(-3px); width:11px; height:11px; border-radius:50px; background:var(--a-hover-color);}
[data-theme="special-case"] .relations ul li .relation-title a{padding-right:28px; display:block}
[data-theme="special-case"] .relations ul li .relation-title a:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0; z-index:9;}
[data-theme="special-case"] .swiper-pagination{right:calc(var(--gap) * 2); bottom:calc(var(--gap) * 1.5); width: fit-content;}
[data-theme="special-case"] .swiper-pagination-bullet{height:4px; width:12px; border-radius:3px; background:#fff; opacity:0.6; transition:all ease-out 0.2s}
[data-theme="special-case"] .swiper-pagination-bullet-active{width:24px; background:var(--a-hover-color); opacity:1}


[data-theme="case"]{position:relative; z-index:1}
[data-theme="case"] .item-content{display:flex; position:relative}
[data-theme="case"] .thumbnail{min-width:26%; height: fit-content; aspect-ratio: 16 / 9; line-height:0; order:2; margin-right:32px; box-shadow:0 0 5px rgba(0,0,0,0.3)}
[data-theme="case"] .thumbnail img{width:100%; height:100%; object-fit: cover}
[data-theme="case"] .details{margin-left:auto; margin-right:0; display:flex; flex-direction: column; order: 1}
[data-theme="case"] .details .live-mode{color:#ED2024; font-size:18px; font-weight:bold; line-height:normal; margin-bottom:16px; position:relative; z-index:0; display:flex}
[data-theme="case"] .details .live-mode:before{content:""; display:block; width:17px; height:17px; border:1px solid #ED2024; border-radius:50%; margin-left:8px; vertical-align: middle; position:relative; top:50%; transform: translateY(-50%)}
[data-theme="case"] .details .live-mode:after{content:""; width:11px; height:11px; background:#ED2024; border-radius:50%; position:absolute; top:50%; transform:translateY(-50%) translateX(-4px)}
[data-theme="case"] .details .suptitle{color:#3F3F3F; font-size:16px; line-height:normal}
[data-theme="case"] .details .title{font-size:40px; line-height:normal;}
[data-theme="case"] .details .title a{color:#222222; cursor:default}
[data-theme="case"] .details .title a:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0}
[data-theme="case"] .details .lead{color:#3F3F3F; font-size:18px; line-height:normal; font-weight:bold; margin:8px 0}
[data-theme="case"] .details .date{color:#3F3F3F; font-size:12px; line-height:normal}
[data-theme="case"] .details .content-types{color:#3F3F3F; margin-top: auto; font-size:14px; line-height:normal; display:flex}
[data-theme="case"] .details .content-types li{margin-left:32px;}
[data-theme="case"] .details .content-types li img{width:18px; height:18px; margin-left:8px; vertical-align:sub}

[data-theme="author"]{position:relative; z-index:1}
[data-theme="author"] .item-content{display:flex; position:relative}
[data-theme="author"] .thumbnail{width:15%; min-width: 15%; aspect-ratio: 1 / 1; line-height:0; order:2; margin-right:32px; box-shadow:0 0 5px rgba(0,0,0,0.3)}
[data-theme="author"] .thumbnail img{width:100%; height:100%; object-fit: cover}
[data-theme="author"] .details{margin-left:auto; margin-right:0; display:flex; flex-direction: column; order: 1}
[data-theme="author"] .details .live-mode{color:#ED2024; font-size:18px; font-weight:bold; line-height:normal; margin-bottom:16px; position:relative; z-index:0; display:flex}
[data-theme="author"] .details .live-mode:before{content:""; display:block; width:17px; height:17px; border:1px solid #ED2024; border-radius:50%; margin-left:8px; vertical-align: middle; position:relative; top:50%; transform: translateY(-50%)}
[data-theme="author"] .details .live-mode:after{content:""; width:11px; height:11px; background:#ED2024; border-radius:50%; position:absolute; top:50%; transform:translateY(-50%) translateX(-4px)}
[data-theme="author"] .details .suptitle{color:#3F3F3F; font-size:16px; line-height:normal}
[data-theme="author"] .details .title{font-size:40px; line-height:normal;}
[data-theme="author"] .details .title a{color:#222222; cursor:default}
[data-theme="author"] .details .title a:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0}
[data-theme="author"] .details .lead{color:#3F3F3F; font-size:18px; line-height:normal; font-weight:bold; margin:8px 0}
[data-theme="author"] .details .date{color:#3F3F3F; font-size:12px; line-height:normal}
[data-theme="author"] .details .content-types{color:#3F3F3F; margin-top: auto; font-size:14px; line-height:normal; display:flex}
[data-theme="author"] .details .content-types li{margin-left:32px;}
[data-theme="author"] .details .content-types li img{width:18px; height:18px; margin-left:8px; vertical-align:sub}



[data-theme="multimedia"]{}
[data-theme="multimedia"] .box-stage{position:relative;}
[data-theme="multimedia"] .box-stage .item-content{background: #1C1E21}

[data-theme="multimedia"] .box-stage.flex-view{}
[data-theme="multimedia"] .box-stage.flex-view .item-content{margin-bottom:0}
[data-theme="multimedia"] .box-stage.flex-view .thumbnail{width:100%; aspect-ratio: 16 / 9; line-height:0}
[data-theme="multimedia"] .box-stage.flex-view .thumbnail:before{
    content:""; position:absolute; top:50%; right:8px; bottom:0; left:8px; z-index:0; transition:top ease-out 0.3s;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.5+100 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
[data-theme="multimedia"] .box-stage.flex-view .item-content:hover .thumbnail:before{top:25%}
[data-theme="multimedia"] .box-stage.flex-view .thumbnail img{width:100%; height:100%; object-fit: cover}
[data-theme="multimedia"] .box-stage.flex-view .details{position:absolute; top:16px; bottom:0; left:16px; right:16px; padding:16px; display:flex; flex-direction: column; justify-content: end; text-shadow:1px 1px 1px #000}
[data-theme="multimedia"] .box-stage.flex-view .video-mode .details:before{content:""; position:absolute; z-index:0; width:60px; height:60px; border-radius:50%; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); background:var(--a-hover-color); backdrop-filter: blur(5px); transition:opacity ease-out 0.3s}
[data-theme="multimedia"] .box-stage.flex-view .video-mode .details:after{content:""; position:absolute; z-index:0; width:0; height:0; top:50%; left:calc(50% + 10px); transform:translateX(-50%) translateY(-50%); border:15px solid transparent; border-left:25px solid #fff; transition:opacity ease-out 0.3s}
[data-theme="multimedia"] .box-stage.flex-view .item-content:hover .details:before{opacity:0.5}
[data-theme="multimedia"] .box-stage.flex-view .item-content:hover .details:after{opacity:1; filter:drop-shadow(0 0 5px rgba(0,0,0,0.7))}
[data-theme="multimedia"] .box-stage.flex-view .details a{color:#fff;}
[data-theme="multimedia"] .box-stage.flex-view .details .suptitle,
[data-theme="multimedia"] .box-stage.flex-view .details .title{padding-bottom:8px}
[data-theme="multimedia"] .box-stage.flex-view .details .suptitle{font: var(--suptitle-font-b); color:#f4f4f4}
[data-theme="multimedia"] .box-stage.flex-view .details .title{font:var(--title-font-a)}
[data-theme="multimedia"] .box-stage.flex-view .details .title a:after{content:""; position:absolute; z-index:9; top:0; right:0; bottom:0; left:0}
[data-theme="multimedia"] .box-stage.flex-view .details .service{position:absolute; top:var(--gap); right:var(--gap); font:var(--service-font-c); height:20px; z-index: 9}
[data-theme="multimedia"] .box-stage.flex-view .details .service a{color:#fff; background:var(--a-hover-color); padding:0 calc((var(--gap) / 2)); border-radius:calc((var(--gap) / 4))}
[data-theme="multimedia"] .box-stage.flex-view .details .date{color:#fff}

[data-theme="multimedia"] .box-stage.carousel-view{background: #1C1E21;}
[data-theme="multimedia"] .box-stage.carousel-view .item-content{display:flex; margin:32px 32px 32px 16px;}
[data-theme="multimedia"] .box-stage.carousel-view .thumbnail{height:100px; aspect-ratio: 16 / 9; line-height:0; position:relative}
[data-theme="multimedia"] .box-stage.carousel-view .thumbnail img{width:100%; height:100%; object-fit: cover}
[data-theme="multimedia"] .box-stage.carousel-view .video-mode .thumbnail:before{content:""; position:absolute; z-index:0; width:30px; height:30px; border-radius:50%; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); background:var(--a-hover-color); backdrop-filter: blur(5px); transition:opacity ease-out 0.3s}
[data-theme="multimedia"] .box-stage.carousel-view .video-mode .thumbnail:after{content:""; position:absolute; z-index:0; width:0; height:0; top:50%; left:calc(50% + 4px); transform:translateX(-50%) translateY(-50%); border:5px solid transparent; border-left:10px solid #fff; transition:opacity ease-out 0.3s}
[data-theme="multimedia"] .box-stage.carousel-view .details{width:50%; margin-right: 16px; display:flex; flex-wrap: wrap; color:#A5A5A5;}
[data-theme="multimedia"] .box-stage.carousel-view .details a{color:#A5A5A5;}
[data-theme="multimedia"] .box-stage.carousel-view .details .title{margin-bottom:8px !important; font-size:16px !important;}
[data-theme="multimedia"] .box-stage.carousel-view .details .title a{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
[data-theme="multimedia"] .box-stage.carousel-view .details .title{margin-bottom:auto; width:100%; font-size:18px; line-height:normal}
[data-theme="multimedia"] .box-stage.carousel-view .details .title a:after{content:""; position:absolute; z-index:9; top:0; right:0; bottom:0; left:0}
[data-theme="multimedia"] .box-stage.carousel-view .details .title a:hover{color:#fff;}
[data-theme="multimedia"] .box-stage.carousel-view .details .attachments{display:flex; margin-top:auto}
[data-theme="multimedia"] .box-stage.carousel-view .details .service,
[data-theme="multimedia"] .box-stage.carousel-view .details .date{height:fit-content; margin-top:auto}
[data-theme="multimedia"] .box-stage.carousel-view .details .service{margin-left:8px; padding-left:8px; position:relative; z-index:10;}
[data-theme="multimedia"] .box-stage.carousel-view .details .service:after{content:"|"; position:absolute; top:50%; left:0; width:2px; color:rgba(255,255,255,0.4); transform:translateY(-50%)}
[data-theme="multimedia"] .box-stage.carousel-view .details .service:hover a{color:#fff;}
[data-theme="multimedia"] .box-stage.carousel-view .swiper-button-prev,
[data-theme="multimedia"] .box-stage.carousel-view .swiper-button-next{top:0; height:100%; margin:0; width:48px; background:rgba(28,30,33,0.5); backdrop-filter:blur(5px)}
[data-theme="multimedia"] .box-stage.carousel-view .swiper-button-disabled{display:none}
[data-theme="multimedia"] .box-stage.carousel-view .swiper-button-prev{right:0;}
[data-theme="multimedia"] .box-stage.carousel-view .swiper-button-next{left:0;}
[data-theme="multimedia"] .box-stage.carousel-view .swiper-button-prev:after,
[data-theme="multimedia"] .box-stage.carousel-view .swiper-button-next:after{font-size: 32px; color:#fff;}

[data-theme="search"]{margin-top:0; margin-bottom:16px;}
[data-theme="search"] .advanced-search{}
[data-theme="search"] .advanced-search-input{display:flex; position:relative; width: 100%; height: 40px; border:1px solid #707070; border-radius:5px;}
[data-theme="search"] .advanced-search-input>*:first-child{border-radius:0 4px 4px 0}
[data-theme="search"] .advanced-search-input>*:last-child{border-radius:4px 0 0 4px}
[data-theme="search"] .advanced-search-input input{margin:0; padding:0 12px 0 52px; width:100%; height:100%; border:none; background:#fff; color:#3B3B3B; font-size:13px}
[data-theme="search"] .advanced-search-input input:not(:placeholder-shown) ~ button[data-action="clear"]{display:flex}
[data-theme="search"] .advanced-search-input button{width:40px; min-width:40px; height:100%; border:none; background:#606060; cursor:pointer; margin:0 1px 0 0; display:flex; align-items: center; justify-content: center}
[data-theme="search"] .advanced-search-input button[disabled]{background:#606060 !important}
[data-theme="search"] .advanced-search-input button:hover{background: var(--a-hover-color)}
[data-theme="search"] .advanced-search-input button.active{background: var(--a-hover-color)}
[data-theme="search"] .advanced-search-input button[data-action="clear"]{background:none; position:absolute; left:41px; display:none}
[data-theme="search"] .advanced-search-input button[data-action="clear"] img{width:28px; height:28px; object-fit:contain}
[data-theme="search"] .advanced-search-input button[data-action="search"] img{width:18px; height:18px; object-fit:contain}
[data-theme="search"] .advanced-search-input button[data-action="search"] img.loading{
    display:none; width:20px; height:20px;
    -webkit-animation:linear spin 0.5s infinite;
    -moz-animation:linear spin 0.5s infinite;
    -o-animation:linear spin 0.5s infinite;
    animation:linear spin 0.5s infinite;
}
[data-theme="search"] .advanced-search-input .suggestion{position:absolute; top:40px; left:82px; right:0}

[data-theme="search"] .advanced-search-options{display:flex; width:100%; margin:16px 0 0; position:relative}
[data-theme="search"] .advanced-search-options .type-filters{}
[data-theme="search"] .advanced-search-options .type-filters ul{display:flex;}
[data-theme="search"] .advanced-search-options .type-filters li{margin-left:24px; margin-bottom:8px;}
[data-theme="search"] .advanced-search-options .type-filters button{width:auto; height:40px; line-height:45px; background:none; border:none; font-size:14px; padding:0; cursor:pointer; border-bottom:3px solid transparent}
[data-theme="search"] .advanced-search-options .type-filters button.selected{border-bottom-color:var(--a-hover-color); font-weight:bold;}
[data-theme="search"] .advanced-search-options .date-filter{width:auto; height:40px; line-height:45px; background:none; border:none; font-size:14px; cursor:pointer; border-bottom:3px solid transparent; margin:0 auto; font-weight:bold; position:relative; z-index:6}

[data-theme="search"] .advanced-search-options .date-filter img{vertical-align:middle; width:22px; height:22px; margin-left:4px;}
[data-theme="search"] .advanced-search-options .service-filter{height:40px; line-height:45px;}
[data-theme="search"] .advanced-search-options .service-filter label{margin-left:4px;}
[data-theme="search"] .advanced-search-options .service-filter select{width:150px; height:32px; background:transparent; border:none; font-size:14px; font-weight:bold; border-bottom:3px solid var(--a-hover-color)}

[data-theme="search"] .advanced-search-date{display:none}
[data-theme="search"] .advanced-search-date .date-filters{}
[data-theme="search"] .advanced-search-date .date-filters ul{display:flex; justify-content: center}
[data-theme="search"] .advanced-search-date .date-filters li{margin-left:24px; margin-bottom:8px;}
[data-theme="search"] .advanced-search-date .date-filters button{width:auto; height:40px; line-height:45px; background:none; border:none; font-size:14px; padding:0; cursor:pointer; border-bottom:3px solid transparent}
[data-theme="search"] .advanced-search-date .date-filters button.selected{border-bottom-color:var(--a-hover-color); font-weight:bold;}

[data-theme="search"] .advanced-search.active-date-filter .advanced-search-options>*:not(.date-filter){filter:blur(3px); }
[data-theme="search"] .advanced-search.active-date-filter .advanced-search-options:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0; z-index: 5}
[data-theme="search"] .advanced-search.active-date-filter .advanced-search-date{display:block}

[data-theme="search"] .advanced-search.loading .advanced-search-input button[data-action="search"] img.loading{display:flex}
[data-theme="search"] .advanced-search.loading .advanced-search-input button[data-action="search"] img.magnifier{display:none}



#archive [data-theme="archive"]{margin-top:-32px}
[data-theme="archive"] .advanced-archive-options{display:flex; width:100%; margin:16px 0 0; position:relative}
[data-theme="archive"] .advanced-archive-options .type-filters{}
[data-theme="archive"] .advanced-archive-options .type-filters ul{display:flex;}
[data-theme="archive"] .advanced-archive-options .type-filters li{margin-left:24px; margin-bottom:8px;}
[data-theme="archive"] .advanced-archive-options .type-filters button{width:auto; height:40px; line-height:45px; background:none; border:none; font-size:14px; padding:0; cursor:pointer; border-bottom:3px solid transparent}
[data-theme="archive"] .advanced-archive-options .type-filters button.selected{border-bottom-color:var(--a-hover-color); font-weight:bold;}
[data-theme="archive"] .advanced-archive-options .date-filter{width:auto; height:40px; line-height:45px; background:none; border:none; font-size:14px; cursor:pointer; border-bottom:3px solid transparent; margin:0 auto; font-weight:bold; position:relative; z-index:6}

[data-theme="archive"] .advanced-archive-options .date-filter img{vertical-align:middle; width:22px; height:22px; margin-left:4px;}
[data-theme="archive"] .advanced-archive-options .service-filter{height:40px; line-height:45px;}
[data-theme="archive"] .advanced-archive-options .service-filter label{margin-left:4px;}
[data-theme="archive"] .advanced-archive-options .service-filter select{width:150px; height:32px; background:transparent; border:none; font-size:14px; font-weight:bold; border-bottom:3px solid var(--a-hover-color)}

[data-theme="archive"] .advanced-archive-date{display:none}
[data-theme="archive"] .advanced-archive-date .date-filters{}
[data-theme="archive"] .advanced-archive-date .date-filters ul{display:flex; justify-content: center}
[data-theme="archive"] .advanced-archive-date .date-filters li{margin-left:24px; margin-bottom:8px;}
[data-theme="archive"] .advanced-archive-date .date-filters button{width:auto; height:40px; line-height:45px; background:none; border:none; font-size:14px; padding:0; cursor:pointer; border-bottom:3px solid transparent}
[data-theme="archive"] .advanced-archive-date .date-filters button.selected{border-bottom-color:var(--a-hover-color); font-weight:bold;}

[data-theme="archive"] .advanced-archive.active-date-filter .advanced-archive-options>*:not(.date-filter){filter:blur(3px); }
[data-theme="archive"] .advanced-archive.active-date-filter .advanced-archive-options:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0; z-index: 5}
[data-theme="archive"] .advanced-archive.active-date-filter .advanced-archive-date{display:block}

[data-theme="archive"] .advanced-archive.loading .advanced-archive-input button[data-action="archive"] img.loading{display:flex}
[data-theme="archive"] .advanced-archive.loading .advanced-archive-input button[data-action="archive"] img.magnifier{display:none}




[data-theme="article"]{}
[data-theme="article"] .article{padding:var(--gap); background:#fff}
[data-theme="article"] .article .suptitle{font:var(--suptitle-font-a); margin-bottom:calc(var(--gap) / 2)}
[data-theme="article"] .article .suptitle:empty{display:none}
[data-theme="article"] .article .title{font:var(--title-font-a)}
[data-theme="article"] .article .details{display:flex; margin:var(--gap) 0}
[data-theme="article"] .article .details .author{display:flex; position:relative; margin-left:calc(var(--gap) * 2)}
[data-theme="article"] .article .details .author img{width:40px; height:40px; border-radius:50%; object-fit: cover; background:#ddd;}
[data-theme="article"] .article .details .author figcaption{height:40px; margin-right:calc(var(--gap) / 2)}
[data-theme="article"] .article .details .author figcaption .fullname{font:var(--author-font); line-height:40px; white-space:nowrap;}
[data-theme="article"] .article .details .author figcaption .fullname a:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0}
[data-theme="article"] .article .details .service{font:var(--service-font-c); line-height:40px; margin-left:var(--gap)}
[data-theme="article"] .article .details .date{font:var(--date-font); line-height:40px; color:#717171; margin-left:auto}
[data-theme="article"] .article .details .code{font:var(--date-font); line-height:40px; color:#717171; margin-left:var(--gap)}
[data-theme="article"] .article .details .code:before{content:"کد خبر:"; margin-left:calc(var(--gap) / 4)}
[data-theme="article"] .article .details .share{}
[data-theme="article"] .article .details .share ul{display:flex; height:40px; justify-content: center; align-items: center}
[data-theme="article"] .article .details .share li{margin-right:calc(var(--gap) / 2)}
[data-theme="article"] .article .details .share a{width:25px; height:25px; background:red; border-radius:50%; display:block; padding:4px;}
[data-theme="article"] .article .details .share a[data-goto="print"]{background:#2A2E3A; padding:5px}
[data-theme="article"] .article .details .share a[data-goto="telegram"]{background:#1D93D2; padding:5px 6px 5px 5px}
[data-theme="article"] .article .details .share a[data-goto="facebook"]{background:#4676ED;}
[data-theme="article"] .article .details .share a[data-goto="whatsapp"]{background:#78CD51;padding: 4px 3px 5px 5px;}
[data-theme="article"] .article .details .share a[data-goto="twitter"]{background:#5A99EC}
[data-theme="article"] .article .details .share img{width:100%; height:100%; object-fit: contain}
[data-theme="article"] .article .thumbnail{aspect-ratio:16 / 9; margin:0 0 var(--gap) 0}
[data-theme="article"] .article .thumbnail img{width:100%; height:100%; object-fit: cover}
[data-theme="article"] .article .lead{padding:0 0 var(--gap); font: var(--lead-font-a); color:#A5A5A5; font-weight:bold; border-bottom:1px solid #A5A5A5}
[data-theme="article"] .article .content{margin:var(--gap) 0; font:var(--content-font-a); color:#222222;}
[data-theme="article"] .article .content p,
[data-theme="article"] .article .content div,
[data-theme="article"] .article .content section{text-align:justify;}
[data-theme="article"] .article .content p{margin:calc(var(--gap) / 2) 0; font:var(--content-font-a); width:100%}
[data-theme="article"] .article .content a{color:#b80000;}
[data-theme="article"] .article .content a{text-decoration: underline}
[data-theme="article"] .article .content span[style] a{color:inherit}
[data-theme="article"] .article .content img{max-width:100%; height: auto !important}
[data-theme="article"] .article .content .sardabir-video-wrapper{display: inline; float:right; width:100%; aspect-ratio:16 / 9; background-size: cover; line-height:0}
[data-theme="article"] .article .content video{width:100%; aspect-ratio:16 / 9; background:#000}
[data-theme="article"] .article .content audio{width:100%;}
[data-theme="article"] .article .content table{width:100%;}
[data-theme="article"] .article .keywords{margin-top:calc(var(--gap) * 2)}
[data-theme="article"] .article .keywords ul{display:flex; }
[data-theme="article"] .article .keywords li{margin-left:calc(var(--gap) / 2)}
[data-theme="article"] .article .keywords .keyword{line-height:32px; }
[data-theme="article"] .article .keywords .keyword a{padding:0 var(--gap); display:block; background:#313131; color:#fff;}
[data-theme="article"] .article .keywords .keyword a:hover{background:#414141}
[data-theme="article"] .article .publisher{margin-top:32px;}
[data-theme="article"] .article .publisher-author{font-weight:normal;}
[data-theme="article"] .article .publisher-author a{}

[data-theme="article"].photo-mode{}

[data-theme="article"].photo-mode .article{background:rgba(255,255,255,0.1)}
[data-theme="article"].photo-mode .article .suptitle,
[data-theme="article"].photo-mode .article .subtitle{color:#eee}
[data-theme="article"].photo-mode .article .title{color:#fff}
[data-theme="article"].photo-mode .article .details .date,
[data-theme="article"].photo-mode .article .details .code{color:#999}
[data-theme="article"].photo-mode .article .details a{color:#f4f4f4}
[data-theme="article"].photo-mode .article .gallery{margin:16px 0 -16px}
[data-theme="article"].photo-mode .article .gallery .favorite-gallery{display:flex; flex-wrap: wrap; margin:8px -8px;}
[data-theme="article"].photo-mode .article .gallery .favorite-gallery:empty{display:none}
[data-theme="article"].photo-mode .article .gallery .favorite-gallery .photo-item{width:calc(33.33% - 16px); margin:8px;}
[data-theme="article"].photo-mode .article .gallery .normal-gallery{display:flex; flex-wrap: wrap; margin:8px -8px;}
[data-theme="article"].photo-mode .article .gallery .normal-gallery:empty{display:none}
[data-theme="article"].photo-mode .article .gallery .normal-gallery .photo-item{width:calc(25% - 16px); margin:8px;}
[data-theme="article"].photo-mode .article .gallery .photo-item{background:rgba(0,0,0,0.5)}
[data-theme="article"].photo-mode .article .gallery .photo-item a{line-height:0; display:block; aspect-ratio:3 / 2}
[data-theme="article"].photo-mode .article .gallery .photo-item img{width:100%; height:100%; object-fit: contain;}
[data-theme="article"].photo-mode .article .content{color:#f4f4f4; margin-top:32px;}

[data-theme="advertisement-list-content-bar"]{margin-top:0}
[data-theme="advertisement-list-content-bar"]:not(:has(.item-content)){height:calc(100% - 32px); display:flex; align-items:center; justify-content:center; color:#999; font-size:20px; font-weight:bold; line-height:normal; padding:16px}
[data-theme="advertisement-list-content-bar"]:not(:has(.item-content)):after{content:"موردی یافت نشد..."}

[data-theme="advertisement-list-content-bar"] .item-content{width:100%; height:45px; padding:5px; background:#fff; border-radius:4px; position:relative; margin-bottom:8px; display:flex;}
[data-theme="advertisement-list-content-bar"] .item-content .thumbnail{width:35px; height:35px; aspect-ratio:1 / 1; border:1px solid #ccc; background:#f0f0f0; border-radius:4px; margin-left:auto; overflow:hidden; position:relative}
[data-theme="advertisement-list-content-bar"] .item-content .thumbnail img{width:100%; height:100%; object-fit: cover}
[data-theme="advertisement-list-content-bar"] .item-content .thumbnail:not(:has(img)):after{content:"بدون تصویر"; font-size:7px; white-space:nowrap; display:block; transform:rotate(-45deg) translateX(-5px) translateY(5px); color:#999}
[data-theme="advertisement-list-content-bar"] .item-content .details{width:calc(100% - 35px - 8px); display:flex;}
[data-theme="advertisement-list-content-bar"] .item-content .details .advertisement-type{color:#444; font-weight:normal; font-size:12px; line-height:35px;}
[data-theme="advertisement-list-content-bar"] .item-content .details .advertisement-type:after{content:"-"; color:#999; margin:0 8px;}
[data-theme="advertisement-list-content-bar"] .item-content .details .title{font-weight:normal; font-size:12px; line-height:35px; white-space:nowrap; width:100%; overflow:hidden; text-overflow:ellipsis}
[data-theme="advertisement-list-content-bar"] .item-content .details .title a{color:#222;}
[data-theme="advertisement-list-content-bar"] .item-content .details .title a:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0}



[data-theme="comments"]{margin:32px 0}
[data-theme="comments"] .comment-form{display:flex; flex-direction:column; position: relative}
[data-theme="comments"] .field-wrapper{width:100%; margin:calc(var(--gap) / 4) 0; position:relative}
[data-theme="comments"] .field-wrapper input,
[data-theme="comments"] .field-wrapper textarea{width: 100%; height:40px; border-radius:4px; border:1px solid #ccc; background:#fff; padding:0 8px;}
[data-theme="comments"] .field-wrapper textarea{height:150px; min-height:100px; max-height: 200px; resize: vertical; padding:8px;}
[data-theme="comments"] .field-wrapper button{float: left; height: 40px; padding: 0 calc(var(--gap) * 3);border-radius: 4px;border: none;font-size: 16px; cursor: pointer; background:var(--a-hover-color); color:#fff}
[data-theme="comments"] .field-wrapper button[disabled]{background:#999; cursor: not-allowed}
[data-theme="comments"] .field-wrapper button[disabled].success{background:green}
[data-theme="comments"] .comment-form.blur:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0; z-index:9}
[data-theme="comments"] .comment-form.blur .field-wrapper input,
[data-theme="comments"] .comment-form.blur .field-wrapper textarea{filter: blur(2px);}


.box[data-theme="authors"]{}
.box[data-theme="authors"] .box-stage{display:flex; flex-wrap: wrap; margin:0 -16px;}
.box[data-theme="authors"] .item-content{width:calc(20% - 32px); min-width:calc(20% - 32px); max-width:calc(20% - 32px); margin:16px 16px 32px; position:relative}
.box[data-theme="authors"] .thumbnail{width:100%; aspect-ratio:1 / 1; height:auto; position:relative; overflow:hidden; border-radius:50%; background:rgba(0,0,0,0.05); border:2px solid #fff; box-shadow:1px 1px 3px rgba(0,0,0,0.3)}
.box[data-theme="authors"] .thumbnail img{width:100%; height:100%; object-fit: cover}
.box[data-theme="authors"] .details{margin-top:16px; text-align: center}
.box[data-theme="authors"] .details .name{margin-bottom:8px;}
.box[data-theme="authors"] .details .name a:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0;}
.box[data-theme="authors"] .details .en-name{text-transform: capitalize; color:#777}

.box[data-theme="keywords"]{}
.box[data-theme="keywords"] .box-stage{display:flex; flex-wrap: wrap;}
.box[data-theme="keywords"] .item-content{/*flex-grow:1; text-align: center*/}
/*.box[data-theme="keywords"] .item-content:last-child:after{content:""; margin:0}*/
.box[data-theme="keywords"] .details{margin-left:8px; margin-bottom:8px;}
.box[data-theme="keywords"] .details .keyword{line-height:36px; font-weight:normal; position:relative;}
/*
.box[data-theme="keywords"] .details .keyword:before{content:attr(data-count); position:absolute; top:-3px; left:-3px; font-weight:normal; background:#aeaeae; height:12px; font-size:10px; line-height:12px; padding:2px 4px 0; border-radius:4px; color:#fff;}
*/
.box[data-theme="keywords"] .details .keyword a{display:block; padding:2px 8px; background:rgba(0,0,0,0.05); border-radius:4px;}
.box-header .box-count{position:absolute; top:8px; left:0}

.pagination ul li a{background:#F2F2F2; border-color:#d1d1d1; color:#363636;}
.pagination ul li.active a{background:#00259A !important; color:#FFFFFF !important; border-color:#00259A !important; cursor:default; touch-action:none}
.pagination ul li a:hover{background:#ECECEC}



body.dark-mode{background: #2A2E3A}
body.dark-mode .box-header{border-top-color:#A5A5A5}
body.dark-mode .box-header:before{background:#474747}
body.dark-mode .box-header .title{color:#ebebeb}
body.dark-mode #top-header{background:#42454f; border-bottom-color:#5A5A5A}
body.dark-mode #top-header a{color:#999}
body.dark-mode #top-header a:hover{color:#00259A}
body.dark-mode #top-header .date{color:#D4D4D4}
body.dark-mode #top-header .networks > ul > li a{background:#5A5A5A}
body.dark-mode #top-header .networks > ul > li a:hover{background: #777}
body.dark-mode #top-header .row{background:#42454f}
body.dark-mode #menu .main-menu-warpper{background:#54565c}
body.dark-mode #menu .row{border-right-color:#5A5A5A; border-left-color:#5A5A5A}
body.dark-mode #main-header{border-bottom-color:#5A5A5A}
body.dark-mode #main-header .search{border-color:#5A5A5A}
body.dark-mode #main-header .search button{background: #717171}
body.dark-mode #main-header .logo figcaption{color:#A5A5A5}
body.dark-mode #menu:before{background:#54565C; border-bottom-color:#5A5A5A}
body.dark-mode #locationbar{background:#42454F}
body.dark-mode #locationbar .locationbar-items li a{color:#A5A5A5}

body.dark-mode [data-theme="simple-list"] .box-stage a{color:#D6D6D6}
body.dark-mode [data-theme="simple-list"] .box-stage a:hover{color:#fff}
body.dark-mode [data-theme="simple-list"] .box-stage ol.list li:before{color:#fff}
body.dark-mode [data-theme="simple-list"] .box-stage ul.list li:hover:before{background: #fff}

body.dark-mode [data-theme="normal-list"] .item-content .details .title a{color:#D6D6D6}
body.dark-mode [data-theme="normal-list"] .item-content .details .title a:hover{color:#ffffff}
body.dark-mode [data-theme="normal-list"] .item-content .details .service a{color:#D6D6D6}
body.dark-mode [data-theme="normal-list"] .item-content .details .service a:hover{color:#ffffff}

body.dark-mode .pagination ul li a{background:#2a2e3a; color:#d1d1d1}
body.dark-mode .pagination ul li a:hover{background:var(--a-hover-color) !important;}
body.dark-mode .pagination ul li.active a{background:#d1d1d1 !important; border-color:#d1d1d1 !important; color:#2a2e3a !important}

.fancybox__caption{text-align: center !important; direction:rtl}

.short-link{margin-right:auto; width:fit-content; height:30px; border:1px solid #999; position:relative; background: #fff; overflow:hidden}
.short-link:after{content: attr(data-copy-title); text-align:center; line-height:30px; position:absolute; top:0; left:0; width:100%; height:calc(100% + 2px); background:var(--a-hover-color); color:#fff; z-index:1; opacity:0; transition:opacity ease-out 0.2s}
.short-link.copied{border-color:var(--a-hover-color)}
.short-link.copied:after{z-index:3; opacity:1}
.short-link button{position:relative; top:1px; left: 0; width:100%; height:100%; color:#999; text-align:left; display:flex; align-items: center; justify-content: end; background:transparent; border:none; cursor: pointer; padding:0 8px 0 8px; z-index:2}
.short-link button:after{content:attr(data-link); order:3; display:inline-block; color:#666; padding-top:1px;}
.short-link button svg{height:30px; width:30px; padding:8px; order:2}
.short-link button svg path{fill:#999}
.short-link input{position:absolute; top:0; left:0; z-index:0; opacity:0}
.short-link:hover{border-color:var(--a-hover-color)}
.short-link:hover button{color:var(--a-hover-color)}
.short-link:hover button:after{color:var(--a-hover-color)}
.short-link:hover button svg path{fill:var(--a-hover-color)}

body.dark-header #top-header{background:#333333; color:#ccc; border-bottom-color: #666666}
body.dark-header #top-header .sites a{color:#ccc;}
body.dark-header #top-header .networks a{background: #666666 !important;}
body.dark-header #top-header .row{border-color:#666666}
body.dark-header #main-header{background: #000; color:#ccc; border-color:#666666}
body.dark-header #main-header .search{border-color:#666666; }
body.dark-header #main-header .search input{background:#333333; color:#cccccc}
body.dark-header #main-header .search button{background:#666666}
body.dark-header #menu:before{background:#333333; border-color:#666666}
body.dark-header #menu .row{border-color:#666666}



#main-article{position:fixed; top:0; left:0; right:0; bottom:0; overflow:hidden; z-index:9999}
#overlay-bg{position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.3); backdrop-filter:blur(5px)}
#overlay{position:absolute; top:0; left:0; right:0; bottom:0;}
#overlay .row{padding:0}
#overlay .row .col-10{position:relative}
#overlay .overlay-stage{position:absolute; top:32px; left:0; right:0; height:calc(100vh - 32px); border-radius:8px 8px 0 0; background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.5); overflow:hidden;}
#overlay .overlay-stage .overlay-header{height:40px; position:relative; overflow:hidden; z-index:9; background:#eeeeee; display:flex; padding:0 8px; box-shadow:0 0 5px rgba(0,0,0,0.4)}
#overlay .overlay-stage .overlay-header-logo{height:calc(100% - 16px); margin:8px 0}
#overlay .overlay-stage .overlay-header-logo img{height:100%;}
#overlay .overlay-stage .overlay-header-title{margin-left:auto; margin-right:8px;}
#overlay .overlay-stage .overlay-header>button{min-width:40px; height:40px; position:relative; cursor:pointer; padding:0; margin-right:6px; border-radius:0; border:none; color:#fff; background:transparent; display:flex; justify-content: center; align-items: center}
#overlay .overlay-stage .overlay-header>button[data-action="crop-overlay"]:before{content:""; position:absolute; top:50%; left:0; right:0; height:28px; margin-top:-14px; background:#2A2E3A; border-radius:14px; z-index:0 }
#overlay .overlay-stage .overlay-header>button[data-action="crop-overlay"]>*{position:relative; z-index: 1;}
#overlay .overlay-stage .overlay-header>button[data-action="crop-overlay"]>span{order:-1; margin-right:8px; font-size:10px; line-height:28px; height:28px;}
#overlay .overlay-stage .overlay-header>button[data-action="close-overlay"]{margin-left:-6px}
#overlay .overlay-stage .overlay-header>button>i{background:#2A2E3A; width:28px; margin:6px; aspect-ratio: 1/1; display:flex; border-radius:14px;}
#overlay .overlay-stage .overlay-header>button i:before{content:""; width:60%; height:60%; display:block; background-position: center center; background-repeat: no-repeat; background-size: contain; margin:20%;}
#overlay .overlay-stage .overlay-header>button i.icon-close{margin-left:0; margin-right:0}
#overlay .overlay-stage .overlay-header>button i.icon-close:before{background-image:url(../image/close.svg)}
#overlay .overlay-stage .overlay-header>button i.icon-camera{margin-left:3px; margin-right:0}
#overlay .overlay-stage .overlay-header>button i.icon-camera:before{background-image:url(../image/camera.svg); width:74%; height:74%; margin:13%}
#overlay .overlay-stage .copy-link-overlay{margin-left:6px; height:40px; position:relative;}
#overlay .overlay-stage .copy-link-overlay input{height:28px; border:none; background:#D1D1D1; color:#2a2e3a; border-radius:14px; direction: ltr; font-size:10px; padding:0 4px 0 32px; margin:6px 0; width:230px;}
#overlay .overlay-stage .copy-link-overlay button{position:absolute; top:0; left:0; height:100%; width:100%; border:none; background:transparent; cursor:pointer; padding:8px 0 8px 32px}
#overlay .overlay-stage .copy-link-overlay .copy-to-clipboard{position:absolute; top:50%; left:0; right:0; margin-top:-14px; height:28px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background: #2a2e3a; border-radius:14px; line-height:28px; font-size:10px; color:#f4f4f4; display:none;}
#overlay .overlay-stage .copy-link-overlay.copied .copy-to-clipboard{display:block}
#overlay .overlay-stage .copy-link-overlay button i{position:absolute; left:3px; top:0; bottom:0; width:28px;}
#overlay .overlay-stage .copy-link-overlay button i:before{content:""; background-image:url(../image/copy.svg); width:80%; height:80%; display:block; background-position: center center; background-repeat: no-repeat; background-size: contain; margin:10%;}
#overlay .overlay-stage .overlay-content{position:absolute; z-index:8;  top:40px; bottom:0; left:0; right:0; overflow:auto; padding:16px 32px;}

#overlay .overlay-stage .overlay-content .rootitr,
#overlay .overlay-stage .overlay-content .zirtitr{font-size:12px; line-height:22px; font-weight:normal; color:#666666; margin-bottom:4px;}
#overlay .overlay-stage[data-type="photo"] .overlay-content .rootitr,
#overlay .overlay-stage[data-type="photo_view"] .overlay-content .rootitr,
#overlay .overlay-stage[data-type="photo"] .overlay-content .zirtitr,
#overlay .overlay-stage[data-type="photo_view"] .overlay-content .zirtitr{color:#999}
#overlay .overlay-stage .overlay-content .title{font-size:16px; line-height:26px; color:#333}
#overlay .overlay-stage .overlay-content .information-advertisement{display:flex; margin:16px 0; align-items:center}
#overlay .overlay-stage .overlay-content .information-advertisement .photo-advertisement-brand{width:70px; height:70px; min-width:70px; min-height:70px; margin-left:16px; border: 1px solid #CCC; border-radius:8px; overflow:hidden; background:#f0f0f0; }
#overlay .overlay-stage .overlay-content .information-advertisement .photo-advertisement-brand:not(:has(img)):after{content:"بدون تصویر"; font-size:12px; white-space:nowrap; display:block; transform:rotate(-45deg) translateX(-24px) translateY(16px); color:#999}
#overlay .overlay-stage .overlay-content .information-advertisement .photo-advertisement-brand img{100%; height:100%; object-fit:cover}
#overlay .overlay-stage .overlay-content .information-advertisement-details{color:#5A5A5A}
#overlay .overlay-stage .overlay-content .information-advertisement-details .title{margin-bottom:4px; font-weight:normal; font-size:12px;}
#overlay .overlay-stage .overlay-content .information-advertisement-details .date{margin-bottom:4px; font-weight:normal; font-size:12px; display:block}
#overlay .overlay-stage .overlay-content .information-advertisement-details .source{font-weight:normal; font-size:12px;}

#overlay .overlay-stage[data-type="photo"] .overlay-content .title,
#overlay .overlay-stage[data-type="photo_view"] .overlay-content .title{color:#f4f4f4}
#overlay .overlay-stage .overlay-content .lead{color:#333; margin-top:8px; font-size:12px; line-height:22px; padding:16px; background:rgba(0,0,0,0.05); border-radius:8px;}
#overlay .overlay-stage[data-type="photo"] .overlay-content .lead,
#overlay .overlay-stage[data-type="photo_view"] .overlay-content .lead{background:rgba(255,255,255,0.1); color:#f4f4f4}
#overlay .overlay-stage .overlay-content .content{color:#333; margin-top:8px; font-size:14px; line-height:24px; text-align:justify; padding-bottom:16px;}
#overlay .overlay-stage[data-type="photo"] .overlay-content .content,
#overlay .overlay-stage[data-type="photo_view"] .overlay-content .content{color:#f4f4f4}

#overlay .overlay-stage .overlay-content .video-wrapper{width:100%; background:#000; margin-top:8px; border-radius:8px; position:relative; overflow:hidden; aspect-ratio: 16/9;}
#overlay .overlay-stage .overlay-content .video-wrapper video{width:100%; height:100%}

#overlay .overlay-stage .overlay-content .audio-wrapper{width:100%; background:#000; margin-top:8px; border-radius:8px; position:relative; overflow:hidden;}
#overlay .overlay-stage .overlay-content .audio-wrapper audio{width:100%; height:100%}

#overlay .overlay-stage .overlay-content .photo-wrapper{margin:8px -8px 0 -8px;}
#overlay .overlay-stage .overlay-content .photo-wrapper ul{display:flex; flex-wrap: wrap; width:100%;}
#overlay .overlay-stage .overlay-content .photo-wrapper ul li{width:25%; aspect-ratio: 4/3; margin:0; padding:8px;}
#overlay .overlay-stage .overlay-content .photo-wrapper ul li figure{border:1px solid #ccc; border-radius:4px; overflow:hidden; height:100%; background:#f4f4f4; transition:background ease-out 0.15s}
#overlay .overlay-stage[data-type="photo"] .overlay-content .photo-wrapper ul li figure,
#overlay .overlay-stage[data-type="photo_view"] .overlay-content .photo-wrapper ul li figure{background:#333; border:1px solid #666;}
#overlay .overlay-stage .overlay-content .photo-wrapper ul li figure:hover{background:#eee}
#overlay .overlay-stage[data-type="photo"] .overlay-content .photo-wrapper ul li figure:hover,
#overlay .overlay-stage[data-type="photo_view"] .overlay-content .photo-wrapper ul li figure:hover{background:#444}
#overlay .overlay-stage .overlay-content .photo-wrapper ul li figure img{width:100%; height:100%; object-fit:contain}

#overlay .overlay-stage .overlay-content .photo-advertisement{width:100%; margin:8px 0; background:#f4f4f4; border-radius:4px; padding:8px; display: flex; justify-content: center; align-items: center}
#overlay .overlay-stage .overlay-content .photo-advertisement img{object-fit:contain; max-width:100%; max-height:250px;}

#overlay .overlay-stage .overlay-content .keywords{margin-top:16px; margin-bottom:32px;}
#overlay .overlay-stage .overlay-content .keywords:before{content:"کلیدواژه ها"; display:block; margin-bottom:4px;}
#overlay .overlay-stage .overlay-content .keywords ul{flex-wrap: wrap}
#overlay .overlay-stage .overlay-content .keywords li{margin:0 0 8px 8px;}
#overlay .overlay-stage .overlay-content .keywords li .keyword{font-weight:normal; font-size:13px}
#overlay .overlay-stage .overlay-content .keywords li .keyword a{display:block; height:24px; line-height:24px; background:#027dff; border-radius:4px; padding:0 8px; color:#fff}
#overlay .overlay-stage[data-type="photo"] .overlay-content .keywords li .keyword a,
#overlay .overlay-stage[data-type="photo_view"] .overlay-content .keywords li .keyword a{background:rgba(255,255,255,0.3)}
#overlay .overlay-stage .overlay-content .keywords li .keyword i{color:#ffd400; line-height:24px; margin-left:8px; vertical-align:middle}

#overlay .overlay-stage .overlay-content .qrcode{float:left; margin:0 8px 72px 0; background:#f4f4f4; padding:4px; border-radius:4px; border:1px solid #ccc; line-height:0}
#overlay .overlay-stage .overlay-content .qrcode:empty{display:none;}
#overlay .overlay-stage .overlay-content .qrcode img{width:72px; height:72px;}

.fancybox__container{z-index: 99999}


#main-stage .archive-results{margin-bottom:8px; display:flex; flex-wrap: wrap; margin-left: width:100%}
#main-stage .archive-results .archive-result-item{padding:8px; position:relative; width:25%; overflow: hidden; display:flex;}
#main-stage .archive-results .archive-result-item .thumbnail{position:relative; width:100%; border:1px solid #ccc;}
#main-stage .archive-results .archive-result-item .thumbnail a{display: block; width:100%; height:100%;}
#main-stage .archive-results .archive-result-item .thumbnail img{width:100%; height:100%; object-fit: cover}
#main-stage .archive-results .archive-result-item .details{
    position:absolute; bottom: 8px; left: 8px; right: 8px; color:#fff; padding:64px 8px 8px; text-align:center;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#main-stage .archive-results .archive-result-item .details .title{color:#027dff; margin-top:4px; width:100%; font-size:12px; margin-bottom:8px;}
#main-stage .archive-results .archive-result-item .details a{color:#ffd400; text-shadow:1px 1px 0 #000}
#main-stage .archive-results .archive-result-item .details a:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0;}
#main-stage .archive-results .archive-result-item .details .date i{margin-left:4px; font-size:14px;  vertical-align:sub;}

#main-stage .archive-result-nav,#main-stage .search-nav{display:flex; flex-wrap: wrap; justify-content:center; margin-top:32px;}
#main-stage .archive-result-nav li,#main-stage .search-nav li{width:30px; min-width:30px; height:30px; font-size:16px; margin-left:4px; margin-bottom:4px;}
#main-stage .archive-result-nav li a,#main-stage .search-nav li a{background:#D9D9D9; color:#424242; border-radius:4px; display:block; text-align:center; line-height:30px;}
#main-stage .archive-result-nav li a:hover,#main-stage .search-nav li a:hover{background:#E9E9E9;}
#main-stage .archive-result-nav li.selected a,#main-stage .search-nav li.selected a{background:#2E3785; color:#ffffff}

#main-stage .search-results{margin-bottom:8px;}
#main-stage .search-results .search-item{background:#fff; border:1px solid #f4f4f4; margin-bottom:8px; padding:8px; position:relative; width:100%; overflow: hidden; display:flex; transition:background ease-out 0.3s}
#main-stage .search-results .search-item:hover{background:rgba(0,0,0,0.05);}
#main-stage .search-results .search-item .thumbnail{position:relative; width:100px; min-width:100px; height:143px; min-height:143px; max-height:143px; display:inline; float: right; margin:-8px -8px -8px 8px}
#main-stage .search-results .search-item .thumbnail img{width:100%; height:auto;}

#main-stage .search-results .search-item .newspaper-component-backdrop{position:absolute; top:0; left:0; right:0; bottom:0}
#main-stage .search-results .search-item .newspaper-component-backdrop>span{position:absolute; backdrop-filter:blur(1px);background:rgba(0,0,0,0.3); opacity:0.6; transition:opacity ease-out 0.3s;}
#main-stage .search-results .search-item:hover .newspaper-component-backdrop>span{opacity:1}
#main-stage .search-results .search-item .newspaper-component-backdrop>span.backdrop-top,
#main-stage .search-results .search-item .newspaper-component-backdrop>span.backdrop-bottom{height:0; left:0; right:0}
#main-stage .search-results .search-item .newspaper-component-backdrop>span.backdrop-right,
#main-stage .search-results .search-item .newspaper-component-backdrop>span.backdrop-left{width:0;height:0}
#main-stage .search-results .search-item .newspaper-component-backdrop>span.backdrop-top{top:0}
#main-stage .search-results .search-item .newspaper-component-backdrop>span.backdrop-bottom{bottom:0}
#main-stage .search-results .search-item .newspaper-component-backdrop>span.backdrop-right{right:0}
#main-stage .search-results .search-item .newspaper-component-backdrop>span.backdrop-left{left:0}

#main-stage .search-results .search-item .details{width:calc(100% - 100px)}
#main-stage .search-results .search-item .details .newspaper-info{display:flex; width:100%; margin-bottom:8px;}
#main-stage .search-results .search-item .details .newspaper-info .name,
#main-stage .search-results .search-item .details .newspaper-info .date{font-size:11px; font-weight: normal; line-height:18px;}
#main-stage .search-results .search-item .details .newspaper-info .date{margin-right:auto;}
#main-stage .search-results .search-item .details .newspaper-info .name i,
#main-stage .search-results .search-item .details .newspaper-info .date i{margin-left:4px; color:#ffd400; font-size:14px;  vertical-align:sub;}
#main-stage .search-results .search-item .details .title{font-size:16px;color:#027dff; margin-top:4px; margin-bottom:4px; width:100%;}
#main-stage .search-results .search-item .details .title a:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0;}
#main-stage .search-results .search-item .details .rootitr,
#main-stage .search-results .search-item .details .zirtitr{font-size:12px; font-weight: normal; color: #666; width:100%; white-space:nowrap; overflow:hidden; text-overflow: ellipsis}
#main-stage .search-results .search-item .details .zirtitr{color: #999}
#main-stage .search-results .search-item .details .lead{font-size:12px; font-weight: normal; text-align:justify; margin-top:4px; width:100%; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

#fixed-bottom-navbar{position:fixed; bottom:0; left:0; right:0; height:50px; background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.3); display:none; z-index: 999}
#fixed-bottom-navbar ul{display:flex; width:100%; height:100%;}
#fixed-bottom-navbar ul li{flex-grow: 1; height:100%;}
#fixed-bottom-navbar ul li button{width:100%; height:100%; border:none; background:none; font-size:10px; line-height:10px; white-space:nowrap; cursor:pointer; position:relative;}
#fixed-bottom-navbar ul li button:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,0.5)}
#fixed-bottom-navbar ul li button i{display:block; width:18px; height:18px; margin:0 auto 2px}

.icon-pages{background:url(../image/newspaper-icon.svg) no-repeat center center; background-size: contain}
.icon-download{background:url(../image/download-icon.svg) no-repeat center center; background-size: contain}
.icon-calendar{background:url(../image/calendar-icon.svg) no-repeat center center; background-size: contain}
.icon-contents{background:url(../image/list-icon.svg) no-repeat center center; transform: rotateY(180deg); background-size: contain}


#advertisement{}
#advertisement .advertisement-headline{display:flex; background:#fff; padding:16px; margin:8px 0 16px; align-items: center;}
#advertisement .advertisement-headline svg{height:140px;}
#advertisement .advertisement-headline .page-title{margin-right:auto; margin-left:auto; font-weight:normal; font-size:28px; line-height:normal}

#advertisement-right-sidebar{}
#advertisement-right-sidebar .advertisement-types{}
#advertisement-right-sidebar .advertisement-types ul{display:flex; flex-direction: column}
#advertisement-right-sidebar .advertisement-types ul li{margin-bottom:8px;}
#advertisement-right-sidebar .advertisement-types ul li .advertisement-name{width:100%; height:50px; font-size:16px; font-weight:normal; line-height:50px;}
#advertisement-right-sidebar .advertisement-types ul li .advertisement-name a{background:#0069CA; color:#fff; font-size:18px; font-weight:normal; display:block; width:100%; height:100%; line-height:inherit; border-radius:8px; text-align:center}

#advertisement-content-bar{}
#advertisement-content-bar .advertisement-content{padding:0 16px;}
#advertisement-content-bar .advertisement-content .title{display:none}
#advertisement-content-bar .advertisement-content .lead{font-size:14px; line-height:30px; text-align: justify}
#advertisement-content-bar .advertisement-content .lead br{margin-bottom:8px;}
#advertisement-content-bar .advertisement-content .contact-us{margin-top:16px; text-align: center;}
#advertisement-content-bar .advertisement-content .contact-us .phone{font-size:24px; line-height:48px; font-weight:bold; color:#333; margin-bottom:16px; }
#advertisement-content-bar .advertisement-content .contact-us .phone.bold-phone{font-size:48px; font-weight:bold;}
#advertisement-content-bar .advertisement-content .contact-us .phone a{direction:ltr; text-align:left; display:flex; width:fit-content; margin:0 auto}

#advertisement-left-sidebar{}
#advertisement-left-sidebar .advertise-item{margin-bottom:8px;}

#main.advertisements ~ #fixed-bottom-navbar{display:none !important}
body:has(#main.advertisements){padding-bottom:0 !important}

#main-stage .newspaper-component-pagination{display:flex; justify-content:center; align-items: center; width: 100%; height:40px; margin-top:16px;}
#main-stage .newspaper-component-pagination-prev-page{width:40px; height:30px; font-size: 0;
    color: transparent;
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE2IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjYzNTE4IDUuMzQxOTlIMTIuOTA1NkwxMC43OTQxIDcuNDUzNUMxMC4xODc2IDguMDU5OTkgMTEuMDk3NCA4Ljk2OTcgMTEuNzAzOSA4LjM2MzJMMTMuNjI2OSA2LjQzNzIyTDE0LjkxMDYgNS4xNTE1MUMxNS4xNTk0IDQuOTAxMjMgMTUuMTU5NCA0LjQ5NzAzIDE0LjkxMDYgNC4yNDY3NkwxMS43MDM5IDEuMDM2MzJDMTEuNTgxOSAwLjkxMDk1MSAxMS40MTM5IDAuODQwNjA4IDExLjIzOSAwLjg0MjA2M0MxMC42NjE0IDAuODQyMTM2IDEwLjM3OCAxLjU0NTYxIDEwLjc5NDEgMS45NDYxTDEyLjkxMDYgNC4wNTc2MUgxLjYwMTk4QzAuNzEyNDgyIDQuMTAxNzQgMC43Nzg4OTYgNS4zODYyNyAxLjYzNTE4IDUuMzQxOTlaIiBmaWxsPSIjRUUxRjI1Ii8+Cjwvc3ZnPgo=') no-repeat center center;
    border-radius: 4px;
    box-shadow: 4px 4px 12px rgba(0,0,0,0.1),0 0 3px rgba(0,0,0,0.05);}
#main-stage .newspaper-component-pagination-curr-page{margin:0 16px}
#main-stage .newspaper-component-pagination-curr-page:before{content:"صفحه"; margin-left:4px;}
#main-stage .newspaper-component-pagination-next-page{width:40px; height:30px; font-size: 0;
    color: transparent;
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE2IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNC40MjU0IDUuMzQxOTlIMy4xNTQ5NUw1LjI2NjQzIDcuNDUzNUM1Ljg3MjkzIDguMDU5OTkgNC45NjMxOCA4Ljk2OTcgNC4zNTY2NyA4LjM2MzJMMi40MzM2OCA2LjQzNzIyTDEuMTQ5OTggNS4xNTE1MUMwLjkwMTE4OSA0LjkwMTIzIDAuOTAxMTg5IDQuNDk3MDMgMS4xNDk5OCA0LjI0Njc2TDQuMzU2NjcgMS4wMzYzMkM0LjQ3ODY4IDAuOTEwOTUxIDQuNjQ2NjEgMC44NDA2MDggNC44MjE1OCAwLjg0MjA2M0M1LjM5OTEzIDAuODQyMTM2IDUuNjgyNTcgMS41NDU2MSA1LjI2NjQzIDEuOTQ2MUwzLjE0OTkzIDQuMDU3NjFIMTQuNDU4NkMxNS4zNDgxIDQuMTAxNzQgMTUuMjgxNyA1LjM4NjI3IDE0LjQyNTQgNS4zNDE5OVY1LjM0MTk5WiIgZmlsbD0iI0VFMUYyNSIvPgo8L3N2Zz4K') no-repeat center center;
    border-radius: 4px;
    box-shadow: 4px 4px 12px rgba(0,0,0,0.1),0 0 3px rgba(0,0,0,0.05);}


@-webkit-keyframes spin {
    0% {transform:rotate(0deg); }
    100% {transform:rotate(360deg);}
}
@-moz-keyframes spin {
    0% {transform:rotate(0deg); }
    100% {transform:rotate(360deg);}
}
@-o-keyframes spin {
    0% {transform:rotate(0deg); }
    100% {transform:rotate(360deg);}
}
@keyframes spin {
    0% {transform:rotate(0deg); }
    100% {transform:rotate(360deg);}
}