a {
		color: rgba(var(--longwood-blue),1);
		text-decoration: none;
	}
	a:hover,a:visited {
		text-decoration:underline;
	}
	header {
		text-align:center;
		padding: 0;
		margin:0 auto;
		background: url(http://www.longwood.edu/fileshare/dev/jpb/images/JoanPerryBrockCenter.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		background-color: #002147;
		height: 100vh;
		height: 100dvh;
		overflow: hidden;
		width: 100%;
		position: relative;
		z-index: 1;
		border-bottom: 8px solid #002147;
	}

	header img.logo {
		position: absolute;
		top: 1rem;
		left: 1rem;
		max-width: 250px;
	}

	header h2 {
		color: #002147;
		font-size: 4.5rem;
		letter-spacing: -.1rem;
		margin: 2.5rem 0 2rem 0;
	}

	header div.subtitle {
		font-size: 1rem;
    	line-height: 1.8rem;
    	color: #002147;
		padding: .5rem 1rem;
		background: rgba(255,255,255,.5);
		border: 1px solid #e0e0e0;
		display: inline-block;
	}

	header div.subtitle p {
		margin:0;
		padding:0;
	}

	header div.hero {
		position: absolute;
		top: 35%;
		left: 0;
		width: 100%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		text-align: center;
		padding: 0 5rem;
		box-sizing:border-box;
		z-index: -1;
	}

	header video {
		position: absolute;
		top: 0%;
		left: 0%;
		z-index: 999;
		object-fit: cover;
		width: 100%;
		height: 100%;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		z-index: -1;
	}

	header .playVideo {
		position: absolute;
		top: 1rem;
		z-index: 99999;
		color: white;
		color: rgba(255,255,255,.6);
		right: 1rem;
		font-size: 1rem;
		cursor: pointer;
		padding: 1rem;
		background: rgba(0,0,0,.2);
		border: 1px solid #a7a7a7;
	}

	header a.scrollDown { /* thanks, Elon :) */
		position: absolute;
		left: 50%;
		bottom: -60px;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 120px;
		height: 120px;
		background-color: rgba(0,33,71, 0.5);
		-webkit-border-radius: 60px;
		-moz-border-radius: 60px;
		-ms-border-radius: 60px;
		-o-border-radius: 60px;
		border-radius: 60px;
		color: white;
		border-bottom: none;
		font-size: 2rem;
		font-weight: normal;
	}

	header a.scrollDown:hover {
		background: #002147;
	}

	header a.scrollDown i {
		position: absolute;
		bottom: 60%;
		left: 0;
		width: 100%;
		text-align: center;
		line-height: 0.8em;
	}

		@media only screen and (max-width: 1000px) {
			
			header h2 {
				font-size: 2.5rem;
				margin: 2.5rem 0 1rem;
			}
			
			header p {
				font-size: 1rem;
				border:0;
				background:none;
			}

			header div.hero {
				top: 200px;
				padding: 0 1rem;
			}

		}

/* PHOTOBLOCK */

div.photoBlock {
	background-position: center !important;
	background-size:cover!important;
	min-height: 400px;
}



/* BEGIN SECTIONS */

	/* -- SECTION: FULL WIDTH -- */

		section.fullWidth {
			max-width: 1200px;
			margin: 3rem auto;
			width: 100%;
		}

		section.fullWidth.centered {
			text-align: center;
		}

			section.fullWidth h2 {
				font-size: 3.5rem;
				line-height: 4.5rem;
				text-transform: uppercase;
				color: #555555;
				letter-spacing: -.1rem;
			}

			section.fullWidth p {
				font-size: 1rem;
				line-height: 1.7rem;
				color: #333333;
				padding: 0 3rem;

			}

				@media only screen and (max-width: 1000px) {
					section.fullWidth {
						margin: 2rem;
						width: auto;
					}

					section.fullWidth h2 {
						font-size: 2rem;
						line-height: 2.5rem;
						letter-spacing: normal;
					}
					
					section.fullWidth p {
						font-size: .9rem;
						line-height: 1.5rem;
						padding: 0;
					}
				}


		/* -- SECTION: Two COL -- */

		section.twoCol {
			max-width: 1200px;
			margin: 3rem auto;
			width: 100%;
			display: flex;
			flex-wrap: wrap;
		}

			section.twoCol > div.col {
				flex:50%;
				padding: 0 1rem;
				box-sizing: border-box;
			}

				section.twoCol > div.col img {
					max-width: 100%;
				}

					@media only screen and (max-width: 1000px) {
						section.twoCol {
							margin: 1rem 1rem;
							width: auto;
						}
						section.twoCol > div.col {
							flex: 100%;
							margin: 0 0 1rem 0;
							padding-bottom: 2rem;
							border-bottom:1px solid #eee;
						}
					}

			section.twoCol > div.col h2 {
				color: #0058a4;
				font-size:2.3rem;
				text-transform: uppercase;
				margin-top: 0;
			}

			section.twoCol >div.col hr {
				border: 2px dashed #65bd60;
				margin: 0;
				max-width: 150px;
			}

			section.twoCol > div.col p {
				font-size: 1.1rem;
				line-height: 2rem;
			}

				@media only screen and (max-width: 1000px) {
					section.twoCol > div.col p {
						font-size: 1rem;
						line-height: 1.7rem;
					}
				}

		/* -- SECTION: THREE COL -- */

		section.threeCol {
			max-width: 1200px;
			margin: 3rem auto;
			width: 100%;
			display: flex;
			flex-wrap: wrap;
		}

			section.threeCol > div.col {
				flex:33.33%;
				padding: 0 1rem;
				box-sizing: border-box;
			}

				section.threeCol > div.col img {
					max-width: 100%;
				}

					@media only screen and (max-width: 1000px) {
						section.threeCol {
							margin: 3rem 1rem;
							width: auto;
						}
						section.threeCol > div.col {
							flex: 100%;
							margin: 0 0 3rem 0;
							padding-bottom: 2rem;
							border-bottom:1px solid #eee;
						}
					}


				section.threeCol > div.col h2 {
					color: #002147;
					font-weight: normal;
					font-size: 1.3rem;
				}
				
				section.threeCol > div.col h2 span.moment {
					color: #555555;
				}

				section.threeCol > div.col p {
					font-size: .8rem;
					line-height: 1.4rem;
				}

				section.threeCol > div.col p a {
					color: #002147;
					text-decoration: none;
				}

				section.threeCol > div.col p a:hover {
					color: #555555;
					text-decoration: underline;
				}


		/* -- SECTION: GRID SQUARES -- */

		section.grid {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
		}

			section.grid > div.gridBox {
				flex:25%;
				min-height: 25vw;
				background: #ccc;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				text-align: center;
				box-sizing:border-box;
				padding:2rem;
			}

				@media only screen and (max-width: 600px) {
					section.grid > div.gridBox {
						flex:1 1 50%;
						min-height: 50vw;
					}
				}

				@media only screen and (max-width: 600px) {
					section.grid {
						display: block;
					}
					section.grid > div.gridBox {
						flex:1 1 50%;
						min-height: 50vw;
					}
				}

			section.grid > div.gridBox.white {
				background: #ffffff;
			}

			section.grid > div.gridBox.yellow {
				background: #fed141;
			}

			section.grid > div.gridBox.lightBlue {
				background: #0058a4;
			}

			section.grid > div.gridBox.coral {
				background: #fa7268;
			}

			section.grid > div.gridBox.darkBlue {
				background: #013da5;
			}

			section.grid > div.gridBox.longwoodBlue {
				background: #002147;
			}

			section.grid > div.gridBox.green {
				background: #65bd60;
			}

			section.grid > div.gridBox p {
				color: #ffffff;
				margin:0;
				padding:0;
				font-size: 1.5vw;
				font-weight: bold;
			}

				section.grid > div.gridBox.longwoodBlue p, section.grid > div.gridBox.lightBlue p {
					color: white;
				}

				section.grid > div.gridBox.white p , section.grid > div.gridBox.green p{
					color: #002147;
				}

				@media only screen and (max-width: 1000px) {
				}

			section.grid > div.gridBox p.number {
				font-size: 6vw;
				line-height: 6rem;
				margin-bottom: 1rem;
				font-weight: bold;
				letter-spacing: -.3rem;
			}

			section.grid > div.gridBox.longwoodBlue p.number {
				color: #96d1f2;
			}

			section.grid > div.gridBox.lightBlue p.number {
				color:#96d1f2;
			}

				@media only screen and (max-width: 1000px) {
					section.grid > div.gridBox p.number {
						font-size: 10vw;
						margin-bottom: .5rem;
					}
					section.grid > div.gridBox p {
						font-size: 3vw;
					}
				}

				@media only screen and (max-width: 600px) {
					section.grid > div.gridBox p {
						font-size: 1rem;
					}
					section.grid > div.gridBox p.number {
						font-size: 4rem;
						line-height: 4rem;
						margin-bottom: .5rem;
					}
					
				}

			section.grid > div.gridBox.photo {
				background-size: cover!important;
			}


		/* -- SECTION: ACTION -- */

			section.fullWidth.action {
				display:grid;
				grid-template-columns: 50% 50%;
				margin: 2rem auto;
			}

			@media only screen and (max-width: 600px) {
				section.fullWidth.action {
					display: block;
					margin: 2rem;
				}
			}

			section.fullWidth.action h2 {
				color: white;
				font-size: 2.4rem;
				line-height: 2.4rem;
				margin:1.5rem 0 0 0;
			}
			section.fullWidth.action div.button {
				display: flex;
				align-items: center;
				justify-content: flex-end;
			}
			@media only screen and (max-width: 600px) {
				section.fullWidth.action div.button {
					margin-top:2rem;
					align-items: flex-start;
					justify-content: flex-start;
				}
			}

/* END SECTIONS */

/* BUTTONS */
			div.button a{
				color: #002147;
				background:#65bd60;
				padding: 2rem;
				border-radius: 6px;
				text-decoration: none;
				font-weight: bold;
				font-size: 1.2rem;
			}
			@media only screen and (max-width: 600px) {
				div.button a{
					padding: 1rem;
				}
			}
			div.button a:hover {
				background: #007582;
				color:white;
			}

/* BEGIN FOOTER */

		footer {
			width:100%;
			margin: 0;
			background:#white;
			text-align: center;
			padding-bottom: 3rem;
			color: #000000;
			background-size: cover;
		}

			footer img {
				max-width: 100%;
			}

			footer img.logo {
				padding: 2rem 0 1rem;
				width: 250px;
			}

			footer p {
				font-size: .9rem;
				line-height: 1.3rem;
			}

			footer p.social a {
				color: rgba(var(--secondary-blue),1);
			}

			footer p a:hover {
				color:rgba(var(--longwood-blue),1);
			}

			footer p.social a i {
				font-size: 2rem;
				margin-right:.25rem;
			}

/* END FOOTER */


/* Imported Content Types */
	div.row.general-content {
		max-width: 1200px;
		margin: 3rem auto;
		width: 100%;
		box-sizing: border-box;
	}
	div.row.general-content p {
		line-height:1.5rem;
	}
	div.row.general-content h2 {
		font-size: 2.2rem;
    	color: #007582;
	}
	@media only screen and (max-width: 1000px) {
		div.row.general-content {
			padding:0 2rem;
		}
		div.row.general-content h2 {
			font-size:1.7rem;
		}
		div.row.general-content img {
      		float:none!important;
      		width:90%;
      		text-align: center;
    	}
	}

/* 2025-10 All links in content bold */
footer a,div.row a,div.fullScreen a {
	font-weight:bold;
}