@font-face {
	font-family: 'Font-Yekan-B';
	src: url('fonts/YekanWeb-Bold.woff') format('woff');
	font-weight: bold;
}

@font-face {
	font-family: 'Font-Yekan';
	src: url('fonts/YekanWeb-Regular.woff') format('woff');
	font-weight: normal;
}

* {
	direction: rtl;
	font-family: "Font-Yekan-B", Times, serif;
}

body {
	background: #FFF5EC;
}

#cssmenu {
	background: #FFF5EC;
}

#breadcrumb {
	padding: 10px 0;
	background: #fff;
}

#breadcrumb span.breadcrumb-texts {
	color: #ACACAC;
	margin: 20px 0;
}

#breadcrumb a {
	text-decoration: none;
	color: #5a5a5a;
}

#header-pages {
	text-align: center;
	background: #FFEDDE url("../images/header-divan.jpg") no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 228px;
}

#header-pages h1 {
	color: #fff;
	padding-top: 60px;
	font-size: 52px;
}

.search-input {
	border: 1px solid #FFCA9E;
	height: 53px;
	font-size: 15px;
}

.search-frame {
	padding: 20px 0;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 1px 2px #9a9a9a;

}

.search-box {
	width: 100%;
}

.search-select select#search-select {
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: '';
	border: 1px solid #FFCA9E;
	height: 53px;
	font-size: 15px;
}

.search-select .arrow-down-select {
	left: 38px;
	position: absolute;
	z-index: 2000;
	top: 56px;
	width: 15px;
	height: 15px;
	border: 3px solid #F3D171;
	text-indent: -90000px;
	margin-top: -40px;
	cursor: pointer;
	border-left: none;
	border-top: none;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.search-frame form input.search-submit {
	width: 100%;
	font-weight: 400;
	border-radius: 6px;
	border-style: solid;
	text-decoration: none;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	padding: 6px 34px;
	height: 53px;
	background: #FE8369;
}

#search-poet {
	margin-top: -47px;
}

#search-poet h4.title-top-navbar{
	margin-top: 15px;
	color: #5C5D5D;
}

#poem-tabs {
	overflow: hidden;
	border-bottom: 1px solid #FE8469;
	margin-bottom: 10px;
}

#poem-tabs .tablinks{
	padding: 0 5px;
}

#poem-tabs button {
	background-color: #fff;
	color: #ACACAC;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
	width: 100%;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

#poem-tabs button:hover {
	background-color: #FCBEB0;
}

#poem-tabs button.active {
	background-color: #FE8469;
	color: #fff;
}

.tabcontent {
	display: none;
}

.tabcontent {
	animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

@keyframes fadeEffect {
	from {opacity: 0;}
	to {opacity: 1;}
}

#poem-tabular-sorted {
	margin-top: 50px;
}

#poem-tabular-sorted a.continue_poem {
	margin: 13px 15px 0 0;
	display: inline-block;
	float: left;
	text-decoration: none;
	color: #FE8469;
	font-size: 14px;
}

.block-tab-content .tab-content-header span{
	color: #9B9B9B;
	font-size: 14px;
}

.block-tab-content {
	background: #fff;
	padding: 0;
	border: 1px solid #E5D6C1;
	border-radius: 6px;
	margin-bottom: 20px;
}

.block-tab-content .tab-content-header{
	border-bottom: 1px solid #E5D6C1;
	padding: 15px 20px;
}

.block-tab-content .tab-content-header a{
	text-decoration: none;
	color: #FE8469;
}

.block-tab-content .tab-content-body{
	padding: 15px 20px;
	color: #5C5D5D;
}

.block-tab-content .tab-content-body p{
	margin: 0 0 7px;
	font-size: 14px;
}

.block-tab-content .tab-content-footer{
	border-top: 1px solid #E5D6C1;
	padding: 5px 20px;
	height: 40px;
}

.block-tab-content .tab-content-footer div{
	display: inline-block;
	float: left;
}

.block-tab-content .tab-content-footer .share-box {
	margin-top: 5px;
	border-right: 1px solid #B7B7B7;
	padding-right: 7px;
}

.block-tab-content .tab-content-footer .comment-box {
	margin-top: 5px;
	border-left: 1px solid #B7B7B7;
	padding-left: 7px;
}

.block-tab-content .tab-content-footer .like-box {
	margin-top: 5px;
	margin-right: 5px;
}

.block-tab-content .tab-content-footer a.icon-share{
	display: block;
	text-indent: -9999px;
	width: 20px;
	height: 20px;
	background: url(../images/share.svg);
	background-size: 20px 20px;
}

.block-tab-content .tab-content-footer a.icon-like{
	margin: 0 10px;
	float: left;
	display: inline-block;
	text-indent: -9999px;
	width: 20px;
	height: 20px;
	background: url(../images/heart.svg);
	background-size: 20px 20px;
}

.block-tab-content .tab-content-footer i.icon-comment {
	padding-left: 10px;
	float: left;
	display: inline-block;
	text-indent: -9999px;
	width: 20px;
	height: 20px;
	background: url(../images/chat.svg);
	background-size: 20px 20px;
}

.block-tab-content .tab-content-footer span.comment-count {
	font-size: 14px;
	margin: 0 5px;
	color: #A5A5A5;
}

.block-tab-content .tab-content-footer .tab-content-footer-tags {
	float: right;
	display: inline-block;
}

.block-tab-content .tab-content-footer .tab-content-footer-tags a {
	margin: 0 3px;
	text-decoration: none;
	color: #A5A5A5;
}

.block-tab-content .tab-content-footer .tab-content-footer-tags a:hover {
	color: #FCBEB0;
}

.mt-40 {
	margin-top: 40px;
}

#poem-tabular-sorted .tabcontent a.tab-content-more {
	border-radius: 9px;
	text-decoration: none;
	font-size: 16px;
	color: #fff;
	padding: 0 34px;
	height: 20px;
	background: #FFCA9E;
	margin: 20px;
}

#poem-tabular-sorted .tabcontent a.tab-content-more:hover {
	background: #ffc28f;
}

/*content slider*/

.block-tab-content {
	background: #fff;
	padding: 0;
	border: 1px solid #E5D6C1;
	border-radius: 6px;
	margin-bottom: 20px;
}

.block-tab-content .tab-content-header {
	border-bottom: 1px solid #E5D6C1;
	margin: 0 20px;
	padding: 10px 0;
}

.block-tab-content .tab-content-header a {
	text-decoration: none;
	color: #FE8469;
}

.block-tab-content .tab-content-header img {
	width: 50px;
	height: 50px;
	margin-left: 15px;
	border: 2px solid #F2E8E8;
	border-radius: 50%;
}

.block-tab-content .tab-content-body {
	padding: 15px 20px 20px 20px;
	color: #5C5D5D;
	height: 250px;
}

.block-tab-content .tab-content-body h3 {
	margin: 0 0 10px;
	font-size: 18px;
	color: #FE8469;
}

.block-tab-content .tab-content-body p {
	margin: 0 0 4px;
	font-size: 14px;
}

.block-tab-content .tab-content-body .read-content-slider {
	display: inline-block;
	float: left;
	border-radius: 4px;
	text-decoration: none;
	font-size: 12px;
	color: #fff;
	padding: 4px 20px;
	background: #FE8469;
	margin-top: -35px;
}

.m-t-0 {
	margin-top: 0 !important;
}

#register-newsletter {
	background: #FFEDDE;
	padding: 40px 0 70px 0;
	margin-top: 120px;
}

#register-newsletter #register-email-input {
	border: 2px solid #E9E9E9;
	border-left: 0;
	height: 53px;
	font-size: 15px;
}

#register-newsletter #register-email-submit {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	border-style: solid;
	text-decoration: none;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	padding: 6px 34px;
	height: 53px;
	background: #FE8369;
}

.no-padding-left {
	padding-left: 0;
}

.no-padding-right{
	padding-right: 0;
}

footer {
	position: relative;
	background: #4B4B4B;
	height: 352px;
	color: #7F7F7F;
}

footer a#footer-site-name {
	border-radius: 50px;
	text-decoration: none;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	padding: 6px 34px;
	height: 20px;
	background: #FE8469;
	margin: 20px;
}

footer .footer-block {
	margin-top: 60px;
}

footer h4.title-footer-block {
	padding-bottom: 25px;
	border-bottom: 1px solid #707070;
	margin-bottom: 15px;
}

footer .footer-block a {
	text-decoration: none;
	display: block;
	color: #7F7F7F;
	margin-top: 7px;
}

footer #footer-tape {
	background: #3A3A3A;
	height: 100px;
	margin-top: 100px;
}

footer #footer-tape svg.top-footer-tape {
	position: absolute;
	bottom: -25px;
	right: 45%;
	display: block;
	text-indent: -9999px;
	width: 100px;
	height: 100px;
	background: url(../images/top-footer-tape.svg);
	background-size: 100px 100px;
}

footer #footer-copyright {
	color: #C4BAB7;
	position: absolute;
	margin-top: 40px;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

	.register-input-box {
		padding: 15px;
	}

	.register-submit-box{
		padding: 15px;
	}

	#register-newsletter #register-email-input {
		border: 2px solid #E9E9E9;
	}

	#register-newsletter #register-email-submit {
		border-radius: 8px;
	}

	footer #footer-tape svg.top-footer-tape {
		right: 36%;
	}

	footer #footer-tape {
		margin-top: 80px;
	}

	.no-padding-xs {
		padding: 0;
	}
}

.block-poet-book {
	background: #FFF;
	text-align: center;
	padding: 30px 15px;
	box-shadow: 0 0 3px #979797;
	border-radius: 4px;
	margin-bottom: 20px;
}

a.divan-name {
	text-decoration: none;
	font-size: 18px;
	color: #9B9B9B;
}