.clear span.hide {
 display: none;
}


/* --------------------- EVENTS ---------------------- */

.eventPlaceHolder {
background:#FFF;
 display: block;
 text-decoration: none;
margin-bottom: 11px;
min-height: 95px;
position: relative;
border-bottom: 2px solid #B1AFAF;
/*display: table;*/
width: 93%;
margin: 10px auto;
}


a.eventPlaceHolder .event-date:hover {

 background-color: #B7704F;
    -webkit-transition: background .4s ease-out;
  -moz-transition: background .4s ease-out;
  -o-transition: background .4s ease-out;
  transition: background .4s ease-out;
opacity: 1;
    
}

a.eventPlaceHolder:hover {
     background-color: #FFF;
    -webkit-transition: background .4s ease-out;
  -moz-transition: background .4s ease-out;
  -o-transition: background .4s ease-out;
  transition: background .4s ease-out;
opacity: 1;
    
}


#events-title {display: table-cell;}

#events-wrapper {
    position: relative;
    display: table;
  width: 100%;
}


.sec-header-events h2,
.sec-header-events h3 {
 font-size: 24px;
 position:relative;
 font-weight: 500;
 font-family: 'roboto', sans-serif;
color: #666666;
margin: 0px;
letter-spacing: 0.02em
}


.event-date {
    margin-left: -10px;
}

.event-date:after {
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 0 10px 20px 0;
 content: '';
 position: absolute;
 bottom: -20px;
 left: 0px;
}





.event-date:after {
 border-color: transparent #727272  transparent transparent;
}


.sec-header-events {
    width: 85%;
    float: left;
}
a.eventPlaceHolder:hover {
   opacity: 0.9;
    -webkit-transition: opacity .4s ease-out;
  -moz-transition: opacity .4s ease-out;
  -o-transition: opacity .4s ease-out;
  transition: opacity .4s ease-out;
}


#event-inside-wrapper {
   /* padding: 10px;
    margin: 0 auto;*/
  /* display: table-cell;*/
width: 100%;
/*vertical-align: middle;*/

}


.information{

color: #000;
text-decoration: none;
font-size: 13px;
float: left;
width: 60%;
padding: 5px 0px;
text-align: left;
/*display: table-cell;
vertical-align: middle;*/
margin-top: 20px;
}


.eventPlaceHolder:hover {
 text-decoration: none;
}

.event-date {
color: #000;
width: 22%;
float: left;
display: block;
margin-right: 4%;
padding: 10px 20px;
background-color: #CBB468;
/*display: table-cell;
vertical-align: middle;*/
position: relative;
margin-top: 20px;
}


span.time {
color: #565656;
font-family: 'roboto';
font-size: 15px;
margin-left: 20px;
line-height: 25px;

}

.day {
text-align: center;
font-size: 37px;
line-height: 0.7em;

}


.month {
display: block;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
font-family: 'Lato', sans-serif;
}




.name-of-event {
 text-decoration: none;
 font-size: 15px;
 color: #4D4D4D;
margin-left: 20px;
}

.more-events {
 height: 43px;
 line-height: 43px;
 padding-left: 10px;
}

.more-events a {
 font-weight: 300;
 text-decoration: none;
}

.more-events a:hover {
 text-decoration: underline;
}


.eventsControls ul.flex-direction-nav {
   
}


.eventsControls li {
 display: inline;
}

.eventsControls a {
 text-indent:-99999px;
opacity: 0;
}

.eventsControls a:hover {
 color: #b5a996;
 text-decoration: none !important;
}



.eventsControls {
 /*   width: 28%;
    float: left;
text-align: right;
z-index: 3;
position: relative;*/

text-align: right;
margin-right: 5px;
}


.contentTitles.events {
    width: 60%;
    float: left;
}




.eventsControls .flex-nav-prev {
	background: url('/UserFiles/Servers/Server_3037789/Templates/Images/RohnertPark_flex_controls.png') no-repeat 0 -24px;
	width: 11px;
	height: 19px;
	float:left;
}

.eventsControls .flex-nav-next {
	background: url('/UserFiles/Servers/Server_3037789/Templates/Images/RohnertPark_flex_controls.png') no-repeat -15px -24px;
	width: 11px;
	height: 19px;
    float:right;
}



/*--END UPCOMING EVENTS--*/




a#events-button {
display: inline-block;
margin: 5px 5px 2px 12px;
padding: 7px;
background-color: #AB553A;
border-radius: 5px;
width: 90%;
text-align: center;
color: #FFF;
font-family: 'roboto';
font-weight: 700;
letter-spacing: 0.9px;
text-decoration: none;
}

a#events-button:hover {
    background-color: rgb(154, 75, 51);
  -webkit-transition: background .4s ease-out;
  -moz-transition: background .4s ease-out;
  -o-transition: background .4s ease-out;
  transition: background .4s ease-out;
}


@media screen and (max-width: 990px) {
.eventPlaceHolder { width: 95%;}

}