财务姐富婆就死哦基础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/components/_inlined-sliders.scss
/* Wide Sliders (#1, #3, #4, #50) */
.wide-slider-wrapper{
  .slide{
		height: 400px;
	}

	.thumb-overlay {
		padding: 40px;

		.container{
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			z-index: 2;

			&:before{
				clear: both;
			}
		}
	}

	.thumb-title{
		font-size: 40px;
		color: #ffffff;
		line-height: 1.2;
	}

	div.post-rating,
	div.digital-rating{
		float: left;
		top: -5px;
		left: 0;
	}

	span.tie-media-icon {
    margin: -5px 0 0 0;
  }

	span.post-cat-wrap{ // Override RTL
		float: none;
		clear: both;
	}

	@include breakpoint(md){
		.thumb-title{
			display: -webkit-box;
	    -webkit-line-clamp: 3;
	    -webkit-box-orient: vertical;
			overflow: hidden;
	    text-overflow: ellipsis;
	    max-height: 4em;
		}

		.full-width &{
			.slide{
				height: 500px;
			}

			.thumb-title{
				font-size: 50px;
			}

			.post-cat-wrap{
				margin-bottom: 10px;
			}
		}
	}

	@include breakpoint(max_min_sm){
		.slide{
			height: 300px;
		}

		.thumb-overlay {
			padding: 40px 60px 0;
		}

		.thumb-title{
			font-size: 25px;
		}
	}

	@include breakpoint(max_min_xs){
		.slide{
			height: 220px;
		}

		.thumb-overlay {
			padding: 40px 40px 0;
		}
	}
}



// Slider #1
.fullwidth-slider-wrapper{
	overflow: hidden;
	background: transparent;

	.tie-slick-dots{
		position: relative;
		max-width: 850px;
		height: 30px;
		margin: -30px auto 0;
		bottom: 70px;
		padding: 0 60px;

		.has-builder .has-sidebar &{
			padding: 0 40px;
		}
	}

	.thumb-overlay .container{
		max-width: 850px;
		padding: 0;
	}

	.post-cat-wrap{
		margin-bottom: 10px;
	}

	.thumb-content{
		top: 0;
		position: relative;
		padding: 0;
	}

	@include breakpoint(md){
		.full-width &{
			.tie-slick-dots{
				padding: 0;
			}
		}

		.has-builder .has-sidebar & {
			.thumb-content{
				top: auto;
				bottom: 20px;
			}

			.thumb-title{
				display: -webkit-box;
		    -webkit-line-clamp: 2;
		    -webkit-box-orient: vertical;
				overflow: hidden;
		    text-overflow: ellipsis;
		    max-height: 2.5em;
		  }
		}
	}

	@include breakpoint(max_min_xs){
		.thumb-meta{
			display: none;
		}
	}
}



// Wide Sliders (#3, #4)
.centered-title-slider{
  .slide{
		.container{
			width: 100%;
		}
	}

	.thumb-overlay .container{
		top: 42%;
		text-align: center;
	}

  div.thumb-content{
		width: 100%;
		top: 0;
		position: relative;
		padding: 0;
	}

	.thumb-title{
		max-width: 450px;
		margin: 0 auto 15px;

		@include breakpoint(md){
			.full-width & {
				max-width: 650px;
			}
		}
	}

	.post-cat-wrap{
		margin-bottom: 20px;
		width: 100%;
	}

	@include breakpoint(max_min_sm){
		.post-cat-wrap{
			margin-bottom: 20px;
		}

		.thumb-meta{
			display: none;
		}
	}
}






// Slider #3
.wide-next-prev-slider-wrapper{
	.slider-main-container{
		max-width: 1200px;
		padding: 0 15px;
	}

	.slick-list{
		width: 100%;
		padding: 0!important; // Override inline style
		overflow: inherit;
	}

	// Navigation Arrows
	.tie-slider-nav{
		width: 90%;
		left: 5%;
		opacity: 1;

		span {
		  background: transparent !important;
		  color: #ffffff;
		  font-size: 80px;
		}

		li:hover span{
			color: $brand-color;
		}

		@include breakpoint(max_min_sm){
			left: 1%;
			width: 98%;

			span {
				font-size: 50px;
			}
		}
	}
}




// Slider #4 && 50
.wide-slider-with-navfor-wrapper{
	.thumb-title{
		max-width: 850px;
		display: -webkit-box;
    -webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;

		@include breakpoint(sm){
			max-height: 2.5em;
			-webkit-line-clamp: 2;
			font-size: 30px;
		}
	}

	@include breakpoint(md){
		.full-width & .thumb-title{
	    max-height: 4em;
			-webkit-line-clamp: 3;
			font-size: 40px;
    }
	}
}

// Nav Slider in #4 and #50
.wide-slider-nav-wrapper{
	height: 110px;
	overflow: hidden;
	width: 100%;
	position: absolute;
	bottom: 0;
	z-index: 3;
	opacity: 0;
	padding: 0 35px;
	background-color: rgba(0,0,0,0.3);

	@include breakpoint(max_min_sm){
		display: none;
	}

	.slick-list{
		width: 100%;
	}

	.slide{
		cursor: pointer;
		transition: 0.3s;
		height: 110px;
		color: $brand-color;
	}

	.slick-current{
		box-shadow: inset 0 -5px 0 0; // inherit shadow color form color property [simple in custom style]
	}

	.slide-overlay{
		padding: 35px 15px 0;
	}

	.thumb-meta{
		color: $base-border-opic-color;
		margin-bottom: 2px;
	}

	.thumb-title{
		font-size: 16px;
		color: #ffffff;
		overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal; // IE fix
	}

	.tie-slider-nav{
		margin: -23px -35px;
		opacity: 1;
	}
}




// Slider #2
.wide-slider-three-slids-wrapper{
	min-height: 390px;

	.slide{
		height: 390px;
	}

	.thumb-overlay{
		padding: 20px;

		.container{
			padding: 0;
		}
	}

	.thumb-content {
    padding: 20px;
	}

	.thumb-title{
		font-size: 24px;
	}

	@include breakpoint(max_min_lg){
		min-height: 330px;

		.slide{
			height: 330px;
		}
	}

	@include breakpoint(max_min_sm){
		min-height: 280px;

		.slide{
			height: 280px;
		}

		.thumb-title{
			font-size: 20px;
		}
	}

	@include breakpoint(max_min_xs){
		min-height: 220px;

		.slide{
			height: 220px;
		}
	}
}





// Boxed Sliders (#5, #6, ..., #17) -
.boxed-slider{
	height: auto;

	.tie-slick-slider{
		overflow: hidden;
	}

	.slick-list{
		width: 100%;
		width: calc(100% + 30px);
		margin: 0 -15px;
		overflow: inherit;
	}

	.slide{
		margin: 0 15px;
		height: 318px;
	}

	.thumb-overlay{
		padding: 30px;
	}

	.thumb-title{
		font-size: 20px;

		@include breakpoint_max(670px){
			font-size: 16px;
		}
	}

	.tie-slick-dots{
		position: relative;
		bottom: -20px;
		height: 0;
		text-align: center;
	}
}

.slider-area{
	.boxed-five-slides-slider,
	.boxed-four-taller-slider,
	.boxed-slider-three-slides-wrapper{
		.slick-dotted{
			padding-bottom: 46px;
		}

		.tie-slider-nav{
			margin-top: -46px;
		}
	}
}



// Slider #5
.boxed-slider-three-slides-wrapper{
	min-height: 318px;

	.thumb-overlay,
	.thumb-content{
		padding: 20px;
	}

	@include breakpoint_max(1024px){
		min-height: 280px;

		.slide{
			height: 280px;
		}
	}

	@include breakpoint(max_min_sm){
		min-height: 220px;

		.slide{
			height: 220px;
		}
	}
}



// Slider #6
.boxed-five-slides-slider{
	min-height: 155px;

	.slide{
		height: 155px;

		@include breakpoint_max(550px){
			height: 180px;
		}
	}

	.thumb-overlay,
	div.thumb-content{
		padding: 10px;
	}

	.thumb-meta{
		margin-bottom: 0;
	}

	.thumb-title{
		margin-bottom: 0;
		font-size: 14px;
		pointer-events: none;
	}

	span.tie-media-icon{ // Override RTL
		width: 30px;
		height: 30px;
		margin: 0;
	}

	.tie-media-icon{
		&:before,
		&:after {
			width: 30px;
			height: 30px;
		}

		&:before {
			line-height: 26px;
			font-size: 12px;
		}
	}
}




// Slider #7
.boxed-four-taller-slider{
	margin-bottom: 10px;
	min-height: 440px;

	.slick-list {
		width: calc(100% + 1px);
		margin: 0 -2px;
	}

	.slide{
		margin: 0 2px;
		height: 440px;
	}

	.thumb-overlay,
	.thumb-content{
		padding: 20px;
	}

	@include breakpoint_max(1024px){
		min-height: 220px;

		.slide{
			height: 220px;
		}

		.thumb-title{
			display: -webkit-box;
		  -webkit-line-clamp: 3;
		  -webkit-box-orient: vertical;
		  overflow: hidden;
		  text-overflow: ellipsis;
		  line-height: 1.4;
		  max-height: 4.2em;
		}
	}

	@include breakpoint_max(900px){
		min-height: 180px;

		.slide{
			height: 180px;
		}
	}
}




// Slider #8
.boxed-slider-wrapper{
	height: auto;

	.slick-list{
		margin: 0;
		width: 100%;
		overflow: hidden;
	}

	.slide{
		margin: 0;
		height: 380px;
	}

	.tie-slick-dots{
		position: absolute;
		bottom: 30px;
		right: 30px;
		width: calc(100% - 60px);
		height: 6px;
		text-align: right;

		li{
			vertical-align: top;
		}
	}

	.thumb-title{
		font-size: 38px;
	}

	@include breakpoint(md){
		.full-width & .slide{
			height: 480px;
		}

		.thumb-content{
			max-width: 80%;
		}
	}

	@include breakpoint(max_min_md){
		.thumb-desc{
			display: none;
		}
	}

	@include breakpoint(max_min_sm){
		.slide{
			height: 300px;
		}

		.thumb-overlay,
		.thumb-content{
			padding: 20px;
		}

		.thumb-title{
			font-size: 25px;
		}
	}

	@include breakpoint_max(670px){
		.slide{
			height: 250px;
		}
	}

	@include breakpoint(max_min_xs){
		.slide{
			height: 200px;
		}

		.thumb-title{
			font-size: 20px;
		}
	}

	.tie-slick-slider:hover{
		.thumb-overlay:after{
			opacity: 0.9;
		}
	}
}


//
// Grid Sliders
//
// Slider #14 (Default Styles for all Grid Sliders)
.grid-slider-wrapper{
	.container{
		position: relative;
	}

	.slick-list{
		width: 100%;
		margin: 0;
	}

	.slide{
		margin: 0;
		height: 500px;
	}

	.thumb-overlay,
	.thumb-content{
		padding: 20px 20px 15px;

		@include breakpoint(max_min_sm){
			padding: 10px;
		}
	}

	.thumb-title{
		font-size: 20px;

		@include breakpoint(max_min_md){
			font-size: 16px;
		}

		@include breakpoint(max_min_sm){
			white-space: normal;
		  display: block;
		  display: -webkit-box;
		  -webkit-line-clamp: 2; // chrome
		  -webkit-box-orient: vertical;
		  overflow: hidden;
		  text-overflow: ellipsis; // opera
		  line-height: 1.4;
		  max-height: 2.8em; // fallback for others
		}
	}

	.grid-item{
		position: relative;
		overflow: hidden;
		margin-bottom: 4px;
		margin-right: 4px;
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;

		&:nth-child(1){
			float: left;
			width: 50%;
			//width: calc(50% - 2px);
			height: 100%;
		}

		&:nth-child(2),
		&:nth-child(3){
			margin-bottom: 4px;
		}

		&:nth-child(n + 2){
			float: left;
			width: 25%;
			width: calc(25% - 2px);
			height: 50%;
		}
	}

	.has-builder .has-sidebar & .thumb-desc{
		display: none;
	}

	@include breakpoint(max_min_xs){
		.thumb-meta{
			display: none;
		}
	}
}


// Slider #9
.grid-2-big{
	.slide{
		height: 360px;
	}

	@include breakpoint(md){
		.full-width & .slide{
			height: 400px;
		}
	}

	@include breakpoint(sm){
		.thumb-title{
			font-size: 30px;
		}
	}

	@include breakpoint(max_min_sm){
		.slide{
			height: 200px;
		}
	}

	.grid-item{
		float: left;
		width: 49.5%;
		width: calc(50% - 4px);
		height: 100%;

		&:nth-child(2){
			width: calc(50% - 4px);
			height: 100%;
			margin-right: 0;
		}
	}

	.has-builder .has-sidebar & .thumb-desc{
		display: block;
	}

	@include breakpoint(max_min_xs){
		.slide{
			height: auto;
		}

		.grid-item:nth-child(n){
			width: 100%;
			width: calc(100% - 4px);
			margin-right: 0;
			height: 180px;
		}
	}
}


// Slider #10 && #17
.grid-3-slides{
	.slide{
		height: 380px;

		@include breakpoint(max_min_sm){
			height: 300px;
		}
	}

	@include breakpoint(md){
		.full-width & .slide{
			height: 470px;
		}
	}

	.grid-item{
		&:nth-child(1){
			float: left;
			width: 65.7%;
			width: calc(66% - 4px);
			height: calc(100% - 4px);
		}

		&:nth-child(n + 2){
			width: 34%;
			margin-right: 0;
			height: calc(50% - 4px);
		}
	}
}

@include breakpoint_max(600px){
	.grid-3-slides{
		.slide{
			display: block;
			height: auto;
		}

		.grid-item{
			&:nth-child(n){
				height: 140px;
			}

			&:first-child{
				width: 100%;
				width: 100%;
				height: 200px;
				margin-right: 0;
			}

			&:nth-child(even){
				width: 49.9%;
				width: calc(50% - 4px);
				margin-right: 4px;
				clear: none;
			}

			&:nth-child(n + 3):nth-child(odd){ // 3 & 5
				width: 50%;
				margin-right: 0;
				clear: none;
			}
		}
	}
}


// Slider #17 : inherits from .grid-3-slides [slider 10]
.grid-3-slides-half-first{
	@include breakpoint(md){
		.full-width & {
			.grid-item{
				&:nth-child(1){
					width: calc(50% - 4px);
					height: 100%;
				}

				&:nth-child(2){
					width: calc(25% - 4px);
					margin-right: 4px;
					height: 100%;
				}

				&:nth-child(3){
					width: 25%;
					margin-right: 0;
					height: 100%;
				}
			}
		}

	}
}



// Slider #16 -
// Responsive in first
.grid-4-big-first-half-second{
	.slide{
		height: 700px;
		display: block;

		@include breakpoint(max_min_sm){
			height: 480px;
		}
	}

	.grid-item{
		&:nth-child(1){
			height: 40%;
			width: 100%;
		}

		&:nth-child(2){
			height: calc(30% - 4px);
			width: 100%;
		}

		&:nth-child(3){
			height: calc(30% - 4px);
			margin-right: 4px;
			width: calc(50% - 4px);
		}

		&:nth-child(4){
			width: 50%;
			height: calc(30% - 4px);
			margin-right: 0;
		}

		&:nth-child(odd):last-child{
			margin-right: 0;
			margin-left: 0;
			width: 100%;
		}
	}
}

// Fullwidth
@include breakpoint(md){
	.full-width{
		.grid-4-big-first-half-second{
			.slide{
				height: 450px;
			}

			.grid-item{
				float: left;
				height: calc(50% - 2px);

				&:nth-child(1){
					height: 100%;
					width: calc(50% - 4px);
				}

				&:nth-child(2){
					width: 50%;
					margin-right: 0;
				}

				&:nth-child(3){
					width: 24.9%;
					width: calc(25% - 4px);
				}

				&:nth-child(4){
					width: 25%;
					margin-right: 0;
				}
			}
		}
	}
}



// Slider #11 -
.grid-4-slides{
	.slide{
		height: auto;
	}

	.grid-item{
		&:nth-child(n){
			width: 49.9%;
			width: calc(50% - 4px);
			height: 180px;

			@include breakpoint(md){
				.full-width &{
					height: 250px;
				}
			}

			@include breakpoint(max_min_sm){
				height: 150px;
			}
		}

		&:nth-child(2),
		&:nth-child(4){
			width: 50%;
			margin-right: 0;
		}

		&:nth-child(odd):last-child{
			margin-right: 0;
			margin-left: 0;
			width: 100%;
		}
	}
}



// Slider #12 -
.grid-5-in-rows{
	.slide{
		height: auto;
	}

	.grid-item{
		&:nth-child(n){
			height: 180px;

			@include breakpoint(md){
				.full-width &{
					height: 250px;
				}
			}

			@include breakpoint(max_min_sm){
				height: 150px;
			}
		}

		&:nth-child(1),
		&:nth-child(2){
			width: 49.9%;
			width: calc(50% - 2px);
		}

		&:nth-child(2){
			margin-right: 0;
		}

		&:nth-child(3){
			clear: left;
		}

		&:nth-child(3),
		&:nth-child(4){
			width: 33.2%;
			width: calc(33.3334% - 4px);
		}

		&:nth-child(5){
			width: calc(33.337% - 2px);
			margin-right: 0;

			@include breakpoint(max_min_md){
				width: 33.334%;
			}
		}
	}
}

@include breakpoint_max(600px){
	.grid-5-in-rows{
		.slide{
			display: block;
			height: auto;
		}

		.grid-item{
			&:nth-child(n){
				height: 140px;
			}

			&:first-child{
				width: 100%;
				width: 100%;
				height: 200px;
				margin-right: 0;
			}

			&:nth-child(even){
				width: 49.9%;
				width: calc(50% - 4px);
				margin-right: 4px;
				clear: none;
			}

			&:nth-child(n + 3):nth-child(odd){ // 3 & 5
				width: 50%;
				margin-right: 0;
				clear: none;
			}
		}
	}
}





// Slider #13
.grid-5-big-centerd{
	.slide{
		display: flex;
		flex-flow: row wrap;
	}

	// Override the default display:block for the first slide while loading and Display the first slide here with flex.
	.tie-slider-nav + .slide{
		display: flex !important;
	}

	.grid-item{
		&:nth-child(n + 2){
			height: 49.9%;
			height: calc(50% - 4px);
		}

		&:nth-child(1){
			order: 3;
		}

		&:nth-child(2){
			order: 1;
		}

		&:nth-child(3){
			order: 2;
		}

		&:nth-child(4){
			order: 4;
		}

		&:nth-child(5){
			order: 5;
		}

		&:nth-child(n + 4){
			width: 25%;
			margin-right: 0;
		}
	}
}

@include breakpoint(md){
	.full-width{
		.grid-5-big-centerd .slide{
			flex-flow: column wrap;
			align-content: flex-start;
			box-orient: vertical;
			box-direction: normal;
		}
	}
}






// slider #13 & #14 [Two Column Layout & Responsive]
.grid-5-slider{
	.grid-item{
		&:nth-child(1){
			width: 100%;
			width: calc( 100% - 2px );
			height: 50%;
			margin-right: 0;
		}

		&:nth-child(2),
		&:nth-child(3){
			height: 25%;
			width: 49.9%;
			width: calc(50% - 4px);
		}

		&:nth-child(n + 4){ // 4 & 5
			height: 25%;
			margin-right: 4px;
			width: calc(50% - 4px);
		}

		&:nth-child(n + 3):nth-child(odd){ // 3 & 5
			width: 50%;
			width: calc( 50% - 2px );
			margin-right: 0;
		}
	}

	.slide{
		height: 800px;

		@include breakpoint(max_min_sm){
			height: 600px;
		}
	}

	@include breakpoint_max(600px){
		.slide{
			height: 500px;
		}

		.grid-item{
			&:nth-child(1){
				height: 40%;
			}

			&:nth-child(n + 2){
				height: 30%;
				height: calc( 30% - 4px );
			}
		}
	}

	.slide{
		@include breakpoint(max_min_xs){
			height: 470px;
		}
	}
}

@include breakpoint(md){
	.full-width{
		.grid-5-slider{
			.slide{
				height: 470px;
			}

			.grid-item{
				&:nth-child(1){
					width: 50%;
					height: 100%;
					margin-right: 4px;
				}

				&:nth-child(n + 2){
					height: calc(50% - 4px);
					width: 24.9%;
					width: calc(25% - 4px);
				}
			}
		}
	}
}

// Slider 14
@include breakpoint(md){
	.full-width{
		.grid-5-first-big{
			.grid-item:nth-child(n + 2){
				height: calc(50% - 2px);
			}
		}
	}
}



// Slider #15
.grid-6-slides{
	min-height: 180px;

	@include breakpoint(max_min_md){
		min-height: 100px;
	}

	.slide{
		height: auto;
	}

	.grid-item{
		float: left;

		&:nth-child(n){
			height: 180px;
			width: 33.1%;
			width: calc(33.1% - 3px);

			@include breakpoint(md){
				.full-width &{
					height: 225px;
				}
			}

			@include breakpoint(max_min_sm){
				height: 145px;
			}
		}

		&:nth-child(4){
			clear: left;
		}

		&:nth-child(3),
		&:nth-child(6){
			width: calc(33.337% - 2.5px);
			margin-right: 0;

			@include breakpoint(max_min_md){
				width: 33.32%;
			}
		}
	}

	@include breakpoint_max(600px){
		.slide{
			display: flex;
			flex-flow: row wrap;
		}

		// Override the default display:block for the first slide while loading and Display the first slide here with flex.
		.tie-slider-nav + .slide{
			display: flex !important;
		}

		.grid-item{
			&:nth-child(odd){
				width: calc(50% - 4px);
				margin-right: 4px;
				flex-grow: 1;

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

			&:nth-child(even){
				width: 50%;
				flex-grow: 0;
				margin-right: 0;
				clear: none;
			}
		}
	}
}



// Slider #50
.slider-vertical-navigation{
	position: relative;
	z-index: 1;

	.post-cat-wrap{
		margin-bottom: 10px;
	}

	.thumb-meta{
		display: flex;
	}

	span.icon{
		float: left;
		margin-right: 10px;
	}

	div.post-rating{
		top: 5px;
	}

	.slider-main-container{

		@include breakpoint(sm){
			.thumb-overlay {
				padding-top: 90px;

				.container{
					top: 20px;
					transform: none;
					width: 60%;
					margin-left: 0;
					padding: 0;
				}
			}
		}
	}

	// Animate elements in active slide
	.thumb-meta > span{
		display: inline-block;
	}

	.slick-initialized{
		.post-cat-wrap,
		.thumb-meta,
		.thumb-title{
			overflow: hidden;
		}

		.post-cat-wrap a,
		.thumb-meta > span,
		.thumb-title a,
		.read-next-button{
			opacity: 0;
			transform: translateY(40px);
			transition: 1s;
		}

		.thumb-title a{
			display: block;
			transform: translateY(140px);
		}
	}

	.slick-current{
		.post-cat-wrap a,
		.thumb-meta > span,
		.thumb-title a,
		.read-next-button{
			opacity: 1;
			transform: translateY(0);
		}
	}

	.thumb-content{
		padding: 0;
		position: relative;
	}

	// In Two column layout
	.has-sidebar &{
		.wide-slider-nav-wrapper{
			padding: 0 15px 0 0;
		}
	}
}


// Slider Vertical Nav
.vertical-slider-nav{
	top: 0;
	right: 0;
	left: auto;
	width: 30%;
	height: 100%;
	padding: 0 15px;
	background: transparent;

	.slick-list{
		max-height: 500px;
	}

	.slide{
		height: auto;
		margin-bottom: 20px;
		box-shadow: inset 0 0 0 0 #fff;
		transition: 0.5s 0.3s;
		opacity: 0.5;
		transition: opacity 0.3s;
	}

	.slide-overlay{
		padding: 20px 0;
	}

	.container{
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}

	.thumb-title{
		font-size: 19px;
		line-height: 1.4em;
		max-height: 2.8em;
		font-weight: 300;
		white-space: inherit;
	}

	.thumb-meta{
		display: none;
	}

	.slick-current{
		// box-shadow: none;
		// box-shadow: inset 0 0 0 1px rgba(255,255,255,0.3);
		// background-color: rgba(0,0,0,0.1);
		opacity: 1;
	}

	// In the two sidebar layout
	.section-item.has-sidebar &,
	.single-post.has-sidebar & {
		width: 40%;

		.slide-overlay{
			padding: 15px 0;
		}

		.thumb-title{
			font-size: 14px;
		}
	}

	&:before,
	&:after{
		content: '';
		position: absolute;
		top: -25px;
		left: 0;
		width: 100%;
		height: 40px;
		z-index: 1;
		background: radial-gradient(ellipse at center,
							rgba(0, 0, 0, 0.8) 0%,
							rgba(204, 204, 204, 0) 65%,
							rgba(229, 229, 229, 0) 100%);
	}

	&:after{
		bottom: -25px;
		top: auto;
	}

	.tie-slider-nav{
		width: auto;
		height: 100%;
		top: 0;
		margin: 0;
		left: calc(50% - 23px);
		z-index: 2;

		li{
			position: absolute;
			width: 46px;
			height: 25px;
			transition: transform 0.3s, opacity 0.4s;
			opacity: 0;
			transform: translateY(-100%);

			span{
				width: 46px;
				height: 25px;
				line-height: 25px;
				border-radius: 0 0 2px 2px;
				transform: none !important;

				&:before{
					transform: rotate(-90deg);
					display: inline-block;
				}
			}

			&:first-child{
				bottom: 0;
				transform: translateY(100%);

				span{
					border-radius: 2px 2px 0 0;
				}
			}
		}
	}

	&:hover{
		.tie-slider-nav{
			li{
				opacity: 1;
				transform: translateY(0);
			}
		}
	}
}
Path: home/tahkoom/public_html/wp-content/themes/jannah/assets/css/sass/components
مستقبل التسويق الالكتروني – tahkoom.com
ميديا

مستقبل التسويق الالكتروني

يونيو 4, 2025
11٬434 أقل من دقيقة

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

ال

يونيو 4, 2025
11٬434 أقل من دقيقة
اظهر المزيد

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

الذكاء الاصطناعي نزل الشغل… مهن بتختفي ومهن بتتولد!

يونيو 13, 2025

جولة داخل الغرفة التي تُفكّر من تلقاء نفسها في BBC… ما لا تراه الكاميرات عن صناعة الأخبار بلا بشر

يونيو 13, 2025

“ألعاب الواقع الافتراضي: رحلة إلى عوالم تفاعلية غامرة”

يونيو 12, 2025

“chatgpt هيلغي وجود الانسان”…تقرير حول أستخدامات chatgpt

يونيو 4, 2025

اترك تعليقاً

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

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