@charset "UTF-8";

/*
Theme Name: Borhan Theme
Author: DA10
Version: 0.2
*/

/* Nazanin Three */

@font-face {
  font-family: 'BNazanin+Regular';
  src:  url('fonts/nazanin3/BNazanin+Regular.eot');
  src:  url('fonts/nazanin3/BNazanin+Regular.svg#BNazanin+Regular') format('svg'),
        url('fonts/nazanin3/BNazanin+Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/nazanin3/BNazanin+Regular.woff2') format('woff2'),
        url('fonts/nazanin3/BNazanin+Regular.woff') format('woff'),
        url('fonts/nazanin3/BNazanin+Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BNazanin+Black';
  src:  url('fonts/nazanin3/BNazanin+Black.eot');
  src:  url('fonts/nazanin3/BNazanin+Black.svg#BNazanin+Black') format('svg'),
        url('fonts/nazanin3/BNazanin+Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/nazanin3/BNazanin+Black.woff2') format('woff2'),
        url('fonts/nazanin3/BNazanin+Black.woff') format('woff'),
        url('fonts/nazanin3/BNazanin+Black.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BNazanin+Bold';
  src:  url('fonts/nazanin3/BNazanin+Bold.eot');
  src:  url('fonts/nazanin3/BNazanin+Bold.svg#BNazanin+Bold') format('svg'),
        url('fonts/nazanin3/BNazanin+Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/nazanin3/BNazanin+Bold.woff2') format('woff2'),
        url('fonts/nazanin3/BNazanin+Bold.woff') format('woff'),
        url('fonts/nazanin3/BNazanin+Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* === General === */

html{
  direction:rtl;
}

body {
  overflow-x:hidden;
  font-family: "B Nazanin";
  font-family: "Nazanin";
  font-family: "BNazanin+Regular", "Tahoma";
  font-size: 14px;
  color: black;
  background: #f2f2f2;
}

body.single-post::before{
  height:540px;
  background: #084d73;
  }

body.home{
  background: #4E342E;
}

body.reader-mode .owl-carousel{
  font-size:12px;
}


body.reader-mode .page-child:after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #423331;
  z-index: 1;
  position: absolute;
}

body.off-canvas-is-open{
  overflow: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family:inherit;
  margin: 0 0 .5rem 0;
  line-height:normal;
}

h1 {
  font-size: 150%;
}

h2 {
  font-size: 125%;
}

h3 {
  font-size: 100%;
}

article a em,
article a {
  color: #C2AA7D;
}

article p a{
  color:#c3ab7f;
}

article p a:hover{
  border-bottom: solid 1px #c3ab7f;
}

article a:focus,
article a:hover {
  color: #bca068;
}

header h1 {
  position: relative;
  color: #bba477;
  font-family:inherit;
  font-weight: normal;
  letter-spacing: -1px;
}

.page-template-page-other header h1{
  font-family:arial!important;
  font-weight:600;
  font-size:200%;
  position:relative;
  top:1.5rem;
}

header h2 {
  color: black;
  font-family:inherit;
  font-weight: normal;
  font-size: 125%;
  margin: 0 0 16px 0;
  margin: 0 0 1rem 0;
  display: block;
}


/* == Tabs === */

.has-tip{
  display:inline-block;
  vertical-align:super;
  font-size:80%;
  line-height:1;
  margin:0 2px;
  border-bottom: 1px dotted #aaa;
  color:#b79656!important;
}

/* === Footnote Tooltips === */

.tooltip{
  border:2px solid black;
  background:whitesmoke;
  box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.09);
  color:black;
  padding:.35rem .5rem .35rem .5rem;
  font-size:14px!important;
  border-radius:6px;
  line-height:normal;
  z-index:200!important;
}

@media (max-width:640px){

  .tooltip{
    left:0!important;
    right:0!important;
    margin:auto!important;
    width:100vw!important;
    max-width:100vw!important;
    max-width:calc(100vw - 3rem)!important;
  }

}

.tooltip::after,
.tooltip::before{
  display:none!important;}

.touch .tooltip{
  padding-left: 31px;;
    padding: 9px 18px 10px 40px;
}

.tooltip .close-button{
  display: none;
}

.touch .tooltip .close-button{
  display: block;
  font-size: 40px;
  top:-1px;
  right: auto;
  left: 16px;
  color:black;
  z-index: 100;
}

/* == Tabs === */

ul.tabs li {
  background: none;
  color: #222;
  display: inline-block;
  padding: 10px 15px;
  cursor: pointer;
}

ul.tabs li.current {
  background: #ededed;
  color: #222;
}

.tab-content {
  display: none;
  background: #ededed;
  padding: 15px;
}

.tab-content.current {
  display: inherit;
}


/* === Off-canvas Menu === */

.off-canvas {
  position: fixed;
  z-index: 101;
  text-align: right;
  direction: ltr;
  bottom: 0;
  box-shadow: none;
  -webkit-transition: all .25s;
  transition: all .25s;
  background: rgb(255, 255, 255);
  overflow: auto!important;
  right: -610px;
  padding:0 1rem;
  top: 0;
  bottom: 0;
  width: 610px;
  max-width: 100%;
  height: 100vh;
  overflow:hidden;
  -webkit-transform: initial;
          transform: initial;
}

.off-canvas.open {
  box-shadow: 0 0 8px 2px rgba(0, 0, 0, .14);
  z-index:501;
  right: 0;
}

.reader-mode .off-canvas{
  box-shadow:none!important;
  border-left:1px solid #eee;
  max-height:calc(100vh - 44px);
}

.reader-mode .off-canvas.open {
  box-shadow: 0 0 8px 2px rgba(0, 0, 0, .14);
  z-index:501;
  right: 0;
}

.off-canvas .menu-book-chapters-container{
  margin:4.5rem 0 0 0;
  max-height:calc(100vh - 4.75rem);
  overflow:auto;
}

.off-canvas .menu-book-chapters-container .menu{
  margin:0;}

/* === new === */

body.is-reveal-open {
  overflow: hidden;
}

.reveal.rookhani {
  -webkit-animation: zoomIn .75s cubic-bezier(0, 0, 0, 1) forwards;
  animation: zoomIn .75s cubic-bezier(0, 0, 0, 1) forwards;
  z-index: 999999999;
  padding: 0;
  right:initial;
  left:0!important;
  top: 0!important;
  overflow: hidden!important;
  position: fixed;
  width: 100vw!important;
  height: 100vh!important;
  max-height:100vh!important;
  min-height:100vh!important;
  box-shadow:none!important;
  border:none!important;
  background:none!important;
  border-radius:0;
  overflow:auto;}

.reveal.rookhani .close-button{
  border:2px solid #bba581;
  width:2.25rem;
  height:2.25rem;
  line-height:1.75rem;
  color:white;
}

.reveal.rookhani .close-button:hover{
  background:#bba581
}

/* === Top Bar === */

.top-bar-wrapper{
  background: #4e342e;
  padding: 1rem;
  }

.home .top-bar-wrapper{
  position:relative;
  z-index:2;
  }

.top-bar {
  position: relative;
  direction: rtl;
  max-height: 2.25rem;
  display: block!important;
  background:none;
  margin: auto;
  overflow: hidden;
  padding: 0;
}

.top-bar.extended {
  -webkit-transition: max-height 0.35s cubic-bezier(0.62, 0.02, 0, 1);
  transition: max-height 0.35s cubic-bezier(0.42, 0, 0, 0.99);
  max-height: 590px;
}

.title-bar {
  padding: 0;
  margin:0 auto 1rem auto;
  position: relative;
  text-align: center;
  background: none;
}

.top-bar-title {
  position: relative;
  background: none;
  float: right;
  width: auto;
  margin: 0;
}

.top-bar-button {
  position:relative;
  width:2.25rem;
  height:2.25rem;
  text-align:center;
  float: right;
  margin: 0;
  float: left;
  border-radius: 3px;
  border: none;
  outline: none;
  box-shadow: inset 0 0 0 2px #736144;
}


.top-bar-button .top-bar-button-text {
  font-size: 150%;
  display: inline-block;
  display: none;
  vertical-align: middle;
  height: auto;
  line-height: normal;
  color: white!important;
}

.search-toggle {
  position:absolute;
  top:0;
  left:0;
  z-index:1;
  display:block!important;
  float: left;
}

.reader-mode .site-logo,
.reader-mode .search-toggle{
  z-index:0;
}

#search-toggle-minus{
  display:none!important;
}

.search-on #search-toggle-plus{
  display:none!important;
}

.search-on #search-toggle-minus{
  display:block!important;
}

#search-toggle-minus,
.saerch-toggle:focus,
.top-bar-button:focus,
.saerch-toggle:hover,
.top-bar-button:hover{
  color:white;
  box-shadow: inset 0 0 0 2px rgb(191, 168, 123);
  background: rgb(191, 168, 123);
}

.top-bar-toggle {
  position:absolute;
  top:0;
  right:0;
}

.site-logo {
  vertical-align: middle;
  display: inline-block;
}

.site-logo img {
  display: block;
  margin: 0;
  height: 40px;
  height: 2.25rem;
}

.top-bar ul {
  background:none;
  margin:0 auto 0 auto;
  text-align: center;
}

.top-bar ul li {
  height:1005;
  margin: 0;
  text-align: right;
  border-top: 1px solid rgba(187, 164, 119, 0.11);
  display: inline-block;
  vertical-align:middle;
  width: 100%;
}

.top-bar ul li.current-menu-item a {
  background: none!important;
  color: #BBA477;
}

.top-bar li a {
  padding:1rem 0;
  letter-spacing:-.5px;
  color: white;}

/* === Header : Home Page === */

.home.extended article p {
  opacity:0;
  color:red;
}

.home.search-on article p {
  transition: bottom 1s cubic-bezier(0, 0, 0.04, 1);
}

.home footer {
  display: none;
}

.single-format-standard p iframe {
  margin: 16px auto 0 auto;
  margin: 1rem auto 0 auto;
  width: calc(100% + 5rem);
  margin-right: -40px;
  margin-right: -2.5rem;
}

/* === Single Post === */

.single-post article img {
  width:auto;
  height:auto;
  /* mainly for backround page */
  margin:.75rem auto!important;
  position:relative;
  top:0;
}

[alt='figure-ibraham-ommat']{
  background: rgb(245, 245, 245);
}

/* === Post-Snippet === */


.blog .row .columns .graphics{
  position:relative;
  padding:0;
}

.most-recent{
  font-family:inherit;
  font-weight:normal;
  color:white;
  position:absolute;
  right:0;
  top:1.5rem;
  background: #baa3}

.divider{
  display:inline-block;
  vertical-align:middle;
  border-bottom:1px dashed #ccc;
  width:100%;
  max-width:calc(100% - 2rem);}

.post-snippet{
  position:relative;
  padding:1rem;
  text-align:left;
  margin:0 auto .75rem auto;
  transition:transform .15s;}

.post-snippet.card{
  padding:.5rem 0;}

.post-snippet:hover{
  -webkite-transform:translate(-5px, 0);
  transform:translate(-5px, 0);}

.post-snippet:hover .hint{
  position:relative;}

.post-snippet .post-info h2 .fa{
  margin-left:.25rem;
  }


.post-snippet .post-info h2{
  text-align:right;
  font-weight: normal;
  }

.post-snippet .post-info date{
  text-align:right;
  color: #777;
  display: block;
  margin:0 auto 0 auto;
  font-size: 90%;
  font-family:inherit;
  line-height:normal;
  }

.post-snippet .post-info date .month{}

.post-snippet .post-info date .year{}

.post-snippet .graphics{
  background: #0e5176;
  margin:0 auto .5rem auto;
}


.post-snippet .graphics h1::before{
  display:block;
  font-size:175%;}

article.videos .post-snippet .graphics h1::before{
  color: #d0d0d0;
  font-size:650%;
  float:right;
  margin-right:30px;
}

.post-snippet:nth-of-type(1) .graphics h1::before{content:"۱";}
.post-snippet:nth-of-type(2) .graphics h1::before{content:"۲";}
.post-snippet:nth-of-type(3) .graphics h1::before{content:"۳";}
.post-snippet:nth-of-type(4) .graphics h1::before{content:"۴";}
.post-snippet:nth-of-type(5) .graphics h1::before{content:"۵";}
.post-snippet:nth-of-type(6) .graphics h1::before{content:"۶";}
.post-snippet:nth-of-type(7) .graphics h1::before{content:"۷";}
.post-snippet:nth-of-type(8) .graphics h1::before{content:"۸";}
.post-snippet:nth-of-type(9) .graphics h1::before{content:"۹";}
.post-snippet:nth-of-type(10) .graphics h1::before{content:"۱۰";}
.post-snippet:nth-of-type(11) .graphics h1::before{content:"۱۱";}
.post-snippet:nth-of-type(12) .graphics h1::before{content:"۱۲";}
.post-snippet:nth-of-type(13) .graphics h1::before{content:"۱۳";}
.post-snippet:nth-of-type(14) .graphics h1::before{content:"۱۴";}
.post-snippet:nth-of-type(15) .graphics h1::before{content:"۱۵";}
.post-snippet:nth-of-type(16) .graphics h1::before{content:"۱۶";}
.post-snippet:nth-of-type(17) .graphics h1::before{content:"۱۷";}
.post-snippet:nth-of-type(18) .graphics h1::before{content:"۱۸";}
.post-snippet:nth-of-type(19) .graphics h1::before{content:"۱۹";}
.post-snippet:nth-of-type(20) .graphics h1::before{content:"۲۰";}
.post-snippet:nth-of-type(21) .graphics h1::before{content:"۲۱";}
.post-snippet:nth-of-type(22) .graphics h1::before{content:"۲۲";}
.post-snippet:nth-of-type(23) .graphics h1::before{content:"۲۳";}
.post-snippet:nth-of-type(24) .graphics h1::before{content:"۲۴";}
.post-snippet:nth-of-type(25) .graphics h1::before{content:"۲۵";}
.post-snippet:nth-of-type(26) .graphics h1::before{content:"۲۶";}
.post-snippet:nth-of-type(27) .graphics h1::before{content:"۲۷";}
.post-snippet:nth-of-type(28) .graphics h1::before{content:"۲۸";}
.post-snippet:nth-of-type(29) .graphics h1::before{content:"۲۹";}
.post-snippet:nth-of-type(30) .graphics h1::before{content:"۳۰";}
.post-snippet:nth-of-type(31) .graphics h1::before{content:"۳۱";}
.post-snippet:nth-of-type(32) .graphics h1::before{content:"۳۲";}
.post-snippet:nth-of-type(33) .graphics h1::before{content:"۳۳";}
.post-snippet:nth-of-type(34) .graphics h1::before{content:"۳۴";}
.post-snippet:nth-of-type(35) .graphics h1::before{content:"۳۵";}
.post-snippet:nth-of-type(36) .graphics h1::before{content:"۳۶";}
.post-snippet:nth-of-type(37) .graphics h1::before{content:"۳۷";}
.post-snippet:nth-of-type(38) .graphics h1::before{content:"۳۸";}
.post-snippet:nth-of-type(39) .graphics h1::before{content:"۳۹";}
.post-snippet:nth-of-type(40) .graphics h1::before{content:"۴۰";}

.post-snippet .graphics{
  position:relative;
  background-size:auto 4rem;
  padding:4rem 0.5rem;
}

.post-snippet .graphics h1{
  position:relative;
  z-index:1;
  display:block;
  font-size:150%;
  margin:auto;
  color:white;
  line-height:2.8rem;
}

.post-snippet .graphics img{
  opacity:.5;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
  width:auto;
  height:auto;
  padding:2px;
  max-height:5rem;}

article.videos .post-snippet .graphics{
  background:none;
  overflow:hidden;
}

article.videos .post-snippet .graphics img.video-icon{
  display:block;
  opacity:1;
  position:absolute;
  top:0;
  left:0;
  right:auto;
  right:initial;
  bottom:0;
  margin:auto;
  width:auto;
  height:auto;
  max-height:none;
}

.post-snippet.articles .graphics img{
  background: #0e5176;
  }

.post-snippet .post-info{
  padding:0 1rem;
  text-align:left;}

.post-snippet .post-info h2{
  font-size:135%;
  color: #22272c;
}

.card .hint{
  color: #bca578;
  font-size:200%;
  line-height:1.5rem;
  padding:0;
  margin-bottom:1rem;
}

.post-snippet .post-info h2 i,
.post-snippet .post-info h2 span{
  color: #baa376;
  display:inline-block;
  vertical-align:middle;
}

.post-snippet p{
  cursor:inherit;
  margin:0 0 .5rem 0;
  color:black;
  }

.post-snippet h2 {

}

.post-snippet .button {
  font-family: inherit;
  font-family:inherit;
  font-weight: normal;
  margin:0;
  padding: 8px 16px 12px 16px;
  padding: .5rem 1rem .75rem 1rem;
}

.post-snippet .button .fa {
  margin-right: 4px;
  margin-right: .25rem;
}

.post-snippet.video {
  float: left;
  padding: 2.24px 8px;
  padding: .14rem .5rem;
  border: none;
}

.post-snippet.video .attachment-post-thumbnail {
  width: 100%;
  padding: 4px;
  padding: .25rem;
  border: 1px solid #ccc;
}

/* === Page: Rookhani === */

.page-template-page-book-reader article p{
  text-align:justify;
}

.page-template-page-book-reader article .callout{
  border:none;
  background: url(img/bg.jpg) no-repeat left center;
  background-size:cover;
  padding:0;
  margin:auto;
  border-radius:2px;
  width:100%;
  display:block;
  margin:0 auto 1rem auto;
  padding:.75rem;
  width:100%;
  min-height:400px;
  height:calc(100vh - 350px);
  max-height:600px;
  }

.page-template-page-book-reader article .callout:hover{
  -webkit-transform:scale(1.01);
  transform:scale(1.01);
}

.page-template-page-book-reader .book-cover{
  display:none;
}

.page-template-page-book-reader .book-cover .button{
  float:left;
  display:block;
}

/* === Grid === */

main {
  overflow-x: hidden;
  display: block;
  margin: auto;
  max-width: 100vw;
}

article {
  display: block;
  margin: 0 auto 0 auto;
}

article ol,
article ul,
article p {
  line-height: normal;
}

article > header {
  background:#4e342e;
  min-height:9.5rem;
  position: relative;
  }

.error404 article > header::before{
  display:block;
  width:100%;
  padding:00;
  font-size:250%;
  text-align:center;
  color:rgba(192, 163, 112, 0.25);
  font-family:fontawesome;
  content:"\f071"}

.error404 article .card p{
  margin-top:4rem;
}

article.has-feature-image > header {
  min-height:11.5rem;
  position: relative;}

.top-bar-button{
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.21);}

.page-template-page-chapters-php article > header {
  background: #4E342E url(img/header-matn.png) center 0 no-repeat;
  background-size: auto 4.25rem;
}

.page-template-audio-book-php article > header,
.page-template-page-chapter-php article > header{
  background: #4E342E url(img/icon-book.png) center 0 no-repeat;
  background-size: auto 4rem;
}

.category-articles article > header {
  background: #4E342E url(img/header-articles-img.png) center 0 no-repeat;
  background-size: auto 4.5rem;
}

.category-articles article > header {
  background: #4E342E url(img/header-articles-img.png) center 0 no-repeat;
  background-size: auto 4.5rem;
}

.page-template-page-videos article > header {
  background: #4E342E url(img/header-videos.png) center 0 no-repeat;
  background-size: auto 4.5rem;
}

.category-videos article > header {
  background: #4E342E url(img/header-videos-img.png) center 0 no-repeat;
  background-size: auto 4.5rem;
}

.category-chapter-explanations article > header {
  background: #4E342E url(img/header-sharh-faslha.png) center 0 no-repeat;
  background-size: auto 4rem;
}

.category-videos article > header {
  background: #4E342E url(img/header-sharh-faslha.png) center 0 no-repeat;
  background-size: auto 4rem;
}

.blog article > header {
  background: #4E342E url(img/header-sharh-faslha.png) center 0 no-repeat;
  background-size: auto 5rem;
}

.page-template-page-about-book article > header {
  background:#4E342E url(img/header-about-the-site.png) center 0 no-repeat;
  background-size: auto 4.55rem;
}

.category-template-page-articles article > header,
.page-template-page-articles article > header{
  background:#4E342E url(img/header-articles-img.png) center 0 no-repeat;
  background-size: auto 5rem;
}

.search article > header {
  background:#4E342E url(img/header-results.png) center 0 no-repeat;
  background-size: auto 4rem;
}

.page-template-page-ostad article > header {
  background:#4E342E url(img/header-ostad-elahi.png) center 0 no-repeat;
  background-size: auto 4.5rem;
}

.page-template-page-links article > header {
  background:#4E342E url(img/header-links.png) center 0 no-repeat;
  background-size: auto 5rem;
}

.page-template-page-contact-us article > header {
  background:#4E342E url(img/header-contact.png) center 0 no-repeat;
  background-size: auto 4.5rem;
}

.page-template-page-book-reader article > header {
  background:#4E342E url(img/header-rookhani.png) center 0 no-repeat;
  background-size: auto 4rem;
}

.single-post  article > header{
  background: #0e5176 url(img/icon-article.png) center 0rem no-repeat;
  background-size: auto 4.5rem;
  background-size: auto 4.25rem;}

.post-template-single-video-php.single-post  article > header{
  background: #0e5176 url(img/icon-video.png) center 0rem no-repeat;
  background-size: auto 4.5rem;
  background-size: auto 4.25rem;}

.single-post  .top-bar-wrapper{
  background: #0e5176;}

article .main-section {
  margin: -3rem auto 0 auto;
  padding: 0rem;
  position:relative;
  }

.card-replacer{
  padding:1rem 1rem 3rem 1rem;
}

article.has-feature-image .main-section {
  margin: -4rem auto 0 auto;}

/* Temporary */
.page-template-audio-book .main-section,
.card{
  padding:1rem;
  background:white;
  box-shadow:0 1px 2px rgba(0,0,0,0.3);}

.page .main-section .card{
  padding:1rem 1rem 3rem 1rem;}

.page-template-page-other.page .main-section .card{
  padding-top:1.5rem!important;
}

.card.callout{
  text-align:right;
  border-color:#d6d6d6;}

.card.callout {
  padding:1.5rem 1.75rem 2rem 1.75rem!important;
}

.main-section > .row > .card:not(a){
  padding:1rem 1rem 4rem 1rem;}

.has-feature-image .main-section > .row > .card:not(a){
  padding:1rem 1rem 4rem 1rem;}

.page-template-page-links article .main-section{
  background:none;
  box-shadow:none;
}

.category article .main-section{
  background:transparent;
}

.reader-mode article .main-section.page-controls {
  background: none}

article .main-section.page-controls .is-at-top,
article .main-section.page-controls{
  box-shadow:none;
  padding:1rem 0 0 0;
}

.single-post .main-section .row,
.single-post .main-section{
  padding-left:0;
  padding-right:0;
  }

.callout.alert{
  background: white;
  border:none;
  border-radius:0;
  padding:7rem 1rem;
  text-align:center;
  }

.callout.alert p{
  color:#444;
  text-align:center}

.callout i{
  color: #bbb;
  }

.home article{
  max-width:none;
}

.home article .main-section {
  background:none;
  position:relative;
  width:100%;}

.home article section {
  background: none;
}

.page .book-page aside small{
  vertical-align: middle!important;}

.page .book-page aside small::after{
  display:none!important;}

.page .book-page aside small::before{
  display:none!important}

ol,
ul,
p {
  text-align:justify;
  font-family: inherit;
}

strong, b{
  font-family:initial;
  font-weight:normal;

}

ul ul, ol ul, ul ol, ol ol {
  margin:0;
}

.row {
  padding:0 .75rem;
  max-width: 1200px;
}


article h1 {
  display: none;
  letter-spacing: -1px;
  text-align: center;
  padding: 0;
}

.page-template-page-other article h1{
  display:block;
}

article h1.titr_asli_outline{
  display:block;
}

.single-post header h1{
  display:none
}

.single-post .content h1 {
  display: block;
  margin: 3rem 0 2rem 0;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.single-post .content .intro {
  display:block;
  color: #2d2d2d;
  font-size:85%;
  max-width:500px!important;
  margin:auto;
}

ol{
  list-style:none;
}

ol ul{
  margin-right:1rem!important;
}

ol > li::before{
  content:"-";
  margin-left:.25rem;}

ol > li:nth-child(1):before{content:"۱.";}
ol > li:nth-child(2):before{content:"۲.";}
ol > li:nth-child(3):before{content:"۳.";}
ol > li:nth-child(4):before{content:"۴.";}
ol > li:nth-child(5):before{content:"۵.";}
ol > li:nth-child(6):before{content:"۶.";}
ol > li:nth-child(7):before{content:"۷.";}
ol > li:nth-child(8):before{content:"۸.";}
ol > li:nth-child(9):before{content:"۹.";}
ol > li:nth-child(10):before{content:"۱۰.";}
ol > li:nth-child(11):before{content:"۱۱.";}
ol > li:nth-child(12):before{content:"۱۲.";}
ol > li:nth-child(13):before{content:"۱۳.";}
ol > li:nth-child(14):before{content:"۱۴.";}
ol > li:nth-child(15):before{content:"۱۵.";}
ol > li:nth-child(16):before{content:"۱۶.";}
ol > li:nth-child(17):before{content:"۱۷.";}
ol > li:nth-child(18):before{content:"۱۸.";}
ol > li:nth-child(19):before{content:"۱۹.";}
ol > li:nth-child(20):before{content:"۲.";}
ol > li:nth-child(21):before{content:"۲۱";}
ol > li:nth-child(22):before{content:"۲۲";}
ol > li:nth-child(23):before{content:"۲۳.";}
ol > li:nth-child(24):before{content:"۲۴.";}
ol > li:nth-child(25):before{content:"۲۵.";}
ol > li:nth-child(26):before{content:"۲۶.";}
ol > li:nth-child(27):before{content:"۲۷.";}
ol > li:nth-child(28):before{content:"۲۸.";}
ol > li:nth-child(29):before{content:"۲۹.";}
ol > li:nth-child(30):before{content:"۳۰.";}

.single-post .content h2{
  margin:3rem 0 2rem 0;
}

iframe {
  overflow:hidden;
  display:block;
  background:gray;
  max-height:100vh;
  margin:auto!important;
  height: 100%;
  border: none;
  width: 100%;
  background: #ffffff;
  width: 100%;
}

p:empty {
  display: none;
}

.page .children {
  padding-right: 16px;
  padding-right: 1rem;
}

.page-section {
  padding: 32px 0;
  padding: 2rem 0;
}

.page-section header {
  margin: 0 0 32px 0;
  margin: 0 0 2rem 0;
  text-align: center;
  position: relative;
}

.page-section header:before {
  position: absolute;
  content: "";
  background: #ddd;
  width: calc(100% - 2rem);
  z-index: 0;
  top: calc(50% - 0px);
  left: 16px;
  left: 1rem;
  height: 1px;
}

.page-section-header-h1 {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  z-index: 1;
  background: white;
  padding: 0 16px;
  padding: 0 1rem;
  text-align: center;
  letter-spacing: -1px;
  margin: 0;
}

/* === Buttons === */

.button.reader-luncher{
  padding:1rem;}

.button.reader-luncher .button{
  position:absolute;
  bottom:.5rem;
  left:.5rem;
  width:calc(100% - 1rem);
  margin:auto;
  padding: 1.25rem 1rem;
}

.button.reader-luncher .button img{
  width:2rem;
  margin-left:.5rem;
}

.button {
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  font-family:inherit;
  font-weight: normal;
  font-size: inherit;
  padding: 12px 24px;
  padding: .75rem 1.5rem;
  border-radius: 2px;
  background: #BBA581;
  color:white;
}

.button.page-control:hover,
.button.page-control:focus {
  background: rgba(0, 0, 0, .15);
}

.button.secondary {
    background-color: #bbbbbb;
}

/* === Page Control === */

.single-post .page-controls .prev,
.single-post .page-controls .next {
  display: inline-block;
  
}

.post-pag-container.prev{
  float:right;
}

.single-post .page-controls .prev:empty,
.single-post .page-controls .next:empty {
  display: none;
}

.single-post .page-controls .next {
  float:left;
}

.page .page-controls .page-control.previous-chapter{
  float:none;
}

.web-mode .page-control.previous-chapter{
  position:absolute;
  right:0;
  float:right!important;}

.web-mode .page-control.next-chapter{
  position:absolute;
  left:0;
  float:left!important;}

.web-mode .is-stuck .page-control.previous-chapter,
.web-mode .is-stuck .page-control.next-chapter{
  margin:0}

.single-post .page-controls .next a:after {
  font-family:fontawesome;
  font-size:16px!important;
  color: #ffffff;
  content:"\f100";
}

.single-post .page-controls .prev a:before {
  position: absolute;
  top:0;
  right:1.5rem;
  line-height: 2.75rem;
  height: 2.75rem;
  font-family:fontawesome;
  font-size:16px!important;
  margin:0;
  color: #ffffff;
  content:"\f101";
}

.single-post .page-controls .next a:after {
  position: absolute;
  left:1.5rem;
  top:0;
  line-height: 2.75rem;
  height: 2.75rem;
  font-family:fontawesome;
  font-size:16px!important;
  margin:0;
  color: #ffffff;
  content: "\f100";
}

.page-controls {
  text-align:center;
  padding: 0;
  z-index:1;
  direction: rtl;
  margin: 0 auto 0rem auto;
}

.reader-mode .page-controls {
  position:fixed;
  bottom:0;
  width:100vw;
  max-width:100vw;
  z-index:1;
  margin: 0 auto!important;
  }

.page-controls-contain-to-grid{
  background:none;
  margin: auto;
  padding:0;}

.is-stuck .page-controls-contain-to-grid{
  padding:0}

.is-stuck a,
.is-stuck .page-control,
.is-stuck button{
  margin:0 0 0 0px!important;
}

.sticky.is-anchored{
  
}

.page-controls .sticky {
  width:100%;}

.reader-mode .page-controls .sticky {
  padding:0}

.page-controls .sticky.is-stuck {
  padding:0;
  top: 0!important;
  left: 0!important;
  right: 0!important;
  margin: auto;
}

.web-mode .page-controls .sticky {
  max-width: 100%!important;
}

.reader-mode .page-controls .sticky {
  position:fixed;
  top:auto!important;
  bottom:0!important;
}

.reader-mode .page-controls,
.reader-mode .page-controls .sticky-container,
.reader-mode .page-controls .sticky {
  text-align:center;
  max-width: 100vw!important;
  bottom: 0!important;
  margin: auto!important;
  bottom:0;
  left:0;
  right:0;
  background: #bca477;
}

.owl-carousel .owl-next,
.owl-carousel .owl-prev,
.page-control a,
.page-control {
  background: #bca477;
  color:black;
  display: inline-block;
  margin:0;
  text-align:center;
  padding:0;
  border-radius: 2px;
  vertical-align: top;
  height: 2.75rem;
  line-height: 2.5rem;}

.is-stuck .page-control a,
.is-stuck .page-control {
  border-radius: 0
}

.owl-carousel .owl-next:hover,
.owl-carousel .owl-prev:hover,
.page-control:focus,
.page-control:hover {
  color: White;
  background: #9c8968;
}

/*!* Because reduntant *!*/
/*.web-mode .btn-previous-page,*/
/*.web-mode .btn-next-page{*/
  /*display:none;}*/

.reader-mode .owl-carousel .owl-next{
  float:left;
}
.reader-mode .owl-carousel .owl-prev{
  float:right;
}

.page-control a:hover,
.page-control a {
  display: inline-block;
  background: none;
}

/* TEMP */
.reader-mode .enter-reader-mode{
  display:none
}

.web-mode .exit-reader-mode{
  display:none;
}

.reader-mode .exit-reader-mode {
  display: inline-block;
}

.page-control:hover {
  color: white;
}

.single-post .page-controls .next a,
.single-post .page-controls .prev a,
.page-control.previous-chapter:after,
.page-control.next-chapter:before,
.owl-carousel .owl-next span,
.owl-carousel .owl-prev span,
.page-control span {
  margin: 0 0 0 0;
  font-family:inherit;
  font-weight: normal;
  color: #ffffff;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  height: 2.75rem;
  line-height: 2.75rem;
  display: none;
}

.page-control{
  cursor:pointer;
  padding:0 6px;}

.reader-mode .page-control{
  min-width:13%}

.go-to-page{
  direction:rtl;
  height:2.5rem;
  position:absolute;
  display:block;
  left:.75rem;
  top:.75rem;
  background:#bca477!important;
  padding:0;
  border-radius:3px;
  overflow:hidden;}

.page-control.switch{
  padding:0;
  width:auto;
  margin-bottom:0;
  background: #bca477!important;
}

.page-control.switch label{
  vertical-align:middle;
  color:white;
  width:auto;
  background:none!important;
}

.page-control.switch label{
  width:auto;
  margin:2px .75rem 0 .75rem;
}

.page-control.switch div{
  position:relative;
  white-space:nowrap;
  width:auto;
  left:auto;
  right:auto;
  margin:0 1.5rem 0 0;
}

.page-control.switch .fa{
  float:right;
  height:auto;
  line-height:2;
}

.switch-paddle::after{
  display:none;
  border-radius:50%;
  width:1rem;
  height:1rem;
  top:.5rem;
  right:0rem;
}

.page-control.switch input:checked ~ .switch-paddle::after{
  right:0;
  background:none;
  box-shadow:inset 0 0 0 2px white;
}

.page-control.switch input:checked ~ .switch-paddle {
  background:rgba(0, 0, 0, .15);}

.switch-active{
  right:0%;
}

.go-to-page input,
.go-to-page button{
  border:none;
  width:2.5rem;
  height:2.5rem;
  line-height:2.5rem;
  text-align:center;
  border-radius:0;
  display:inline-block;
  text-align:center;
  color: white;
  margin:0;
  vertical-align:top;
  text-align:center;}

.go-to-page input{
  background:rgba(0, 0, 0, 0.1);
  width:4rem;
  height:2rem;
  line-height:normal;
  margin:.25rem 0.25rem 0 0;
  border-radius:3px;
}

.go-to-page button:hover{
  background: #9c8968!important;
}

.go-to-page input:hover{
  background:rgba(0, 0, 0, 0.2);
}

.go-to-page input:focus{
  background:rgba(0, 0, 0, 0.3)!important;
  color:black;
}

.go-to-page input:lang(fa){
  color: white;
}

.go-to-page input:lang(en){
  color:black;
}

.go-to-page button .fa{
  width:auto;
  color:white;
  line-height:normal;
  height:auto;
  position:relative;
  left:3px;
  -webkit-transform: rotate(-90deg) scaleX(-1);
  transform: rotate(-90deg) scaleX(-1);
}

.go-to-page .fa{
  font-weight:bold;
  width:3rem;}

.post-pag-container .page-control{
  padding:0 .14rem
}

.page-control.next-chapter:before,
.page-control > span{
  display:none;}

.single-post .page-controls .next a,
.single-post .page-controls .prev a{
  font-size:0!important;
  opacity: 1;
  color:#bca578;
  display:inline-block;
  padding:0;
  width:3.25rem;
  }

.previous-chapter .page-control-title,
.next-chapter .page-control-title {
  display: none!important;
}

.page-control .fa {
  min-width:26px;
  font-size:16px!important;
  color: rgb(255, 255, 255);
  display: inline-block;
  vertical-align: middle;
  height: 2.75rem;
  line-height: 2.75rem;
}

/*!* Because reduntant *!*/
/*.btn-previous-page,*/
/*.btn-next-page{*/
  /*display:none!important;*/
/*}*/

.owl-next:after,
.owl-prev:before{
  padding:0 1rem;
}

.page-control .fa::before{
  display:block;
}

.page-control.customPrevBtn {
  display: none;
}

.page-control.customNextBtn {
  display: none;
}

.reader-mode .page-control.customPrevBtn {
  display: inline-block;
}

.reader-mode .page-control.customNextBtn {
  display: inline-block;
}

.reader-mode .page-control.next-chapter {
  float:none!important;
}

.button.page-control:hover {
  background: rgba(0, 0, 0, .25);
}

table tbody tr:nth-child(even),
table thead, table tbody, table tfoot {
  border:none;
  background: none;
}

.kalam p{
  margin:0;
  display:block;
  text-align:justify!important;
  font-size:smaller;
}


.end-index td p,
.end-index td{
  vertical-align:top;
  line-height:normal;
  margin:0;
  padding: 0 16px;
  padding:0 1rem;
}

.end-index td strong{
  margin: 16px 0;
  margin:1rem 0;
  font-size:110%;
  text-align:center;
  display:block;
}

.questions-summary td{
  vertical-align:top
}
.questions-summary td p{
  text-align:right;
  font-size:75%;
  margin:0;}


.book-page h2,
.book-page h1 {
  text-align: center;
}

.web-mode .book-page h1 strong,
.web-mode .book-page h1 {
  font-size: 125%;
  font-family:inherit;
  font-weight: normal;
  color: #eee;
  margin: 64px 0 32px 0;
  margin: 4rem 0 2rem 0;
  color: black;
  -webkit-text-fill-color: #eee; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #777;
  text-shadow:1px 1px 0px #777;
  letter-spacing:.6px;
}

.web-mode .book-page h1.intro {
  margin-top: 112px;
  margin-top: 7rem;
}

.web-mode .book-page h2 {
  font-size: 110%;
  margin-bottom: 48px;
  margin-bottom: 3rem;
}

.web-mode .book-page p:empty {
  display: none;
}

.web-mode .book-page-number {
  font-style: normal;
  display: block;
  font-size: smaller;
  border-bottom: 1px dotted #ccc;
  margin: 32px 0 48px 0;
  margin: 2rem 0 3rem 0;
  padding-bottom: 8px;
  padding-bottom: .5rem;
  text-align: left!important;
}

.reader-mode .book-page h1.intro {
  margin-top: 112px;
  margin-top: 7rem;
}

.reader-mode .book-page h2 {
  font-size: 155%;
  text-align: center!important;
  font-family:inherit;
  font-weight: normal;
  margin-bottom: 48px;
  margin-bottom: 3rem;
}

.reader-mode .book-page p:empty {
  display: none;
}

.reader-mode .book-page p br {
  display: none;
}

.reader-mode .book-page-number {
  font-style: normal;
  display: block;
  font-size: smaller;
  border-bottom: 1px dotted #ccc;
  margin: 32px 0 48px 0;
  margin: 2rem 0 3rem 0;
  padding-bottom: 8px;
  padding-bottom: .5rem;
  text-align: left!important;
}

.button:hover,
.button:focus {
  background: #A29073;
}

.close-button:hover, .close-button:focus{
  color:white;
}

.off-canvas .close-button:hover, .off-canvas .close-button:focus{
  color:black;
}

* {
  outline: none;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

p i,
p em{
  color:#000;
  font-weight:bold;
}

article.has-feature-image .main-section p img{
  margin:-3rem auto 2rem auto;
  width:16rem;
  max-width:100%;
  display:block;
  box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.03);
  background:white;
  border:1px solid #ccc;
  padding:.5rem;
  }

.page-template-page-ostad article.has-feature-image .main-section p img{
   width:10rem;
}

.search-no-results .callout.tip{
  display:none;
}

.callout.tip{
  display:block;
  width:100%;
  border:none;
  font-size:18px;
  background: #23282d;
  color:white;
  border-radius:3px;
  margin:6rem 0 0 0;
  padding:2rem 3rem 2rem 3rem;
  z-index: 1000;
}

.callout.success{
  padding:2rem 3rem 2rem 3rem;
  max-width:500px;
  display:none;
  -webkit-animation:fadeIn 1s;
  animation:fadeIn 1s;
  position:fixed;
  bottom:1rem;
  left:1rem;
}


.tip .button{
  width:200px;
  padding:1rem 2rem;
  margin:0 auto;
  display:block;
}

.search-results .tip .button{
  max-width:140px!important;
}

.tip .button span,
.tip .button .fa{
  margin-left:.25rem;
  color:white;
  display:inline-block;
  vertical-align:middle;
}

kbd{
  background: #555;
  display:inline-block;
  color:white;
  font-weight:bold;
  border-radius:2px;
  padding:3px 6px 2px 6px;
  margin:0 5px;
  font-size:70%;
  font-family:arial;
}


.english{
  font-size:70%;
  font-family:arial;
}

.preserve-english{
  direction:ltr;
  display:inline-block;
}

.tip.callout h5{
  margin:0 0 .25rem 0;
  font-size:150%;
  color:white!important;
}

.tip.callout p{
  color:white;
  margin:0 0 2rem 0;
  font-size:100%;
}

blockquote{
  background: #eee;
  color:black;
  border:none;
  margin:1rem 0;
  padding:1rem}

blockquote p::before{
  font-family:inherit;
  font-weight:normal;
  content:"”";
  margin-left:.15rem;}

blockquote p::after{
  font-family:inherit;
  font-weight:normal;
  content:"“";
  margin-right:.15rem;}

blockquote p{
  margin:0!important;
  text-align:right;
  font-family:inherit;
  font-weight:normal;
  color: inherit;
  font-size:110%;
}

.single-post .content table{
  margin:3rem auto;
  border:30px solid white;
  border-radius:0;
  box-shadow:0 0 0 .25rem #ddd;
}

.single-post .content table td {
  color: black;
  font-family:inherit;
  font-weight:normal;
  padding: 0;
}

.single-post table tbody {
  background: none;
}

.single-post  table tbody tr:nth-child(even) {
  background: none;
}

/* === Search === */

.searchform{
  position:relative;
}

.search-query{
  text-align:right;
  display:block;
  margin:3.25rem 0 0 0;
}

.search-query mark{
  background:none!important;
  color: #baa376!important;
  }

.close-mobile-nav,
.close-search{
  display:none;
  -webkit-transform:scale(1.5);
  transform:scale(1.5);
  font-family:inherit;
  font-weight:normal;
  display:none;
  line-height:2.15rem;
  height:2.15rem;
  }

.extended .top-bar-button-icon.fa.fa-bars,
.search-on .top-bar-button-icon.fa.fa-search{
  display:none;}

.top-bar-button .fa,
.extended .close-mobile-nav,
.search-on .close-search{
  vertical-align:middle;
  display:inline-block;}

.top-bar-button .fa{
  color:white;
  font-size:80%;}

.search .post.none{
  text-align:center;
  padding:7rem 0;
}

.search .post .results-title{
  display:block;
  text-align:right;
  font-size:100%;
  margin:0 0 1rem 0;}

.search .post .content-wrapper{
  padding:2rem 1rem;
  /* font-size:16px; */
  text-align:right;
  border:2px solid #ddd;
  margin:0 0 1.5rem 0;
  display:block;
  max-height:380px;
  overflow-x:auto;}

.search .post .content-wrapper img{
  display:none;
}

.search .post .content-wrapper var{
  display:block;
  border-top:1px solid #ccc;
  text-align:center;
  border-bottom:1px solid #ccc;
  margin:3rem 0 2rem;
}

.search .post .content-wrapper{
  text-align:center!important;
}

.search-results .post h2 {
  color: #bca578;
  font-size: 150%;
  font-family:inherit;
  font-weight: normal;
  margin: 0 0 8px 0;
  margin: 0 0 .5rem 0;
}

.search-results p {
}

.search-results .card{
  position:relative;
  margin:0 auto 1rem auto;
}

.search-results .post .button.go-to {
  margin:0;
}

/* === Back to Top Scroll === */

.scroll-back-to-top-wrapper{
  z-index:500!important;}

.touch .scroll-back-to-top-wrapper{
  right:.75rem;
  bottom:3.5rem;
  z-index:500!important;}

.scroll-back-to-top-wrapper i{
  line-height:2rem!important;
  height:2rem!important;
}

.scroll-back-to-top-wrapper i.fa{
  position:relative;
  padding:0;
  top:3px;
  height:2rem!important;
  line-height:2rem!important;
}

.reader-mode .scroll-back-to-top-wrapper {
  display: none;
}

/* === SearchForm === */

.search-panel{
  max-height:0;
  overflow:hidden;
  background: #fafafa;
  position:relative;
  margin:auto;
  padding:0 1rem;
  -webkit-transition: all .15s cubic-bezier(0.62, 0.02, 0, 1);
  transition: all .15s cubic-bezier(1, 0, 0.4, 0.99);
  }

.search-on .search-panel{
  max-height:5rem;
  padding:1rem 1rem 1rem 1rem;
  }

.search-panel form{
  margin:auto;}

.search-panel .fa{
  position:relative;
  top:2px;
  }


.search-panel .searchform .button.secondary{
  font-size:85%;
  position:absolute;
  top:0.25rem;
  left:0.25rem;
  background: #ffffff;
  color: #aaaaaa;
  border-radius:4px;
  width:2.5rem;
  line-height:2.5rem;
  padding:0;
  text-align:center;
  height:2.5rem;}

.search-panel .searchform .button.secondary:hover{
  background:#eee;
}

.search-panel .searchform input {
  box-shadow:0 2px 2px 0 rgba(0,0,0,0.16),0 0 0 1px rgba(0,0,0,0.08);
  direction:rtl;
  background:#fff!important;
  text-align:right;
  height:3rem;
  padding:0 1rem;
  border:none;
  outline:none;
  margin:auto;
}

.search-panel .searchform input::-ms-clear {
    display: none;
}



/* === Footer === */

footer {
  margin:0;
  padding:1rem 0 7rem 0;
  font-size: 85%;
  font-family: inherit;
  font-weight: normal;
}

footer p {
  color:white;
  text-align: center;
  padding: 8px 16px;
  margin:0;
  display: block;
  color: rgba(0, 0, 0, 0.39);
  line-height: 32px;
  line-height: normal;
  font-size: 80%;
}

footer p.english{
  font-family: arial;
}

footer p.english a{
  font-size:100%;
  font-family: arial!important;
  text-decoration:underline;
}

footer p a {
  color: inherit;
  font-family:inherit;
  font-weight: normal;
}

#mc_embed_signup_scroll{
  position:relative!important;
  overflow:hidden!important;
}

/* === Sign Up === */

.reveal.sign-up-modal{
  overflow:hidden;
  padding:0;
  background: #fff!important;
  border:none;
  top:3rem!important;
  left:0;
  right:0;
  margin:auto;
  height:355px;
  width:calc(100% - 1.5rem)!important;
  max-width:465px!important;

}

.reveal.sign-up-modal h1{
  margin:2rem auto 1rem auto;
  text-align:center;
  color:white;}

.reveal.sign-up-modal p{
  margin:0 auto;
  text-align:center;
  color:white;}

.reveal.full iframe{
  top:2rem;
}

.sign-up{
  display:none;
  max-width:400px;
  margin:1rem auto 2rem auto;
  text-align:center;
  }

.reveal.sign-up-modal .button{
  top:1rem;
  right:1rem;
  padding:.6rem 1rem ;}

.reveal.sign-up-modal .button span{
  position:relative;
  top:-2px;
  display:inline-block;
  -webkite-transform:scale(1.5);
  transform:scale(1.5);
}

/* == Sticky Nav === */

.top-bar-left {
  float: none;
  display: block;
}

.page-controls-wrapper {
  text-align: center;
}

.sticky.is-stuck.is-at-top{
  position:fixed!important;
  background: #bca477;
  position:absolute;
  padding:0!important;
  margin:0 auto!important;
  bottom:initial!important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  left: 0!important;
  background: #bba477!imoprtant;
  -webkit-animation: .25s fadeIn linear forwards;
  animation: .25s fadeIn linear forwards;
  width: 100%;
  max-width: none;
  min-width:100%;}

.touch .sticky.is-stuck.is-at-top{
  top:auto!important;
  bottom:0!important;
}

.sticky.is-stuck.is-at-top .page-controls {
  border-radius:0;}

/* === Book Chapters Menu === */

.menu-book-chapters-container .menu {
  margin:1rem auto;
  direction:rtl;
}

.off-canvas .close-button{
  padding:0;
  color:white;
  width:2.25rem;
  margin:0;
  height:2.25rem;
  top:1rem;
  right:1rem}

.off-canvas .close-button:hover{
  color:white;
}

.off-canvas .close-button span{
  display:inline-block;
  vertical-align:top;
  line-height:.9;
  transform:scale(1.5);
}

.off-canvas .menu-book-chapters-container .menu {
  padding:0 0 2.5rem 0}

.off-canvas .menu-book-chapters-container{
  border-top:1px dotted #ccc;
}

.off-canvas .menu-book-chapters-container .menu li:first-of-type:first-of-type{
  border-top:1px dotted transparent;}

.menu-book-chapters-container .menu li:first-of-type{
  border-top:1px dotted #ccc;}



.menu-book-chapters-container .menu li {
  display: block;
  text-align: right;
  margin:auto;
  position: relative;
  border-radius:2px;
  border-bottom:1px dotted #ccc;

}

.menu-book-chapters-container .menu li:hover{
  background:whitesmoke;
}

/* TEMP */

.menu-book-chapters-container .sub-menu{
  display:none;
}

.menu-book-chapters-container .menu li a{
  font-family:inherit;
  font-weight:normal;
  color: #000000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius:3px;
  max-width:88%;
  max-width:calc(100% - 3rem);
}

.menu-book-chapters-container .menu li:after {
  position:absolute;
  z-index:1;
  left:0.5rem;
  top:0;
  padding:.25rem 0 0 0;
  float:left;
}

.menu-book-chapters-container .menu li:nth-of-type(1):after {
  content: "۱";
}

.menu-book-chapters-container .menu li:nth-of-type(2):after {
  content: "۵";
}

.menu-book-chapters-container .menu li:nth-of-type(3):after {
  content: "۷";
}

.menu-book-chapters-container .menu li:nth-of-type(4):after {
  content: "۱۷";
}

.menu-book-chapters-container .menu li:nth-of-type(5):after {
  content: "۲۰";
}

.menu-book-chapters-container .menu li:nth-of-type(6):after {
  content: "۲۲";
}

.menu-book-chapters-container .menu li:nth-of-type(7):after {
  content: "۲۶";
}

.menu-book-chapters-container .menu li:nth-of-type(8):after {
  content: "۲۸";
}

.menu-book-chapters-container .menu li:nth-of-type(9):after {
  content: "۴۸";
}

.menu-book-chapters-container .menu li:nth-of-type(10):after {
  content: "۵۳";
}

.menu-book-chapters-container .menu li:nth-of-type(11):after {
  content: "۶۰";
}

.menu-book-chapters-container .menu li:nth-of-type(12):after {
  content: "۶۵";
}

.menu-book-chapters-container .menu li:nth-of-type(13):after {
  content: "۷۶";
}

.menu-book-chapters-container .menu li:nth-of-type(14):after {
  content: "۸۱";
}

.menu-book-chapters-container .menu li:nth-of-type(15):after {
  content: "۹۳";
}

.menu-book-chapters-container .menu li:nth-of-type(16):after {
  content: "۱۰۴";
}

.menu-book-chapters-container .menu li:nth-of-type(16) .sub-menu li:nth-child(1):after {
  content: "۱۰۴";
}

.menu-book-chapters-container .menu li:nth-of-type(16) .sub-menu li:nth-child(2):after {
  content: "۱۲۵";
}

.menu-book-chapters-container .menu li:nth-of-type(16) .sub-menu li:nth-child(3):after {
  content: "۱۲۷";
}

.menu-book-chapters-container .menu li:nth-of-type(16) .sub-menu li:nth-child(4):after {
  content: "۱۲۸";
}

.menu-book-chapters-container .menu li:nth-of-type(16) .sub-menu li:nth-child(5):after {
  content: "۱۲۸";
}

.menu-book-chapters-container .menu li:nth-of-type(17):after {
  content: "۱۲۹";
}

.menu-book-chapters-container .menu li:nth-of-type(18):after {
  content: "۱۳۲";
}

.menu-book-chapters-container .menu li:nth-of-type(19):after {
  content: "۱۳۸";
}

.menu-book-chapters-container .menu li:nth-of-type(19) .sub-menu li:nth-child(1):after {
  content: "۱۳۸";
}

.menu-book-chapters-container .menu li:nth-of-type(19) .sub-menu li:nth-child(2):after {
  content: "۱۴۲";
}

.menu-book-chapters-container .menu li:nth-of-type(19) .sub-menu li:nth-child(3):after {
  content: "۱۴۴";
}

.menu-book-chapters-container .menu li:nth-of-type(20):after {
  content: "۱۶۲";
}

.menu-book-chapters-container .menu li:nth-of-type(21):after {
  content: "۱۷۲";
}

.menu-book-chapters-container .menu li:nth-of-type(21) .sub-menu li:nth-child(1):after {
  content: "۱۷۲";
}

.menu-book-chapters-container .menu li:nth-of-type(21) .sub-menu li:nth-child(2):after {
  content: "۱۷۷";
}

.menu-book-chapters-container .menu li:nth-of-type(21) .sub-menu li:nth-child(3):after {
  content: "۱۷۷";
}

.menu-book-chapters-container .menu li:nth-of-type(22):after {
  content: "۱۷۹";
}

.menu-book-chapters-container .menu li:nth-of-type(23):after {
  content: "۱۸۵";
}

.menu-book-chapters-container .menu li:nth-of-type(24):after {
  content: "۱۸۷";
}

.menu-book-chapters-container .menu li:nth-of-type(25):after {
  content: "۲۴۵";
}

.menu-book-chapters-container .menu li:nth-of-type(26):after {
  content: "۲۴۷";
}

.menu-book-chapters-container .menu li:nth-of-type(27):after {
  content: "۲۵۹";
}

.menu-book-chapters-container .menu li:nth-of-type(28):after {
  content: "۲۶۶";
}

.menu-book-chapters-container .menu li:nth-of-type(29):after {
  content: "۲۹۴";
}

.menu-book-chapters-container .menu li:nth-of-type(30):after {
  content: "۳۰۵";
}

.menu-book-chapters-container .menu li:nth-of-type(31):after {
  content: "۳۶۷";
}

.menu-book-chapters-container .menu li:nth-of-type(32):after {
  content: "۳۹۰";
}

.menu-book-chapters-container .menu li:nth-of-type(33):after {
  content: "۳۹۶";
}

.menu-book-chapters-container .menu li:nth-of-type(34):after {
  content: "۴۱۵";
}

.menu-book-chapters-container .menu li:nth-of-type(35):after {
  content: "۴۲۲";
}

.menu-book-chapters-container .menu li:nth-of-type(36):after {
  content: "۴۴۱";
}

.menu-book-chapters-container .menu li:nth-of-type(37):after {
  content: "۴۴۷";
}

.menu-book-chapters-container .menu li:nth-of-type(38):after {
  content: "۴۶۶";
}

.menu-book-chapters-container .menu li:nth-of-type(39):after {
  content: "۴۷۶";
}

.menu-book-chapters-container .menu li:nth-of-type(40):after {
  content: "۴۸۴";
}

.menu-book-chapters-container .menu li:nth-of-type(41):after {
  content: "۵۱۶";
}

.menu-book-chapters-container .menu li:nth-of-type(42):after {
  content: "۵۳۶";
}

.menu-book-chapters-container .menu li:nth-of-type(43):after {
  content: "۵۳۸";
}

.menu-book-chapters-container .menu li:nth-of-type(44):after {
  content: "۵۵۸";
}

.menu-book-chapters-container .menu li:nth-of-type(44) .sub-menu li:nth-child(1):after {
  content: "۵۶۰";
}

.menu-book-chapters-container .menu li:nth-of-type(44) .sub-menu li:nth-child(2):after {
  content: "۵۸۰";
}

.menu-book-chapters-container .menu li:nth-of-type(44) .sub-menu li:nth-child(3):after {
  content: "۵۸۳";
}

.menu-book-chapters-container .menu li:nth-of-type(45):after {
  content: "۶۰۵";
}

.menu-book-chapters-container .menu li:nth-of-type(46):after {
  content: "۶۱۱";
}

.menu-book-chapters-container .menu li:nth-of-type(46) .sub-menu li:nth-child(1):after {
  content: "۶۱۳";
}

.menu-book-chapters-container .menu li:nth-of-type(46) .sub-menu li:nth-child(2):after {
  content: "۶۳۲";
}

.menu-book-chapters-container .menu li:nth-of-type(46) .sub-menu li:nth-child(3):after {
  content: "۶۳۴";
}

.menu-book-chapters-container .menu li:nth-of-type(47):after {
  content: "۶۵۴";
}

.menu-book-chapters-container .menu li:nth-of-type(48):after {
  content: "۶۵۷";
}

.menu-book-chapters-container .menu li:nth-of-type(49):after {
  content: "۶۷۹";
}

/* === Web Mode === */

.web-mode .book-page .paper-grid table tbody {
  border: none;
}

.web-mode .book-page var {
  width: 32px;
  width: 2rem;
  font-style: normal;
  font-family:inherit;
  font-weight: normal;
  text-align: center;
  font-family: inherit;
  display: block;
  margin: 32px auto 32px auto;
  margin: 2rem auto 2rem auto;
}

.web-mode .book-page hr{
  border-color:#bbb;
  margin: 0 0 8px 0;
  margin:0 0 .5rem 0
}

/* Artificial Footnotes */

hr + *,
hr + * + *,
hr + * + * + *,
hr + * + * + * + *,
hr + * + * + * + * + *,
hr + * + * + * + * + * + *,
hr + * + * + * + * + * + * + *,
hr + * + * + * + * + * + * + * + *{
  word-spacing: -.5px;
  font-size: 80%;
  line-height: 20px;
  line-height: 1.25rem;
  /* Becuase sometimes it gets ugly on short ones */
  text-align: right;
  margin:0;
  }

hr + ol ul{
  padding-right:.5rem!important;
}

/* === Foot Notes === */

.paper-grid ol li{
  list-style: arabic-indic;
  list-style-position:inside;
  text-indent: 0px;
}

.paper-grid ul.left{
  text-align:left;
  direction:ltr;
}

.paper-grid ul.left li{
  direction:ltr;
  display:inline-block;
  text-indent: 0px;
  text-align:left;
  margin:0 7px 7px 0;
}

aside ul.text-left{
  direction:ltr;}

aside ul.text-left li{
  display:inline-block;
  margin-right:1rem;
  direction:ltr;}


hr{
  border-style: dashed}

.book-page aside .footer-list {
  direction: rtl;
  text-align: right;
}

.book-page aside .footer-list.inline li {
  display: inline-block;
}

.book-page aside .footer-list li {
  margin: 0 0px 8px 0;
  margin: 0 0rem .5rem 0;
  min-width: 24%;
  direction: rtl;
  text-align: right;
}

.book-page aside .footer-list li.inline {
  display: inline-block;
}

.book-page aside .footer-list li.left-to-right {
  text-align: left;
  direction: ltr;
}

.book-page aside .footer-list * {
  max-width: initial;
}

.book-page aside .footer-list.left-to-right {
  direction: ltr;
  text-align: left;
}

.book-page aside .footer-list.left-to-right li {
  margin: 0 16px 8px 0;
  margin: 0 1rem .5rem 0;
  min-width: calc(25% - 1.5rem);
  display: inline-block;
  direction:ltr;
  text-align: left;
}

.book-page aside .footer-list.left-to-right li.block.right-to-left {
  display: block;
  text-align: right;
  direction: rtl;
}

/* === Web Mode === */

.reader-mode .book-page .paper-grid li,
.web-mode .book-page .paper-grid li{
  list-style:none;
  }

.web-mode .book-page .paper-grid > li,
.web-mode .book-page .paper-grid > p{
  margin-bottom:.75rem;}

.web-mode .book-page .paper-grid table tbody {
  border: none;
}

.web-mode .book-page var {
  font-style: normal;
  font-family:inherit;
  font-weight: normal;
  text-align: center;
  font-family: inherit;
  display: block;
  width:100%;
  margin: 32px auto 32px auto;
  margin: 2rem auto 2rem auto;
  border-top: 1px solid #ccc;
  padding:5px 0;
  border-bottom: 1px solid #ccc;
}

.web-mode .book-page:nth-of-type(1) var {
  display:none
}

.web-mode .book-page:nth-of-type(even) var {
  text-align:right;
}

.web-mode .book-page:nth-of-type(odd) var {
  text-align:left;
}

.book-page .attention-needed:before{
  font-family:arial;
  display:block;
  text-align:left;
  margin:5px;
  font-family:inherit;
  font-weight:normal;
  font-size:75%;
  content:"If you see this, please report this"
}
.book-page .attention-needed{
  background: rgba(255, 255, 0, 0.18);}

/* === Reader Mode (Owl) === */

.owl-carousel {
  position: fixed;
  overflow:auto;
  z-index:0;
  top: 0;
  left: 0;
  width: 100vw;
  height:calc(100vh - 44px);
  background: #423331;}

.display-posts-listing{
  margin:0;}

.listing-item{
  list-style:none;}

.listing-item .title {
  display: none;
}

.reader-mode .listing-item{
  -webkite-animation:swipeHint 1.35s ease-in-out forwards;
  animation:swipeHint 2s ease-in-out forwards;
  -webkit-animation-delay:1.25s;
  animation-delay:1.25s;
  position:relative;
}

@keyframes swipeHint{
  0%{left:0}
  50%{left:2rem}
  100%{left:0}
}

.reader-mode .book-page {
  display: table-cell;
  vertical-align: middle;
  width:100vw;
  height:calc(100vh - 44px);
}

.reader-mode .book-page .paper-grid {
  font-size: inherit;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-animation: .75s slideFadeInUp cubic-bezier(0, 0.01, 0, 0.98) forwards;
  animation: .75s slideFadeInUp cubic-bezier(0, 0.01, 0, 0.98) forwards;
  box-shadow: 2px 2px 0 2px rgba(0, 0, 0, .5);
  position: relative;
  overflow: auto;
  background: white;
  width: auto;
  width: 100%;
  height: calc(100vh - 130px);
  top: -34px;
  max-width: 500px;
  max-height:700px;
  margin: auto;
  padding: 32px 48px;
  padding: 1rem 1rem;
}

@-webkit-keyframes slideFadeInUp {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    margin-top: 15rem;
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    margin-top: 0;
  }
}

@keyframes slideFadeInUp {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    margin-top: 15rem;
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    margin-top: 0;
  }
}

.reader-mode .book-page .paper-grid var {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  text-align: right;
  padding: 0;
  margin: 0 auto 8px auto;
  margin: 0 auto 0.5rem auto;
  display: block;
  font-size: inherit;
  font-style: normal;
  font-family:inherit;
  font-weight: normal;
}

.reader-mode .owl-item:nth-of-type(odd) .book-page .paper-grid var {
  text-align: left;
}

.reader-mode .owl-item:nth-of-type(even) .book-page .paper-grid var {
  text-align: right;
}

.reader-mode .book-page .paper-grid h1{
  color: #ccc;
  margin: 16px auto 16px auto;
  margin: 1rem auto 1rem auto;
  padding: 0 16px;
  padding: 0 1rem;
  text-align: right;
  font-size: 130%;
}

.reader-mode .book-page .paper-grid h2 {
  margin: 0 auto 16px auto;
  margin: 0 auto 1rem auto;
  font-size: 120%;
}

.reader-mode .book-page .paper-grid p {
  line-height:1.55;
  /* too general to set margin */
}

.reader-mode hr{
  margin:0.5rem 0
}

.reader-mode aside,
.reader-mode hr + *{
  line-height:normal;
  padding: 0;
  margin:0;}


.no-touch .owl-carousel .owl-nav,
.no-touch .owl-carousel .owl-controls{
  position:fixed;
  z-index:1100;
  bottom:0;
  left:0;
  right:0;
  width:100%;
  height:2.5rem;
  height:2.5rem;
  background: #bca477;
}

.touch .owl-carousel .owl-nav,
.touch .owl-carousel .owl-controls{
  height:2.75rem;
  background: #bca477;
  position: fixed;
  z-index:1100;
  bottom: 0;
  left: 0;
  right: 0;
}

.owl-carousel .owl-prev {
  float: right;
  right: 0;
  position:relative;
  z-index:1100;
}

.owl-carousel .owl-next {
  float: left;
  position:relative;
  z-index:1100;
}

.owl-carousel .disabled {
  visibility: hidden;
}

.owl-carousel .owl-next:after,
.owl-carousel .owl-prev:before {
  font-family: fontawesome;
}

.owl-carousel .owl-next:after {
  content: "\f104";
}

.owl-carousel .owl-prev:before {
  content: "\f105";
}

.owl-carousel .owl-next span,
.owl-carousel .owl-prev span,
.reader-mode .button.page-control span {
  font-size:inherit;
  vertical-align: top;
  display: none;
}

.reader-mode .button.page-control {
  float: none!important;
}

/* === Links === */

.link .th-wrapper{
  text-align:right
}

.link .th{
  display:inline-block;
  margin:0 auto 1rem auto;
  box-shadow:1px 1px 2px rgba(0,0,0,0.2);
  border:1px solid #ccc;
  border-radius:3px;
  overflow:hidden;
}

.link h2{
  text-align:right;
  font-size:125%;
  margin:0 0 0.5rem 0;
}

.link button{
  display:block;
  text-align:right;
  font-family:arial;
  font-weight:bold;
  display:block;
  margin:0 0 1rem 0;
}

.link p{
  margin:0;
  font-weight:normal;}

/* === Contact Us === */

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
  box-shadow:none;
  border:none;
  background:#eee!important;
}

[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus{
  box-shadow:none;
  border:none;
  background:#ddd!important;
}

.scf pre{
  background:whitesmoke;
  margin:0 0 1rem 0;
  direction:ltr;
  text-align:left;
  font-family:tahoma;
  font-size:14px;
  padding:1rem;
  border-radius:3px;
}

.scf label{
  font-size:100%;
  font-weight:normal;
  display:block;
  margin:0 0 .25rem 0;
}

.scf input[type='text'],
.scf input[type='email'],
.scf textarea{
  background: #eeeeee;
  font-family:tahoma;
  font-size:80%;
}

.scf select {
  background-color: #eeeeee;
  border: none;
}

.scf p.scf_error{
  background: #ffd4d4;
  padding:.5rem 1rem;
  border-radius:2px;
  display:block;
}

.scf input.scf_error{
  box-shadow:none;
  border: 2px solid #ff9f9f;
}

.scf label::after{
  position:relative;
  top:-4px;
  left:-4px;
  color: #ff5656;
  content:"*";
}

.scf .button{
  display:block;
  margin:auto;
  padding:1rem 4rem;
}

.scf #scf_email{
  font-family:tahoma;
}

.scf #scf_email:focus{
  font-family:tahoma;
  direction:ltr;
}

.scf textarea{
  display:block;
  max-width:100%!important;
  width:100%!important;
  resize:none;
  max-height:200px;
}

.book-cover{
  float:
  display:block;
  max-height:6rem;
  display:inline-block;
  vertical-align:top;
  margin:0 0 0 1rem;}

/* === Boldness Hack === */

.post-snippet .graphics h1,
.book-page h2,
.book-page h1,
.single-post .content h2,
.single-post .content h1,
.link h2,
.search .post .results-title,
.search-query mark,
blockquote p::before,
blockquote p::after,
blockquote p,
.single-post .content table td,
.close-mobile-nav,
.close-search,
.search-results .post h2,
.search-panel .searchform input,
footer,
footer p a,
.web-mode .book-page var,
.web-mode .book-page var,
.book-page .attention-needed:before,
.reader-mode .book-page .paper-grid var,
.scf label,
header h1,
header h2,
.top-bar li a,
.home article p,
.most-recent,
.post-snippet .post-info h2,
.post-snippet .post-info date,
.post-snippet .button,
.page .book-page a,
strong,
b,
.button,
.single-post .page-controls .next a,
.single-post .page-controls .prev a,
.page-control.previous-chapter:after,
.page-control.next-chapter:before,
.owl-carousel .owl-next span,
.owl-carousel .owl-prev span,
.page-control span,
.web-mode .book-page h1 strong,
.web-mode .book-page h1,
.reader-mode .book-page h2,
.page .book-page a,
strong{
  font-family:"BNazanin+Bold"!important;
}

/* ======================================================================== */
/* ================ iPhone 6 & Up (Min-width: 375 pixels) ================= */
/* ======================================================================== */

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

  body {
      font-size: 16px;}

  body.reader-mode .owl-carousel{
    font-size:14px;}

  .page-control{
    padding:0 9px;}

}

/* ======================================================================== */
/* ================ iPhone 6S & Up (Min-width: 414 pixels) ================ */
/* ======================================================================== */

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

  /* Nothing Yet */

}

/* ======================================================================== */
/* ========= Foundation's Small Break Point (Min-Width 640 pixels ========= */
/* ======================================================================== */

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

  hr + ol ul{
    padding-right:1.5rem!important;}

  .single-post .page-controls .next a,
  .single-post .page-controls .prev a{
    width:auto}

  .page-control.next-chapter:before {
    content: "فصل بعد";}

  .page-control.previous-chapter:after {
    content: "فصل قبل";}

  .page-control{
    padding:0 14px;}

  .page-control .fa {
    min-width:14px;}

  .reader-mode .book-page .paper-grid{
    overflow:auto;
    padding:4rem 5rem;}

  .single-post .page-controls .next a,
  .single-post .page-controls .prev a{
    padding:0 1rem;
  }

  body {
      font-size: 18px;}


  .owl-carousel .owl-next{
    padding-right:.75rem;
    }

  .owl-carousel .owl-prev{
    padding-left:.75rem;
    }

  .owl-carousel .owl-prev:before,
  .owl-carousel .owl-next:after{
    padding:0 .5rem 0 0.5rem }

  .reader-mode .sticky-container > div,
  .reader-mode .sticky-container{
    max-width:calc(100vw - 205px);
    }

  .owl-carousel .owl-next:after,
  .owl-carousel .owl-prev:before,
  .page-control .fa {}

  .previous-chapter .fa{
    margin-left:.5rem;}

  .next-chapter .fa{
    margin-right:.5rem;}

  .tooltip{
    font-size:80%!important;
    padding:1rem;
    max-width:350px!important;}

  .single-post .page-controls .prev
    a:before {
    margin-right:0;
    position:relative;
    top:0;
    right:0;}

  .single-post .page-controls .next
    a:after {
    margin-left:0;
    position:relative;
    top:0;
    left: 0;}

  .post-snippet.card{
    padding:1rem 0;}

  .link .th{
    max-width:100%;}

  .single-post .main-section .card{
    padding:1rem 0;
    }

  .post-snippet
    p{
  text-align:right;}

    .category
    article .main-section,
  .blog article .main-section{
    box-shadow:none;
    }

  .post-snippet{
    padding:2rem;
    }

  .post-snippet .post-info{
    padding:0 2rem;}

  article.has-feature-image.videos .post-snippet .post-info date,
  article.has-feature-image.videos .post-snippet .post-info h2{
    position:relative;
    top:50px;}

  .post-snippet .post-info .hint{
    position:relative;
    top:10px;
  }

  .card .hint{
    margin:0;}

  .owl-carousel .owl-next,
  .owl-carousel .owl-prev,
  .page-control
    a,
  .page-control {
    max-width:auto;
    max-width:none;
  }

  .single-post .page-controls .next
    a,
  .single-post .page-controls .prev a{;}

  .single-post .page-controls .next
    a:after {
    margin-right:0.5rem;}

  .single-post .page-controls .prev
    a:before {
    margin-left:0.5rem;}

  .reader-mode .page-controls .sticky {
    position: fixed!important;
    z-index: 101;
    text-align:center;
    left:0;
    right:0;
    bottom:0!important;
    max-width: inherit!important;
    margin:auto;
    /* max-width:calc(100vw - 200px)!important; */
    }

  .reader-mode .page-controls.sticky-container,
  .reader-mode .page-controls .sticky-container,
  .reader-mode .page-controls .sticky{}

  .page-control.previous-chapter .fa {
    float: right;}

  .search-panel .searchform
    input + button i:before{
    content:"\f002";}

  .single-post .page-controls .next
    a,
  .single-post .page-controls .prev a,
  .owl-carousel .owl-next span,
  .owl-carousel .owl-prev span,
  .page-control .page-control-title,
  .page-control.previous-chapter:after,
  .page-control.next-chapter:before{
    font-size:16px!important;
    opacity:1;
    color: white;
    height: 2.75rem;
    line-height: 2.75rem;
    vertical-align:middle;
    display:inline-block;
    }
}


/* ======================================================================== */
/* ============== iPad Portrait & Up (Min-width: 768 pixels) ============== */
/* ======================================================================== */

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

  @keyframes swipeHint{
  0%{left:0}
  50%{left:15rem}
  100%{left:0}
}

  .reader-mode .page-control{
    min-width:auto}

    .post-snippet .post-info p {
    padding-left:4rem;}

    .tooltip{
    max-width:450px!important;}

  .page-template-page-about-book p img{
    max-width:23rem;
    margin:0 auto 2rem auto;
    display:block;
    box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.03);
    background:white;
    border:1px solid #ccc;
    padding:.5rem;}

  .page-template-page-ostad p img{
    max-width:15rem;
    }

  blockquote{
    padding:2rem 2rem}

  .category article .main-section,
  .blog article .main-section{
    box-shadow:none;
    }

  .attachment-post-thumbnail{
    width:auto;
    max-width:21rem;
  }

  .single-post article img{}

  .posts article section.content{
    padding:5rem .25rem;}

  .owl-carousel .owl-next span,
  .owl-carousel .owl-prev span,
  .page-control > span{
  display:inline-block}

  .off-canvas-wrapper div ul{
    margin:2.5rem 0 0;}

  .off-canvas-wrapper
    div ul{
    margin-top:2rem;}

  .off-canvas ul li a{
    text-align:right;
    }

  .owl-carousel .book-page
    small{
    margin-top:3rem;}

    h1 {
    text-align:center;
    font-size: 1.5rem;
    }
    h2 {
    font-size: 1.25rem;
    }
    h3 {
    font-size: 1.1875rem;}
    h4 {
    font-size: 1.125rem;}
    h5 {
    font-size: 1.0625rem;}
    h6 {
    font-size: 1rem;}

  .menu-item.current-menu-item
    a:hover,

  .menu-item.current-menu-item a{
    font-family:inherit;
    font-weight:normal;
    color: #d2b783!important;
    }

  .reader-mode .book-page .paper-grid{}

  .reader-mode  .owl-next,
  .reader-mode  .owl-prev{
    font-family:inherit;
    font-weight:normal;
    color:white;}

  .reader-mode  .owl-next.disabled,
  .reader-mode  .owl-prev.disabled{
    display:none;}

  .reader-mode .reader-mode-toggle:before{
    font-size:200%;}

  .owl-carousel  .owl-dots .owl-dot{
    margin-bottom:1.25rem;}

  .owl-carousel .owl-next{
    position:fixed;
    bottom:0rem;
    left:0rem;}

  .owl-carousel .owl-prev{
    position:fixed;
    bottom:0;
    right:0}

    h1 {font-size: 2.5rem;}
    h2 {font-size: 1.5rem;}
    h3 {font-size: 1.25rem;}
    h4 {font-size: 1rem;}
    h5 {font-size: 1rem;}
    h6 {font-size: 1rem;}
    }

/* ======================================================================== */
/* === iPad Landscape / Common Desktop and UP (Min-width: 1024 pixels) ==== */
/* ======================================================================== */

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

  .page-template-page-other.page .main-section .card{
    padding-top:6rem!important;
  }

  @keyframes swipeHint{
    0%{left:0}
    50%{left:10rem}
    100%{left:0}
  }

  .reader-mode .book-page {
    padding:.75rem}

  .titr_faslha_outline_nopadding {
    padding-bottom:4rem;
  }

  .page-template-audio-book .main-section,
  .card{
    padding:2rem;}

  .page-control.previous-chapter:after,
  .page-control.next-chapter:before,
  .page-control a,
  .page-control {
    display:inline-block;
    font-size:16px;
    }

  .no-touch .owl-carousel .owl-nav,
  .no-touch .owl-carousel .owl-controls{
    height:44px;
    min-width:100vw;
  }

  .touch .owl-carousel .owl-nav,
  .touch .owl-carousel .owl-controls{
    height:44px;
    background:#bca477;
  }

  .owl-carousel .owl-prev:before{
    padding:0 1rem 0 0.75rem}

  .owl-carousel .owl-next:after{
    padding:0 0.5rem 0 1rem}

  .no-touch .owl-carousel .owl-nav,
  .no-touch .owl-carousel .owl-controls{
    display:block;}

  .page-control{}

  .reader-mode .book-page {
    width:50vw;}

  .page .main-section .card{
    padding:2rem 1.5rem}

  .post-snippet .graphics{
    padding:5rem 0.5rem;
    }

  .sticky.is-stuck.is-at-top{
    position:fixed!important;
    background: #bca477;
    position:absolute;
    padding:0!important;
    margin:0 auto!important;
    bottom:initial!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: 0!important;
    background: #bba477!imoprtant;
    -webkit-animation: .25s fadeIn linear forwards;
    animation: .25s fadeIn linear forwards;
    width: 100%;
    min-width:auto;}

  /* elements that need top margin on larger screens */
  .menu-book-chapters-container .menu,
  #simple-contact-form{
    display:block;
    margin:4rem auto;}

  .main-section > .row > .card:not(a){
    padding:4rem 1rem 4rem 1rem;}

  .single-post .main-section > .row > .card:not(a){
      padding:1rem 1rem 4rem 1rem;}

  .has-feature-image .main-section > .row > .card:not(a){
    padding:1rem 1rem 4rem 1rem;}

  .post-snippet{
    padding:3rem 4rem}

  .search .post .content-wrapper{
  padding:2rem 5rem;}

  article ol,
  article ul,
  article p {
    line-height: 1.6;
    }


  article.has-feature-image > header {
    min-height:13.5rem;
    position: relative;}

  article.has-feature-image .main-section p img{
    margin:-5rem auto 2rem auto;
    }

    .category article .main-section,
    .blog article .main-section{
      box-shadow:none;
      }

  .top-bar {
    -webkite-transition: all 0s;
    transition:all 0s;
  }

  .post-snippet .post-info{
    padding:0 2rem 0 1.5rem;
    }

  .blog .row .columns:nth-of-type(1) .post-snippet .ribbon::before{
    right: 68px;}

  .search-panel input{
    font-size:21px;
  }

  .callout.success{
  display:initial;}

  .reader-mode .book-page .paper-grid var,
  .reader-mode .book-page .paper-grid h2,
  .reader-mode .book-page .paper-grid aside,
  .owl-carousel .book-page p,
  .reader-mode .book-page .paper-grid h1{
    max-width: 480px;
    }

  .search-results .post{
    margin:0 auto 2rem auto;}

  body {
    font-size: 21px;
    }

  blockquote:nth-of-type(odd){
    max-width:65%;
    float:right;
    margin:0rem -2rem 1rem 3rem;}

  blockquote:nth-of-type(even){
    max-width:65%;
    float:left;
    margin:1rem 3rem 2rem -3rem;
    }

  .top-bar-button {
    margin-top:.35rem;
    }

  .top-bar ul {
    margin:0.5rem auto;
    position:relative;
    top:0;
    bottom:0;}

  .top-bar,
  .search-panel form,
  .page-controls-contain-to-grid,
  .sticky.is-stuck.is-at-top,
  article .main-section{
    margin-bottom:auto;
    margin-right:auto;
    max-width: 1024px!important;
    }

  /* Temporary */
  .page-template-audio-book .main-section{
    padding-bottom:7rem;
  }

  .top-bar ul li a{
    font-size:80%;
    font-family:inherit;
    font-weight:normal;
    line-height:normal;
    margin:0 -3px;
    padding:0.25rem .6rem}

  .site-logo img{
    height:3rem;}

  .top-bar ul li a:hover{
    background: rgba(0, 0, 0, 0.17);
    border-radius:3px;
    }

  .top-bar-button{
    display:none;}

  .title-bar{
    margin:0 auto;
    position:relative;}

  .site-logo{
    position:absolute;
    z-index:1;
    right:0;}

  .menu-first-menu-links-container{
    margin:auto;
    top:0;
    right:0;
    left:0;
    }

  .top-bar ul li{
    border:none;
    width:auto;
    }

  .top-bar{
    max-height:3.3rem;}

  .callout p{
    margin:0 0 1rem 0;}

  .owl-carousel .owl-next span,
  .owl-carousel .owl-prev span,
  .page-control span{
    font-family:inherit;
    font-weight:normal;
    font-size:inherit;
    }

  .reader-mode .book-page .paper-grid var{
    margin-bottom:1rem;}

  .reader-mode .book-page .paper-grid{
    box-shadow: 2px 2px 0 2px rgba(0, 0, 0, .5);
    position:relative;
    top:0px;
    font-size:inherit;
    background:white;
    overflow:hidden;
    margin:0 auto 0 auto;
    padding:3.5rem 5rem;
    width:calc(100% - 2rem);
    max-width:500px;
    height:100vh;
    min-height:800px;
    }

  .reader-mode .book-page .paper-grid aside{
    margin:.5rem auto;
    padding:.5rem 0;}

}

/* ======================================================================= */
/* =========== Large Desktop Computer (Min-width: 1200 pixels) =========== */
/* ======================================================================= */

@media screen and (min-width:1400px) and (min-height:768px){

  @keyframes swipeHint{
    0%{left:0}
    50%{left:25rem}
    100%{left:0}
  }

  .reader-mode .book-page {
    padding:.75rem;}

  .page-template-audio-book-php article .main-section{
    max-width:1024px!important;}

  .page .main-section .card{
    padding:2rem 1.5rem}

  .top-bar ul {
  margin:0.75rem auto;}

  .main-section > .row > .card:not(a){
    padding:4rem 1rem 7rem 1rem;}

  .single-post .main-section > .row > .card:not(a){
      padding:1rem 1rem 7rem 1rem;}

  .has-feature-image .main-section > .row > .card:not(a){
    padding:1rem 1rem 7rem 1rem;}

  .row {
  padding:0}

  .post-snippet.card{
    padding:2.5rem 2rem 2.5rem 2rem}

  .top-bar{
      max-height:4.3rem;}

  .page-template-page-book-reader article .callout{
    background: url(img/bg.jpg) no-repeat -5rem center;
    background-size:cover}

  footer {
    margin:0;
    padding:5rem 0 3rem 0;}

  .top-bar-button {
    margin-top:.75rem;
    }

  .web-mode .book-page .paper-grid{
    text-align: justify!important;
    max-width: 600px;
    }

.top-bar ul li a{
    font-size:90%;}

  .menu-book-chapters-container .menu li:before {
    top: 1.5rem;}

  .menu-book-chapters-container .menu li {
    line-height:2.75rem;}

  .post-snippet .button{
    padding:1rem 2em;
    }

  article p{
    margin-bottom:1rem;
    }

  .site-logo img{
    margin:0;
    height:4rem;}

  .top-bar{
    max-width:1200px;}

  .reader-mode .book-page .paper-grid{
    font-size:15px;}

}


/* Absolute Center Spinner */

.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display:none;
}

/* :not(:required) hides these rules from IE9 and below */

.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 7px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

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

/* ====== New Audiobook Related Styles ====== */

/* For in-page link purposes all content is pushed down a bit */

.listing-item{
  list-style:none;}

.web-mode ul.display-posts-listing {
  list-style: none;
  margin:0;
}

/* === Tool Tip === */

#tooltip:after{
  width: 0!important;
  height: 0!important;
  border-left: 10px solid transparent!important;
  border-right: 10px solid transparent!important;
  border-top: 10px solid #333!important;
  content: ''!important;
  position: absolute!important;
  left: 50%!important;
  bottom: -6px!important;
  margin-left: -10px!important;}

#tooltip.top:after {
  border-top-color: transparent!important;
  border-bottom: 10px solid #111!important;
  top: -20px!important;
  bottom: auto!important;}

#tooltip.left:after {
  left: 10px!important;
  margin: 0!important;}

#tooltip.right:after {
  right: 10px!important;
  left: auto!important;
  margin: 0!important;}

.wrapper {
  width: 390px!important;
  overflow: hidden!important;
  background-color: #F2F2F2!important;
  position: relative!important;
  top: 45px!important;
  left: 27px!important;}

.wrapperLeft {
  width: 390px!important;
  overflow: hidden!important;
  background-color: #F2F2F2!important;
  position: relative!important;
  top: 45px!important;
  left: 54px!important;}

.scroller {
  width: 764px!important;
  height: 580px!important;
  overflow: none!important;
  background-color: #F2F2F2!important;
  position: relative!important;
  border-width: 2px!important;
  border-style: solid!important;
  border-color: black!important;
  -webkit-border-radius: 12px!important;
  -moz-border-radius: 12px!important;
  border-radius: 12px!important;}

.normalText {
  color: black!important;
  background-color: #F2F2F2!important;}

.highlightText {
  color: black!important;
  background-color: rgb(181,230,29)!important;}

.sticky.is-stuck.is-at-bottom {
  background: #bca477;
  width: 100%;
  max-width: 1024px;
}

.audio-control-bar {
  margin: auto;
  max-width: 1024px!important;
}

.audio-control-bar .page-control.left {
  float: left;
}

.audio-control-bar .page-control.right {
  float: right;
}

.audio-control-bar .page-controls-contain-to-grid {
  text-align: center;
}

.reader-mode .audio-control-bar {
  display: none;
}

.audio-controls i.fa-2x {
  font-size: 36px !important;
}

/* == page content css ==*/

.listing-item .title {
  display: none;
}

.header {
  line-height:normal;
}

.header_text_left {
  line-height:inherit;
}

.header_text_right {
  line-height:inherit;
}

.footnote ul {
  list-style-type: none;
  margin-right: 0px;
}

button[disabled].page-control .fa,
button[disabled].page-control span{
  color:rgba(255, 255, 255, 0.28);
}

@media screen and (max-width: 640px) {
  #page-search {
    padding: 0px 1px;
  }
}

#page-search div.page-search {
  display: inline-block;
}

#page-search div.page-search input {
  display: inline-block;
  height: 35px;
  width: 55px;
  margin-top: -5px;
}

.add-link-offset {
   padding-top:50px;
   margin-top:-50px;
}

.titr_fasl_center_next {
  text-align: center;
  font-size: 110%;
}

.reader-mode .page-controls
{
  position: static!important;
}

#wpfront-scroll-top-container{
  bottom: 10% !important;
  max-width: 61px;
}

a.add-link-offset{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.superscript{
  cursor: pointer !important;
}

.anr_captcha_field_div iframe, .grecaptcha-badge iframe {
  height: -moz-available;          /* WebKit-based browsers will ignore this. */
  height: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
  height: fill-available;
}

.scf-submit {
  margin-top: 20px;
}