:root {
	scroll-behavior: smooth;
}

.theme--kit-embed.button-white .formkit-submit {
	border: 1px solid var(--wp--preset--color--accent-5) !important;
	color: var(--wp--preset--color--accent-1) !important;
	background: unset;
	background-color: var(--wp--preset--color--accent-5) !important;
}

.theme-image {
	border-radius: 8px;
	box-shadow: var(--wp--preset--shadow--natural);
	overflow: hidden;
}

.theme-3-col-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(325px, 1fr));
	grid-gap: var(--wp--preset--spacing--30);
	margin: 0 auto;
	max-width: min(var(--wp--style--global--wide-size), 100vw) !important;
	justify-content: center;
	width: 100%;
}

.equal-cols {
	&>* {
		flex: 1;
		width: 100%;
	}
}

.cols-wrap-mobile {
	@media(max-width:800px) {
		flex-direction: column;

		&>* {
			width: 100%;
		}

		&>* p {
			max-width: 100%;
		}
	}
}

.cols-reverse-wrap-mobile {
	@media(max-width:800px) {
		flex-direction: column-reverse;

		&>* {
			width: 100%;

			&>* p {
				max-width: 100%;
			}

		}
	}
}

/** HOME SUBSCRIBE **/
.theme__home-subscribe-with-image {
	--blue-print-guide-color: #164A6955;
	position:relative;
	@media(max-width:800px) {
		.cols-reverse-wrap-mobile {
			max-width:100%;
			width:100%;
			& * {
				max-width:100%;
			}
			form {
				max-width:100%;
			}
			.formkit-form[data-uid="d66c2612a3"][min-width~="700"] [data-style="clean"] {
				padding-top:0px;
			}

		}
	}
}


/** POST TEMPLATE **/

.theme__post-hero {
	@media(max-width:600px) {
		padding-inline: 1rem !important;

		figure {
			margin-bottom: -5rem !important;
		}
	}
}

.theme__post-hero .theme__post-title {
	@media(max-width:600px) {
		font-size: 32px !important;
	}

	@media(max-width:400px) {
		font-size: 28px !important;
	}
}

/** LEARNING LANDING PAGE **/
.theme__learning-landing-page__title {}

.theme__learning-landing-page__container {
	figure {
		max-width: 500px;
	}

	@media(max-width:800px) {
		flex-direction: column-reverse;

		figure {
			max-width: 100%;
		}
	}

}

.theme__learning-landing-page__register {

	.formkit-form[data-uid="d66c2612a3"][min-width~="700"] [data-style="clean"],
	.formkit-form[data-uid="d66c2612a3"][min-width~="800"] [data-style="clean"] {
		padding: 0 !important;
	}

	.theme--kit-embed {
		@media(max-width:600px) {
			margin-left: auto;
			margin-right: auto;
		}

		max-width: 500px;
	}
}