@font-face {
  font-family: 'kalarena-fa';
  src:  url('../fonts/kalarena-fa.eot?#') format('eot'),  /* IE6–8 */
    
    url('../fonts/kalarena-fa.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/kalarena-fa.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'vazir-l';
  src:  url('../fonts/Vazir-Light-FD.eot?#') format('eot'),  /* IE6–8 */
    
    url('../fonts/Vazir-Light-FD.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/Vazir-Light-FD.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'vazir-b';
  src:  url('../fonts/Vazir-Bold-FD.eot?#') format('eot'),  /* IE6–8 */
    
    url('../fonts/Vazir-Bold-FD.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/Vazir-Bold-FD.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'vazir-t';
  src:  url('../fonts/Vazir-Thin-FD.eot?#') format('eot'),  /* IE6–8 */
    
    url('../fonts/Vazir-Thin-FD.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/Vazir-Thin-FD.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
  font-family: 'vazir-m';
  src:  url('../fonts/Vazir-FD.eot?#') format('eot'),  /* IE6–8 */
    
    url('../fonts/Vazir-FD.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/Vazir-FD.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}


body {
  min-height: 75rem;
  background-color:  #e5e5e5;
  font-family: kalarena-fa;
}

body a {
  text-decoration: none;
  color:  #007bff;
}

h1 {
  color: #517da2;
  font-family: kalarena-fa;
  font-size: 1.5rem;
  margin-bottom:  1.2rem;
  line-height: 1.9rem;
}

h2 {
  border-right:  solid 8px #28a745;
  font-family: kalarena-fa;
  font-size: 1.5rem;
  line-height: 2.1rem;
  color:  black;
  padding-right:  10px;
}

h3 {
  font-family: kalarena-fa;
  font-size: 20px;
  line-height: 1.9rem;
  color:  black;
}

h5 {
  font-size:  1rem;
}

p {
  text-align:  justify;
  font-size:  14px;
  color: #212529;
  font-weight:  400;
  line-height:  2;
}

.blog-header-logo {
  font-family: kalarena-fa;
  font-size: 2.1rem;
  color:  #517da2!important;
}

.firstpage-thumb {
  max-width:  120px;
  float:  right;
  margin-left:  10px;
}

.firstpage-catdiv {
  text-align:  justify;
}

.ad-area-v {
  padding-top:  2.5rem;
}

.ad-area-h img {
  display:  inline;
  max-width:  260px;
  margin: auto 12px;  
}

.ad-area-v img {
 max-width:  234px;
}

.ad-area-h .wp-block-image {
  display:  inline-block;
  margin-top:  15px;
}

.navbar {
  color:  white!important;
  padding-top:  0.3rem;
  padding-bottom:  0.3rem;
}

.nav-blue {
  background-color:  #517da2!important;  
}

.nav-green {
  background-color:  #2eca6a!important;  
}

.nav-blue a {
  color:  white!important;
}

.nav-green a {
  color:  black!important;
}

.navbar ul {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  list-style-type: none;
}

.navbar li {
  margin-left:  20px;
  margin-right:  20px;
}

.home-main {
  background-color: #28a745;
  width: fit-content;
  line-height:  1.8rem;
  color: white;
  padding: 10px;
}

.content-area {
  background-color:  white;
  border: 1px #c5c5c5 solid;
  margin-right:  0px;
  margin-left:  0px;
  margin-top: 0px;
  padding:  20px;
}

.abstract-band {
  display:  flex;
  flex-direction: column;
}

.abstract {
  display:  block;
}

.home-thumb-img {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  float: right;
}

.home-thumb-img img {
  width:  100%;
  height:  100%;
  flex-shrink: 0;
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
}

.single-post-area .wp-post-image {
  display:  block;
  margin:  1.1rem auto;
}

.footer, .footer p {
  background-color: #343a40;
  color:  white;
  direction:  ltr;
  text-align: center;
  font-family:  tahoma;
}

.footer a {
  color:  white;
}

.footer a:hover {
  color:  #c5c5c5;
}

.wp-block-latest-posts, .mostviewedposts {
  list-style:  none;
  padding-right:  0;
  margin-right:  0.8rem;
  font-size:  0.8rem;
}

.mostviewedposts {
  margin-top: 1rem;
  margin-bottom:  0.8rem;
}

.wp-block-latest-posts li, .mostviewedposts li {
  margin-bottom:  0.8rem;
}

.ad-area-h, .ad-area-v {
  /*background-color:  #c5c5c5;
  color: #626262; 
  min-height:  240px;
  font-family:  kalarena-fa;
  font-size:  2.5rem;*/
  text-align:  center;
  vertical-align:  middle;
  border: 1px #eaeaea solid;
  border-radius: 2px;
}

/* Styles for comments */

#comment {
  width: 100%;
}

.commentlist .depth-2,
.commentlist .depth-3 {
  margin-right: 50px;
}

.commentlist .depth-1 {
  background-color: #d2d2d2;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 10px;
  border-radius: 5px;
}

.commentlist .depth-2 {
  background-color: #e2e2e2;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 10px;
  border-radius: 5px;
}

.commentlist .depth-3 {
  background-color: #f5f5f5;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 10px;
  border-radius: 5px;
}

.commentlist .reply a,
.commentlist .commentmetadata a {
  font-family: vazir-l;
  font-size: .7em;
  color: #2d2d2d;
  text-decoration: underline;
}

.addtoany_content {
  text-align:  right;
  /* width:  100%; */
}

.alignright {
  text-align: right;
}

.alignleft {
  text-align:  left;
}

.mahale-img img {
  float:  right;
  margin-left:  10px;
  /* margin-bottom:  25px; */
}

#postWithTOC {
  padding: 20px;
}

.tocify {
  overflow:  inherit;
}

.no-border-radius {
  border-radius:  0;
}

.communities h2 {
  font-size: 1.4rem !important;
  border-bottom: 5px solid #2eca6a;
  width: fit-content;
  border-right:  none;
  padding-right:  0px;
  font-family:  vazir-b;
}

.communities h2 a {
  color:  black;
}

.communities h1 {
  font-size: 1.7rem;
  line-height: 2.9rem;
  font-family:  vazir-b;
  color:  black;
}

.communities p {
  font-size:  16px;
  line-height:  26px;
  font-family:  vazir-m;
  font-weight:  400;
}

.continue-button {
  font-size: .9rem;
  background-color: #2eca6a;
  padding: .3rem .7rem;
  color: black;
  letter-spacing: 0.030em;
  border-radius: 50px;
  text-decoration: none;  
  float:  left;
  margin-bottom: 15px;
}

.continue-button:hover {
  color: black;
}

.img-communities {
  width: 100%;
  margin-bottom: 15px;
}

.text-dark-cities {
  font-family:  vazir-m;
  font-size: 2rem;
  font-weight: 600;
  color:  black!important;
}

.cities p {
  font-family:  vazir-m;
  color:  #555555;
  font-size:  1rem;
  line-height: 26px;
  font-weight:  400;
}

.cities a {
  color: #2eca6a;
}

.cities h1 {
  color:  black;
  font-family:  vazir-b;
  margin:  1rem 0;
}

.cities h2 {
  font-family:  vazir-b;
  font-size: 1.4rem!important;
  border-right:  none;
  padding-right:  0px;
  border-bottom: 5px solid #2eca6a;
  width: fit-content;
}

.cities h3 {
  font-family:  vazir-b;
  font-size: 1.3rem!important;
  /* border-top: 2px solid black; */
  border-bottom: 2px solid black;
  margin-top:  30px;
  margin-bottom:  30px;
  width: fit-content;
}

.cities h4 {
  font-family:  vazir-b;
  font-size: 1.05rem!important;
} 


.img-cities {
  text-align:  center;
}

.img-cities h2 {
  border:  none;
  font-size:  1.2rem;
  margin:  10px auto;
}

/* Others */
@media only screen and (min-width : 1920px) {
 .tocify {
        position: fixed;
        width: 7%;
  }
 }


/* Others */
@media only screen and (min-width : 1400px) {
  .home-thumb-img {
    width:  200px;
    height:  200px;
    overflow: hidden;  
    margin-left:  10px;
  }
  .mahale-img img {
    width:  320px;
  }
  /*------/ TOC /------*/
  .tocify {
        position: fixed;
        width: 19%;
  }
  #postWithTOC {
    /* margin-right: 310px; */
  }
}

@media only screen and (max-width : 1400px) {
  .home-thumb-img {
    width:  180px;
    height:  180px;
    overflow: hidden;  
    margin-left:  10px;
  }
  .mahale-img img {
    width:  320px;
  }
  /*------/ TOC /------*/
  .tocify {
        position: fixed;
        width: 19%;
  }
  #postWithTOC {
    /* margin-right: 310px; */
  }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1200px) {
  .home-thumb-img {
    width:  150px;
    height:  150px;
    overflow: hidden;  
    margin-left:  10px;
  }
  .mahale-img img {
    width:  100%;
    margin-bottom:  10px;
  }
  /*------/ TOC /------*/
  .tocify {
        position: fixed;
        width: 19%;
  }
  #postWithTOC {
    /* margin-right: 310px; */
  }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  .home-thumb-img {
    width:  100%;
    height:  100%;
    overflow: hidden;  
  }
  .mahale-img img {
    width:  100%;
    margin-bottom: 15px;
  }
  /*------/ TOC /------*/
  .tocify {
    position:  inherit;
    width:  100%;
    margin-bottom: 15px;
  }
  #postWithTOC {
    /* margin-left: 210px; */
    /* padding: 30px; */
  }
}