:root {
	--kaari_heading: #004650;
	--kaari_text: #1f3a47;

	--kaari_font: 'Raleway', Helvetica, Arial, sans-serif;

	--kaari_laptop_scale: 0.95;
	--kaari_tablet_scale: 0.925;
	--kaari_phone_scale: 0.9;

	--kaari_radius_small: min(1.6vw, 8px);
	--kaari_radius_medium: min(3.2vw, 16px);
	--kaari_radius_large: min(4.8vw, 24px);

	--kaari_card_outline_light: color-mix(in oklab, rgb(140, 198, 193) 28%, transparent) solid 1px;
	--kaari_card_shadow_light: rgba(2, 6, 23, 0.08) 0px 10px 28px;

	--kaari_teal: #8cc7c4;
	--kaari_teal_25: #f1f9f9;
	--kaari_teal_50: #eef7f6;
	--kaari_teal_100: #ddeeee;
	--kaari_teal_200: #badedc;
	--kaari_teal_300: #98cdcb;
	--kaari_teal_400: #75bdb9;
	--kaari_teal_500: #53aca8;
	--kaari_teal_600: #428a86;
	--kaari_teal_700: #326765;
	--kaari_teal_800: #214543;
	--kaari_teal_900: #112222;
	--kaari_teal_950: #0c1817;
	--kaari_on_dark_teal: var(--kaari_teal_25);
	--kaari_on_light_teal: var(--kaari_teal_900);
	--kaari_on_teal: var(--kaari_on_dark_teal);
	--kaari_on_teal_50: var(--kaari_on_light_teal);
	--kaari_on_teal_100: var(--kaari_on_light_teal);
	--kaari_on_teal_200: var(--kaari_on_light_teal);
	--kaari_on_teal_300: var(--kaari_on_light_teal);
	--kaari_on_teal_400: var(--kaari_on_light_teal);
	--kaari_on_teal_500: var(--kaari_on_light_teal);
	--kaari_on_teal_600: var(--kaari_on_dark_teal);
	--kaari_on_teal_700: var(--kaari_on_dark_teal);
	--kaari_on_teal_800: var(--kaari_on_dark_teal);
	--kaari_on_teal_900: var(--kaari_on_dark_teal);
	--kaari_on_teal_950: var(--kaari_on_dark_teal);

	--kaari_orange: #f67352;
	--kaari_orange_25: #fff4f2;
	--kaari_orange_50: #feebe7;
	--kaari_orange_100: #fcd8cf;
	--kaari_orange_200: #fab09e;
	--kaari_orange_300: #f7896e;
	--kaari_orange_400: #f5623d;
	--kaari_orange_500: #f23b0d;
	--kaari_orange_600: #c22f0a;
	--kaari_orange_700: #912308;
	--kaari_orange_800: #611705;
	--kaari_orange_900: #300c03;
	--kaari_orange_950: #220802;
	--kaari_on_dark_orange: var(--kaari_orange_25);
	--kaari_on_light_orange: var(--kaari_orange_900);
	--kaari_on_orange: var(--kaari_on_dark_orange);
	--kaari_on_orange_50: var(--kaari_on_light_orange);
	--kaari_on_orange_100: var(--kaari_on_light_orange);
	--kaari_on_orange_200: var(--kaari_on_light_orange);
	--kaari_on_orange_300: var(--kaari_on_light_orange);
	--kaari_on_orange_400: var(--kaari_on_light_orange);
	--kaari_on_orange_500: var(--kaari_on_light_orange);
	--kaari_on_orange_600: var(--kaari_on_dark_orange);
	--kaari_on_orange_700: var(--kaari_on_dark_orange);
	--kaari_on_orange_800: var(--kaari_on_dark_orange);
	--kaari_on_orange_900: var(--kaari_on_dark_orange);
	--kaari_on_orange_950: var(--kaari_on_dark_orange);

	--kaari_darkgreen: #004650;
	--kaari_darkgreen_light: #2d686e;
	--kaari_darkgreen_dark: #023037;

	--kaari_blue: #7394b4;
	--kaari_blue_25: #f0f4f8;
	--kaari_blue_50: #eef2f6;
	--kaari_blue_100: #dee6ed;
	--kaari_blue_200: #bdccdb;
	--kaari_blue_300: #9cb2c9;
	--kaari_blue_400: #7a99b8;
	--kaari_blue_500: #597fa6;
	--kaari_blue_600: #476685;
	--kaari_blue_700: #364c63;
	--kaari_blue_800: #243342;
	--kaari_blue_900: #121921;
	--kaari_blue_950: #0c1217;
	--kaari_on_dark_blue: var(--kaari_blue_25);
	--kaari_on_light_blue: var(--kaari_blue_900);
	--kaari_on_blue: var(--kaari_on_dark_blue);
	--kaari_on_blue_50: var(--kaari_on_light_blue);
	--kaari_on_blue_100: var(--kaari_on_light_blue);
	--kaari_on_blue_200: var(--kaari_on_light_blue);
	--kaari_on_blue_300: var(--kaari_on_light_blue);
	--kaari_on_blue_400: var(--kaari_on_light_blue);
	--kaari_on_blue_500: var(--kaari_on_light_blue);
	--kaari_on_blue_600: var(--kaari_on_dark_blue);
	--kaari_on_blue_700: var(--kaari_on_dark_blue);
	--kaari_on_blue_800: var(--kaari_on_dark_blue);
	--kaari_on_blue_900: var(--kaari_on_dark_blue);
	--kaari_on_blue_950: var(--kaari_on_dark_blue);

	--kaari_pink: #ffc6b5;
	--kaari_pink_25: #fff1ed;
	--kaari_pink_50: #ffebe5;
	--kaari_pink_100: #ffd8cc;
	--kaari_pink_200: #ffb199;
	--kaari_pink_300: #ff8a66;
	--kaari_pink_400: #ff6333;
	--kaari_pink_500: #ff3c00;
	--kaari_pink_600: #cc3000;
	--kaari_pink_700: #992400;
	--kaari_pink_800: #661800;
	--kaari_pink_900: #330c00;
	--kaari_pink_950: #240800;
	--kaari_on_dark_pink: var(--kaari_pink_25);
	--kaari_on_light_pink: var(--kaari_pink_900);
	--kaari_on_pink: var(--kaari_on_light_pink);
	--kaari_on_pink_50: var(--kaari_on_light_pink);
	--kaari_on_pink_100: var(--kaari_on_light_pink);
	--kaari_on_pink_200: var(--kaari_on_light_pink);
	--kaari_on_pink_300: var(--kaari_on_light_pink);
	--kaari_on_pink_400: var(--kaari_on_light_pink);
	--kaari_on_pink_500: var(--kaari_on_light_pink);
	--kaari_on_pink_600: var(--kaari_on_dark_pink);
	--kaari_on_pink_700: var(--kaari_on_dark_pink);
	--kaari_on_pink_800: var(--kaari_on_dark_pink);
	--kaari_on_pink_900: var(--kaari_on_dark_pink);
	--kaari_on_pink_950: var(--kaari_on_dark_pink);

	--kaari_yellow: #f7b542;
	--kaari_yellow_25: #fff9f2;
	--kaari_yellow_50: #fef5e7;
	--kaari_yellow_100: #fdecce;
	--kaari_yellow_200: #fbd99d;
	--kaari_yellow_300: #f9c56c;
	--kaari_yellow_400: #f7b23b;
	--kaari_yellow_500: #f59f0a;
	--kaari_yellow_600: #c47f08;
	--kaari_yellow_700: #935f06;
	--kaari_yellow_800: #624004;
	--kaari_yellow_900: #312002;
	--kaari_yellow_950: #221601;
	--kaari_on_dark_yellow: var(--kaari_yellow_25);
	--kaari_on_light_yellow: var(--kaari_yellow_900);
	--kaari_on_yellow: var(--kaari_on_light_yellow);
	--kaari_on_yellow_50: var(--kaari_on_light_yellow);
	--kaari_on_yellow_100: var(--kaari_on_light_yellow);
	--kaari_on_yellow_200: var(--kaari_on_light_yellow);
	--kaari_on_yellow_300: var(--kaari_on_light_yellow);
	--kaari_on_yellow_400: var(--kaari_on_light_yellow);
	--kaari_on_yellow_500: var(--kaari_on_light_yellow);
	--kaari_on_yellow_600: var(--kaari_on_dark_yellow);
	--kaari_on_yellow_700: var(--kaari_on_dark_yellow);
	--kaari_on_yellow_800: var(--kaari_on_dark_yellow);
	--kaari_on_yellow_900: var(--kaari_on_dark_yellow);
	--kaari_on_yellow_950: var(--kaari_on_dark_yellow);

	--kaari_beige: #f9f2ee;
	--kaari_beige_25: #fffaf9;
	--kaari_beige_50: #f8f1ec;
	--kaari_beige_100: #f2e2d9;
	--kaari_beige_200: #e4c5b4;
	--kaari_beige_300: #d7a98e;
	--kaari_beige_400: #ca8c68;
	--kaari_beige_500: #bd6f42;
	--kaari_beige_600: #975935;
	--kaari_beige_700: #714328;
	--kaari_beige_800: #4b2c1b;
	--kaari_beige_900: #26160d;
	--kaari_beige_950: #1a1009;
	--kaari_on_dark_beige: var(--kaari_beige_25);
	--kaari_on_light_beige: var(--kaari_beige_950);
	--kaari_on_beige: var(--kaari_on_light_beige);
	--kaari_on_beige_50: var(--kaari_on_light_beige);
	--kaari_on_beige_100: var(--kaari_on_light_beige);
	--kaari_on_beige_200: var(--kaari_on_light_beige);
	--kaari_on_beige_300: var(--kaari_on_light_beige);
	--kaari_on_beige_400: var(--kaari_on_light_beige);
	--kaari_on_beige_500: var(--kaari_on_light_beige);
	--kaari_on_beige_600: var(--kaari_on_dark_beige);
	--kaari_on_beige_700: var(--kaari_on_dark_beige);
	--kaari_on_beige_800: var(--kaari_on_dark_beige);
	--kaari_on_beige_900: var(--kaari_on_dark_beige);
	--kaari_on_beige_950: var(--kaari_on_dark_beige);
}

html {
	background: #004650;
}

.main {
	overflow: hidden;

	.course-block {
		&[class*='dark-bg'] {
			.kaari-style,
			.rich-text,
			.block__text-with-image-grid__column__body {
				h1,
				h2,
				h3,
				h4,
				h5,
				h1 > *,
				h2 > *,
				h3 > *,
				h4 > *,
				h5 > * {
					color: white;
				}
			}
		}
		.kaari-style,
		.rich-text,
		.block__text-with-image-grid__column__body {
			h1,
			h2,
			h3,
			h4,
			h5,
			h1 > *,
			h2 > *,
			h3 > *,
			h4 > *,
			h5 > * {
				text-wrap: balance;
				font-weight: 700;
				color: var(--kaari_heading);
				& + h1:not(h1 + h1),
				& + h2:not(h2 + h2),
				& + h3:not(h3 + h3),
				& + h4:not(h4 + h4),
				& + h5:not(h5 + h5),
				& + p {
					margin-top: 0.5em;
				}
			}
			h1,
			h2,
			h1 > *,
			h2 > * {
				line-height: 1.2;
				font-weight: 700;
			}
			h1 strong,
			h2 strong {
				font-weight: 900;
			}
			h3,
			h4,
			h5 {
				line-height: 1.35;
				text-wrap: pretty !important;
			}
			h6 {
				color: var(--kaari_teal) !important;
				font-size: 2.1rem;
				font-weight: 900;
				text-transform: uppercase;
			}
			p,
			li {
				text-wrap: pretty !important;
				line-height: 1.5 !important;
			}
			h1 {
				--fs: 4.8rem;
				font-size: var(--fs);
				text-transform: uppercase;
				@media (max-width: 960px) {
					font-size: calc(var(--kaari_laptop_scale) * var(--fs));
				}
				@media (max-width: 768px) {
					font-size: calc(var(--kaari_tablet_scale) * var(--fs));
				}
				@media (max-width: 480px) {
					font-size: calc(var(--kaari_phone_scale) * var(--fs));
				}
			}
			h2 {
				--fs: 3.8rem;
				font-size: var(--fs);
				@media (max-width: 960px) {
					font-size: calc(var(--kaari_laptop_scale) * var(--fs));
				}
				@media (max-width: 768px) {
					font-size: calc(var(--kaari_tablet_scale) * var(--fs));
				}
				@media (max-width: 480px) {
					font-size: calc(var(--kaari_phone_scale) * var(--fs));
				}
			}
			h3 {
				--fs: 2.8rem;
				font-size: var(--fs);
				@media (max-width: 960px) {
					font-size: calc(var(--kaari_laptop_scale) * var(--fs));
				}
				@media (max-width: 768px) {
					font-size: calc(var(--kaari_tablet_scale) * var(--fs));
				}
				@media (max-width: 480px) {
					font-size: calc(var(--kaari_phone_scale) * var(--fs));
				}
			}
			h4 {
				--fs: 2.4rem;
				font-size: var(--fs);
				@media (max-width: 960px) {
					font-size: calc(var(--kaari_laptop_scale) * var(--fs));
				}
				@media (max-width: 768px) {
					font-size: calc(var(--kaari_tablet_scale) * var(--fs));
				}
				@media (max-width: 480px) {
					font-size: calc(var(--kaari_phone_scale) * var(--fs));
				}
			}
			h5 {
				--fs: 2.1rem;
				font-size: var(--fs);
				@media (max-width: 960px) {
					font-size: calc(var(--kaari_laptop_scale) * var(--fs));
				}
				@media (max-width: 768px) {
					font-size: calc(var(--kaari_tablet_scale) * var(--fs));
				}
				@media (max-width: 480px) {
					font-size: calc(var(--kaari_phone_scale) * var(--fs));
				}
			}
			p,
			li,
			span {
				color: var(--kaari_text);
				--fs: 1.6rem;
				font-size: var(--fs);
				@media (max-width: 960px) {
					font-size: calc(var(--kaari_laptop_scale) * var(--fs));
				}
				@media (max-width: 768px) {
					font-size: calc(var(--kaari_tablet_scale) * var(--fs));
				}
				@media (max-width: 480px) {
					font-size: calc(var(--kaari_phone_scale) * var(--fs));
				}
				&:not(:first-child) {
					margin-top: 0.5em;
				}
			}
			h5 + h2,
			h6 + h2 {
				margin-top: 0 !important;
			}
		}

		.block__image-with-text,
		.block__video,
		.block__text-with-image-grid,
		.block__upsell {
			ul {
				margin-top: 1em;
				margin-bottom: 1.5em;
				& > li {
					margin-top: 0.75rem;
					&::before {
						content: '→';
						color: var(--kaari_orange);
						--fs: 1em;
						font-size: var(--fs);
						@media (max-width: 960px) {
							font-size: calc(var(--kaari_laptop_scale) * var(--fs));
						}
						@media (max-width: 768px) {
							font-size: calc(var(--kaari_tablet_scale) * var(--fs));
						}
						@media (max-width: 480px) {
							font-size: calc(var(--kaari_phone_scale) * var(--fs));
						}
					}
				}
			}
		}

		.banner__button,
		.base-button {
			text-transform: uppercase;
			min-width: 0;
			--fs: 18px;
			font-size: var(--fs);
			@media (max-width: 960px) {
				font-size: calc(var(--kaari_laptop_scale) * var(--fs));
			}
			@media (max-width: 768px) {
				font-size: calc(var(--kaari_tablet_scale) * var(--fs));
			}
			@media (max-width: 480px) {
				font-size: calc(var(--kaari_phone_scale) * var(--fs));
			}
			max-width: none;
			padding: 0.6em 1.2em !important;
			letter-spacing: 0.033em;
			font-weight: 700 !important;
			background: var(--kaari_orange);
			color: var(--kaari_on_orange);
			border-radius: 100px;
		}

		.secondary-button {
			max-width: none;
			padding-left: 25px;
			padding-right: 25px;
			border-radius: 100px;
			letter-spacing: 0.033em;
			font-weight: 700 !important;
			color: var(--kaari_on_orange);
			min-width: 250px;
			padding: 0.722222222em 1em;
			text-align: center;
			/* font-size: 1.6rem; */
			font-weight: 700;
			line-height: 2.4rem;
			/* border: 1px solid transparent; */
			min-width: 0;
			margin-left: 10px;
			position: relative;
			background: transparent;
			border: 2px solid var(--kaari_on_orange);
			color: var(--kaari_on_orange);
			text-transform: uppercase;
			min-width: 0;
			--fs: 18px;
			font-size: var(--fs);
			@media (max-width: 960px) {
				font-size: calc(var(--kaari_laptop_scale) * var(--fs));
			}
			@media (max-width: 768px) {
				font-size: calc(var(--kaari_tablet_scale) * var(--fs));
			}
			@media (max-width: 480px) {
				font-size: calc(var(--kaari_phone_scale) * var(--fs));
			}
		}

		/**********************
        *** IMAGE WITH TEXT ***
        **********************/
		&.image_with_text {
			.block__image-with-text__image {
				object-fit: cover !important;
				align-self: stretch;
				display: flex;
			}

			.block__image-with-text__inner__heading {
				margin-bottom: 2em;
			}
		}

		/************
        *** VIDEO ***
        *************/
		&.video {
			* {
				text-align: center;
			}
			.wistia_responsive_padding {
				border-radius: var(--kaari_radius_medium);
				overflow: hidden;
				box-shadow: 0 0 0 1px #fafafa, 0 8px 30px rgba(0, 0, 0, 0.2);
			}
		}

		/***********
        *** HERO ***
        ***********/
		&.banner[class*='hero'] {
			.banner__inner {
				min-height: 0;
			}
		}
	}
}