@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

/* this is set to hidden in production but breaks our scroll idea */

.site--2026 {
	overflow-x: initial;
}

:root {
	--kf-blue: #0d4c86;
	--kf-green: #aec12d;
	--kf-navy: #152749;
}
.paragraph-block h1,
.paragraph-block h2,
.paragraph-block h3,
.paragraph-block h4,
.paragraph-block h5 {
	color: var(--kf-blue);
}

.testimonials__item {
	width: 960px;
}

body.scrolled .header .header__top__left:before {
	content: none;
}

.download_banner__buttons a {
	color: #fff;
}

.newsletter {
	display: none;
}

.post-password-form {
	display: grid;
	justify-content: center;
	align-items: center;
	height: 100%;
	grid-template-rows: minmax(3rem, 4rem) 1fr;
	padding: 1rem;
	gap: 1rem;
	line-height: 1.4;
}

.post-password-form p:first-child {
	grid-row: 2;
}

.post-password-form p:last-child {
	grid-row: 3;
}

.post-password-form input {
	padding: 1ch;
	border: 1px solid #ccc;
}

.post-password-form input[type="submit"] {
	background: #0D5B74;
	color: #eee;
	padding-left: 1.3ch;
	padding-right: 1.3ch;
	font-weight: bold;
	text-transform: uppercase;
}

.page-template-page-blog {
	
}

.page-template-page-blog .hero_home {
	background: url(https://kfstride.org/wp-content/uploads/2024/05/surface-j96at213HK8-unsplash-alt-4096.jpg) no-repeat;
	background-size: 120%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.page-template-page-blog .hero_home__text-cont {
	margin-top: auto;
	padding-top: 156px;
	padding-top: calc(100vw * 0.5625 - 50px);
}

.page-template-page-blog .hero_page__text {
	width: 400px;
	font-size: 90%;
	margin: 0 auto;
	text-align: center;
}

.page-template-page-blog .paragraph-block {
	margin-bottom: 4rem;
}

@media all and (min-width: 600px) {
	.page-template-page-blog .hero_home__text-cont {
		margin-top: auto;
		padding-top: calc(100vw * 0.5625 - 156px);
	}
}

@media all and (min-width: 800px) {
	.page-template-page-blog .hero_home__text-cont {
		padding-top: 0;
	}
	
	.page-template-page-blog .hero_page__text {
		margin: auto 0;
		text-align: left;
		width: 400px;
	}
	
	.page-template-page-blog .hero_home {
		height: 49.69vw;
	}
		.page-template-page-blog .paragraph-block {
			margin-bottom: -180px;
	}
	
	.hero_home + .paragraph-block {
			margin-bottom: 4rem;
	}
}

@media all and (min-width: 900px) {
	
	.page-template-page-blog .hero_page__text {
		margin: 0;
		text-align: left;
	}
	
	.page-template-page-blog .hero_home {
		height: 49.69vw;
		background-position: top left;
	}
	
	.page-template-page-blog .hero_home__text-cont {
		margin-top: auto;
		padding-top: inherit;
	}
	
	.page-template-page-blog .hero_page__text {
		width: 493px;
		font-size: 100%;
	}
}

@media all and (min-width: 1265px) {
	.page-template-page-blog .hero_home,
	.page-template-page-new-home .hero_home {
		background-size: cover;
	}
}

.page-template-page-blog .site-logo,
.page-template-page-new-home .site-logo,
.category .site-logo,
.post-template-default .site-logo {
  width: 150px;
}

.page-template-page-blog .site-menu .submenu .back-btn,
.page-template-page-new-home .site-menu .submenu .back-btn,
.category .site-menu .submenu .back-btn {
  top: 34px;
}

.page-template-page-blog .header,
.page-template-page-new-home .header,
.category .header {
  background: #ffffff;
  -webkit-filter: drop-shadow(15px 15px 20px rgba(0, 0, 0, 0.1));
          filter: drop-shadow(15px 15px 20px rgba(0, 0, 0, 0.1));
}
.page-template-page-blog .header__top,
.page-template-page-new-home .header__top,
.category .header__top {
  padding: 15px 0;
}
.page-template-page-blog .header .header__top__left,
.page-template-page-new-home .header .header__top__left,
.category .header .header__top__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-template-page-blog.scrolled .header .header__top__left:before,
.page-template-page-new-home.scrolled .header .header__top__left:before,
.category.scrolled .header .header__top__left:before {
	content: none;
}

.page-template-page-blog .home_banners__item:nth-child(2):after,
.page-template-page-blog .home_banners__item:nth-child(3):after,
.page-template-page-blog .home_banners:after {
	content: none;
	transform: rotateY(180deg);
}

.page-template-page-blog .home_banners:after {
	left: 0;
	right: auto;
	top: 40px;
}

.page-template-page-blog .home_banners__item:nth-child(2):after {
	top: 0;
	left: auto;
	right: 50%;
  -webkit-transform: translate(50vw, 0) rotateY(180deg);
          transform: translate(50vw, 0) rotateY(180deg);
}

.page-template-page-blog .home_banners__item:nth-child(3):after {
	top: 0;
	right: auto;
	left: 50%;
  -webkit-transform: translate(-50vw, 0) rotateY(180deg);
          transform: translate(-50vw, 0) rotateY(180deg);
}

@media all and (min-width: 900px) {
	.page-template-page-blog .home_banners__text {
		max-width: 50ch;
	}
}

.page-template-page-blog .home_banners__item:nth-child(2n) .home_banners__column:nth-child(2) .home_banners__text {
	margin-left: auto;
}

.page-template-page-blog .home_targets__cont {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 2rem;
	margin-bottom: 8rem;
}

.page-template-page-blog .banner__target {
	position: relative;
}

.page-template-page-blog .banner__target__text {
	margin-left: 2rem;
	width: calc(100% - 4rem);
	position: absolute;
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 2.1;
	margin-top: -3rem;
	padding-left: 1.5rem;
	background: white;
	border-radius: 8px 8px 0 0;
}

.page-template-page-blog .home_banners__image img,
.page-template-page-blog .banner__target__image img {
	border-radius: 15px;
	display: block;
}


.page-template-page-blog .logos-block .logos-block__carousel {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin: 2rem auto;
	justify-content: center;
	align-items: center;
	gap: 4rem;
	padding: 0;
}

@media all and (min-width: 1300px) {
	
	.page-template-page-blog .home_banners__item .home_banners__image {
		margin-right: -4rem;
	}
	
	.page-template-page-blog .home_banners__item .home_banners__column--text {
		margin-left: -4rem;
		padding: 2rem 2rem 2rem 2rem;
		border-radius: 12px;
		background: white;
		position: relative;
		z-index: 2;
	}
	
	.page-template-page-blog .home_banners__item:nth-child(2n) .home_banners__image {
		margin-left: -4rem;
	}
	
	.page-template-page-blog .home_banners__item:nth-child(2n) .home_banners__column--text {
		margin-right: -4rem;
	}
	
	.page-template-page-blog .logos-block .logos-block__carousel {
		width: fit-content;
		gap: 5rem;
	}
	
	.page-template-page-blog .hero_home__text::before {
		content: none;
	}
	
}

.page-template-page-blog .p1 {
	font-size: 38px;
	letter-spacing: -1px;
}

.page-template-page-blog .hero_page__text {
	border-radius: 3px;
	background: var(--kf-green);
	color: var(--kf-navy);
	padding: 1rem 1.5rem;
}

.page-template-page-blog .logos-block__item {
	display: flex;
	flex: 1 1 auto;
	min-width: 100px;	
	max-width: 170px;
	height: 100%;
	align-items: center;
	justify-content: center;
}

.page-template-page-blog .logos-block__item img {
	height: auto;
	width: 100%;
}

.page-template-page-blog .hero_home__text::after {
	content: none;
}

.page-template-page-blog .hero_icons {
	display: grid;
	grid-template-columns: repeat(3, 100px);
	gap: 1rem;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: 1rem;
	width: 100%;
	left: 0;
}

.page-template-page-blog .hero_icons li {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	height: 100px;
	padding: 1rem;
	background: white;
	border-radius: 100%;
}

.page-template-page-blog .hero_icons img {
	width: 100%;
	height: auto;
	display: block;
}

.page-template-page-blog .button--strong {
	color: #eee;
	background: #0D5B74;
}


@media all and (min-width: 1280px) {
	.page-template-page-blog .site-menu__first-level.button,
	.page-template-page-blog .site-menu__first-level[title="Contact Us"],
	.page-template-page-new-home .site-menu__first-level[title="Contact Us"],
	.archive .site-menu__first-level[title="Contact Us"] {
		display: block;
		font-size: 14px;
		min-width: auto;
		line-height: 1;
		height: auto;
		padding: 0 4px;
		outline: 10px solid #95DCDE;
		background: #95DCDE;
		border-radius: 2px;
	}

	.page-template-page-blog .site-menu__first-level.button:hover,
	.page-template-page-blog .site-menu__first-level[title="Request A Demo"]:hover {
		outline: 10px solid #0D5B74;
		background: #0D5B74;
		color: #fff;
	}
}


.page-template-page-blog .image-text__big-number {
	text-align: center;
	font-size: 8rem;
}

.page-template-page-blog .testimonials {
	background: var(--kf-green);
	margin-top: 0;
}

.page-template-page-blog .section-reversed {
	padding: 4rem 0;
	background: black;
	color: #eee;
	margin-top: 0;
	margin-bottom: 4rem;
}

.page-template-page-blog .logos-block {
	margin-bottom: 4rem;
}

.page-template-page-blog .section-reversed .image-text__title {
	color: white;
}

.page-template-page-blog .section-reversed p {
	color: #eee;
}

.page-template-page-blog .image-text__title--no-star {
	padding-top: 0;
}

.page-template-page-blog .image-text__title--no-star::before {
	content: none;
}

.page-template-page-blog .image-text__title--large {
	font-size: 55px;
	line-height: 1;
	font-weight: 700;
}

.page-template-page-blog .home_banners__text {
	font-size: 16px;
	color: #6c6c6c;
}

.page-template-page-blog .standalone-page .container p {
	max-width: 70ch;
}

.page-template-page-blog .standalone-page .container > ul,
.page-template-page-blog .standalone-page .container > ol,
.page-template-page-blog .standalone-page .container > .emphasis {
	list-style-position: inside;
	background: #0D5B74;
	padding: 0.5rem 2rem;
	border-radius: 4px;
}

.page-template-page-blog .standalone-page .container > .emphasis {
	color: white !important;
	font-size: 120%;
	font-weight: bold;
	padding: 1.2rem 2rem;
}

@media all and (min-width: 800px) {
	.page-template-page-blog .standalone-page .container > ul,
	.page-template-page-blog .standalone-page .container > ol {
		max-width: 100%;
		margin-right: 4rem;
	}
}

.page-template-page-blog .standalone-page figure h3 {
	color: #ededed;
}

.page-template-page-blog .standalone-page figure {
	position: relative;
}

.page-template-page-blog .standalone-page figcaption {
	position: relative;
	left: 10%;
	width: 80%;
	margin-top: -100px;
	margin-bottom: 40px;
}

.page-template-page-blog .standalone-page .chart {
	background: white;
	padding: 4px;
	text-align: center;
}

.page-template-page-blog .standalone-page .chart img {
	margin-bottom: 4px;
}

.page-template-page-blog .standalone-page .chart figcaption {
	margin: 0;
	left: auto;
	width: auto;
}

.page-template-page-blog .standalone-page .chart figcaption p {
	font-size: 80%;
}

.page-template-page-blog .standalone-page table {
	min-width: 100%;
}

.page-template-page-blog .todo {
	outline: 2px dotted red;
}

.page-template-page-blog .standalone-page th {
	padding: 4px;
	background: #0D5B74;
	color: white;
}

.page-template-page-blog .standalone-page td {
	padding: 4px;
	background: #ededed;
}

.page-template-page-blog .standalone-page tr:nth-child(2n) td {
	background: #fafafa;
}

.page-template-page-blog .standalone-page .container > ul li,
.page-template-page-blog .standalone-page .container > ol li {
	line-height: 1.35;
	margin: 1rem;
	color: #ededed !important;
}

.page-template-page-blog .standalone__header-image {
	display: none;
}

.page-template-page-blog .standalone__header-image img {
	width: 100%;
	max-height: 480px;
	border-radius: 0 0 30px 30px;
	object-fit: cover;
}

.page-template-page-blog .standalone-page .container {
	padding-top: 3rem;
}

@media all and (min-width: 800px) {

	.page-template-page-blog .standalone-page .container {
		text-align: left;
		position: relative;
		top: -250px;
		padding-top: 1rem;
		background: white;
	}
	
	.page-template-page-blog .standalone__header-image {
		display: block;
	}
	
}

.page-template-page-blog .paragraph-block ol li {
	color: #6C6C6C !important;
}

.page-template-page-blog .paragraph-block h1 {
	font-size: 4.5rem;
	line-height: 1.1;
	letter-spacing: -0.1rem;
	max-width: 20ch;
}

@media only screen and (max-width: 1100px) {
	.page-template-page-blog .paragraph-block h1 {
	  font-size: 3.5rem;
	}
}

@media only screen and (max-width: 600px) {
	.page-template-page-blog .paragraph-block h1 {
		font-size: 2.5rem;
	}
}

.page-template-page-blog .demo-form {
	width: 55ch;
}

.page-template-page-blog .demo-form input[type="text"] {
	border: 1px solid #0D5B74;
	border-radius: 3px;
	width: 100%;
	padding: 4px 8px;
	font-size: 18px;
	display: block;
	margin-bottom: 0.5em;
}

.page-template-page-blog .demo-form button {
	background: #0D5B74;
	padding: 12px 18px;
	font-size: 20px;
	color: #efefef;
	border-radius: 4px;
	margin-top: 1rem;
}

.page-template-page-blog, .page-template-page-blog h1, .page-template-page-blog h2, .page-template-page-blog .h1, .page-template-page-blog .h2, .page-template-page-blog .p1, .page-template-page-blog .site__title, .page-template-page-blog .paragraph-block p, .page-template-page-blog .paragraph-block h1, .page-template-page-blog .paragraph-block h2, .page-template-page-blog .image-text__title, .page-template-page-blog .button, .page-template-page-blog .woocommerce #respond input#submit, .page-template-page-blog .woocommerce a.button, .page-template-page-blog .woocommerce button.button, .page-template-page-blog .woocommerce input.button {
	font-family: "Inter", sans-serif;
}

.page-template-page-blog .team-member p {
}

.page-template-page-blog .team-member img {
	border-radius: 20px;
	margin-bottom: 12px;
	margin-top: 26px;
}

@media all and (min-width: 600px) {
	.page-template-page-blog .team-member {
		display: grid;
		grid-template-columns: 250px 1fr;
		gap: 30px;
		align-items: center;
		margin-bottom: 40px
	}
	
	.page-template-page-blog .team-member img {
		margin: 0;
	}
	
	.page-template-page-blog .standalone-page .team-member p {
		max-width: 65ch;
	}
}

.page-template-page-blog .testimonials__item {
	grid-template-columns: auto;
	grid-gap: 0;
	gap: 0;
}

.page-template-page-blog .hero_simple.page_hero {
	display: none;
}

.page-template-page-blog .breakout {
	margin: 70px calc( -100vw / 2 + 100% / 2) 70px;
	margin: 70px calc( -100dvw / 2 + 100% / 2) 70px;
}

.page-template-page-blog .breakout--grid {
	grid-gap: 2rem;
	align-items: center;
	text-align: center;
}

.page-template-page-blog .breakout--grid p {
	margin-left: auto;
	margin-right: auto;
}

.page-template-page-blog .breakout--grid .breakout--full-width {
	grid-column: 1 / -1;
}


@media all and (min-width: 1000px) {
	.page-template-page-blog .breakout--grid {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	
	.page-template-page-blog .breakout--grid--challenge {
		margin: 70px calc( -100vw / 2 + 100% / 2 + 100px) 70px;
	}
	
	.page-template-page-blog .breakout--grid .image-text__big-number {
		text-align: right;
	}
	
	.page-template-page-blog .breakout--grid .breakout--copy {
		text-align: left;
	}
	
	.page-template-page-blog .breakout--grid p {
		margin-left: 0;
		margin-right: 0;
	}
	
	.page-template-page-blog .standalone-page .breakout--grid p,
	.page-template-page-blog .standalone-page .breakout--grid ul,
	.page-template-page-blog .standalone-page .breakout--grid .breakout--grid--tight-width {
		max-width: 55ch;
	}
	
}

@media all and (min-width: 1200px) {
	.page-template-page-blog .standalone-page .chart {
		width: 80%; float: right;
	}
}

.page-template-page-blog .breakout--faces svg {
	transform: scale(2);
	transform-origin: center center;
	margin-right: 12px;
	margin-left: 12px;
	fill: rgb(176, 199, 79);
}

.page-template-page-blog .breakout--faces [data-aos="frown"].aos-animate {
	fill: rgb(238,121, 82);
}

.page-template-page-blog .fix-anchor {
	scroll-margin-top: 90px;
}

.page-template-page-blog .standalone-page .testimonials__item__text p,
.page-template-page-blog .standalone-page .testimonials__item__data {
	color: #fff !important;
	max-width: 100%;
	text-align: left;
	font-size: inherit;
}

.page-template-page-blog .breakout--challenge--text {
	margin: 0 auto; color: #ddd !important
}

.page-template-page-blog .home-video {
	display: block; border-radius: 8px; aspect-ratio: 16/9; max-width: 800px; margin: 0 auto 20px auto;
	width: 100%;
}


.page-template-page-blog .solution-video {
	background: black;
	aspect-ratio: 16/9;
	width: 100%;	
}

@media all and (min-width: 800px) {
	.page-template-page-blog .solution-video {
		width: 50%;
		float: right;
		margin-left: 20px;
		margin-bottom: 20px;
	}
}

.page-template-page-blog .site-menu__item [title="Login"],
.page-template-page-blog .site-menu__item [title="Logout"] {
	display: none
}

.page-template-page-blog .breakout--challenge--text {
	margin-left: auto !important;
	margin-right: auto !important;
}

@media all and (max-width: 1000px) {
  .page-template-page-blog .testimonials {
		margin-top: 3em;
	}
			
	.page-template-page-blog .breakout--faces {
		margin-bottom: 2rem;
	}
	
	.page-template-page-blog .breakout--copy,
	.page-template-page-blog .breakout--challenge--text,
	.page-template-page-blog .testimonials__column {
		padding-left: 1em;
		padding-right: 1em;
	}	
}

.page-template-page-blog .site-menu__item:last-child {
	border-bottom: 0;
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.nowrap {
	white-space: nowrap;
}

.site--2026 .site__title--no-star::before {
	content: none;
}

.site--2026 section {
	float: none;
}

.benefits {
	margin: 0 auto;
	max-width: 800px;
	font-size: 125%;
}

.benefits li {
	margin: 0.5em 0;
}

.checklist__wrapper {
	display: flex;
	gap: 3rem;
	flex-direction: column;
	font-size: 1.25rem;
}

.checklist__sell {
	text-align: center;
}

.checklist {
	list-style: none;
	margin: 0;
	padding: 0;
}

.checklist__item::before {
  content: "\200B";
	width: 2.3em;
	height: 2.3em;
	background: url("images/arrow-2026.svg");
	background-size: contain;
	display: block;
	margin: 0 auto 1rem auto;
}

.checklist__item {
	background: #95DCDE;
	border-radius: 12px;
	line-height: 1.5;
	margin-bottom: 1em;
	padding: 2rem;
	position: relative;
	color: #0D5B74;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.2);
}

.checklist__wrapper h2 {
	text-align: center;
}

.testimonial__grid {
	display: grid;
	gap: 2rem;
}

.testimonial__item {
	position: relative;
	background: var(--kf-green);
	border-radius: 12px;
	padding: 5rem 4rem;
}

.testimonial__photo {
	position: absolute;
	left: -12px;
	top: -12px;
	background: white;
	border-radius: 100%;
	width: 90px;
	height: 90px;
	border: 3px solid var(--kf-blue);
}

.testimonial__photo svg {
	display: block;
	width: 100%;
	height: auto;
}

.testimonial__photo img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 100%;
}

.testimonial__quote {
	color: var(--kf-navy);
	margin-bottom: 1rem;
	position: relative;
}

.testimonial__quote::before {
	font-family: Georgia, serif;
	font-size: 300%;
	content: "“";
	text-shadow: 1px 1px 1px rgba(255,255,255,0.2);
	position: absolute;
	left: -1ch;
	top: 0;
	color: var(--kf-blue);
}

.testimonial__quote::after {
	font-family: Georgia, serif;
	font-size: 300%;
	content: "”";
	text-shadow: 1px 1px 1px rgba(255,255,255,0.2);
	position: absolute;
	right: -1ch;
	bottom: -1ch;
	color: var(--kf-blue);
}

.testimonial__quote p {
	line-height: 1.4;
}

.testimonial__person {
	color: var(--kf-navy);
	font-weight: bold;
	text-align: right;
}

.testimonial__person::before {
	content: "—";
}

.site--2026 .sharp-shadow {
	/* https://smoothshadows.com/#djEsMiw1LDAuMDgsMjQsMzIsMCwjMDMwNzEyLCNmM2Y0ZjYsI2ZmZmZmZiwy */
	box-shadow: 0px 1px 1px rgba(3, 7, 18, 0.08),
	  0px 5px 4px rgba(3, 7, 18, 0.06),
	  0px 12px 9px rgba(3, 7, 18, 0.05),
	  0px 20px 15px rgba(3, 7, 18, 0.03),
	  0px 32px 24px rgba(3, 7, 18, 0.02);
}

.programs__title {
	text-align: center;
}

.programs__grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	margin: 1rem 0.25rem;
	align-items: center;
}

.programs__grid figure {
	grid-column: 3 / -1;
	grid-row: 1;
}

.programs__grid article {
	grid-column: 1 / 12;
	grid-row: 2;
	margin-top: -2rem;
}

.programs__grid article p {
	margin-top: 0.25em;
	margin-bottom: 1em;
}

.programs__grid figure img {
	display: block;
	border-radius: 12px;
	aspect-ratio: 5 / 3;
	object-fit: cover;
}

.programs__grid article {
	background: white;
	color: black;
	padding: 1.2rem;
	height: min-content;
	border-radius: 12px;
}

.programs__grid article.blue-background {
	background: var(--kf-blue);
	color: white;
}

.consultation__cta {
	background: #95DCDE;
	border-radius: 12px;
	line-height: 1.5;
	margin: 2rem auto;
	padding: 2rem;
	color: #0D5B74;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.2);
}

.consultation__button.button {
	margin-top: 1rem;
	background: var(--kf-blue);
	color: white;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}

.button--arrowed {
	display: inline-flex;
	min-width: auto;
	width: min-content;
	gap: 0.5rem;
	padding: 0 16px 0 24px;
	transition: color .15s ease-out, background-color .3s ease-in;
}

.button--arrowed span {
	flex: 1 1 auto;
	white-space: nowrap;
}

.button--arrowed svg {
	flex: 1 1 auto;
	transform: rotate(90deg);
	width: 36px;
	transition: fill 0.7s;
}

.button--arrowed:hover svg {
	fill: rgb(250, 250, 255);
}

.checklist__eyebrow {
	color: #36668b;
	margin-left: 2rem;
	margin-bottom: 1rem;
	font-size: 1.5rem;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.02ch;
}

.checklist__title {
	background: var(--kf-blue);
	color: #fff;
	padding: 2rem;
	border-radius: 12px;
	text-align: left;
	margin-bottom: 2rem;
}

.checklist__sell {
	background: var(--kf-green);
	border-radius: 12px;
	text-align: left;
	color: var(--kf-navy);
	padding: 2rem;
}

@media all and (min-width: 768px) {
	.programs__grid article {
		padding: 2rem;
	}
	
	.testimonial__grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media all and (min-width: 1050px) {
	
	.programs__grid article {
		grid-column: 7 / 13;
		grid-row: 1;
		padding-right: 4em;
		margin-top: 4rem;
	}
	
	.programs__grid article p {
		line-height: 1.38;
	}
	
	.programs__grid figure {
		grid-column: 1 / 8;
		grid-row: 1;
	}
	
	.programs__grid {
		margin: 2rem 4rem;
	}
	
	.testimonial__grid {
		grid-template-columns: 1fr 1fr 1fr;
	}
	
	.checklist__wrapper {
		margin-left: 2rem;
		margin-right: 2rem;
	}
	
	.checklist__wrapper {
		display: flex;
	}
	
	.checklist__item {
		text-align: left;
		line-height: 2.3;
		padding: 2rem 3rem 2rem 1rem;
	}
	
	.checklist__item::before {
	  content: "\200B";
		width: 2.3em;
		height: 2.3em;
		background: url("images/arrow-2026.svg");
		background-size: contain;
		display: inline-block;
		margin: 0 1rem 0 0.5rem;
	}
}
	
@media all and (min-width: 1350px) {
	
	.checklist__wrapper {
		display: flex;
		flex-direction: row;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 2rem;
	}
	
	.checklist__sell h3 {
		max-width: 12ch;
		font-size: 400%;
		line-height: 1.1;
	}
	
	.checklist__sell p {
		max-width: 60ch;
		font-size: 120%;
		line-height: 1.35;
	}
	
	.checklist__item:last-child {
		margin-bottom: 0;
	}
}

.blue-background {
	padding-top: 2rem;
	padding-bottom: 2rem;
	background: var(--kf-blue);
	color: #fff;
}

.green-background {
	padding-top: 2rem;
	padding-bottom: 2rem;
	background: var(--kf-green);
	color: #fff;
}

.testimonial__title {
	max-width: 40ch;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

@media all and (min-width: 800px) {
	.site--2026 .paragraph-block {
		margin-bottom: 4rem;
	}
}

@media all and (color-gamut: p3) {
	:root {
		--lch-green: oklch(0.6952 0.1485 117.08);
		--lch-blue: oklch(0.4123 0.1137 251.77);
	}
	.blue-background {
		background-image: linear-gradient(in oklch to bottom, var(--lch-blue), oklch(0.5363 0.091182 200.7032));
	}
	.green-background {
		background-image: linear-gradient(in oklch to bottom, var(--lch-green), oklch(0.6446 0.1168 140.86));
	}
}

@media all and (min-width: 900px) {
	.site--2026 .home_banners__item:nth-child(2n) .home_banners__column:nth-child(2) .home_banners__text {
		margin-left: 0 !important; /* Removed below! */
	}
}

@media all and (min-width: 1300px) {
	
	.site--2026 .home_banners__item .home_banners__column--text {
		background: rgb(250,250,255) !important;
	}
	
	.site--2026 .sharp-shadow__large {
		/* https://smoothshadows.com/#djEsMiw1LDAuMDgsMjQsMzIsMCwjMDMwNzEyLCNmM2Y0ZjYsI2ZmZmZmZiwy */
		box-shadow: 0px 1px 1px rgba(3, 7, 18, 0.08),
		  0px 5px 4px rgba(3, 7, 18, 0.06),
		  0px 12px 9px rgba(3, 7, 18, 0.05),
		  0px 20px 15px rgba(3, 7, 18, 0.03),
		  0px 32px 24px rgba(3, 7, 18, 0.02);
	}
	
	.site--2026 .home_banners__item .home_banners__column--text {
		margin-right: 4rem;
		text-align: left;
	}
	
	.site--2026 .home_banners__item:nth-child(2n) .home_banners__column--text {
		margin-left: 4rem;
		margin-right: -4rem;
		text-align: left;
	}
	
	.site--2026 .home_banners__item:nth-child(2n) .home_banners__image {
		margin-left: -4rem;
		margin-right: 0;
	}
	
}

.site--2026 .paragraph-block.standalone__header,
.site--2026 > .paragraph-block:first-child {
	margin: 140px 0 100px;
}

.wide-container {
	max-width: 1200px;
	margin: 0 auto;
}

.site--2026 .hero_home {
	background: url(https://kfstride.org/wp-content/uploads/2026/03/portrait-young-man-student-smiling-bookshelf-library-university-SBI-351421080-scaled-e1772832377898.jpg) no-repeat;
	background-size: cover;
	background-position: top center;
}

.site--2026 .hero_home .p1 {
}

.site--2026 .hero_home p {
	margin: 0.5em 0;
}

.container-big {
	scroll-margin-top: 108px;
}

.scroller--container {
	margin-top: 4rem;
	margin-bottom: 4rem;
	background: #95dcde;
}

.scroller {
	position: relative;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	padding: 1rem;
	overflow-x: initial;
}

.scroller article {
	position: relative;
	padding: 0 1rem;
	max-width: 30rem;
	z-index: 1;
	grid-row: 1;
	grid-column: 1;
}

.scroller figure {
	position: sticky;
	width: 100%;
	margin: 0;
	transform: translate3d(0, 0, 0);
	z-index: 0;
	grid-row: 1;
	grid-column: 1;
}

.scroller .step {
	margin: 0 auto 2rem auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.scroller .step > div {
	flex: 0 0 auto;
	background-color: rgb(245,245,255);
	color: #111;
	box-shadow: 0 0 2px rgba(0,0,0,0.2);
	padding: 2rem 2rem 2rem 2rem;
	border-radius: 4px;
}

.scroller .step:last-child {
	margin-bottom: 0;
}

.scroller .step.is-active {
	background-color: goldenrod;
	color: #3b3b3b;
}

.scroller figure > div {
	position: absolute;
	opacity: 0;
	transition: opacity 1.4s;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	top: 0;
	width: 100%;
	left: 0;
}

.scroller > [data-show-slide="1"] > [data-slide="1"],
.scroller > [data-show-slide="2"] > [data-slide="2"],
.scroller > [data-show-slide="3"] > [data-slide="3"],
.scroller > [data-show-slide="4"] > [data-slide="4"],
.scroller > [data-show-slide="5"] > [data-slide="5"],
.scroller > [data-show-slide="6"] > [data-slide="6"],
.scroller > [data-show-slide="7"] > [data-slide="7"] {
	opacity: 1;
}

.scroller .step p {
	font-size: 1.2rem;
	line-height: 1.25;
}

@media all and (min-width: 1000px) {
	
	.scroller {
		display: flex;
		padding: 4rem 1rem;
	}
	
	.scroller article {
	}

	.scroller figure {
	}
	
	.scroller > * {
		flex: 1;
	}
	
	.scroller {
	}
	
	.scroller figure > div {
	}
}

.post-item {
	display: grid;
	justify-content: center;
	align-items: center;
	gap: 2rem;
	margin-bottom: 2rem;
}

.post-item__title {
	line-height: 1;
	margin-bottom: 1rem;
}

.post-item__image img {
	display: block;
	border-radius: 15px;
	box-shadow: 0px 1px 1px rgba(3, 7, 18, 0.08),
							0px 5px 4px rgba(3, 7, 18, 0.06),
							0px 12px 9px rgba(3, 7, 18, 0.05),
							0px 20px 15px rgba(3, 7, 18, 0.03),
							0px 32px 24px rgba(3, 7, 18, 0.02);
}

@media all and (min-width: 800px) {
	.post-item {
		grid-template-columns: 1fr 1fr;
	}
}

.button {
	color: #0B3F50;
	height: auto;
	line-height: 1;
	padding: 16px 22px;
}

.button.button--arrowed {
	height: 48px;
	line-height: 48px;
	padding: 0 22px;
}