@import url("theme_antler.css?v1.3");

:root {
	--il-orange: #ff5f05;
	--il-altgeld: #c84113; /*#dd3403;*/
	--il-blue: #13294b;
	--il-alma-mater: #1e3877;
	--il-alma-mater-1: #4d69a0;
	--il-alma-mater-2: #849bc1;
	--il-alma-mater-3: #afc7db;
	--il-industrial-blue: #1d58a7;
	--il-industrial-blue-1: #5783bc;
	--il-industrial-blue-2: #90aed5;
	--il-industrial-blue-3: #cad9ef;
	--il-arches-blue: #009fd4;
	--il-arches-blue-1: #7fc3e1;
	--il-arches-blue-2: #a6d7eb;
	--il-arches-blue-3: #d2ebf5;
	--il-cloud: #f8fafc;
	--il-cloud-1: #e8e9eb;
	--il-cloud-2: #dddede;
	--il-cloud-3: #d2d2d2;
	--il-gray-1: #f4f4f4;
	--il-gray-2: #707070;
	--il-heritage-orange: #f5821e;
	--il-heritage-orange-1: #e56e15;
	--il-heritage-orange-2: #ce5e11;
	--il-heritage-orange-3: #b74d04;
	--il-storm: #9fa0a8;
	--pri-white: #ffffff;
	--pri-ghost: #f8f8f8;
	--pri-platinum: #f0f0f0;
	--pri-royal: #284c90;
	/*	--pri-navy: var(--il-blue);*/
	/*	--pri-orange: ff552e;*/
	/* --pri-charcoal: #121b21;*/

}



/* basic html elements */
@media all {
	.illinois {
		width: 100%;
		color: var(--pri-charcoal);
		line-height: 1.8;
		font-family: 'Source Sans Pro', sans-serif;
		-webkit-font-smoothing: antialiased;
		font-weight: 400;
	}

	.illinois h1 {
		font-weight: 700;
		font-size: 3em;
	}

	.illinois h2 {
		font-weight: 700;
		font-size: 1.9em;
		margin-bottom: 1.5rem;
		letter-spacing: -0.5px;
	}

	.illinois h3 {
		font-size: 1.5em;
		font-weight: 700;
		margin: 0 0 1rem 0;
		color: var(--il-orange);
		letter-spacing: -0.7px;
	}

	.illinois h4 {
		font-size: 1.4em;
		font-weight: 700;
		letter-spacing: -0.7px;
	}

	.illinois h1 a,
	.illinois h2 a,
	.illinois h3 a,
	.illinois h4 a {
		text-decoration: none;
	}

	.illinois p, .illinois ul, .illinois ol, .illinois dl {
		margin-bottom: 1.5rem;
	}

		.illinois div.col-md > p:last-child,
        .illinois div.col-md > ul:last-child,
        .illinois div.col-md > ol:last-child,
        .illinois div.col-md > dl:last-child {
			margin-bottom: 0;
		}

	.illinois li {
		margin-bottom: 0.25rem;
	}

		.illinois li:last-child {
			margin-bottom: 0;
		}

	.illinois a {
		color: var(--il-industrial-blue);
		text-decoration: underline;
	}

		.illinois a:hover {
			color: var(--il-altgeld);
			text-decoration: underline;
		}

	.illinois strong {
		font-weight: 700;
	}

	.illinois table {
		width: 100%;
		margin-bottom: 2rem;
		border-bottom: 1px solid #dee2e6;
	}

		.illinois .table {
			margin-bottom: 2rem;
			color: inherit;
		}

		.illinois .white-box .table th {
			background-color: var(--pri-ghost);
		}

        .illinois #featurelinks.text-right {
            float: right;
            margin-top: -20px;
        }

        .illinois #featurelinks.p-0 {
            padding: 0;
        }
}


/* content */
@media all {
	.illinois .container-fluid {
		position: relative;
	}
}


/* buttons and special links */
@media all {

	.illinois .button {
		border: 1px solid var(--pri-royal);
		background-color: transparent;
		color: var(--pri-royal);
		font-weight: 600;
		min-height: 46px;
		display: inline-block;
		line-height: 34px;
		text-align: center;
		padding: 4px 2rem;
		text-decoration: none;
		margin-bottom: 0.5rem;
	}

		.illinois .button:hover {
			background-color: var(--pri-royal);
			color: var(--pri-white);
			text-decoration: none;
		}

		.illinois .button.orange {
			background-color: var(--il-orange) !important;
			border-color: var(--il-orange) !important;
			color: var(--pri-white) !important;
		}

			.illinois .button.orange:hover {
				background-color: var(--pri-royal) !important;
				border-color: var(--pri-royal) !important;
				color: var(--pri-white) !important;
			}

		.illinois .button.active {
			background-color: var(--pri-royal) !important;
			border-color: var(--pri-royal) !important;
			color: var(--pri-white) !important;
		}

	.illinois button.button {
		background-color: var(--pri-royal) !important;
		color: var(--pri-white) !important;
		border: none;
		font-size: 0.8em;
		border-radius: 0.2rem;
		margin-bottom: 1rem;
		height: auto;
	}

	.illinois .dropdown-menu {
		max-height: 50vh;
		overflow: auto;
		border-radius: 0;
		box-shadow: rgb(0 0 0 / 40%) 0px 25px 25px;
	}


		.illinois .dropdown-menu a {
			color: var(--pri-charcoal);
			display: block;
			text-decoration: none;
		}

			.illinois .dropdown-menu a:hover {
				color: var(--pri-royal);
			}

			.illinois .dropdown-menu a.active {
				background-color: var(--pri-ghost);
			}

	.illinois .light-text .button {
		color: var(--pri-white);
		border-color: var(--pri-white);
	}

	.illinois .dropdown-toggle::after {
		border: none;
		content: '\f078';
		font-family: 'Font Awesome 5 Pro';
		font-size: 14px;
		vertical-align: middle;
		margin-left: 10px;
	}
}


/* forms */
@media all {
	 .illinois button.form-control {
		border: 2px solid var(--pri-royal);
		border-radius: 0.2rem;
		background-color: var(--pri-white);
		color: var(--pri-royal);
		height: 46px;
		display: inline-block;
		line-height: 34px;
		text-align: center;
		padding: 4px 2rem;
		width: auto;
		font-size: 1em;
	}

		.illinois button.form-control:hover {
			background-color: var(--pri-royal);
			color: var(--pri-white);
		}
}


/* tiles */
@media all {

	.illinois .tile-list {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 1.2rem;
		overflow-anchor: none;
	}

		/* tile */

		.illinois .tile-list .tile {
			position: relative;
			margin: 1.2rem 0.6rem 0 0.6rem;
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
		}


			.illinois .tile-list .tile.w25 {
				flex: 0 0 calc(25% - 1.2rem);
				max-width: calc(25% - 1.2rem);
				min-width: calc(25% - 1.2rem);
			}

			.illinois .tile-list .tile.w33 {
				flex: 0 0 calc(33.33333333333% - 1.2rem);
				max-width: calc(33.33333333333% - 1.2rem);
				min-width: calc(33.33333333333% - 1.2rem);
			}

			.illinois .tile-list .tile.w50 {
				flex: 0 0 calc(50% - 1.2rem);
				max-width: calc(50% - 1.2rem);
				min-width: calc(50% - 1.2rem);
			}

			.illinois .tile-list .tile.w66 {
				flex: 0 0 calc(66.66666666666% - 1.2rem);
				max-width: calc(66.66666666666% - 1.2rem);
				min-width: calc(66.66666666666% - 1.2rem);
			}

			.illinois .tile-list .tile.w100 {
				flex: 0 0 calc(100% - 1.2rem);
				max-width: calc(100% - 1.2rem);
				min-width: calc(100% - 1.2rem);
			}

			.illinois .tile-list .tile.w110 {
				margin-left: -15px;
				margin-right: -15px;
				flex: 0 0 calc(100% + 30px);
				max-width: calc(100% + 30px);
				min-width: calc(100% + 30px);

			}

				.illinois .tile-list .tile.w110 + .tile.w110 {
					margin-top: 0rem;
				}

				.illinois .tile-list .tile.w110:first-child {
					margin-top: 0 !important;
					padding-top: 3rem !important;
				}

				.illinois .tile-list .tile.w110:last-child {
					margin-bottom: -1.2rem;
				}

				.illinois .tile-list .tile.w110 + .tile.w110 {
					margin-top: 0;
				}

			.illinois .tile-list .tile.sbs {
				flex: 0 0 calc(100% - 1.2rem);
				max-width: calc(100% - 1.2rem);
				min-width: calc(100% - 1.2rem);
				display: flex;
				flex-wrap: nowrap;
				margin-left: 0;
				margin-right: 0;
			}

				.illinois .tile-list .tile.sbs > div {
					flex: 0 0 calc(50% - 0.6rem);
					max-width: calc(50% - 0.6rem);
					min-width: calc(50% - 0.6rem);
					margin-left: 0.6rem;
					margin-right: 0.6rem;
					order: 1;
				}

				.illinois .tile-list .tile.sbs > div.first {
					order: 0;
				}


			.illinois .tile-list .tile.chevron {
				clip-path: polygon(0% -1px, 100% -1px, 100% 80%, 50% 100%, 0% 80%);
				-webkit-clip-path: polygon(0% -1px, 100% -1px, 100% 80%, 50% 100%, 0% 80%);
			}

			/* columns */
			.illinois .tile-list .tile .column1,
			.illinois .tile-list .tile .column2,
			.illinois .tile-list .tile .column3 {
				position: relative;
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			}

		.illinois .tile-list .tile.marketing {
			border-right: 1px solid var(--il-orange);
			padding: 20px 20px;
			margin: 1.2rem 0;
			font-size: 1.2rem;
			line-height: 1.5;
			text-align: center;
			font-weight: 700;
			/*			display: flex;
				flex-wrap: wrap;
	*/
			align-items: center;
			color: var(--il-blue);
		}

			.illinois .tile-list .tile.marketing h2 {
				font-size: 1.2rem;
			}


			.illinois .tile-list .tile.marketing .button {
				font-size: 1rem;
				transition: background-color ease-in-out 0.25s;
			}

			.illinois .tile-list .tile.wide .left {
				width: 100%;
				height: 225px;
				margin: 0rem;
				background-size: cover;
				background-position: center center;
				padding-left: 1rem;
				padding-right: 1rem;
			}
}


/* Q&A content styling */
:is(div, span, p).qa {
	line-height: 140%;
	border-bottom: 3px solid var(--il-orange);
	margin-right: .75em;
	font-size: 1.4rem;
}


/* flex */
@media all {
	.illinois .flex {
		display: flex !important;
		flex-wrap: wrap;
	}

		.illinois .flex > * {
			flex-basis: 100%;
			order: 1;
		}

		.illinois .flex .first {
			order: 0;
			font-size: .9em;
			margin-bottom: 0.8rem;
		}

		.illinois .flex .first span.span-left {
			float: left;
		}

		.illinois .flex .first span.span-right {
			float: right;
		}

}


/* get in touch form */
@media all {

	.illinois .get-in-touch-wordmark {
		text-align: center;
		margin: 0px auto 2rem auto;
		font-size: 24px;
	}

		.illinois .get-in-touch-wordmark img.imark {
			width: 36px;
			display: block;
			margin: 0 auto 1rem auto;
		}

}

@media (max-width: 1199px) {

	.illinois footer .title {
		font-size: 0.9em;
		line-height: 1.7rem;
	}

}

@media screen and (max-width: 767px) {

	.illinois .tile-list .tile.w25,
	.illinois .tile-list .tile.w33,
	.illinois .tile-list .tile.w50,
	.illinois .tile-list .tile.w66,
	.illinois .tile-list .tile.w100 {
		/*
		flex: 0 0 calc(100% - 1.2rem);
		max-width: calc(100% - 1.2rem);
		min-width: calc(100% - 1.2rem);
		*/

		margin: 1rem 0 0 0;
		flex: 0 0 100%;
		max-width: 100%;
		min-width: 100%;
	}

	.illinois .inner {
		max-width: 100%;
		padding-left: 0;
		padding-right: 0;
	}


	.illinois #giving_form #cart #contactus {
		margin: 0 0 2rem 0;
		padding: .1rem;
		text-align: center;
	}

		.illinois #giving_form #cart #contactus:before {
			display: none;
		}

}