/*
Theme Name: Airport Melbourne Taxi Service
Author URI: http://www.thegeminigeeks.com/
Version: 1.0
Author: The Gemini Geeks
Description: A theme by The Gemini Geeks
*/

*{margin:0;padding:0;}
body{margin: 0;padding: 0;background:#fff;font-family: Raleway, Tahoma, Verdana, Arial;font-size: 15px;color:#252525;}
ul li {list-style-type:none;}
td{text-align:center;}
a img {border:none;}
a { color:#252525;text-decoration:none;transition: all 0.5s ease; -moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
a:hover{text-decoration:underline; color:#000;}
p {margin:0 0 10px 0;line-height:170%;}
.alignleft{float:left;margin:0 10px 0 0;}
.alignright{float:right;margin:0 0 0 10px;}
.aligncenter{display:block;margin:0 auto;}
.textcenter {text-align:center;}
.clear{clear:both;}
.divider {clear:both;border-bottom:1px solid #ddd;margin:0 0 20px 0;padding:20px 0 0 0;}
table{border-collapse:collapse;}
table td {border:1px solid #ddd; padding:5px;}

.inner {width:1170px;margin:0 auto;}

#header {padding:20px 0; }
#logo {float:left;}
#hright {float:right;margin:15px 0 0 0;font-family:'Source Sans Pro';text-transform:uppercase;}
#hright ul li {float:left;margin:0 0 0 40px;}
#hright ul li a span {display:block;font-weight:bold;margin:0 0 5px 0;}
#hright ul li a {display:block;padding:0 0 0 42px;}
#hright ul li.phone a {background:url(../png/phone.png) no-repeat;background-size:32px 32px;}
#hright ul li.sms a {background:url(../png/email.png) no-repeat;background-size:32px 32px;}
#hright ul li.onlinebooking a {background:url(../png/web.png) no-repeat;background-size:32px 32px;}

#hright ul li.fareestimate a {background:url(../png/estimate.png) no-repeat;background-size:32px 32px;}
#hright ul li.payonline a {background:url(../png/dollar.png) no-repeat;background-size:32px 32px;}

#topsectioninner #topnav {background:#ffc40f;}
#topnav {text-transform:uppercase;font-family:'Source Sans Pro';font-weight:bold;}
#topnav ul {display:table;width:100%;}
#topnav ul li{display:table-cell;text-align:center;}
#topnav ul li a{display:block;padding:10px;background:#ffc40f;text-decoration:none;}
#topnav ul li a:hover {background:#000;color:#fff;}

h1,h2,h3,h4,h5,h6 {margin:0 0 10px 0;font-family:'Source Sans Pro';}
h1{font-size:40px;}
h2 {font-size:35px;}
h3 {font-size:25px;}
h4 {font-size:22px;}
h5 {font-size:20px;}
h6 {font-size:18px;}

.post{padding:10px; margin:0 0 10px 0;}
.post p{margin:0 0 10px 0;}
.post a {color:#ffc40f;font-weight:bold;}
.post ul {margin:10px 0 20px 20px;}
.post ul li {list-style-type:disc;margin:0 0 10px 0;list-style-position:inside;}
#pagetitle {background:#252525;text-align:center;color:#fff;margin:0 0 20px 0;}
#pagetitle h1 {padding:30px 0;}

.sprite {background-image: url('../png/sprite.png');background-size: 96px 360px;}

.sprite-parceldelivery {width: 48px;height: 48px;background-position: 0 0;}
.sprite-citytaxi {width: 48px;height: 48px;background-position: 0 -48px;}
.sprite-airportservice {width: 48px;height: 48px;background-position: 0 -96px;}
.sprite-web {width: 32px;height: 32px;background-position: 0 -144px;}
.sprite-mail {width: 24px;height: 24px;background-position: 0 -176px;}
.sprite-phoneicon {width: 24px;height: 24px;background-position: 0 -200px;}
.sprite-home {width: 24px;height: 24px;background-position: 0 -224px;}
.sprite-email {width: 32px;height: 32px;background-position: 0 -248px;}
.sprite-phone {width: 32px;height: 32px;background-position: 0 -280px;}
.sprite-corporatetravel {width: 96px;height: 48px;background-position: 0 -312px;}

#sidebar {margin:5px 0 0 0;}
#sidebar label.screen-reader-text{display:none;}
#sidebar input#s {border:1px solid #ccc;color:#555;padding:3px;background:#fafafa;}
#sidebar input#s:focus {background:#fff;}
.widget {margin:0 0 40px 0;border:1px solid #ccc;padding:10px;}
.widget h3 {margin:0 0 5px 0;font-weight:normal;font-size:20px;}
.widget span.post-date {color:#888;font-size:12px;}
.widget ul {margin:10px 0 0 20px;}
.widget ul li {margin:0 0 10px 0;list-style-type:square;}

#welcome {padding:50px 0;}
#welcome .grid-column{display: grid; grid-template-columns: 64% auto;gap: 1.5rem 3rem;align-items: center;}
#welcome h4 {margin:0 0 2px 0;font-size:35px;}
#welcome h4 span{display:inline-block;width:100px;background:#d3d3d3;height:3px;margin:0 5px 7px 5px;}
#welcome h1 {margin:0 0 20px 0;color:#ffc40f;font-size:36px;}
#welcome img {display:inline-block;margin:20px 0 0;
/*! -webkit-box-shadow: 0 0 5px 1px rgba(50,50,50,1); */
/*! -moz-box-shadow: 0 0 5px 1px rgba(50,50,50,1); */
/*! box-shadow: 0 0 5px 1px rgba(50,50,50,1); */
border: 3px solid #FFC40F;
}

#cars{width:100%;clear:both;padding-bottom:2rem;float:left}
.cbox{width:25%;float:left;text-align:center}
.cbox h3{font-weight:400}
.cbox ul{display: inline-block;}
.cbox ul li{display: flex;align-items:center;margin: 5px;}
.cbox ul li img{width:24px;margin-right:5px}

#services {padding:50px 0;background:#f5f5f5;text-align:center;}
#services h2 {margin:0 0 30px 0;}
#services h2 span{display:inline-block;width:100px;background:#d3d3d3;height:3px;margin:0 5px 7px 5px;}
.service {float:left;width:23%;margin:1%;}
.serviceimg {background:#ffc40f;padding:30px 10px;}
.service img {margin:0 0 10px 0;}
.servicetext {background:#252525;padding:20px 5px;color:#fff;}
a.booknow {padding:8px 20px;display:inline-block;margin:10px auto;border:1px solid #fff;color:#fff;text-align:center;text-decoration:none;transition: all 0.5s ease; -moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
a.booknow:hover {background:#ffc40f;color:#252525;border:1px solid #ffc40f}

#testimonials {padding:50px 0;text-align:center;width: 100%;float: left;}
#testimonials .row{display: flex;align-items: center}
#testimonials h2 {margin:0 0 30px 0;}
#testimonials h2 span{display:inline-block;width:100px;background:#d3d3d3;height:3px;margin:0 5px 7px 5px;}
#testimonials span {display:block;margin:20px auto 5px auto;font-size:20px;}
#testimonials ul li {line-height:170%;}


.googlereview{width:27%;float:left;text-align: center}
.rating{font-weight: 700;display: inline-flex;align-items: center;margin-bottom: 5px;}
.rating img{width:120px}
#testimonialsslider {border:5px solid #ffc40f;width:68%;margin:10px;padding:50px 2% 60px 2%;float:left}

#bottom {background:#181818;padding:50px 0;color:#fff;}
#bottom a {color:#fff;}
.bbox {float:left;margin:0 15px 0 0;}
#bbox1 {width:270px;margin:0 60px 0 0;}
#bbox2 {width:200px;}
#bbox3 {width:190px;}
#bbox4 {width:215px;}
.bbox h3 {margin:0 0 20px 0;}
.bbox h3 span {display:block;width:40px;height:3px;background:#ca0816;margin:8px 0;}
.bbox ul li {margin:0 0 15px 0;}
#bbox1 img {margin:0 0 20px 0;}
#bbox2 ul li, #bbox3 ul li {list-style-type:square;color:#ffc40f;list-style-position:inside;}
#bbox4 ul li.address {background:url(../png/home.png) 0 2px no-repeat; background-size:24px 24px; padding:4px 0 4px 42px;}
#bbox4 ul li.phone {background:url(../png/phoneicon.png) 0 2px no-repeat; background-size:24px 24px; padding:4px 0 4px 42px;}
#bbox4 ul li.email {font-size:12px;background:url(../png/mail.png) no-repeat; background-size:24px 24px; padding:5px 0 4px 42px;}

#footer{clear:both; background:#181818; color:#eee; padding:15px 0; text-align:center;font-size:13px;}
#footer a{color:#ddd;}
#footer a:hover{color:#fff;}
.fleft {float:left;}
.fright {float:right;}

#contactform {margin:0 0 20px 0;}
#contactform * {font-family:Raleway; font-size:15px;}
#contactform input{width:98%; padding:9px 1%;border:1px solid #ccc;margin:3px 0 0 0;
-webkit-box-shadow: 2px 1px 0px 0px rgba(166,166,166,1);
-moz-box-shadow: 2px 1px 0px 0px rgba(166,166,166,1);
box-shadow: 2px 1px 2px 0px rgba(166,166,166,1);
}
#contactform textarea {width:98%; padding:9px 1%;height:75px;border:1px solid #ccc;
-webkit-box-shadow: 2px 1px 0px 0px rgba(166,166,166,1);
-moz-box-shadow: 2px 1px 0px 0px rgba(166,166,166,1);
box-shadow: 2px 1px 2px 0px rgba(166,166,166,1);
}
#contactform input.wpcf7-submit{width:120px;border:none;background:#ffc40f;color:#252525;font-size:18px;text-transform:uppercase;cursor:pointer;padding:10px;}

.field {margin:0;}
.onehalf {float:left; width:48%;padding:0 1%;}
.onethird {float:left; width:31%;padding:0 1%;}
.onethirdfixed {float:left; width:31.33%;padding:0 1%;}
.fullwidth {width:98%;padding: 0 1%;}
select:-moz-focusring { color: transparent;text-shadow: 0 0 0 #000;}

#bookingform {margin:0 0 20px 0;}
#bookingform * {font-size:15px;font-family:Raleway;}
#bookingform input{width:92%; padding:10px;border:1px solid #ccc;margin:3px 5px 0 0;
-webkit-box-shadow: 2px 1px 0px 0px rgba(166,166,166,1);
-moz-box-shadow: 2px 1px 0px 0px rgba(166,166,166,1);
box-shadow: 2px 1px 2px 0px rgba(166,166,166,1);
}
#bookingform select{width:99%; padding:10px;border:1px solid #ccc;margin:3px 0 0 0;
-webkit-box-shadow: 2px 1px 0px 0px rgba(166,166,166,1);
-moz-box-shadow: 2px 1px 0px 0px rgba(166,166,166,1);
box-shadow: 2px 1px 2px 0px rgba(166,166,166,1);
background: transparent;
}
#bookingform textarea {width:96%; padding:10px;height:90px;border:1px solid #ccc;
-webkit-box-shadow: 2px 1px 0px 0px rgba(166,166,166,1);
-moz-box-shadow: 2px 1px 0px 0px rgba(166,166,166,1);
box-shadow: 2px 1px 2px 0px rgba(166,166,166,1);
}
#bookingform option {padding:0 4px;}
#bookingform input:focus, #bookingform textarea:focus{border:1px solid #aaa;}
#bookingform input.wpcf7-submit{width:150px;padding:10px;border:none;background:#ffc40f;color:#252525;cursor:pointer;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.returnjourney {display:none;}
#bookingform .wpcf7-radio span{padding:10px 0 5px 0;}
#bookingform .wpcf7-radio input {float:left;width:auto;margin-right:5px;}

::-webkit-input-placeholder {color:#000;}
:-moz-placeholder {color: #000;opacity: 1;}
::-moz-placeholder {color: #000;opacity: 1;}
:-ms-input-placeholder {color: #000;}
::-ms-input-placeholder {color: #000;}

a.booknowsidebar {font-size: 25px;
background: #ffc40f;
color: #252525;
padding: 7px 5%;
width: 90%;
margin: 0 0 12px;
display: block;
text-decoration: none;
font-family: 'Source Sans Pro';}
a.booknowsidebar:hover {background:#252525;color:#fff;}

img {max-width:100%;height:auto;}
textarea, iframe {max-width:100%;}

@media screen and (max-width:980px) {
  #testimonials .row{display: block}
  .googlereview,#testimonialsslider{width:100%}
body {min-width:280px;}
.desktoponly {display:none;}
.inner {width:96%;padding:2%;}
img.alignleft, img.alignright{float:none;display:block;margin:10px auto;}
#header {padding:0;}
#header .inner {width:100%;padding:0;}
#logo {float:none;text-align:center;margin:10px auto 30px auto;}
#hright {float:none;text-align:center;}
#hright ul li {float:none;margin:0 0 15px 0;}
#hright ul li a {display:inline-block;text-align:left;min-width:205px;padding:7px 0 7px 40px;}
#hright ul li a span {display:inline;margin:0;}
#topnav, #topsectioninner #topnav {display:none;padding:3px 0 1px 0;background:#000;}
#topnav ul {display:block;}
#topnav ul li {float:none;display:block;margin:0 0 5px 0;padding:2px;border-bottom:1px solid #555;text-align:left;}
#topnav ul li a {display:block;color:#fff;padding:4px;border:none;background:none;}
#topnav ul li a:hover{color:#ffc40f;}
#topnav ul ul {margin:0 0 0 20px;}
#topnav ul ul li:last-child {border:none;}
#navtoggle {color:#000; background:#ffc40f url(../png/menublack.png) 5px 10px no-repeat;  padding: 7px 0 7px 45px;font-size:20px;cursor:pointer;display:block;}
#welcome h4, #welcome h2 {font-size:28px;}
#welcome h4 span{width:40px;margin:0 5px 5px 5px;}
#welcome img {margin:0 auto 0;max-width:94%;}
#services h2 {font-size:28px;}
#services h2 span {width:40px;}
.service,.cbox {float:none;width:96%;margin:0 auto 30px auto;}
#testimonials h2 {font-size:28px;}
#testimonials h2 span {width:40px;}
#testimonialsslider {max-width:90%;}
.bbox, #bbox1, #bbox2, #bbox3, #bbox4 {float:none;width:96%;margin:0 auto 30px auto;}
#bbox4 ul li.email {font-size:12px;}
#footer {font-size:12px;padding:5px 0;}
.fleft, .fright {float:none;}
.fleft {margin:0 0 10px 0;}
.onehalf, .onethird {float:none; width:100%;padding:0;}
#bookingform textarea{width: 95%; margin-top: 5px;}	
#bookingform select{width:100%;} 	
#bookingform input{width:94%;}  	
  #welcome .grid-column{display: flex; flex-direction: column-reverse}
  #welcome{text-align: center}
}

@media screen and (min-width:981px) {
.mobileonly {display:none;}
#topnav {display:block!important;}
#navtoggle {display:none;}
.lefthalf {float:left;width:48%;}
.righthalf {float:left;width:48%;}
#topsection {position:relative;}
#topsection #topnav {position:absolute;top:0;width:100%;z-index:9999;}
#content {float:left;width:680px;}
#sidebar {float:right; width:280px;}
	#welcome .right-line{display:none}
}