.clearfix:after {
	display: block;
	clear: both;
	content: "";
}
.pxl---post {
	.pxl-item--image {
		position: relative;
		a {
			display: block;
			width: 100%;
		}
	}
	.pxl-item--title {
		font-size: 30px;
		line-height: 1.33333333;
		margin-bottom: 12px;
		@media #{$max-sm} {
			font-size: 24px;
		}
		a {
			color: inherit;
			&:hover {
				color: inherit;
			}
		}
	}
	.pxl-item--excerpt {
		margin-bottom: 16px;
	}
	&.product {
		.pxl-item--meta {
			display: none !important;
		}
	}
}

/* Blog Layout */
.pxl-item--archive {
	.pxl-post--meta {
		justify-content: center;
		font-size: 14px;
		color: #666666;
		font-weight: 500;
		@extend .ft-heading;
		a {
			font-weight: inherit;
			color: inherit;
		}
		i {
			color: $primary_color;
			font-size: 18px;
			display: inline-flex;
		}
		> div {
			padding: 0 15px;
			@media #{$max-sm} {
				padding: 0 8px;
			}
		}
	}
	&.pxl-item--standard {
		margin-bottom: 30px;
		@include box-shadow(0 10px 60px rgba(#8997BA, 0.15));
		@include border-radius(10px);
		background-color: #fff;
		.pxl-item--image img {
			@include border-radius(10px 10px 0 0);
		}
		.pxl-item--holder {
			padding: 22px 36px 42px;
			@media #{$max-lg} {
				padding-left: 30px;
				padding-right: 30px;
			}
			@media #{$max-sm} {
				padding: 22px;
			}
		}
		.pxl-item--meta {
			border-bottom: 1px solid #F6F6F6;
			padding: 22px 36px;
			position: relative;
			@media #{$max-lg} {
				padding-left: 30px;
				padding-right: 30px;
			}
			@media #{$max-sm} {
				padding: 30px 22px;
			}
		}
	}
}

.pxl-date--box {
	position: absolute;
	top: -14px;
	line-height: 28px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	color: #fff;
	background-color: $primary_color;
	padding: 0 13px;
	border-radius: 5px 0 0 5px;
}

.pxl-author--box {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	.pxl-auhtor--img {
		width: 46px;
		min-width: 46px;
		img {
			border: 2px solid #E1E9F4;
			border-radius: 46px;
		}
	}
	.pxl-auhtor--meta {
		h6 {
			margin-bottom: 2px;
			font-size: 16px;
			a {
				color: inherit;
				&:hover {
					color: inherit;
				}
			}
		}
		.pxl-auhtor--position {
			font-size: 12px;
		}
	}
}

/* End Blog Layout */

.single-post {
	@media #{$min-lg2} {
		#pxl-page-title-elementor .pxl-page--title .pxl-item--title  {
			font-size: 48px;
		}
	}
	.pxl-item--image {
		position: relative;
		margin-bottom: 35px;
		.pxl-item--date {
			position: absolute;
			bottom: 20px;
			line-height: 28px;
			font-size: 14px;
			text-transform: uppercase;
			font-weight: 600;
			color: #fff;
			background-color: $primary_color;
			padding: 0 13px;
			border-radius: 5px;
		}
	}
	.pxl-item--holder {
		padding-bottom: 33px;
	}
	.single-heading {
		padding-bottom: 18px;
		position: relative;
		margin-bottom: 24px;
		&:before {
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			width: 30px;
			height: 3px;
			border-radius: 3px;
			background-color: $primary_color;
		}
	}
	.single-list {
		margin-left: 36px;
		list-style: none;
		margin-bottom: 12px;
		@media #{$max-lg} {
			margin-left: 0;
		}
		li {
			position: relative;
			display: inline-flex;
			flex-wrap: nowrap;
			&:before {
				content: "\f135";
				font-family: "caseicon";
				color: #fff;
				margin-right: 10px;
				font-size: 10px;
				min-width: 16px;
				width: 16px;
				height: 16px;
				background-color: $primary_color;
				border-radius: 16px;
				display: inline-flex;
				align-items: center;
				justify-content: center;
				margin-top: 6px;
			}
			+ li {
				margin-top: 7px;
			}
		}
	}
}

.pxl-post--author-info {
	border-bottom: 1px dotted #dadada;
	padding-bottom: 40px;
	margin-bottom: 32px;
	@media #{$max-sm} {
		align-items: flex-start;
	}
	.pxl-post--author-image {
		width: 124px;
		min-width: 124px;
		@media #{$max-sm} {
			width: 80px;
			min-width: 80px;
		}
		img {
			@include border-radius(124px);
		}
	}
	.pxl-post--author-title {
		margin-bottom: 10px;
		@media #{$max-sm} {
			font-size: 18px;
		}
		a {
			color: inherit;
		}
	}
	.pxl-post--author-description {
		font-size: 16px;
		line-height: 1.625;
		margin-bottom: 15px;
		max-width: 580px;
	}
	.pxl-post--author-social {
		a {
			color: #5D666F;
			font-size: 15px;
			margin-right: 22px;
			&:hover {
				color: $primary_color;
			}
		}
	}
}

.pxl--post-footer {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	border-bottom: 1px dotted #dadada;
	margin-bottom: 32px;
	> div {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		margin-bottom: 35px;
	}
	label {
		font-size: 16px;
		color: #1C2539;
		font-weight: 700;
		@extend .ft-theme-default;
		margin-right: 18px;
	}
	.pxl--tags {
		margin-right: 30px;
		flex-grow: 1;
		a {
			line-height: 32px;
			display: inline-block;
			padding: 0 14px;
			background-color: #f0f0f0;
			color: $secondary_color;
			font-size: 12px;
			margin: 5px 5px 5px 0;
			position: relative;
			z-index: 1;
			text-transform: uppercase;
			border-radius: 5px;
			&:hover {
				color: #fff;
				background-color: $primary_color;
			}
		}
	}
	.pxl--social {
		a {
			width: 32px;
			height: 32px;
			line-height: 32px;
			text-align: center;
			color: #fff;
			@include border-radius(32px);
			margin-right: 5px;
			font-size: 15px;
			opacity: 0.85;
			&.fb-social {
				background-color: #1877F2;
			}
			&.tw-social {
				background-color: #1DA1F2;
			}
			&.pin-social {
				background-color: #BD081C;
			}
			&.lin-social {
				background-color: #0A66C2;
			}
			&:hover {
				opacity: 1;
			}
		}
	}
}

.pxl-pagination-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	.page-numbers {
		width: 26px;
        height: 26px;
        background-color: transparent;
        line-height: 26px;
        text-align: center;
        font-size: 16px;
        display: inline-block;
        color: #1C2539;
        position: relative;
        z-index: 1;
        padding: 0;
        @include border-radius(26px);
        &.next, &.prev {
        	color: $primary_color;
        }
        &.current, &:hover {
            background-color: $primary_color;
            color: #fff;
        }
        i {
        	font-size: 12px;
        }
	}
	.pxl-pagination-links {
		margin-top: 50px;
	}
}

.pxl-post--navigation {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    border-bottom: 1px dotted #DADADA;
    padding: 0 0 40px;
    margin-bottom: 40px;
    .pxl--items {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        .pxl--item {
            width: 50%;
            @media #{$max-xs} {
                width: 100%;
                + .pxl--item {
                    margin-top: 30px;
                }
            }
        }
    }
    .pxl--label {
        font-size: 15px;
        font-weight: 600;
        color: #5d666f;
        display: inline-block;
        span {
        	position: relative;
        	&:before {
	            content: '';
	            width: 0;
	            @include transition(.3s cubic-bezier(.24,.74,.58,1));
	            height: 1px;
	            background-color: rgba(#000, 0.37);
	            position: absolute;
	            bottom: 0px;
	            left: 0;
	        }
        }
        &:hover {
            span:before {
                width: 100%;
            }
        }
        i {
            font-size: 10px;
        }
    }
    .pxl--img {
        width: 60px;
        min-width: 60px;
        position: relative;
        a {
            display: block;
            &:before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(#000, 0.6);
                @include transition(.3s cubic-bezier(.24,.74,.58,1));
                opacity: 0;
            }
            &:after {
                content: '+';
                font-size: 30px;
                color: #fff;
                position: absolute;
                top: 50%;
                left: 50%;
                @include transform(translate(-50%, -50%));
                @include transition(.3s cubic-bezier(.24,.74,.58,1));
                opacity: 0;
            }
        }
        &:hover a {
            &:before {
            	opacity: 0.76;
            }
            &:after {
                opacity: 1;
            }
        }
    }
    .pxl--meta {
        max-width: 260px;
        a {
            font-size: 16px;
			font-weight: 700;
			line-height: 1.4375;
            @extend .ft-theme-default;
            color: #1C2539;
            display: block;
            &:hover {
                color: $primary_color;
            }
        }
    }
    .pxl--holder {
        margin-top: 14px;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }
    .pxl--item-prev {
        .pxl--label i {
            margin-right: 4px;
        }
        .pxl--img {
            margin-right: 22px;
        }
    }
    .pxl--item-next {
        text-align: right;
        .pxl--label i {
            margin-left: 4px;
        }
        .pxl--img {
            margin-left: 22px;
        }
        .pxl--holder {
            justify-content: flex-end;
        }
    }
}

.pxl-custom-swiper {
	overflow: hidden;
	position: relative;
}

.pxl-post-gallery-slider .pxl-custom-swiper {
	border-radius: 8px 8px 0 0;
	img {
		@include border-radius(0px);
	}
	.pxl-swiper-arrow.pxl-swiper-arrow-next {
		right: 26px;
	}
	.pxl-swiper-arrow.pxl-swiper-arrow-prev {
		left: 26px;
	}
}

.error404 {
	.pxl-error-inner {
		text-align: center;
	}
	.pxl-error-number {
		font-size: 225px;
		font-weight: 700;
		@extend .ft-theme-default;
		color: $primary_color;
		line-height: 1;
		position: relative;
		z-index: 1;
		margin-bottom: 28px;
		text-shadow: 7px 7px 0px #{'rgba(var(--primary-color-rgb),0.08)'};
		@media #{$max-lg} {
			font-size: 180px;
		}
		@media #{$max-sm} {
			font-size: 120px;
		}
	}
	.pxl-error-title {
		text-transform: uppercase;
		margin-bottom: 12px;
		font-size: 48px;
		@media #{$max-sm} {
			font-size: 32px;
		}
	}
	.pxl-error-description {
		font-size: 20px;
		line-height: 1.5;
		margin-bottom: 70px;
		@media #{$max-lg} {
			font-size: 18px;
		}
	}
	.pxl-error-holder {
		position: relative;
		z-index: 99;
	}
	.search-form {
		max-width: 720px;
		margin: 0 auto 37px auto;
	}
	@media #{$min-xl} {
		#pxl-main {
			padding-top: 115px;
			padding-bottom: 150px;
		}
	}
}

.page-links {
    margin-top: 24px;
    clear: left;
    .post-page-numbers {
        width: 36px;
        height: 36px;
        background-color: #fff;
        line-height: 36px;
        text-align: center;
        font-size: 15px;
        font-weight: 600;
        display: inline-block;
        margin: 15px 15px 0 0;
        color: #080808;
        position: relative;
        z-index: 1;
        padding: 0;
        border: 1px solid #e9e9e9;
        @extend .ft-theme-default;
        @include border-radius(0px);
        &.current, &:hover {
            color: #fff;
            border-color: $primary_color;
            background-color: $primary_color;
        }
    }
}

.pxl-list--check {
	margin: 40px 0;
	list-style: none;
	i {
		color: $primary_color;
		margin-right: 8px;
	}
	li {
		display: flex;
		+ li {
			margin-top: 8px;
		}
	} 
}
body.rtl {
	.pxl-list--check i {
		margin-right: 0;
		margin-left: 8px;
	}
	.pxl-date--box {
		border-radius: 0 5px 5px 0;
	}
	&.single-post .single-list {
		margin-left: 0;
		margin-right: 36px;
		@media #{$max-lg} {
			margin-left: 0;
		}
	}
	&.single-post .single-list li::before {
		margin-right: 0;
		margin-left: 10px;
	}
	&.single-post .single-heading::before {
		left: auto;
		right: 0;
	}
	.pxl-post--author-info .pxl-post--author-social a {
		margin-right: 0;
		margin-left: 22px;
	}
	.pxl-post--navigation {
		.pxl--item-prev {
			.pxl--img {
				margin-right: 0;
				margin-left: 22px;
			}
			.pxl--label i {
				margin-right: 0;
				margin-left: 4px;
				&:before {
					transform: scaleX(-1);
					display: inline-flex;
				}
			}
		}
		.pxl--item-next {
			text-align: left;
			.pxl--img {
				margin-left: 0;
				margin-right: 22px;
			}
			.pxl--label i {
				margin-left: 0;
				margin-right: 4px;
				&:before {
					transform: scaleX(-1);
					display: inline-flex;
				}
			}
		}
	}
}