.bit-widget {
    font-family: "Nanami-Rounded-Bld", Helvetica, sans-serif !important;
    font-style: normal !important;
    font-size:18px!important;
    color: #e6edf0!important;
    max-width: 1100px !important;
    display: block !important;
    margin: 50px auto !important;
	text-transform: uppercase !important;}
.bit-widget .bit-date {
    font-weight: normal !important; }
.bit-widget .bit-nav-bar-container {
    display: none !important;}
.bit-widget .bit-button {
    background-color: #e6edf0 !important;
    color: #303b40 !important;
border-radius: 5px !important;
transition: 0.4s !important;}
.bit-widget .bit-button:hover {
    background-color: #303b40 !important;
    color: #e6edf0 !important;
border-radius: 5px !important}
.bit-widget .bit-event {
    padding: 17px 0px 20px 0px !important;
    border-top: 0px !important;
    color: #e6edf0 !important;
border-radius: 15px !important;}
.bit-widget .bit-venue {
    color: #e6edf0 !important;
}
.bit-widget .bit-event .bit-offers {
    font-size: 0.9em !important;
    font-weight: bold !important;
    margin-right: 20px !important;
    text-transform: uppercase !important;}
.bit-widget .bit-event .bit-rsvp, .bit-widget .bit-event .bit-offers-text {
    text-transform: uppercase !important;
}
.bit-widget.bit-layout-row .bit-event:hover {
    background-color: #8d2518 !important;
    color: #e6edf0 !important}
.bit-widget.bit-layout-desktop .bit-event:hover{
    background-color: #8d2518 !important;
    color: #e6edf0 !important}
.bit-widget .bit-upcoming-events, bit-past-events {
    border-bottom: 0px !important;}
.bit-widget .bit-top-track-button {
    padding: 5px 40px  20px 10px !important;
    text-align: center !important;
    margin: 0px auto !important;
    opacity: 0.8;
    font-weight: normal !important;
}


@media (max-width: 800px) {
    .bit-widget {
        font-size: 15px !important;
    }    
.bit-widget .bit-event {text-align: left !important;}
.bit-widget .bit-event .bit-details, .bit-widget .bit-event .bit-date, .bit-widget .bit-event .bit-venue, .bit-widget .bit-event .bit-location {
    display: block !important;
    width: 100% !important;
    margin-bottom: -3px !important;}
.bit-widget .bit-event .bit-offers {
    margin-right: 0px !important;
    font-size: 1.1em !important}    
.bit-widget .bit-event .bit-details {
    padding-right: 0px !important;
    width: 150px !important;}
.bit-widget .bit-event .bit-rsvp {
    font-size: 1em !important;
}
.bit-widget .bit-top-track-button {
    padding: 0 0px 20px 0px !important;
}

.bit-widget .bit-button {
    line-height: 25px !important;
    margin: 0px 0px 3px 0px !important;
    padding: 3px 0px 0px 0px !important;
}

.bit-widget-container {
margin: 0px 20px !important
}    
    
    .bit-widget.bit-layout-ipad .bit-upcoming-events, .bit-widget.bit-layout-ipad .bit-past-events {
        margin: 0px !important;
    }    

}

@media (min-width: 800px) {
    .bit-date {padding-left: 20px;}
    .bit-widget .bit-top-track-button {margin-left: 20px}
}

@media (max-width: 320px) {
    .bit-widget-container {
    margin: 0px 0px !important;
}
    .bit-widget {
        font-size: 14px !important;
    } 
.bit-widget .bit-event .bit-details {
    padding-left: 15px !important;
}    
.bit-widget .bit-event .bit-details.bit-event-buttons {
    padding-left: 0px !important;
}  
.bit-widget.bit-layout-ipad .bit-event .bit-button {
    width: 130px !important;
}    
}