/* Overlay spinner for filtering */
#resource-grid .title {
    margin: 24px 0 16px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
	font-size:24px;
	font-weight:600;
	line-height:34px;
}

#resource-grid.loading::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.75);
    z-index: 10;
}

#resource-grid.loading::after {
     content: '\f110'; /* Font Awesome 5 spinner */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 24px;
    color: #263a57;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 11;
    transform: translate(-50%, -50%);
    animation: fa-spin 1s infinite linear;
}

#resource-grid {
    position: relative;
}


#resource-grid .post-card {
   	border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 8px;
    padding: 52px 52px 42px 52px;
    background-color: var(--e-global-color-4487f9c);
    border-color: var(--e-global-color-9444071);
	transition:all 0.3s ease;
}
#resource-grid .post-card:hover{
	 border-color: transparent !important;
	border-width:1px;
    background: linear-gradient(#F8FAFC, #F8FAFC) padding-box padding-box, linear-gradient(251deg, rgb(88, 83, 255) 1.53%, rgb(31, 135, 255) 33.56%, rgb(49, 191, 196) 63.16%, rgb(10, 124, 255) 98.58%) border-box border-box !important;
}

#resource-grid .post-card:hover .read-more{
	 background: linear-gradient(251deg, #5853FF 1.53%, #1F87FF 33.56%, #31BFC4 63.16%, #0A7CFF 98.58%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

#resource-grid .thumb img {
    width: 100%;
    height: auto;
/*     border-radius: 8px; */
}

#resource-grid .excerpt {
    margin: 10px 0;
	 display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

#resource-grid .read-more {
    display: inline-block;
    text-decoration: none;
    font-family: "Epilogue", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
	transition:all 0.3s ease;
	margin-top:32px;
}

#resource-grid .read-more i {
    margin-right: 6px;
}

#resource-grid.custom-post-grid {
    display: grid;
    gap: 24px;
}
.resource-img img{
	height:440px !important;
	width:auto !important;
	object-fit:cover !important;
}

/* nj form */
.resource-form .nf-before-form-content{
	display:none !important;
}
.resource-form .nf-field-label{
	margin-bottom:0px !important;
}
.resource-form .nf-field-label label{
	color:#5D646A !important;
	font-size:14px !important;
	font-weight:400 !important;
	
}

.resource-form .field-wrap.checkbox-wrap label{
	font-size: 16px !important;
    color: #181B1E !important;
}
.resource-form .field-wrap.checkbox-wrap label a{
	color:#0A55AB !important;
}
.resource-form .submit-wrap input{
	    border: none !important;
    background: #1F87FF;
    color: #fff;
    font-size: 18px;
    padding: 16px 16px 16px 46px !important;
    font-weight: 500;
	cursor:pointer;
}
.resource-form .submit-wrap input:hover{
	background:#0C6CDB !important;
}
/* .resource-form .submit-wrap .nf-field-element::before{
	content:"";
	width:24px;
	height:24px;
	background:url('/wp-content/uploads/download.svg');
	background-size:contain;
	background-repeat:no-repeat;
	position:absolute;
	left:16px;
	top: 16px;
} */
.resource-form  .nf-field-container
{
	margin-bottom:16px !important;
}
/* end of nj form */

.cw-resource-download p{
	color:#5D646A !important;
	font-size:18px;
	font-weight:400;
	text-align:center;
}

.cw-resource-download p a{
	color:#0A55AB !important;
	text-decoration:underline;
}
.cw-resource-info{
	justify-content:center !important;
	max-width:460px !important;
	margin:0 auto !important;
}
.cw-resource-info p{
	font-size:18px;
	font-weight:500;
	color:#181B1E !important;
	text-align:left !important;
}
.cw-resource-info img{
	height:80px;
	width:auto !important;
	margin-right:24px;
}

.cw-resource-download p .cw-back-btn{
	text-decoration:none !important;
	display:inline-block;
	padding:10px 16px;
	color:#5D646A !important;
	border:1px solid #DFE3E7 !important;
	background:#fff;
	border-radius:4px;
	margin-top:24px !important;
}
.cw-back-btn i{
	margin-right:10px;
}

.cw-back-btn:hover{
	background:#F8FAFC;
}
@media screen and (min-width: 1536px) 
{
		.resource-listing-cover
		{
	 	   background-position: 59% 34% !important;
			background-size: 20% auto !important;
		}
}
@media screen and (max-width: 1200px) 
{
	#resource-grid .post-card{
		padding: 24px 24px 16px !important;	
	}
	
	#resource-grid .excerpt {
		margin: 10px 0;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		white-space: normal;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

@media (min-width: 992px) {
    #resource-grid.custom-post-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #resource-grid.custom-post-grid {
        grid-template-columns: repeat(2, 1fr);
    }
	
	.custom-category-filter{
		    flex-wrap: nowrap !important;
		overflow:scroll !important;
	}
	
}

@media (max-width: 767px) {
	.custom-category-filter{
		    flex-wrap: nowrap !important;
		overflow:scroll !important;
	}
	
    #resource-grid.custom-post-grid {
        grid-template-columns: 1fr;
    }
	.custom-category-filter{
		margin-bottom:4px !important;
	}
	
}

.custom-category-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.custom-category-filter .filter-btn {
    padding: 5px 8px 4px;
  
    background: transparent !important;
    cursor: pointer;
	font-size:16px  !important;
	line-height:28px !important;
	font-weight:400;
	border:1px solid transparent;
	border-radius:4px;
	color:#181B1E !important
	
}
.custom-category-filter .filter-btn:hover{
	background:#F8FAFC !important;
	border-color:#DFE3E7 !important;
}

.custom-category-filter .filter-btn.active {
    background: #EFF6FF !important;
    color: #0A55AB !important;
	border-color:#BEDCFF !important;
}

.load-more-wrap {
    text-align: start;
    margin-top: 24px;
}

#load-more {
    padding: 8px 16px;
    background: #fff;
    color: #5D646A;
    border: 1px solid #DFE3E7;
    cursor: pointer;
	font-size:16px;
	line-height:32px;
	font-weight:500;
}
#load-more:hover{
	background:#F8FAFC;
}