/* STANDARD PAGE LIST */

section.std-page-list{
}

.std-list-item{
	position:relative;
	padding:1rem;
	transition:all 0.3s;
}

.std-list-item .image{
	width:100%;
	padding-bottom:75%;
	background-size:cover;
	background-position:center;
}

.std-list-item .info{
	text-align:center;
	padding:0.5rem 0;
	display:flex;
	flex-direction:column;
	gap:.25rem;
}

.std-list-item .info p.subtitle {
	margin: 0;
	text-wrap: balance;
	font-size:.675rem;
}

.std-list-item:hover{
	background:#fff;
	box-shadow: 0 3px 6px rgba(0,0,0,0.1);

}

/* BLOG PAGE LIST */

section.blog-page-list {
	overflow: hidden;
}

section.blog-page-list.blog-home{

}

section.blog-page-list .wrapper{
	display:flex;
	flex-wrap:wrap;
	margin: 0 -1%;
}

section.blog-page-list .flickity-button{
	opacity:0;
	pointer-events:none;
}
@media screen and (min-width:920px){
	section.blog-page-list:hover .flickity-button{
		opacity:1;
		pointer-events:auto;
	}
	section.blog-page-list {
		padding-bottom: 3rem;
	}
}

.blog-carousel-list-pages {
	margin: 0 -10px;
	padding-bottom: 1rem;
}


.blog-page-list-item {
	position: relative;
	width: calc(33.333% - 20px);
	margin: 0 10px;
}

.blog-page-list-item .image-wrapper {
	position: relative;
	width:100%;
	aspect-ratio: 4 / 3;
}

.blog-page-list-item .image{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-size:cover;
	background-position:center;
}

.blog-page-list-item .info {
	padding: 1.5rem 0 0.75rem 0;
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.blog-page-list-item .info h4,
.blog-page-list-item .info p{
	margin:0;
	transition:all 0.3s;
}

.blog-page-list-item .info p{
	font-size:.875rem;
}


.blog-page-list-item:hover {
}

.blog-page-list-item:hover h4{
	color:var(--brand-orange);
}

@media screen and (max-width:1000px){
	.blog-carousel-list-pages .blog-page-list-item{
		width:48%;
	}
	.blog-list-std .blog-page-list-item{
		width: calc(50% - 20px);
	}
}

@media screen and (max-width:769px){ 
	.blog-list-std .blog-page-list-item {
		width: 100%;
	}
}


@media screen and (max-width:720px){
	.blog-carousel-list-pages .blog-page-list-item{
		width:75%;
	}
}

/* MASONRY */

.masonry-grid .blog-page-masonry-list-item {
	width: 24%;
	margin-bottom: 1rem;
}

.blog-page-masonry-list-item .image-wrapper{
	position:relative;
	overflow:hidden;
}

.blog-page-masonry-list-item img{
	width:100%;
	height:auto;
}

.blog-page-masonry-list-item .info {
	position: absolute;
	padding: 1rem;
	background: rgba(237, 116, 48, 0.8);
	inset: 0;
	backdrop-filter: blur(4px);
	color: #fff;
	display: flex;
	align-items: flex-end;
	transform: translateY(100%);
	transition:all 0.3s;
}

.blog-page-masonry-list-item:hover .info{
	transform: translateY(0);
}

.blog-page-masonry-list-item .info .subtitle{
	font-size:.875rem;
	color:#fff;
}

@media (max-width: 991px) {
	.masonry-grid .grid-sizer,
	.masonry-grid .blog-page-masonry-list-item {
		width: 49%;
		margin-bottom: 1rem;
	}

	.masonry-grid .gutter-sizer {
		width: 2%;
	}
}

@media (max-width: 575px) {
	.masonry-grid .grid-sizer,
	.masonry-grid .blog-page-masonry-list-item {
		width: 100%;
	}

	.masonry-grid .gutter-sizer {
		width: 0;
	}
}