/* Events */
#events-widget{
    background-color:#eeeeee;
}

.events-widget-footer{
    padding:10px 15px 5px 15px;
    background-color:#ffffff;
}

#events-widget-content{
    max-height:400px; 
    overflow: -moz-scrollbars-vertical; 
    overflow-y:scroll;
    padding:10px 10px 10px 10px;
}

#events-map{
    width:100%;
    height:100%;
    background-color: grey;
}

.event-panel{
    cursor: pointer;
    padding: 0px; 
    background-color:#ffffff;
    border: 1px solid #e0e0e0;
}

.event-panel-head{
    padding: 15px;
    overflow-wrap: break-word;
}

.event-panel-title{
    padding: 15px;
    overflow-wrap: break-word;
}

.event-panel-body{
    padding: 15px;
    overflow-wrap: break-word;
}

.event-panel-footer{
    padding: 15px;
}

.event-panel-labels{
    line-height:28px;
}

#events-body{
    background-color: #eeeeee;
    overflow:hidden;
}

@media (max-width: 499px) {
    #events-sidebar{
        height:100vh;
        width:100%;
        overflow-y:scroll;
        -webkit-overflow-scrolling: touch;
        padding-top:50px;
    }
    #events-sidebar-header{
        padding:15px;
    }
    #events-sidebar-feed{
        padding:15px;
    }
    #events-nav{
        padding:15px;
    }
    .event-panel{
        cursor: auto;
        padding: 0px; 
        background-color:#ffffff;
        border: 1px solid #e0e0e0;
    }
}
@media (min-width: 500px) and (max-width: 767px) {
    #events-sidebar{
        height:100vh;
        width:60%;
        overflow-y:scroll;
        -webkit-overflow-scrolling: touch;
        padding-top:50px;
    }
    #events-map-container{
        height:100%;
        width:40%;
        position:fixed;
        padding-top:50px;
    }
    #events-sidebar-header{
        padding:15px;
    }

    #events-sidebar-feed{
        padding:15px;
    }
    #events-nav{
        padding:15px;
    }
    .event-panel:hover{
        border-color: #b81c32;
    }
}
@media (min-width: 767px) and (max-width: 991px) {
    #events-sidebar{
        height:100vh;
        width:40%;
        overflow-y:scroll;
        -webkit-overflow-scrolling: touch;
        padding-top:50px;
    }
    #events-sidebar-feed{
        padding:30px;
    }
    #events-sidebar-header{
        padding:30px;
    }
    #events-nav{
        padding:30px;
    }

    #events-map-container{
        height:100%;
        width:60%;
        position:fixed;
        padding-top:50px;
    }
    .event-panel:hover{
        border-color: #b81c32;
    }

}
@media (min-width: 992px) and (max-width: 1399px) {
    #events-sidebar{
        height:100vh;
        width:30%;
        overflow-y:scroll;
        -webkit-overflow-scrolling: touch;
        padding-top:50px;
    }
    #events-sidebar-feed{
        padding:30px;
    }
    #events-sidebar-header{
        padding:30px;
    }
    #events-nav{
        padding:30px;
    }

    #events-map-container{
        height:100%;
        width:70%;
        position:fixed;
        padding-top:50px;
    }
    .event-panel:hover{
        border-color: #b81c32;
    }
}
@media (min-width: 1400px) {
    #events-sidebar{
        height:100vh;
        width:20%;
        overflow-y:scroll;
        -webkit-overflow-scrolling: touch;
        padding-top:50px;
    }
    #events-sidebar-feed{
        padding:30px;
    }
    #events-sidebar-header{
        padding:30px;
    }
    #events-nav{
        padding:30px;
    }
    #events-map-container{
        height:100%;
        width:80%;
        position:fixed;
        padding-top:50px;
    }
    .event-panel:hover{
        border-color: #b81c32;
    }
}

#events-sidebar-footer{
    padding:30px;
}

#events-sidebar-header{
    padding:30px;
}

#events-sidebar-form{
    margin-bottom:0px;
}

#events-sidebar-form .input-group-addon{
    background-color:#ffffff;
}