a {
	color: #bcb075;
}
a:hover, a:focus, a:active {
	color: #bcb075;
}
p {
	font-family: Raleway, sans-serif;
	font-weight: 500;
	font-size: 1.8rem;
	color: #666666;
	margin: 0 70px 0 70px;
}
small {
	font-family: Roboto, sans-serif;
	font-size: 1.1rem;
	font-weight: 500;
}
/*--------------------------------------------------
Events Main Title
----------------------------------------------------*/
.u-heading-v1__title {
    font-family: Raleway, sans-serif;
    font-weight: 800;
	font-size: 2rem;
    text-transform: uppercase;
    color: #c6c6c6;
    background-color: #444;
}
[class*="u-heading-v1-"]::before, [class*="u-heading-v1-"]::after {
    border-top-width: 1px;
    border-color: #444;
}
/*--------------------------------------------------
Events Intro
----------------------------------------------------*/
.h-events-intro {
	margin: 15px 0 20px 0;
}
/*--------------------------------------------------
Events Boxes
----------------------------------------------------*/
.h-events-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-indent: -100%;
    white-space: nowrap;
    overflow: hidden;
    z-index: 22;
}

.h-events--hover:hover div .read-more {
      background-image: linear-gradient(to bottom, transparent, rgba(232, 232, 232, 1.000)) !important;
}
.h-events-site {
    height: 28px;
    position: absolute;
	z-index: 20;
    top: 35px;
    left: 35px;
	line-height: 28px;
    background: #444;
    color: #bcb075;
	font-family: Roboto, sans-serif;
	font-weight: 700;
	font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    padding: 1px 8px 0 9px;
}
.h-events-code {
    height: 28px;
    position: absolute;
	z-index: 20;
    top: 35px;
    right: 35px;
	line-height: 28px;
    background: #444;
    color: #333;
	font-family: Roboto, sans-serif;
	font-weight: 700;
	font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    padding: 1px 8px 0 9px;
}
.h-events-date {
	position: relative;
	z-index: 20;
	margin-top: -80px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom: 2px;
	width: 80px;
	height: 80px;
	line-height: 76px;
	border-radius: 40px;
	background: #444;
	overflow: hidden;
	color: #b6b6b6;
	font-family: Dosis, sans-serif;
	font-weight: 500;
	font-size: 40px;
}
.h-events-month-year {
	color: #999999;
	font-family: Roboto, sans-serif;
	font-weight: 500;
	font-size: 16px;
}
.h-events-title {
	font-family: Roboto, sans-serif;
	font-weight: 500;
	font-size: 2rem;
	line-height: 1.4;
}
.h-events-description {
	font-family: Roboto, sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.4;
	color: #666;
}
.h-events-time {
	font-family: Roboto, sans-serif;
	font-weight: 500;
	font-size: 12px;
	color: #888;
}
.h-events-address {
	font-family: Roboto, sans-serif;
	font-weight: 500;
	font-size: 12px;
	color: #888;
}
.u-block-hover hr {
	margin-top: 20px;
	margin-bottom: 20px;
}
.h-events-signup {
	position: absolute;
	display: block;
	height: 50px;
	line-height: 50px;
	bottom: 30px;
	right: 30px;
	left: 30px;
	font-family: Roboto, sans-serif;
	font-weight: 500;
	font-size: 1.2rem;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #bcb075;
	z-index: 23;
	background-color: #444;
}
.h-events-signup:hover, .h-events-signup:focus, .h-events-signup:active {
    color: #fff;
    background-color: #444;
}
.h-events-bg-accent {
	background-color: #bcb075;
}
.h-events-accent {
	color: #bcb075;
}
















/*--------------------------------------------------
Large devices (desktops, less than 1200px)
----------------------------------------------------*/
@media (max-width: 1199px) {


	
}

/*--------------------------------------------------
Medium devices (tablets, less than 992px)
----------------------------------------------------*/
@media (max-width: 991px) {

p {
	font-size: 1.35rem;
	margin: 0 25px 0 25px;
}
	
}

/*--------------------------------------------------
Small devices (landscape phones, less than 768px)
----------------------------------------------------*/
@media (max-width: 767px) {

p {
	font-size: 1.2rem;
	margin: 0 20px 0 20px;
}

}

/*--------------------------------------------------
Extra small devices (portrait phones, less than 576px)
----------------------------------------------------*/
@media (max-width: 575px) {


	
}

/*--------------------------------------------------
Extra small devices (portrait phones, less than 320px)
----------------------------------------------------*/
@media (max-width: 320px) {



}


.h-events-description {
  max-height: 120px;
  position: relative;
  overflow: hidden;
}
.h-events-description .read-more { 
  position: absolute; 
  bottom: 0; 
  left: 0;
  width: 100%; 
  font-size: 16px;
  text-align: center; 
  margin: 0; padding: 30px 0; 
	
  /* "transparent" only works here because == rgba(0,0,0,0) */
  background-image: linear-gradient(to bottom, transparent, white);
}