/*** General styles ***/

        .stickyfingers { /* spam proofing */

            opacity:0;

            position:absolute;

            top:-100vh;

            left:-100vw;

        }

        .minus, .plus { 
            
            cursor: pointer; 
    
        }

        input[type="date"]::-webkit-inner-spin-button {

            display: none 

        }

        input[type="date"]::-webkit-clear-button {

            -webkit-appearance: none;

            display: none 

        }

        input[type="date"] {

            position: relative 

        }

        input[type="date"]::-webkit-calendar-picker-indicator {

            background: url(https://cdn3.iconfinder.com/data/icons/linecons-free-vector-icons-pack/32/calendar-16.png) center/80% no-repeat;

            color: rgba(0, 0, 0, 0);

            opacity: 0.5 

        }

        input[type="date"]::-webkit-calendar-picker-indicator:hover {

            background: url(https://cdn3.iconfinder.com/data/icons/linecons-free-vector-icons-pack/32/calendar-16.png) center/80% no-repeat;

            opacity: 0.8 

        }


/** Create Journeys **/

@media all and (min-width:0px) {

		.top-header-widget {

			text-align:center;
			margin:0 auto;

		}

        .journey_form {

            max-width: 700px;    

        }

        .page-title {

            font-size:1.45em;
            text-align: center;

        }

        .form-head {

            font-size:1.25em;
            background-color:#AADAFF; 
            color: #222;
            padding:12px 5px;
            margin:0 auto;
            margin-bottom: 6px;
            box-sizing: border-box;
            width:100%; 
            text-align: center;

        }

        .destination-dropdown {

            position: relative;
            display: flex;
            width: 100%;
            height: auto;
            line-height: 3;
            padding:6px 4px;
            box-sizing: border-box;
            background: #FFF;
            overflow: hidden;
            border-radius: .25em;

        }

        .destination-dropdown::after {

            content: '\25BC';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            padding: 0 1em;
            background: #128DFF;
            cursor:pointer;
            pointer-events:none;
            transition:.25s all ease;
            color: #fff;

        }

        .destination-dropdown:hover::after {

            color: #fff;

        }

        .destination-dropdown select {   

            -webkit-appearance:none;
            -moz-appearance:none;
            -ms-appearance:none;
            appearance:none;
            outline:0;
            box-shadow:none;
            border:0;
            background: transparent;
            background-image: none;
            flex: 1;
            color:#222;
            cursor:pointer;
            font-size: 1em;
            font-family: inherit;
            text-align: center;
            width: 100%;
            max-width: 100%;
            min-width: 100%;
            margin: 0 auto;

        }

        .destination-dropdown select::-ms-expand {

            display: none;

        }

        .destination-dropdown option {   

            width: 100%;
            background-color: transparent;

        }

        .inline-radio {

            display: flex;
            border-radius: 3px;
            overflow: hidden;
            border: 1px solid #b6b6b6;

        }

        .inline-radio-button {

            position: relative;
            flex: 1;

        }

        .inline-radio-button > input[type="radio"] {

            width: 100%;
            height: 60px;
            opacity: 0;
            cursor: pointer;

        }

        .inline-radio-button > label {

            position: absolute;
            top: 0; left: 0;
            color: #222;
            width: 100%;
            height: 100%;
            background: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            pointer-events: none;
            border-right: 1px solid #b6b6b6;
            cursor: pointer;

        }

        div.inline-radio-button:last-child label {

            border-right: 0;

        }

        .inline-radio-button > input:checked + label {

            background: #128DFF;
            font-weight: 500;
            color: #fff;

        }

        ul.tb-address-form {width:100%; list-style: none; padding: 0; box-sizing: border-box; margin: 0 auto;}

        ul.tb-address-form li {width:100%; list-style: none;}

        ul.tb-address-form li input {width:100%; margin-bottom:5px;}
    
        ul.datetime { width: 100%; margin: 0 auto; padding:5px; box-sizing: border-box; padding-bottom: 10px; list-style: none;}

        ul.datetime li { display: flex; width: 100%; margin-bottom:5px; color:#128DFF; }
        
        ul.datetime li i { 
            
            color: #FFF; background: #128DFF; padding:9px; margin:0 auto;
    
        }
        
        ul.datetime li input { 
            
            width: 100%; 
    
        }
    
        .kws-flex-wrapper {

            padding:0;

        }

        form.search-journeys, form.list-rides {

            width: 100%;

            max-width: 950px;

            margin: 0 auto;

            text-align: center;

        }

        .form-row-flex, form.list-rides {

            text-align: center;

            display: -ms-flexbox;

            display: -webkit-flex;

            display: flex;

            -webkit-flex-direction: row;

            -ms-flex-direction: row;

            flex-direction: row;

            -webkit-justify-content: space-around;

            -ms-flex-pack: distribute;

            justify-content: space-around;

            -webkit-align-content: center;

            -ms-flex-line-pack: center;

            align-content: center;

            -webkit-align-items: center;

            -ms-flex-align: center;

            align-items: center;

            -webkit-flex-wrap: wrap;

            -ms-flex-wrap: wrap;

            flex-wrap: wrap;

        }

        form.search-journeys, form.list-rides {

            -webkit-flex-wrap: wrap;

            -ms-flex-wrap: wrap;

            flex-wrap: wrap;

       }

        .journey_form {

            max-width: 700px;    

        }

        .page-title {

            font-size:1.45em;
            text-align: center;

        }

        .form-head {

            font-size:1.25em;
            background-color:#AADAFF; 
            color: #222;
            padding:12px 5px;
            margin:0 auto;
            margin-bottom: 6px;
            box-sizing: border-box;
            width:100%; 
            text-align: center;

        }

    }

    @media all and (min-width:600px) {	

		.top-header-widget {

			display:flex!important; 
			flex-wrap: nowrap!important;

		}

	}

    @media all and (min-width:800px) {	

        .kws-flex-wrapper {

            display:flex;
            padding:0;

        }

    }



/** Search **/

        .search-panel {

            width: 100%;
            
            max-width: 700px;
            
            background: #E3EDF0;

            color: #222;
            
            padding: 20px!important;
            
            box-sizing: border-box;
            
            margin: 0 auto;

            text-align: center;

        }

        form.search-journeys {

            width: 100%;
            
            margin: 0 auto;
            
            text-align: center;
            
            padding: 6px 20px;
            
            box-sizing: border-box;

        }

        .search-destination-dropdown {
            
            width: 100%;
            
            display: table;
            
            margin: 0 auto;
            
            margin-top: 5px;
            
            text-align: center;

            -webkit-border-radius: 20px;

            -moz-border-radius: 20px;

            border-radius: 20px;

        }

        .search-panel select.destination option {

            font-size: 1em;

            margin: 0 auto;

            text-align: center;


        }

        .form-row-flex {

            width: 100%;
            
            padding: 5px;
            
            box-sizing: border-box;

        }

        .search-seats-field * {
            
            font-size: 1.175em!important;

            margin: 5px;

            text-align: center;


        }

        .search-seats-field input[type="number"] {

            width: 120px;
            
            max-width: 120px;

        }

        input.search-depart {

            padding: 8px;

            width: 90%;

            max-width: 550px;
            
            text-align: center;
            
            font-size:1.3em;

        }

        input.search-depart::placeholder {

            font-size:1.3em;
            
        }

        input.search_datepicker {
            
            padding: 8px;

            width: 90%;

            max-width: 550px;
            
            text-align: center;
            
            font-size:1.3em;

        }

        .search-panel .form-title {

            padding-bottom: 0.5em 

        }

        .kws-journey-count-inl {

            background: #09F;

            color: #FFF 

        }

        .search-panel .form-row {

            width: 100%;

            padding: 0.4em 0;

        }

        .search-panel button {

            background: #496A7A;

            color: #FFF;

            padding: 0.7em;

        }

        .journey-meta-data button,
        .journey-meta-data .button,
        .journey-meta-data button,
        .journey-meta-data .filled,
        .journey-wrapper .button {

            background: #496A7A;

            color: #FFF;

            padding: 0.7em;
            
            box-sizing: border-box;

        }

        .search-panel input[type="text"], 
        .search-panel input[type="number"], 
        .search-panel input[type="date"] {

            width: 100%;

            padding: 0.425em 0.35em;

            font-size: 1em;

            align-self: center;

        }

        .search-go-submit input[type="submit"] {

            font-size: 1.55em;
            
            padding: 0;
            
            box-sizing: border-box;
            
            max-height: 200px;
            
            margin: 0 auto;
            
            margin-top: 10px;
            
            margin-bottom: 10px;

            text-align: center;

            width: 250px;

            color: inherit;

            -webkit-transition: all ease 500ms;

            -moz-transition: all ease 500ms;

            transition: all ease 500ms;

            color: #FFF;

            background: #11aab2;

            cursor: pointer;

            display: block;


        }

        .search-go-submit input:hover {

            background: #00767c;

        }

        .search-panel .form-section {

            width: 100%;

            padding: 5px;
            
            box-sizing: border-box;
            
            vertical-align: top 

       }

    }

    @media all and (min-width:650px) {

        .search-panel .form-section {

            width: 48%;

            display: inline-block;

            padding-top: 0.5em;

            padding-bottom: 0.5em;

            vertical-align: top 

       }

        form.search-journeys .form-section-2 {

            width: 49%;

            padding-top: 0.5em;

            padding-bottom: 0.5em;

            vertical-align: top 

       }

        .search-panel select option {

            display: inline;

            width: 96%;

            padding-top: 0.5em;

            padding-bottom: 0.5em;

            vertical-align: top 

       }

        form.search-journeys, form.list-rides {

            -webkit-flex-wrap: wrap;

            -ms-flex-wrap: wrap;

            flex-wrap: wrap;

       }

    }

    @media all and (min-width:800px) {

        form.search-journeys .form-section {

            width: 32%;

            padding-top: 0.5em;

            padding-bottom: 0.5em;

            vertical-align: top 

       }

        .search-panel {

            padding: 2em 0;

       }

        form.search-journeys {

            -webkit-border-top-left-radius: 50px;

            -webkit-border-top-right-radius: 50px;

            -moz-border-radius-topleft: 50px;

            -moz-border-radius-topright: 50px;

            border-top-left-radius: 50px;

            border-top-right-radius: 50px;

       }

        form.search-journeys .form-section-2 {

            width: 49%;

            padding-top: 0.5em;

            padding-bottom: 0.5em;

            vertical-align: top 

       }

        form.search-journeys, form.list-rides {

            -webkit-flex-wrap: wrap;

            -ms-flex-wrap: wrap;

            flex-wrap: wrap;

       }

    }


/** list a ride **/

    @media all and (min-width:0px) {

            form.list-rides {

                background: #5997DB;

                color: #FFF;

                padding: 0.5em 0;

                -webkit-border-bottom-right-radius: 15px;

                -webkit-border-bottom-left-radius: 15px;

                -moz-border-radius-bottomright: 15px;

                -moz-border-radius-bottomleft: 15px;

                border-bottom-right-radius: 15px;

                border-bottom-left-radius: 15px;

           }

            form.list-rides a, form.list-rides h3 {

                color: #FFF;

                line-height: 1.125em;

            }

        }

/* journey post styles */

    @media all and (min-width:0px) {

        .journey h2, .journey-meta-data h2 {

            margin-bottom: 12px;

            background: #496A7A;

            font-size: 1.5em;

            padding: 0.5em;

            text-align: center;

            margin: 0 auto;

            margin-top: 10px;

            margin-bottom: 10px;

        }

        form.journey-setup input, form.journey-setup select {

            margin: 0 6px;

            padding: 5px 6px;

            font-size: 1.075em;

        }

        ul.journey-meta-data {

            list-style: none;

            text-align: left;

            font-size: 14px;

        }

        ul.journey-meta-data li {

            padding: 2px 0;

            text-align: left;

            list-style: none;

        }

        .kws-journey-outer-wrapper {

            display: -ms-flexbox;

            display: -webkit-flex;

            display: flex;

            -webkit-flex-direction: row;

            -ms-flex-direction: row;

            flex-direction: row;

            -webkit-flex-wrap: wrap;

            -ms-flex-wrap: wrap;

            flex-wrap: wrap;

            -webkit-justify-content: center;

            -ms-flex-pack: center;

            justify-content: center;

            -webkit-align-content: flex-start;

            -ms-flex-line-pack: start;

            align-content: flex-start;

            -webkit-align-items: flex-start;

            -ms-flex-align: start;

            align-items: flex-start;

        }

        .author-avatar img {

            vertical-align: top;

            width: 100%;

            height: auto 

        }

        .journey-meta-data {

            align-self: center 

        }

        .journey-meta-data li {

            padding: 0.5em 0;

            font-size: 1.125em;

            margin: 0.5em 0;

        }

        .kws-travelbud-button {

            margin-bottom: 5px 

        }

        .author-avatar {

            width: 15%;

            padding: 10px;

            min-width: 75px 

       }

        .journey-meta-data {

            width: 75%;

            padding: 0 1em 

       }

        .kws-travelbud-button {

            text-align: center 

       }

        .kws-journey-comment-author-thumb {

            display: inline-block;

            vertical-align: top;

            padding: 0.5em 1.5em 0.5em 0.5em;

            text-align: left;

            width: 80px;

        }

        .kws-journey-comment-author-thumb img {

            border-radius: 100%;

            -webkit-box-shadow: 2px 2px 25px -9px rgba(0, 0, 0, 0.75);

            -moz-box-shadow: 2px 2px 25px -9px rgba(0, 0, 0, 0.75);

            box-shadow: 2px 2px 25px -9px rgba(0, 0, 0, 0.75);

        }

        .kws-user-journey-widget-wrapper {

            width: 100%;
            
            background-color: #DEE8F3;
            
            padding: 9px;

            box-sizing: border-box;

            margin: 0 auto;
            
            margin-top: 5px;
            
            margin-bottom: 5px;

            text-align: center;
            
            display: -ms-flexbox;

            display: -webkit-flex;

            display: flex;

            -webkit-flex-direction: row;

            -ms-flex-direction: row;

            flex-direction: row;

            -webkit-flex-wrap: wrap;

            -ms-flex-wrap: wrap;

            flex-wrap: wrap;

            -webkit-justify-content: space-around;

            -ms-flex-pack: distribute;

            justify-content: space-around;

            -webkit-align-content: stretch;

            -ms-flex-line-pack: stretch;

            align-content: stretch;

            -webkit-align-items: stretch;

            -ms-flex-align: stretch;

            align-items: stretch;
            

        }
        
        .journey_loop_destination_logo {
            
            width: 100%;
        
        }
        
        .journey_loop_destination_logo img {
            
            width: 100%;
            
            height: auto;
            
        }
        
        .journey_loop_travel_details {
            
            width:100%;
            
        }

        .kws-journey-user-head {

            padding: 0.5em;

            background: #E3EDF0;

            color: #222;

        }

        .kws-journey-count-inl {

            padding: 8px 10px;

            color: #222;

            font-weight: 800;

        }

        .jwrap-widget-item {

            background: #FFF;

            width:97%;

            box-sizing: border-box;

            margin: 3px;

        }

        .jwrap-widget {

            padding: 1em 0;

        }

        .jwrap-widget i {

            padding: 7px;

            border-radius: 100%;

        }

        ul.kws-user-journey-meta {

            display: -ms-flexbox;

            display: -webkit-flex;

            display: flex;

            -webkit-flex-direction: row;

            -ms-flex-direction: row;

            flex-direction: row;

            -webkit-flex-wrap: wrap;

            -ms-flex-wrap: wrap;

            flex-wrap: wrap;

            -webkit-justify-content: center;

            -ms-flex-pack: center;

            justify-content: center;

            -webkit-align-content: center;

            -ms-flex-line-pack: center;

            align-content: center;

            -webkit-align-items: center;

            -ms-flex-align: center;

            align-items: center;

            list-style: none;

            padding: 10px 0;

            box-sizing: border-box;

            margin: 0 auto;

        }

        ul.kws-user-journey-meta li {

            padding: 0 10px;

            box-sizing: border-box;

        }

        .kws-journey-controls {

            padding: 0.5em 0;

            display: -ms-flexbox;

            display: -webkit-flex;

            display: flex;

            -webkit-flex-direction: row;

            -ms-flex-direction: row;

            flex-direction: row;

            -webkit-flex-wrap: wrap;

            -ms-flex-wrap: wrap;

            flex-wrap: wrap;

            -webkit-justify-content: center;

            -ms-flex-pack: center;

            justify-content: center;

            -webkit-align-content: center;

            -ms-flex-line-pack: center;

            align-content: center;

            -webkit-align-items: center;

            -ms-flex-align: center;

            align-items: center;

            text-align: right;

            background: #E3EDF0;

            color: #222;

        }

        .kws-journey-controls a {

            text-align: right;

            padding-left: 10px;

            padding-right: 10px;

            color: inherit;
            
            font-size: 1.125em;
            
            text-decoration: none;

        }

        form.journey-setup input, form.journey-setup select {

            margin: 0 6px;

            padding: 5px 6px;

            font-size: 1.075em;

        }

        form.journey_form {

            margin: 0 auto;

            text-align: center;

            width: 100%;

            background: #F1F8F5;

        }

        form.journey_form fieldset {

            border: none;

            background: #FFF;

            padding: 0.4em 0;

            text-align: center;

            width: 98%;

            margin: 1% auto;

        }

        form.journey_form h4 {

            width: 100%;

            padding: 0.4em 0;

        }

        form.journey_form input[type="text"], 
        form.journey_form input[type="number"], 
        form.journey_form input[type="date"], 
        form.journey_form input[type="time"], 
        form.journey_form input[type="disabled"], 
        form.journey_form select, form.journey_form i {

            font-size: 1.15em;

            text-align: center;

            padding: 8px;

        }

        form.journey_form select {

            width: 95%;

            max-width: 400px;

        }

        form.journey_form fieldset {

            border: none;

        }

        form.journey_form fieldset .input-number {

            border: none;

        }

        form.journey_form fieldset .input-number {

            padding: 0 12px;

            width: 80px;

            font-size: 1.5em;

            vertical-align: top;

            text-align: center;

            outline: none;

            border: 1px solid #CCC;

            margin: 0 auto;

        }

        form.journey_form fieldset .input-number, form.journey_form fieldset .input-number-decrement, form.journey_form fieldset .input-number-increment {

            width: auto;

            min-width: 40px;

            max-width: 80px;

            user-select: none;

            font-size: 1.175em;

            display: inline;

            vertical-align: middle;

        }

        form.journey_form fieldset .input-number-decrement, form.journey_form fieldset .input-number-increment {

            cursor: pointer;

        }

        form.journey_form fieldset .input-number-decrement {

            border-right: none;

            border-radius: 4px 0 0 4px;

        }

        form.journey_form fieldset .input-number-increment {

            border-left: none;

            border-radius: 0 4px 4px 0;

        }


        #kws-findaride-departure {

            width: 100%;

            height: 300px;

       }

        .kws-journey-google-map {

            width: 100%;

            height: 300px;

       }

        .kws-journey-panel-wrapper {

            display: -ms-flexbox;

            display: -webkit-flex;

            display: flex;

            -webkit-flex-direction: row;

            -ms-flex-direction: row;

            flex-direction: row;

            -webkit-flex-wrap: wrap;

            -ms-flex-wrap: wrap;

            flex-wrap: wrap;

            -webkit-justify-content: space-around;

            -ms-flex-pack: distribute;

            justify-content: space-around;

            -webkit-align-content: stretch;

            -ms-flex-line-pack: stretch;

            align-content: stretch;

            -webkit-align-items: stretch;

            -ms-flex-align: stretch;

            align-items: stretch;

            width: 100%;

            background: #EDF4F8 

       }

        .kws-journey-panel-wrapper {

            -webkit-flex-wrap: wrap;

            -ms-flex-wrap: wrap;

            flex-wrap: wrap;

       }

        .kws-jpanel-details {

            width: 100%;

            min-height: 35vh;

            background: #FFF;

            margin: 0.5em;

            text-align: center;

       }
        
        div.tb_form_heading {
            
            background: #2284FF;
            
            padding: 10px 6px;
            
            margin: 0 auto;
            
            margin-top: 9px;
            
            margin-bottom: 9px;
            
            box-sizing: border-box;

            color: #FFF;
            
            font-size: 1.5em;
            
            text-align: center;
            
        }
        
        div.info_note {

            padding: 10px 5px;

            box-sizing: border-box;

            width:100%;

            background: #E3EDF0;

            color: #222;

            font-size: 1.45em;
            
            font-family: Oswald, Arial, sans serif;
            
            margin: 0 auto;
            
            margin-top: 5px;

            margin-bottom: 5px;

        }
        
        div.info_note_2 {
            
            padding: 5px;

            box-sizing: border-box;

            width:100%;

            font-size:1.2em; 
            
            background:#E3EDF0;
            
            color:#222;
            
            text-align:center;
            
            margin-top: 7px;
            
            margin-bottom: 7px;
            
        }
        
        div.journey_added {
            
            display: table;
            
            font-weight: 800;
            
            font-size: 1.1em;
            
            margin: 0 auto;
            
            text-align: center;
            
        }

        .kws-jpanel-map {

            width: 100%;

            min-height: 35vh;

            margin: 0.5em;

            background: #FFF;

       }

        .journey-map-iframe {

            width: 100%;

            border: 0;

            height: 400px;

       }

        .kws-jpanel-comments {

            width: 100%;

            min-height: 45vh;

            padding: 0 0.5em;

       }

        ul.journey-meta {

            padding: 5px;

            box-sizing: border-box;

            width: 100%;

            margin: 0 auto;

            list-style: none;

        }

        ul.journey-meta li {

            font-size:1.65em;
            
            color: #222;
            
            padding: 10px 0;

        }

        ul.journey-meta li i {

            font-size: 1.2em;

        }
        
        ul.journey-date-meta {

            display: -ms-flexbox;

            display: -webkit-flex;

            display: flex;

            -webkit-flex-direction: row;

            -ms-flex-direction: row;

            flex-direction: row;

            -webkit-flex-wrap: nowrap;

            -ms-flex-wrap: nowrap;

            flex-wrap: nowrap;

            -webkit-justify-content: center;

            -ms-flex-pack: center;

            justify-content: center;

            -webkit-align-content: center;

            -ms-flex-line-pack: center;

            align-content: center;

            -webkit-align-items: center;

            -ms-flex-align: center;

            align-items: center;

            list-style: none;

            width: 100%;

            margin: 0 auto;

            text-align: center;

            padding: 5px;

            box-sizing: border-box;   

            font-size: 1.2em;

        }

        ul.journey-date-meta li.date-spacer {

            width:20px;

        }
        
        button.journey-button {

            display: table;

            margin: 0 auto;

            margin-top: 10px;

            margin-bottom: 10px;

        }

        span.journey-alert {

            display: table;

            width: 100%;

            margin: 0 auto;

            padding: 10px 6px;

            box-sizing: border-box;

            font-size: 1.15em;

            background: #007CFF;

            color: #FFF;

            text-align: center;

        }

        ul.kws-travelbuddy-requests {

            list-style: none;

            list-style-position: inside;

            width: 100%;

            margin: 0 auto;

            padding: 0;

        }

        ul.kws-travelbuddy-requests li {

            display: flex;

            width: 100%;

            align-content: space-around;

            align-items: center;

        }

        ul.kws-travelbuddy-requests li a.avatar {

            width: 80px;

            padding: 10px;

            box-sizing: border-box;

        }

        ul.kws-travelbuddy-requests li div {

            width: 75%;

            box-sizing: border-box;

            padding: 0 10px;

            font-size: 13px;

            line-height: 20px;

        }

        ul.kws-travelbuddy-requests li img {

            width: 100%;

            height: auto;

        }

        ul.kws-travelbuddy-heads {

            list-style: none;

            list-style-position: inside;

            display: flex;

            align-content: space-around;
            
            margin-top: 9px;

        }

        ul.kws-travelbuddy-heads li {

            width: 90px;
            
            padding: 6px;
            
            box-sizing: border-box;

            text-align: center;

            font-size: 13px;


        }

        ul.kws-travelbuddy-heads li span {

            display: table;

            text-align: center;

            margin: 0 auto;

            padding: 0;

            font-size: 16px;

            line-height: 18px;

        }

        ul.kws-travelbuddy-heads li a {

            text-decoration: none;

        }

        ul.kws-travelbuddy-heads li img {

            width: 100%;

            height: auto;

        }

        .submit, .generic-button button, .generic-button a {

            color: inherit;

            min-width: 150px;

            max-width: 290px;

            letter-spacing: 2px;

            -webkit-transition: all ease .5s .2s;

            -moz-transition: all ease .5s .2s;

            transition: all ease .5s .2s;

            -webkit-border-radius: 5px;

            -moz-border-radius: 5px;

            border-radius: 5px;

            text-transform: uppercase;

            font-weight: 600;

            text-decoration: none;

            text-align: center;

            font-size: 1em;

            padding: 0.25em 0.5em;

            margin: 0 auto;

            text-align: center;

            cursor: pointer;

            text-decoration: none;

        }

        .submit:hover, .generic-button button:hover, .generic-button a:hover {

            text-decoration: none;

        }

        .submit i, .generic-button i {

            color: inherit;

        }

        fieldset {

            border: none;

            padding: 0.5em 0;

            text-align: left;

            font-size: 1.2em;

        }

        main>* {

            font-size: 0.9em 

        }

        main>ul {

            list-style: none 

        }

        .tml-field-wrap {

            max-width: 500px;

        }

        .tml-field-wrap input[type="text"], .tml-field-wrap input[type="password"] {

            padding: 10px 4px 

        }

        ul.tml-links, ul.tml-links li {

            list-style: none 

        }

        ul.tml-links a, ul.tml-links li a {

            text-decoration: none 

        }

        .journey-tabs {

            width: 100%;

            box-sizing: border-box;

            background-color: #09F;

            border-radius: 5px 5px 5px 5px;

            display: -ms-flexbox;

            display: -webkit-flex;

            display: flex;

            -webkit-flex-direction: row;

            -ms-flex-direction: row;

            flex-direction: row;

            -webkit-flex-wrap: nowrap;

            -ms-flex-wrap: nowrap;

            flex-wrap: nowrap;

            -webkit-justify-content: flex-start;

            -ms-flex-pack: start;

            justify-content: flex-start;

            -webkit-align-content: flex-start;

            -ms-flex-line-pack: flex-start;

            align-content: flex-start;

            -webkit-align-items: flex-start;

            -ms-flex-align: start;

            align-items: flex-start;

        }

        ul#journey-tabs-nav {

            -webkit-order: 0;

            -ms-flex-order: 0;

            order: 0;

            -webkit-flex: 0 1 20%;

            -ms-flex: 0 1 20%;

            flex: 0 1 20%;

            -webkit-align-self: stretch;

            -ms-flex-item-align: stretch;

            align-self: stretch;

            list-style: none;

            margin: 0;

            padding: 5px;

            overflow: auto;

            display: table;

            width: 20%;

            min-width: 200px;

        }

        ul#journey-tabs-nav li {

            display: table-row;

            text-align: left;

            float: left;

            width: 100%;

            font-weight: bold;

            margin-right: 2px;

            padding: 8px 10px;

            border-radius: 5px 5px 5px 5px;

           /*border: 1px solid #d5d5de;

            border-bottom: none;

           */

            cursor: pointer;

        }

        ul#journey-tabs-nav li:hover, ul#journey-tabs-nav li.active {

            background-color: #08E;

        }

        #journey-tabs-nav li a {

            text-decoration: none;

            color: #FFF;

        }

        .journey-tabs-content {

            width:100%;

        }

        .journey-tab-content {

            padding: 10px;

            border: 5px solid #09F;

            background-color: #FFF;

            width: 98%;

            min-width: 80%;

            min-height: 500px;

        }

        .user-avatar {

            width:100%;

            max-width:60px;

            height:auto;

            border-radius:100%;

        }

        .user-bar-wrapper {

            background: #e6f2ff;

            color: #222;
            
            padding: 0;
            
            margin: 0 auto;
            
            text-align: center;
            
            display: -ms-flexbox;

            display: -webkit-flex;
    
            display: flex;
    
            -webkit-flex-direction: row;
    
            -ms-flex-direction: row;
    
            flex-direction: row;
    
            -webkit-flex-wrap: nowrap;
    
            -ms-flex-wrap: nowrap;
    
            flex-wrap: nowrap;
    
            -webkit-justify-content: center;
    
            -ms-flex-pack: center;
    
            justify-content: center;
    
            -webkit-align-content: center;
    
            -ms-flex-line-pack: start;
    
            align-content: center;
    
            -webkit-align-items: center;
    
            -ms-flex-align: center;
    
            align-items: center;

        }

        .user-bar-avatar-link {

            width: 90px;

            padding: 7px;
            
            box-sizing: border-box;
            
            margin: 0 auto;

            -webkit-align-self: center;

            -ms-flex-item-align: center;

            align-self: center;
            
            color: inherit;

        }

        .user-bar-avatar-link img {

            width: 100%;

            height: auto;
            
            border-radius:100%;

        }

        .user-bar-details {

            width: auto;
            
            padding: 5px;
            
            box-sizing: border-box;
            
            margin: 0 auto;

            font-size: 1.35em;
            
            font-weight: 800;

            text-align: left;
            
            background: transparent;

            color: #222;
            
            -webkit-align-self: center;

            -ms-flex-item-align: center;

            align-self: center;
            
            color: inherit;

        
        }

        
    }

    @media all and (min-width:1000px) {

        .kws-journey-panel-wrapper {

            -webkit-flex-wrap: nowrap;

            -ms-flex-wrap: nowrap;

            flex-wrap: nowrap;

       }

        .kws-jpanel-details {

            width: 55%;

       }

        .kws-jpanel-map {

            width: 45%;

       }

        .author-avatar {

            width: 20%;

            min-width: 90px 

       }

        .journey-meta-data {

            width: 72% 

       }

        .kws-travelbud-button {

            text-align: left 

       }

        .kws-user-journey-widget-wrapper {
        
            -webkit-flex-wrap: nowrap;

            -ms-flex-wrap: nowrap;

            flex-wrap: nowrap;

        }

        .journey_loop_destination_logo {
            
            width: 40%;
            
            padding: 6px;
            
            box-sizing: border-box;
        
        }
        
        .journey_loop_travel_details {
            
            width:60%;

            padding: 6px;

            box-sizing: border-box;
        }

    }

    @media all and (min-width:1100px) {

        #kws-findaride-departure {

            width: 50%;

            min-width: 300px;

            height: 300px;

       }

        .kws-jpanel-details {

            width: 50%;

       }

        .kws-jpanel-map {

            width: 50%;

       }

        .kws-journey-google-map {

            width: 50%;

            min-width: 300px;

            height: 400px;

            float: right;

       }

        .kws-jpanel-comments {

            width: 50%;

            min-height: 45vh;

            padding: 0 0.5em;

       }

    }



/** edit journey popup **/

    @media (min-width:0px) {

        .edit-journey-popup {

            position: absolute;

            top: 10%;

            left: 50%;

            -webkit-transform: translate(-50%) scale(0.9);

            -moz-transform: translate(-50%) scale(0.9);

            -ms-transform: translate(-50%) scale(0.9);

            -o-transform: translate(-50%) scale(0.9);

            transform: translate(-50%) scale(0.9);

            overflow-y: auto;

            box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.4);

            -webkit-transition: all 0.3s;

            -moz-transition: all 0.3s;

            -o-transition: all 0.3s;

            transition: all 0.3s;

            z-index: 10;

            background-color: #ffffff;

            width: 100%;

            height: 100%;

            display: none;

        }

        .edit-journey-popup .content {

            width: 100%;

            max-width: 900px;

            overflow: hidden;

            text-align: center;

            position: relative;

            min-height: 100vh;

        }

        .edit-journey-popup .content .container {

            padding: 100px 20px 140px;

        }


        .edit-journey-popup .content .close {

            position: absolute;

            top: 20px;

            right: 20px;

            font-size: 1.1rem;

            letter-spacing: 0.05rem;

            color: #069;

            border: none;

            background: transparent;

            -webkit-transition: all 0.4s;

            -moz-transition: all 0.4s;

            -o-transition: all 0.4s;

            transition: all 0.4s;

        }

        .edit-journey-popup .content .close:hover {

            cursor: pointer;

            font-weight: 800;

        }

        .journey_form {

            max-width: 700px;    

        }

        .page-title {

            font-size:1.45em;
            text-align: center;

        }

        .form-head {

            font-size:1.25em;
            background-color:#AADAFF; 
            color: #222;
            padding:12px 5px;
            margin:0 auto;
            margin-bottom: 6px;
            box-sizing: border-box;
            width:100%; 
            text-align: center;

        }

        #submit_journey {

            transform: scale(1.45);
            margin-top:0.6em;

        }
        
        
        .edit-journey-popup .content .dots .dot {

            position: absolute;

            border-radius: 100%;

            z-index: 11;

        }

        .edit-journey-popup .content .dots .dot:nth-of-type(1) {

            top: -80px;

            right: -80px;

            width: 160px;

            height: 160px;

            background-color: #689bf6;

            -webkit-animation: float 6s ease-in-out infinite;

            -moz-animation: float 6s ease-in-out infinite;

            -o-animation: float 6s ease-in-out infinite;

            animation: float 6s ease-in-out infinite;

        }

        .edit-journey-popup .content .dots .dot:nth-of-type(2) {

            bottom: -120px;

            left: -120px;

            width: 240px;

            height: 240px;

            background-color: #f66867;

            -webkit-animation: float 8s ease-in-out infinite;

            -moz-animation: float 8s ease-in-out infinite;

            -o-animation: float 8s ease-in-out infinite;

            animation: float 8s ease-in-out infinite;

        }

        .edit-journey-popup .content .dots .dot:nth-of-type(3) {

            bottom: -50px;

            right: -50px;

            width: 100px;

            height: 100px;

            background-color: #ffd84c;

            -webkit-animation: float 4s ease-in-out infinite;

            -moz-animation: float 4s ease-in-out infinite;

            -o-animation: float 4s ease-in-out infinite;

            animation: float 4s ease-in-out infinite;

        }

        .edit-journey-popup .content .title h1 {

            text-align: center;

            color: #f66867;

            text-transform: uppercase;

            font-weight: 900;

            font-size: 2.8rem;

            letter-spacing: 0.05rem;

        }

        .edit-journey-popup .content img {

            width: 100%;

            max-width: 220px;

            display: inline-block;

            margin: 30px 0 40px 0;

            opacity: 0;

            -webkit-transform: translateX(60px);

            -moz-transform: translateX(60px);

            -ms-transform: translateX(60px);

            -o-transform: translateX(60px);

            transform: translateX(60px);

            -webkit-transition: 0.2s;

            -moz-transition: 0.2s;

            -o-transition: 0.2s;

            transition: 0.2s;

            -webkit-backface-visibility: hidden;

        }


        .edit-journey-popup .content .subscribe h1 {

            font-size: 1.5rem;

            color: #3e4146;

            line-height: 130%;

            letter-spacing: 0.07rem;

            margin-bottom: 30px;

        }

        .edit-journey-popup .content .subscribe h1 span {

            color: #f66867;

        }

        .edit-journey-popup .content .subscribe form {

            overflow: hidden;

        }

        .edit-journey-popup .content .subscribe form input {

            width: 100%;

            float: left;

            padding: 15px 20px;

            text-align: center;

            font-family: inherit;

            font-size: 1.1rem;

            letter-spacing: 0.05rem;

            outline: 0;

        }

        .edit-journey-popup .content .subscribe form input[type=email] {

            margin-bottom: 15px;

            border: 1px solid #bec1c5;

            -webkit-transition: all 0.4s;

            -moz-transition: all 0.4s;

            -o-transition: all 0.4s;

            transition: all 0.4s;

        }

        .edit-journey-popup .content .subscribe form input[type=submit]:hover {

            cursor: pointer;

            background-color: #7349af;

            border-color: #7349af;

        }

        .edit-journey-popup.open {

            visibility: visible;

            opacity: 1;

            -webkit-transform: translate(-50%) scale(1);

            -moz-transform: translate(-50%) scale(1);

            -ms-transform: translate(-50%) scale(1);

            -o-transform: translate(-50%) scale(1);

            transform: translate(-50%) scale(1);

        }

        .edit-journey-popup .content .subscribe form input[type=email]:focus {

            border-color: #3e4146;

        }

        .edit-journey-popup .content .subscribe form input[type=submit] {

            background-color: #8e6ac1;

            color: #ffffff;

            border: 1px solid #8e6ac1;

            -webkit-transition: all 0.4s;

            -moz-transition: all 0.4s;

            -o-transition: all 0.4s;

            transition: all 0.4s;

        }

        .edit-journey-popup .content .subscribe form input[type=submit] {

            width: 25%;

        }

    }

    @media (min-width:568px) {

        .edit-journey-popup .content .container {

            padding: 50px 20px 80px;

       }

    }

    @media (min-width:800px) {

        .edit-journey-popup {

            width: calc(100% - 40px);

            height: auto;

            max-width: 900px;

       }

        .edit-journey-popup .content .container {

            padding: 70px 0px 90px;

            max-width: 520px;

            margin: 0 auto;

       }

        .edit-journey-popup .content {

            min-height: inherit;

       }

        .edit-journey-popup .content img {

            max-width: 300px;

       }

        .edit-journey-popup .content .dots .dot:nth-of-type(1) {

            top: -190px;

            right: -190px;

            width: 380px;

            height: 380px;

       }

        .edit-journey-popup .content .subscribe form input[type=email] {

            margin-bottom: 0px;

            width: 75%;

            border-right-width: 0px;

       }

    }

/** User Profiles **/

    @media (min-width:0) {

        .user-journey-bar {

            width: 100%;

            padding: 9px;

            box-sizing: border-box;

            background: #2284FF;

            color: #FFF;

            text-align: right;

        }

        .user-journey-bar select {

            padding: 5px;

            box-sizing: border-box;

            width: 98%;

            max-width: 350px;

            margin: 0 auto;

            text-align: center;

        }

    }


/** front page elements **/

    @media (min-width:0) {

        .tb-welcome-title {
            
            color: #85B1BB;
            
            font-size: 2.25em;
            
            font-family: Oswald, Arial, sans serif;
            
            margin-bottom: 12px;
            
        }
        
        .tb-welcome-content {
            
            padding: 10px;
            
            box-sizing: border-box;
            
        }
        
        .tb-welcome-content p {
            
            font-size: 1.125em;
            
            line-height: 1.125em;

            margin-bottom: 1em;
            
        }

        .tb-front-page-welcome {
            
            display: -ms-flexbox;

            display: -webkit-flex;
            
            display: flex;
            
            -webkit-flex-direction: row;
            
            -ms-flex-direction: row;
            
            flex-direction: row;
            
            -webkit-flex-wrap: wrap;
            
            -ms-flex-wrap: wrap;    
            
            flex-wrap: wrap;
            
            -webkit-justify-content: center;
            
            -ms-flex-pack: center;
            
            justify-content: center;
            
            -webkit-align-content: stretch;
            
            -ms-flex-line-pack: stretch;
            
            align-content: stretch;
            
            -webkit-align-items: flex-start;
            
            -ms-flex-align: start;
            
            align-items: flex-start;
            
            width: 100%;
            
            padding: 0;
            
            margin: 0 auto;
            
            margin-bottom: 6px;
            
        }

        .tb_front-page_welcome-col {
            
            width: 100%;           
            
            background-color: #FFF;
            
            padding: 4px;
            
            margin: 0 auto;
            
            box-sizing: border-box;
            
            text-align: left;
            
        }
        
        ul.tb-welcome-icons {
            
            font-size:1.5em;
            
            padding: 0;
            
            margin: 0 auto;
            
            color: #093266; 
            
            font-family: Oswald, Arial, Sans Serif;
            
            list-style: none;
            
            text-align: center;
            
        }
        
        ul.tb-welcome-icons  li {
            
            margin: 0 auto;
            
            padding: 0;
            
            padding-bottom: 12px;
            
            text-align: center;
            
        }
        
        ul.tb-welcome-icons  li i {
            
            display: table;
            
            font-size: 1.5em;
            
            text-align: center;
            
            margin: 0 auto;
            
            padding-bottom: 5px;
            
            
        }
        
        .tb-whats-new-note {
            
            font-size: 1.8em;
            
            font-weight: 500px;
            
            font-family: Oswald, Arial, sans serif;
            
            padding: 5px 0;
            
            box-sizing: border-box;
            
        }

        .activity-feed-wrapper {
            
            width: 100%;

            background: #C8D4DD;

            padding: 10px;
            
            box-sizing: border-box;

        }

        .front-flex {
            
            width: 100%;

            display: flex;
            
            flex-wrap: wrap;
            
            background: #EAEFF2;
            
        }
        
        .front-flex-activity {
            
            width: 100%;

            padding: 10px;
            
            box-sizing: border-box;
            
        }
        
        .front-flex-widgets {
            
            width: 100%;
        
            padding: 10px;
            
            box-sizing: border-box;
                    
        }
        
        .destination-feed-item-wrapper {
            
            width: 100%;
            
            margin: 5px 0;
            
            background: #FFF;
            
            color: #222;
            
            text-align: center;
            
        }
        
        .destination-feed-item-wrapper img {
        
            max-width: 100%;
            
            height: auto;
            
            max-height: 130px;
            
            padding: 5px;
            
            box-sizing: border-box;
            
        }
        
        
        .dest-feed-top-title {
            
            width: 100%;
            
            padding: 4px;
            
            box-sizing: border-box;
            
            text-align: center;
            
            font-size: 1.4em;
            
            background: #456070;
            
            color: #FFF;
            
        }

        .dest-feed-title {
            
            width: 100%;
            
            padding: 7px;
            
            box-sizing: border-box;
            
            text-align: center;
            
            font-size: 1.3em;
            
            font-weight: 600;
            
        }

        .dest-feed-excerpt {

            width: 100%;
            
            padding: 7px;
            
            box-sizing: border-box;
            
            text-align: center;
            
        }
        
    }
    
    @media (min-width:1500px) {

        .tb-front-page-welcome {
            
            -webkit-flex-wrap: nowrap;
            
            -ms-flex-wrap: nowrap;
            
            flex-wrap: nowrap;
            
        }

        .tb_front-page_welcome-col:first-of-type {
            
            width: 65%;            
            
        }
        
        .tb_front-page_welcome-col:last-of-type {
            
            width: 35%;
            
            padding: 6px 10px;
            
            box-sizing: border-box;
            
            align-self: center;
            
        }
        
        .front-flex {
            
            flex-wrap: nowrap;
            
        }
        
        .front-flex-activity {
            
            width: 65%;
        
        }
        
        .front-flex-widgets {
            
            width: 35%;
        
        }
        
    }


/* destination stuff */

    @media (min-width:0) {

        .dest-list-item {

            display: -ms-flexbox;

            display: -webkit-flex;

            display: flex;

            -webkit-flex-direction: row;

            -ms-flex-direction: row;

            flex-direction: row;

            -webkit-flex-wrap: wrap;

            -ms-flex-wrap: wrap;

            flex-wrap: wrap;

            -webkit-justify-content: center;

            -ms-flex-pack: center;

            justify-content: center;

            -webkit-align-content: center;

            -ms-flex-line-pack: center;

            align-content: center;

            -webkit-align-items: center;

            -ms-flex-align: center;

            align-items: center;

            list-style: none;

            width: 100%;

            margin: 0 auto;
            
            margin-bottom: 15px;

        }
        
        .dest-list-logo,

        .dest-list-info {
            
            width: 100%;
            
            text-align: center;       
            
            padding: 8px;
            
            box-sizing: border-box;
            
        }
        
        .dest-post-title {
        
            font-size: 2em;
            
            width: 100%;
            
            text-align: center;
            
            padding: 14px 0;
            
        }
        
        .dest-post-excerpt {
            
            fontp-size: 1.2em;
            
            padding: 10px 0;
            
        }
        
        .dest-post-journeys {
            
            
        }
        
        .dest-post-wrapper {
            
            width: 100%;

            margin: 0 auto;

            text-align: center;
            
            box-sizing: border-box;
            
        }
        .dest-post-wrapper img {
            
            padding: 15px;
            
            box-sizing: border-box;
            
        }


    }

    @media (min-width:1000px) {

        .dest-list-item {

            -webkit-flex-wrap: nowrap;

            -ms-flex-wrap: nowrap;

            flex-wrap: nowrap;

        }
        
        .dest-list-logo {
            
            width: 20%;
            
        }

        .dest-list-info {

            width: 80%;
            
            padding: 0 10px;
            
            text-align: left;
            
        }
        
        .dest-list-info .dest-post-title { 
        
            text-align: left;
            
        }
        
    }