/*
Theme Name: شمس دین
Author: KDM
*/

:root {
    --app-height: 100%;
}

/*fonts*/
@font-face {
    font-family: iranX;
    src: url('fonts/IRANSansX-Regular.woff') format('woff'),
    url('fonts/IRANSansX-Regular.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: iranX;
    src: url('fonts/IRANSansX-Bold.woff') format('woff'),
    url('fonts/IRANSansX-Bold.woff2')  format('woff2');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: farhang;
    src: url('fonts/FarhangFaNum-Regular.woff') format('woff'),
    url('fonts/FarhangFaNum-Regular.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: farhang;
    src: url('fonts/FarhangFaNum-Bold.woff') format('woff'),
    url('fonts/FarhangFaNum-Bold.woff2')  format('woff2');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: pdms;
    src: url("fonts/n.ttf");
    font-display: swap;
}
/*fonts*/

/*override*/
.row {
    margin-bottom: 0
}
.sidenav {
    width: 100%
}
.searchandfilter label {
    width: 100%;
    font-size: 1em;
    line-height: 1;
    padding-bottom: .15em;
    padding-top: .15em;
}
.page-numbers {
    border: 1px solid;
    padding-left: .5em;
    padding-right: .5em;
    border-radius: .1em;
    padding-top: .15em;
    display: inline-block;
    margin-top: .5em;
}
.page-numbers.current {
    background: #332850;
    color: #fcfaea;
}
/*override*/

/*general*/
* {
    letter-spacing: inherit !important;
}
*, *:focus, *:hover{
    outline: none;
}
html {
    scroll-behavior: smooth;
}

body, input, select, tspan, text {
    font-family: 'iranX', serif;
}
h1, h2, h3, h4, h5 {
    font-weight: 600;
}
p {
    line-height: 2.1;
    font-size: 1.3em;
    text-align: justify;
    direction: rtl;
}
a {
    cursor: pointer;
}
textarea {
    min-height: 10em;
    padding: 1em;
    resize: none;
    font-family: 'iranX', serif;
}
.fontFarhang {
    font-family: 'farhang', serif;
}
.lineHeightFix {
    line-height: 1.5;
}
.primaryColor {
    color: #bd0000 !important;
}
.primaryBack {
    background-color: #bd0000;
}
.secondaryColor {
    color: #839a77;
}
.secondaryBack {
    background-color: #839a77;
}
.accentColor {
    color: #ac7d5a;
}
.accentBack {
    background-color: #ac7d5a;
}
.darkColor {
    color: #2F2504;
}
.darkBack {
    background-color: #2F2504;
}
.darkGradient {
    background: linear-gradient(45deg, #2e244a, #452e8aab);
}
.secondaryGrad {
    background: linear-gradient(90deg, #3d8c98, #7f9979);
}
.rotate180 {
    transform: rotate(180deg);
}
.rotateM90 {
    transform: rotate(-90deg);
}
.overflowHidden {
    overflow: hidden;
}
.maAuto {
    margin: auto;
}
.ma0 {
    margin: 0;
}
.ma1 {
    margin: 1em;
}
.mxHalf {
    margin-left: .5em;
    margin-right: .5em;
}
.mx0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.mt0 {
    margin-top: 0;
}
.mt1 {
    margin-top: 1em;
}
.mt2 {
    margin-top: 2em;
}
.mt3 {
    margin-top: 3em;
}
.mt5 {
    margin-top: 5em;
}
.mt7 {
    margin-top: 7em;
}
.mt10 {
    margin-top: 10em;
}
.mb0 {
    margin-bottom: 0;
}
.mb1 {
    margin-bottom: 1em;
}
.mb2 {
    margin-bottom: 2em;
}
.mb3 {
    margin-bottom: 3em;
}
.mb5 {
    margin-bottom: 5em;
}
.mb10 {
    margin-bottom: 10em;
}
.ml0 {
    margin-left: 0;
}
.mr1 {
    margin-right: 1em;
}
.mr0 {
    margin-right: 0;
}
.ml1 {
    margin-left: 1em;
}
.pa0 {
    padding: 0 !important;
}
.paHalf {
    padding: .5em !important;
}
.pa1 {
    padding: 1em !important;
}
.pa2 {
    padding: 2em !important;
}
.pa3 {
    padding: 3em !important;
}
.pa5 {
    padding: 5em !important;
}
.px0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.pxHalf {
    padding-right: .5em !important;
    padding-left: .5em !important;
}
.px1 {
    padding-right: 1em !important;
    padding-left: 1em !important;
}
.px2 {
    padding-right: 2em !important;
    padding-left: 2em !important;
}
.px3 {
    padding-right: 3em !important;
    padding-left: 3em !important;
}
.pa3 {
    padding: 3em !important;
}
.pt1 {
    padding-top: 1em !important;
}
.pt0 {
    padding-top: 0 !important;
}
.ptFix {
    padding-top: 1.5em !important;
}
.pt2 {
    padding-top: 2em !important;
}
.pt3 {
    padding-top: 3em !important;
}
.pt4 {
    padding-top: 4em !important;
}
.pt5 {
    padding-top: 5em !important;
}
.pt7 {
    padding-top: 7em !important;
}
.pt10 {
    padding-top: 10em !important;
}
.pb0 {
    padding-bottom: 0 !important;
}
.plHalf {
    padding-left: .5em !important;
}
.pl1 {
    padding-left: 1em !important;
}
.pr0 {
    padding-right: 0 !important;
}
.pr1 {
    padding-right: 1em !important;
}
.pr2 {
    padding-right: 2em !important;
}
.pbQuart {
    padding-bottom: 0.25em !important;
}
.ptQuart {
    padding-top: 0.25em !important;
}
.pb1 {
    padding-bottom: 1em !important;
}
.pb2 {
    padding-bottom: 2em !important;
}
.pb3 {
    padding-bottom: 3em !important;
}
.pb5 {
    padding-bottom: 5em !important;
}
.pb10 {
    padding-bottom: 10em !important;
}
.zIndex3 {
    z-index: 3;
}
.border {
    border: .01em solid;
}
.borderNone {
    border: none;
}
.borderT {
    border-top: .01em solid;
}
.borderB {
    border-bottom: .01em solid;
}
.borderD {
    border: 7px double #ac7d5a;
}
.borderRadHalf {
    border-radius: .5em;
}
.borderRad0 {
    border-radius: 0;
}
.borderRad1 {
    border-radius: 1em;
}
.borderRad3 {
    border-radius: 3em;
}
.fontLighter {
     font-weight: 300;
 }
.fontBolder {
    font-weight: 600;
}
.fontSfix {
    font-size: 1.5em;
}
.fontS2 {
    font-size: 2em;
}
.floatRight {
    float: right !important;
}
.lineThrough {
    text-decoration: line-through;
}
.dNone {
    display: none;
}
.dInline {
    display: inline;
}
.dBlock {
    display: block;
}
.dInlineBlock {
    display: inline-block;
}
.dFlex {
    display: flex
}
.flex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.flexSameH {
    display: flex;
    flex-wrap: wrap;
}
.materializeFlex {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}
.pRelative {
    position: relative;
}
.pAbsolute {
    position: absolute;
}
.pSticky {
    position: sticky;
    top: 7.5em;
    margin-bottom: 3em;
}
.minH50vh {
    min-height: 50vh;
}
.minH75vh {
    min-height: 75vh;
}
.minH100vh {
    min-height: var(--app-height);
}
.w50 {
    width: 100%;
}
.w100 {
    width: 100%;
}
.simpleBtn {
    font-family: 'iranX', serif;
    border-radius: 0;
    transition: .3s;
}
.dirLTR * {
    direction: ltr
}
/*general*/

/*loading*/
#loading {
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: fixed;
    top: 0;
    z-index: 999;
    right: 0;
    left: 0;
    background: #ffffff47 !important;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}
#loading p {
    text-align: right;
}
.loadingContainer {
    width: 22em;
    height: 22em;
    max-width: 90%;
    padding: 3em;
    border-radius: 1em;
    box-shadow: 0 0 5em 1em #b9b9b9;
}
/*loading*/

/*nav*/
nav {
    height: auto;
    min-height: 75px;
    transition: .3s all;
    border-bottom: .1em solid white;
    width: 85%;
    left: 0;
    right: 0;
    margin: auto;
    display: inline-block
}
nav ul a {
    font-size: 1.15em
}
nav h1, nav a {
    font-size: 1.1em
}
.navbar-fixed {
    min-height: 75px;
    position: fixed;
}
.navbar-fixed a {
    margin: auto;
    top: .5em;
    height: 3em;
    position: relative;
    line-height: 3em;
    font-weight: 600;
}
.navLogo {
    width: 11.5em;
    top: .5em;
    position: absolute;
}
.sidenav-close i {
    margin: auto;
    left: 0;
    right: 0;
}
.navIconMenu {
    font-size: 2.5em !important;
    line-height: 1.15em !important;
}
.topNavTitle {
    margin-top: 0;
    top: -.65em;
    position: relative;
    padding-right: 1em;
    margin-right: 1em;
    border-right: .1em solid;
}
.sideMenuLinks {
    height: auto;
    font-size: 1.1em;
    padding: .5em !important;
    padding-left: 1em !important;
    padding-right: 1em !important;
    border-radius: 1em 1em 0 0;
    background: linear-gradient(90deg, #b57401, #ac7d5ad4);
    transition: .3s all;
}
.sideMenuLinks.active {
    background: linear-gradient(90deg, #6b9582, #839a77);
}
.sideMenu {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
    max-height: 80vh;
    overflow: auto;
}
#slide-out ul.children {
    margin-bottom: .3em;
}
#slide-out ul.children li {
    position: relative;
}
ul.children a {
    font-weight: 300;
    font-size: 1em;
    padding-right: 2em;
}
.fixedHeaderModal .title {
    font-size: 1.1em;
}
.sideMenuChevron {
    position: absolute;
    right: -.5em;
    top: 0;
    padding: 0 !important;
    width: 2em;
}
.sideMenuChevron i {
    position: absolute;
    left: -.25em;
    transition: .3s all;
}
nav #menu-primary a, .logoTopSPS {
    transition: .3s;
    font-size: 1.3em;
    font-weight: 500;
}
.logoTopSPS {
    display: inline-block;
    font-size: 1.75em;
    font-weight: 700;
    margin-right: .5em;
    margin-top: 0;
    width: auto;
}
.desktopTopLinks ul.menu {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.darkShadeGradient {
    background: rgb(255,255,255);
    background: linear-gradient(to bottom, 
    rgb(25, 45, 55) 0%, 
    rgba(25, 45, 55, 0.738) 19%, 
    rgba(25, 45, 55, 0.541) 34%, 
    rgba(25, 45, 55, 0.382) 47%, 
    rgba(25, 45, 55, 0.278) 56.5%, 
    rgba(25, 45, 55, 0.194) 65%, 
    rgba(25, 45, 55, 0.126) 73%, 
    rgba(25, 45, 55, 0.075) 80.2%, 
    rgba(25, 45, 55, 0.042) 86.1%, 
    rgba(25, 45, 55, 0.021) 91%, 
    rgba(25, 45, 55, 0.008) 95.2%, 
    rgba(25, 45, 55, 0.002) 98.2%, transparent 100%);
    height: 30vh;
    position: fixed;
    z-index: -1;
    width: 100% !important;
    right: 0 !important;
    left: 0 !important;
    top: -3em;
}
/*nav*/

/*home*/
.topBackgroundUnder {
    min-height: 100vh;
}
.homeBackSVG {
    width: 90vw;
    height: 100vh;
    left: 0;
    right: 0;
    opacity: .75;
    margin: auto;
}
.specialGradient {
    background-image: linear-gradient(200deg,rgb(167 33 163),#84ffff);
}
.verticallyCentered {
    position: absolute;
    top: 50%;
    left: 50% !important;
    transform: translate(-50%,-50%);
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.htmlSliderContainer {
    color: white;
    background: linear-gradient(45deg, #2e244a, #452e8aab);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}
.htmlSliderContainer h3 {
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 1em;
}
.htmlSliderContainer ul li:not(.menu-item):before {
    content: "";
    font-weight: 900;
    position: absolute;
    right: 0;
    list-style: circle inside;
    display: list-item;
}
.htmlSliderContainer li {
    font-weight: 500;
    padding-left: 1em;
    padding-right: 1em !important;
    font-size: 1.5em !important;
}
.postImage {
    max-width: 100%;
    height: 20vw;
    width: 100%;
    object-fit: cover;
}
.homeOrnament {
    width: 16vw;
    background: #fffde7;
    padding: 1.5vw;
    z-index: -1;
    border: 7px double #31274e;
}
.homeOrnamentLeft {
    left: 3em;
    top: 12em;
}
.homeOrnamentRight {
    right: 3em;
    bottom: 12em;
}
.birdOrnamentOne {
    width: 5em;
    left: -2.5em;
    top: 5em;
}
.birdOrnamentTwo {
    width: 5em;
    right: -2.5em;
    bottom: 5em;
}
.homeAnnotationImage {
    width: 22vw;
    background: #fffde7;
    padding: 1.5vw;
    border: 7px double #31274e;
    position: absolute;
    top: -10em;
    right: 10vw;
    z-index: 10;
}
/*home*/

/*archive*/
[type="checkbox"]:not(:checked), [type="checkbox"]:checked, [type="radio"]:not(:checked), [type="radio"]:checked {
    position: absolute;
    opacity: 1;
    pointer-events: all;
    right: 0;
    z-index: 1;
}
.filter ul {
    position: relative
}
.filter ul.children {
    margin: 0;
    display: none;
}
.filter li.sf-field-submit {
    padding: 0;
    border: none;
}
.filter input[type="submit"], .filter .sf-field-submit .btn {
    width: 100%;
    height: 3em;
    line-height: 3em;
}
.filter label.sf-label-checkbox, .filter label.sf-label-radio {
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    background: white;
    height: 40px;
    border-radius: .5em;
    line-height: 40px;
    padding-top: 0;
    padding-bottom: 0;
}
.searchandfilter ul.children li {
    position: relative;
}
.filter input[type="radio"] {
    display: none;
}
.filter input[type="checkbox"] {
    margin-right: 90%;
    margin-top: .75em;
}
.filter .sf-option-active > label {
    font-weight: 900;
    color: white;
    background: #a5a5a5;
}
.filter label {
    padding-right: 2.5em !important;
}
.filter .sf-level-1 label {
    padding-right: 4em !important;
}
.filter .sf-level-1:not(.sf-option-active) > label {
    background: transparent;
    border: 1px solid #a5a5a5;
}
.filter .sf-level-2:not(.sf-option-active) > label {
    background: transparent;
    border: 1px solid #a5a5a5;
}
.searchandfilter ul li li {
    padding: 0;
}
#slide-out .sf-level-1 .filter label {
    padding-right: 3.75em !important;
    margin-bottom: .3em;
}
.sf-level-1 .accordionBtn {
    width: 3.5em;
}
#filtersForMobile {
    border-radius: 0 !important;
    max-height: 100%;
}
.filter form>ul>li {
    background: #eeeeee;
    padding: 1em;
    margin: 1em;
}
.archiveContainer {
    padding-left: 3vw;
    padding-right: 3vw;
}
.searchandfilter ul li {
    line-height: inherit;
}
.searchandfilter .meta-slider {
    max-width: initial;
}
.accordionBtn {
    right: 0;
    top: 0;
    width: 2em;
    height: 40px !important;
    border-radius: 5px !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}
.accordionBtn i {
    position: relative;
    font-size: 18px;
    text-align: center;
    display: block;
    float: inherit !important;
    margin: auto !important;
    line-height: 40px !important;
    color: #bd0000 !important;
}
.archiveExcerpt p {
    text-align: center !important;
}
.fixedHeaderModal {
    position: sticky;
    top: 0;
    padding: 1.5em;
    margin-bottom: 3em;
    height: 4.5em;
    width: 100%;
    z-index: 9;
    border-bottom: 2px solid #bd0000;
}
.deepestTermName {
    font-family: farhang;
    margin-bottom: 0;
}
.welcomeTitle {
    font-size: 2em;
}
.latestCardActions i {
    font-size: 1.25em;
    position: relative;
    top: .35em;
}
/*archive*/

/*single masnavi_content*/
#thePoet p {
    padding: 5em;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    font-weight: 100;
    font-size: 1.75em;
}
#thePoet .verseToolTip p {
    padding: 0;
    font-size: inherit;
}
.verses p {
    padding: 5em;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    font-weight: 100;
}
.verses td, .verses th {
    display: inline-block;
    font-size: 1.75em;
    width: auto;
    margin-left: .15%;
    margin-right: .15%;
}
.verses td:nth-child(1) {
    text-align: left;
    padding-left: 2.5em;
}
.verses td:nth-child(2) {
    text-align: right;
    padding-right: 2.5em;
}
.verses tr {
    text-align: center;
    border-bottom: none;
}
.thatsAlot {
    max-height: 30em;
    overflow: hidden;
}
.etc {
    height: 85%;
    width: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255));
    text-align: center;
}
.etc a {
    bottom: 1em;
    left: 0;
    font-weight: 900;
    font-size: 1.1em;
}
.theGlassory {
    position: fixed;
    left: 1em;
    bottom: 1em;
}
.editLinkBtn {
    border-radius: 3em;
    padding: .15em;
    margin-left: .3em;
    font-size: 1.3em;
    border: 1px dashed;
}
/*single masnavi_content*/

/*audio play / pause module*/
#archivePlayIcons {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
}
#archivePlayIcons.play i {
    box-shadow: 0 0 1em 0 #a142b0;
    border-radius: 3em;
    padding: .5em;
    margin-top: .5em;
    font-size: 1.5em;
    color: white;
    transform: rotate(180deg);
    margin-left: .15em;
    margin-right: .15em;
}
#archivePlayIcons.play i:active, .playing {
    box-shadow: 0 0 1em 0 #a142b0 inset !important;
    font-size: 1.75em !important;
}
/*audio play / pause module*/

/*contents*/
.theContent blockquote {
    padding: 2em;
    padding-bottom: 1em;
    position: relative;
    border: 1px solid #009860;
}
.theContent blockquote p {
    text-indent: 0;
    text-align: center;
}
.theContent blockquote:before {
    content: '';
    width: 7em;
    height: 3em;
    position: absolute;
    right: 0;
    left: 0;
    top: -1.5em;
    background: white;
    margin: auto;
    background-size: 75%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('img/ornamentQuran.png');
}
.theContent blockquote strong {
    font-family: pdms;
    font-size: 1.65em;
    color: #005e3b;
    display: block;
    -webkit-font-smoothing: antialiased;
}
.theContent h1, .theContent h2 {
    font-size: 2em;
    font-weight: 600;
}
.theContent h3 {
    font-size: 1.75em;
    font-weight: 600;
}
.mightContainVerses table {
    color: #8662c5;
    background: linear-gradient(45deg, #fffde7, #8764c61c);
    box-shadow: 0 0 1em 0 inset #ece1ff;
    font-weight: 600;
    border-radius: 1em;
    margin-bottom: 1.5em;
}
.mightContainVerses td, .mightContainVerses th {
    display: inline-block;
    font-size: 1.25em;
    width: auto;
}
.mightContainVerses td:nth-child(1) {
    text-align: left;
    padding-left: 2.5em;
}
.mightContainVerses td:nth-child(2) {
    text-align: right;
    padding-right: 2.5em;
}
.mightContainVerses tr {
    text-align: center;
    border-bottom: none;
}
.mightContainVerses p {
    text-indent: 3em;
}
/*contents*/

/*registration page*/
input#register-submit-btn {
    color: white;
    font-weight: 900;
}
/*registration page*/

/*footer*/
.eachSocialLink {
    padding: .25em;
    height: 1.5em;
    width: auto;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    cursor: pointer;
    transition: .3s all;
}
.footerIconsContainer svg {
    display: block;
    height: 1.75em;
}
.footerIconsContainer svg * {
    fill: white;
    transition: .3s all
}
/*footer*/

/*login*/
.dig_popmessage_contents .dig_lasele div {
    margin-top: .5em;
}
.dig_popmessage {
    box-shadow: 0 0 1em 0 #0000005e;
}
.dig_popmessage * {
    color: #424242 !important;
}
.dig_notice_msg .dig_popdismiss {
    background-color: #ea4f13;
}
/*login*/

/*comments*/
#reply-title {
    font-size: 1.5em;
}
#commentform #submit {
    font-weight: bold;
    font-size: .85em;
    padding: .5em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    border-radius: 3em;
    cursor: pointer;
    border: none;
    background: #ea4f13;
    color: white;
}
.comment-form-cookies-consent {
    display: none;
}
/*comments*/

/*general card*/
.annotationContainerKDM a {
    display: inline-block;
    color: white;
    font-size: .85em;
}
.annotationSeperator:last-child {
    display: none;
}
.generalCardIcons {
    position: relative;
    top: .25em;
    font-size: 1.1em;
}
.generalCardFooter {
    font-size: .9em;
    padding-top: .5em;
    padding-bottom: .5em;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: linear-gradient(45deg, #84fdfe3d, #a437ac0f);
}
.generalCardAction {
    box-shadow: none;
    background: #3f8c97;
    border-radius: 3em;
}
.cardQuranContainer {
    border: 2px solid #009860;
}
.cardQuranContainer .latestBottomNav a, .cardQuranContainer .latestBottomNav span {
    color: #009860
}
/*general card*/

/*responsive*/
@media only screen and (max-width: 992px) {
    #thePoet p, .verses p {
        padding: 1em;
    }
    .sideMenu {
        margin-top: -1.3em
    }
    .verses td, .mightContainVerses td {
        padding-right: 0 !important;
        padding-left: 0 !important;
        text-align: center !important;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .verses td:nth-child(2), .mightContainVerses td:nth-child(2) {
        margin-bottom: 1em;
    }
}
@media only screen and (max-width: 600px) {
    .archiveExcerpt p {
        font-size: 5vw;
    }
    .welcomeTitle {
        font-size: 5vw;
        margin-top: 5em;
    }
    .archiveContainer {
        margin-top: 1.5em;
    }
    .footerIconsContainer {
        text-align: center;
    }
    .sideMenu {
        margin-top: -3em;
    }
    .verses td {
        font-size: 4.5vw !important;
    }
    .postImage {
        height: 15em;
    }
}
/*responsive*/