/*************** Stert Comments ******************/
.edNews__commentPendingApproval,
.edNews_errorMessage {
	position: absolute;
	top: 105%;
	right: 0;
	transition: all ease-in-out .3s;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	display: block
}

.edNews__commentPendingApproval.show,
.edNews_errorMessage.show {
	max-height: 3rem;
	opacity: 1;
	padding: 0.2rem .87rem;
	color: var(--White);
	border-radius: 0.4rem;
	z-index: 1;
}

.edNews__commentsWrapper .btn-submit {
	color: var(--White);
	transition: all ease-in-out .3s;
	cursor: pointer;
	font-weight: bold;
}

.edNews__commentsWrapper .btn-submit:hover {
	background: var(--accent-color4)
}

.edNews__commentsWrapper :where(input[type="text"], input[type="email"], textarea) {
	outline: unset !important;
	;
	padding: 1rem;
	width: -webkit-fill-available;
	background-color: var(--lsilver);
	transition: all ease-in-out .3s;
	border: 0.1em solid var(--silverLight);
}

.edNews__commentsWrapper :where(input[type="text"], input[type="email"], textarea)::placeholder {
	text-align: right !important;
	font-family: IranSite;
	color: var(--Silver-Secondary-Color);
	transition: all ease-in-out .3s;

}

input:where([type="email"], [type="cell"]) {
	direction: ltr
}

.edNews__commentsWrapper .form-group label {

	padding: .4rem 0
}

.edNews__commentsWrapper :where(input[type="text"], input[type="email"], textarea):focus {
	border-color: var(--Accent-Color);
}

.edNews__commentsWrapper :where(input[type="text"], input[type="email"], textarea):focus::placeholder {
	letter-spacing: -0.05rem;
	font-size: 0.9rem;
}

.edNews__commentsWrapper .GDPR input[type=checkbox]+label {
	display: flex;
	align-items: center;
	cursor: pointer;
	padding: .2em;
	gap: 1rem
}

.edNews__commentsWrapper .GDPR input[type=checkbox] {
	display: none
}

.edNews__commentsWrapper .GDPR input[type=checkbox]+label:before {
	content: "\2714";
	border: .1em solid var(--Black-Color);
	border-radius: .2em;
	display: flex;
	color: transparent;
	transition: .2s;
	padding: 0 0.5em;
	border: 0.1rem solid var(--blgnav);
}

.edNews__commentsWrapper .GDPR input[type=checkbox]+label:active:before {
	transform: scale(0)
}

.edNews__commentsWrapper .GDPR input[type=checkbox]:checked+label:before {
	background-color: #3cb371;
	border-color: #3cb371;
	color: var(--White)
}

.edNews__commentsWrapper .GDPR input[type=checkbox]:disabled+label:before {
	transform: scale(1)
}

.edNews__commentsWrapper .GDPR input[type=checkbox]:checked:disabled+label:before {
	transform: scale(1);
	background-color: #bfb;
	border-color: #bfb
}

.edNews__commentsCommentFormWrapper .edNews__replyingToMessage {
	opacity: 0;
	visibility: hidden;
	transition: all ease-in-out .3s
}

.edNews__commentsCommentFormWrapper.edNews__replyingToComment .edNews__replyingToMessage {
	opacity: 1;
	visibility: visible
}

.edNews__commentsCollapseWrapper {
	width: 100%
}

.edNews_commentDetails .media-body {
	flex: 1 0 80%;
	border: 0.1rem solid var(--silverLight);
	border-radius: calc(var(--b-rasiud)*2);
}

.edNews__commentVoting_upvote .fa-thumbs-o-up:before {
	color: green;
	font-size: 1.5rem
}

.edNews__commentVoting_downvote .fa-thumbs-o-down:before {
	color: red;
	font-size: 1.5rem
}

.edNews_commentActions span {
	color: var(--accent-color1)
}

.edNews_numberVotes {
	color: var(--accent-color1)
}

.edNews_loadMoreTriggerWrapper {
	display: flex;
	justify-content: center
}

.edNews_loadMoreTriggerWrapper button {
	background: var(--accent-color3);
	border: 1px solid var(--accent-color2);
	padding: 1rem;
	margin-bottom: 2rem;
	cursor: pointer
}

.edNews_loadMoreTriggerWrapper .loadingOverlay {
	display: none
}

.edNews_loadMoreTriggerWrapper.loading,
.edNews__editingComment .edNews__editCommentContainer {
	display: block
}

.edNews_loadMoreTriggerWrapper.hide,
.edNews__editCommentContainer {
	display: none
}

.edNews_userAvatar img {
	width: 2.85rem;
	height: 2.85rem;
	border-radius: var(--b-radius);
}

.edn_recentCommentContainer {
	display: flex;
	gap: 1rem;
	align-items: center;

}

.ItemTitleComment svg {
	width: 1.5rem;
}

.edNews__commentContent {
	font-size: 1rem;
}

.edNews_commentDate {
	font-size: 0.8rem;
	padding-top: 6px;
}

.edNews__childCommentsContainer {
	margin-bottom: 0.6rem;
	margin-right: 2rem;

	.edNews__itemCommentContainer {
		/* margin-right: 2rem; */
		border-top: 0.1rem solid var(--dark-gray);
	}
}

.edNews_adminEdit .btn-submit {
	background: transparent !important;
	color: var(--accent-color);

	.edNews__editComment,
	.edNews__deleteComment {
		display: none;
	}
}

div#edNewsComment3424_2219_3 {
	border-bottom: 0.1em solid var(--accent-color2)
}



/********************** End Comments ***********************/

.puzzle-sec {
	.items {
		display: flex;
		flex-direction: column;
		gap: 1rem;

		.item {
			display: block;
			position: relative;
			overflow: hidden;
			border-radius: var(--radius-12);
			height: 100%;
			width: 100%;

			img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				transition: 0.3s;

				&:hover {
					transform: scale(1.05);
				}
			}

			.txt-holder {
				display: flex;
				flex-direction: column;
				align-items: start;
				gap: 0.57rem;
				position: absolute;
				bottom: 1rem;
				right: 1rem;
				left: 1rem;
				color: White;
				margin: auto 0.01rem;


				.title {
					display: inline-block;
					padding: 0.87rem;
					color: White;
					background-color: var(--system-blue-15);
					font-size: 1.14rem;

					&:hover {
						background-color: var(--system-blue-14);
					}
				}

				.date {
					display: inline-block;
					padding: 0.1rem;
					color: White;
					background-color: var(--system-blue-15);

					&:hover {
						background-color: var(--system-blue-14);
					}
				}
			}
		}
	}
}

.puzzle-mobile-sec {
	.item {
		display: block;
		position: relative;
		overflow: hidden;
		border-radius: var(--radius-12);
		aspect-ratio: 2/1.5;
		width: 100%;

		img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			transition: 0.3s;

			&:hover {
				transform: scale(1.05);
			}
		}

		.txt-holder {
			display: flex;
			flex-direction: column;
			align-items: start;
			gap: 0.57rem;
			position: absolute;
			bottom: 1rem;
			right: 1rem;
			left: 1rem;
			color: White;
			margin: auto 0.01rem;


			.title {
				display: inline-block;
				padding: 0.87rem;
				color: White;
				background-color: var(--system-blue-15);
				font-size: 1.14rem;

				&:hover {
					background-color: var(--system-blue-14);
				}
			}

			.date {
				display: inline-block;
				padding: 0.1rem;
				color: White;
				background-color: var(--system-blue-15);

				&:hover {
					background-color: var(--system-blue-14);
				}
			}
		}
	}
}

.blog-related-articles {

	.related-item {
		display: flex;
		align-items: center;
		gap: 1rem;
		margin-bottom: 1rem;
		
		.img-box-related-blog {

			flex-shrink: 0;

			img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				transition: 0.3s;
				border-radius: var(--radius-4) !important;


			}
		}

		.txt-holder-related-blog {

			.title {
				display: block;
				color: var(--system-blue-5);
				font-size: 1.14rem;


			}

			.date {
				display: inline-block;

				color: var(--text-color-4);


			}
		}
	}
}


.home-related-articles {
	.items {
		display: flex;
		flex-direction: column;
		gap: 1rem;

		.item {
			display: block;
			position: relative;
			overflow: hidden;
			border-radius: var(--radius-12);
			height: 100%;
			width: 100%;

			img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				transition: 0.3s;

				&:hover {
					transform: scale(1.05);
				}
			}

			.txt-holder {
				display: flex;
				flex-direction: column;
				align-items: start;
				gap: 0.57rem;
				position: absolute;
				bottom: 1rem;
				right: 1rem;
				left: 1rem;
				color: White;
				margin: auto 0.01rem;


				.title {
					display: inline-block;
					padding: 0.87rem;
					color: White;
					background-color: var(--system-blue-15);
					font-size: 1.14rem;

					&:hover {
						background-color: var(--system-blue-14);
					}
				}

				.date {
					display: inline-block;
					padding: 0.1rem;
					color: White;
					background-color: var(--system-blue-15);

					&:hover {
						background-color: var(--system-blue-14);
					}
				}
			}
		}
	}
}

/*****************************************************************************container item******************************************************************************************************************/

.con-grid {
	background-color: var(--system-blue-12);
	padding: 0.75rem;
	border-radius: var(--radius-12);
	box-shadow: 4px 4px 4px var(--dark-6);

}

.container-items {
	display: flex;
	border-radius: var(--radius-12);
	width: 100%;
	gap: 4rem;
	justify-content: space-between;


	.item {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		gap: 1rem;

		img {
			border-radius: var(--radius-8);
			object-fit: cover;
			right: 1rem;
			max-width: 100%;
			width: calc(50% - 0.57rem);
		}


		.txt-holder {
			width: calc(50% - 0.57rem);
			max-width: 100%;
			flex-shrink: 0;


			a {
				color: var(--system-blue-5);
				font-size: 1.2rem;
				font-weight: 700;
			}

		}
	}

	@media (max-width:480px) {
		.item {
			flex-direction: column-reverse;

			img {
				border-radius: var(--radius-8);
				right: 1rem;
				max-width: 100%;
				width: calc(100% - 0.57rem);
			}

			.txt-holder {
				width: calc(100% - 0.57rem);
				max-width: 100%;
				flex-shrink: 0;
				margin: 0.57rem;

				a {
					color: var(--system-blue-5);
					font-size: 1.2rem;
					font-weight: 700;
				}

			}
		}

	}


}

.bordered-title-container {
	width: 100%;
	display: flex;
	align-items: center;
	margin-bottom: 1.5rem;
	position: relative;
	padding-top: 3rem;
}

.heading_wrapper {
	position: relative;
	display: inline-flex;
	align-items: center;
	padding-right: 1rem;
	font-size: 1.5rem;
	font-weight: bold;
	color: var(--dark-4);
}

.heading_wrapper::before {
	content: "";
	display: inline;
	width: 0.67rem;
	height: 1.90rem;
	background-color: var(--system-orange-5);
	position: absolute;
	right: 0;
	top: 0.20rem;
	border-radius: var(--radius-4);
	vertical-align: middle;
}

/******************************************************************************slider NewRayeshmand*********************************************************/

.sugestion-slider {
	position: relative;
	overflow: hidden;
	height: 40rem;

	.swiper-slide {
		position: relative;
		&:before{
			z-index: 0;
			width: 100%;
			display: block;
			height: 100%;
			position: absolute;
			right: 0;
			top: 0;
			content: '';
			background: -webkit-gradient(linear,left top,left bottom,from(rgba(22,32,91,0)),to(#16205b));
			background: linear-gradient(180deg,rgba(22,32,91,0) 0,#16205b 100%);
			opacity: .5;
			pointer-events: none;
		}

		img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			transition: 0.3s;
		
			&:hover {
				transform: scale(1.01);
			
			}
		}

		.txt-holder {
			position: absolute;
			bottom: 0;
			right: 0;
			width: 100%;
			padding: 1rem;
			color: White;

			.title {
				font-size: 1.14rem;
				margin-bottom: 1rem;
				color: White;


			}

			.date {
				margin-bottom: 1rem;
				line-height: 1.5;
				font-size: 0.75rem;
			}
		}
	}

}


/************************************************************ list news ******************************************************************************/

.new-wrapper {
	.news-item {
		display: flex;
		align-items: start;
		justify-content: space-between;
		gap: 0.57rem;
		border-bottom: solid 1px var(--dark-5);
		padding-bottom: 4rem;
		margin-bottom: 4rem;
		width: 1200px;


		&:last-child {
			margin-bottom: 0;
			padding-bottom: 0;
			border-bottom: none;
		}

		.date {
			margin-top: 1rem;

		}

		.img-box {
			flex-shrink: 0;

			img {
				object-fit: cover;
				border-radius: var(--radius-12);
				transition: 0.3s;
				border-radius: 0.50rem;
				height: 100%;
				width: 100%;

				&:hover {
					transform: scale(1.02);
				}
			}
		}

		.txt-holder {
			width: calc(84% - 11rem);
			padding: 1rem;
			justify-content: left;

			.Summary {
				font-size: 1.57rem;
				color: var(--text-color-7);
				line-height: 3;

				p {
					display: block;
					width: 100%;
					text-overflow: ellipsis;
					white-space: nowrap;
					overflow: hidden;
					font-size: 1rem;
					color: var(--text-color-7);

				}
			}

			a {
				color: var(--system-blue-5);
				font-size: 1.55rem;
				font-weight: 700;

			}
		}

	}
}

/********************************************************************video container****************************************************************************************/


.video-item {
	border-radius: var(--radius-12);
	width: 100%;

	a {
		color: var(--text-bg-light-0) !important;
		display: block;
	}

	img {
		border-radius: var(--radius-12);
		width: 100%;
		object-fit: cover;
		transition: 0.3s;
		height: 100%;

		&:hover {
			transform: scale(1.01);
		}
	}

	.txt-holder {
		display: flex;
		flex-direction: column;
		bottom: 1rem;
		line-height: 1;


		.title {
			display: inline-block;
			color: var(--system-blue-7);
			font-size: 1.14rem;
			margin-right: 1rem;
			line-height: 1.5;
		}

		.date,
		.cat-label {
			display: flex;
			color: var(--text-color-7) !important;
			margin: 1rem 0.90rem;
			text-align: right;
			font-weight: 600;
		}
	}
}

.videoCard-special {
	width: 100%;
	position: relative;

	.link-video {
		display: block !important;
		position: relative;
		height: 100%;
		width: 100%;
	}

	img {
		border-radius: var(--radius-12);
		width: 100%;
		object-fit: cover;
		transition: 0.3s;
		height: 100%;


		&:hover {
			transform: scale(1.01);
		}
	}

	.txt-holder-special {
		position: absolute;
		bottom: 2rem;
		width: 100%;
		padding: 1rem;
		color: White;


		.title {
			font-size: 1.14rem;
			color: var(--bg-ff);
		}

		.date {
			margin-bottom: 1rem;
			line-height: 1.5;
			color: var(--bg-ff);
		}
	}
}


/**************************************************************************   article_pager  *****************************************************************************/

.article_pager {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	margin-bottom: 1rem;

	.page {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 2.60rem; 
		background: var(--White);
		font-size: 1.30rem;
		border-radius: 0.4rem;
		color: var(--text-bg-light-0);
		aspect-ratio: 1;

		&.active {
			border: 2px solid var(--system-orange-5);
			color: var(--text-bg-light-0);
		}
	}

	.page:hover {
		color: var(--system-orange-5);
	}
}

/************************************************************************************  txt-holder-lastnews  *******************************************************************/


.items {
	width: 100%;
	position: relative;

	.item {
		color: var(--text-color-7);
		display: block;

	}

	img {

		border-radius: var(--radius-12);
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: 0.3s;

		&:hover {
			transform: scale(1.01);
		}
	}

	.txt-holder-lastnews {
		position: absolute;
		bottom: 2rem;
		width: 100%;
		padding: 1rem;
		color: White;


		.title {
			font-size: 1.14rem;
			margin-bottom: 1rem;
			color: var(--bg-ff);
		}

		.date {
			margin-bottom: 1rem;
			line-height: 1.5;
			color: var(--bg-ff);
		}
	}
}


/************************************************************ last news wrapper  ******************************************************************************/


.last-news-wrapper {
	.last-news-item {
		display: flex;
		align-items: center;
		margin-top: 1rem;

		&:first-child {
			margin-top: 0;
			padding-bottom: 0;
		}

		.img-box {



			img {
				object-fit: cover;
				border-radius: var(--radius-12);
				transition: 0.3s;
				height: 100%;
				width: 100%;

				&:hover {
					transform: scale(1.02);
				}
			}
		}

		.txt-holder {
			width: 100%;
			padding: 1rem;
			justify-content: right;

			.date {
				display: block;
				width: 100%;
				font-size: 1rem;
				color: var(--text-color-7);
			}

			.title {
				color: var(--system-blue-7);
				font-size: 1.14rem;
				font-weight: 700;
			}
		}
	}


}

/************************************************************ news-related-technology ******************************************************************************/


.home-related-articles {
	.related-item {
		display: flex;
		align-items: center;
		margin-top: 1rem;


		&:first-child {
			padding-bottom: 0;
		}

		.img-box-related {



			img {
				object-fit: cover;
				border-radius: var(--radius-12);
				transition: 0.3s;

				&:hover {
					transform: scale(1.02);
				}
			}
		}

		.txt-holder-related {
			width: 100%;
			padding: 1rem;
			justify-content: right;

			.date {
				display: block;
				width: 100%;
				font-size: 1.10rem;
				color: var(--text-color-7);
			}

			.title {
				color: var(--system-blue-7);
				font-size: 1.14rem;
				font-weight: 700;
			}
		}
	}
}


/******************************************************************** container-Introduc-slider*****************************************************************************************/
.Introduc-section {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding: 1rem auto;

	.navigation {
		position: absolute;
		top: 0;
		bottom: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 7.14rem;
		aspect-ratio: 1;
		flex-shrink: 0;
		cursor: pointer;
		z-index: 10;
		width: 5rem;
		height: 100%;


		&.prev-btn {
			right: 0;
			background: rgba(255, 255, 255, 4.2);
			background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%);



		}

		&.next-btn {
			left: 0;
			background: rgba(255, 255, 255, 4.2);
			background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%);
		}

		svg {
			width: 1rem;
			height: 3rem;
			fill: var(--text-bg-dark-4);

		}

		&.swiper-button-disabled {
			display: none;
		}
	}

	.Introduc-slider {
		position: relative;
		overflow: hidden;
		border-radius: 8px;



		.swiper-slide {
			position: relative;

			.box-slider {

				display: flex;
				justify-content: space-between;
				align-items: center;

				img {
					width: 25%;
					object-fit: cover;
					transition: 0.3s;
					border-radius: 0.50rem;
				}


				.txt-holder-Introduc {
					bottom: 2rem;
					right: 0;
					width: 70%;
					/* padding: 1rem; */
					color: White;
					vertical-align: middle;


					.title {
						font-size: 1.14rem;
						margin-bottom: 1rem;
						color: var(--system-blue-7);
						text-overflow: ellipsis;
						white-space: nowrap;
						overflow: hidden;
						width: 100%;
						text-align: right;
					}

					.date {
						margin-bottom: 1rem;
						line-height: 1.5;
						font-size: 1rem;
						color: var(--text-bg-dark-4);
						font-weight: 700;
					}
				}

			}
		}
	}

	@media(max-width: 480px) {
		.navigation {
			background: rgba(255, 255, 255, 0.5) !important;
		}
	}
}

@media(min-width: 768px) {
	.puzzle-mobile-sec {
		display: none;
	}
}

@media(max-width: 768px) {

	.puzzle-mobile-sec {
		display: block;
	}

	.puzzle-sec {
		display: none;
	}
}


/***************************************************** footer ***********************************************************************************************/

.footer-links-col {

	ul {

		&:first-child {
			list-style: none !important;

			>li {
				>a {
					display: block;
					font-size: 1.28rem;
					color: var(--Black);
					color: var(--system-blue-6);
				}
			}
		}

		ul {
			margin: 0;
			padding-right: 1.2rem;

			>li {
				>a {
					color: var(--system-blue-11);
				}
			}
		}
	}
}

/***********************************************************search box***********************************************************************************************/
.search-popup-box .color-dark a.search:before {
	transform: rotate(316deg) !important;

}

/************************************************************* footer-info-box*******************************************************************************************************/
.footer-info-box {
	display: inline !important;
	flex-direction: column !important;
	align-items: center;

	.sep {
		margin: 0rem 1rem !important;
	}
}

/*********************************************** blogs-page ******************************************************************************/

.container-blog {
	.blog-item {
		display: flex;
		align-items: center;
		border-bottom: solid 1px #bdbdbdaa;
		margin-bottom: 1rem;
		vertical-align: middle;
		justify-content: space-between;
		padding: 0.75rem;


		&:last-child {
			margin-bottom: 0;
			padding-bottom: 0;
			border-bottom: none;
		}

		.img-box-blog {
			flex-shrink: 0;
			justify-content: end;

			img {
				object-fit: cover;
				border-radius: var(--radius-12);
				transition: 0.3s;
				border-radius: 0.50rem;
				height: 100%;
				width: 100%;

				&:hover {
					transform: scale(1.02);
				}
			}
		}

		.blog-caption {
			display: flex;
			flex-direction: row;
			align-items: center !important;


			.txt-holder-blog {
				width: 100%;
				padding: 1rem;
				justify-content: left;
				line-height: 3rem;


				.Summary-blog {
					line-height: 3;
					width: 100%;
					font-size: 1.3rem;
					color: var(--text-color-7);
					display: -webkit-box;
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical;
					overflow: hidden;
				}

				.title {
					color: var(--system-blue-5);
					font-size: 1.55rem;
					font-weight: 700;
				}

			}

			.date-blog {
				color: var(--system-blue-11);
				align-items: center !important;
			}
		}

		@media (max-width:576px) {
			.blog-caption {

				.date-blog,
				.category,
				p {
					display: none;
				}

				.title {
					font-size: 1rem !important;
				}
			}

			.img-box-blog {
				text-align: left;

				img {
					object-fit: cover;
					border-radius: var(--radius-12);
					transition: 0.3s;
					border-radius: 0.50rem;
					width: 60%;
					height: auto;
				}
			}

		}

		@media (max-width:480px) {
			.img-box-blog {
				text-align: left;
				width: 30% !important;

				img {
					object-fit: cover;
					border-radius: var(--radius-12);
					transition: 0.3s;
					border-radius: 0.50rem;
					width: 100%;
					height: auto;
				}
			}

			.blog-caption {
				width: 70% !important;
			}
		}
	}


}

.article_pager {

	.prev,
	.next,
	.last {
		background-color: var(--system-blue-9) !important;
		padding: 0.47rem;
		border-radius: var(--radius-8);
		color: White;
	 
	}

}

/***********************************************************tab blog*********************************************************************************************/

.eds_template_TemplatedMenu_CategoriesMenu {
	
	display: flex;
	gap: 3rem;
	list-style: none !important;
	border-bottom: 3px solid var(--text-bg-light-3);
	.node {
		border-bottom: 2px solid transparent;
		&:hover:not(.opened){
			color: var(--system-blue-13);
			border-bottom: 2px solid var(--system-blue-13);

		}
	}
	.item {
		display:block;
		color: var(--text-color-8);
		font-weight: bold;
		line-height: 3rem;
		padding: 0.5rem 1rem;
	}

}

.category_menu li {
    display: none;
}

.category_menu li.opened ,.category_menu li.opened li,
.category_menu li.active {
    display: flex;
    /* gap: 2rem; */
    /* padding: 0 1.3rem; */
}

.category_menu li.opened > ul,
.category_menu li.active > ul {
    display: flex;
    /* gap: 1rem; */
}

.category_menu li.active ul li {
    display: block;
}

.category_menu li.opened > a,
.category_menu li.active > a {
    font-weight: bold;
    color: #0077cc;
}


@media (max-width: 480px) {
	.eds_template_TemplatedMenu_CategoriesMenu {
		display: flex !important;
		gap: 1rem !important;
		overflow-x: auto !important;
		white-space: nowrap !important;
		padding: 0.37rem !important;
		border-bottom: 2px solid var(--text-bg-light-3) !important;


	}

	.eds_template_TemplatedMenu_CategoriesMenu .item {
		flex: 0 0 auto;
		font-size: 1rem !important;
		padding-bottom: 0;
		line-height: 3rem;

		&:active {
			color: var(--system-blue-13) !important;
			border-bottom: 2px solid var(--system-blue-13) !important;
		}
	}

}


/***************** Start Article List *******************/
.article-details {
	p , ol,ul{
		color: var(--system-blue-16) !important;
		font-size: 1.3rem;
		line-height: 3rem;
		font-weight: 500;
		word-wrap: break-word;
	}

	.content-wrapper {
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		height: 100%;


		.img-box-cover {
			flex-shrink: 0;

			img {

				width: 100%;
				height: 100%;
				object-fit: cover;
				border-radius: var(--radius-12);
			}
		}

		.custom-breadcumb {

			a {
				color: var(--White);
				font-size: 1rem;
			}
		}

		.text-holder-detail {

			vertical-align: middle;
			padding-bottom: 0.75rem;
			z-index: 1;

			.title {
				font-size: 2.85rem;
				font-weight: bold;
				color: var(--system-blue-16);
				line-height: 2;
				margin: 1rem auto;
				vertical-align: middle;
			}

			.category-label {

				vertical-align: middle;

				a,
				a:link {
					color: var(--system-blue-13);
					font-weight: bold;
					font-size: 1rem;
				}
			}

			.summary {

				font-size: 1.3rem;

				color: var(--system-blue-16);

				margin-top: 0.9rem;

				font-weight: 500;

				line-height: 2;

				-webkit-box-orient: vertical;

				overflow: hidden;





				p {
					margin: 0;
				}
			}
		}
	}

	.desc {

		h1,
		h2,
		h3,
		h4,
		h5,
		h6 {
			font-size: 1.7rem !important;
			font-weight: bold;
			margin: 1.07rem 0;
			color: var(--system-blue-13);
		}

		p {
			color: var(--system-blue-13);
		}

		ul {
			padding: 1rem;
			font-size: 1.3rem;
			list-style: disc;
			padding-inline-start: 2rem;
		}
	}

	.content-box {

		.article-info {
			.item {

				border-left: solid 1px var(--accent-color);
				margin-bottom: 0.7rem;
				text-align: right !important;

				span {
					display: inline-block;
					margin-left: 1rem;
					color: var(--text-color-5);
					line-height: 1rem;


				}

				&:last-child {
					border: none;

				}
			}

		}


	}

	.sidebar {
		.article-heading-holder {
			position: sticky;
			top: 10rem;
			border-radius: 1.53rem;
			background-color: var(--bg-1);
			overflow: hidden;
			padding: 2rem;

			.main-title {
				display: block;
				align-items: center;
				justify-content: start;
				font-size: 1.1rem;
				color: var(--Black);
				margin-bottom: 1.2rem;
			}

			.article-heading {
				list-style: none;

				li {
					a {
						display: flex;
						align-items: center;
						gap: 0.5rem;
						padding: 0 0;
						margin-bottom: 1.2rem;
						color: var(--texture-color-4);


						&:before {
							content: '';
							width: 0.3rem;
							height: 0.3rem;
							background-color: var(--texture-color-4);
							border-radius: 50%;
							-webkit-border-radius: 50%;
							-moz-border-radius: 50%;
							-ms-border-radius: 50%;
							-o-border-radius: 50%;
						}

						.title {
							font-size: 1rem;
							font-weight: normal;
							margin: 0;
						}
					}

					&.active {
						a {
							color: var(--texture-color-1);

							&:before {
								background-color: var(--accent-color);
							}
						}
					}
				}
			}
		}
	}

	@media(max-width: 990px) {


		.text-holder-detail {

			.title {
				font-size: 1.75rem !important;
			}

			.summary {
				font-size: 1.10rem !important;

			}
		}
	}

	@media(max-width: 768px) {

		.img-box-cover {

			margin-bottom: 2rem;
		}

		.content-wrapper {
			flex-direction: column-reverse;

			.text-holder-detail {

				.title {
					font-size: 1.50rem !important;
				}

				.summary {
					font-size: 1rem !important;

					p {
						font-size: 1rem !important;
					}
				}
			}



		}

	}

	@media(max-width: 480px) {
		.content-wrapper {
			.text-holder-detail {
				position: relative;
				margin-top: 1rem;
				padding: 0;

				.title {
					font-size: 1.20rem !important;
				}

				.summary {
					font-size: 1.10rem !important;
					margin-bottom: 1rem;
				}

			}

			.img-box-cover {
				flex-shrink: 0;

			}

		}
	}
}

/*************************************************** edn_article_gallery***********************************************/
.edn_article_gallery ul {
	margin: 2rem 0;
	list-style: none;

	li {
		text-align: center;
		display: inline;
		align-items: center;


		img {
			border-radius: var(--radius-12);
		}
	}

}

/*************************************************** edn_relatedArticles***********************************************/

.edn_relatedArticles h2 span {
	border-bottom: 4px solid var(--system-blue-3);
	line-height: 3 !important;
	margin-bottom: 1rem !important;


	ul {
		list-style: none;
	}


}



.edn_relatedArticles {
	margin-top: 3rem;
	display: flex;
	flex-direction: column;


	ul {
		list-style: none;
		padding: 0;
		margin: 0;
		display: flex;
		gap: 1rem;
		flex-wrap: wrap;
	}

	li {
		position: relative;
		height: 100%;
		margin-bottom: 20px;
		overflow: hidden;
		
	}



	li img {
		object-fit: cover;
		width: 100%;
		display: block;
		border-radius: var(--radius-12);
	}

	li span {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		color: white;
		text-decoration: none;
		background: var(--system-blue-14);
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		padding: 10px;
		box-sizing: border-box;
		border-radius: var(--radius-12);
	}

	li a span {
		font-size: 1.20rem;
		font-weight: 700;
		width: 100%;
	}
}


.admin_action {
	background-color: var(--system-blue-4);
	padding: 0.57rem;
	border-radius: var(--radius-12);
}

.edn_articleDocuments {
	padding: 2rem;
	background: #edf4fd5c;
	border-radius: var(--radius-12);
	line-height: 5;
	margin-top: 1rem;
	border: 1px solid var(--dark-8);


	ul {
		list-style: none;
	}

	li {
		font-size: 1rem;
		line-height: 2;

	}

	h2 span {
		font-size: 1.30rem;
	}
}

/***************** End Article List *******************/

/*************** Stert Comments ******************/

.comments-list {

	border-radius: 0.4rem;
	-webkit-border-radius: 0.4rem;
	-moz-border-radius: 0.4rem;
	-ms-border-radius: 0.4rem;
	-o-border-radius: 0.4rem;
}

.frame-bordered-title-container {
	border: solid 1px var(--text-color-9) !important;
	padding: 1rem;
	border-radius: var(--radius-12);
	box-shadow: -1px 1px 2px 1px var(--dark-8);
}

.comments-form {
	.sec-title {
		display: block;
		color: var(--Black);
		font-size: 1.1rem;
		margin-bottom: 1rem;


	}

	.field-holder {
		position: relative;
		display: flex;
		align-items: start;
		justify-content: start;
		flex-direction: column;
		gap: 0.5rem;

		.form-control-label {
			display: block;
			font-weight: normal;
			color: var(--dark-0);

			.star {
				color: var(--system-red-2);
			}
		}

		.form-control {
			width: 100%;
			height: 3.84rem;
			border: none !important;
			outline: none;
			font-size: 1rem;
			padding: 0.5rem 0;
			resize: none;
			text-align: right;
			border: solid 0.05rem var(--text-color-9) !important;
			background-color: White;
			border-radius: var(--radius-12);
			padding: 0.9rem 1.15rem;
			-moz-border-radius: 1.15rem;
			-ms-border-radius: 1.15rem;
			-o-border-radius: 1.15rem;
			box-shadow: inset 0px 0px 3px #f8f5f5fc;

			&::placeholder {
				color: #959595;
				font-size: 1rem;
				font-weight: normal;
			}

			&:disabled {
				background-color: transparent;
			}
		}

		textarea {
			min-height: 11.3rem;

		}
	}

	.rating-in-comment {
		.caption {
			color: var(--Black);
		}
	}

	.submit-btn {
		font-size: 1rem;
		color: var(--White);
		border: none;
		padding: 0.3rem 1.5rem;
		border-radius: 0.4rem;
		background-color: var(--system-blue-1);
		cursor: pointer;

	}
}

.comments-list {
	margin: 2rem 0;

	.avatar {
		width: 3.07rem;
		min-width: 3.07rem;
		height: 3.07rem;
		background-color: var(--accent-color);
		border-radius: 0.6rem;
		margin: 0.3rem 0 0 1rem;
		-webkit-border-radius: 0.6rem;
		-moz-border-radius: 0.6rem;
		-ms-border-radius: 0.6rem;
		-o-border-radius: 0.6rem;

		svg {
			width: 2rem;
			stroke: var(--White);
			fill: none;
		}
	}

	.comment-head {
		position: relative;
		width: 100%;
		min-height: 3.9rem;
		padding: 0.4rem 1rem;
		background-color: var(--bg-2);
		border-radius: 0.4rem;
		border: solid 1px var(--texture-color-7);

		&:before {
			content: '';
			position: absolute;
			left: 100%;
			top: 50%;
			width: 8px;
			aspect-ratio: 1 / 2;
			clip-path: polygon(0px 0, 100% 50%, 0 100%);
			background: var(--texture-color-7);
		}

		.date {
			.item {
				font-size: 0.8rem;
				color: var(--Black);

				svg {
					width: 1.25rem;
					height: 1.25rem;
					margin-left: 0.5rem;
					fill: var(--accent-color);
				}



				&:nth-child(2n) {
					margin-right: 0;
					padding-right: 1rem;
					border-right: solid 1px var(--texture-color-7);

					svg {
						fill: none;
						stroke: var(--accent-color);
					}
				}

			}
		}
	}

	.author {
		font-size: 1rem;
		font-weight: bold;
		color: var(--Black);
	}


	@media(max-width:760px) {
		display: block !important;
		height: auto;

		.date {
			flex-direction: column;
		}
	}
}

.comment-body {
	padding: 1rem;

	.comment-content {
		font-size: 1rem;
		color: var(--Black);
	}

	.edNews__replyComment {
		cursor: pointer;
	}

	.action-btns {
		svg {
			cursor: pointer;
		}

		.like {
			.like-couner {
				color: var(--Black);
				margin-top: -3px;
				margin-left: 2px;
			}
		}
	}

	@media(max-width:760px) {
		display: block !important;
		height: auto;

	}
}

.edNews__commentsCommentFormWrapper {
	.field-holder {
		margin-bottom: 1rem !important;
	}
}

/********************** End Comments ***********************/

/************************** breadcrumbs-box ***********************************/
.breadcrumbs-box {

	.Lsilver {
		color: var(--text-color-5);
		font-size: 1.10rem !important;
	}


}

/************************** nabzedaneshpoems ***********************************/
.nabzedaneshpoems {
	align-items: center;
	justify-content: center;
}

.hfzpsRow {
	display: flex;
	gap: 1rem;
	flex-direction: row;
	justify-content: center;

	.hfzpsRight,
	.hfzpsLeft {
		font-size: 1.20rem !important;
		font-weight: bold;
		margin: 1.07rem;
		color: var(--system-blue-16);
		text-align: right;
	}
}


/************************** table styles ***********************************/
table {
	width: 100%;
	max-width: 75%;
	margin: 20px auto;
	border-collapse: collapse;
	direction: rtl;
	background-color: #ffffff;
	border-radius: 12px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	overflow: hidden;
	font-size: 1.3rem;
}

td,
th {
	padding: 0.85rem 1.14rem;
	color: var(--system-blue-18);
	vertical-align: middle;
	/* font-size: 0.95rem; */
	word-break: break-word;
	text-align: center;
}

tbody tr:nth-child(odd) {
	background-color: var(--system-blue-21)
}

tbody tr:hover {
	background-color: var(--system-blue-22)
}

table a {
	color: #003c6c;
	text-decoration: none;
	word-break: break-all;
}

table a:hover {
	text-decoration: underline;
}

@media screen and (max-width: 768px) {

	table,
	thead,
	tbody,
	tr,
	td,
	th {
		display: block;
		width: 100%;
	}

	tr {
		margin-bottom: 1rem;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
		border-radius: 8px;
		background-color: #ffffff;
		overflow: hidden;
	}

	td,
	th {
		padding: 0.75rem 1rem;
		text-align: right;
		border-bottom: 1px solid #eee;
	}

	td:last-child {
		border-bottom: none;
	}
}

/**********************************************************************************/

.article-details {

	svg {

		fill: var(--text-bg-light-0);
		margin-top: 0.75rem;

	}
}

pre[class*="language-"] {
	padding: 1rem;
	border-radius: 6px;
	font-family: 'Courier New', Courier, monospace;
	font-size: 0.95rem;
	line-height: 1.6;
	overflow-x: auto;
	direction: ltr;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: #999;
}

.token.keyword {
	color: #0077aa;
}

.token.string {
	color: #d14;
}

.token.function {
	color: #990055;
}

.token.operator {
	color: #333;
}

pre.line-numbers {
	position: relative;
	padding-left: 3.8em;
	counter-reset: linenumber;
}

.line-numbers .line-numbers-rows {
	position: absolute;
	pointer-events: none;
	top: 0;
	font-size: 100%;
	left: 0;
	width: 3em;
	letter-spacing: -1px;
	border-right: 1px solid #ccc;
	user-select: none;
}

.line-numbers-rows>span {
	display: block;
	counter-increment: linenumber;
	padding: 0 0.5em;
}

.dirltr {
	direction: ltr;
	unicode-bidi: embed;
	font-family: monospace;
}

code {
	font-size: 87.5%;
	color: #e83e8c;
	word-wrap: break-word;
}


.in_article_image .no_text img{
	max-width: 100% !important;
}