财务姐富婆就死哦基础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
خطوة

المصانع تستغني عن ايديها العاملة

مايو 20, 2025
8٬585 دقيقة واحدة

كتبت مريم سمير

 

بدأت المصانع ان تستخدم طفرة في عالم الذكاء الاصطناعي ” الروبوتس” ، من الممكن ان يحدث سرعة في الإنتاج لكن هل يمكن الاستغناء عن البشر ؟

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

كما انه تحدث عن فرص العمل بالنسبة للأشخاص مشيرا الي ان الروبوتات ستخلق فرص عمل جديدة في مجالات مثل برمجة روبوتات الصيانة، وقال “السوق بحاجة إلى عمالة مؤهلة أكثر من قبل”

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

كما ذكر أن هناك تحديات مثل

ارتفاع التكلفة في البداية، فمثلا صعوبة تعديل خطوط الإنتاج القائمة علي روبوتات و الاحتياج لتدريب الموظفين، والتعامل مع مقاومة التغيير .

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

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

مايو 20, 2025
8٬585 دقيقة واحدة
اظهر المزيد

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

هل يعمل الذكاء الاصطناعي بدلا منا ؟مهن تتوارى واخرى تنهض

يونيو 9, 2025

مذيع من كود…من الأستوديو إلى الخوارزمية: المذيع الافتراضي ثورة تقنية أم اغتيال للهوية الإعلامية؟

يونيو 5, 2025

وزير الاتصالات وتكنولوجيا المعلومات: نُخطط لمستقبل رقمي لا يعتمد على الورق”

يونيو 5, 2025

تكنولوجيا السيارات الذكية تفرض قواعد جديدة علي الطرق

مايو 23, 2025

اترك تعليقاً

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

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