@charset "UTF-8";

body {
	background-color: var(--bg-gray-100);
}

:root {
	--kckcc-blue-100: #baddff;
	--kckcc-blue-200: #75bbff;
	--kckcc-blue-300: #3199ff;
	--kckcc-blue-400: #0077eb;
	--kckcc-blue-500: #0054a6;
	--kckcc-blue-600: #004385;
	--kckcc-blue-700: #003264;
	--kckcc-blue-800: #002242;
	--kckcc-blue-900: #001121;

	--kckcc-red-100: #facdd4;
	--kckcc-red-200: #f59ba9;
	--kckcc-red-300: #f0697e;
	--kckcc-red-400: #ea3853;
	--kckcc-red-500: #d51633;
	--kckcc-red-600: #aa1229;
	--kckcc-red-700: #800d1f;
	--kckcc-red-800: #550914;
	--kckcc-red-900: #2b040a;

	--tech-metal-100: #d3d7e3;
	--tech-metal-200: #a7b0c6;
	--tech-metal-300: #7b88aa;
	--tech-metal-400: #566486;
	--tech-metal-500: #3a435a;
	--tech-metal-600: #2e3648;
	--tech-metal-700: #232836;
	--tech-metal-800: #171b24;
	--tech-metal-900: #0c0d12;

	--foundation-blue-100: #bdebff;
	--foundation-blue-200: #7bd7ff;
	--foundation-blue-300: #39c3ff;
	--foundation-blue-400: #00abf6;
	--foundation-blue-500: #007db4;
	--foundation-blue-600: #006490;
	--foundation-blue-700: #004b6c;
	--foundation-blue-800: #003248;
	--foundation-blue-900: #001924;

	--future-gray-100: #ebebef;
	--future-gray-200: #d7d8df;
	--future-gray-300: #c2c4d0;
	--future-gray-400: #aeb1c0;
	--future-gray-500: #9a9db0;
	--future-gray-600: #757993;
	--future-gray-700: #575a6f;
	--future-gray-800: #3a3c4a;
	--future-gray-900: #1d1e25;

	--centennial-blue-100: #d0dfef;
	--centennial-blue-200: #a2c0e0;
	--centennial-blue-300: #73a0d0;
	--centennial-blue-400: #4581c0;
	--centennial-blue-500: #326295;
	--centennial-blue-600: #284e77;
	--centennial-blue-700: #1e3b59;
	--centennial-blue-800: #14273c;
	--centennial-blue-900: #0a141e;

	--centennial-gold-100: #f6f2e8;
	--centennial-gold-200: #ede4d1;
	--centennial-gold-300: #e5d7bb;
	--centennial-gold-400: #dcc9a4;
	--centennial-gold-500: #d3bc8d;
	--centennial-gold-600: #bf9e5a;
	--centennial-gold-700: #987a3b;
	--centennial-gold-800: #665127;
	--centennial-gold-900: #332914;

	--gray-100: #f5f6f8;
	--gray-200: #ebeef0;
	--gray-300: #e2e5e9;
	--gray-400: #d8dde1;
	--gray-500: #ced4da;
	--gray-600: #9eaab6;
	--gray-700: #6d7f91;
	--gray-800: #495561;
	--gray-900: #242a30;

	--serif: "Newsreader", serif;
}

/* Fluid font size variables, for browsers that support clamp */
@supports (font-size: clamp(1rem, 1vw, 1rem)) {
	:root {
		--fs-2xs: clamp(0.51rem, -0.07vw + 0.53rem, 0.47rem);
		--fs-1xs: clamp(0.64rem, -0.01vw + 0.64rem, 0.63rem);
		--fs-sm: clamp(0.8rem, 0.08vw + 0.78rem, 0.84rem);
		--fs-base: clamp(1rem, 0.23vw + 0.94rem, 1.13rem);
		--fs-md: clamp(1.25rem, 0.45vw + 1.14rem, 1.5rem);
		--fs-lg: clamp(1.56rem, 0.79vw + 1.36rem, 2rem);
		--fs-1xl: clamp(1.95rem, 1.29vw + 1.63rem, 2.66rem);
		--fs-2xl: clamp(2.44rem, 2.02vw + 1.94rem, 3.55rem);
		--fs-3xl: clamp(3.05rem, 3.06vw + 2.29rem, 4.73rem);
		--fs-4xl: clamp(3.81rem, 4.54vw + 2.68rem, 6.31rem);
		--fs-5xl: clamp(4.77rem, 6.63vw + 3.11rem, 8.41rem);
	}
}
/* Fallback variables for browsers that don't support clamp */
@supports not (font-size: clamp(1rem, 1vw, 1rem)) {
	:root {
		--fs-2xs: 0.51rem;
		--fs-1xs: 0.64rem;
		--fs-sm: 0.8rem;
		--fs-base: 1rem;
		--fs-md: 1.25rem;
		--fs-lg: 1.56rem;
		--fs-1xl: 1.95rem;
		--fs-2xl: 2.44rem;
		--fs-3xl: 3.05rem;
		--fs-4xl: 3.81rem;
		--fs-5xl: 4.77rem;
	}
	@media screen and (min-width: 1280px) {
		:root {
			--fs-2xs: 0.47rem;
			--fs-1xs: 0.63rem;
			--fs-sm: 0.84rem;
			--fs-base: 1.13rem;
			--fs-md: 1.5rem;
			--fs-lg: 2rem;
			--fs-1xl: 2.66rem;
			--fs-2xl: 3.55rem;
			--fs-3xl: 4.73rem;
			--fs-4xl: 6.31rem;
			--fs-5xl: 8.41rem;
		}
	}
}

/* Fluid font size variables, for browsers that support clamp */
@supports (font-size: clamp(1rem, 1vw, 1rem)) {
	:root {
		--fs-2xs: clamp(8.19px, -0.07vw + 8.46px, 7.6px);
		--fs-1xs: clamp(10.24px, -0.01vw + 10.29px, 10.13px);
		--fs-sm: clamp(12.8px, 0.08vw + 12.48px, 13.5px);
		--fs-base: clamp(16px, 0.23vw + 15.09px, 18px);
		--fs-md: clamp(20px, 0.45vw + 18.18px, 23.99px);
		--fs-lg: clamp(25px, 0.79vw + 21.83px, 31.98px);
		--fs-1xl: clamp(31.25px, 1.29vw + 26.08px, 42.63px);
		--fs-2xl: clamp(39.06px, 2.02vw + 30.99px, 56.83px);
		--fs-3xl: clamp(48.83px, 3.06vw + 36.59px, 75.76px);
		--fs-4xl: clamp(61.04px, 4.54vw + 42.88px, 100.98px);
		--fs-5xl: clamp(76.29px, 6.63vw + 49.79px, 134.61px);
	}
}
/* Fallback variables for browsers that don't support clamp */
@supports not (font-size: clamp(1rem, 1vw, 1rem)) {
	:root {
		--fs-2xs: 8.19px;
		--fs-1xs: 10.24px;
		--fs-sm: 12.8px;
		--fs-base: 16px;
		--fs-md: 20px;
		--fs-lg: 25px;
		--fs-1xl: 31.25px;
		--fs-2xl: 39.06px;
		--fs-3xl: 48.83px;
		--fs-4xl: 61.04px;
		--fs-5xl: 76.29px;
	}
	@media screen and (min-width: 1280px) {
		:root {
			--fs-2xs: 7.6px;
			--fs-1xs: 10.13px;
			--fs-sm: 13.5px;
			--fs-base: 18px;
			--fs-md: 23.99px;
			--fs-lg: 31.98px;
			--fs-1xl: 42.63px;
			--fs-2xl: 56.83px;
			--fs-3xl: 75.76px;
			--fs-4xl: 100.98px;
			--fs-5xl: 134.61px;
		}
	}
}

.fs-base {
	font-size: clamp(1rem, 0.31vw + 0.94rem, 1.19rem);
}
.fs-small {
	font-size: clamp(0.8rem, 0.15vw + 0.77rem, 0.89rem);
}
.fs-med {
	font-size: clamp(1.25rem, 0.55vw + 1.14rem, 1.58rem);
}
.fs-lg {
	font-size: clamp(1.56rem, 0.91vw + 1.38rem, 2.11rem);
}
.fs-xl {
	font-size: clamp(1.95rem, 1.43vw + 1.67rem, 2.81rem);
}
.fs-xxl {
	font-size: clamp(2.44rem, 2.18vw + 2.01rem, 3.75rem);
}
.fs-xxxl {
	font-size: clamp(3.05rem, 3.24vw + 2.4rem, 5rem);
}

.page-title {
	font-family: var(--serif);
	font-optical-sizing: auto;
	font-style: normal;
	font-size: var(--fs-2xl);
	color: var(--foundation-blue-600);
	font-weight: var(--font-weight-7);
}

.serif {
	font-family: "Newsreader", serif;
}

h1 {
	font-weight: var(--font-weight-7);
	color: var(--foundation-blue-600);
	font-size: var(--fs-2xl);
	padding-bottom: var(--size-px-2);
}

h2 {
	font-weight: var(--font-weight-7);
	color: var(--foundation-blue-500);
	font-size: var(--fs-1xl);
	padding-bottom: var(--size-px-2);
}

h3,
h4,
h5,
h6 {
	font-weight: var(--font-weight-6);
	color: var(--foundation-blue-700);
}

.overlay {
	filter: blur(1px) grayscale(1) opacity(0.79) saturate(0);
	background: hsl(210, 0%, 20%);
	mix-blend-mode: overlay;
	object-fit: cover;
}

.card-bg-dark {
	background-color: #134a82;
	color: white;
}

.headText {
	font-weight: var(--font-weight-8);
	font-size: var(--font-size-fluid-2);
	color: white;
}

.card {
	border: 1px solid var(--foundation-blue-800);
}

.card-foundation img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.bg-medium-gray {
	background-color: var(--gray-900);
}

.carousel-caption {
	font-size: var(--font-size-fluid-1);
	font-weight: var(--font-weight-7);
	width: var(--size-fluid-10);
}

.carousel-caption > .row > .col-12 {
	padding: var(--size-fluid-2);
}

.article-content {
	width: var(--size-content-3);
	padding: var(--size-fluid-3);
	font-size: var(--font-size-3);
}

.article-content h2 {
	font-size: var(--font-size-fluid-8);
}

.img-fluid-obj {
	object-fit: fill;
}

/*structure*/
.one-column {
}
.wideColumn {
	width: calc(100vw - 10px);
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}
.jumbotron-cap {
	background-position: center;
	/*background: rgba(255, 255, 255, 1);
	*/
}
/*backgrounds*/
.page-stripe {
	background: url("/images/backgrounds/sound-wave.svg");
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: 0 550px;
}
.bg-stripe {
	background-image: linear-gradient(45deg, #f9f9f9 42.86%, #fcfcfc 42.86%, #fcfcfc 50%, #f9f9f9 50%, #f9f9f9 92.86%, #fcfcfc 92.86%, #fcfcfc 100%);
	background-size: 197.99px 197.99px;
}
.bg-facesFoundation {
	background-image: url("https://www.kckcc.edu/foundation/campaign/images/backgrounds/support-background.jpg");
	background-size: cover;
}
.bg-hall-of-fame {
	background-image: url("/foundation/images/page-header-images/hall-of-fame-banner-3.jpg");
	background-size: cover;
}
.bg-students-2 {
	background-image: url("/foundation/images/page-header-images/students-chem.jpg");
	background-size: cover;
}
.bg-students-1 {
	background-image: url("/foundation/images/page-header-images/student-sciences.jpg");
	background-size: cover;
}
.bg-gray-pattern-1 {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='250' preserveAspectRatio='none' viewBox='0 0 1440 250'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1009%26quot%3b)' fill='none'%3e%3crect width='1440' height='250' x='0' y='0' fill='rgba(233%2c 233%2c 233%2c 1)'%3e%3c/rect%3e%3cpath d='M28 250L278 0L579.5 0L329.5 250z' fill='url(%23SvgjsLinearGradient1010)'%3e%3c/path%3e%3cpath d='M274.6 250L524.6 0L583.1 0L333.1 250z' fill='url(%23SvgjsLinearGradient1010)'%3e%3c/path%3e%3cpath d='M494.20000000000005 250L744.2 0L1045.7 0L795.7 250z' fill='url(%23SvgjsLinearGradient1010)'%3e%3c/path%3e%3cpath d='M717.8000000000001 250L967.8000000000001 0L1306.8000000000002 0L1056.8000000000002 250z' fill='url(%23SvgjsLinearGradient1010)'%3e%3c/path%3e%3cpath d='M1437 250L1187 0L1053.5 0L1303.5 250z' fill='url(%23SvgjsLinearGradient1011)'%3e%3c/path%3e%3cpath d='M1173.4 250L923.4000000000001 0L576.9000000000001 0L826.9000000000001 250z' fill='url(%23SvgjsLinearGradient1011)'%3e%3c/path%3e%3cpath d='M924.8 250L674.8 0L332.79999999999995 0L582.8 250z' fill='url(%23SvgjsLinearGradient1011)'%3e%3c/path%3e%3cpath d='M713.1999999999999 250L463.19999999999993 0L301.19999999999993 0L551.1999999999999 250z' fill='url(%23SvgjsLinearGradient1011)'%3e%3c/path%3e%3cpath d='M1191.0063819404647 250L1440 1.0063819404646495L1440 250z' fill='url(%23SvgjsLinearGradient1010)'%3e%3c/path%3e%3cpath d='M0 250L248.99361805953535 250L 0 1.0063819404646495z' fill='url(%23SvgjsLinearGradient1011)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1009'%3e%3crect width='1440' height='250' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='0%25' y1='100%25' x2='100%25' y2='0%25' id='SvgjsLinearGradient1010'%3e%3cstop stop-color='rgba(241%2c 241%2c 241%2c 1)' offset='0'%3e%3c/stop%3e%3cstop stop-opacity='0' stop-color='rgba(241%2c 241%2c 241%2c 1)' offset='0.66'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='100%25' y1='100%25' x2='0%25' y2='0%25' id='SvgjsLinearGradient1011'%3e%3cstop stop-color='rgba(241%2c 241%2c 241%2c 1)' offset='0'%3e%3c/stop%3e%3cstop stop-opacity='0' stop-color='rgba(241%2c 241%2c 241%2c 1)' offset='0.66'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
	background-size: cover;
	background-color: #f9f9f9;
}
.bg-gray-pattern-2 {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1030%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(244%2c 244%2c 244%2c 1)'%3e%3c/rect%3e%3cpath d='M 0%2c257 C 288%2c206.8 1152%2c56.2 1440%2c6L1440 560L0 560z' fill='rgba(236%2c 236%2c 236%2c 1)'%3e%3c/path%3e%3cpath d='M 0%2c367 C 96%2c378.2 288%2c430.8 480%2c423 C 672%2c415.2 768%2c312 960%2c328 C 1152%2c344 1344%2c468 1440%2c503L1440 560L0 560z' fill='rgba(249%2c 249%2c 249%2c 1)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1030'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
	background-size: cover;
	background-color: #f9f9f9;
}
.bg-blue-pattern-1 {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1056%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(7%2c 130%2c 187%2c 1)'%3e%3c/rect%3e%3cpath d='M1440 0L926.22 0L1440 128.04z' fill='rgba(255%2c 255%2c 255%2c .1)'%3e%3c/path%3e%3cpath d='M926.22 0L1440 128.04L1440 317.47L522.11 0z' fill='rgba(255%2c 255%2c 255%2c .075)'%3e%3c/path%3e%3cpath d='M522.11 0L1440 317.47L1440 377.84000000000003L275.23 0z' fill='rgba(255%2c 255%2c 255%2c .05)'%3e%3c/path%3e%3cpath d='M275.23 0L1440 377.84000000000003L1440 502.09000000000003L233.76000000000002 0z' fill='rgba(255%2c 255%2c 255%2c .025)'%3e%3c/path%3e%3cpath d='M0 560L471.81 560L0 312.68z' fill='rgba(0%2c 0%2c 0%2c .1)'%3e%3c/path%3e%3cpath d='M0 312.68L471.81 560L795.55 560L0 275.11z' fill='rgba(0%2c 0%2c 0%2c .075)'%3e%3c/path%3e%3cpath d='M0 275.11L795.55 560L1132.75 560L0 164.08z' fill='rgba(0%2c 0%2c 0%2c .05)'%3e%3c/path%3e%3cpath d='M0 164.08000000000004L1132.75 560L1236.95 560L0 148.00000000000006z' fill='rgba(0%2c 0%2c 0%2c .025)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1056'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
	background-size: cover;
	background-color: #0782bb;
}
.bg-blue-pattern-2 {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1001%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(0%2c 84%2c 166%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c393.648C73.356%2c395.828%2c138.481%2c351.034%2c198.04%2c308.156C255.148%2c267.043%2c313.816%2c220.029%2c334.564%2c152.79C354.512%2c88.145%2c317.754%2c22.648%2c306.738%2c-44.102C296.002%2c-109.159%2c297.847%2c-174.452%2c270.647%2c-234.517C235.849%2c-311.361%2c207.906%2c-409.17%2c128.513%2c-437.676C49.54%2c-466.031%2c-29.111%2c-396.84%2c-108.872%2c-370.783C-185.798%2c-345.652%2c-287.316%2c-355.074%2c-331.624%2c-287.354C-376.588%2c-218.631%2c-310.99%2c-127.671%2c-321.246%2c-46.188C-331.221%2c33.059%2c-418.668%2c103.574%2c-390.226%2c178.21C-362.109%2c251.993%2c-259.741%2c258.444%2c-190.617%2c296.606C-126.908%2c331.779%2c-72.741%2c391.486%2c0%2c393.648' fill='%2300509e'%3e%3c/path%3e%3cpath d='M1440 970.8910000000001C1516.076 972.8879999999999 1547.659 868.2370000000001 1612.727 828.769 1680.445 787.694 1787.489 805.442 1826.45 736.486 1864.891 668.45 1825.289 580.496 1793.284 509.205 1766.376 449.266 1704.858 417.428 1661.181 368.346 1618.268 320.123 1599.27 246.063 1538.864 223.301 1477.852 200.31 1413.204 238.32100000000003 1349.2069999999999 250.78699999999998 1277.663 264.724 1188.491 245.62099999999998 1140.895 300.824 1093.287 356.041 1128.965 441.706 1122.021 514.282 1115.493 582.514 1070.935 653.228 1101.299 714.6800000000001 1131.646 776.098 1218.369 778.5219999999999 1273.004 819.851 1334.101 866.068 1363.4180000000001 968.881 1440 970.8910000000001' fill='%230058ae'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1001'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
	background-size: cover;
	background-color: #0782bb;
}
.bg-bauhaus {
	background: url("/foundation/images/backgrounds/bauhaus.svg");
	width: 100%;
	height: 100%;
	background-size: cover;
}
/*media quieries*/
@media only screen and (max-width: 767px) {
	.two-column {
		column-count: 1;
	}
	.three-column {
		column-count: 1;
	}
	.jumbotron-cap {
		width: 100%;
	}
}
@media only screen and (min-width: 768px) {
	.two-column {
		column-count: 2;
		column-gap: 20px;
	}
	.three-column {
		column-count: 3;
		column-gap: 20px;
	}
	.jumbotron-cap {
		width: 100%;
	}
}

/*Lists ------------------------- */
ol.simple-list {
	list-style-type: none;
	margin: 0;
	margin-left: 3em;
	padding: 0;
	counter-reset: li-counter;
	font-size: var(--fs-base);
}

ol.simple-list > li {
	position: relative;
	margin-bottom: 20px;
	padding-left: 0.5em;
	min-height: 3em;
	border-left: 4px solid var(--foundation-blue-500);
	font-size: (var(--fs-2xl));
	align-items: center;
	display: flex;
}

ol.simple-list > li:before {
	position: absolute;
	top: 0;
	left: -1em;
	width: 0.8em;
	font-size: 3em;
	line-height: 1;
	font-weight: bold;
	text-align: right;
	color: var(--foundation-blue-500);
	content: counter(li-counter);
	counter-increment: li-counter;
}

.init-number {
	width: 30px;
	height: 20px;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}

			.section-border {
				border-bottom: var(--border-size-1) solid var(--gray-3);
			}

			@media only screen and (max-width: 600px) {
				.sponsor {
					max-width: 250px;
				}
			}

			.sponsor-section-title {
				font-weight: var(--font-weight-8);
				font-family: var(--font-transitional);
			}
			.sponsor-card {
				box-shadow: var(--shadow-2);
				aspect-ratio: var(--ratio-square);
				border-radius: var(--radius-conditional-3);
				max-width: 350px;
				background-color: white;
			}
			.sponsor-title {
				font-weight: var(--font-weight-6);
				font-family: var(--font-transitional);
			}