/* Bespoke tweak for Cornerstone
--------------------------------------------- */
.va-footer-header {
	margin-top: 0;
}

a.va-highlight {
   color: #222 !important;
}

.h-events-bac {
	background: #e6e6e6;
	padding: 40px 0 60px 0;
	margin: 0;
}
.h-events-wrapper {
	background: #fff;
	overflow: hidden;
	border: 1px solid #DDD;
	-webkit-border-radius: 0px;
       -moz-border-radius: 0px;
            border-radius: 0px;
	margin: 0 0 30px 0;
}
/* Venue & Time
--------------------------------------------- */
.h-events-date-row {
	background: #E6E6E6;
	padding: 15px;
	text-align: center;
}
.h-events-location {
	color: #666666;
	font-size: 14px;
	margin: 0;
}
.h-events-location i, .h-events-time i {
	color: #444;
}
.h-events-time {
	color: #666666;
	font-size: 14px;
	margin: 0 0 3px 0;
}
/* Title & Description
--------------------------------------------- */
.h-events-detail-wrap {
	height: 165px;
	text-align: center;
}
.h-events-title {
	font-family: "proxima-nova",sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #444444;
	font-size: 24px;
	line-height: 28px;
	margin: 17px 20px 0px 20px;
}
.h-events-description {
	font-family: "proxima-nova",sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #666666;
	font-size: 12px;
	line-height: 16px;
	margin: 15px 20px 0px 20px;
}
/* Footer wrapper
--------------------------------------------- */
.h-events-footer {
	background: #f9f9f9;
	text-align: center;
	padding: 20px 0 20px 0;
}
/* Sign Up button
--------------------------------------------- */
.h-events-sign {
	background: #ececec;
	text-align: center;
	border: 1px solid #c0bebe;
	font-family: "proxima-nova",sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #666666;
	font-size: 14px;
	line-height: 20px;
	-webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
	padding: 10px 30px 10px 30px;
	outline: none;
}
.h-events-sign:hover, .h-events-sign:focus {
  	background: #444444;
	border: 1px solid #444444;
  	cursor: pointer;
	color: #fff;
	outline: none;
}







/* RESPONSIVE
-------------------------------------------------- */



/* DESKTOP LARGE
------------------------- */
@media (min-width: 1200px) {



}



/* DESKTOP
------------------------- */
@media (max-width: 1199px) {

.h-events-location {
	font-size: 12px;
}
.h-events-time {
	font-size: 12px;
}
.h-events-detail-wrap {
	height: 170px;
}
.h-events-title {
	font-size: 20px;
	line-height: 24px;
}

}



/* PORTRAIT TABLET TO LANDSCAPE AND DESKTOP
------------------------- */
@media (min-width: 768px) and (max-width: 979px) {

.h-events-bac {
	padding: 30px 0 40px 0;
}
.h-events-wrapper {
	margin-bottom: 30px;
}
.h-events-location {
	font-size: 12px;
}
.h-events-time {
	font-size: 12px;
}
.h-events-detail-wrap {
	height: 185px;
}
.h-events-title {
	font-size: 24px;
	line-height: 28px;
}
.h-events-description {
	font-size: 12px;
	line-height: 16px;
}

}



/* LANDSCAPE PHONE TO PORTRAIT TABLET
------------------------- */
@media (max-width: 767px) {

.h-events-bac {
	padding: 10px 0 20px 0;
}
.h-events-wrapper {
	border: none;
	margin-bottom: 20px;
}
.h-events-location {
	font-size: 14px;
}
.h-events-time {
	font-size: 14px;
}
.h-events-detail-wrap {
	height: auto;
	margin-bottom: 20px;
}
.h-events-title {
	font-size: 24px;
	line-height: 28px;
}
.h-events-description {
	font-size: 13px;
	line-height: 17px;
}

}



/* LANDSCAPE PHONE AND DOWN
------------------------- */
@media (max-width: 480px) {

.h-events-bac {
	padding: 10px 0 20px 0;
}
.h-events-wrapper {
	border: none;
	margin-bottom: 20px;
}
.h-events-location {
	font-size: 13px;
}
.h-events-time {
	font-size: 13px;
}
.h-events-detail-wrap {
	height: auto;
	margin-bottom: 15px;
}
.h-events-title {
	font-size: 21px;
	line-height: 24px;
	margin: 14px;
}
.h-events-description {
	font-size: 13px;
	line-height: 17px;
	margin: 8px 14px 14px 14px;
}

}


/* LANDSCAPE PHONE AND DOWN
------------------------- */
@media (max-width: 320px) {

.h-events-bac {
	padding: 10px 0 20px 0;
}
.h-events-wrapper {
	border: none;
	margin-bottom: 20px;
}
.h-events-location {
	font-size: 13px;
}
.h-events-time {
	font-size: 13px;
}
.h-events-detail-wrap {
	height: auto;
	margin-bottom: 15px;
}
.h-events-title {
	font-size: 21px;
	line-height: 24px;
	margin: 14px;
}
.h-events-description {
	font-size: 13px;
	line-height: 17px;
	margin: 8px 14px 14px 14px;
}

}