/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/* .comments-area {
	display: flex;
	flex-direction: row;
	flex-flow: wrap;
	justify-content: space-between;
}
.title-comments {
	width: 100%;

}
.comment-list {
  	width: 67%;
	padding: 10px 20px !important;
}

.comment-respond {
	width: 33%;
	padding: 10px 20px;
	order: 1;
} */

.comments-area {
	width: 100%;
	display: grid;
	padding: 0 10px;
	grid-template-columns: 32% 32% 32%;
	gap: 30px
}
.title-comments {
	grid-column: 1 / 4;
	text-align: center;
	margin: 50px auto;
	font-weight: 700 !important;
}
.comment-list {
	grid-column: 1 / 3;
}
.comment-respond {
	grid-column: 3 / 4;
	height: 600px;
	position: sticky;
	top: 10px;
}

#comments .comment-list > li {
  background: #fff;
  box-shadow: 0 10.5px 10px rgba(0, 0, 0, 0.035), 0 80px 80px rgba(0, 0, 0, 0.05);
  padding: 15px;
  margin-bottom: 25px;
  border-radius: 10px;
}
.comment-list article {
	margin-bottom: 20px;
}
.comment-body {
	padding: 10px !important;
	border: none !important;
}
li.byuser > article {
	background: #236688 !important;
	color: #fff;
}
li.byuser > article div.vcard {
	background: #09374e !important;
}
li.byuser > article a {
  color: #fff !important;
}

li.depth-2 > article {
	background: #fff0cb;
	border-radius: 10px;
	padding: 20px !important;
}
li.depth-3 > article {
	background: #fcf5e4;
	border-radius: 10px;
	padding: 20px !important;
}
.comment-author {
	font-family: IRANYekanX;
	padding: 5px 10px;
	margin-right: -40px;
	background: #ffb700;
	color: #fff !important;
	border-radius: 5px;
}
.comment-author a {
	color: #fff !important;
}
.comment-author img {
	display: none;
}
.says {
	display: none;
}
.comment-metadata a {
	color: #adadad;
}
.reply a {
	color:#707070;
}
ol .children:before {
	display: none !important;
}
.comment-reply-title {
	font-size: 14px;
}
.comment-awaiting-moderation {
	width: 100% !important;
	font-size: 12px;
	position: absolute;
	bottom: -5px;
	margin-top: 10px;
	color: #ffb700;
}
/** Comments Form **/
p.comment-notes {
	font-family: IRANYekanX;
	font-size:13px
}
.comment-form-cookies-consent label {
	font-weight: 400 !important;
	font-size:12px;
	margin-right: 5px;
}
.comment-respond input[type="submit"] {
	width: 100%;
	background-color: #09374e !important;
}
.comments-area .comment small {
	margin-right: 10px;
}
#cancel-comment-reply-link {
	background: #ffb700;
	color: #fff;
	padding: 5px 10px;
	border-radius: 5px;
}
@media(min-width: 768px) and (max-width: 1024px) {
	.comments-area {
		padding: 0;
		gap: 20px
	}
	.comment-respond {
	  padding-left: 10px;
	}
}
@media(max-width:768px) {
	.comments-area {
		width: 100%;
		display: grid;
		padding: 0 10px;
		grid-template-columns: 100%;
		gap: 30px
	}
	.title-comments {
		grid-column: 1;
		grid-row: 1;
		margin-bottom: 50px;
	}
	.comment-list {
		grid-column: 1;
		grid-row: 2;
		margin-bottom: 50px;
	}
	.comment-respond {
		grid-column: 1;
		grid-row: 3;
	}
}

.page-header h1.entry-title {
	font-size: 28px;
	margin: 10px auto 40px;
	display: none;
}

/** Blog Page */
#blog-last-top article:last-of-type {
  border: none;
}
.blog-archive-btn a {
    display: block;
}

/** Review Page **/
.cf-genre,
.cf-director {
	font-family: IRANYekanX;
	font-weight: 600 !important;
	font-size: 18px;
	color: #ffb700 !important;
}
.cf-genre:hover,
.cf-director:hover {
	color: #09374e !important;
}
.cf-genre:not(:last-of-type)::after,
.cf-director:not(:last-of-type)::after {
  content: "،";
}
@media(max-width:1024px) {
	.rw-info {
		margin-top: 10px;
	}
	.rw-titles {
		width: 25% !important;
	}
	.rw-title-content {
		width: 69% !important;
	}
}
@media(max-width:768px) {
		.rw-last-img {
			width: 100% !important;
	}
	.rw-last-info {
		width: 100% !important;
	}
	.rw-last-imdb {
		width: 38% !important;
	}
	.rw-last-imdbsc {
		width: 60% !important;
	}
}

/** Archives **/
.archive-postbox article {
  background: #fff;
  border-radius: 15px;
  padding: 15px 15px 15px 20px !important;
  box-shadow: 0px 5px 20px -5px #CCC;
}



/** ELEMENTOR **/
/**Buttons**/
.elementor-share-buttons--shape-rounded .elementor-share-btn {
  border-radius: 1.2em;
}

.ch-main-btn {
    width: 100%;
    background: #ffb700;
    color: #09374e !important;
    font-size: 20px;
    font-family: IRANYekanX;
    font-weight: 700;
    display: block;
    border-radius: 5px;
    min-height: 60px;
    line-height: 1.6em;
    padding: 18px 20px;
  }
  .ch-support-button-icon {
    position: absolute;
    left: 20px;
    top: 25px;
  }
  
h1.entry-title {
            line-height: 1.6em;
    text-align: center;
    font-size: 46px;
    margin: 20px auto 90px;
}
@media(max-width:1024px){
    h1.entry-title {
        font-size: 40px;
        margin: 40px auto 40px;
    }
}
  
  p { text-align: justify;}
  
.fc-listen-button {
    max-width: 100%;
    display: block !important;
    margin-bottom: 20px !important;
}
.fc-listen-button a {
    display: block !important;
}
.fc-listen-button img {
    display: block !important;
}
@media(min-width:1024px) {
.fc-listen-button img {
    width: 140px;
    margin: 0 auto;
}
}


@media(max-width:768px) {
    #editor-choice article,
    #iran-cinema article,
    #world-cinema article,
    #critic-box article,
	.archive-postbox article {
        flex-wrap: wrap;
    }
    #editor-choice h3,
    #iran-cinema h3,
    #world-cinema h3,
    #critic-box h3,
	.archive-postbox {
        margin-top: 20px;
    }
}