.happenings--title {
}

.happenings-date--title .intro-page-title:nth-child(n+2) {
	display: none;
}

.happenings--title h1 {
	float: left;
}

.happenings--select, .exhibition-archive-select {
	width: 100%;
	margin-top: 20px;
	border-color: #eb0f8b;
	color: #eb0f8b;
}

	@media (min-width: 600px) and (max-width: 767px) {
		.happenings--select {
			font-size: 12px;
			padding-left: 8px;
		}
	}
	@media (min-width: 1024px) and (max-width: 1099px) {
		.happenings--select {
			font-size: 12px;
			padding-left: 8px;
		}
	}
	@media (min-width: 600px) {
		.happenings--select, .exhibition-archive-select {
			width: 175px;
			float: right;
			margin-top: -3px;
		}
	}
	@media (min-width: 650px) {
		.happenings--select, .exhibition-archive-select {
			width: 200px;
		}
	}
	@media (min-width: 700px) {
		.happenings--select, .exhibition-archive-select {
			width: 225px;
		}
	}
	@media (min-width: 768px) {
		.happenings--select, .exhibition-archive-select {
			width: 250px;
			margin-top: 0px;
		}
	}
	@media (min-width: 1024px) {
		.happenings--select, .exhibition-archive-select {
			width: 170px;
			margin-top: 15px;
		}
	}
	@media (min-width: 1100px) {
		.happenings--select, .exhibition-archive-select {
			width: 250px;
			margin-top: 12px;
		}
	}
	@media (min-width: 1244px) {
		.happenings--select, .exhibition-archive-select {
			margin-top: 20px;
		}
	}


.happenings-preview {
	border-bottom: 1px solid #000;
	padding: 40px 0 40px;
}
	@media (min-width: 768px) {
		.happenings-preview {
			padding: 50px 0 50px 0;
		}	
	}
	@media (min-width: 1200px) {
		.happenings-preview {
			padding: 50px 100px 50px 0;
		}	
	}


.happenings-preview-img {
    position: relative;
    overflow: hidden;
    float: left;
}

.happenings-preview-img img {
	transition: all .5s;
}

.happenings-preview-img:hover img {
    transform: scale(1.1);
}

.happenings-preview-img {
	margin-bottom: 20px;
}

.happenings-preview-content {
	width: 100%;
	margin-top: -4px;
}

	@media (min-width: 768px) {
		.happenings-preview-img {
			width: 35%;
			float: left;
			margin-bottom: 0;
		}
		.happenings-preview-content {
			width: 60%;
			float: right;
		}
		.module--exhibition .happenings-preview-content {
			float: left;
		}
	}

	@media (min-width: 1024px) {
		.happenings-preview-img {
			float: left;
			width: 270px;
			margin-right: 40px;
		}
		.happenings-preview-content {
			float: left;
			width: calc(100% - 310px);
		}
	}

	@media (min-width: 1200px) {
		.happenings-preview-img {
			width: 300px;
			margin-right: 60px;
		}
		.happenings-preview-content {
			float: left;
			width: calc(100% - 360px);
		}
	}

	@media (min-width: 1400px) {
		.happenings-preview-img {
			width: 450px;
			margin-right: 60px;
		}
		.happenings-preview-content {
			float: left;
			width: calc(100% - 510px);
		}
	}

ul.happenings-categories {
	list-style: none;
}

ul.happenings-categories li {
	display: inline-block;
	margin-right: 4px;
	margin-bottom: 0;
}

.happenings-preview-content h5 {
	font-size: 2.1rem;
}

.happenings-preview-content h4 {
	margin: 7px 0 20px;
	line-height: 1.15;
}

.happenings-preview-content h4 a {
	text-decoration: none;
	color: #000;
}

.happenings-preview-content h6 {
	color: #eb0f8b;
	font-size: 1.3rem;
	letter-spacing: .5px;
	margin-top: -5px;
	text-transform: uppercase;
}
	@media (min-width: 768px) {
		.happenings-preview-content h6 {
			font-size: 1.5rem;
			letter-spacing: 1px;
		}	
	}


.happenings-preview-content .calendar-time {
	width: 35%;
	margin-top: 2px;
}

	@media (max-width: 767px) {
		.happenings-preview-content .calendar-workshop {
		    width: 65%;
		}
	}
	@media (min-width: 768px) {
		.happenings-preview-content .calendar-time {
			width: 26%;
		}
	}
	@media (min-width: 1024px) {
		.happenings-preview-content .calendar-time {
			width: 22%;
		}
	}


.workshop-entry .calendar-time {
	margin-top: 0;
}

	@media (min-width: 768px) and (max-width: 1243px) {
		.workshop-entry .workshop-schedule:first-child {
			margin-top: 5px;
		}

		.workshop-entry .calendar-time {
			width: 100%;
			margin-bottom: 5px;
		}

		.workshop-entry .calendar-workshop {
			width: 100%;
		}
	}
	@media (min-width: 1024px) {
		.workshop-entry .workshop-schedule:first-child {
			margin-top: 5px;
		}
	}
	@media (min-width: 1244px) {
		.workshop-entry .calendar-time {
			width: 26%;
		}
	}






.happenings-preview-content .calendar-workshop a {
	color: #000;
}

.happenings-preview-content .calendar-workshop a p {
	margin: 0 0 12px 0;
}

.workshop-schedule {
	margin-top: 12px;
}

.calendar-workshop ul {
	list-style: none;
}

.calendar-workshop ul li {
	margin-bottom: 0;
}

ul.happenings-date-and-button {
	list-style: none;
	float: left;
	width: 100%;
}

ul.happenings-date-and-button:last-child li, ul.happenings-date-and-button:last-child li .happenings-date p {
	margin-bottom: 0;
}

ul.happenings-date-and-button li div {
	display: inline-block;
}

.happenings-date {
	float: left;
}

.happenings-date a {
	width: 100%;
}

/*.happenings-date a, .happenings-button {
	background-color: #000;
	display: inline-block;
	color: #fff;
	padding: 9px 30px 8px;
	text-align: center;
}*/

.happenings-date a, .happenings-button {
	background-color: #000;
	display: inline-block;
	color: #fff;
	padding: 9px 8px 8px;
	text-align: center;
}

.happenings-date h5, .happenings-button h5 {
	font-size: 1.8rem;
	letter-spacing: 0.05rem;
}

.happenings-date p {
	text-align: center;
    margin-top: 8px;
    margin-bottom: 9px;
}

.happenings-button {
	background-color: #eb0f8b;
	float: right;
}

.happenings-date a, .happenings-button a {
	color: #fff;
	text-decoration: none;
}

	@media (min-width: 0px) and (max-width: 549px) {
		.happenings-date {
			width: 52%;
		}
		.happenings-button {
			width: 46%;
		}
	}

	@media (min-width: 550px) and (max-width: 767px) {
		.happenings-date {
			width: 48.5%;
		}
		.happenings-button {
			width: 48.5%;
		}
	}

	@media (min-width: 768px) and (max-width: 1023px) {
		.happenings-date a {
			min-width: 200px;
		}
		.happenings-button {
			float: left;
			/*min-width: 160px;*/
			min-width: 178px;			
			margin-left: 10px;
		}
	}

	@media (min-width: 1024px) and (max-width: 1243px) {
/*		.happenings-date {
			width: 60%;
		}
		.happenings-button {
			width: 37%;
			float: right;
		}*/
		.happenings-date {
			width: 52%;
		}
		.happenings-button {
			width: 46%;
			float: right;
		}
	}

	@media (min-width: 1244px) {
		.happenings-date a {
			min-width: 200px;
		}
		.happenings-button {
			float: left;
			/*min-width: 160px;*/
			min-width: 178px;
			margin-left: 10px;
		}
	}


/*  HAPPENINGS - CATEGORIES  */
.happenings--categories-page {
	margin-bottom: 30px;
}
	@media (min-width: 768px) {
		.happenings--categories-page {
			margin-bottom: 120px;
		}
	}
/*  HAPPENINGS - CATEGORIES  */





/*  EXHIBITIONS  */


/* ARCHIVE BLOCKS */
/*.happenings--archive {
	margin-bottom: 60px;
}
	@media (min-width: 768px) {
		.happenings--archive {
			margin-bottom: 120px;
		}
	}*/

	

.exhibition--archive, .happenings--archive, .workshop-entry--archive {
	margin-bottom: 30px;
	margin-top: 30px;
}
	@media (min-width: 768px) {
		.exhibition--archive, .happenings--archive, .workshop-entry--archive {
			margin-bottom: 40px;
			margin-top: 75px;
		}
	}
	@media (min-width: 1024px) {
		.exhibition--archive, .happenings--archive, .workshop-entry--archive {
			margin-bottom: 100px;
			margin-top: 75px;
		}
	}

.workshop-entry--archive {margin-bottom: 0 !important;}
/* ARCHIVE BLOCKS */


/*  ARCHIVE TITLES  */
.exhibition--archive .page-title, .happenings--archive .page-title, .workshop-entry--archive .page-title, .exhibition--archive .happenings--title, .exhibition--archive .happenings--title .exhibition-archive-select {
	margin-bottom: 20px;
}
	@media (min-width: 768px) {
		.exhibition--archive .page-title, .happenings--archive .page-title, .workshop-entry--archive .page-title, .exhibition--archive .happenings--title, .exhibition--archive .happenings--title .page-title {
			padding-bottom: 25px; margin-bottom: 40px;
		}	
	}
	@media (min-width: 1024px) {
		.exhibition--archive .page-title, .happenings--archive .page-title, .workshop-entry--archive .page-title, .exhibition--archive .happenings--title, .exhibition--archive .happenings--title .page-title {
			padding-bottom: 25px; margin-bottom: 50px;
		}	
	}

.happenings--archive .page-title, .workshop-entry--archive .page-title {margin-bottom: 0 !important;}
.exhibition--archive .happenings--title .page-title {margin-bottom: 0;}
.exhibition--archive .happenings--title {padding-bottom: 0;}
/*  ARCHIVE TITLES  */



.exhibition--archive-module:first-child {margin-bottom: 20px;}

.exhibition--archive-module .index--intro-module-bottom-right {
	display: block;
}

.exhibition--archive-module .index--intro-module-bottom p {
	text-transform: uppercase;
	color: #fff !important;
	margin: 9px 0 0;
}

.exhibition--archive-module .index--intro-module-bottom h6 {
	color: #fff !important;
	line-height: 1.1;
}

.happenings-rsvp {
	padding: 15px 55px;
}
/*  EXHIBITIONS  */