@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; }

html { }

body { font-family: 'iransans', sans-serif;  max-width: 500px;  margin: 0 auto; font-size: 13px;}
a, a:not([class]) { text-decoration:none; }
p { margin: 0; }
.break {  flex-basis: 100%;  height: 0;}
h1, h2, h3, h4, h5, h6 { font-family: 'iransans', sans-serif;}
a.button {  background-color: #ffcf44;  padding: 0.5em 0.5em;  font-size: 14px;  color: #000;  font-weight: bold;  border: 3px solid #000;  -webkit-box-shadow: -4px 4px 0px 0px rgba(58,58,58,1);  -moz-box-shadow: -4px 4px 0px 0px rgba(58,58,58,1);  box-shadow: -4px 4px 0px 0px rgba(58,58,58,1);  display: inline-block; text-align:center; transition: all 0.3s ease;}
a.button:hover { background-color: #000; color:#fff; transition: all 0.3s ease;}
.coverimg { margin:7px auto; display:block;}

.container-component > :first-child { margin-top: 1em; }

/*************** HEADER ***************/

.container-header { background: inherit; display: flex; flex-wrap: wrap; direction: ltr; }
.container-header .mod-menu { color:#000; }
.container-header .navbar-brand  { line-height:22px; padding: 9px 4px 0px 4px; border: 3px solid #000;  text-align: center; -webkit-box-shadow: -4px 4px 0px 0px rgba(58,58,58,1);-moz-box-shadow: -4px 4px 0px 0px rgba(58,58,58,1); box-shadow: -4px 4px 0px 0px rgba(58,58,58,1);}
.container-header .navbar-brand a {  font-weight: 700; text-decoration: none; font-size: 26px; color: #000;}
.container-header .site-description { font-size:9px; color: #000; }
.site-description::before, .site-description::after {display: inline-block;  content: "";  border-top: 1px solid black;  width: 4px;  margin: 0 1px;  transform: translateY(-3px);}
.container-header .grid-child { padding:.5em; flex-basis: content;  margin: 0 0;}

.metismenu.mod-menu {  margin: 0;  display: flex;  flex-direction: row; grid-gap: 0.8em;}
.metismenu.mod-menu .metismenu-item {  display:none; font-size: 12px;  position: relative;  width: 61px; height:61px; padding: 0;  flex-direction: column;  font-weight: bold; border: 3px solid #000; -webkit-box-shadow: -4px 4px 0px 0px rgba(58,58,58,1);-moz-box-shadow: -4px 4px 0px 0px rgba(58,58,58,1); box-shadow: -4px 4px 0px 0px rgba(58,58,58,1); transition: all 0.3s ease;}
.metismenu.mod-menu .metismenu-item svg, .metismenu.mod-menu .metismenu-item img {  height: 30px;  width: 30px;  margin: 5px auto 0;}
.metismenu.mod-menu .metismenu-item a {  margin: 0 auto;  position: absolute;  width: 100%;  padding: 37px 0 3px 0; text-align:center;}
.metismenu.mod-menu .metismenu-item a:hover, .metismenu.mod-menu .metismenu-item.active a { text-decoration:none;}

.metismenu.mod-menu .metismenu-item a:focus { outline:0; }

#MainMenu.metismenu.mod-menu .metismenu-item.item-102, #MainMenu.metismenu.mod-menu .metismenu-item.item-103 { display: inherit; }

.itemid-110 .container-header .navbar-brand, .metismenu.mod-menu .metismenu-item:hover, .metismenu.mod-menu .metismenu-item.active { background: #000; }
.itemid-110 .container-header .navbar-brand a, .itemid-110 .container-header .site-description, .metismenu.mod-menu .metismenu-item:hover a, .metismenu.mod-menu .metismenu-item:hover svg, .metismenu.mod-menu .metismenu-item.active a, .metismenu.mod-menu .metismenu-item.active svg { color:#fff; }

.itemid-110 .site-description::before, .itemid-110 .site-description::after { border-color:#fff; }

.breadcrumb {  background-color: #fff;  border: 3px solid #000;  -webkit-box-shadow: -4px 4px 0px 0px rgba(58,58,58,1);  -moz-box-shadow: -4px 4px 0px 0px rgba(58,58,58,1);  box-shadow: -4px 4px 0px 0px rgba(58,58,58,1);  padding: 3px 1px !important; direction: ltr;}

#mod-custom110 {  display: grid;  grid-template-columns: 1fr 1fr;  border: 3px solid #000;  -webkit-box-shadow: -4px 4px 0px 0px rgba(58,58,58,1);  -moz-box-shadow: -4px 4px 0px 0px rgba(58,58,58,1);  box-shadow: -4px 4px 0px 0px rgba(58,58,58,1);  padding: 5px;justify-items: start; font-size: 11px; text-align:center;  direction: rtl;}

.container-header .mod-menu > li + li { margin:0; }

.btn-secondary {  padding 4px 8px 4px 8px; border: 3px solid #000;  text-align: center; -webkit-box-shadow: -4px 4px 0px 0px rgba(58,58,58,1);-moz-box-shadow: -4px 4px 0px 0px rgba(58,58,58,1); box-shadow: -4px 4px 0px 0px rgba(58,58,58,1); border-radius:0; font-size:11px;}
.dosplay.btn-secondary { display:block; font-size: 20px; direction:ltr; color:#000; }
/**** Nav Icon ***/
#navbtn { position: relative;  display: block;  width: 60px;  transition: 0.3s ease transform;  cursor: pointer;  direction: ltr;  font-weight: bold;  border: 3px solid #000;  -webkit-box-shadow: -4px 4px 0px 0px rgba(58,58,58,1);  -moz-box-shadow: -4px 4px 0px 0px rgba(58,58,58,1);  box-shadow: -4px 4px 0px 0px rgba(58,58,58,1);  transition: all 0.3s ease;  padding: 11px 5px 0px 7px;}

#navbtn div { width: 40px;  height: 4px;  background-color: #000;  margin-left: 0;  margin-bottom: 8px;  transition: 0.3s ease width, 0.3s ease margin-left, 0.3s ease margin-bottom, 0.3s ease background-color; }


#navbtn:hover div:nth-child(2) { width: 33px; }

#navbtn.open:hover div:first-child { width: 30px; }

#navbtn div:last-child { margin-bottom: 0; }

#navbtn.open { transform: translateY(0) rotateZ(-90deg); }
#navbtn.open div { width: 30px;  margin-bottom: 0;  background-color: transparent;  height: 30px;  border: 2px solid #000;  margin-top: 1px;  margin-left: 4px;  background: #000; }

#navbtn.open div:nth-child(2),#navbtn.open div:nth-child(3) {  display: none;}

.container-header .containernavbtn { padding: .5em 0 .5em .3em; }


#BoxMenu.open {  max-height: 400px;}

#BoxMenu {  width:100%; padding: 0;  max-height: 0;  overflow: hidden; transition: all 0.3s ease;}
#NewMenu {  display: flex;  flex-direction: row; padding: .5em; flex-wrap: wrap; }
#NewMenu li.item-104, #NewMenu li.item-106, #NewMenu li.item-107, #NewMenu li.item-108, #NewMenu li.item-109, #NewMenu li.item-120, #NewMenu li.item-121, #NewMenu li.item-122{ display: inherit; }
.metismenu.mod-menu .metismenu-item.item-104 { display:none; }
.blog-item { overflow: visible; }

.com-content-category-blog__item .item-content { -webkit-box-shadow: -4px 4px 0px 0px rgba(58,58,58,1);  -moz-box-shadow: -4px 4px 0px 0px rgba(58,58,58,1);  box-shadow: -4px 4px 0px 0px rgba(58,58,58,1); direction: rtl; border: 3px solid #000; text-align: justify;}
.com-content-category-blog__item .item-content p { padding: .5em; }
.page-header h1{ font-size:20px; margin: 5px 0 20px; }
.blog-item .item-image { margin-bottom: 0;-webkit-box-shadow: -4px 4px 0px 0px rgba(58,58,58,1);
  -moz-box-shadow: -4px 4px 0px 0px rgba(58,58,58,1);
  box-shadow: -4px 4px 0px 0px rgba(58,58,58,1);}
.page-header h2 { margin: 0;  padding: .5em;  font-size: 16px;  display: inline-block;  background: #000;}
.page-header h2 a { color:#fff; }
.fields-container {
  padding: 0;
  display: flex;
  flex-flow: wrap;
  direction: rtl;
  text-align: center;
  border-top: 3px solid #000;
  border-right: 3px solid #000;
  font-size: 13px;
 margin:0 0 20px;
}

.field-entry {
  display: flex;
  flex-direction: column;
  direction: rtl;
  border-bottom: 3px solid #000;
  border-left: 3px solid #000;
  padding: .2em;
  flex: content;
}

.breadcrumb-item + .breadcrumb-item::before {
  float: left;
padding-left:var(--breadcrumb-item-padding-x); ; 
  padding-right: var(--breadcrumb-item-padding-x); }

.com-content-article__body { text-align: justify; }

main .com-content-article{ -webkit-box-shadow: -4px 4px 0px 0px rgba(58,58,58,1);  -moz-box-shadow: -4px 4px 0px 0px rgba(58,58,58,1);  box-shadow: -4px 4px 0px 0px rgba(58,58,58,1);  padding: 0 0 0.5em .5em;  border-left: 3px solid #000;  border-bottom: 3px solid #000; display: flex; flex-direction: column;}


.form-control {
  border-radius: 0;
}

.form-control:focus {
  box-shadow: none;
  border: 3px solid #000;
}

.tab {  display: flex;  grid-gap: 1em;  margin-bottom: 20px;}
.tab button {  padding: 0 25px 4px;  border: 3px solid #000;  text-align: center;  -webkit-box-shadow: -4px 4px 0px 0px rgba(58,58,58,1);  -moz-box-shadow: -4px 4px 0px 0px rgba(58,58,58,1);  box-shadow: -4px 4px 0px 0px rgba(58,58,58,1);  font-size: 16px;  flex-shrink: 0;  flex-grow: 1; background:#fff;}
.tab button.active, .tab button:hover{  background: #000;  color: #fff;}
.tab button:focus { box-shadow: -4px 4px 0px 0px rgb(0, 0, 0);  background: #000;  color: #fff;  border-top: 4px solid #fff;  border-right: 4px solid #fff;  border-bottom: 0;  border-left: 0;  padding: 0px 29px 0 21px;}

.footer {  background: transparent;  color: #000;  direction: ltr;  margin: 1em 0;  padding: 0 0.5em; font-family: tahoma, iransans;}

.footer .grid-child{  -webkit-box-shadow: -4px 4px 0px 0px rgba(58,58,58,1);  -moz-box-shadow: -4px 4px 0px 0px rgba(58,58,58,1);  box-shadow: -4px 4px 0px 0px rgba(58,58,58,1);  padding: 0 0 0 .5em;  border: 3px solid #000; background:transparent; align-items: start;}

ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink {  width: 100% !important;  height: auto !important;}
ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink { max-width:100%;width: 100% !important;  height: auto !important; }

ul.sigFreeClassic {  margin: 0 !important;  padding: 0 !important; display: grid;  grid-template-columns: 1fr 1fr 1fr;}

.readmore {  margin: .5em;  display: flex;  flex-direction: row-reverse;}

.com-content-category-blog__item .tags { display: none; }

.com-content-article .tags {
  order: 1;
  margin: 1em 0 0;
}

.tags .list-inline-item {
  margin: 0;
}

.tags a.btn {
  font-weight: 700;
  border-radius: 0;
  border: 2px solid #000;
  background: #000;
  padding: 0px 15px;
}

.published {font-family: 'iransans', sans-serif;}
.news .mod-breadcrumbs li:nth-child(4) { display:none; }


/***************** DOS GAMES ****************/


.dosgames .com-content-article__body { text-align:center;}
.dosgames .item-image {max-width:500px;}
.view-category.dosgames .blog-items .blog-item { position:relative; }
.view-category.dosgames .holderbtn {display:flex; justify-content:center; width:100%;}

.view-article.dosgames main { margin:0; }

.view-article.dosgames .site-grid { grid-gap:0; }
.dosgames .page-header h2 {
  text-align: center;
}

.item-122:hover img {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

.itemid-120 .blog .item-content { text-align: center; }

.compensate-for-scrollbar { margin: 0 auto !important;}

#testerbutton {  display: block;  padding: 0px 1em;  cursor: pointer;  position: relative;  margin: 0;  height: auto; justify-content: center;  display: flex;  padding: 1em 0;  grid-gap: 1em;  align-items: center;}

#testerbutton svg {  width: 25px;  height: 27px;  border: 1px solid #d3d3d3;  padding: 0 3px;  border-radius: 6px;}

#testerbutton span {  display: none;  font-size: 11px;  position: absolute;  bottom: 0;  direction: ltr;}

.category-desc p {     font-size: 29px;
    text-align: center;
    padding: 2em 1em;
    font-weight: bold;}

.itemid-110 .category-desc p {  font-size:11px;padding: 1em;
    font-weight: normal;}
.com-content-category-blog__items.blog-items.masonry-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

dl.article-info.text-muted {
    display: flex;
    margin: 0.5em 0;
grid-gap: .5em;
}
/***************** RESPONSIVE ****************/


@supports (display:grid) {
  .site-grid {
    grid-gap: 0 0.5em;
    grid-template-columns: [full-start]minmax(0,1fr)[main-start]repeat(4,minmax(0,100%))[main-end]minmax(0,1fr)[full-end];
}
}

@media screen and (min-width: 500px) {
.container-header .navbar-brand a { font-size: 2rem; }
.container-header .site-description { font-size:12px; }
.site-description::before, .site-description::after { width: 8px; margin: 0 4px; }
.metismenu.mod-menu .metismenu-item.item-104 { display: inherit; }
.container-header .containernavbtn { padding: .5em 0 .5em .8em; }
.metismenu.mod-menu { grid-gap: 1.2em;}
a.button { font-size: 17px; }
.coverimg { margin:13px auto 33px; }
#mod-custom110 {  padding: 15px; font-size:13px; }
.yekfcimg { margin-right:10px; }
#NewMenu li.item-104 { display:none; }
#mod-custom110 a.button { margin-top:20px; }
#NewMenu { flex-wrap: inherit; }
}


:root {  --link-color: #bb9320;}