.custom-grid-filters {
	margin-bottom: 40px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: end;
	gap: 10px 30px;
	margin-top: -60px;
}
.custom-guest-filter-wrap,
.custom-occasion-filter-wrap {
	position: relative;
    /* flex-basis: 250px; */
}
.custom-guest-filter-wrap::before,
.custom-occasion-filter-wrap::before {
	position: absolute;
	top: 50%;
	content: '';
	background-image: url('arrow-down.svg');
	width: 22px;
	height: 22px;
	right: 10px;
	background-size: 22px;
	margin-top: -11px;
	z-index: 0;
}

#custom-guest-filter,
#custom-occasion-filter{
	padding-right: 50px;
	border: 0;
	border-radius: 0 !important;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	position: relative;
	background: transparent;
}
#custom-guest-filter:focus,
#custom-occasion-filter:focus {
    outline: none;
}


#custom-guest-filter,
#custom-occasion-filter {
	text-transform: uppercase;
}

/* Fitler End */

/*  Post Grid Start */
#custom-post-grid-results {
    --columns: 3;
    --gap: 40px;
	row-gap: 50px;
    --gap-count: calc( var(--columns) - 1 );
    display: flex;
    gap: var(--gap);
    flex-wrap: wrap;
	position: relative;
}

#custom-post-grid-results {
	opacity: 0;
}

#custom-post-grid-results.show {
	opacity: 1;
}

.custom-post-grid-item {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

.custom-post-grid-item.show {
	opacity: 1;
	transform: translateY(0);
	/* box-shadow: 0px 0px 20px rgba(0,0,0,0.2); */
}
.custom-blog-posts-content-wrap {
	padding:0 20px 20px 20px;
}

#custom-post-grid-results {
	--columns: 3;
	--column-gap: 30px;
	--row-gap: 60px;

	display: flex;
	flex-wrap: wrap;
	-moz-column-gap: var(--column-gap);
	     column-gap: var(--column-gap);
	row-gap: var(--row-gap);
}

.custom-post-grid-item {
	flex-basis: calc( calc( 100% / var(--columns) ) - calc( var(--gap) / var(--columns) * var(--gap-count) ) );
}

h3.custom-post-grid-title {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 24px;
}


.more-button {
	display: inline-flex !important;
	border: 2px solid #221E1F;
	background-color: #221E1F !important;
	color: #ffffff !important;
	padding: 8px 20px;
	font-size: 13px;
	transition: all 0.2s ease;
	text-transform: uppercase;
}
	.more-button:hover {

	border: 2px solid #9E2C30;
	background-color: #9E2C30 !important;
}

.custom-post-grid-thumb {
	position: relative;
	margin-bottom: 20px;
}
.custom-post-grid-thumb a {
	display: flex;
}
.custom-post-grid-thumb a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    display: block;
    background-image: url("https://tentickle.d4design.dev/wp-content/uploads/2025/03/overlay.svg");
    background-color: rgba(255,255,255,0.75);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
    transition: all 0.2s linear;
}

.custom-post-grid-item:hover .custom-post-grid-thumb a::after {
	opacity: 1;
}

.custom-post-grid-title a {
	color: #221E1F;
}

@media (max-width: 475px) {

	.custom-grid-filters {
		margin-top: 0;
	}

    #custom-post-grid-results {
        --columns: 1;
    }

    .custom-post-grid-item {
        width: 100%;
    }
}