@charset "UTF-8";
/* Homepage CSS Document */


h1.pagetitle{ display: none;}

.introtype > .subtitle { margin: 10px 0px 0px 0px; font-size: 1.9em;}

ul.hpevents li .date { position: relative; display: inline; float: left; padding: 5%; margin: 0 10px 0 0; font-size: 1.5em; color: #FFF; font-weight: 700; background: #364c58; }
ul.hpevents li .day { position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 0.9em; text-transform: uppercase; letter-spacing: 1px; }


/* Navigation Styles */
/*@media only screen and (min-width: 1001px) {
	header.fixed {
		background: linear-gradient(to bottom, rgba(0,0,0,1), rgba(255,255,255,0));
	}

	nav#navigation_menus {
		background: transparent;
	}

	#navigation_menu .nav_menu_toggle > span:not(.sr-only) {
		background: #FFF !important;
	}

	#navigation_menu .nav_menu_toggle[aria-expanded="true"] > span {
		background: #ad1a1f !important;
	}

	#navigation_menu .nav_menu_toggle:hover > span {
		background: #ad1a1f !important;
	}

	#navigation_menu .menu_nav > .nav_menu_item > a:not(.linkbutton)[aria-expanded],
	#navigation_menu .menu_nav > .nav_menu_item.no_subnav > a:not(.linkbutton),
	#navigation_menu .menu_nav > .nav_menu_item > a:not(.linkbutton).mainlink {
		color: #FFFFFF !important;
		background-color: transparent !important;
	}

	#navigation_menu .menu_nav > .nav_menu_item > a[aria-expanded]:hover,
	#navigation_menu .menu_nav > .nav_menu_item > a[aria-expanded]:focus,
	#navigation_menu .menu_nav > .nav_menu_item > a[aria-expanded].open,
	#navigation_menu .menu_nav > .nav_menu_item.no_subnav > a:hover,
	#navigation_menu .menu_nav > .nav_menu_item.no_subnav > a:focus,
	#navigation_menu .menu_nav > .nav_menu_item > a.mainlink:hover,
	#navigation_menu .menu_nav > .nav_menu_item > a.mainlink:focus {
		color: #FFFFFF !important;
	}

	#navigation_menu .menu_nav > .nav_menu_item > a.mainlink:not(.nav_submenu_toggle):focus, #navigation_menu .menu_nav > .nav_menu_item > a:not(.nav_submenu_toggle)[aria-expanded].open {
		background-color: transparent;
	}

	#navigation_menu .menu_nav > .nav_menu_item > a.mainlink:not(.nav_submenu_toggle):focus::after,
	#navigation_menu .menu_nav > .nav_menu_item > a:not(.nav_submenu_toggle)[aria-expanded].open::after {
		background: none;
	}

	#navigation_menu .menu_nav > .nav_search a {
		background-image: url(https://www.bard.edu/includes/nav/nav_menus/images/nav_search-white.png) !important;
	}
}*/
@media only screen and (min-width: 1001px) {
	header.fixed.hp {
		/*background: transparent;*/
		background: linear-gradient(to bottom, rgba(0,0,0,1), rgba(255,255,255,0));
	}

	.hp nav#navigation_menus {
		background: transparent;
	}

	.hp #navigation_menu .nav_menu_toggle > span:not(.sr-only) {
		background: #FFF !important;
	}

	.hp #navigation_menu .nav_menu_toggle[aria-expanded="true"] > span {
		background: #ad1a1f !important;
	}

	.hp #navigation_menu .nav_menu_toggle:hover > span {
		background: #ad1a1f !important;
	}

	.hp #navigation_menu .menu_nav > .nav_menu_item > a:not(.linkbutton)[aria-expanded],
	.hp #navigation_menu .menu_nav > .nav_menu_item.no_subnav > a:not(.linkbutton),
	.hp #navigation_menu .menu_nav > .nav_menu_item > a:not(.linkbutton).mainlink {
		color: #FFFFFF !important;
		background-color: transparent !important;
	}

	.hp #navigation_menu .menu_nav > .nav_menu_item > a[aria-expanded]:hover,
	.hp #navigation_menu .menu_nav > .nav_menu_item > a[aria-expanded]:focus,
	.hp #navigation_menu .menu_nav > .nav_menu_item > a[aria-expanded].open,
	.hp #navigation_menu .menu_nav > .nav_menu_item.no_subnav > a:hover,
	.hp #navigation_menu .menu_nav > .nav_menu_item.no_subnav > a:focus,
	.hp #navigation_menu .menu_nav > .nav_menu_item > a.mainlink:hover,
	.hp #navigation_menu .menu_nav > .nav_menu_item > a.mainlink:focus {
		color: #FFFFFF !important;
	}

	.hp #navigation_menu .menu_nav > .nav_menu_item > a.mainlink:not(.nav_submenu_toggle):focus,
	.hp #navigation_menu .menu_nav > .nav_menu_item > a:not(.nav_submenu_toggle)[aria-expanded].open {
		background-color: transparent;
	}

	.hp #navigation_menu .menu_nav > .nav_menu_item > a.mainlink:not(.nav_submenu_toggle):focus::after,
	.hp #navigation_menu .menu_nav > .nav_menu_item > a:not(.nav_submenu_toggle)[aria-expanded].open::after {
		background: none;
	}

	.hp #navigation_menu .menu_nav > .nav_search a {
		background-image: url(https://www.bard.edu/includes/nav/nav_menus/images/nav_search-white.png) !important;
	}
}



/* Looping Video Styles */

main {
	margin: 0px auto 0 auto;
	padding-top: 20px;
	background-color: #FFF;
}

#introshell {
	display: none;
}


.fullscreen-bg-shell {
	position: relative;
	/*margin: calc(69px + 30px) auto 0 auto;*/
	margin: 0 auto;
	width: 100%;
	max-height: 600px;
	overflow: hidden;
	background-color: #222;
}

.fullscreen-bg-shell .tagline {
	position: absolute;
	bottom: 3%;
	left: 13%;
	z-index: 10;
	color: #FFFFFF;
	font-size: 3.0em;
	font-weight: 700;
	text-align: left;
}

.fullscreen-bg-shell .tagline .ctabutton {
	position: relative;
	background: #ad1a1f !important;
	font-size: 0.3em !important;
	margin-top: 2em;
}

.fullscreen-bg-shell .tagline .ctabutton a:link,
.fullscreen-bg-shell .tagline .ctabutton a:visited {
	position: relative;
	background: #ad1a1f !important;
}

.fullscreen-bg {
	position: relative;
	padding-top: 56.25%;
	height: 0px;
	text-align: center;
	overflow: hidden;
	background-color: transparent;
}

.fullscreen-bg .videoshell {
	position: fixed;
	padding: 0;
	/*margin: calc(69px + 30px) auto 0 auto;*/
	margin: 0 auto;
	top: 0px;
	right: 0;
	bottom: 0;
	left: 0;
	aspect-ratio: 16/9;
	width: 100%;
	overflow: hidden;
	background-color: transparent;
}

.fullscreen-bg .videoshell .grade {position: absolute;
	width: 100%;
	height: 0px;
	padding-top: 56.25%;
	background: repeat-x url(https://www.bard.edu/images/tints/hp-video-grade.png) transparent;
	background-size: contain;
	z-index: 9;
}

.fullscreen-bg iframe {
	padding: 0;
	margin: 0 auto 0 auto;
	width: 100%;
	height: 100%;
}

.fullscreen-bg video {
	padding: 0;
	margin: 0 auto 0 auto;
	width: 100%;
	height: 100%;
}

.fullscreen-bg .videoshell {
	/*background-image: url(https://www.bard.edu/images/hp-video/poster_lq2.jpg);*/
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}


@media screen and (min-width: 421px) {
	.fullscreen-bg .videoshell {
		/*background-image: -webkit-image-set(
			url("https://www.bard.edu/images/hp-video/poster_lq.webp"),
			url("https://www.bard.edu/images/hp-video/poster_lq1.jpg")
		);
		background-image: image-set(
			url("https://www.bard.edu/images/hp-video/poster_lq.webp") type("image/webp"),
			url("https://www.bard.edu/images/hp-video/poster_lq1.jpg") type("image/jpeg")
		);*/

		/*background-image: -webkit-image-set(
			url("https://www.bard.edu/images/hp-video/poster_hq.webp") 1x,
			url("https://www.bard.edu/images/hp-video/poster_hq.webp") 2x
		);
		background-image: image-set( /*--- Safari ---*/
			url("https://www.bard.edu/images/hp-video/poster_lq1.jpg") 1x,
			url("https://www.bard.edu/images/hp-video/poster.jpg") 2x
		);*/
	}
}

/*@media screen and (max-width: 420px) {
	.fullscreen-bg .videoshell {
		background-image: -webkit-image-set(
			url("https://www.bard.edu/images/hp-video/poster_lq.webp") 1x,
			url("https://www.bard.edu/images/hp-video/poster_lq.webp") 2x
		);
		background-image: image-set( /*--- Safari ---*/
			url("https://www.bard.edu/images/hp-video/poster_lq2.jpg") 1x,
			url("https://www.bard.edu/images/hp-video/poster_lq2.jpg") 2x
		);
	}
}*/

.fullscreen-bg-shell {
	max-height: 650px;
}


/* ----- Safari hacks ----- */
_::-webkit-full-page-media, _:future, :root .fullscreen-bg {
	padding-top: 56.25%;
	height: 0;
}

_::-webkit-full-page-media, _:future, :root .fullscreen-bg .videoshell {
	position: absolute;
	margin-top: 0px;
	width: 100%;
}

@supports (aspect-ratio: 16/9) {
	_::-webkit-full-page-media, _:future, :root .fullscreen-bg {
		padding: 0;
		height: auto;
		aspect-ratio: 16/9;
	}

	_::-webkit-full-page-media, _:future, :root .fullscreen-bg .videoshell {
		position: fixed;
		/*margin-top: calc(69px + 30px);*/
		margin-top: 0; 
	}
}
/* ------------------------ */


@supports (aspect-ratio: 16/9) {
	.fullscreen-bg {
	padding: 0;
	height: auto;
	aspect-ratio: 16/9;
	width: 100%;
}

	.fullscreen-bg .videoshell {
		position: fixed;
		/*margin-top: calc(69px + 30px);*/
		margin-top: 0;
	}
}

@media only screen and (min-width: 1500px) {
	.fullscreen-bg-shell .tagline {
		bottom: 3%;
	}
}


@media only screen and (min-width: 1001px) and (max-width: 1201px) {
	.fullscreen-bg-shell .tagline {
		position: absolute;
		bottom: 3%;
		left: 0;
		right: 0;
		margin: 0 auto;
		/*max-width: 90%;*/
	}
}

/* ------------------- MOBILE ONLY  STYLES ------------------------------------ */

@media screen and (max-width: 1000px) { 
	.fullscreen-bg .videoshell {
		margin-top: 60px;
	}

	.fullscreen-bg-shell .tagline {
		position: absolute;
		bottom: 3%;
		left: 0;
		right: 0;
		margin: 0 auto;
		max-width: 90%;
	}
}


@media only screen and (min-width: 665px) and (max-width: 1000px) {
	body#home #hppr .hpprnews { width: 70%; margin: 0; float: left; }
	body#home #hppr .hpprnews>.hpcols { width: 45%; }
	body#home #hppr .hpprevents {width: 30%;}
}


@media screen and (max-width: 664px) { 
	#introshell { position: relative; width: 100%; height: auto !important; background: transparent; z-index: 1000; padding: 0; max-height: 500px; min-height: 0px; overflow: hidden; }
	#introshell>.image { position: relative; width: 100%; /*height: auto !important;*/ background: transparent; z-index: 1000; padding: 0; padding-top: calc(34.6% + 25%); height: 400px; max-height: 400px; min-height: 0px; overflow: hidden; }
	#introshell>.sitetitle {position: relative !important;top: 0px !important;left: 20px !important;width: 20% !important;}
	body#home #hppr .hpprevents {width: 100%;}
	#maintext .introbuttons { padding-top: 0px; }
	footer { margin-top: 0px !important; }


	.fullscreen-bg-shell {
		/*margin-top: calc(69px + 0px);*/
		margin-top: 0px;
		width: 100%;
	}

	.fullscreen-bg .videoshell {
		/*margin-top: calc(69px + 30px);*/
		width: 100%;
	}

	.fullscreen-bg-shell .tagline {
		bottom: 7%;
		left: 0;
		right: 0;
		margin: 0 auto;
		max-width: 90%;
		font-size: 1.8em;
	}

	.fullscreen-bg-shell .tagline .ctabutton {
		margin-top: 1.5em;
		margin-right: .5em;
		font-size: 0.5em !important;
	}

	.fullscreen-bg .videoshell .grade {
		position: absolute;
		width: 100%;
		height: auto;
		background: repeat-x url(https://www.bard.edu/images/tints/hp-video-grade.png) transparent;
		background-size: contain;
		z-index: 9;
	}
}

@media screen and (max-width: 420px) {
	.fullscreen-bg-shell .tagline {
		font-size: 1.5em;
	}

	.fullscreen-bg-shell .tagline .ctabutton {
		margin-top: 1.2em;
		margin-right: 0em;
	}
}

@media screen and (max-width: 320px) {
	#supershell {
		width: 100% !important;
	}

	.fullscreen-bg-shell .tagline {
		font-size: 1.2em;
	}

	.fullscreen-bg-shell .tagline .ctabutton {
		margin-top: 1em;
	}
}