/*
Theme Name: kiaie
Theme URI: http://www.mohammadcheraghi.ir/
Author: محمد چراغی
Author URI: http://www.mohammadcheraghi.ir/
Description: قالب اختصاصی kiaie
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kiaie
*/
/*
* Wordpress Style
*/

.alignnone {
    margin: 5px 20px 20px 0
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

a img.alignnone {
    margin: 5px 20px 20px 0
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute!important;
    width: 1px;
    word-wrap: normal!important
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto!important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

a,
ul.search-ul li {
    transition: .2s all ease-in-out
}

.box-shadow,
body {
    position: relative
}


/*
************************************** Wordpress Syle
*/

.bfp{
	background-image:url('../kiaie/assets/img/bfp.png');
}
.smoothscroll{
    display: inline-block;
    padding: 8px 85px;
    border: 2px solid #fff;
    color: #FFFFFF;
    letter-spacing: .25rem;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.smoothscroll:hover{
	color:#000;
	background-color:#fff;
}
.home-content h1 {
    font-size: 6.3rem;
    line-height: 1.333;
    margin-top: 0;
    color: #FFFFFF;
}
.home-content h3 {
    font-size: 1.6rem;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    letter-spacing: .1rem;
    position: relative;
    margin-top: 0;
    margin-bottom: 1.2rem;
    margin-left: 6px;
}

.cls-2 {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: dash20 5s linear forwards, FillIn20 5s linear forwards;
}

@keyframes dash20 {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes FillIn20 {
  from { fill-opacity: 0; }
  to { fill-opacity: 1; }
}
.loading {
  margin-top: 20px;
}
.water-fill {
  -webkit-animation: wave 0.7s infinite linear, fill-up 10s infinite ease-out alternate;
          animation: wave 0.7s infinite linear, fill-up 10s infinite ease-out alternate;
}
@-webkit-keyframes wave {
  0% {
    x: -400px;
  }
  100% {
    x: 0;
  }
}
@keyframes wave {
  0% {
    x: -400px;
  }
  100% {
    x: 0;
  }
}
@-webkit-keyframes fill-up {
  0% {
    height: 0;
    y: 130px;
  }
  100% {
    height: 160px;
    y: -30px;
  }
}
@keyframes fill-up {
  0% {
    height: 0;
    y: 130px;
  }
  100% {
    height: 160px;
    y: -30px;
  }
}
/*
************************************** Before Main Content
*/

@font-face {
    font-family: yekan;
    src: url(assets/fonts/yekan.eot);
    src: url(assets/fonts/yekan.eot?#iefix) format('embedded-opentype'), 
    	 url(assets/fonts/yekan.svg) format('svg'), 
    	 url(assets/fonts/Yekan.woff) format('woff'), 
    	 url(assets/fonts/Yekan.ttf) format('truetype')
}
@font-face {
    font-family: nast;
    src: url(assets/fonts/IranNastaliq.eot);
    src: url(assets/fonts/IranNastaliq.eot?#iefix) format('embedded-opentype'),
    url(assets/fonts/IranNastaliq.woff) format('woff'),
    url(assets/fonts/IranNastaliq.ttf) format('truetype')
}

body {
    direction: rtl;
    text-align: right;
    width: 100%;
    font-family: yekan;
    font-weight: 400;
    font-size: 14px;
    background-color: #2c393f;
    background-image: url(../kiaie/assets/img/backk.jpg);
    background-repeat: repeat;
    text-align: center;
}

a {
    display: inline-block;
	color: #2dad9f;
    -o-transition: .2s all ease-in-out;
    -moz-transition: .2s all ease-in-out;
    -webkit-transition: .2s all ease-in-out
}

a:active,
a:focus,
a:hover {
    text-decoration: none;
    outline: 0;
    transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    color: #009ec5;
}

h1,
h2 {
    font-size: 1.4em;
}

h3,
h4 {
    font-size: 1.2em;
}

h5,
h6 {
    font-size: 1em;
}

.form-control:focus {
    border-color: #c41826;
    box-shadow: 0 0 0 1px rgba(238, 49, 36, .38);
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out
}

.fadeout {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    background-color: #736f6f8a;
    z-index: 9999;
    -moz-transition: .5s all;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
}

.fadein {
    display: block!important;
    -moz-transition: .5s all;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
}


/*
************************************** Before Main Content
*/

/*
************************************** Main Header
*/
.logo {
    text-align: center;
}

.logo a {
    display: inline-block;
    color: #fff;
    font-size: 25px;
}

.logo h1{
	display: inline-block;
    position: relative;
    top: 41px;
}

.bottom-header {
    padding-top: 10px;
}

.menu-top{
	position: relative;
}

.fa-bars{
	color: #fff;
	cursor: pointer;
	position: absolute;
	z-index: 9999999999999999;
	bottom: 17px;
}

.fa-close{
	color: #fff;
	cursor: pointer;
	position: absolute;
	z-index: 9999999999999999;
	bottom: 25px;
}

.top0{
	transform: rotate(90deg);
}

.bottom0{
	top:0!important;
	bottom:0!important;
	transition: .2s all ease-in-out
}

ul.main-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    position: fixed;
    width: 100%;
    z-index: 999999999;
    background-color: #000;
    height: auto;
    top: -100%;
    right: 0;
    bottom: 100%;
    padding: 37px 0;
    transition: .2s all ease-in-out
}

ul.main-menu li {
    position: relative;
}

ul.main-menu>li {
    display: block;
}

ul.main-menu>li>a {
    color: #fff;
    padding: 25px 0;
    display: block;
    text-align: center;
    font-size: 30px;
}

ul.main-menu>li>a:hover {
    color: #2dad9f;
}
.breadcrumbs {
	text-align: right;
}
/*
************************************** Main Header
*/
/*
************************************** about-us
*/
.title{
    text-align: center;
    margin: 2em auto;
    font-size: 22px;
}
.title h2{
	font-family:'nast';
    margin: 0;
    font-size: 1em;
    padding: 12px 60px;
    background-image: url(../kiaie/assets/img/back-title.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.title a{
	color: #000;
}
.title2{
    margin: 0 auto;
}
.title2 h2{
	font-family:'nast';
	padding: 19px 72px;
    background-image: url(../kiaie/assets/img/back-title.png);
    background-repeat: no-repeat;
    text-align: center;
    background-size: contain;
    margin: 2em auto;
    font-size: 22px;
}
.title2 span{
    position: relative;
    top: 3px;
}
.title2 a{
	color: #000;
    display: inline-block;
}
.title3{
    background-image: url(../kiaie/assets/img/back-title.png);
    background-repeat: no-repeat;
    text-align: center;
    background-size: contain;
    margin: 2em auto;
    font-size: 22px;
}
.title3 h2{
	margin: 0;
	font-size: 1.2em;
	padding: 12px 50px;
}
.title3 a{
	color: #000;
}
.title  h3{
	display: inline-block;
	padding: 5px 0;
	border-bottom: 2px solid #e6616b;
	font-size: 1em;
}
.about-us{
    text-align: justify;
    color: #fff;
    line-height: 32px;
    padding-right: 0;
}
.about-us p{
    font-size: 18px;
    line-height: 40px;
}
.about-img{
	padding-left: 0;
}
.about-img img{
    border: 4px solid #fff;
}
/*
************************************** about-us
*/
#asar-front-page img{
    border: 4px solid #fff;
}
#asar-front-page .title2 span{
    position: relative;
    top: 0;
}
/*
************************************** Blog Front Page
*/
.post-blog-article-front-page{
	box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.1);
	margin-bottom: 32px;
}
.post-container-front-page a{
	display: inline-block;
}
.post-title-front-page h1{
    font-size: 15px;
    line-height: 20px;
    color: #000;
    text-align: justify;
}
.post-excerpt-front-page p{
    text-align: justify;
    color: gray;
    font-size: 12px;
    line-height: 25px;
}
.post-meta-front-page{
    background-color: #5c89c7;
    padding: 10px 0;
}
.blog-content-front-page{
	padding: 8px 0;
}
.post-meta-comments-front-page, .post-meta-categories-front-page{
	color: #fff;
}
.post-meta-comments-front-page a, .post-meta-categories-front-page a{
	color: #fff;
	padding-right: 5px;
}
.post-meta-thumb-front-page img{
	height: 175px;
}
.tab-front-page{
	width: 100%;
    justify-content: center;
    display: flex;
}
/*
************************************** Blog Front Page
*/
/*
************************************** Form
*/
#form-contact{
	background-color: #5c89c7;
}
.form-front-page .sidebar-title{
    background: transparent;
    color: #fff;
}
.wpcf7-form input{
    padding: 5px 10px;
    border: none;
    border-radius: 10px;
    margin-left: 5px;
}
.wpcf7-form textarea{
    padding: 5px 10px;
    border: none;
    border-radius: 10px;
}
.wpcf7-form  .wpcf7-submit{
    background-color: #011620;
    color: #fff;
    padding: 10px 30px;
    cursor: pointer;
}
.subject{
	width: 99%;
}
.question{
	width: 99%;
}
/*
************************************** Form
*/
/*
************************************** Search Form
*/
.search-form label{
	display: block;
	width: 100%;
	position: relative;
}
input.sh-sidebar-search.search-field{
    width: 100%;
    background-color: #fff;
    border: 1px solid #e9ecef;
    padding: 10px;
}
.search-submit{
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    background-color: #2dad9f;
    border: none;
    padding: 11px 15px;
    cursor: pointer;
}
/*
************************************** Search Form
*/
/*
************************************** Top Footer
*/
.top-footer-content{
	/*text-align:center;*/
}

.top-footer {
    margin: 2em 0;
}

.top-footer p,
.top-footer h3,
.top-footer a {
    color: #fff;
}

.top-footer h3 {
    font-size: 1.3em;
}

.top-footer h3.title-footer span {
    display: block;
    padding-bottom: 15px;
    border-bottom: 2px solid #fff;
}

.top-footer ul {
    margin: 0;
    list-style: none;
}

.top-footer-content h5 {
    font-size: 1em;
}

.top-footer-content p {
    text-align: justify;
}
.bottom-footer p{
    text-align: center;
    color: #fff;
}
.post-date{
    font-size: 10px;
    margin-top: 10px;
}
.side-post h3{
	text-align: right;
}
#toTop{
    position: fixed;
    bottom: 2px;
    left: 2px;
    border: 1px solid #2dad9f;
    padding: 4px 5px 0 5px;
}
#toTop i{
    color: #2dad9f;
    font-size: 15px;
}
.textwidget{
	margin-bottom: 2em;
}
/*
************************************** Top Footer
*/
.post-meta-thumb img, .recent-post-img img{
	max-width: 100%;
	height: auto;
}
/*
************************************** Asar
*/
/*.meta-asar{
    background-color: #ffffff42;
    height: 100%;
}*/
.page{
	background-color:#fff;
}

.ninja-forms-field.nf-element{
    border: none;
    outline: none;
    background-color: #e9ecef;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
}
#nf-field-4{
    background-color: #1f2729;
    padding: 5px 20px;
}

ul.social{
	list-style:none;
	padding:0;
	margin:0;
	text-align: left;
}
ul.social li{
	display: inline-block;
}
ul.social li a{
	color:#fff;
	margin-right: 15px;
}
ul.social li a img{
    transform: translateY(-7px);
    -o-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    -moz-transform: translateY(-7px);
    -webkit-transform: translateY(-7px);
}
.top-content .textwidget{
	margin: 0;
}
.top-content{
    color: #fff;
    cursor: pointer;
    position: absolute;
    z-index: 9999999999999999;
    width: 250px;
    left: 0;
}
.post-content img{
    max-width:100%;
    height:auto;
}