/**
* support the legacy splide + sass styling for this
* needs to be converted to tailwind when time/budget
* allows.
*/
.block-editor__container {

	#nextButton,
	#nextGuide,
	#nextTeam,
	#nextGuideMobile {
		position: absolute;
		right: -2%;
		top: 50%;
		z-index: 100;
		transform: translate(50%, -50%);
		background-color: transparent;
		padding: 0 !important;
	}

	/* RESOURCES - /resources-new */

	.resources-banner {
		position: relative;
		background-repeat: no-repeat;
		background-size: cover;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: white;
		padding: 100px 50px;
		/* margin-top: 100px;
 */
	}

	.resources-banner__background {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		object-fit: cover;
		object-position: top;
		background-color: white;
	}

	.resources-banner__content {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		position: relative;
		height: 100%;
		color: white;
		z-index: 1000;
	}

	.resources-banner__content-title {
		display: flex;
		flex-direction: column;
		gap: 25px;
	}

	.resources-banner__content-title h4 {
		width: 70%;
		color: white !important;
		font-weight: normal;
		font-size: 24px;
	}

	.resources-banner__overlay {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background-color: rgba(0, 0, 0, 0.5);
	}

	.resources-banner__tiles {
		margin-top: 25px;
		display: flex;
		gap: 25px;
		z-index: 1;
	}

	.resources-banner__tile {
		display: flex;
		align-items: center;
		gap: 20px;
		width: 100%;
		max-width: 400px;
		cursor: pointer;
		z-index: 1;
		padding: 16px 32px;
		border-radius: 32px;
	}

	.resources-banner__tile img {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 60px;
		width: 60px;
		background-color: white;
		border-radius: 50%;
		padding: 4px;
	}

	.resources-banner__tile.blue {
		background-color: var(--inoblue);
	}

	.resources-banner__tile.blue h4 {
		color: white;
		margin-bottom: 0px;
	}

	.resources-banner__tile.green {
		background-color: var(--inogreen);
	}

	.resources-banner__tile.green h4 {
		color: white;
		margin-bottom: 0px;
	}

	.resources-banner__tile.white {
		background-color: white;
	}

	.resources-banner__tile.white h4 {
		color: black;
		margin-bottom: 0px;
	}

	.resources-banner__tile.white img {
		background-color: var(--inograyone);
	}

	.resources-container {
		background-color: white;
	}

	.resources-calculator-anchor,
	.resources-guide-anchor,
	.resources-property-report-anchor {
		padding-top: 100px;
		padding-bottom: 1px;
	}

	.resources-finance-calculators {
		background-color: var(--inolightblue);
		padding: 50px;
	}

	.resources-finance-calculators header,
	.resources-finance-guides header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 50px;
		margin-bottom: 50px;
	}

	.resources-finance-calculators__main,
	.resources-finance-guides__main {
		position: relative;
	}

	.resources-finance-calculators header h2,
	.resources-finance-guides header h2 {
		width: 400px;
	}

	.resources-finance-calculators__meta,
	.resources-finance-guides__meta {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 20px;
		width: 100%;
	}

	.resources-finance-calculators__meta a button,
	.resources-finance-guides__meta a button {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		width: 280px;
	}

	.resources-finance-calculators__meta a button img,
	.resources-finance-guides__meta a button img {
		width: 20px;
		height: 20px;
	}

	.resources-finance-guides {
		margin-top: 100px;
		background-color: var(--inolightgreen);
		padding: 50px;
	}

	.resources-finance-guides__meta a button {
		background-color: var(--inogreen);
	}

	@media screen and (max-width: 1024px) {
		.resources-banner {
			/* margin-top: 100px;
 */
			padding: 25px 0px;
		}

		.resources-banner__content-title h4 {
			width: 100%;
		}

		.resources-finance-calculators header,
		.resources-finance-guides header {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			gap: 25px;
		}

		.resources-finance-calculators,
		.resources-finance-guides {
			padding: 25px;
		}

		.resources-banner__tile {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			max-width: 500px;
		}

		.resources-banner__tiles {
			display: flex;
			flex-direction: column;
			margin-top: 20px;
			gap: 20px;
		}
	}

	@media screen and (max-width: 768px) {
		.resources-banner {
			margin-top: 0px;
			padding: 80px 0px;
		}

		.resources-banner__content-title {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			text-align: left;
			gap: 25px;
			max-width: 600px;
		}

		.resources-banner__content-title h4 {
			font-size: 18px;
			line-height: 27px;
			font-weight: 700;
		}

		.resources-banner__tile {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			padding: 16px;
		}

		.resources-banner__tile img {
			display: flex;
			align-items: center;
			justify-content: center;
			height: 40px;
			width: 40px;
			background-color: white;
			border-radius: 50%;
			padding: 4px;
		}

		.resources-banner__tile h4 {
			font-size: 18px;
		}

		.resources-calculator-anchor,
		.resources-guide-anchor,
		.resources-property-report-anchor {
			padding-top: 40px;
			padding-bottom: 1px;
		}

		.resources-finance-guides {
			margin-top: 40px;
		}

		.resources-finance-calculators header h2,
		.resources-finance-guides header h2 {
			width: fit-content;
		}

	}

	/* RESOURCES BOX */

	.resources-box {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		gap: 10px;
		position: relative;
		height: 100%;
		width: 100%;
		max-width: 768px;
		max-height: 500px;
		padding: 40px;
		background-color: white !important;
		box-shadow: var(--boxshadow);
	}

	.resources-box__link {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		transition: 0s opacity linear;
		padding: 40px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		gap: 10px;
	}

	.resources-box__link p {
		font-size: 16px;
	}

	.resources-box__link h4,
	.resources-box__link span,
	.resources-box__link p {
		color: white !important;
	}

	.resources-box__link-meta {
		display: flex;
		align-items: center;
		gap: 10px;
		font-weight: bold;
	}

	.resources-box__link-meta img {
		width: 20px;
		height: 20px;
	}

	.resources-box:hover .resources-box__link.is-hover {
		opacity: 1;
		background-color: var(--inoblue);
	}

	.resources-box__meta {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.resources-box__meta-container {
		display: flex;
		flex-direction: column;
		gap: 20px;
		align-items: flex-start;
		text-align: left;
	}

	.resources-box__meta-description {
		display: block;
		font-size: 14px;
	}

	.resources-box__meta-link {
		color: var(--inoblue);
		font-weight: bold;
		display: none;
	}

	.resources-box__meta-link.desktop {
		display: flex;
		align-items: center;
		width: 100%;
		gap: 10px;
	}

	.resources-box__meta-link img {
		width: 20px;
		height: 20px;
	}

	.resources-box__meta-link.green {
		color: var(--inogreen);
	}

	.resources-box__links {
		display: block;
		font-weight: bold;
		margin-top: 10px;
	}

	.resources-box__icon {
		height: 80px;
	}

	@media screen and (max-width: 768px) {
		.resources-box {
			padding: 20px;
			height: auto;
		}

		.resources-box__meta {
			flex-direction: row;
			justify-content: space-between;
		}

		.resources-box__meta-container {
			display: flex;
			flex-direction: column;
			gap: 10px;
			align-items: flex-end;
			text-align: right;
		}

		.resources-box__meta-description {
			display: none;
		}

		.resources-box__meta-link {
			display: flex;
			align-items: center;
			gap: 10px;
		}

		.resources-box__links {
			display: none;
		}

		.resources-box__icon {
			height: 60px;
		}

		.resources-box:hover .resources-box__link.is-hover {
			opacity: 0;
		}
	}

	/* END RESOURCES BOX */
}