.resources {
	position: relative;
}

.resources__content {
	position: relative;
	z-index: 2;
}

.resources__list {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}

.resource__item {
	display: block;
	width: 100%;
	margin: 0 .5rem .5rem;
	max-width: 400px;
	position: relative;
	opacity: 1;
	transition: all .25s ease-in-out;
	will-change: transform;
	border-radius: 9px;
	overflow: hidden;
	box-shadow: 0 4px 20px -12px rgb(51 51 51 / 42%);
}

.resource__item:hover,
.resource__item:focus,
.resource__item:focus-within {
	box-shadow: 0 6px 26px -10px rgb(51 51 51 / 46%);
}

@supports (display: grid) {
	.resources__list {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
		grid-auto-rows: auto;
		gap: var(--space);
		justify-content: auto;
	} 

	.resource__item {
		margin: 0;
		flex: 0;
		max-width: 100%;
	}  
}

.resource__item--hidden {
	opacity: 0;
}

.resource__item__front {
	position: relative;
	z-index: 2;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	opacity: 1;
	transition: all ease .5s;
	background-color: #fff;
	height: 100%;
}
.resource__item__back {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 1rem;
	text-align: center;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-self: center;
	background: #fff;
	opacity: 0;
	transition: all ease .25s;
}


.resource__item:hover .resource__item__front,
.resource__item:focus .resource__item__front {
	opacity: 0;
}
.resource__item:hover .resource__item__front--nodesc {
	opacity: 1;
}
.resource__item:hover .resource__item__back,
.resource__item:focus .resource__item__back {
	position: absolute;
	opacity: 1;
}


.resource__item-header {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.resource__item-header svg {
	position: absolute;
	width: 60px;
	height: 60px;
	left: calc(50% - 30px);
	top: calc(50% - 30px);
	fill: #fff;
	display: block;
	border-radius: 60px;
	box-shadow: 0 10px 30px rgba(0,0,0,.4)
}
.resources__item--videos .resource__item-header::before {
	content: "";
	position: absolute;
	z-index: 1;
	display: block;
	width: 0;
	height: 0;
	border-left: 40px solid transparent;
	border-right: 0 solid transparent;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left-color: #fff;
	top: calc(50% - 20px);
	left: calc(50% - 30px);
	
}
.resources__item--videos .resource__item-header::after {
	content: "";
	position: absolute;
	z-index: 0;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--c_dblue);
	opacity: .4;
}
.resource__item-header > img {
	object-fit: cover;
	object-position: center;
	width: 100% !important;
	height: 100% !important;
}
.resource__item-date {
	font-size: .8rem;
	color: #1C94BA;
	margin-bottom: .5rem;
}

.resource__item__type {
	color: #159A4C;
	font-size: .8rem;
}
.resource__item-title {
	font-size: 1.2rem;
	margin-bottom: 0;
	word-break: break-word;
}
.resource__item-title a {
	color: var(--c_dblue);
	text-decoration: none;
}
.resource__item-title a::before {
	content: "";
	display: block;
	position: abosolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
}
.resource__item:hover .resource__item-title a {
	color: #159A4C;
}

.resource__item-summary {
	color: #444;
	font-size: .8rem;
}
.resource__item-body {
	padding: 24px;
	padding: 24px;
	padding: 1.5rem;
}
.resource__item-body a::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}



.filter-title {
	font-size: 1.33em;
	color: var(--font-color);;
	border-top: 1px solid #414847;
	padding-top: 0.66em;
}

.option-set {
	margin-bottom: 2rem;
}
.option-set input {
	height: 0;
	width: 0;
	position: absolute;
	visibility: hidden;
}
.option-set > label {
	display: none;
}
.resource__filter__mobile {
	display: block;
}
.resource__filter__mobile select {
	width: 100%;

}
@media screen and (min-width: 1024px) {
	.option-set > label {
		display: block;
		cursor: pointer;
	}
	.resource__filter__mobile {
		display: none;
	}
}
.option-set input:checked + label {
	color: red;
	font-weight: 700;
}

.resource__floating-tag {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #1C94BA;
	color: #fff;
	padding: 0.125em 0.66em;
	z-index: 0001;
	border-bottom-left-radius: 9px;
}

.resource__item-more {
	color: #1C94BA;
	text-decoration: none;
	padding-top: 0.66em;
	display: block;
	height: 1px;
	width: 1px;
	visibility: none;
	text-indent: -99999em;
}

.resource__item-more {
	background: none;
	border: none;
	padding: 0;
}

.resource__item-more::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	cursor: pointer;
}

.resource__item-title {
	margin-bottom: 0.33em;
}

.resource__item-title button {
	color: #1A2423;
	font-size: 1em;
	text-decoration: none;
	background: none;
	border: none;
	padding: 0;
	text-align: center;
	display: block;
	width: 100%;
}


/*
* AJAX Controls
*/

.lc-filters {
	display: grid;
	gap: 1.33em;
	padding: 1.66em 0;
}

@media (min-width: 550px) {

	.lc-filters__item--search {
		grid-column: span 2;
	}

	.lc-filters {
		grid-template-columns: repeat(3, 1fr);
	}

}


.lc-filters__item {
	width: 100%;
}

.styled-select select {
	width: 100%;
}

/*
* AJAX grid
*/

.lc-grid {
	display: grid;
	gap: 1.33em;
}

@media (min-width: 690px) {

	.lc-grid {
		grid-template-columns: repeat(2, 1fr);
	}

}

@media (min-width: 980px) {

	.lc-grid {
		grid-template-columns: repeat(3, 1fr);
	}

}

.lc-grid .resource__item-header {
	aspect-ratio: 16/9
}

/*
* AJAX Pagination
*/

.lc-pagination {
	display: flex;
	flex-wrap: wrap;
	padding: 1.66em 0;
	justify-content: center;
	font-size: 1.2em;
}

.lc-pagination__item {
	min-width: 1.66em;
	text-align: center;
	border-radius: 3px;
	font-size: 1em;
}

.lc-pagination__item:not(.lc-pagination__item--is-active) {
	cursor: pointer;
}

.lc-pagination__item:hover,
.lc-pagination__item:focus {
	color: var(--c_lblue);
}

.lc-pagination__item--is-active {
	font-weight: 700;
	color: var(--c_lblue);
}







.filter-title {
	margin: var(--space) 0 0;
}

.filter-container {
	background: var(--bgc);
	color: var(--font-color);
	padding: 1.33em 0;
	margin-bottom: 1.33em;
	transition: all 0.25s ease-in-out;
}


.filter-container ::placeholder {
	/*   color: var(--font-color); */
}

.filter-container:focus,
.filter-container:focus-witin {
	outline: 2px solid var(--font-color);
}

.lc-filters__item {
	border: 0;
	background: #fff;
	border: 0 none; !important;
	padding: 0.66em;
	border-radius: 9px;
	width: auto;
	color: #000 !important;
}

.lc-filters__item select {
	border: 0;
	background: none;
	color: #000;
}

/*
* Modal
*/

.video-modal {
	background-color: #fff;
	padding: 1.33em;
	box-shadow: 0 0 30px 2000px rgba(0,0,0,.5);
	border-radius: 9px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10001;
	width: 80%;
}

.video-modal:not(.video-modal--is-open) {
	display: none;
}

.video-modal__video-wrapper {
	height: 0;
	padding-top: 56.25%;
	position: relative;
}

.video-modal__video {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.video-modal__close {
	border: 0;
	background: none;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 1.33em;
	padding: 0.33em;
	display: inline-block;
	line-height: 0.5;
	cursor: pointer;
}

/*
* Featured
*/

.featured-video {
	display: grid;
	gap: 1.33em;
	padding-bottom: 1.33em;
}

@media (min-width: 768px) {

	.featured-video {
		grid-template-columns: 5fr 4fr;
	}

}

.featured-video__desc {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.featured-video__desc,
.featured-video__desc * {
	color: var(--font-color);
}

.featured-video__pre-title {
	display: block;
	font-size: 0.33em;
	line-height: 1;
}