@charset "UTF-8";
/* CSS 2023 Event Portal StylesDocument */

body {font-family: "Work Sans", "SourceSans", Helvetica, sans-serif; font-weight: 400;}
h1, h2 {font-family: "Work Sans", Helvetica, sans-serif !important; font-weight: 800;}
h1.pagetitle {font-family: "Work Sans", Helvetica, sans-serif !important; font-weight: 800;font-size:3.5em;}
h2 {font-size: 2.75em;}

#introshell {margin: 20px 0 0 0;}
#introtext {padding: 0;}
.subtitle {font-family: "Work Sans", Arial, sans-serif;margin: 0;padding: 0px;position: absolute;top: 0;right: 0;font-size: 1.0em !important;}
.subtitle .cms-button {font-family: "Work Sans", Arial, sans-serif !important; font-size: 1.0em !important; }

.ctabutton { font-family: "Work Sans", Helvetica, sans-serif !important;}

/* start Events w/ Images styles */
.imageevents { position: relative; display:block; width:100%; height: 450px; max-width: 100%; margin: 30px auto; padding: 30px 0; border-bottom: 1px solid #CCC; background: #ededed;}
.imageevents ul.hpevents { position: relative; width: 80%; max-width: 1200px; background: #FFF; display: block; margin: 0 auto; padding: 0; height: auto; }
.imageevents ul.hpevents li { position: relative; list-style: none; display: inline; float: left; width: 31% !important; padding: 1%; margin: 0; text-align:left; overflow: visible; }
.imageevents ul.hpevents li h3 { margin: 5px 0 5px 0; }
.imageevents ul.hpevents li .dateday {position: relative; display:block; float:none; width:100%; height: auto;min-height: 5px;}
	.imageevents ul.hpevents li .dateday .date {position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 1.5em; color: #222; font-weight: 800; }
	.imageevents ul.hpevents li .dateday .day {position: relative; display: block; float: none; padding: 0; margin: 0; font-size: 0.9em; color: #ad1a1f; text-transform: none; letter-spacing: 0px; }
.imageevents ul.hpevents li .eventtext { position: relative; text-align: left; width: 100%; float: none; display: block; font-size: 1em; padding: 0 0 0 0; margin: 0; line-height: 1.5em;}
	.imageevents ul.hpevents li .eventtext .eventlink {font-size: 1.3em; font-weight: 800; text-align: left; }
	.imageevents ul.hpevents li .eventtext button.modal-open {display: block;background: #fff;color: #ad1a1f;white-space: normal; text-align: left;line-height: 1em; font-size: 1.3em;text-transform: none;letter-spacing: 0px;font-weight: 800; margin: 0 0 10px 0;}
	.imageevents ul.hpevents li .eventtext .ctabutton { width: auto; height: auto; margin: 10px auto 0 auto; padding: 10px; background: #ad1a1f; border: none; border-radius: 0; font-size: 0.70em; text-align: center;  }
.imageevents ul.hpevents li .eventpic { position: relative; display: block; width: 100%; height: 200px; float: none; overflow: hidden; margin: 0 0 15px 0;}
	.imageevents ul.hpevents li .eventpic img { width: 100%; height:auto;}

/* start Weekly Events styles */
.weekevents { position: relative; display: block; width:80%; max-width: 1200px; margin: 30px auto; padding: 0;}
.weekevents ul.hpevents { position: relative; width: 100%; background: #FFF; display: block; margin: 0 auto; padding: 0; height: auto; }
.weekevents ul.hpevents li { position: relative; list-style: none; display: block !important; width: 98% !important; height: 100%; height: auto !important; min-height: 90px;padding: 1%; margin: 0 0 1% 0; text-align:left; overflow: visible; border-bottom: 1px solid #ccc; }
.weekevents ul.hpevents li .dateday {position: relative; float:left; width:15%; height: 100%;}
	.weekevents ul.hpevents li .dateday .date {position: relative; display: block; float: none; padding: 0; margin: 0 5px 0 0; font-size: 1.5em; color: #222; font-weight: 800; }
	.weekevents ul.hpevents li .dateday .day {position: relative; display: block; float: none; padding: 0; margin: 0; font-size: 0.9em; font-weight: 700; color: #cc1c1c; text-transform: uppercase; letter-spacing: 0px; }
.weekevents ul.hpevents li .eventtext { position: relative; width: 85%; text-align: left; float: left; display: inline; font-size: 1em; padding: 0px 0px 10px 0px; line-height: 1.5em; }
	.weekevents ul.hpevents li .eventtext .eventlink {font-size: 1.3em; font-weight: 800; text-align: left; }
	.weekevents ul.hpevents li .eventtext a {font-size: 1.3em; font-weight: 700; text-align: left; text-decoration: none; }
	.weekevents ul.hpevents li .eventtext a:hover {text-decoration: underline; }
	.weekevents ul.hpevents li .eventtext button.modal-open {display: block;background: #fff;color: #ad1a1f;white-space: normal; text-align: left;line-height: 1em; font-size: 1.3em;text-transform: none;letter-spacing: 0px;font-weight: 800; margin: 0 0 10px 0;}
	.weekevents ul.hpevents li .eventtext .ctabutton { width: auto; height: auto; margin: 10px auto 0 auto; padding: 10px; background: #ad1a1f; border: none; border-radius: 0; font-size: 0.70em; text-align: center;  }
.weekevents ul.hpevents li .eventpic { position: relative; width: 25%; height: 150px; float: left; overflow: hidden; margin-right: 1%;}
	.weekevents ul.hpevents li .eventpic img { width: auto; height:100%;}

.timezone {position: relative; font-size: 0.8em; color: #999 !important; font-style: italic;}

/*.filterbox {position: absolute; top: 50px; right: 0px; width: 350px; height: auto; overflow: visible; border: 1px solid #ccc; background: #FFF; z-index:9999;}*/

/* Subnav Styles */
nav#subnavigation_menus {color: #222;background-color: #FFF;margin: 15px auto !important;}
nav#subnavigation_menus ul {width: 100%; margin: 0 auto !important;}
#subnavigation_menu {width: 100%;background-color: #FFF;}
#subnavigation_menu ul.menu_nav {display: block; width: auto; margin: 0 auto; max-width: 800px;}
#subnavigation_menu .menu_nav > .nav_menu_item {border: 1px solid #CCC; padding: 0; margin: 0 0.5%; color: #222 !important;}
#subnavigation_menu .menu_nav > .nav_menu_item.no_subnav a, #subnavigation_menu .menu_nav > .nav_menu_item a.mainlink {color: #222 !important;font-weight: 800;}

nav#portal-menu {position: relative; display: block; width:100%; max-width: 1200px; margin: 0 auto; }
nav#portal-menu ul.menu-nav {position: relative; display: block; width:100%; max-width: 1200px; margin: 20px auto !important; }
nav#portal-menu ul.menu-nav li {position: relative; display: inline; list-style: none; width:auto; margin: 0 1%; padding: 0.5% 1%; border: 1px solid #ccc; }
nav#portal-menu ul.menu-nav li a {color: #222; text-decoration: none;}

/* Slick Slider Styles */
#slideshow-slick #slideshell-slick {font-family: "Work Sans", "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif;}
#slideshow-slick #slideshell-slick div.ss_content {position: absolute;width: 95%;right: auto;top: auto;bottom: 0;margin: 0;padding: 2.5%;font-family: "Work Sans", "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif;font-weight: 600;background: url(https://www.bard.edu/images/tints/80black.png) repeat; min-height: 200px;}
#slideshow-slick #slideshell-slick .title {font-family: "Work Sans", "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; font-size: 3.0em; color: #FFFFFF; font-weight: 800;}

/* ---------------------------- LARGE SCREEN DISPLAY STYLES ------------------------ */

@media only screen and (min-width: 1200px) and (max-width: 1401px) {	
	
	
}


/* ---------------------------- DESKTOP ONLY  STYLES ------------------------ */

@media only screen and (min-width: 1001px) and (max-width: 1199px) {
	.imageevents { width:100%; max-width: 1100px; }
	.weekevents { width:100%; max-width: 1100px; }
}


/* ---------------------------- TABLET ONLY  STYLES ------------------------ */

@media only screen and (min-width: 665px) and (max-width: 1000px) {
	
    #subnavigation_menu .subnav-head {margin: 0px;}
	#subnavigation_menu .subnav-head a {background: #c11c1c;}
    .imageevents { width:100%;}
    .imageevents ul.hpevents {width: 90%;}
    .imageevents ul.hpevents li .eventpic {height: 120px;}
	.weekevents { width:100%; }
    .weekevents ul.hpevents {width: 90%}
}


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

@media screen and (max-width: 664px) {
	
	body#home #introtext {display: none;}
    #introshell .introtype {max-width: 90%; text-align: center;}
	.subtitle {font-family: "Work Sans", Arial, sans-serif;margin: 0;padding: 0px;position: relative;top: auto;right: auto;font-size: 1.0em !important;}
    #subnavigation_menu .subnav-head {margin: 0px;}
	#subnavigation_menu .subnav-head a {background: #c11c1c;}
	#slideshowbox-slick { position: relative; top: 0px; height: auto !important; margin: 10px 0 25px 0;}
	#slideshow-slick #slideshell-slick .title {font-size: 2.0em;}
    .imageevents {background: #FFF;}
    .imageevents ul.hpevents {width: 100%;}
	.imageevents { position: relative; display: block; width:90%; height: 100%; max-width: 100%; margin: 0; padding: 5%; border-bottom: 1px solid #CCC; overflow: visible; }
	.imageevents ul.hpevents li { position: relative; list-style: none; display: block; float: none; width: 100% !important; padding: 0; margin: 0 0 25px 0; text-align:left; overflow: visible; }
	.imageevents ul.hpevents li .eventpic { position: relative; display: block; width: 100%; height: auto !important; float: none; overflow: visible; margin: 0 0 15px 0;}
	
	.weekevents { position: relative; display: block; width:90%; height: 100%; max-width: 100%; margin: 0; padding: 5%; overflow: visible;}
    .weekevents ul.hpevents li {padding: 0; margin: 0 0 2% 0;}
	.weekevents ul.hpevents li .dateday {position: relative; display: block; float:none; width:100%; height: 100%;}
	.weekevents ul.hpevents li .eventtext { position: relative; width: 100%; float: none; display: block; }
	
}