.resource-cards {
	position: relative;
	z-index: 1;
}

.resource-cards.bg-dark {
	background: linear-gradient(180deg, #1E1E1E 21.27%, #707070 52.01%, #F4F1EA 97.69%);
	padding-top: 45px;
}

.resource-cards.bg-dark + .bg-dark {
	padding-top: var(--section-margins);
}

.resource-cards__top-content {
	margin-bottom: 30px;
}

.bg-dark .resource-cards__heading h2 {
	color: var(--white);
}

.bg-dark .resource-cards__heading .sub-heading {
	color: var(--white);
}

.resource-cards__bg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 1920px;
	height: 100%;
}

.resource-cards__bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.resource-card {
	background: #ffffff;
	border: 1px solid #d9d9d9;
	padding: 22px 21px 14px;
	display: block;
	margin-bottom: 25px;
}

.resource-card__description h5 {
	margin: 0 0 7px;
	padding: 0 0 0 24px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2em;
	color: #7b6f6f;
	position: relative;
}

.resource-card__description h5 i {
	font-size: 15px;
	color: #000000;
	position: absolute;
	line-height: 1em;
	left: 0;
	top: 0;
}

.resource-card__description p {
	margin: 0;
	padding: 0 34px 0 0;
	font-size: 18px;
	font-weight: 700;
	line-height: normal;
	color: #000000;
}

.resource-card__btn {
	text-align: right;
	font-size: 16px;
	color: #000000;
	line-height: 1em;
}

.resource-cards__btn {
	text-align: center;
}

.resource-card__select {
	margin-bottom: 25px;
}

.resource-card__select label {
	margin: 0 0 10px;
	padding: 0 0;
	font-size: 16px;
	font-weight: 700;
	line-height: normal;
	color: var(--primary);
}

.resource-cards__wrap__item {
	display: none;
}

.resource-cards__wrap__item.is--active {
	display: block;
}

.bg-dark .resource-cards-nav-wrap .slick-arrow::before {
	background: var(--primary);
	color: var(--black);
}

.bg-dark .resource-cards-nav-wrap .slick-arrow:hover::before {
	background: var(--primary-hover);
}

.resource-card__image.certified-partner img {
	object-fit: cover;
}

.masthead--static-video {
	&::after {
		display: none;
	}
}

.masthead-bg-video {
	width: 100%;
	height: 799px;
	object-fit: cover;
}

@media (min-width: 768px) {
	.resource-cards__top-content {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
	}

	.resource-card {
		background: #ffffff;
		border: none;
		padding: 0;
		margin-bottom: 0;
		display: flex;
		flex-wrap: wrap;
	}

	.resource-card__image {
		width: 300px;
		height: auto;
		border-left: 7px solid #fed141;
	}

	.resource-card__image--press {
		background: var(--black);
	}

	.resource-card__description {
		width: calc(100% - 300px);
		padding: 22px 21px 14px;
		border: 1px solid #d9d9d9;
	}

	.resource-card__description p {
		padding: 0 70px 12px 0;
	}

	.resource-card__btn {
		text-align: right;
		font-size: 16px;
		display: flex;
		justify-content: flex-end;
		gap: 0 10px;
	}

	.resource-cards-nav-wrap {
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	.resource-cards-nav-item h5 {
		margin: 0 0 0;
		padding: 0 0 16px;
		font-size: 20px;
		font-weight: 700;
		line-height: normal;
		color: #332f21;
		cursor: pointer;
		position: relative;
	}

	.bg-dark .resource-cards-nav-item h5 {
		color: var(--white);
	}

	.slick-current .resource-cards-nav-item h5::before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 4px;
		background: #fed141;
	}

	.resource-cards-nav-wrap .slick-arrow {
		transform: none;
		z-index: 2;
	}

	.resource-cards-nav-wrap .slick-prev {
		margin-left: 0;
		left: -68px;
	}

	.resource-cards-nav-wrap .slick-next {
		margin-left: 0;
		left: auto;
		right: -68px;
	}

	.resource-cards-nav-wrap .slick-slide {
		margin: 0 14px;
	}

	.resource-cards-nav-wrap {
		margin: 0 68px 25px;
		position: relative;
		max-width: none;
	}

	.resource-cards-nav-wrap::before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 50px;
		height: 100%;
		z-index: 1;
		pointer-events: none;
		background: linear-gradient(
			to left,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 1) 100%
		);
	}

	.bg-dark .resource-cards-nav-wrap::before {
		content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="947" height="51" viewBox="0 0 947 51" fill="none"><path d="M0 0H947V51H0V0Z" fill="url(%23paint0_linear_1_2470)"/><defs><linearGradient id="paint0_linear_1_2470" x1="0" y1="25.5" x2="947" y2="25.5" gradientUnits="userSpaceOnUse"><stop stop-color="%23404040"/><stop offset="0.065" stop-color="%23404040" stop-opacity="0"/><stop offset="0.95" stop-color="%23404040" stop-opacity="0"/><stop offset="1" stop-color="%23404040"/></linearGradient></defs></svg>');
		position: absolute;
		left: -18px;
		top: -11px;
		width: auto;
		height: auto;
		z-index: 1;
		pointer-events: none;
		background: none;
	}

	.resource-cards-nav-wrap::after {
		content: "";
		position: absolute;
		right: 0;
		bottom: 0;
		width: 50px;
		height: 100%;
		z-index: 1;
		pointer-events: none;
		background: linear-gradient(
			to right,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 1) 100%
		);
	}

	.bg-dark .resource-cards-nav-wrap::after {
		display: none;
	}

	.resource-cards-item {
		margin-top: 25px;
	}
}

@media (min-width: 1200px) {
	.resource-cards__top-content {
		margin-bottom: 20px;
	}

	.resource-card {
		display: block;
		height: 100%;
		border: 1px solid #d9d9d9;
		padding-bottom: 36px;
		position: relative;
	}

	.resource-card:hover {
		background: #fed141;
	}

	.resource-card:hover .resource-card__description h5 {
		color: var(--black);
	}

	.resource-card__image {
		width: 100%;
		height: 200px;
		border-bottom: 7px solid #fed141;
		border-left: none;
		background: #fff;
	}

	.resource-card:hover .resource-card__image {
		border-color: #ffffff;
	}

	.resource-card__image--press {
		background: #000;
	}

	.resource-card__description {
		width: 100%;
		padding: 22px 21px 0;
		border: none;
	}

	.resource-card__description p {
		padding: 0 32px 12px 0;
	}

	.resource-card__btn {
		position: absolute;
		right: 21px;
		bottom: 15px;
	}

	.resource-cards-nav-wrap {
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	.resource-cards-nav-wrap .slick-slide {
		margin: 0 14px;
	}

	.resource-cards-nav-wrap {
		margin: 20px 68px 25px;
	}

	.resource-cards__heading {
		max-width: 72%;
	}
}

/*
 * Cards 
 */
.cards-item {
	margin-bottom: 32px;
}

.card {
	display: block;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	background: var(--white);
	/* box-shadow: 3px 3px 22px 0px rgba(0, 0, 0, 0.2); */
	text-align: center;
	padding: 20px 20px;
	border: none;
	height: 100%;
	width: 100%;
}

.card__image {
	width: 100%;
	height: 208px;
}

.card__image img {
	object-fit: contain;
}

.card__info {
	margin: 20px 0 15px;
	color: var(--black);
	font-weight: normal;
	padding: 0 20px;
}

.card__info p {
	font-size: 16px;
	line-height: 1.56em;
	font-weight: normal;
}

.resource-cards__listings .cards-item {
	display: block;
}

.js-resource-cards-for  .slick-track {
	display: flex;
}

@media (min-width: 768px) {
	.card__info {
		padding: 0 10px;
	}
}

.js-certified-partner {
	margin: 0 -20px;

	& .slick-slide {
		padding: 0 20px;
	}

	& .slick-dots {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 10px;
		list-style: none;
		padding: 0;
		margin: 0;
		margin-top: 30px;
	}

	& .slick-dots li {
		margin: 0!important;
		font-size: 0;
		& button {
			width: 20px;
			height: 20px;
			border-radius: 50%;
			background: var(--primary);
			border: none;
			cursor: pointer;
			padding: 0;
			margin: 0;
			color: transparent;
			font-size: 0;
		}

		&.slick-active {
			& button {
				background: var(--primary-hover);
			}
		}


		&::before {
			display: none;
		}
	}
}

.js-resource-cards-for.resource-cards-for-wrap,
.resources-type-coded-loaded {
	& .slick-list {
		padding: 0 20px;
	}

	& .js-coded-loaded {
		& .slick-list {
			padding: 0;
		}

		.slick-slide {
			height: inherit !important;

			& > div,
			& .fx-slide,
			& .podcast-episode {
				height: 100%;
			}
		}

		& .slick-dots {
			display: flex;
			justify-content: center;
			align-items: center;
			gap: 10px;
			list-style: none;
			padding: 0;
			margin: 0;
			margin-top: 30px;
		}

		& .slick-dots li {
			margin: 0!important;
			font-size: 0;
			& button {
				width: 20px;
				height: 20px;
				border-radius: 50%;
				background: var(--primary);
				border: none;
				cursor: pointer;
				padding: 0;
				margin: 0;
				color: transparent;
				font-size: 0;
			}

			&.slick-active {
				& button {
					background: var(--primary-hover);
				}
			}


			&::before {
				display: none;
			}
		}
	}
} 

@media (min-width: 1200px) {
	.card__info {
		padding: 0 0;
	}

	.card__bottom {
		opacity: 0;
	}

	.card:hover {
		background: var(--white);
		box-shadow: 3px 3px 22px 0px rgba(0, 0, 0, 0.2);
		border: none;
	}

	.card:hover .card__bottom {
		opacity: 1;
	}

	.resource-cards__listings .cards-item {
		width: 33.33%;
	}
}

/*
 * Podcast
 */
.resource-cards__listings .podcast-episode {
	flex: 0 0 100%;
	background: none;
	margin-bottom: 20px;
	height: 100%;
}

.wysiwyg + .resource-cards {
	padding-top: 30px;
}

.resource-cards__listings .podcast-episode .cpt-item__content {
	background: #fff;
}

@media (min-width: 1200px) {
	.resource-cards__listings .podcast-episode {
		flex: 0 0 33.33%;
		padding-left: 16px;
		padding-right: 16px;
		margin-bottom: 0;
	}

	.resource-cards__listings .podcast-episode:hover {
		box-shadow: none;
	}

	.resource-cards__listings .podcast-episode:hover .cpt-item__content {
		background: #fed141;
		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
	}
}

.js-coded-loaded {
	& .slick-track {
		display: flex;
	}
}

/*
 * No Posts Message
 */
.resource-cards__no-posts {
	padding: 60px 20px;
	text-align: center;
}

.resource-cards__no-posts h4 {
	margin: 0 0 15px;
	font-size: 24px;
	font-weight: 700;
	color: #332f21;
}

.resource-cards__no-posts p {
	margin: 0;
	font-size: 16px;
	color: #7b6f6f;
	line-height: 1.5;
}

@media (min-width: 768px) {
	.resource-cards__no-posts {
		padding: 80px 20px;
	}
	
	.resource-cards__no-posts h4 {
		font-size: 28px;
	}
	
	.resource-cards__no-posts p {
		font-size: 18px;
	}
}