@import "settings/_mixins";
@import "settings/_variables";
@import "general/general";
@import "package/package";
@import "jobs/jobs";
@import "company/company";
@import "candidates/candidates";
@import "service/service";
@import "loop/loop";

//Fade In Right
@-webkit-keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

@-webkit-keyframes fadeOutRight {
	from {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}

@keyframes fadeOutRight {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}

//skeleton loading
.skeleton-loading {
	.jobs-archive-header,
	.jobs-archive-footer,
	.jobs-des,
	.days,
	.company-top,
	.des-company,
	.company-header,
	.company-bottom,
	.company-thumbnail,
	.candidate-top,
	.des-candidate,
	.candidate-header,
	.candidate-bottom,
	.candidate-salary,
	.service-thumbnail,
	.service-header,
	.service-bottom,
	.jobs-thumbnail-details,
	.block-archive-inner > *,
	.preview-tabs .tab-nav li,
	.company-overview > *,
	.company-jobs > *{
		position: relative;
		overflow: hidden;
		background-color: #dddbdd;
		&:before {
			content: "";
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			background-color: #dddbdd;
			z-index: 3;
		}
		&::after {
			content: "";
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			transform: translateX(-100%);
			z-index: 3;
			background-image: linear-gradient(
				90deg,
				rgba(#fff, 0) 0,
				rgba(#fff, 0.2) 20%,
				rgba(#fff, 0.5) 60%,
				rgba(#fff, 0)
			);
			animation: shimmer 3s infinite;
		}
	}
}

@keyframes shimmer {
	100% {
		transform: translateX(100%);
	}
}

body.single-jobs{
	.site-content,.site-header{
		position: static;
	}
}

body.single-service{
	.civi_breadcrumb li:last-child{
		display: none;
	}
}

body.single-jobs,
body.single-company,
body.single-candidate{
	.civi_breadcrumb {
		margin-top: 24px;
		margin-bottom: 24px;
	}
	.main-content {
		padding-top: 0;
	}
}

body.single-service{
	.civi_breadcrumb {
		margin-top: 24px;
		margin-bottom: 18px;
	}
	.main-content {
		padding-top: 40px;
	}
}

#geocoder {
	top: 36px !important;
}

body.civi-ltw{
	overflow: hidden !important;
}

@media (min-width: 768px){
	body.single-jobs,
	body.single-company,
	body.single-candidate {
		.elementor-lightbox{
			display: none !important;
		}
	}
}

@media (max-width: 576px) {
	body.single-jobs,
	body.single-company,
	body.single-candidate{
		.civi_breadcrumb {
			display: none;
		}
		.main-content {
			padding-top: 30px;
		}
	}
}

a.label{
	@include transition(all .3s);
	&:hover{
		background-image: linear-gradient(rgba(0, 0, 0, 0.05) 0 0);
	}
}

.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.civi-link-bottom{
	position: relative;
	&:after{
		content: '';
		position: absolute;
		right: 0;
		left: 0;
		height: 1px;
		bottom: -3px;
		background-color: currentColor;
		width: 0;
		@include transition(all .3s);
	}
	&:hover:after{
		width: 100%;
	}
}

.mega-menu-content{
	.civi-modern-tabs .button-border-bottom{
		display: inline-block !important;
	}
	.elementor-widget-civi-jobs-category.civi-layout-01 .icon-cate {
		margin-bottom: 0;
	}
	.civi-list .text{
		position: relative;
		display: inline-block;
		&:after{
			content: "";
			position: absolute;
			left: 0;
			top: 100%;
			width: 100%;
			border-top:1px solid $accent_color;
			@include transform(scaleX(0));
			@include transform-origin(right center);
			@include transition(transform .25s cubic-bezier(.785,.135,.15,.86));
		}
		&:hover:after{
			@include transform(scaleX(1));
			@include transform-origin(left center);
		}
	}
}

.civi-email-html{
	background-color: #f2f2f2;
	padding: 10px;
	border-radius: 5px;
	margin: 10px;
	.text{
		color: #666;
		font-size: 16px;
		margin-bottom: 10px;
	}
}

.additional-warpper{
	.entry-thumbnail{
		position: relative;
	}
	.view-video{
		position: absolute;
		top: 50%;
		left: 50%;
		@include transform(translate(-50%, -50%));
		i{
			color: red;
			font-size: 60px;
		}
	}
}

//rtl
.elementor-section.rtl{
	.jobs-archive-header,
	.jobs-header-left,.company-header
	.elementor-section.rtl,.company-bottom{
		@include flex-row-reverse();
	}
	.company-inner {
		@include justify-content-end();
	}
	.company-img ,
	.layout-list .jobs-footer-left,
	.layout-list .jobs-header-left,
	.civi-jobs-item .logo-comnpany{
		margin-right: 0;
		margin-left: 16px;
	}
	.jobs-footer-left,.jobs-footer-right,.jobs-header-left,
	.civi-company-item,.testimonial-item .content,.cite{
		text-align:right;
	}
	.civi-testimonial-style-03 .info .testimonial-logo {
		left: 0;
		right: auto;
	}
	.civi-testimonial-style-03 .image {
		margin-left: 20px!important;
		margin-right: 0!important;
	}
	.civi-blog .top-blog .post-categories{
		padding-right: 0;
	}
}
