Na}{

File Content: archive.scss

.pxl-archive-post{
	margin-bottom: 70px;
	&:last-child{
		margin-bottom: 0;
	}
	.post-featured{
		position: relative;
	    overflow: hidden;
	    margin-bottom: 35px;
	    img{
	        filter: grayscale(100%);
	        @include transition(filter .3s ease);
	    }
	    &:hover img{
	    	filter: grayscale(0);
	    }
	}
	.post-content{
		position: relative;
	}
	.pxli-thumbtack {
		width: 32px;
	    height: 32px;
	    color: #fff;
		display: inline-flex;
	    align-items: center;
	    justify-content: center;
	    font-size: 14px;	
	    background: $second_color;
	    border-radius: 50%;
	    margin-right: 3px;
	    text-align: center;
	    line-height: 32px;
	    position: relative;
	    top: -4px;
	}
	.archive-metas{
		font-size: 14px;
		letter-spacing: 0.05em;
		color: $primary_color;
		margin-bottom: 13px;
		a{
			color: inherit;
			&:hover{
				color: $link_color_hover;
			}
		}
		.meta-inner{
			margin-left: -27px;
			margin-right: -27px;
			@media (max-width: $sm_max){
				margin-left: -15px;
				margin-right: -15px;
			}
			>*{
				padding-left: 27px;
				padding-right: 27px;
				position: relative;
				@media (max-width: $sm_max){
					padding-left: 15px;
					padding-right: 15px;
				}
				&+*{
					&:before{
						content: "";
						width: 30px;
						height: 1px;
						position: absolute;
						top: 50%;
						left: 0;
						background-color: $primary_color;
						@include transform(translateX(-50%));
						@media (max-width: $sm_max){
							width: 10px;
						}
					}
				}
			}
		}
	}
	.post-title{
		font-size: 36px;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		margin-bottom: 25px;
		word-break: break-word;
		@media (max-width:$lg_max){
	        font-size: 32px;
	    }
	    @media (max-width:$md_max){
	        font-size: 28px;
	    }
	    @media (max-width:$xs_max){
	        font-size: 22px;
            line-height: 1.3;
	    }
	}
	.post-excerpt{
		font-size: 18px;
		line-height: 1.66666666667;
		@media (max-width:$lg_max){
	        font-size: 16px;
	    }
	}
	.post-readmore{
		margin-top: 50px;
	}
	.quote-inner{
		background-color: #f5f3f1;
		padding: 40px 50px;
		@media (max-width: $xs_max){
			padding: 30px 30px;
		}
		.quote-icon{
			margin-bottom: 20px;
			font-size: 32px;
			color: $second_color;
		}
		.quote-text{
			font-family: $heading_font_family;
			font-size: 20px;
			line-height: 30px;
			letter-spacing: 0.02em;
			color: $heading_color;
		}
		.quote-cite{
			font-family: $heading_font_family;
			font-size: 16px;
			line-height: 26px;
			font-weight: 500;
			text-transform: uppercase;
			color: $heading_color;
			letter-spacing: 0.15em;
			display: block;
			margin-top: 22px;
			padding-top: 22px;
			position: relative;
			&:before{
				content: "";
				width: 75px;
				height: 1px;
				background-color: $primary_color;
				position: absolute;
				top: 0;
				left: 50%;
				margin-left: -37.5px;
			}
		}
	}
	.quote-inner{
		margin-bottom: 35px;
	}
	.feature-link{
		margin-bottom: 35px;
	}
	.feature-video{
		margin-bottom: 35px;
		iframe{
			width: 100% !important;
			height: auto !important;
			aspect-ratio: 16/9;
			filter: grayscale(100%);
	        @include transition(filter .3s ease);
		}
	    &:hover iframe{
	    	filter: grayscale(0);
	    }
	}

.feature-audio{
		margin-bottom: 35px;
		iframe + a{
			display: none;
		}
		img{
	    	width: 100%;
	        filter: grayscale(100%);
	        @include transition(filter .3s ease);
	    }
	    &:hover img{
	    	filter: grayscale(0);
	    }
	}
	&.has-post-thumbnail .feature-audio{
		.wp-audio-shortcode{
			position: absolute;
			bottom: 0;
		}
	}
	.feature-link{
		background-color: #f5f3f1;
		padding: 32px 50px 40px 50px;
		@media (max-width: $xs_max){
			padding: 32px 30px 40px 30px;
		}
		@media (max-width: $xs_screen){
			padding: 32px 15px 40px 15px;
		}
		.link-icon{
			.pxl-icon{
				font-size: 57px;
				color: $primary_color;
				@media (max-width: $xs_screen){
					font-size: 48px;
				}
			}
			svg{
				width: 57px;
				path{
					fill: $primary_color;
				}
			}
		}
		.link-title{
			position: relative; 
			margin-top: 5px;
	    	padding-bottom: 22px; 
			margin-bottom: 20px;
			line-height: 1.1428;
			@media (max-width: $xs_max){
				font-size: 24px;
			}
			&:before{
				content: "";
				width: 75px;
				height: 1px;
				background-color: $primary_color;
				position: absolute;
				bottom: 0;
				left: 50%;
				margin-left: -37.5px;
			}
		}
		.link-text{
			font-family: $heading_font_family;
			font-size: 16px;
			line-height: 26px;
			letter-spacing: 0.1em;
			display: block;
			 
		}
	}
	.feature-gallery{
		margin-bottom: 35px;
		.pxl-swiper-slide{ 
			img{
		    	width: 100%;
		        filter: grayscale(100%);
		        @include transition(filter .3s ease);
		    }
		    &:hover img{
		    	filter: grayscale(0);
		    }
		}

.pxl-swiper-arrows{
			position: absolute;
			bottom: 25px;
			right: 30px;
			display: flex;
			justify-content:flex-end;
			gap: 16px;
			@media (max-width: $lg_max){
				bottom: 25px;
				right: 25px;
				gap: 12px;
			}
			@media (max-width: $xs_screen){
				bottom: 15px;
				right: 15px;
				gap: 8px;
			}
			.pxl-swiper-arrow{
				width: 52px;
				height: 52px;
				font-size: 20px;
				@include border-radius(0);
				line-height: 1;
				display: inline-flex;
				align-items:center;
				justify-content:center;
				background-color: $heading_color;
				@media (max-width: $lg_max){
					width: 42px;
					height: 42px;
					font-size: 18px;
				}
				&:hover,&:focus{
					background-color: $primary_color;
				}
			}
		}
	}
}
.theme-core .pxl-archive-post .post-featured img{
	width: 100%;
}
.no-sidebar{
	.pxl-archive-post .feature-gallery .pxl-swiper-arrows .pxl-swiper-arrow{
		width: 70px;
		height: 70px;
		@media (max-width: $lg_max){
	    	width: 52px;
			height: 52px;
	    }
	    @media (max-width: $sm_max){
	    	width: 42px;
			height: 42px;
	    }
	}
} 
.pxl-content-wrap.has-sidebar{
	align-items: start;
}

Name	Size	Permission
archive.scss	6262 bytes	0644
error-404.scss	982 bytes	0644
nav.scss	1615 bytes	0644
pagination.scss	2260 bytes	0644
post.scss	7087 bytes	0644
posts.scss	98 bytes	0644