/*========================
Events Holder
========================*/


.events-holder-wrap { float: left; width: 100%; border-radius: 8px; margin:20px 0; background: #eeeeee; padding:20px; }
.events-holder-wrap .result { float: left; width: 100%; margin:10px 0; border-radius:8px; overflow: hidden; }
.events-holder-wrap .result a { background: #FFF; float: left; width:100%;  }
.events-holder-wrap .filter { float: left; width: 100%; background: #FFF; border-radius: 8px; margin-bottom:20px; padding:20px; }
.events-holder-wrap .filter h3 { font-size: 22px; border-bottom:1px solid #d9d9d9; padding-bottom: 3px; margin:10px 0; }



.events-holder-wrap .result a .event-image { float: left; width:100%; position: relative; overflow: hidden; }
.events-holder-wrap .result a .event-image .availability { position: absolute; background: #8c62a4; bottom:0; left:0; padding:25px; }
.events-holder-wrap .result a .result-content { padding:20px; float: left; width: 100%; }
.events-holder-wrap .result a .archived .availability { border-bottom-left-radius: 0px; border-top-left-radius: 0px; }
/*.events-holder-wrap .result a:hover .event-image img { opacity: 0.5; }*/
/*.events-holder-wrap .result a:hover .event-image .availability img { opacity: 1; }*/
.events-holder-wrap .result-content ul li {
    font-family: 'Source Sans Pro', sans-serif;
    display: block!important;
    clear: both;
    padding: 0;
    font-size: 13px;
    line-height: 28px;
}

.events-holder-wrap  .event-image { float: left; width:100%; position: relative; }
.events-holder-wrap  .event-image .availability { width:64%; position: absolute; background: #8c62a4; bottom:0; left:0; padding:10px; border-top-left-radius: 10px; border-top-right-radius: 10px;  border-bottom-right-radius: 10px; border-radius: 10px; }
.events-holder-wrap  .event-image .availability:before {width: 0;
    content: url( ../images/arrow-end-green.png);
    height: 0;
    /*border-top: 59px solid transparent;
    border-left: 39px solid #8c62a4;
    border-bottom: 48px solid transparent;*/
    position: absolute;
    right: 8px;
    top: 0px;


}
.events-holder-wrap  .result-content { padding:20px; float: left; width: 100%; position: relative; }

.events-holder-wrap .button { margin-top:30px; cursor: pointer; }
.events-holder-wrap .event-button { margin:6px 0; font-size: 13px; margin-right: 5px; }


.events-holder-wrap .filter-button input { width:160px; margin-top: 0; font-family: din_next; background:#2c85c6 url("../images/white-arrow-right.png") no-repeat; background-position: 10%; background-size: 8px; color: #fff;  }
.events-holder-wrap .filter-button input:hover { background:#05538c url("../images/white-arrow-right.png") no-repeat; background-position: 10%; background-size: 8px;  }

.events-holder-wrap form label {
    font-weight: normal;
    font-size: 15px;
    font-family: 'Source Sans Pro', sans-serif;
}


/* =============================================

ARCHIVE

============================================= */

.archived  {background:#2c85c6;}

.archived  img { opacity: 0.3;}

.events-holder-wrap .result a .archived .availability {top:40%; bottom: auto; background:#62ba56; border-bottom-left-radius: 0px; padding: 25px;}


.events-holder-wrap .result a .archived .availability:before {    border-left: 40px solid #62ba56;}

.past-button {background: #ed6a7c;}


/* =============================================
New & Upcoming Events
============================================= */

.upcoming-events { float: left; width: 100%; border-radius: 8px; background: #9882b0; background: url(../images/purple-pattern.jpg); background-size: cover; }
.upcoming-events a { float: left; width: 100%; }
.upcoming-events h2 { position: relative; color: #FFF; font-size: 28px;  padding:20px 20px 0 20px; border:none; }
.upcoming-events p { color: #FFF; padding-left: 20px; padding-right: 20px; }
.upcoming-events a .button { margin:20px; width:90%; background: #fff; color: #2c85c6; }

.upcoming-events h2:before {    position: absolute;
    bottom: -10px;
    left: 20px;
    height: 3px;
    width: 80px;
    background: #fff;
    content: '';}

.upcoming-events a:hover .button { background:#5e407f; color: #FFF; }





/* =======================================
 @ 520
======================================= */
@media only screen and (min-width: 520px) {

    .events-holder-wrap .event-button {
        font-size: 16px;
        margin-top: 20px;
    }

}



/* =======================================
 @ 600
======================================= */
@media only screen and (min-width: 600px) {



.events-holder-wrap .result a .event-image { width: 40%; }
.events-holder-wrap .result a .result-content { width: 60%; }
.events-holder-wrap .result a .event-image img { min-width: 303px; }




}





/* =======================================
 @ 771
======================================= */
@media only screen and (min-width: 771px) {


.events-holder-wrap .result a .event-image img { min-width: 353px; }
.events-holder-wrap  .event-image .availability { width: 74%; }
.events-holder-wrap .event-button { margin-top: 30px; }


}


/* =======================================
 @ 1000
======================================= */
@media only screen and (min-width: 1000px) {


.events-holder-wrap .result a .event-image img { min-width: 303px; }
.events-holder-wrap  .event-image .availability { width: 55%; }



}



/* =======================================
 @ 1200
======================================= */
@media only screen and (min-width: 1200px) {


.events-holder-wrap .result a .event-image img { min-width: auto; }


}