/*------------------------------------
			KENDO OVERRIDES
-------------------------------------*/

.k-grid-content {
    overflow-x: auto;
    overflow-y: auto;
}

.k-grid-footer, .k-grid-footer td, .k-grid-header, .k-grid-header .k-header, .k-pager-numbers .k-state-selected, .k-pager-wrap, .km-pane-wrapper .k-grid-header .k-header {
    background: #fff;
}

.k-animation-container, .k-animation-container *, .k-animation-container :after, .k-block .k-header, .k-dialog .k-window-content, .k-list-container, .k-widget, .k-widget *, .k-widget :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.k-safari.k-mobile .k-numeric-wrap .k-input, .k-safari.k-mobile .k-picker-wrap .k-input {
    height: auto;
}

.k-autocomplete.k-state-border-down, .k-dropdown-wrap.k-state-border-down, .k-list-container.k-state-border-down, .k-numeric-wrap.k-state-border-down, .k-picker-wrap.k-state-border-down {
    padding-bottom: 0;
}

.k-dropdown .k-input, .k-dropdown .k-state-focused .k-input, .k-menu .k-popup, .k-block, .k-content, .k-dropdown .k-input, .k-popup, .k-widget {
    color: #5a5763;
    -webkit-transition: color .25s ease;
    transition: color .25s ease;
}

.k-autocomplete.k-state-default, .k-dropdown-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default {
    background: #fff;
}

.k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-autocomplete, .k-block, .k-calendar .k-link, .k-calendar td, .k-calendar-container, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-drag-clue, .k-dropdown, .k-dropdown-wrap, .k-editor-inline, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-inline-block, .k-list-container, .k-multiselect, .k-notification, .k-numeric-wrap, .k-numerictextbox, .k-picker-wrap, .k-slider-selection, .k-slider-track, .k-textbox, .k-tile, .k-timepicker, .k-tooltip, .k-touch-scrollbar, .k-treeview .k-in, .k-upload, .k-window, .k-window-action, .k-window-titleless .k-window-content, .k-datetimepicker .k-select + .k-select, .k-dropdown-wrap .k-select, .k-list-container.k-state-border-right, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
    border-radius: 0px;
}

    .k-autocomplete .k-input, .k-autocomplete.k-state-focused .k-input, .k-dropdown-wrap .k-input, .k-dropdown-wrap.k-state-focused .k-input, .k-numeric-wrap.k-state-focused .k-input, .k-picker-wrap.k-state-focused .k-input, .k-textbox > input {
        border-color: transparent;
    }

    .k-dropdown .k-state-hover .k-input, .k-picker-wrap.k-state-hover .k-input {
        color: #000;
    }

.k-ie .k-combobox .k-input, .k-ie .k-numeric-wrap .k-input, .k-ie .k-picker-wrap .k-input, .k-ie .k-textbox > input, .k-ie .k-autocomplete .k-input {
    height: auto;
    min-height: 57.2px;
}

.k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-multiselect-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input, .k-textbox > input, .k-ie .k-autocomplete .k-input, .k-ie .k-dropdown-wrap .k-input, .k-ie .k-multiselect-wrap .k-input, .k-ie .k-selectbox .k-input {
    padding: 16px;
    line-height: 1.4;
    text-indent: 0;
    width: 90%;
    height: auto;
}

.k-autocomplete .k-input {
    padding-top: 15px;
    padding-bottom: 15px;
}

.k-ie .k-autocomplete .k-input {
    padding-top: 16px;
    padding-bottom: 17px;
}

.k-popup .k-list .k-item > .k-group {
    line-height: 1.4;
}

.k-content, .k-panel > li.k-item, .k-panelbar > li.k-item, .k-tiles {
    background-color: transparent;
}

.k-datepicker .k-input, .k-timepicker .k-input {
    background-color: #fff;
}

.k-picker-wrap span.k-i-warning {
    display: none !important;
}

.k-widget.k-mobile-only .k-input {
    display: block;
}

.k-widget.k-mobile-only .k-select {
    display: block;
    width: 100%;
    padding: 16px;
    background: #ffffff;
}

.k-autocomplete, .k-block, .k-calendar th, .k-content, .k-dropdown-wrap, .k-dropzone-active, .k-editable-area, .k-filter-row > th, .k-footer-template td, .k-grid td, .k-grid td.k-state-selected, .k-grid-content-locked, .k-grid-footer, .k-grid-footer-locked, .k-grid-footer-wrap, .k-grid-header, .k-grid-header-locked, .k-grid-header-wrap, .k-group, .k-group-footer td, .k-grouping-header, .k-grouping-header .k-group-indicator, .k-header, .k-input, .k-pager-refresh, .k-pager-wrap, .k-pager-wrap .k-link, .k-panel > .k-item > .k-link, .k-panelbar .k-content, .k-panelbar .k-panel, .k-panelbar > .k-item > .k-link, .k-popup.k-align .k-list .k-item:last-child, .k-separator, .k-slider-track, .k-splitbar, .k-state-default, .k-state-default .k-select, .k-state-disabled, .k-textbox, .k-textbox > input, .k-tiles, .k-tooltip, .k-treemap-tile, .k-upload-files, .k-widget {
    border-color: transparent;
}

.k-button, .k-header {
    background: #fff;
    font-family: "futura-pt",sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-transform: lowercase;
    color: #b2afbb;
}

.k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
    width: 20%;
}

.end-station .k-dropdown-wrap .k-select, .start-station .k-dropdown-wrap .k-select {
    width: 20%;
}

.k-dropdown-wrap, .k-numeric-wrap, .k-picker-wrap {
    padding: 0;
}

.k-dropdown .k-state-default {
    background-color: transparent;
}

.k-dropdown-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default, .k-datepicker .k-input, .k-timepicker .k-input {
    color: #5a5763;
    background-color: #fff;
    -webkit-transition: color .25s ease;
    transition: color .25s ease;
}

.k-dropdown-wrap.k-state-default, .k-picker-wrap.k-state-default {
    /* padding: 16px; */
    border: 0;
    line-height: 1.4;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.k-autocomplete, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-dropdown, .k-listbox, .k-numerictextbox, .k-selectbox, .k-textbox, .k-timepicker, .k-toolbar .k-split-button {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .k-autocomplete.k-state-hover, .k-dropdown-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-overflow-anchor:hover, .k-picker-wrap.k-state-hover, .k-textbox:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.k-button.k-state-hover, .k-button:hover {
    color: #fff;
    border-color: transparent;
    background-color: transparent;
    background-image: none;
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(false));
    background-image: none, linear-gradient(to bottom, false);
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05);
    box-shadow: 0 2px 6px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05);
    background: linear-gradient(135deg, #ea0a2a 0%, #eb4a25 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea0a2a', endColorstr='#eb4a25', GradientType=1);
}

.k-button.k-state-active, .k-button:active {
    color: #fff;
    border-color: transparent;
    background: linear-gradient(135deg, #ea0a2a 0%, #eb4a25 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea0a2a', endColorstr='#eb4a25', GradientType=1);
}

.k-button.k-state-focused, .k-button:focus {
    color: #fff;
    border-color: transparent;
    background: linear-gradient(135deg, #ea0a2a 0%, #eb4a25 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea0a2a', endColorstr='#eb4a25', GradientType=1);
}

.k-button.k-state-active.k-state-focused, .k-button.k-state-active:focus, .k-button:active.k-state-focused, .k-button:active:focus {
    color: #fff;
    border-color: transparent;
    background: linear-gradient(135deg, #ea0a2a 0%, #eb4a25 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea0a2a', endColorstr='#eb4a25', GradientType=1);
}

.k-picker-wrap.k-state-default > .k-select, .k-picker-wrap.k-state-focused > .k-select, .k-picker-wrap.k-state-hover > .k-select {
    border-color: transparent;
}

.entry-field .k-datepicker .k-icon, .entry-field .k-datepicker .k-tool-icon, .entry-field .k-dropdown .k-icon, .entry-field .k-dropdown .k-tool-icon, .entry-field .k-timepicker .k-icon, .entry-field .k-timepicker .k-tool-icon, #schedule-container .k-dropdown .k-icon, #schedule-container .k-dropdown .k-tool-icon {
    display: block;
    position: absolute;
    bottom: 50%;
    right: 50%;
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}

.entry-field .k-autocomplete .k-i-loading,
#schedule-container .k-autocomplete .k-i-loading {
    display: block;
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
}
.trip-input .k-animation-container:has(.k-calendar-container){
    top: 79px !important; 
}

.hero .trip-input .k-animation-container:has(.k-calendar-container) {
    top: 174px !important;
}

@media (max-width: 949px) {
    .trip-input .k-animation-container:has(.k-calendar-container) {
        top: 145px !important; 
    }

    .hero .trip-input .k-animation-container:has(.k-calendar-container)  {
        top: 240px !important;
    }
}

@media (max-width: 599px) {
    .trip-input .k-animation-container:has(.k-calendar-container) {
        top: 190px !important; 
    }

    .hero .trip-input .k-animation-container:has(.k-calendar-container)  {
        top: 305px !important;
    }
}

.k-calendar-container.k-popup {
    font-size: 16px !important;
}

    .k-calendar-container.k-popup tbody tr td {
        padding: 7px 3px 7px 7px;
        text-align: center;
        border-radius: 0;
        font-family: 'futura-pt light';
        font-size: 16px;
        font-weight: bold;
    }

    .k-calendar-container.k-popup .k-header {
        background: linear-gradient(135deg, #ea0a2a 0%, #eb4a25 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea0a2a', endColorstr='#eb4a25', GradientType=1);
    }

.k-calendar-container .k-content .k-link {
    border-radius: 0;
}

.k-calendar {
    line-height: 21px !important;
}

    .k-calendar .k-header .k-icon {
        vertical-align: middle;
    }

    .k-calendar .k-month .k-link {
        width: auto !important;
        height: auto !important;
        padding: 0 .45em 0 .1em;
    }

    .k-calendar .k-header .k-state-hover {
        background-color: transparent;
    }

    .k-calendar .k-today {
        background: #9b97a5;
    }

    .k-calendar td.k-state-selected {
        background: #2f3a8a;
    }

        .k-calendar td.k-state-selected.k-state-hover {
            background: #2f3a8a;
            opacity: .7;
        }

.k-popup .k-list .k-item {
    padding: 8px 12px;
}

.k-fieldselector .k-list .k-item, .k-popup .k-list .k-item, .k-popup > .k-group-header {
    line-height: 1.4;
    min-height: 0;
}

.k-datepicker .k-input, .k-timepicker .k-input {
    text-transform: lowercase;
    font-weight: bold;
}

.start-station .k-i-arrow-60-down:before, .end-station .k-i-arrow-60-down:before, .direction .k-i-arrow-60-down:before, #schedule-container .k-i-arrow-60-down:before {
    content: url(../img/down_arrow.png);
}

.trip-date .k-icon, .k-tool-icon, .time .k-icon {
    width: 26px;
    height: 26px;
}

.trip-date .k-i-calendar:before {
    content: url(../img/calendar_icon.png);
    width: 100%;
    height: 100%;
}

.time .k-i-clock:before {
    content: url(../img/clock_icon.png);
    width: 100%;
    height: 100%;
}

.k-window, .k-window .k-header {
    background: #e92526;
    color: #ffffff;
}

    .k-window .k-header {
        margin-bottom: 10px;
    }

    .k-window #modalTripPlanner {
        padding-top: 0px;
        background: #e92526;
        color: #ffffff;
        font-size: 1.25rem;
    }

        .k-window #modalTripPlanner a {
            color: #ffffff;
            text-decoration: underline;
        }

            .k-window #modalTripPlanner a:hover {
                text-decoration: none;
            }


.k-dropdown-wrap .k-input:before {
	content: "";
	display: inline-block;
	width: 0;
}