.event-list {
    list-style: none;
    font-family: 'Lato', sans-serif;
    padding: 0px;
    margin: 15px;
}
.event-list > li {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 5px rgb(51, 51, 51);
    box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
    padding: 0px;
    margin: 10px 0px 10px;
}

.event-list > li > time {
    display: inline-block;
    width: 100%;
    color: rgb(255, 255, 255);
    background-color: rgb(197, 44, 102);
    text-align: center;
    text-transform: uppercase;
}

.event-list > li.event:nth-of-type(1n) > time {
    background: #EE028B;
}
.event-list > li.event:nth-of-type(2n) > time  {
    background: #00A6E2;
}
.event-list > li.event:nth-of-type(3n) > time  {
    background: #C1D62F;
}
.event-list > li.event:nth-of-type(4n) > time  {
    background: #F79727;
}
.event-list > li.event:nth-of-type(5n) > time  {
    background: #ACDFF0;
}
.event-list > li.event:nth-of-type(6n) > time  {
    background: #79C142;
}
.event-list > li.event:nth-of-type(7n) > time  {
    background: #EF3121;
}


.event-list > li > time > span {
    display: none;
}
.event-list > li > time > .day {
    display: block;
    font-size: 56pt;
    font-weight: 100;
    line-height: 1;
    margin-top: 20px;
}
.event-list > li time > .month {
    display: block;
    font-size: 24pt;
    font-weight: 900;
    line-height: 1;
    margin-bottom: 20px;
}
.event-list > li > img {
    width: 100%;
}
.event-list > li > .info {
    padding-top: 0px;
    text-align: center;
    background-color: rgb(255, 255, 255);
}
.event-list > li > .info > .title {
    font-size: 17pt;
    font-weight: 700;
    margin: 0px;
}

.event-list > li > .info > .title a {
    color: dimgray;
    text-decoration: none;
    border: 0;
    font-family: 'Arial', sans-serif;
}

.event-list > li > .info > .title a:hover {
    color: lightgrey;
}

.event-list > li > .info > .desc {
    font-size: 13pt;
    font-weight: 300;
    margin: 0px;
}
.event-list > li > .info > ul,
.event-list > li > .social > ul {
    display: table;
    list-style: none;
    margin: 10px 0px 0px;
    padding: 0px;
    width: 100%;
    text-align: center;
}
.event-list > li > .social > ul {
    margin: 0px;
}
.event-list > li > .info > ul > li {
    display: table-cell;
    color: rgb(30, 30, 30);
    font-size: 11pt;
    font-weight: 300;
    padding: 3px 0px;
}

.event-list > li > .social > ul > li {
    display: table-cell;
    cursor: pointer;
//color: rgb(30, 30, 30);
//font-size: 11pt;
    font-weight: 300;
    padding: 3px 0px;
}

.event-list > li > .info > ul > li > a {
    display: block;
    width: 100%;
    color: rgb(30, 30, 30);
    text-decoration: none;
    padding: 5px 5px 10px 5px;
}
.event-list > li > .social > ul > li {
    padding: 0px;
}
.event-list > li > .social > ul > li > a {
    padding: 3px 0px;
}

.event-list > li > .social > ul > li:hover {
    color: rgb(30, 30, 30);
    background-color: rgb(200, 200, 200);
}
.facebook a,
.twitter a,
.google-plus a {
    display: block;
    width: 100%;
    color: rgb(75, 110, 168) !important;
}
.twitter a {
    color: rgb(79, 213, 248) !important;
}
.google-plus a {
    color: rgb(221, 75, 57) !important;
}
.facebook:hover a {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(75, 110, 168) !important;
}
.twitter:hover a {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(79, 213, 248) !important;
}
.google-plus:hover a {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(221, 75, 57) !important;
}

@media (min-width: 1240px) {
    .event-list > li {
        position: relative;
        display: block;
        width: 100%;
        height: 150px;
        padding: 0px;
        background-color: rgb(255, 255, 255);
    }
    .event-list > li > time,
    .event-list > li > img  {
        display: inline-block;
    }
    .event-list > li > time,
    .event-list > li > img {
        width: 220px;
        float: left;
    }
    .event-list > li > .info {
        overflow: hidden;
    }
    .event-list > li > time,
    .event-list > li > img {
        width: 220px;
        height: 150px;
        padding: 0px;
        margin: 0px;
    }
    .event-list > li > .info {
        position: relative;
        height: 150px;
        text-align: left;
        padding-right: 40px;
    }

    .event-list > li > .info > .desc {
        padding-left: 40px;
        padding-top:10px;
    }
    .event-list > li > .info > .title {
        padding: 20px 0 0 40px;
    }

    .event-list > li > .info > ul {
        position: absolute;
        left: 0;
        bottom: 0;
        padding-right: 40px;
    }
    .event-list > li > .social {
        position: absolute;
        top: 0px;
        right: 0px;
        display: block;
        width: 40px;
        height: 150px;
    }
    .event-list > li > .social > ul {
        border-left: 1px solid rgb(230, 230, 230);
        height: 150px;
    }
    .event-list > li > .social > ul > li {
        display: block;
        padding: 0px;
    }
    .event-list > li > .social > ul > li > a {
        display: block;
        width: 40px;
        padding: 10px 0px 9px;
    }
}



.tribe-events-list-separator-month {
    background-color: #eee;
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin: 2.5em 0 0;
    padding: 6px 10px;
    text-transform: uppercase;
}
span {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
*, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

.tribe-events-list *, .tribe-events-single *{
    font-family: 'Lato', sans-serif;
}

.tribe-events-single h1{ /* title */

}
.tribe-events-single h4{ /* location */
    font-size: 20px;
}




.tribe-events-single-event-title{
    line-height: 1.6842 !important;
}

.tribe-events-event-meta{
    margin-top: 30px !important;
}

.tribe-events-event-map{
    display: none;
    margin-top: 30px !important;
    width: 100%;
    height: 200px;
    /*
    *   Waves

    background: linear-gradient(#ffffff 50%, rgba(255,255,255,0) 0) 0 0,
    radial-gradient(circle closest-side, #FFFFFF 53%, rgba(255,255,255,0) 0) 0 0,
    radial-gradient(circle closest-side, #FFFFFF 50%, rgba(255,255,255,0) 0) 55px 0 #48B;
    background-size:110px 200px;
    background-repeat:repeat-x;
    */
/*
*   Honey
*/
background:
        radial-gradient(circle farthest-side at 0% 50%,#fb1 23.5%,rgba(240,166,17,0) 0)21px 30px,
        radial-gradient(circle farthest-side at 0% 50%,#B71 24%,rgba(240,166,17,0) 0)19px 30px,
        linear-gradient(#fb1 14%,rgba(240,166,17,0) 0, rgba(240,166,17,0) 85%,#fb1 0)0 0,
        linear-gradient(150deg,#fb1 24%,#B71 0,#B71 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#B71 0,#B71 76%,#fb1 0)0 0,
        linear-gradient(30deg,#fb1 24%,#B71 0,#B71 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#B71 0,#B71 76%,#fb1 0)0 0,
        linear-gradient(90deg,#B71 2%,#fb1 0,#fb1 98%,#B71 0%)0 0 #fb1;
background-size:40px 60px;
}


section.top div {
display: block;
height: 10px;
width: 16.66667%;
float: left;}
section.top div:nth-child(1) {
background: #79C142;
width:8.33333%;}
section.top div:nth-child(2) {
background: #00A6E2; }
section.top div:nth-child(3) {
background: #F79727; }
section.top div:nth-child(4) {
background: #ACDFF0; }
section.top div:nth-child(5) {
background: #EE028B; }
section.top div:nth-child(6) {
background: #C1D62F; }
section.top div:nth-child(7) {
background: #EF3121;
width:8.33333%;}

#tribe-events{
    background: white;
    padding: 20px;
}

.eventbanner{
    width: 100%;
}