html, body
	{
		height: 100%;
	}

	body
	{
		margin: 0px;
		padding: 0px;
		background: #fffeed;
		font-family: 'Montserrat', sans-serif;
		font-size: 11pt;
		font-weight: 200;
		color: #fffeed;
	}


	h1, h2, h3
	{
		/* margin: 0; */
		padding: 0;
		font-weight: 700;
		color: #2B3F48;
		/* TODO: change color */


	}

	h3.name {
		font-variant: small-caps;
	}

	p.role {
		font-size: 1.1em;
		font-variant: small-caps;
		margin: 0px;
	}

	p.studies {
		font-size: .85em;
		margin: 0px;
	}
	p.hometown {
		font-size: .85em;
		margin: 0px;
	}



	p, ol, ul
	{
		margin-top: 0;
	}

	ol, ul
	{
		padding: 0;
		list-style: none;
	}

	ul.actions
	{
		text-align: center;
	}

		ul.actions li
		{
		}

	p
	{
		line-height: 180%;
	}

	strong
	{
	}

	a
	{
		color: #0000FF;
	}

	a:hover
	{
		text-decoration: none;
	}

	.container
	{
		overflow: hidden;
		margin: 0em auto;
		max-width: 1000px;
	}

/*********************************************************************************/
/* Image Style                                                                   */
/*********************************************************************************/

	.image
	{
		display: inline-block;
	}

	.image img
	{
		display: block;
		width: 100%;
		justify-content: center;
	}

	.image-full
	{
		display: block;
		width: 100%;
		margin: 0 0 2em 0;
	}

	.image-left
	{
		float: left;
		margin: 0 2em 2em 0;
	}

	.image-centered
	{
		display: block;
		margin: 0 0 2em 0;
	}

	.image-centered img
	{
		margin: 0 auto;
		width: auto;
	}

/*********************************************************************************/
/* List Styles                                                                   */
/*********************************************************************************/

	ul.staff
	{
		margin-bottom: 3em;
	}

	ul.staff li
	{
		display: inline-block;
	}

	ul.staff li img
	{
		width: 80%;
		border-radius: 50%;
	}


/*********************************************************************************/
/* Social Icon Styles                                                            */
/*********************************************************************************/
input[type="submit"].icon,
input[type="reset"].icon,
input[type="button"].icon,
button.icon,
.button.icon {
	padding-left: 1.35em;
}

	input[type="submit"].icon:before,
	input[type="reset"].icon:before,
	input[type="button"].icon:before,
	button.icon:before,
	.button.icon:before {
		margin-right: 0.5em;
	}


.icon {
	text-decoration: none;
	border-bottom: none;
	position: relative;
}

	.icon:before {
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		text-transform: none !important;
	}

	.icon > .label {
		display: none;
	}




	.button
	{
		display: inline-block;
		padding: 0em 3em;
		background: #0F2D5B;
		border-radius: 8px;
		letter-spacing: 0.20em;
		line-height: 4em;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: 400;
		font-size: 1em;
		color: #FFF;
	}

	.button:before
	{
		display: inline-block;
		background: #FFC31F;
		margin-right: 1em;
		width: 40px;
		height: 40px;
		line-height: 40px;
		border-radius: 20px;
		text-align: center;
		color: #272925;
		/* TODO: change color */

	}

/*********************************************************************************/
/* Heading Titles                                                                */
/*********************************************************************************/

	.title
	{
		margin-bottom: 1em;
	}

	.title h2
	{
		text-transform: uppercase;
		font-size: 2.7em;
	}

	.title .byline
	{
		font-size: 1.7em;
		color: #6F6F6F;
	}

/*********************************************************************************/
/* 4-column                                                                      */
/*********************************************************************************/

	.box1,
	.box2,
	.box3,
	.box4
	{
		width: 235px;
	}

	.box1,
	.box2,
	.box3,
	{
		float: left;
		margin-right: 20px;
	}

	.box4
	{
		float: right;
	}

/*********************************************************************************/
/* 3-column                                                                      */
/*********************************************************************************/

	.boxA,
	.boxB,
	.boxC
	{
		display:inline-block;
		margin:1px 5px;
		padding: 1px;
		width: 275px;
		height: 250px;
	}

	.boxA img {
		width: 100%;
	}
	.boxB img {
		width: 100%;
	}

	.boxC img {
		width: 100%;
	}
	/*
	.boxA,
	.boxB,
	.boxC
	{
		float: left;
		margin-right: 10px;
	}
	
	.boxC
	{
		float: left;
		margin-right: 10px
	}
	*/

/*********************************************************************************/
/* 2-column                                                                      */
/*********************************************************************************/

	.tbox1,
	.tbox2
	{
		width: 575px;
	}

	.tbox1
	{
		float: left;
	}

	.tbox2
	{
		float: right;
	}

	#root
	{
		background: #FFF;
	}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header
	{
		padding: 3em 0em;
	}

/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

	#logo
	{
		position: absolute;
		bottom: 1em;
		margin-left: auto;
	}

	#logo h1
	{
		color: #0F2D5B;
	}

	#logo a
	{
		text-decoration: none;
		text-transform: uppercase;
		color: #0F2D5B;
	}
	#logo img {
		max-width: 100%;
		max-height: 60px;
		display: block;
		padding-top: 4px;
		margin-left: 0px;
		left: 0;
	}

/*********************************************************************************/
/* Menu                                                                          */
/*********************************************************************************/

	#menu
	{
		position: absolute;
		/* top: 4.5em; */
		right: 0;
	}

	#menu ul
	{
		display: inline-block;
	}

	#menu li
	{
		display: block;
		float: left;
		text-align: center;
	}

	#menu li a, #menu li span
	{
		padding: 1em 1.5em;
		letter-spacing: 1px;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 0.675em;
		color: #2B3F48;
	}

	#menu li:hover a, #menu li.active a, #menu li.active span
	{
		color: #2B3F48;
	}

	#menu .current_page_item a
	{
		border: 2px solid #0F2D5B;
		background: #0F2D5B;
		border-radius: 6px;
		color: #FFF;
	}

	#menu .icon
	{
	}

/*********************************************************************************/
/* home_img                                                                        */
/*********************************************************************************/

	#home_img
	{
		overflow: hidden;
		/* padding: 10em 0em; */
		background: linear-gradient(rgba(0, 0, 0, 0.329), rgba(0, 0, 0, 0.329)), url("images/Team23-24.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		text-align: center;
		color: rgba(255,255,255,.8);
		height: 750px;
	}

	#home_img .title
	{
		margin-bottom: 1em;
		text-transform: uppercase !important;
	}

	#home_img .title h2
	{
		color: #FFF;
	}

	#home_img .title .byline
	{
		color: rgba(255,255,255,.6);
	}

	#home_img .button
	{
		margin-top: 3em;
		background: #589937 !important;
	}

/*********************************************************************************/
/* Page                                                                          */
/*********************************************************************************/

	#page
	{
		padding: 2em 0em 5em 0em;
		text-align: center;
	}

	#page .button
	{
		margin-top: 2em;
		display: inline-block;
		text-align: center;
	}


	.icons {

		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: center;
		margin-bottom: 5em;
	}

	.icons i {

		font-size: 3em;
		margin: 0 8px;
		border: 3px solid #fff;
		border-radius: 50%;
		width: 1em;
		height: 1em;
		padding: 1px;
		text-align: center;
	}
	.fa-facebook-f {
		color: #0F2D5B;
	}

	.fa-instagram {
		color: #0F2D5B;
	}
/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

	#copyright
	{
		overflow: hidden;
		padding: 5em 0em;
		border-top: 1px solid rgba(255,255,255,0.08);
	}

	#copyright p
	{
		text-align: center;
		font-size: .75em;
		color: #0F2D5B;
	}

	#copyright a
	{
		text-decoration: none;
		color: rgba(255,255,255,0.8);
	}

/*********************************************************************************/
/* Featured                                                                      */
/*********************************************************************************/

	#featured
	{
		overflow: hidden;
		padding: 1.5em 0em;
		background: #fffeed;
		/* color: #0F2D5B;; */
		text-align: center;
	}


	#featured a
	{
		color: rgba(255,255,255,1);
	}

	#featured .button
	{
		background: #FFF;
		margin-top: .1em;
		font-size: 1em;
		color: #0F2D5B;
	}

	#featured .title
	{
	}

	#featured .title h2
	{
		color: #0F2D5B;
	}

	#featured .title .byline
	{
		color: rgba(255,255,255,.6);
	}

	#homefeatured
	{
		overflow: hidden;
		padding: 15em;
		color: rgba(255,255,255,.8);
		/* color: #0F2D5B;; */
		text-align: center;
	}


	#homefeatured a
	{
		color: rgba(255,255,255,1);
	}

	#homefeatured .button
	{
		background: #FFF;
		margin-top: .1em;
		font-size: 1em;
		background: #fffeed;
		color: #fff;
	}

	#homefeatured .title
	{
		margin: 0;

	}

	#homefeatured .title h2
	{
		color: #FFF;
	}
	#homefeatured .title .byline
	{
		color: #ddd;
	}


	#contact
	{
		overflow: hidden;
		padding: 1.5em 0em;
		background: #5385c1;
		/* color: #0F2D5B;; */
		text-align: center;
	}


	#contact a
	{
		color: rgba(255,255,255,1);
	}

	#contact .button
	{
		background: #FFF;
		margin-top: .1em;
		font-size: 1em;
		color: #0F2D5B;
	}

	#contact .title
	{
	}

	#contact .title h2
	{
		color: #0F2D5B;
	}

	#contact .title .byline
	{
		color: rgba(255,255,255,.6);
	}


/*********************************************************************************/
/* Featured                                                                      */
/*********************************************************************************/

.box
{
	padding: 3em 2em 2em 2em;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 8px;
	text-align: center;
}


	#extra
	{
		overflow: hidden;
		padding: 5em 0em;
	}

	#extra .title
	{
		text-align: center;
	}

	#extra .button
	{
		/* margin-top: 5em; */
	}

	#extra .fa
	{
		display: block;
		margin-bottom: 0.5em;
		text-align: center;
		font-size: 3em;
	}


	.gallery
	{
		overflow: hidden;
		margin-bottom: 3em;
		display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: space-between;
		}
		.gallery__img {
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
			height: 200px;
			width: 100%;
			margin: 0 10px;
		}
		.gallery__img1 {
			background-image: url('images/gallery/jeremy-nationals.jpg');
		}
		.gallery__img2 {
			background-image: url('images/gallery/huddle-nationals.jpg');
		}
		.gallery__img3 {
			background-image: url('images/gallery/lou-nationals.jpg');
		}
		.gallery__img4 {
			background-image: url('images/motor-city.jpeg');
		}
		.action {
			text-align: center;
		}

	/***************/

	.inner {
		max-width: 75em;
		margin: 0 auto;
	}
	@media screen and (max-width: 1280px) {

		.inner {
			max-width: 90%;
		}

	}

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

		.inner {
			max-width: 85%;
		}

	}

	#header .inner {
		margin: 0 auto;
		position: relative;
	}

	#footer .inner {
		border-top: 1px solid #dbdbdb;
		padding-top: 3em;
	}

	/***************/
	.flex {
		display: -ms-flexbox;
		-ms-flex-wrap: wrap;
		-ms-flex-pack: justify;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-moz-justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between;
	}

	.flex.flex-4 .box {
		width: 21%;
	}

	.flex.flex-2 article {
			width: 47%;
		}

	@media screen and (max-width: 980px) {
	.flex.flex-4 .box {
		width: 47%;
	}
	.flex.flex-2 article {
		width: 100%;
		margin-bottom: 3em;
	}
	.flex.flex-2 article:last-child {
		margin-bottom: 0;
	}
}
@media screen and (max-width: 480px) {

	.flex.flex-4 .box {
		width: 100%;
	}

}

.box {
	border: solid 1px #dbdbdb;
	margin-bottom: 2em;
	padding: 1.5em;
}
.box > :last-child,
.box > :last-child > :last-child,
.box > :last-child > :last-child > :last-child {
	margin-bottom: 0;
}
.box.alt {
	border: 0;
	border-radius: 0;
	padding: 0;
}

.box.person {
	border: solid 1px rgba(255, 255, 255, 0.25);
	padding: 3em 1.5em;
}


.box.person h3 {
			margin: 0;
}
.box.person .image {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 250px;
	width: 100%;
	margin-bottom: 1em;
	border-radius: 160px;
	background-image: url('images/profiles/NoImage.jpeg');
}
.box.person .image__JeremyWaldman {
	background-image: url('images/profiles/JeremyWaldman.jpeg');
}
.box.person .image__LouAlpert {
	background-image: url('images/profiles/LouAlpert.jpeg');
}
.box.person .image__ConorHynes {
	background-image: url('images/profiles/ConorHynes.jpeg');
}
.box.person .image__AnouragShah {
	background-image: url('images/profiles/AnouragShah.jpeg');
}
.box.person .image__JesseScherl {
	background-image: url('images/profiles/JesseScherl.jpeg');
}
.box.person .image__GauravShekhawat {
	background-image: url('images/profiles/GauravShekhawat.jpeg');
}
.box.person .image__YajwinJain {
	background-image: url('images/profiles/YajwinJain.jpeg');
}
.box.person .image__VishalPrashant {
	background-image: url('images/profiles/VishalPrashant.jpeg');
}
.box.person .image__LillyKnott {
	background-image: url('images/profiles/LillyKnott.jpeg');
}
.box.person .image__ErikBarker {
	background-image: url('images/profiles/ErikBarker.jpeg');
}
.box.person .image__BobLi {
	background-image: url('images/profiles/BobLi.jpeg');
}
.box.person .image__VivMahtab {
	background-image: url('images/profiles/VivMahtab.jpeg');
}
.box.person .image__RahulKhullar {
	background-image: url('images/profiles/RahulKhullar.jpeg');
}
.box.person .image__Advait {
	background-image: url('images/profiles/Advait.jpeg');
}
.box.person .image__Iman {
	background-image: url('images/profiles/Iman.jpeg');
}
.box.person .image__Natasha {
	background-image: url('images/profiles/Natasha.jpeg');
}
.box.person .image__ArmanVaswani {
	background-image: url('images/profiles/ArmanVaswani.png');
}
.box.person .image__SwapanGudaru {
	background-image: url('images/profiles/SwapanGudaru.png');
}
.box.person .image__TejPatel {
	background-image: url('images/profiles/TejPatel.png');
}
.box.person .image__BasharFakhoury {
	background-image: url('images/profiles/BasharFakhoury.png');
}
.box.person .image__MadhavArora {
}
.box.person .image__RehanEdirisinghe {
}
.box.person .image__VedantBahadur {
}
.box.person .image__WilliamHuang {
}
.box.person .image__AlexDong {
}
.box.person .image__MaxKapoor {
}
.box.person .image__JacobAvram {
}
.box.person .image__ChrisBai {
}
.box.person .image__VictoriaPickens {
}
.box.person .image__RahulBoaz {
}
.box.person .image__LucasDuttge {
}

.box.person .image__motorcity {
	background-image: url('images/motor-city.jpeg');
}

	.box.person .image img {
		max-width: 100%;
			}
	.image {
			border-radius: 0;
			border: 0;
			display: inline-block;
			position: relative;
		}

		.image img {
				border-radius: 0;
				display: block;
		}

		.image.left, .image.right {
				max-width: 40%;
		}

		.image.left img, .image.right img {
			width: 100%;
		}

	.image.round img {
		border-radius: 100%;
	}

	.image.left {
		float: left;
		padding: 0 1.5em 1em 0;
		top: 0.25em;
	}

	.image.right {
		float: right;
		padding: 0 0 1em 1.5em;
		top: 0.25em;
	}
	.image.fit {
		display: block;
		margin: 0 0 2em 0;
		width: 100%;
	}

		.image.fit img {
			width: 100%;
		}

	.image.main {
		display: block;
		margin: 0 0 3em 0;
		width: 100%;
	}

		.image.main img {
			width: 100%;
		}

		section.special, article.special {
			text-align: center;
		}

			section.special article, article.special article {
				text-align: left;
			}

		section.wrapper, article.wrapper {
			padding: 6em 0;
		}

			section.wrapper header, article.wrapper header {
				margin-bottom: 4em;
			}

				section.wrapper header h2, article.wrapper header h2 {
					font-size: 2.75em;
					margin: 0 0 .5em 0;
				}

				section.wrapper header p, article.wrapper header p {
					font-size: 1em;
				}

			section.wrapper article header, article.wrapper article header {
				margin: 0;
			}

			section.wrapper.style1, article.wrapper.style1 {
				background: #5385c1;
				color: #bacee6;
			}

			#newsletter {
				background: white;
				color: grey;
			}

			#newsletter .inner {
				display: grid;
				grid-template-columns: 1fr 1fr;
				grid-gap: 60px;
			}

			#newsletter .image {
				flex: 0.5;
				background-repeat: no-repeat;
				background-position: center center;
				background-size: cover;
				height: 300px;
				width: 100%;
				border-radius: 8px;
			}

			.image__seniorday2022 {
				background-image: url('images/newsletter/seniorday2022.png');
			}

			.image__playerstandings2022 {
				background-image: url('images/newsletter/playerstandings2022.png');
			}
			
			.image__nationalshuddle2022 {
				background-image: url('images/newsletter/nationalshuddle2022.png');
			}

			.image__nationalsactionshots2022 {
				background-image: url('images/newsletter/nationalsactionshots2022.png');
			}

			.image__BAC2022 {
				background-image: url('images/newsletter/BAC2022.png');
			}

			.image__motorcity {
				background-image: url('images/motor-city.jpeg');
			}

			.image__DAC2022 {
				background-image: url('images/newsletter/DAC2022.png');
			}

			.image__csa-ranking {
				background-image: url('images/newsletter/csa-ranking.png');
			}

			.image__cincinatti2021 {
				background-image: url('images/newsletter/cincinatti2021.png');
			}

			.image__schedule2021 {
				background-image: url('images/newsletter/schedule2021.jpg');
			}

			.image__roster2021 {
				background-image: url('images/newsletter/roster2021.jpg');
			}	

			.image__fitness {
				background-image: url('images/newsletter/fitness.jpeg');
			}

			.image__historic-polo {
				background-image: url('images/newsletter/historicpolo.png');
			}

			.image__intro-video {
				background-image: url('images/newsletter/article3.jpg');
			}

			.image__team-dinner {
				background-image: url('images/newsletter/teamdinner2020.JPG');
			}

				section.wrapper.style1 header h2, article.wrapper.style1 header h2 {
					color: #fff;
				}

				section.wrapper.style1 header p, article.wrapper.style1 header p {
					color: #bacee6;
				}

				section.wrapper.style1 h3, article.wrapper.style1 h3 {
					color: #FFF;
				}

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

				section.wrapper, article.wrapper {
					padding: 2em 0;
				}

			}

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

				section.wrapper header, article.wrapper header {
					margin-bottom: 2em;
				}

					section.wrapper header h2, article.wrapper header h2 {
						font-size: 2em;
					}

					section.wrapper header p, article.wrapper header p {
						font-size: .9em;
					}

			}

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

				section.wrapper, article.wrapper {
					text-align: center;
				}

					section.wrapper article, article.wrapper article {
						text-align: center;
					}

			}