@font-face { font-family:iransans; src: url('../fonts/iransans.otf'); src: url('../fonts/iransans.eot') format('eot'), url('../fonts/iransans.woff') format('woff'), url('../fonts/iransans.ttf') format('truetype'), url('../fonts/iransans.woff2') format('woff2'); font-display: swap; }

@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400&display=swap');

*, ol, ul, li,p {padding:0; margin:0; transition:all 0.3s ease;}

::-webkit-scrollbar {
    height: 12px;
    width: 10px;
    background: #171715;
}

::-webkit-scrollbar-thumb {
    background: #fff;
    -webkit-border-radius: 1ex;
}

::-webkit-scrollbar-corner {
    background: #171715;
}

::-moz-selection { /* Code for Firefox */
  color: #171715;
  background: #de9e36;
}

::-selection { /* Code for Firefox */
  color: #171715;
  background: #de9e36;
}



html { scrollbar-color: #f1f1f1 #171715;scrollbar-width: thin; background:#171715;}
body {font-family: 'iransans', arial; background-color:#fff; color:#242424; font-size:13px;}
a, a:not([class]) { text-decoration:none;}
h1,h2,h3,h4,h5,h6 { font-family: iransans; margin:0; font-weight: normal;}
ul { list-style: none; }
.page-header h2 { font-size:18px; }


.view-article figure { max-width:500px; margin:0 auto 2em; }
.pagenavigation a { background: transparent; border-radius:0; }

.pagenavigation .pagination { margin:1em 0 0; }

a:hover {
  color: #0cac00;
}
.mod-list li a:hover { text-decoration:none; }
/************* NavBTN **************/


/*********** NAVBTN *********/

.trigger {
}

.bars {
  width: 50px;
  cursor: pointer;
}

.bars.active .line { stroke:#FFC107; }

.bars .line {
  fill: none;
  stroke: #242424;
  stroke-width: 4;
  stroke-linecap: square;
  transition: stroke-dasharray 400ms,  stroke-dashoffset 400ms;
}

.itemid-111 .bars .line {
  stroke: #fff; }

.itemid-111 .bars.active .line { stroke:#0071bc; }

.bars .line.top {
  stroke-dasharray: 40 172;
}
.bars .line.middle {
  stroke-dasharray: 40 111;
}
.bars .line.bottom {
  stroke-dasharray: 40 172;
}
.bars.active .top {
  stroke-dashoffset: -132px;
}
.bars.active .middle {
  stroke-dashoffset: -71px;
}
.bars.active .bottom {
  stroke-dashoffset: -132px;
}



#MainMenu.open {  max-height: 300px; }

#MainMenu {  width:100%; padding: 0;  max-height: 0;  overflow: hidden; transition: all 0.3s ease; background: #fff;}


/************* BOOKS ***************/


.books .blog-item {  padding: 15px 15px 20px;  border-radius: 4px;  position: relative;  color: #767678;  border: 1px solid rgba(0,0,0,.125);  box-shadow: .6px 1.5px 7px 0 rgba(157,157,157,0.5);  background: #fff; text-align: center;}

.item-pagebooks {  padding: 15px 15px 20px;  border-radius: 4px;  position: relative;  color: #767678;  border: 1px solid rgba(0,0,0,.125);  box-shadow: .6px 1.5px 7px 0 rgba(157,157,157,0.5);  background: #fff; text-align: center; display: flex; flex-direction:column;}

.books .blog-item .page-header { margin-bottom: 1em;}

.books .blog-item .fields-container {margin-bottom: 1em;}

.books .blog-item .readmore {margin-top: 1em; }
.item-pagebooks .content-links, .item-pagebooks .fields-container { order:1; }
.item-pagebooks .pagenavigation { order: 2;}

.item-pagebooks .content-links a { border: 1px solid #242424;
  padding: .5em 1em;
  display: inline-block;
  border-radius: 10px; margin:10px 0;}


.navbar-brand img {
  display: block;
  max-width: 30px;
}

.container-header .navbar-brand{
  display: flex;
  align-items: center;
  grid-gap: .5em;
  flex-direction: row-reverse;
margin-inline-end: initial;
margin-inline-start: auto;
}

.container-header {
  background: #fff;display: flex;
  flex-wrap: wrap; padding-bottom: 1em;
}

header .grid-child:nth-child(2) { flex:1; }

body.wrapper-fluid header > .grid-child, body.wrapper-fluid footer > .grid-child {
  padding-left: 1em;
  padding-right: 1em;
}

#topmenu { display: flex; flex-direction: row; grid-gap: 1em; padding-top: 4px;}

.container-topbar { align-content: center; display:flex; align-items: center;}

.grid-child.container-nav { background:#fff; }


.container-header .mod-menu > li > a, .container-header .mod-menu > li > span, .metismenu.mod-menu li > a { color:#242424; font-size:14px; padding: .1em .5em; text-align: center;}
.metismenu.mod-menu .mm-toggler { color:#5e5e5e; font-size:14px; }
.container-header .mod-menu > li > a.fa { font-size:0; color:#242424; }
.container-header .mod-menu > li > a.fa::before { font-size:21px; }
.metismenu.mod-menu .metismenu-item { padding:0; }
.container-component > :first-child { margin: 0;}

.dark-mode .container-header .mod-menu > li > a, .dark-mode .container-header .mod-menu > li > span, .dark-mode .metismenu.mod-menu li > a { color:#fefefe;}

.container-header .mod-menu > li.item-140 > a {
  color: #fff;
  border: 1px solid;
  padding: .5em;
  border-radius: 20px;
  font-size: 11px;
  display: block;
}
.metismenu.mod-menu .metismenu-item > a:focus, .metismenu.mod-menu .metismenu-item > button:focus { outline:none; }
.mod-finder.js-finder-searchform.form-search {
  padding: 1em;
  width: 100%;
}
.form-search .mod-finder__search input {
  font-size: 13px;
  padding: .5em 1em;
  border-radius: 0;
    border: 1px solid #242424;
}
.form-search .mod-finder__search button {
  font-size: 0;
  background: #242424;
  border-color: #242424;
  border-radius: 0;
}
.form-search .mod-finder__search button span {
  font-size: 13px;
}
.container-header .mod-menu > li > a {
  flex: 1;
}

.metismenu.mod-menu .parent > ul {
  position: relative;
  width: 100%;
  padding-right: 1em;
  box-shadow: none;
}

.metismenu.mod-menu .mm-toggler::after { margin-inline-end: .5em; margin-inline-start:initial;}
.container-header .site-description { font-size:13px; text-align: left; color: #242424;}

.com-content-article .page-header h1 {
  font-size: 13px;
    padding: 2em 0 1em;
    border-bottom: 3px solid #242424;
    margin: 0 0em .5em;
    color: #242424;
}

.filters {
  display: flex;
  align-items: center;
}

.filters::after {
  content: "";
  border-top: .5em solid;
  border-left: .5em solid #0000;
  border-right: .5em solid #0000;
  width: 0;
  height: 0;
  margin-inline-start: .5em;
  transition: all .3s ease-out;
  display: inline;
}
.filters.active::after {
transform: rotateX(-180deg);
}
.com-content-article .article-info {
  display: flex;
  grid-gap: 1em;
  font-size:10px;
  color: #242424 !important;
  margin:0;
}

.article-info-term {
  display: none;
}

body.wrapper-fluid .site-grid { grid-gap: 0;}

.com-content-article__body {
  padding: 0;
  text-align: justify;
  line-height:33px; 
  display: flex; 
  flex-direction: column;
}


.sourcelink {
  display: block;
  margin: 1em 0;
  border-right: 8px solid;
  padding-right: 1em;
  color: #333;
}

.dark-mode .sourcelink { color: #fefefe;}
.com-content-article__body video {
  max-width: 100%;
}

.mod-breadcrumbs.breadcrumb {
  padding: .5em 1em !important;
  background:#242424;
}

.icon-location {
display: block;
  height: 100%;
  align-content: center;
}

.icon-location::before {
 color:#dad7cd;padding-left: .5em;
}

.breadcrumb-item + .breadcrumb-item::before {
    color:#dad7cd;
}


.grid-child.container-component {
    position: relative;
  padding: 0 1em;
  column-gap:0;
}

.dark-mode .grid-child.container-component, body.wrapper-fluid.dark-mode .site-grid { background:#0e0e0e; }

.moduletable h3 {
  font-size: 14px;
  padding: 0 0 .5em;
  border-bottom: 2px solid;
  margin-bottom: 1em;
}
.newspaper .blog h1 {
  border-bottom: 1px solid;
  border-top: 0;
  padding:2em 0 1em;
  font-size: 13px;
  margin-bottom: 2em;
}

.newspaper .com-content-category-blog__item.blog-item .page-header h2 {
  font-size: 17px;
  margin-bottom: 1em;
 overflow: hidden;
  line-height: 16px;
}


.newspaper .com-content-category-blog__item.blog-item {
  display: flex;
  flex-direction: column-reverse;
  border-bottom: 1px solid #c4c4c4;
}
.newspaper .com-content-category-blog__item.blog-item .item-content {
  flex: max-content; 
  order: -1;flex-direction: column;
    justify-content: space-between; display:flex;
}
.newspaper .com-content-category-blog__item.blog-item .item-image, .com-tags-tag__category li a {
    margin-top:0;max-height: 90px;
  align-items: center;
  display: flex; overflow:hidden;
}

.com-tags-tag__category li > a { margin-bottom: 2em;}
.dark-mode .com-tags-tag__category li a { color:#fefefe; }
.newspaper .com-content-category-blog__item.blog-item .item-image img, .com-tags-tag__category li a img{
filter: grayscale(1);
}

.newspaper .com-content-category-blog__item.blog-item:hover .item-image img, .com-tags-tag__category li:hover a img{
filter: none;
}

.com-tags-tag__category li {     display: flex;
    flex-direction: column-reverse;border-right:0;
    border-bottom: 1px solid #c4c4c4; border-left:0; border-top:0; border-radius:0 !important; background:transparent; padding:0; justify-content: space-between;}

.list-group-item-action:not(.active):hover, .list-group-item-action:not(.active):focus { background:transparent;}

.tagheadbox {    display: flex;
    flex-direction: column;
    justify-content: space-between; min-height:78px;}

.com-tags-tag__category h3 { line-height:16px; margin-bottom:1em; overflow:hidden; }

.newspaper .com-content-category-blog__item.blog-item .page-header a, .com-tags-tag__category a {
  color: #242424;
  font-size: 12px;
  line-height:16px;
}

.tag-category > h1 { border-bottom: 1px solid;
    border-top: 0;
    padding: 2em 0 1em;
    font-size: 13px;
    margin-bottom: 2em; }

.blog-items, .com-tags-tag__category {
  grid-template-columns: 1fr 1fr;
}
.com-tags-tag__category { display:grid; border-radius:0; grid-gap:1em;}

.newspaper .com-content-category-blog__item.blog-item .article-info {
  display: flex;
  font-size: 9px;
  grid-gap: .2em;
  margin: 0;
  justify-content: space-between; text-wrap: nowrap;
}
.newspaper .com-content-category-blog__item.blog-item .item-content > p {
  display: none;
}

.nodel .myshortlist_item_right { display:none; }

.sakkoomod ul li { padding:0; display: none; }

.sakkoomod ul li.active, .sakkoomod ul li.item-205 {
  display: inherit; margin-left:.5em; 
}

.sakkoomod .myshortlist_link, .sakkoomod ul li a {
  display: block;
  border: 1px solid;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  padding: .5em; color:#b3b3b3;
  
}
.sakkoomod .myshortlist_item_left {
  width: 100%;
}
.sakkoomod .myshortlist_item {
  margin: 0;
}


.sakkoomod .active .myshortlist_link, .sakkoomod ul li.active a {
  background: #242424;
  color: #fff;
  padding: .5em;
  text-decoration: none; border-color:#242424;
}


.sakkoomod .myshortlist_link:hover {color:#242424;}

.sakkoomod .active .myshortlist_link:hover {color:#fff;}

li.page-item { display:none;}

li.page-item:last-child, li.page-item:nth-last-child(2), li.page-item:nth-child(1), li.page-item:nth-child(2), li.page-item.active {
    display: block;
}

.page-link.active, .active>.page-link { background: #242424;border-color:#242424;}

.dark-mode .page-link.active, .dark-mode .active>.page-link { background: #fefefe;border-color:#fefefe; color:#242424;}

.page-link.disabled, .disabled > .page-link { opacity: 0.2;}

.footer { background: #0e0e0e; border-top:4px solid #242424; text-align:center; margin:0;}

.footer .grid-child { justify-content: center;}

#mod-custom119 { padding:1em;}
#mod-custom119 svg { cursor: pointer; width:20px; height:20px;}
.sun svg { color:#f39c12; }
.moon svg { color:#f1c40f; }

.moon, .dark-mode .sun { display:none; }
.dark-mode .moon { display:block; }
body.dark-mode, .dark-mode .container-header {     color: #d1d1d1;
    background: #0e0e0e; }

.dark-mode .sakkoomod ul li a { color:#4e4e4e; }
.dark-mode .sakkoomod ul li a:hover { text-decoration:none; }
.dark-mode .sakkoomod ul li.active a {
    background: #d1d1d1;
    color: #030303; border-color:#d1d1d1;}
    
.dark-mode .bars .line {stroke:#efefef;}
.dark-mode .container-header .site-description {color:#efefef;}
.dark-mode #MainMenu { background:#0e0e0e;}

.dark-mode .container-header .mod-menu > li > a{ color:#efefef;}

.dark-mode.newspaper .com-content-category-blog__item.blog-item .page-header a { color:#efefef; }

.dark-mode.newspaper .com-content-category-blog__item.blog-item .article-info { color:#969696 !important;}

.dark-mode .com-content-article .page-header h1 { color:#d1d1d1; border-color:#d1d1d1;}

.dark-mode .com-content-article .article-info{ color:#d1d1d1 !important; }
.dark-mode .footer { border-color:#d1d1d1;}

.page-item:last-child .page-link, .page-item:first-child .page-link { border-radius:0;}

.page-link { color:#242424; border-color:#242424; }
.dark-mode .page-link { background:#000; color:#fefefe; border-color:#fefefe; }

.container-component nav {
    display: flex;
    justify-content: center;
}

.com-content-category-blog__navigation { text-align: center; }

#SideMenu {

  grid-gap: .5em;  display: inline-block;

}

.sakkoomod {
  display: inline-block;
  width: fit-content;
}

footer .grid-child {
  display: flex;
  flex-direction: column;

}

footer .grid-child > ul {
  display: flex;
  flex-direction: row;
    margin-bottom:2em;
}

footer .grid-child > ul a { color:#fefefe; }
.container-component > * + * { margin:0; }

.AdBox {
  width: 100%;
  display: block;
  text-align: center;
  margin: 1em auto;
  max-width:500px;
  
}

.com-content-article__body > p { order:-1;}

.com-tags__category {     display: flex;
    flex-direction: row;
    margin: 2em 1em;
    grid-gap: 1em;
    text-align: center; }
    
.com-tags__category li { background: transparent; border-color:#242424;}
.dark-mode .com-tags__category li { border-color:#fefefe;}
.list-group-item+.list-group-item {
    border-top-width: 1px;
}
.list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.com-tags__category li a { color:#242424; }
.dark-mode .com-tags__category li a { color:#fefefe; }
.com-tags__category li a:hover { color:#000; }
.dark-mode .com-tags__category li a:hover { color:#fefefe; }



/******** NEWSPAPERMENU *********/

#NewsPaperMenu, #TagMenu {
    max-height: 0;
    overflow: hidden;

    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 1em;
    margin: 0;
    justify-content: center;
}

#NewsPaperMenu.open, #TagMenu.open { max-height:200px; margin: 0 0 1em 0;border-top: 3px solid;
  padding-top: 1em;}

#NewsPaperMenu .item-176, #TagMenu .item-191 {
  display: none;
}

#NewsPaperMenu li, #TagMenu li {
  padding: 0;
  text-align: center;
}

#NewsPaperMenu li a, #TagMenu li a {
  padding: .5em;
  display: block;
  border: 1px solid #0e0e0e;
  color:#0e0e0e;
}

.dark-mode #NewsPaperMenu li a,.dark-mode #TagMenu li a {
  border-color: #fefefe;
  color:#fefefe;
}

main { border-top:3px solid; }

#mod-custom123 { display: flex;
  width: fit-content;
  position: absolute;
  left: 1em;
  grid-gap: 1em;
  font-size: 12px;
  top: 13px;}
  
  dl.com-tags-tag__meta.meta-data {
    color: #969696;
    font-size: 9px;
    display: flex;
    justify-content: space-between; margin:0;
}

dl.com-tags-tag__meta.meta-data dd { margin:0; }

.com-tags-tag__pagination { 
    display: flex;
  flex-direction: column;
  text-align: center;
}

.com-content-article.item-pagenewspaper div.page-header:nth-child(2) {
  display: none;
}

.com-content-article.item-pagenewspaper .page-header h2 {
  font-size: 15px;
  margin: 1em 0;
  line-height: 24px;
}

/************ RESPONSIVE ************/

@media screen and (min-width:600px) {

}
@media screen and (min-width:992px) {
      
  dl.com-tags-tag__meta.meta-data, .newspaper .com-content-category-blog__item.blog-item .article-info {
    font-size: 10px;}
    .com-tags-tag__category li { padding:1em; }
    .com-tags-tag__category { border-left:1px solid; }
    .tag-category > h1 {
    margin-bottom: 0; }
    .newspaper .blog h1 { margin-bottom:0; }
    .com-tags-tag__category li {border-right: 1px solid #c4c4c4;
        padding: 1em;}
    .newspaper .com-content-category-blog__item.blog-item .item-image, .com-tags-tag__category li a {
    max-height: 150px;}
        .float-md-end { float:none !important;}
    .blog-items, .com-tags-tag__category { grid-template-columns: 1fr 1fr 1fr 1fr; column-gap: 0; grid-gap: 0; border-left: 1px solid;}
.newspaper .com-content-category-blog__item.blog-item {
    border-right: 1px solid #c4c4c4;
    padding: 1em 1em 0;
}
#topmenu { padding: 4px 1em; }
.container-header .mod-menu > li + li { margin:0; }
.metismenu.mod-menu .parent > ul {
  position: absolute;
    width: inherit;
    padding-right: 0;
    box-shadow: inherit;
    margin-top: 18px;
    border: 1px solid #333;
    border-radius: 10px;
}
}

@media screen and (min-width:1200px) {
    
        .blog-items, .com-tags-tag__category { grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.newspaper .com-content-category-blog__item.blog-item .item-image, .com-tags-tag__category li a {
    max-height: 120px;}
    
}

:root {
    --link-color: #dad7cd;
}

