/*BEGIN Full Width Page */

body.hd.welcome-full-width #content,
body.hd.welcome-full-width #maincolumn-wide,
body.hd.welcome-full-width #whitebox {
    max-width: 100%;
    width: 100%;
    padding: 0;
}

body.hd.ribbonFullwidth.welcome-full-width #whitebox {
    margin: 0 !important;
}

body.hd.welcome-full-width #whitebox,
body.hd.welcome-full-width #maincolumn-wide {
    padding-bottom: 0;
    padding-top: 0;
}


/*END Full Width Page */


	body,
	p,
	span,
	div.itemIntroText {
		font-size: 16px;
	}



	/*BEGIN Heading styling*/
	.twg--atheletes-heading-underline {
		position: relative;
		padding-bottom: 0.7em;
	}

	.twg--atheletes-heading-underline:after {
		width: 100px;
		border-bottom: 2px solid #80bc00;
		content: '';
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translatex(-50%);
	}

	/*END Heading styling*/

	/*BEGIN Fullwidth green textured background*/

	.twg--textured-bg {
		background-color: #1e6b52;
		background-image: linear-gradient(rgba(30, 107, 82, 0.9), rgba(30, 107, 82, 0.9)), url('images/home/banners/twg-halftone-texture.jpg');
		background-position: center;
		background-size: cover;
	}

	/*END Fullwidth green textured background*/

	/*BEGIN Single Site Employer Background*/



	.twg--hill-center-fin {
		background-image: url('/welcome/images/home/banners/hill-center-fin-mobile.jpg');
		min-height: 540px;
		background-position: bottom;
	}

	@media (min-width: 768px) {
		.md\:twg--hill-center-fin {
			background-image: url('/welcome/images/home/banners/hill-center-fin-desktop.jpg');
			background-position: left;
			min-height: initial;
		}
	}



	/*END Single Site Employer Background*/


	/*BEGIN Icon Grid Styles */
	.u-duotone--green-to-campus-green {
		--fa-primary-color: #1E6B52;
		--fa-secondary-color: #80bc00;
		--fa-secondary-opacity: 1
	}

	.u-rounded-icon {
		font-size: 2.5rem;
		background-color: #eee;
		padding: 40px;
		border-radius: 50%;
		color: #1E6B52;
		transition: background-color .2s ease-in;
	}

	.u-icon--has-hover:hover i,
	.u-icon--has-hover-primary-only:hover i {
		background-color: #1E6B52;
	}

	.u-icon--has-hover:hover .u-rounded-icon {
		--fa-primary-color: #fff;
		--fa-secondary-color: #fff;
	}

	.u-icon--has-hover-primary-only:hover .u-rounded-icon {
		--fa-secondary-color: #fff;
	}

	/*END Icon Grid Styles */

	/*BEGIN Jump Nav */

	.welcome-jump-nav li {
		position: relative;
	}

	.welcome-jump-nav li:not(:last-child):after {
		width: 1px;
		height: 16px;
		background-color: #1E6B52;
		position: absolute;
		right: 0;
		bottom: 50%;
		transform: translatey(50%);
		content: '';
	}

	body.linear.ribbonFullwidth #whitebox {
		overflow: visible;
	}

	/*END Jump Nav */


	/*Adjust base html size so fonts don't shrink too much */
	@media only screen and (max-width: 1024px) {
		html {
			font-size: 90%;
		}
	}

	/*Hide container with site name, quicklinks, and search*/
	#whitebar {
		display: none;
	}

	body.linear.hd .siteNameTop {
		display: none !important;
		color: #fff !important;
	}

	/*Remove linear gradient from top bar */
	body.linear.hd .topLinearContainer {
		background: none;
		background-color: #1e6b52;
	}

	/*Removing bottom margin from content*/
	.twg--home #content {
		margin: 0 auto 0% !important;
	}

	/*Changing footer color to Dragon's lair green*/
	.footerGreen #lockedFooter.footerGreen,
	.footerGreen #footer.footerGreen {
		background-color: #144b39;
	}

	/*BEGIN Mobile Sticky Headers */
	@media all and (max-width:1024px) {
		.twg--mobile-heading.is-visible {

			background-color: #1E6B52;
			color: #fff !important;


			animation-name: stickyHeading;
			animation-duration: .5s;
			animation-fill-mode: forwards;

		}

		.twg--mobile-heading {
			position: sticky;
			top: 0;
			z-index: 5;
			font-size: 25px !important;
			padding: 10px 0;
			/*         transition:all .4s linear; */
		}

		#content,
		#maincolumn-wide {
			overflow: visible;
		}

		@keyframes stickyHeading {
			from {
				background-color: transparent;
			}

			to {
				background-color: #1E6B52;

			}
		}


	}

	/*END Mobile Sticky Headers */

	/*BEGIN Welcome Sticky Header */
	.welcome-sticky-header {


		padding: 40px 0;
	}

	.welcome-sticky-header.visible {
		display: flex;
		transform: none;
		position: sticky;
		justify-content: center;
		align-items: center;
		width: 100%;
		padding: 20px 0;
		background-color: #1E6B52;
		border-bottom: 2px solid #1E6B52;
		top: 0;
		left: 0;
		animation-name: example;
		animation-duration: 1s;

	}

	.welcome-sticky-header.visible a {
		color: #fff;
	}

	.welcome-sticky-header.visible a:hover {
		color: #fff !important;
	}

	@keyframes example {
		from {
			transform: translateY(-200%);
		}

		to {
			transform: translateY(0);
		}
	}

	/*END Welcome Sticky Header */