/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

.blurb-wrapper {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 24px;
    row-gap: 87px;
	margin-top: 44px;
}
a.blurb-item {
    display: block;
    padding: 80px 20px 28px;
    background: #ffffff;
    border-radius: 25px;
    border: 1px solid #ffffff1a;
    position: relative;
    transition: all .3s ease-in-out;
    align-content: flex-end;
}
a.blurb-item:hover {
    box-shadow: 0 10px 45px 0 rgba(0, 0, 0, .1);
}
a.blurb-item .icon-wrapper {
    position: absolute;
    width: 90px;
    height: auto;
    left: 16px;
    top: -44px;
}
a.blurb-item .icon-wrapper img {
    border-radius: 100px;
}
.blurb-content-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
}

a.blurb-item .blurb-content-wrapper .right svg{
	transition: all ease-in-out .1s;
}
a.blurb-item .blurb-content-wrapper .right svg:last-child {
    position: absolute;
    right: 20px;
}
a.blurb-item:hover .blurb-content-wrapper .right svg:first-child {
	visibility: hidden;
	opacity:0;
}
a.blurb-item:hover .blurb-content-wrapper .right svg:last-child {
	visibility: visible;
	opacity: 1;
}

.item-count span {
    font-size: 16px;
    line-height: 30px;
    color: #121F3E;
}
.item-title span {
    font-size: 22px;
    font-weight: 500;
    color: #121F3E;
    line-height: 30px;
}
.bg-shape-col .image-attach {
    position: relative;
	z-index: 5;
}
.bg-shape-col .image-attach::after {
    content: "";
    position: absolute;
    width: 122.5px;
    height: 162.5px;
    background: url(/wp-content/uploads/2025/06/shape2040.png);
    right: -38px;
    top: -38px;
	z-index: -1;
}
.bg-shape-col .image-attach::before {
    content: "";
    position: absolute;
    width: 85%;
    height: 90%;
    background: #EDFAF5;
    left: -15%;
    bottom: -10%;
	z-index: -1;
}

.listing-overview > .mt-3.row > .col-md-6 {
    flex: 0 0 100% !important;
    max-width: 100%;
}
td.sorting_1 .meta-listing span.location i {
    margin: 0 0px;
}
#listing-manage_filter input::placeholder {
    padding-left: 20px;
}


@media only screen and (max-width: 1080px){
	.listing-overview > .mt-3.row > .col-md-6 a {
		padding: 0.5rem 10px;
		font-size: 15px;
	}
}

@media only screen and (max-width: 991px){
	.blurb-wrapper {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		column-gap: 24px;
		row-gap: 70px;
	}
	.item-count span {
		font-size: 14px;
	}
	.item-title span {
		font-size: 20px;
	}
}


@media only screen and (max-width: 600px){
	.blurb-wrapper {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 24px;
		row-gap: 70px;
	}
	.item-count span {
		font-size: 12px;
		line-height: 1.2em;
	}
	.item-title span {
		font-size: 18px;
		line-height: 25px;
	}
}

@media only screen and (max-width: 400px){
	.blurb-wrapper {
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
		column-gap: 24px;
		row-gap: 70px;
	}
}


@media only screen and (max-width: 375px){
	.listing-overview > .mt-3.row > .col-md-6 a {
		padding: 0.5rem 9px;
		font-size: 14px;
	}
}