/*------------------------
ALL JQUERY WIDGETS
--------------------------*/
.ui-widget-content {
    border: 0;
}
.ui-widget {
    font-family: "Roboto", sans-serif;   
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 0;
    border-bottom: 1px solid #d3d3d3;
    background: none;
    font-weight: 400;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, 
.ui-corner-left, .ui-corner-tr, .ui-corner-tl {
    border-radius: 0;
}

/*------------------------
CALENDAR
--------------------------*/
.calendar-calendar tr td.today, 
.calendar-calendar tr.odd td.today, 
.calendar-calendar tr.even td.today {
    background-color: #f36e21;
}
.calendar-calendar tr td.today a {
    color: #fff;
    font-weight: bold;
}
.selected-date {
    background-color: #aeaeae;
}

#ui-datepicker-div {
    display: none !important;
}

/*------------------------
SIDE BLOCK
--------------------------*/
@media screen and (max-width: 991px) {
    .ui-accordion .ui-accordion-content {
        padding: 0;
        border-top: 0;
        overflow: hidden;
    }
}
@media screen and (max-width:414px) {
    #edit-field-date-value-min-wrapper,
    #edit-field-date-value-max-wrapper {
        float: none;
    }
}
@media screen and (min-width:415px) and (max-width:991px) {
    #edit-field-date-value-min-wrapper,
    #edit-field-date-value-max-wrapper {
        float: left;
        width: 50%;
    }
    #edit-field-date-value-max-wrapper {
        padding-left: 35px;
    }
    #edit-date-wrapper .views-widget {
        clear: both;
    }
}
@media screen and (max-width: 991px) {
    .ui-widget input, .ui-widget select {
        width: 100%;
    }
    #views-exposed-form-events-home-page-1 {
        margin: 0 8%;
        overflow: hidden;
    }
}

.ui-accordion .ui-accordion-content {
    padding: 0;
    height: auto !important;
    overflow-x: hidden;
}

.ui-widget input, .ui-widget select,
.ui-widget textarea, .ui-widget button {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
}
#views-exposed-form-events-home-page-1 {
    width: calc(100% + 50px);
    background: none;
}
#views-exposed-form-events-home-page-1 label {
    font-size: 14px;
}
#views-exposed-form-events-home-page-1 .views-widget {
    display: inline-block;
    width: 50%;
    max-width: 100%;
}
#edit-open-to-public {
    width: 100%;
}
#views-exposed-form-events-home-page-1 .views-exposed-form label {
    width: 110px;
}
#views-exposed-form-events-home-page-1 #edit-date-min .form-item-date-min-date,
#views-exposed-form-events-home-page-1 #edit-date-max .form-item-date-max-date {
    display: inline-block;
    width: 65%;
}

.views-exposed-widget.views-submit-button,
.views-exposed-widget.views-reset-button {
    float: left;
    padding-left: 6px;
}

.views-submit-button #edit-submit-events-home,
.views-reset-button #edit-reset {
    background-color: #fafafa;
    border-color: #ccc;
    border-radius: 2px;
    color: #000;
}
.views-submit-button #edit-submit-events-home:hover,
.views-reset-button #edit-reset:hover {
    border-color: #aaa;
}


/*------------------------
EVENTS
--------------------------*/
#event-listing {
    padding-top: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #bbb;
}
#event-listing:last-child {
    border: 0;
}

#event-title a {
    font-size: 17px;
    font-weight: bold;
}

#event-time, #event-location {
    margin: 0.6em 0 0.9em;
    font-family: 'Noto Serif', serif;
    font-size: 15px;
}

#event-time:before, #event-location:before {
    display: block;
    float: left;
    margin-right: 6px;
    color: #39b54a;
    font-family: 'fontawesome';
    font-size: 16px;
    
}
#event-time:before {
    content: "\f017";
}
#event-location:before {
    content: "\f041";
}

#event-rit-only, #event-cost {
    font-weight: bold;
}

#event-description {
    color: #666;
    font-size: 15px;
    font-style: italic;
}