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


.inline-institute { width: 30%; height:30%; }


/* added and updated styles for the 2024 redesign */
@media screen and (min-width: 1024px) {

body { background-color: #f7f7f7; }
header img {max-width:20vw; width:20vw;}

.container { max-width: 95vw;}

header { 
	position: fixed;
    width: 100vw;
    background-color: rgba(177, 24, 30, 0.9);
    z-index: 20;
 }

header .container .content .navbar {
 float: right;
 clear: both;
 margin: 0 0 0 2px;
 background-color: transparent;
 border: none;
 }
 
header .container .content .navbar .dropdown  {margin-right: -5px;}
header .alt ul li .dropdown-menu {
	 left: -90px;
}
#mobileMenu {display:none; visibility: hidden;}
header .container .content.component {
	margin-top: -55px;
	width:70%;
	float:right; 
	background-color: transparent;
  }
.event-detail-main .event-detail-img img  { border-radius: 30px; height: 28vw;
	max-height: 380px;
	width: 60vw;
max-width:795px; 
float: left; }
.event-detail-main .artist-detail-img img { width: 45vw; }

 .event-detail-main .nav.navbar-nav h3, .alumni-nav h3 {
	background-color: #ddd;
	font: 14px/46px 'Whitney SSm A', 'Whitney SSm B', serif;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1.2px;
	color: #606060;
	height: 52px;
	margin: -18px 0 0 0;
	padding:  13px;
	border-radius: 30px 30px 0 0;
  }
  .event-detail-main .aside .nav.navbar-nav, .alumni-nav {
	  width: 100%;
	  margin:  0 0 14px;
	  padding: 0 0 9px;
	  list-style-type: none;
	  background-color: #fff;
	  background-image: none;
	  display: block;
	  border-radius: 0 0 30px 30px;

	}
.event-detail-main .aside .nav.navbar-nav, .alumni-nav {
   border-radius: 30px;
  }

.container .main-content {
	margin-top: 105px; 
}
.main-event .main-event-img, .main-event .main-event-info {
	margin-top: 105px; 
	margin-bottom: 20px; 
}
.main-event .main-event-img {
	border-radius: 30px 0 0 30px; 
	background-color: #AB2328;
	width:66%
}

.image-wrapper img {width: 60vw; height:28vw; max-height:380px; max-width:795px; border-radius: 30px; }

.events-info .item .img-wrapper img,
 .events-list ul li img {
border-radius: 20px; 

}
.main-content .event-detail-about {
margin-top: -85px;
}

.container .aside {
		width: 32.65107212475634%;
		margin: 130px 0 0 1.07212475633528%;
		float: left;
	}

.comingEvents div {
   width: 30%; 
	background-color: #fff;
	white-space: normal;
	float: left;
	height: 600px;
	display: inline-block;
	zoom: 1;
	border-radius:20px; 
	overflow: hidden; 
	margin:0 1.5% 22px 1.5%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.event-detail-about .program-info-column .program-info-item dd { color: #606060; font-weight: 500;  }

footer .footer-content { background-color: #6B645B;   }
.footer-content { color: white; margin: 0 auto; }
.footer-content a { color: white; }
.footer-content a:hover { color: #E4C9C9; text-decoration: underline; }
.foot-left {width: 50vw; float: left;  }
.foot-right {width: 40vw; float: right;  }
footer h3 { margin-left: -5px; }

}
 
@media screen and (max-width: 1023px) {
	
	header { background-color: rgba(177, 24, 30, 0.9); padding-bottom: 5px; }
	.event-detail-main .aside .nav.navbar-nav, .alumni-nav { margin-top:130px;}

}
@media screen and (max-width: 650px) {
	
	.event-detail-main .aside .nav.navbar-nav, .alumni-nav { margin-top:0px; }

}