#area-middle {
	padding:20px 10%;	
}
#area-middle .area-breadcrumb {
	color:#646464;
	font-size:20px;
	margin-bottom:20px;
}
.sub-title {
	font-size: 32px;
	text-align:center;
}
.view-link {
	right:0; 
	bottom:12px; 
	position:absolute; 
	border-left:2px solid #CCC; 
	padding-left:10px;
}
.view-link:hover {
	color:#007bff;
}

/*--Calendar--*/
.calendar-list {
	color:#666;
	font-size:18px;
	margin-top:2vw;
}
.calendar-list .date {
	width:240px !important;
}
.calendar-list i, .exhibitions-list i {
	margin-right:10px;
}
.calendar-list ul.nav, .exhibitions-list ul.nav {
	border-bottom:solid 2px #EBEBEB;
	position:relative;
}
.calendar-list li.nav-item, .exhibitions-list li.nav-item {
	margin-right:8px;
}
.calendar-list ul.nav .active, .exhibitions-list ul.nav .active {
	border-bottom:solid 4px #007bff;
}
.calendar-list .add-to-google {
	width:20px; 
	vertical-align:top;
	margin-top:2px; 
	margin-left:5px;
}
.calendar-list .venue {
	margin-left:18px;
	text-indent:-11px;	
}
.calendar-list .category {
	margin-left:14px;
	text-indent:-14px;	
}
.calendar-list .icon, .exhibitions-list .icon {
	display:none;
}
.past-events {
	font-size:24px; 
	font-weight:bold; 
	text-align:center; 
	padding:10px 0; 
	background-color:#F6F6F6;
	margin:20px 0;
}

@media (max-width:991px) {
	.sub-title {
		font-size:24px;	
	}	
}


/*--Exhibitions--*/
.exhibitions-list {
	color:#666;
	font-size:18px;
	margin-top:2vw;
}
.exhibitions-list ul.catalog {
	position:relative;
	margin-bottom:26px;
	cursor:pointer;
}
.exhibitions-list ul.catalog:hover, .exhibitions-list ul.catalog:hover .show-name {
	color:#06F;
}
.exhibitions-list .date {
	font-size:24px; 
	font-weight:bold; 
	color:#165f76; 
	padding:5px 0; 
	border-bottom:1px solid #4c9bb5; 
	margin-bottom:10px;
}
.exhibitions-list .year {
	color:#b3b3b3;
	font-size:18px;
	font-weight:100;
	padding-left:10px;
}
.exhibitions-list .location, .exhibitions-list .category  {
	font-weight:100;
	font-size:16px;
	width: calc(100% - 150px);
}
.exhibitions-list .location i {
	margin-right:5px;	
}
.exhibitions-list .city {
	font-weight:bold;
	padding-right:30px;	
}
.exhibitions-list .show-name {
	color:#000;
	font-size:24px;
	font-weight:bold;
	line-height:30px;
	margin-bottom:12px;
}
.exhibitions-list .logo {
	position:absolute;
	right:20px;
	bottom:0px;
}
.exhibitions-list .logo img {
	width:100px;	
}
@media (max-width:767px) {
	.exhibitions-list .venue {
		display: block;
	}
	.exhibitions-list .logo {
		display:none;	
	}
}
@media (max-width:576px) {
	.calendar-list .icon, .exhibitions-list .icon {
		display:inline;
	}
	.calendar-list .view-link span, .exhibitions-list .view-link span {
		display:none;
	}
}