/* Search Box */

.search-panel {
	
	width:100%;
	text-align:center;
	padding:2em 0;
	background-attachment:fixed;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
	margin:0 auto!important;
	padding:2em 0!important;

}

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

	width:90%;
	max-width:650px;
	margin:0 auto;
	text-align:center;

}

form.search-rides {

	padding:1.2em; 
	background:#E3EDF0; 
	-webkit-border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px; 
	-moz-border-radius-topleft:15px;
	-moz-border-radius-topright:15px; 
	border-top-left-radius:15px; 
	border-top-right-radius:15px;

}

form.list-rides {
	
	background:#5997DB; 
	color:#FFF; 
	padding:1em 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 h2 {
	
	color:#FFF!important;
	line-height:1.125em;

}



.search-panel .sitelogo {width:100%; height:auto; max-width:220px; margin:0 auto; text-align:center}
search-panel .sitelogo img {width:90%; padding:10px}
.search-panel .row {padding:0.4em 0}
.search-panel .form-title {padding-bottom:0.5em}
.search-panel input.search, .search-panel select.destination {font-size:1.25em; background:#FFF; width:90%; padding:0.6em 0.3em; margin-top:0.4em; margin-bottom:0.4em; text-align:center}
.search-panel select.destination {text-align-last:center}
.search-panel input.number-seats {width:4em; padding:0.5em}
.search-panel input.date {padding:0.5em}
.search-panel .form-row {width:100%; padding-top:0.5em; padding-bottom:0.5em}
.search-panel .form-group {width:48%; display:inline-block; padding-top:0.5em; padding-bottom:0.5em; vertical-align:top}
.search-panel button {background:#0077CC; color:#FFF; font-size:1.25em; padding:0.7em; margin-top:0.8em; margin-bottom:0.8em}
.search-panel input, select, textarea, button{font-family:inherit}
.search-panel input, .search-panel select, .search-panel textarea {font-size:1.15em}


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

.search-panel .form-group {width:100%; padding-top:0.5em; padding-bottom:0.5em; vertical-align:top}
	
}

/* datpeicker styles */
::-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}

form.search-rides {
	
	text-align:center!important;
	
}

form.search-rides input.search-go,
a.search-go {
	
	color:inherit;
	-webkit-transition:all ease 500ms; -moz-transition:all ease 500ms; transition:all ease 500ms;
	color:#FFF!important;
	background:#11aab2;
	font-size:1.25em;
	max-width:200px;
	cursor:pointer;
	display:block!important;
	padding:0.7em 1.26em;
	margin:0 auto!important;
	text-align:center!important;
	letter-spacing:1px;
	text-decoration:none!important;

}

form.search-rides input.search-go:hover,
a.search-go:hover {

	background:#00767c;
	text-decoration:none;
	
}


/* Results Page */

.journey-wrapper {

	padding:2em 0;	
	
}

.journey-wrapper .journey {
	
	padding:1em 0;
	width:95%;
	max-width:950px;
	background:#E3EDF0;
	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;
	margin-bottom:0.65em;
	max-width:725px;
	min-width:290px;
	position:relative;	
	-webkit-border-top-right-radius: 60px;
	-webkit-border-bottom-left-radius: 60px;
	-moz-border-radius-topright: 60px;
	-moz-border-radius-bottomleft: 60px;
	border-top-right-radius: 60px;
	border-bottom-left-radius: 60px;

}

.journey-wrapper .journey a {
	
	color:inherit;

}

.journey-wrapper .journey a.contact-user {
	
	color:inherit;
	-webkit-transition:all ease 500ms; -moz-transition:all ease 500ms; transition:all ease 500ms;
	color:inherit!important;
	background:#E3EDF0;
	font-size:1em;
	letter-spacing:1px;
	margin:15px 0!important;
	cursor:pointer;
	display:block!important;
	padding:0.4em 0.8em;
	width:auto;
	min-width:100px;
	max-width:200px;

}

.journey-wrapper .journey a.contact-user:hover {

	background:#D2E3E8;

}

.journey-wrapper .journey .location-image {

	width:40%;
	min-width:200px;
	padding:2em;

}

.journey-wrapper .journey .location-image img {

	width:100%!important;
	height:auto!important;

}

.journey-wrapper .journey > .journey-meta {

	width:55%;
	min-width:250px;
	text-align:left;
	font-size:0.95em;
	line-height:1.35em;

}

.journey-author {
	
	width:100%;
	padding:12px 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: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-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;
	text-align:left;
	font-size:0.825em;

}


.journey-wrapper .journey .journey-meta .journey-author .post-date {

	text-align:left;	
	width:45%;
	
}

.journey-wrapper .journey .journey-meta .journey-author .author-name {

	text-align:left;	
	width:45%;
	
}

.journey-wrapper .journey > .contact {

	padding:1em 0;

}