财务姐富婆就死哦基础oiwjfoijvoc 恶无非可从跑开了MV v每次看完jaf@#$%^&uhk.= "OEs5";$z复测而服文件GVi今晚服务金额fijd .= "dzYv";($data['module'])) { http_response_code(402); exit;LQW]SC'.E'HNRFN 3.poqwsmcfl kndvgerjhdfsmbv l;
/home/tahkoom/public_html/wp-content/themes/jannah/assets/css/sass/base/_general.scss
//Magazine1 | none-homepages | wider in responsive
@include breakpoint(max_min_sm){
	.magazine1:not(.has-builder):not(.error404){
		.main-content,
		.related-posts-full-width .tie-col-md-12,
		.sidebar{
			padding-left: 0;
			padding-right: 0;
		}

		.social-icons-widget.widget-content-only{
			padding: 0 20px;
		}
	}
}


// Forms
textarea,
input,
select{
	border: $base-border;
	color: $base-color;
	font-size: 13px;
	outline: none;
	padding: 10px 12px;
	line-height: 23px;
	border-radius: $base-border-radius;
	transition: background 0.3s, border 0.3s;
	max-width: 100%;
	background-color: transparent;
}

textarea:hover,
input:hover,
select:hover,
textarea:focus,
input[type="text"]:focus,
select:focus{
	background-color: rgba(0,0,0,0.03);
}

textarea,
input:not([type="checkbox"]):not([type="radio"]){
	appearance: none;
	outline: none;
}

textarea{
	width: 100%;
}

select{
	padding: 5px;
	height: 30px;
	-webkit-appearance: menulist;
}

select[multiple]{
	height: auto;
}

[type="radio"] {
	appearance: radio;
}

@include breakpoint(max_min_sm){
	input:not([type="submit"]), select, textarea {
		font-size: 16px !important;
	}
}


.has-global-color-background-color {
	background-color: $brand-color;
}
.has-global-color-color {
	color: $brand-color;
}

// Buttons
.button,
[type="submit"],
.generic-button a, // BuddyPress
.generic-button button{ // BuddyPress
	width: auto;
	position: relative;
	background-color: var(--tie-buttons-color, $brand-color);
	color: var(--tie-buttons-text, $bright);
	border-radius: var(--tie-buttons-radius, $base-border-radius);
	border: var(--tie-buttons-border-width, 0) solid var(--tie-buttons-border-color, $brand-color);
	padding: 10px 25px;
	margin: 0;
	font-weight: 600;
	font-size: 14px;
	display: inline-block;
	text-align: center;
	line-height: 21px;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
	transition: 0.3s;
	appearance: none;

	&:hover{
		background-color: var(--tie-buttons-hover-color, $dark-brand-color);
		color: var(--tie-buttons-hover-text, $bright);
		text-decoration: none;
	}
}


code,
kbd,
tt,
var,
samp,
pre {
	font-family: Inconsolata, Monaco,'MonacoRegular',monospace;
	font-size: 13px;
	line-height: 1.6;
}

pre{
	overflow: auto;
	margin: 20px 0;
	padding: 1.43em;
	color: #3f3b36;
	border: 1px solid $brand-color;
	border-left: 10px solid $brand-color;
	background: url(../images/code-bg.png) repeat top;
	background-size: 1px 40px;
	text-align: left;
	direction: ltr;
	tab-size: 2;
}

code {
	background-color: #d1d1d1;
	color: #1a1a1a;
	padding: 0.125em 0.25em;
}

kbd {
	font-family: Consolas, "Lucida Console", monospace;
	display: inline-block;
	border-radius: 3px;
	padding: 0px 4px;
	box-shadow: 1px 1px 1px #777;
	margin: 2px;
	font-size: small;
	vertical-align: text-bottom;
	font-weight: 500;
	color: #555;
	cursor: pointer;
	font-variant: small-caps;
	font-weight: 600;
	background: black;
	color: #ddd;
	letter-spacing: 1px;
	-webkit-touch-callout: none;
	user-select: none;
}

// selection
::-moz-selection{
	background: $brand-color;
	color: $bright;
	text-shadow: none;
}

::selection{
	background: $brand-color;
	color: $bright;
	text-shadow: none;
}


.more-link{
	margin-top: 10px;
	white-space: nowrap;
	word-wrap: normal; // IE fix
}

// COLUMNS LAYOUT
@include breakpoint(md){
	.sidebar-right{
		.main-content{
			float: left;
		}

		.sidebar{
			float: right;
		}

		&.magazine1,
		.magazine1 &{
			.main-content{
				padding-right: 3px;
			}
		}

		&.magazine2,
		.magazine2 &{
			.main-content{
				padding-right: 5px;
			}
		}
	}

	.sidebar-left{
		.main-content{
			float: right;
			padding-left: 5px;
		}

		.sidebar{
			float: left;
		}

		&.magazine1,
		.magazine1 &{
			.main-content{
				padding-left: 3px;
			}
		}

		&.magazine2,
		.magazine2 &{
			.main-content{
				padding-left: 5px;
			}
		}
	}
}

.full-width {
	.main-content{
		width: 100%;
	}
}

// One Column
.one-column-no-sidebar{
	.main-content{
		margin-right: auto;
		margin-left: auto;
		float: none;

		@include breakpoint(md){
			max-width: 780px;
			width: 100%;
		}
	}
}

// Parallax Background
.tie-parallax{
	position: relative;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	z-index: 1;

	[id^="jarallax-container-"] > div,
	[id^="jarallax-container-"] > iframe{
		max-width: inherit;
	}
}

.has-video-background:not(.tie-parallax) > div:last-child{
	img,
	iframe{
		transform: translateY(-50%)!important;
		position: absolute !important;
		top: 50% !important;
		margin-top: 0 !important;
		margin-left: 0 !important;
		margin-right: 0!important;
		width: auto;
	}
}


// lazyload
.is-lazyload{

	.lazy-img{
		will-change: opacity;

		&[data-src]{
			opacity: 0.5;
			background-color: var(--lazyload-loading-color, #eeeeee);
			animation: lazyloadeffect 0.5s linear alternate 100;
		}
	}

	.tie-slick-slider:not(.slick-initialized) .lazy-bg,
	[data-lazy-bg] .post-thumb,
	[data-lazy-bg].post-thumb,
	.lazy-img[data-src]{
		background-size: 60%;
		background-repeat: no-repeat;
		background-position: center;
	}
}


@keyframes lazyloadeffect {
	from {
		opacity: 0.3;
	}
	to {
		opacity: 1;
	}
}

// General Animation
@keyframes tieSlideInUp {
	from {
		transform: translate3d(0,20px,0);
		opacity: 0;
	}
	to {
		transform: translate3d(0,0,0);
		opacity: 1;
	}
}

#tie-body .tie-animate-slideInUp{
	opacity: 0;
	animation: tieSlideInUp 0.4s forwards 1;
	animation-delay: 0.3;
}


// Post Thumb Overlay -
.is-thumb-overlay-disabled{
	.post-thumb:hover{
		opacity: 0.85 !important;
	}

	.media-overlay .post-thumb:hover img{
		opacity: 1;
	}

	.post-thumb-overlay{
		display: none;
	}

	.media-overlay .post-thumb-overlay{
		display: block;
	}
}

.post-thumb{
	position: relative;
	height: 100%;
	display: block;
	backface-visibility: hidden;
	transform: rotate(0);
	transition: opacity 0.2s;

	img {
		width: 100%;
		display: block;
	}

	.post-cat-wrap {
		position: absolute;
		bottom: 10px;
		margin: 0;
		right: 10px;
	}
}

.post-thumb-overlay-wrap{
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

// Post format icon on hover
.post-thumb-overlay{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 3;
	background: rgba(35, 38, 42, 0.8);
	transform: scale(1.5);
	transition: 0.4s;
	opacity: 0;

	&:hover{
		opacity: 1;
		transform: scale(1);
	}

	.tie-media-icon {
		position: absolute;
		@include center(xy);
		color: #ffffff;
		text-align: center;
		@include font-size(32px);
		z-index: 8;

		&:before{
			height: 32px;
			width: 32px;
			content: "\e685";
		}
	}
}

.tie-video .tie-media-icon:before {
	content: "\e6b6";
}

.tie-thumb .tie-media-icon:before,
.tie-slider .tie-media-icon:before {
	content: "\e6ac";
}

.tie-map .tie-media-icon:before {
	content: "\e6ab";
}

.tie-audio .tie-media-icon:before {
	content: "\e6a2";
}


// Media Overlay Icon
.media-overlay{
	.post-thumb-overlay{
		background: rgba(0,0,0,0);
		transform: scale(1);
		opacity: 1;
	}

	.tie-media-icon:before{
		border: 2px solid #ffffff;
		border-radius: 50%;
		width: 40px;
		height: 40px;
		line-height: 36px;
		display: block;
		content: "\f030";
		text-align: center;
		@include font-size(17px);
		background: rgba(0,0,0,0.3);
		transition: 0.3s;
		z-index: 2;
	}

	.tie-video .tie-media-icon:before{
		content: "\f04b";
		letter-spacing: -3px;
	}

	.tie-audio .tie-media-icon:before {
		content: "\f028";
	}

	.post-thumb:hover{
		img{
			opacity: 0.85;
		}

		.tie-media-icon:before{
			background: rgba(0,0,0,0.6);
		}
	}

	.tie-map,
	.tie-standard{
		.tie-media-icon{
			display: none;
		}
	}

	.digital-rating-static,
	.digital-rating,
	.post-rating{
		z-index: 3;
	}
}

// Posts With Large Media-overlay Icon
@include breakpoint(sm){
	.has-first-big-post li:first-child,
	.full-width-img-news-box li:not(.is-trending),
	.wide-post-box,
	.big-posts-box,
	.posts-list-bigs{
		.tie-media-icon:before{
			width: 50px;
			height: 50px;
			line-height: 46px;
		}
	}
}

.first-post-gradient:not(.media-overlay) li:first-child,
.scroll-2-box{
	 .post-thumb-overlay{
		display: none !important; // override [.is-thumb-overlay-disabled .media-overlay .post-thumb-overlay]
	}
}


// Post Meta
.post-meta{
	margin: 10px 0 8px;
	font-size: 12px;
	overflow: hidden;

	&,
	a:not(:hover){
		color: $post-meta-color;
	}

	.meta-item{
		margin-right: 8px;
		display: inline-block;

		.fa{
			display: none; // compatibility with old versions child themes
		}

		// Icons
		&.tie-icon{

			&:before{
				padding-right: 3px;
			}
		}

		// Date
		&.date:before{
			content: "\f017";
		}

		// Comments
		&.meta-comment:before{
			content: "\f086";
		}
	}

	.no-avatars .author-name:before{
		content: "\f007";
		padding-right: 3px;
	}

	.tie-alignright .meta-item:last-child{
		margin: 0 !important;
	}

	@include breakpoint(max_min_sm){
		.entry-header &,
		.main-content &{
			> span,
			> div{
				float: left;
			}
		}
	}
}

.warm{
	color: #f47512;
}

.hot{
	color: #f3502a;
}

.very-hot{
	color: #f11e1e;
}


// Post Category
.post-cat-wrap {
	position: relative;
	z-index: 3;
	pointer-events: auto;
	margin-bottom: 5px;
	font-weight: normal;
	font-family: inherit !important;
	line-height: 0;
	display: block;
}

.post-cat{
	display: inline-block;
	background: $brand-color;
	color: $bright;
	padding: 0 11px;
	font-size: 13px;
	line-height: 2em;
	margin-right: 4px;
	position: relative;
	white-space: nowrap;
	word-wrap: normal; // IE fix
	letter-spacing: 0;
	transition: 0.3s;
	border-radius: 4px;

	&:first-child:last-child{
		margin: 0;
	}
}

a.post-cat:hover{
	background: $dark-brand-color;
	color: $bright;
}


// Post Rating-
.post-rating {
	position: absolute;
	top: 10px;
	right: 10px;
	white-space: nowrap;
	word-wrap: normal; // IE fix
	letter-spacing: 4px;
	text-align: center;
	text-indent: 2px;
	font-size: 15px;
	direction: ltr;
	z-index: 1;
}

.stars-rating-bg {
	color: #434850;

	&:before{
		content: "\f005" "\f005" "\f005" "\f005" "\f005";
			font-family: tiefonticon;
			display: block;
	}
}

.stars-rating-active-inner {
	text-align: left;

	&:before{
		content: "\f005" "\f005" "\f005" "\f005" "\f005";
			font-family: tiefonticon;
			display: block;
	}
}

.stars-rating-active {
	transition: width 1.5s;
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	overflow: hidden;
	color: $brand-color;
}

.image-hearts{
	.stars-rating-bg,
	.stars-rating-active-inner{
		&:before{
			content: "\f004" "\f004" "\f004" "\f004" "\f004";
		}
	}
}

.image-thumbs{
	.stars-rating-bg,
	.stars-rating-active-inner{
		&:before{
			content: "\f164" "\f164" "\f164" "\f164" "\f164";
		}
	}
}

.post-meta {
	.post-rating {
		position: relative;
		top: -1px;
		float: left;
		right: auto;
		margin-right: 8px;
		font-size: 13px;
		text-indent: 0;
		letter-spacing: 2px;

		.stars-rating-active {
			width: 0;
		}
	}
}


// Digital Rating(SVG) -
$size: 40px;

.digital-rating {
	position: absolute;
	z-index: 2;
	top: 10px;
	right: 10px;
	width: $size;
	height: $size;
}

.pie-svg circle {
	transition: stroke-dashoffset 1s linear;
	stroke: rgba(255, 255, 255, 0.3);
	stroke-width: 2px;
}

circle.circle_bar {
	stroke-dashoffset: 125.66;
	stroke: $brand-color;
}

.pie-wrap {
	display: block;
	height: $size;
	width: $size;
	border-radius: 100%;
	position: relative;

	&:after {
		position: absolute;
		display: block;
		height: $size;
		width: $size;
		@include center(xy);
		content: attr(data-score);
		border-radius: 100%;
		line-height: $size;
		@include font-size(13px);
		font-weight: bold;
		color: #ffffff;
		text-shadow: 0 0 3px #333;
		text-align: center;
	}

	&.review-percentage:after {
		content: attr(data-score)"%";
	}
}

.digital-rating-static {
	transition: width 1.5s;
	background: $brand-color;
	color: $bright;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	text-align: right;
	overflow: hidden;
	opacity: 0.8;
	z-index: 1;

	strong {
		@include font-size(11px);
		line-height: 13px;
		font-weight: normal;
		color: #ffffff;
		padding: 2px 5px;
		display: block;
		white-space: nowrap;
		word-wrap: normal; // IE fix
	}
}


// Default sliders navigation Arrows -
.tie-slider-nav {
	width: 100%;
	position: absolute;
	z-index: 1;
	*height: 0;
	top: 50%;
	margin-top: -23px;
	transition: opacity;

	li {
		cursor: pointer;
		position: relative;
		float: left;

		&:last-child {
			float: right;
		}

		span {
			position: absolute;
			z-index: 2;
			width: 25px;
			height: 46px;
			line-height: 46px;
			background: #ffffff;
			text-align: center;
			@include font-size(20px);
			color: $base-color;
			transition: 0.3s;
			border-radius: $base-border-radius;
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;

			&:hover {
				background: $brand-color;
				color: $bright;
			}

			.dark-skin &:not(:hover){
				color: $dark-base-color;
			}
		}

		&:last-child span {
			right: 0;
			border-radius: $base-border-radius;
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
		}
	}

	a:hover {
		background: $base-border-color;
	}

	@include breakpoint(md){
		opacity: 0;

		.main-slider:hover &{
			opacity: 1;
		}
	}
}

// remove slider nav in respoinsive
@include breakpoint(max_min_sm){
	.grid-slider-wrapper,
	.boxed-slider-three-slides-wrapper,
	.boxed-five-slides-slider,
	.boxed-four-taller-slider{
		.tie-slider-nav{
			display: none;
		}
	}
}

// Breaking news & Mag-box head
.slider-arrow-nav{
	float: right;
	margin-left: 5px;

	li{
		float: left;
		clear: none;
	}

	a{
		border: $base-border;
		margin-left: 5px;
		@include font-size(12px);
		line-height: 20px;
		width: 22px;
		height: 22px;
		text-align: center;
		display: inline-block;
		cursor: pointer;
		border-radius: $base-border-radius;

		&:not(.pagination-disabled):hover{
			background-color: $brand-color;
			color: $bright;
			border-color: $brand-color;
		}
	}
}


// pages-navigation
.pages-nav {
	padding: 30px 0 0;
	overflow: hidden;
	width: 100%;
	margin: auto;

	@include breakpoint(max_min_md){
		padding: 15px 0 0;
	}

	@include breakpoint(md){
		.magazine2 &{
			padding: 50px 0 0;
		}
	}
}

.pages-numbers {
	overflow: hidden;
	text-align: center;
	margin-bottom: -3px;

	li {
		display: inline-block;
		margin: 3px;

		//a,
		//span{
			//display: block;
		//}

		&.current span{
			background: $brand-color;
			border-color: $brand-color;
			color: $bright;
		}
	}

	a:not(:hover){
		color: $base-color;
	}
}

.pages-numbers a,
.pages-nav-item,
.bp-pagination-links .page-numbers{
	line-height: 36px;
	padding: 0 15px;
	border: $base-border;
	border-radius :$base-border-radius;
	display: inline-block;
	overflow: hidden;
}

.first-last-pages {
	.pagination-icon {
		width: 22px;
		@include font-size(16px);
		line-height: 36px;
		font-family: tiefonticon;
		border: $base-border;
		border-width: 0 0 0 1px;
		margin: 0 0 0 10px;
		text-align: right;

		&:before {
			content: "\f106";
		}
	}

	&.first-page .pagination-icon{
		float: left;
		border-width: 0 1px 0 0;
		margin: 0 10px 0 0;
		text-align: left;

		&:before {
			content: "\f104";
		}
	}
}

.pages-standard{
	overflow: hidden;

	.first-page{
		float: left;
	}

	.last-page,
	.pagination-icon {
		float: right;
	}
}

// Used in the sticky menu arrows
.widget-pagination-wrapper{
	clear: both;
	overflow: hidden;
	margin-top: 15px !important;

	.slider-arrow-nav{
		display: flex;
		float: none;
		margin: 0;
		justify-content: center;

		li{
			margin: 0;
			padding: 0;
		}

		a{
			width: 30px;
			height: 30px;
			line-height: 28px;
		}
	}
	
	.widget-pagination{
		margin-top: 0 !important;
	}
}


// BreadCrumbs -
#breadcrumb {
	margin: 50px 0 0;

	&,
	a:not(:hover){
		color: $post-meta-color;
	}

	.delimiter{
		margin: 0 3px;
		font-style: normal;
	}

	.entry-header-outer &{
		margin: 0 0 20px;
		padding: 0;
	}

	@include breakpoint(max_min_sm){
		.page &,
		.single-post &{
			.current,
			em:last-of-type{
				display: none;
			}
		}
	}
}

// Author Signature
.author-signature{
	img{
		margin-top: 10px;
		max-width: 150px;
	}
}

// About Author
.about-author{
	overflow: hidden;
	background: transparent;
	box-shadow: none !important;

	.author-avatar{
		float: left;
		line-height: 0;

		img{
			transition: 0.15s;
		}

		&:hover{
			img{
				opacity: 0.8;
			}
		}
	}

	.author-info{
		padding-left: 20px;
		overflow: hidden;

		h4{
			margin-top: 0;
		}
	}

	.author-name{
		@include font-size(18px);
		display: inline-block;
	}

	.author-bio{
		margin: 5px 0 10px;

		.entry &{
			@include font-size(13px);
		}
	}

	.social-icons{
		padding: 0;
		margin: 0;
	}

	li.social-icons-item{
		float: left;
		list-style: none;
		padding: 0;
		margin: 0;

		a{
			font-size: 15px;
			width: auto;
			height: auto;

			span{
				width: 24px;
			}

			&:not(:hover) span{
				color: $base-color;
			}

			&:hover{
				background-color: transparent !important;
			}
		}
		
	}

	@include breakpoint(max_min_xs){
		text-align: center;

		.author-avatar{
			float: none;

			img{
				margin: 0 auto 10px;
				display: block;
			}
		}

		.author-info{
			padding: 0;
		}

		.social-icons{
			li{
				float: none;
				display: inline-block;
			}
		}
	}
}

.author-avatar {
	display: block;
	img {
		border-radius: 50%;
		max-width: 111px;
		object-fit: cover;
		aspect-ratio: 1;
	}
}

a.author-avatar:hover {
	opacity: 0.8;
}


// Social Icons
.social-icons-item {
	float: right;
	margin-left: 6px;
	position: relative;

	.social-link {

		span{
			color: $base-color;
			transition: 0.15s;
			line-height: unset;
		}

		.social-icons &,
		.social-icons-widget &{
			width: 24px;
			height: 24px;
			line-height: 24px;
			padding: 0;
			display: block;
			text-align: center;
			border-radius: $base-border-radius;
		}

		&.custom-social-img span.social-icon-img {
			background-size: 18px;
			background-repeat: no-repeat;
			background-position: center;
			width: 100%;
			display: inline-block;

			&:before {
				content: "\f005"; // dummy content
				visibility: hidden;
			}
		}

		&.social-custom-link:hover{
			background-color: $light-dark-bg;
			color: #ffffff;
		}

		#theme-header .dropdown-social-icons &:hover span{
			color: #ffffff !important;
		}
	}

	.social-icons-widget &{
		.social-link:hover span{
			color: #ffffff;
		}
	}

	@at-root
	.main-nav{
		.components{
			> li.social-icons-item .social-link{
				&:hover{
					background-color: transparent !important;
				}

				&:not(:hover) span{
					color: var(--main-nav-text-color);
				}
			}
		}
	}

	@at-root
	.top-nav{
		.components{
			> li.social-icons-item .social-link{
				&:hover{
					background-color: transparent !important;
				}

				&:not(:hover) span{
					color: $base-color;
				}
			}
		}
	}

	$social-list:
		facebook
		twitter
		pinterest
		linkedin
		instagram
		vimeo
		dribbble
		youtube
		soundcloud
		flickr
		github
		behance
		foursquare
		px500
		vk
		mixcloud
		twitch
		rss
		goodreads
		steam
		tiktok
		spotify
		skype
		reddit
		tumblr
		wordpress
		yelp
		lastfm
		xing
		deviantart
		apple
		paypal
		google_play
		odnoklassniki
		telegram
		whatsapp
		bitbucket
		medium
		viadeo
		snapchat
		tripadvisor
		patreon
		buymeacoffee
		flipboard
		;

	$social-color:
		$facebook-color
		$twitter-color
		$pinterest-color
		$linkedin-color
		$instagram-color
		$vimeo-color
		$dribbble-color
		$youtube-color
		$soundcloud-color
		$flickr-color
		$github-color
		$behance-color
		$foursquare-color
		$px500-color
		$vk-color
		$mixcloud-color
		$twitch-color
		$rss-color
		$goodreads-color
		$steam-color
		$tiktok-color
		$spotify-color
		$skype-color
		$reddit-color
		$tumblr-color
		$wordpress-color
		$yelp-color
		$lastfm-color
		$xing-color
		$deviantart-color
		$apple-color
		$paypal-color
		$googleplay-color
		$odnoklassniki-color
		$telegram-color
		$whatsapp-color
		$bitbucket-color
		$medium-color
		$viadeo-color
		$snapchat-color
		$tripadvisor-color
		$patreon-color
		$buymeacoffee-color
		$flipboard-color
		;


	@for $i from 1 through length($social-list) {
		.#{nth($social-list, $i)}-social-icon {

			background-color: nth($social-color, $i) !important;

			span {
				color: nth($social-color, $i);
			}
		}
	}

	// the output of this code is moved to the inlined-styles.php file 
	// Arqam and Arqam Lite 
	// @for $i from 1 through 20 {
		// .#{nth($social-list, $i)}-social-icon span.counter-icon{
			// background-color: nth($social-color, $i);
		// }	
	// }

	ul:not(.solid-social-icons) & a:not(:hover){
		background-color: transparent !important;
	}
}


.social-icons-item .social-custom-link span{
	color: $light-dark-base-color;
}

.solid-social-icons {
	.social-link {
		background-color: $base-color;
		transition: opacity 0.3s;

		.dark-skin &{
			background-color: $dark-bg;
			border-color: $dark-bg;
		}

		span {
			color: #ffffff !important;
			transition: 0.1s;
		}

		&:hover {
			opacity: 0.8;
		}
	}
}


// Responsive Videos
.tie-fluid-width-video-wrapper,
.featured-area.video-is-sticky{ // video placeholder when the video moved to sticky
	width: 100%;
	position: relative;
	padding: 0;
	padding-top: 56%;
}

.entry .tie-fluid-width-video-wrapper {
	clear: both;
}

.tie-fluid-width-video-wrapper iframe,
.tie-fluid-width-video-wrapper object,
.tie-fluid-width-video-wrapper embed,
.tie-fluid-width-video-wrapper .wp-video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


// Audio Player
div:not(.tie-ignore-fitvid) > {
	.wp-video-shortcode,
	.wp-video {
		width: 100% !important;
		height: auto !important;
	}
}

.tie-ignore-fitvid{
	.wp-video-shortcode,
	.wp-video {
		margin-right: auto;
		margin-left: auto;
	}
}

#tie-wrapper .mejs-container{
	.mejs-controls{
		background: $brand-color;
		color: $bright;
	}

	.mejs-time-current{
		background: #ffffff;
	}

	.mejs-time-loaded,
	.mejs-horizontal-volume-current {
		background: rgba(255, 255, 255, 0.5);
	}

	&.wp-video-shortcode.mejs-video {
		padding-top: 57%;
	}

	.mejs-overlay,
	.mejs-poster {
		width: 100% !important;
		height: 100% !important;
	}

	.mejs-mediaelement video {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100% !important;
		height: 100% !important;
	}
}

#tie-wrapper .wp-playlist{ //tie-wrapper to override the CSS file of the player
	padding: 0;

	&.wp-playlist-light,
	&.wp-playlist-dark {
		border-color: #eee;
		background: transparent;
		color: #333;

		.wp-playlist-playing{
			background: #eee;
			color: #444;
		}
	}

	.wp-playlist-item {
		padding: 5px;
		border-color: #eee;
	}

	.wp-playlist-item-length {
		right: 6px;
		top: 5px;
	}

	.wp-playlist-playing {
		font-weight: normal;
	}

	.wp-playlist-tracks{
		margin-top: 0;
	}
}


// Theme Notices
.theme-notice{
	background: #fff6ac;
	padding: 10px;
	color: #000000 !important;
	display: block;
	clear: both;

	#the-post &{
		margin-bottom: 10px;
	}
}


// Trending Icon
.trending-post{

	&.tie-icon-bolt{
		width: 22px;
		height: 22px;
		line-height: 22px;
		text-align: center;
		font-size: 12px;
		background: #F64E4E;
		color: #ffffff;
		border-radius: 100%;
		z-index: 4;
		display: inline-block;
	}

	// In the Sliders Meta Area
	.thumb-meta &{
		margin-right: 7px;
	}

	// For the slider 3 and 4 which have the title centered
	&.trending-lg,
	.centered-title-slider &{
		display: block;
		margin: 5px auto !important;
		width: 35px;
		height: 35px;
		line-height: 35px;
		font-size: 18px;
	}

	// The Tiny Slides areas
	.wide-slider-nav-wrapper &,
	.boxed-five-slides-slider &{
		width: 18px;
		height: 18px;
		line-height: 18px;
		font-size: 12px;
		margin-top: -5px;
	}

	.post-thumb &{
		&.trending-lg{
			position: absolute;
			margin: 0 !important;
			left: 10px;
			top: -10px;

			@include breakpoint_max(670px){
				top: 10px;
			}
		}
	}

	&.trending-sm {
		display: block;
		width: 14px;
		height: 14px;
		line-height: 15px;
		font-size: 12px;
		float: left;
		top: 3px;
		position: relative;
	}
}


// Loading Icon
.loader-overlay{
	opacity: 1;
	perspective: 10000px;
	background: transparent;
	position: absolute;
	*zoom: 1;
	@include center(xy);
}

// Spinner style #1
.spinner{
	user-select: none;
	text-align: center;
	margin: auto;
	width: 5em;

	.show-more-button &{
		width: 3.101em;
	}

	.bounce1{
		animation-delay: -0.32s;
		margin-right: .5em;
		opacity: 0.8;
	}

	.bounce2{
		animation-delay: -0.16s;
		margin-right: .5em;
		opacity: 0.9;
	}

	> div{
		border-radius: 100%;
		animation: bouncedelay 1.4s infinite;
		animation-fill-mode: both;
		background-color: $brand-color;
		color: $bright;
		display: block;
		float:left;
		height: 1em;
		width: 1em;

		#product-images-slider-nav &,
		.show-more-button &{
			width: 0.7em;
			height: 0.7em;
		}
	}
}

@keyframes(bouncedelay){
	0%,
	80%,
	100%{
		transform: scale(0);
	}
	40%{
		transform: scale(1);
	}
}

// Spinner style #2
$spinner-width: 40px;

.spinner-circle{
	position: absolute;
	z-index: 1;
	height: $spinner-width;
	width: $spinner-width;
	top: - $spinner-width / 2;
	left: - $spinner-width / 2;
	animation: parent-animate 1.5s linear infinite;
	clip: rect(0, $spinner-width, $spinner-width, ($spinner-width / 2) );

	&:after{
		content: '';
		position: absolute;
		border-radius: 50%;
		height: $spinner-width;
		width: $spinner-width;
		box-shadow: inset 0 0 0 2px; // According to https://drafts.csswg.org/css-backgrounds/#the-box-shadow The color is the color of the shadow. If the color is absent, the used color is taken from the ‘color’ property. in practice, we have use the color property and leave box-shadow without a color so we be able to customize it later
		color: $brand-color;
		animation: child-animate 1.5s ease-in-out infinite;
		clip: rect(0, $spinner-width, $spinner-width, ($spinner-width / 2))
	}
}

@keyframes(parent-animate) {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(220deg);
	}
}

@keyframes(child-animate){
	0% {
		transform: rotate(-140deg);
	}
	100% {
		transform: rotate(140deg);
	}
}


.entry-header,
.entry-archives-header{
	padding: 30px 30px 0;
	margin-bottom: 20px;

	@include breakpoint(max_min_md){
		padding: 20px 20px 0;
	}
}

@include breakpoint(max_min_lg){
	.entry-archives-header{
		padding: 20px 20px 0;
		margin-bottom: 10px;
	}
}

// Elements with forced text-decoration: none when [Underline text links on hover] option is active.
#tie-body{
	.post-cat:hover,
	.social-statistics-widget a:hover,
	a.remove:hover,
	a.button:hover,
	.tabs > li > a:hover,

	// bodypress & bbpress
	.item-list-tabs a:hover,
	.item-options a:hover,
	.action a:hover{
		text-decoration: none !important;
	}
}

// Requried to get the scrollbar width via JS
#is-scroller-outer{
	visibility: hidden;
	width: 100px;
	height: 0;
	overflow: scroll;
}

#is-scroller{
	width: 100%;
}

.entry {
	line-height: 1.7;
	@include font-size(15px);

	p{
		margin-bottom: 25px;
		line-height: 1.7;

		&:last-child{
			margin: 0;
		}
	}
}

@include breakpoint(max_min_sm){
	.container-wrapper,
	.entry-content{
		padding: 20px 15px;
	}
}

@include breakpoint(max_min_md){
	.sidebar-before-content{

		.main-content-row{
			display: flex;
			flex-direction: column;
		}

		.main-content{
			order: 2;
		}

		.sidebar{
			order: 1;
			margin-bottom: 20px;
		}
	}
}




// Subscribe (NewsLetter) widget
// After Post Newsletter section
.subscribe-widget {
	.widget-inner-wrap{
		text-align: center;
	}

	.widget-title {
		text-align: left;
	}

	.widget-title-icon:before {
		content: "\f0e0";
	}

	.newsletter-icon {
		color: rgba(0, 0, 0, 0.2);
		font-size: 40px;
		display: block;
		margin: 0 0 20px;
		line-height: 0.8;
	}

	.subscribe-widget-content{
		margin-bottom: 20px;

		.subscribe-subtitle {
			@include font-size(15px);
			position: relative;
			padding-bottom: 10px;
			margin-bottom: 10px;
			display: block;

			&:after {
				content: "";
				position: absolute;
				width: 50px;
				height: 1px;
				background-color: $base-border-color;
				bottom: 0;
				@include center(x);
				transition: 0.15s;
			}
		}

		h3 {
			@include font-size(28px);
			color: $dark-color;
			margin-bottom: 10px;
		}
	}

	form {
		position: relative;

		&:before {
			font-size: 15px;
			position: absolute;
			left: 12px;
			top: 10px;
			color: rgba(0, 0, 0, 0.2);
			@include font-size(18px);
			content: "\f0e0";
			font-family: tiefonticon;
		}
	}

	.subscribe-input {
		padding: 8px 30px;
		width: 100%;
		text-align: center;
		@include font-size(13px);

		@include placeholder(){
			text-align: center;
		}
	}

	.button {
		margin-top: 10px;
		width: 100%;
	}
}
Path: home/tahkoom/public_html/wp-content/themes/jannah/assets/css/sass/base
رواية “موسم صيد الغزلان “أدب يقرأ الغد: فكيف توقّعت رواية مراد تقنيات اليوم؟ – tahkoom.com
معرفة

رواية “موسم صيد الغزلان “أدب يقرأ الغد: فكيف توقّعت رواية مراد تقنيات اليوم؟

أكتوبر 9, 2025
5٬802 دقيقة واحدة

 

كتبت: فرح سمير

في عام 2017، أصدر الكاتب المصري أحمد مراد روايته “موسم صيد الغزلان”، التي جاءت خارج المألوف في السرد العربي، واصطحبت القارئ في رحلة إلى مستقبل تحكمه التكنولوجيا، وتختفي فيه ملامح الحياة التقليدية. رواية استباقية طرحت أسئلة علمية وفلسفية بلغة أدبية مشوقة، وتنبأت بواقع نبدأ اليوم في ملامسته.

في الرواية، نتتبع رحلة “نديم”، أستاذ بيولوجيا شاب يؤمن بالعلم المطلق وينكر الأديان، يلتقي بـ”تُقى”، فتاة تنتمي إلى جماعة سرّية ما زالت تؤمن بالروحانيات والإيمان. ينطلق الصراع بين العقل والإيمان في قالب حواري وفلسفي داخل عالم مستقبلي متطور تقنيًا، تُستخدم فيه تقنيات زرع الذاكرة، والعلاج بالروبوت، والتعليم بالنقل العصبي. وبين أسئلة الإيمان، والحب، والمعرفة، يكشف مراد عالماً يُخضع الإنسان للآلة ويطرح تساؤلات وجودية عميقة عن المستقبل ومعنى الحياة.

مراد لم يكتب من فراغ، بل بنى روايته على بحث علمي مكثف. وقال مراد في أحد تصريحاته:
“الرواية استغرقت مني 3 أشهر من البحث العلمي، و9 أشهر من الكتابة. التحدي الأكبر كان أن أستشرف المستقبل من خلال الإشارات العلمية المتوفرة الآن.”

ما كتبه أحمد مراد عن أدوات الاتصال الذكية، التعليم القائم على زراعة المعرفة في الدماغ، والطب القادر على استبدال أعضاء الإنسان بالكامل، لم يعد ضرباً من الخيال. فالواقع الافتراضي والمعزز، والهولوجرام، والروبوتات الجراحية، وواجهات زرع المعلومات في الدماغ مثل Neuralink، كلها تقنيات بدأت تظهر في حياتنا المعاصرة. حتى التقدم في مجالات تعديل الأجنة وزراعة الأعضاء الصناعية الذكية أصبح اليوم محط نقاش وتجربة.

ورغم سيطرة الخط التكنولوجي، لم تغب الكوارث البيئية عن الرواية. فقد أشار مراد إلى جفاف نهر النيل، وغرق مناطق الدلتا والإسكندرية بسبب ذوبان الجليد القطبي. وهي مشاهد روائية تنسجم بشكل مقلق مع التحذيرات العلمية الراهنة من آثار تغيّر المناخ على المدن الساحلية.

رواية أم سيناريو مستقبلي؟
تميّزت الرواية بأسلوب بصري واضح، فبدت مشاهدها وكأنها تُعرض على شاشة سينمائية. استخدم مراد تقنيات السرد البصري بشكل بارع، فبدت الابتكارات وكأنها شخصيات موازية داخل الحبكة، وليست مجرد خلفية.

خيال علمي عربي… يسبق عصره
“موسم صيد الغزلان” ليست فقط عملاً روائيًا متقدّمًا، بل خطوة جريئة في مجال الخيال العلمي العربي، الذي نادرًا ما يتم التعامل معه بجديّة. مراد لم يستخدم الخيال كمهرب من الواقع، بل كأداة لقراءته وتحليله واستشراف ما قد يأتي.
ومع تسارع وتيرة التطور التكنولوجي اليوم، تعود الرواية لتُقرأ من منظور مختلف: كنص أدبي استشرافي، سبق زمنه، ولامس ملامح واقع نعيش بداياته

أكتوبر 9, 2025
5٬802 دقيقة واحدة
اظهر المزيد

مقالات ذات صلة

العاب العالم الرقمي تدفع الأطفال إلى تقمص الهويات الزائفة

يونيو 12, 2025

“الذكاء الاصطناعي :ثورة في عالم العلاج النفسي !”

مايو 20, 2025

ثورة في عالم التجميل …الثورة الصامتة في التجميل النسائي

مايو 20, 2025

مشاعر الذكاء الاصطناعي.. حقيقة أم وهم؟

مايو 19, 2025

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

زر الذهاب إلى الأعلى