/*
Theme Name: Mianmarz
Theme URI: http://www.azadcom.com
Author: afarid
Author URI: https://azadcom.com

*/

/* STANDARDS */
@import "az_cm/css.css";
@import "az_reg/css.css";
@import "az_res_menu/css.css";
@import "blog/111css.css";


*{
    padding: 0px;
    margin: 0px;
    font-family: yekanL !important;
    outline: none !important;
        unicode-bidi: embed;
}

html{
    margin: 0 !important;
    padding: 0 !important;
    scroll-behavior: smooth;
}


ul,li,ol{
    list-style: none;
}

.res{
    display: block;
}
.res img,.res video{
    display: block;
    width:100%;
    height: auto;
}
.frized{
    overflow: hidden;
}

.fit img,.fit video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.cen{
    width:1340px;
    box-sizing: border-box;
    max-width: 1340px;
    margin: 0 auto;
}
.cem{
    width:1100px;
    box-sizing: border-box;
    max-width: 1100px;
    margin: 0 auto;
}

.header *,.mainSlide * {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}
.container{
    padding: 93px 0px;
}
.flexWrp{
    height: 100vh;
     justify-content: center;
}

.flex{
    display: flex;
    align-items: center;
}
.verticalFlex{
    flex-direction: column;
}

.br{
    clear: both;
}
h1,h2,h3,h4{
    font-weight: normal;

}
.s0{
   font-size: .9em;
}
.s1{
   font-size: 1em;
}
.s2{
   font-size: 1.2em;
}
.s3{
   font-size: 1.4em;
}
.s4{
   font-size: 1.6em;
}
.s5{
    font-size: 1.8em;
}
.s6{
    font-size: 2em;
}
.left{
    float: left;
}
.right{
    float: right;
}
.ani *,.ani{
    transition: .2s;
}
.ani2 *,.ani2{
    transition: .3s;
}
.ani3 *,.ani3{
    transition: .5s;
}
.btn{
   padding: 13px 32px;
   padding-bottom: 12px ;

   color:#FFF;
   text-align: center;
   box-sizing: border-box;
   cursor: pointer;
   transition: .2s;
   display: inline-block;
   transition: .3s;
   border-radius: 0px;
   position: relative;
}
.btn span{
   transition: .3s;
    position: relative;
    z-index: 10;
}
.btn:before{
   background: #5E1117;
   transition: .3s;
    position: absolute;
    width:100%;
    height: 100%;
    top:0px;
    left:0px;
    display: block;
    content:"";
    transform: skewX(-24deg);
}
.btn:hover{
    transition: .3s;
   color:#FFF;


}
.btn:hover:before{
   background: #811821;
    transform: skewX(24deg);
}

.btn:hover{

}
.btn:active{

}

.pad1{
    padding-bottom: 32px ;
}
.central{
    text-align: center;
}

/* ================================================================== */
/* FONTS */
@font-face {
    font-family: yekan;
    font-style: normal;
    font-weight: normal;
    src: url(fonts/yekan/YekanBakh-Regular.ttf);
}

@font-face {
    font-family: yekanB;
    font-style: normal;
    font-weight: normal;
    src: url(fonts/yekan/YekanBakh-Bold.ttf);
}

@font-face {
    font-family: yekanM;
    font-style: normal;
    font-weight: normal;
    src: url(fonts/yekan/YekanBakh-SemiBold.ttf);
}

@font-face {
    font-family: yekanL;
    font-style: normal;
    font-weight: normal;
    src: url(fonts/yekan/YekanBakh-Light.ttf);
}
@font-face {
    font-family: yekanT;
    font-style: normal;
    font-weight: normal;
    src: url(fonts/yekan/YekanBakh-Thin.ttf);
}
.t{
    font-family: yekanT !important;
}
.r{
    font-family: yekan;
}
.l{
    font-family: yekanL;
}
.b{
    font-family: yekanB !important;
}
.b2,.b2 *{
    font-family: yekanM !important;
}

/* ===================================================================== */
body {
	background-color: #F1F1F1;
	background: url(images/bg.png) repeat-y;
	background-size: cover;
	direction: rtl;
	text-align: right;
	line-height: normal;
	font-size: 1em;
	color: #000;
	cursor: default;
	min-height: 100vh;
	padding-top: 120px;
}
a{
    text-decoration: none;
    color:#539974 ;
}
a:hover{
    color:#A76BFD ;
}
#all{
  min-height: 100vh
}
header {
 position: fixed;
 width:100%;
 top:0;
 left: 0;
 z-index: 100000;

}
.header {
	display: grid;
	grid-template-columns: 36% 28% 36%;
	padding: 32px 0;
	align-content: center;
	align-items: center;
	transition: .3s;
}
.mainLogo{
    width:100px;
    transition: .2s;
    position: relative;
    xxz-index: 1001;
}
.fixed{

    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(16px);
    xxborder-bottom: solid 1px rgba(255,255,255,.1);
    transition: .2s;
}
.fixed .header {
    transition: .3s;
	padding: 2px 0;

}
.fixed .mainLogo{
    width:80px;
    transition: .2s;
}
.fixed .menuBar{
   padding-top: 6px;
}
.fixed .menuBar ul li a{
    padding: 8px 18px;
    font-size: 1.2em;

    transition: .3s;

}
.int  {

	padding-top: 170px;

}
.int .mainHeader {




}
#breadcrumbs{
    display: none;
}

.menuBar ul li,.menuBar ul li a{
    display: inline-block;

}
.menuBar ul li a{
    padding: 12px 22px;
    font-size: 1.4em;
    color:#222;
    transition: .3s;
    background: transparent;
    border-radius: 99px;
    font-family: yekanB !important;
}
.menuBar ul li a:after{
   display: inline-block;
   content:"\";
   contain: "/" ;
   font-size: 2em;
}
.menuBar ul li a:hover{
    xxbackground:#003797;
    color:#539974;
    transition: .3s;
}
.menuBar .current-menu-item a{
     color:#539974;
}

#mainSlide {
	width: 100%;
	height: 100vh;
	overflow: hidden;

}
.spanser{
    width:176px;
    margin-left: 80px;
   display: inline-block;


}
.spanser img{

  -webkit-filter: drop-shadow0px 0px 0px rgba(0,0,0,.0));
  filter: drop-shadow(0px 1px 2px rgba(0,0,0,.0));
  transition: .3s;
}
.spanser:hover img{
  -webkit-filter: drop-shadow(5px 5px 5px rgba(0,0,0,.3));
  filter: drop-shadow(0px 5px 5px rgba(0,0,0,.3));
  transition: .3s;


}

.logoBar {
	align-content: center;
	align-items: center;
	display: flex;
	direction: ltr;
}

.aboutSec {
	width: 36%;
	display: grid;
	grid-template-columns: 50% 50%;
	direction: ltr;
	margin: 0 auto;
	align-content: center;
	align-items: center;
}
.rBlock{
    padding-left: 40px;
}
.headline{
    font-family: yekanB !important;
    font-size: 2.2em;
    margin-bottom: 12px;
}
.aboutTxt {
	font-size: 1.2em;
	text-align: right;
	direction: rtl;
}
.aboutSec img{
  -webkit-filter: drop-shadow(5px 5px 5px rgba(0,0,0,.3));
  filter: drop-shadow(0px 8px 8px rgba(0,0,0,.3));
  transition: .3s;


}
.secHead{
    font-size: 3em;
}
.secHead2{
    font-size: 2em;
}
.secCon{
    padding: 40px 0;
}

.epiList{
	display: grid;
	grid-template-columns: 33% 33% 33%;


    box-sizing: border-box;
}
.epi{

    padding:24px;

    box-sizing: border-box;
}
.postList{
	display: grid;
	grid-template-columns: 33% 33% 33%;
    gap: 40px;

}
.cent{
    padding: 0 80px;
}
.epiListBtnArea{
    padding: 80px 0;
}
.epiListBtnArea a{
   display: inline-block;
   padding: 12px 24px;
   font-size: 1.4em;
   border-radius: 99px;
   background: #FFF;
   float: left;
   font-family: yekanB !important;
   color: #333;
  box-shadow: 0px 1px 3px rgba(0,0,0,.08);
  transition: .3s;
}
.epiListBtnArea a:hover{
   background: #539974;

   color: #FFF;
  box-shadow: 0px 1px 5px rgba(0,0,0,.12);
  transition: .3s;
}
.sec{
   padding-bottom: 100px;
}
.epi .epiThumb{
  display: block;
  border-radius: 20px;
  overflow: hidden;
	box-shadow: 0px 8px 8px rgba(0,0,0,.4);
	transition: .3s;
}
.epi .epiThumb:hover{

	box-shadow: 0px 8px 16px rgba(0,0,0,.6);
	transition: .3s;
}
.epiName{
    font-size: 1.2em;
    color: #222
}
.epiFull{
    padding: 24px 0;
    text-align: center;
}
.epi .epiFull a h2{
    color: #222 ;
    transition: .2s;
}
.epi:hover .epiFull a h2{
    color: #539974 !important ;
    transition: .2s;
}
.postInfoDate{
    padding: 4px 0;
}

/*  */

.post {
	box-shadow: 0px 3px 16px rgba(0,0,0,.05);
	border-radius: 20px;
	background: #FFF;
	overflow: hidden;
	transition: .3s;
	margin-bottom: 42px;
}
.post:hover {
	box-shadow: 0px 3px 24px rgba(0,0,0,.09);
	transition: .3s;
}

.postImgWrp{
	position: relative;
    display: block;
}

.postImg {
	position: relative;
	height: 310px;
	overflow: hidden;
	background: #539974;
	object-fit: cover;
	display: flex;
	align-content: center;
	align-items: center;
}
.postImg2 {
	position: relative;
    border-radius: 20px;
    overflow: hidden;
}
.postExc2{
    font-size: 1.4em !important;

    color:#000
}

.postDateWrp{
    position: absolute;
    bottom: 0px;
    left:0px;
    width:100%;
    text-align: center;
}
.postDate{
    width:90px;
    height:90px;
    background: #333 ;
    color:#FFF;
    border-radius: 500px;
    margin: 0 auto;
    display: flex;
    position: relative;
    top:40px;

	text-align: center;

	flex-direction: column;
	align-items: center;
	justify-content: center;

}
.postDateNum{
 font-size:1.8em;
}
.postDateMonth{
 font-size:.8em;
}
.postCon{
    padding: 32px 32px;
    padding-top: 56px ;
    text-align: center;
}

.postTitle{
   font-size: 1.2em;

}

.postTitle a{
   transition: .3S;
   color: #333;
}
.postTitle a:hover{

   color: #539974;
}
.postExc{
    padding-top: 12px;
    color:#666
    }
.singlePost {
	display: grid;
	grid-template-columns: 50% 50%;
	padding: 32px 0;
	align-items: center;
    gap:64px
}
.singlePostArea .postTitle {
	font-size: 2em;
	padding: 32px 0;
}


/*  */

.footer{
    padding: 80px 0;
    padding-bottom: 180px;
	display: grid;
	grid-template-columns: 30% 40% 30%;
	align-items: center;
	justify-content: center;
}
.footLogo{
    width:258px;
    position: relative;
    top:-24px;
}
.foot2{
    text-align: center;
}
.foot2 a{
    display: inline-block;
    padding: 5px;
    transition: .2s;
    transform: scale(.9);
       max-width: 145px;
}
.foot2 a:hover{


    transition: .2s;
    transform: scale(1);
}

.foot3{
    direction: ltr;
    text-align: left;
      font-size: 1.3em;
}
.socials a{
    display: inline-block;
    padding: 5px;
    transition: .2s;
    transform: scale(1);

}
.Copyright{

}
.azad{
    font-size: .7em;
    opacity: .5
}
/* RF [ Real filter Based on taxonomies ] */

.rfWrp{

}


.cp_wrp {
	margin-top: 12px;
	background: #FFF;
	xxheight: 48px;
    box-shadow: 0px 1px 3px rgba(0,0,0,.1);
}
.cp_rfBox{



}
.rf_filterBtn {
    padding: 8px;
    background: #10100F;
    color: #222;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 0px;
    text-align: center;
    display: none;
    z-index: 100;
}


.rf_c25 {
    display: inline-block;
    box-sizing: border-box;
    width: 11%;
    width: calc( 100% / 4 ) ;
    float: right;
    font-size: 1em;
}

.rf_c20 {
    display: inline-block;
    box-sizing: border-box;
    width: 11%;
    width: calc( 100% / 5 ) ;
    float: right;
    font-size: 1em;
}

.rf_select_btn {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    xxxborder-radius: 8px;
    padding: 10px 12px;
    padding-bottom: 10px;

    xxxbackground-image: linear-gradient(to top, #DF9E11 , #EEAB15);
    transition: .2s;
    Xbox-shadow: 0px 8px 24px rgba(190, 154, 125, .6);
    background-repeat: inherit;
    cursor: pointer;
    display: inline-block;
    transition: .2s;
    color: #222;
    position: relative;

    border-right:solid 1px rgba(0,0,0,.2);
}
.rf_select_btn:last-child {

  border-right:none;
  border-left:solid 1px rgba(0,0,0,.2);
}
.rf_select_btn::before {
    display: inline-block;
    position: relative;
    margin-left: 5px;
    margin-right: auto;
    content: '';
    border: solid 1px rgba(0,0,0,.5);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    top: -2px;
    transition: .2s;
}




.rf_select_btn:hover,
.rf_select_btn:active,
.rf_select_btn:focus

{
    background: #FCFCFC;
    color:#539974;
    z-index: 1111;

}
.rf_selectArea{
    position: relative;
    xxxz-index: 2;

}
.rf_select_subMenu{

/*    top:40px;
    right:0px;

    transition: .2s;
    opacity: 0;
    visibility: hidden;
    z-index: 11*/
}
.useBtnSubs, .rf_select_subMenu {
    transition: .3s ease-in-out;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 20px;
    background: #FCFCFC;

    width: 100%;
    left: 0;
    box-sizing: border-box;
    box-shadow: 0px 8px 8px rgba(0,0,0,.08);
    padding-top: 12px;
    max-height: 400px;
    overflow: auto;
}
.post-type-archive-artists .rf_select_subMenu {
    width: 100% !important;
    left: 0;

}
.rf_select_btn:hover .rf_select_subMenu{
    top:46px;
    transition: .2s;
    opacity: 1;
    visibility: visible;
}
.rf_select_btn:hover::before {
    display: inline-block;
    position: relative;

    content: '';
    border: solid 1px #2A9856 ;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
     transition: .2s;
}
.hideRfSub{

}

.useBtnSubs ul li,.useBtnSubs ul li a,.rf_select a{
    display: block;
}
.useBtnSubs ul li a,.rf_select a{

    color:#222;
    transition: .2s;
    padding: 8px 12px;
    border-bottom: solid 1px rgba(255, 255, 255, .12);
}
.rf_select_subMenu a:hover{
    transition: .2s;
    color:#FFF;
    background:  #539974;
}
.rf_select,.rf_select a{
    display: block;

}
.rf_select a{
   font-size: .95em;
    padding: 10px 12px;

    padding-bottom: 12px;
}

.rf_select a:hover{
    background:#539974;
    color:#FFF;
    transition: .2s;
}

.rf_filteredArea{
    padding: 1em 0em;

    font-size: .9em;
}
.rf_selectedX a{
    color:#539974;
}

.rf_filteredArea a,.rf_filteredArea li{
    display: inline-block !important;
}

.rf_filteredArea a {
    margin-right: auto;
    margin-left: 8px;
    margin-bottom: 4px;
    border-radius: 0px;
    background: #539974;
    padding: 4px 18px;
    color: #FFF;
    border: none;
    border-radius: 0px;
    font-size: 1em;
    border: solid 1px rgba(0,0,0,0) !important;
    padding-top: 0;
    padding-bottom: 7px;
    padding-right: 11px;
}
.rf_filteredArea a:hover {
    background: #FFF;
    color: #222;
    transition: .2s;
    border:solid 1px rgba(0,0,0,.5) !important
}
.rf_filteredArea a::before {
    display: inline-block;
    content: "";
    padding: 0;
    width: 24px;
    height: 24px;
    background: url(images/delete.png) no-repeat;
    background-position: center;
    background-size: 70%;
    border-radius: 32px;
    xborder: solid 1px rgba(0,0,0,.3);
    xcolor: solid 1px rgba(0,0,0,.3) !important;
    position: relative;
    top: 8px;
    margin-left: 4px;
    filter: brightness(0) invert(1);
    transition: .2s;
}

 .rf_filteredArea a:hover:before{
     transition: .2s;
    filter: brightness(0) invert(0);
}

.cp_rf_filterBtn {
    text-align: center;
    background: #539974;
    color: #FFF;
    padding: 8px 0px;
    display: none;
    cursor: pointer;
    position: fixed;
    width: 100%;
    bottom: 0px;
    left: 0px;
    z-index: 1111;
    border-top: solid 1px rgba(255,255,255,.3)
}
.az_cp_rf_overly .az_cp_overly_wrap{
    background: #539974;
    overflow: visible;
    border-radius: 1em
}
.cp_rfArea{
    position: relative;
    z-index: 10;


}
.resultsBox{
    position: relative;
    xxdisplay: inline-block;
    padding-bottom: 64px;

}
.resultsBox:before{
     display: block;
    visibility: hidden;
    transition: .2s;
    opacity: 1;
    content: "";
    position: absolute;
    z-index: 9;
    background: #F4F6F8;
    width:100%;
    height: 100%;
    left: 0px;
    top:0px;
}

.rf_loading:before{
    display: block;
    visibility: visible;
    transition: .2s;
    opacity: 1;
}
.rf_loading::after {
	display: block;
	visibility: visible;
	transition: .5s;
	opacity: 1;
	content: "";
	position: relative;
	z-index: 9;
	background: url(images/khorasangypsum2.png) no-repeat;
	background-position: center;
	width: 80px;
	height: 120px;
	margin: 0 auto;
	top: 128px;
	z-index: 111;
	xxleft: 47%;
	animation: rf_loading 1.2s linear infinite;
	transform: rotateY(0deg);
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	background-size: 100%;
}
.rf_all.rf_select_btn:before {
   display: none !important;
}


@keyframes rf_loading {
    0% {
    transform: rotateY(0deg)
    }
    100%{
    transform: rotateY(360deg)
    }
}
#searchform{
    position: relative;
    z-index: 10;
}

.rf_srchWrp {
    padding: 12px;
    border-radius: 64px;
    transition: .2s;
    box-shadow: 0px 1px 3px rgba(0,0,0,0);
    position: relative;
    overflow: hidden;
    z-index: 11;
}
.rf_srch {
	border: solid 1px #FFF;
	border-radius: 8px;
	padding: 10px 24px;
	box-sizing: border-box;
	width: 100%;
	display: inline-block;
	margin: 0 auto;
	box-shadow: 0px 3px 8px rgba(0,0,0,.2);
}
.rf_srch:focus {

    transition: .2s;
    border:solid 1px transparent !important;
    transition: .2s;
    box-shadow: 0px 1px 4px rgba(0,0,0,.1);
}
.rf_srchLoader {
	position: absolute;
	width: 24px;
	height: 24px;
	background-position: center;
	left: 23px;
	right: auto;
	top: 20px;
	transition: .2s;
	opacity: 0;
	z-index: 3;
	background: #FFF;
	 visibility: hidden;
}
.rf_srchLoaderShow {
    visibility: visible;
    opacity: 1;

    transition: .2s;
}
.rf_srchLoaderIn {

    width: 24px;
    height: 24px;
  border-radius: 50%;
  display: inline-block;
  border-top: 3px solid #A76BFD;
  border-right: 3px solid transparent;
  box-sizing: border-box;
  animation: rotation2 .8s linear infinite;
  margin: 0 auto;
}

@keyframes rotation2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.rf_srchBtn {
    position: absolute;
    width: 50px;
    height: 40px;
    background: url(images/srch.png) no-repeat;
    background-position: center;
    left: auto;
    right: 2px;
    top: 4px;
    transition: .2s;
    opacity: .5;
    z-index: 2;
    border: none;
    outline: none;
}
.rtl .rf_srchBtn {
	position: absolute;
	width: 50px;
	height: 40px;
	background: url(images/srch.png) no-repeat;
	background-position: center;
	left: 8px;
	right: auto;
	top: 12px;
	transition: .2s;
	opacity: .5;
	z-index: 2;
	border: none;
	outline: none;
}

.rf_srchBtn:hover {
    transition: .2s;
    opacity: .8;
}
.rf_srchFocused{

}
.rf_srchFocused .rf_srch {

}
.rf_srch_results {
    position: absolute;
    z-index: 100;
    padding: 8px;
    padding-bottom: 6px;
    box-sizing: border-box;
    width: 100%;
    top: 100px;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
    left: 0px;
    box-shadow: 0px 1px 24px rgba(0,0,0,.13);
    border-radius: 8px;
    background: #FFF;
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(11px);
    border: solid 1px rgba(255,255,255,.2);
}
.rf_srch_results_show{
    top:55px;
    transition: .3s;
    opacity: 1;
    visibility: visible;
}
.fixed .rf_srch_results_show{
    top:50px;

}
.rf_srch_resultItem{
    display: block;
    padding: 12px;
    xxborder: solid 1px #EEE;
    border-radius: 8px;
    background: #FFF;
    margin-bottom: 8px;
    transition: .2s;
    box-shadow: 0px 1px 1px rgba(0,0,0,.1);
    transition: .2s;
}
.rf_srch_resultItem *{
    color:#222;
    transition: .2s;
}
.rf_srch_resultItem:hover{
    transition: .2s;
    box-shadow: 0px 1px 1px rgba(0,0,0,.13);
    xxborder: solid 1px #EEE;
    background: #F2F2F2
}
.rf_srch_resultItemTitle{
    transition: .2s;
    color:#222222;

}
.rf_srch_resultItem:hover .rf_srch_resultItemTitle{
    transition: .2s;
    color:#539974;

}

.rf_srch_resultItemIMG{
    width:80px;
    height: 80px;
    background: #539974;
    border-radius: 8px;
    float: left;
    margin-right: 16px;
    overflow: hidden;
    xxborder: solid 2px #FFF;
    xxborder: solid 1px #EEE;
    transition: .2s;
}
.rf_srch_resultItem:hover .rf_srch_resultItemIMG{
    transition: .2s;

    xxborder: solid 1px #222;


}
.rf_srch_resultItemIMG img{
    display: block;
    width: 100%;
    height: auto;

}
.rf_srch_resultItemData{
    float: left;
    padding: 4px 0px;
}

.rf_srch_meta{
    font-size: .9em;
    color:#333;
    padding-top: 2px;
    text-align: right;
}

.rtl .rf_srch_resultItemData {
    float: right;
    display: contents;
    text-align: right;
}
.rtl .rf_srch_resultItemIMG {
    float: right;
    margin-left: 16px;
    margin-right: auto;
    border-left: solid 1px #E8E8E8;
}
.rf_srch_not{
    text-align: center;
    font-size: .9em;
    padding: 8px 0px;
}
.rf_rangeWrp{
    padding: 0px 24px;
    box-sizing: border-box;
    xxtext-align: center;
    direction:'rtl'
}
.rf_rangeLabel{

    padding-bottom:6px
}
.rf_min,.rf_max{
    width: auto;
}

/* =================== RES =============*/
@media(max-width: 768px) {

/* cp_rf */
.cp_rfBox {
    position: fixed;
    z-index: 120;
    margin: 0px;
    left: 0px;
    top: 55px;
    width: 100%;
    padding: 12px !important;
    box-sizing: border-box;
    min-height: 100vh;


    background-color: rgba(255, 255, 255, 0.16);
    backdrop-filter: blur(16px);

    border: solid 1px rgba(255,255,255,.2);

    opacity: 0;
    xxtransform: scale(.9);
    transition: .3s;


    display: none;
}


    .az_cp_rf_overly .cp_rfBox{
        display: block;
    }
    .cp_rf_filterBtn{
        display: block;
    }

.rf_select_btn {

    padding: 9px 12px;

}



.openedBtnX{
    transition: .3s ease-in-out;
    background: #539974;
}

.show_rf {
    display: block;
    visibility: visible;
    opacity: 1;
    transition: .3s;
}
/*.useBtnSubs, .rf_select_subMenu {
    transition: .3s ease-in-out;
    visibility: visible;
    opacity: 1;
    position: relative;
    top: 0%;

}
.useBtnSubs, .rf_select_subMenu {
    transition: none !important;
    margin-top: 1em !important;
    border: none !important;
    top: 0px !important;
}*/
.rf_filterBtn{

    display: block;
}
.show_rf {
    display: block;
    visibility: visible;
    opacity: 1;
    transition: .3s;
}
.rf_c25 {
    display: inline-block;
    box-sizing: border-box;

    width: calc( 100% / 1 );
    float: none;

    border: none;
}

.rf_select_btn {

    border-right: none;
    border-bottom: solid 1px #333
}

}
.searchformArea {
	display: block;
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 1000;
	padding-top: 0px;
}
.win .searchformArea {

	padding-top: 46px;
}
/*  */
.pageArea{
    padding: 40px 0;
}
.podArea{
	display: grid;
	grid-template-columns: 30% 70%;
	padding: 32px 0;
}
.podImg{
    border-radius: 24px;
    padding: 24px;
    box-sizing: border-box;
    background: #505954 ;
}
.podImg img{
    border-radius: 24px;


}
.lBar{
    padding-right: 64px
}
.podFrame{
/*     border-radius: 24px;
     overflow: hidden;*/
     margin-top: 32px;
}
.podLinks {
	padding: 24px 0;
	text-align: center;
	display: flex;
	align-items: center;
	align-content: center;
}

.podLinks a {
	display: inline-block;
	width: 39px;
	transition: .2s;
	transform: scale(.9);
	padding: 0 5px;
}
.podLinks a:hover{

    transition: .2s;
    transform: scale(1);
}
.castbox{
 width:39px;
}
.podTxtArea{
    padding: 64px 0;
}


/* ------ */
.tagSimb{
    color:#539974;
    font-size: 1.1em;
	position: relative;
	top: 2px;
}
#commentform #submit {
    box-sizing: border-box;
    padding: 9px 16px;
    border-radius: 3px;
    width: auto;
    background-image: linear-gradient(to top, #4D5651 , #4D5651) !important;
    border: solid 1px #4D5651;
    box-shadow: 0px 0px 3px rgba(0,0,0,0);
    transition: .2s;
    float: left;
    font-size: 1.2em;
    color: #FFF;
    display: block;
}
#commentform #submit:after {
    content:"" ;
    clear: both;
    display: block;
}
.editor {
    font-size: 1.1em;
    text-align: right;
}
.editor p{
    margin-bottom:1em ;
    xxtext-align: right;
    direction: rtl;
}

.editor ul li{
    list-style: decimal;
    display: block;
    padding: 2px 0;
}
.editor ul li:before{
    display: inline-block;
    width:8px;
    height:8px;
    background:#539974;
    margin-left: 8px;
    content:""
}
.wp-block-image:not(.wp-block),
 figure,
.wp-block-media-text {
    margin: 2em 0 !important
}
.wp-block-media-text {
    background: #F8F8F8;
    padding: 0px 24px;
    padding-right: 0px;
}
.wp-block{
    margin: 1em 0;
}
.tagcloud a{
    color: #333;
    display: inline-block;
    padding: 2px 4px;
    font-size: 1em !important;
    transition: .3s;
}
.tagcloud a:hover{
    color: #539974;

    transition: .3s;
}
.editor h2{
    font-size: 2.2em;
    font-family: yekanB !important;
}

.editor p{
    font-size: 1.3em;
    margin-bottom: 1em;
    line-height: 1.9em;

}
.relativesArea{
    margin-top: 32px;
    border-top:solid 1px #EEE;
    direction: rtl;
    text-align: right;
}
.tagsArea{
    margin-top: 32px;
    padding-top: 32px;
    border-top:solid 1px #EEE;
    direction: rtl;
    text-align: right;
    font-family:yekanB !important;
}
.tagsArea a {
	display: inline-block;
	padding: 4px 11px;
	background: #FFF;
	border-radius: 3px;
	color: #222;
	box-shadow: 0px 1px 3px rgba(0,0,0,.08);
	transition: .2s;
	margin-right: 4px;
}
.tagsArea a:hover{

   background: #539974;

   color:#FFF;

   transition: .2s;
}
.relatives a {
    color: #222;
    padding: 5px 8px;
    border-right: solid 2px #A76BFD;
    margin-bottom: 4px;
    transition: .2s;
    display: block;
}
.relatives a:hover{
    color:#539974;

    border-right: solid 2px #539974;

    transition: .2s;
}


.commentsSection {
	text-align: right;
	width: 50%;
	margin: 0 auto;
    padding-bottom: 80px;
}
#commentform input, #commentform textarea {
	box-sizing: border-box;
	padding: 9px 16px;
	border-radius: 3px;
	width: 100%;
	border: solid 1px #DDD;
	box-shadow: 0px 0px 3px rgba(0,0,0,0);
	transition: .2s;
}
.commentlist{
    padding-top: 40px;
    margin-top: 40px;
    border-top: solid 1px #EEE;
}
/* -------- */
.pageIn{



	height: max-content;

}
.page .continer,

 {
	xxdisplay: grid;
	xxgrid-template-columns: 100% ;
}

.pageHead{
    text-align: center;
    padding: 24px 0;

}
.pageHead *{

    font-size: 1.8em;
}
.pageCon{
    padding: 40px ;
    padding-top: 0px ;
    padding-bottom: 80px ;

}
.az_btn {

	border-radius: 8px;
	padding: 8px 32px;
	color: #FFF;
	background-image: linear-gradient(to top, #515B56 , #515B56) !important;

}
.singlePost{
	display: grid;
	grid-template-columns: 50% 50% ;
	padding: 32px 0;
}