/* Theme Name: melbournemaxicabservice Author URI: https://www.thegeminigeeks.com/ Version: 1.1 Author: The Gemini Geeks Description: A theme by The Gemini Geeks */ :root { /* Color Variables: */ --primarycolor:#000000; --secondarycolor:#ffd200; --tertiarycolor:#fff; /* Font Variables: */ --primaryfont:'Saira', sans-serif; --secondaryfont:'Roboto', sans-serif; } *{margin: 0;padding: 0;} body {margin: 0;padding: 0;background: #fff;font-family: var(--secondaryfont);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color:var(--primarycolor);font-weight: 400;font-size: 18px;line-height: 1.8;text-rendering: optimizeLegibility;} a img {border: none;} a {color:var(--primarycolor);text-decoration: none !important;transition:0.8s;transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.6s ease;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;} a:hover {transition:0.8s;text-decoration: none;} .clear {clear: both;} .divider {clear: both;border-bottom: 1px solid #ddd;margin: 0 0 1.2rem 0;padding: 20px 0 0 0;} .alignleft{float:left;margin:0 10px 0 0;} .alignright{float:right;margin:0 0 0 10px;} .aligncenter{display:block;margin:0 auto;} #scroll {position: fixed;right: 10px;bottom: 3rem;cursor: pointer;width: 40px;height: 40px;background-color: var(--secondarycolor);text-indent: -9999px;display: none;-webkit-border-radius: 60px;-moz-border-radius: 60px;border-radius: 60px;z-index: 999;} #scroll span {position: absolute;top: 50%;left: 50%;margin-left: -8px;margin-top: -12px;height: 0;width: 0;border: 8px solid transparent;border-bottom-color: #ffffff;} #scroll:hover {background-color:var(--primarycolor);opacity: 1;filter: "alpha(opacity=100)";-ms-filter: "alpha(opacity=100)";} .inner {width: 1170px;margin: 0 auto;max-width: 100%;} .overlay {position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #5C2AB5CF;} .header_area {position:relative;top: 0;left: 0;width: 100%;padding: 1rem 0;box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;z-index: 999;} .header_area .row{align-items:center} #top-bar{width:100%;text-align: end;} #top-bar .row{justify-content:space-between;align-items: center;} #top-bar img{width:28px;transition:0.6s ease-in-out} #top-bar a{margin:0px 5px;color: var(--primarycolor);font-size: 26px;display: inline-block; font-weight:800;} #top-bar .col-md-6:nth-child(1) a{padding:2px 0} #top-bar a i{color:var(--primarycolor);transform: rotate(100deg);} #top-bar a i:hover{color:var(--secondarycolor)} #top-bar a:hover{color:var(--secondarycolor);} #top-bar a:hover img{transform:scale(1.1)} #top-bar .pull-right,#top-bar .social{float:right;line-height: 1rem;} .topbtn{margin-right:0 !important} .topbtn a:after{display:none !important} .topbtn a{border:0;background:var(--secondarycolor);padding:5px 20px;border-radius:1rem;color:#000 !important;;font-size:1.5rem !important;font-weight:700 !important;} #logo .site-title {float:left;} #logo .site-title a{color:var(--primarycolorcolor);font-size: 1.5rem;} #logo img{width:275px;} .site-menu-toggle{display: none;} h1,h2,h3,h4,h5,h6 {margin: 0 0 0.6rem 0;color: #000;line-height: 1.2;font-family: var(--primaryfont);} h1 {font-size: 48px;text-transform: uppercase;} h2 {font-size: 38px;} h3 {font-size: 24px;} h4 {font-size: 20px;} h5 {font-size: 18px;} h6 {font-size: 16px;} .menu-bar {text-align: left;width: 30px;} .menu-bar span {height:2px;background:var(--secondarycolor);display:block;margin-bottom:6px} .menu-bar span:nth-child(1) {width:17px} .menu-bar span:nth-child(2) {width:30px} .menu-bar span:nth-child(3) {width:15px;margin-left:auto;margin-bottom:0} .call-now-button {animation: animationFramesTwo 1.5s infinite linear alternate;} .call-now-button { animation: animationFramesTwo 1.5s infinite linear alternate; } @keyframes animationFramesTwo { 0% { transform:scale(1) } 50% { transform:scale(1.1) } 100% { transform:scale(1) } } #scrolleffect {padding-top: 6.25rem; margin-top: -6.25rem;} .smalltext{text-transform: uppercase;letter-spacing: 5px;display: block;text-align: center} .btn-primary{text-transform:uppercase;background:var(--secondarycolor);border-radius:8px;padding: 0.9rem 2.5rem;margin: 2rem 0rem;color:var(--primarycolor);transition: .6s ease-in-out;font-size: 18px;} .btn-primary:hover{background:var(--primarycolor);color:#fff;} .more-btn{padding: 10px 35px;border: 1px solid var(--secondarycolor);margin:1rem 0;display:inline-block} .more-btn:hover{background:var(--secondarycolor);color:#fff !important; } .call-btn{background: var(--primarycolor); color: var(--tertiarycolor);padding:0.7rem 1rem; border-radius: 8px; font-weight: 600; font-size: 22px; margin-left: 1rem;} .call-btn:hover{background: var(--secondarycolor); color: var(--primarycolor)} .line{background: var(--secondarycolor); height: 4px; width: 260px; margin: 0 auto 1.5rem;} i{transform: rotate(90deg); margin-right: 5px} #slider{position:relative;} #slider .carousal-caption{position: absolute; top: 0; left: 0; right: 0 ;bottom: 0; display: flex; align-items: center;} #slider img{width:100%;object-fit:fill} #slider .badges{width: 330px; margin:0 auto 1.5rem} #slider .text-box{ text-align: center} #slider p{width:80%; margin:0 auto } #slider .two-btn{margin: 2rem 0rem; } #slider .google-review{width: 180px; margin: 3rem auto 0} .slider-nav {width: 95%; margin:10px auto; position: absolute; left: 0rem; right: 0rem; top: 40%; z-index: 3; } button.arrow {background:#f1f1f1;color:#555;border:none;padding:5px 10px;font-size:30px;border-radius:100%;width:40px;cursor:pointer;line-height:100%} button.arrow:hover {color:#000;} button.arrow--left {float:left;} button.arrow--right {float:right;} .carousel-caption {right: 0;top: 0;left: 0;z-index:2;position:absolute;bottom: 0;} .textblock{margin:7rem 0 0 11rem;width:45%} .carousel-caption h1{font-size: 3.5rem;letter-spacing: 1px;color: #fff;line-height: 1.2;} .carousel-caption span{font-weight: 900;color:#F68C19;} .carousel-caption p{color: #fff;font-weight: inherit;} #bookingform{width:100%;text-align:center; } #bookingform .container{background:#f1f1f1;padding:1.5rem 2rem;border-radius:1.5rem;} #bookingform h2{text-transform: uppercase} #bookingform .line{margin-bottom: 1.5rem} #our-services{text-align:center; padding:6rem 0} #our-services .line{width: 200px} #our-services .row{gap: 2rem;-webkit-gap: 2rem; justify-content: center;margin: 3rem 0 0;} #our-services .service-box{border:2px solid var(--primarycolor); width:350px ; padding: 2rem 0; border-radius: 15px; background: var(--tertiarycolor);} #our-services h3{text-transform: uppercase} #our-services .service-box:hover h3{color:var(--tertiarycolor)} #our-services .s-image{margin:0 auto 1rem;width: 80px;background:#000; padding: 12px; border-radius: 8px;} #our-services .s-image img{filter: invert(0);} #our-services .hover-box:hover .s-image img{filter:invert(1)} #our-services .hover-box:hover .s-image{background: var(--secondarycolor)} #our-services p{width: 90%; margin: 1rem auto 1.5rem; line-height: 1.4} #our-services .btn-primary{padding: 10px 16px; text-transform:capitalize } #our-services .hover-box{position: relative; z-index:1;overflow: hidden;background-size: cover !important; } #our-services .hover-box, #our-services .hover-box *, #our-services .hover-box :before, #our-services .hover-box :after{transition:0.5s ease} #our-services .hover-box:before{content:"";top:0;left:0;right:0;bottom:0;background:#fff;position: absolute;opacity: 1;transition: 0.6s ease-in-out;z-index:-1; } #our-services .hover-box:hover:before{background-color:#0009;} #our-services .service-box:hover{background: transparent; color:var(--tertiarycolor)} #our-services .service-box h3:hover{color:var(--tertiarycolor)} #features{background: var(--secondarycolor); padding: 2rem 0;} #features .icon {min-width: 60px;width: 60px;margin-right: 15px;} #features p{width: 90%; line-height: 1.5;} #features .fbox{display: flex;max-width: 292px;} #features h3{margin: 0.2rem 0; font-size:20px} #features .row{justify-content: center} .list{list-style: none;} .list li{position: relative;padding-left:2.5rem;margin-bottom:0.5rem;display:flex;align-items:center} .list li:before{content:"";background:url('https://www.melbournemaxicabservice.au/wp-content/uploads/2025/07/Tick.png') no-repeat center;width:25px;height: 25px;background-size:100%;position: absolute;left:0;} ul{margin: 0 auto} li{font-size: 20px} #areaweserve{padding:6rem 0; text-align: center;} #areaweserve p{width: 80%; margin: 2rem auto 3rem;} .two-btn{margin: 3rem auto;} #cta{position:relative;background: url(https://www.melbournemaxicabservice.au/wp-content/uploads/2025/07/Reverse-Maxi.jpg) no-repeat; background-size: cover; padding: 4rem 0 2rem } #cta .line{margin: 1rem 0} #cta p{width:80%; } #cta .row{align-items: end} #cta .maxi-cab{margin-left: -15rem;margin-bottom: -5rem} #faqs{padding: 6rem 0 0;} #faqs h2{text-align: center} .faqs {position: relative; padding: 2.5rem 0} .faqs .flexbox {justify-content: space-between;flex-wrap: wrap;} .faqs .content-wrap {width: 100%;} .faqs .text-wrap {margin-bottom: 1rem;} .faqs .text-wrap p {font-size: 1rem;} .faqs .btn-wrap {display: flex;flex-direction: column;} .faqs .btn-wrap hr {border: none;width: 3rem;height: 3px;background: var(--defaultMainAccent);margin: .5rem 0 1rem;} .faqs .btn-wrap a {display: inline-block;padding: .5rem 0;text-transform: uppercase;font-size: 0.8rem;font-weight: 600;color: var(--defaultMainDark);} .faqs .btn-wrap a:hover {color: var(--defaultMainColor);} .faqs .dropdown-wrap {background: #f9f9f9;padding: 0 30px;/*! border-radius: 8px; */border: 1px solid #ccc;width: 85%;margin: 0 auto 12px;border-left: 10px solid var(--primarycolor);} .faqs .dropdown-wrap p{margin-bottom: 0;color: #454545;padding-bottom: 14px;} .faqs .dropdown-content{padding: 0} .faqs .dropdown-title:hover .ques i {transform: rotate(180deg);} .faqs .active .dropdown-title .ques i {transform: rotate(405deg);} .faqs .dropdown-content {display: none;} .faqs .dropdown-content p {font-size: .9rem;font-weight: 400;line-height: 1.6;color: var(--defaultMainColor);} .faqs {position: relative;display: flex;align-items: center;justify-content: center;} .faqs .flexbox {justify-content: space-between;flex-wrap: wrap;} .faqs .content-wrap {width: 100%;} .faqs .text-wrap {margin-bottom: 1rem;} .faqs .text-wrap p {font-size: 1rem;} .faqs .btn-wrap {display: flex;flex-direction: column;} .faqs .btn-wrap hr {border: none;width: 3rem;height: 3px;background: var(--defaultMainAccent);margin: .5rem 0 1rem;} .faqs .btn-wrap a {display: inline-block;padding: .5rem 0;text-transform: uppercase;font-size: 0.8rem;font-weight: 600;color: var(--defaultMainDark);} .faqs .btn-wrap a:hover {color: var(--defaultMainColor);} .faqs .accordion-wrap {width: 100%;} .faqs .dropdown-title .ques {padding: 1rem 0;cursor: pointer;font-size:18px;font-weight:500 !important;;display: flex;color:#1a1a1a;font-weight: 300;justify-content: space-between; margin-bottom: 0px;} .faqs .dropdown-title .ques span {padding-right: 1rem;font-weight: 600;} .faqs .dropdown-title .ques i {font-size: 1rem;align-self: center;color: var(--primarycolor);transition: all .3s ease;} .faqs .dropdown-title:hover .ques i {transform: rotate(180deg);} .faqs .active .dropdown-title .ques i {transform: rotate(405deg);} .faqs .dropdown-content {padding: 0rem 0rem;display: none;} .faqs .dropdown-content p {font-size: 18px;font-weight: 400;line-height: 1.6;color: #454545;padding-bottom: 14px;} .faqs .row .col-md-6{display:flex; flex-direction:column; justify-content:space-between;} li{list-style: none} #whychooseus{background: #f1f1f1} #whychooseus .row{align-items: center} #whychooseus .line{margin: 0.5rem 0 1.5rem} #whychooseus .col-md-6{padding: 0} #whychooseus .text-box{padding: 3rem;} #whychooseus p{width: 90%; margin-bottom: 1rem } .list2 li{position: relative;padding-left:2.5rem;display:flex;align-items:center;font-weight: 600; margin-bottom: 0.3rem} .list2 li:before{content:"";background:url('https://www.melbournemaxicabservice.au/wp-content/uploads/2025/07/Black-Tick.png') no-repeat center;width:25px;height: 25px;background-size:100%;position: absolute;left:0;} #testimonials{padding: 4rem 0px 3rem;width: 100%;text-align: center} #testimonials img{margin: 2rem auto; width:100px} #testimonials p{width: 70%; margin: 0 auto; margin-bottom:2rem } #cta2{background: var(--primarycolor); padding: 2rem 0} #cta2 p{color:var(--tertiarycolor); width:90%; font-weight:600; font-size:22px} #cta2 .row{align-items: center} #cta2 .call-btn{background:var(--tertiarycolor); color: var(--primarycolor)} #cta2 .call-btn:hover{background:var(--secondarycolor); color: var(--tertiarycolor)} #cta2 .btn-primary:hover{background:var(--tertiarycolor);color:var(--secondarycolor);} .column{column-count: 2;margin:25px 0 !important;} .column4{column-count: 4; gap:6rem; -webkit-gap:6rem;} #gallery{text-align: center;padding-bottom:4rem} #gallery .row{gap: 1rem; -webkit-gap: 1rem; justify-content:center;margin-top:2rem} #gallery img{flex:1 0 200px;max-width:220px;transition:0.6s ease} #gallery img:hover{box-shadow:0px 5px 10px rgb(0,0,0,0.5)} .payment { width: 600px; margin: 0 auto;} #contactform br{display: none} .xdsoft_timepicker{min-width:200px} #contactform .pickup-date p {width:100%;} #contactform .pickup-date p span {width:100%;display:block;} #contactform .pickup-date p span input {width:100%;display:block;-webkit-appearance: none; -moz-appearance: none;text-align:left!important;} #contactform .pickup-date p input::-webkit-date-and-time-value {text-align: left;width: 100%;} #contactform .pickup-date p input[type="date"] { display: block; text-align: left;} #contactform{margin: 0 0 20px 0;line-height: 20px;} #contactform *{font-size: 15px;color:#595966;font-family: var(--secondaryfont)} #contactform h3{font-size:26px;text-align: center;} #contactform i{font-size:26px;} #contactform p{margin: 0;} #contactform h2{font-size: 24px;margin:25px 0 15px;font-weight:bolder;border-bottom:1px solid #63C6C1;padding:0 0 8px 0;} #contactform input{width: 100%;background: #fff;border:0;padding: 10px 20px;margin: 10px 0;height:48px;border-radius:10px;} #contactform select{width: 100%;background: #FFF;border:0;padding: 10px 20px;height:48px; margin: 10px 0;color:#595966;-webkit-border-radius:10px;} #contactform textarea{width: 100%;height: 125px;background:#fff;border:0;padding: 20px;margin: 10px 0;border-radius:10px;} #bookingform #contactform textarea{height:48px;resize:none;padding: 14px 20px;} #contactform input:focus, #contactform textarea:focus, #contactform select:focus{outline:none; color: #595966} ::-webkit-input-placeholder { /* WebKit browsers */color:#595966 !important;opacity: 1;} :-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#595966 !important;opacity: 1;} ::-moz-placeholder { /* Mozilla Firefox 19+ */color:#595966 !important;opacity: 1;} :-ms-input-placeholder { /* Internet Explorer 10+ */color:#595966 !important;opacity: 1;} #contactform input.wpcf7-submit{background: var(--secondarycolor);color: #595966;text-transform: uppercase;cursor: pointer;padding: 1rem;border: none;margin:10px auto 0;display: table;width: 250px;transition: 0.6s ease-in-out;height: 48px;-webkit-border-radius: 10px;padding:0;font-size:18px} #contactform input.wpcf7-submit:hover{background: var(--primarycolor);color:var(--tertiarycolor);} #contactform .wpcf7-spinner{position: absolute; display: none} textarea, iframe{max-width: 100%;} .wpcf7-response-output{color:#595959 !important;background:tranparent !important;border:0px !important} #contactform .wpcf7-not-valid-tip {background: var(--secondarycolor) !important;} #babyseat p,#returnjourney p{width: 100%;display: flex;align-items:center} #contactform .wpcf7-radio{display: flex;} #contactform .wpcf7-list-item{display: flex} #contactform .wpcf7-list-item label{width: 100%;} #contactform .wpcf7-radio input{width:unset} .post {padding: 10px;margin: 0 0 10px 0;} .post p {margin-bottom:1rem} .post p a {font-weight: bold;} .post a {color: #000;} .post ul {margin: 10px 0 0px 0px;} .post ul li {list-style :none;margin: 0 0px 10px 0px;display: flex;list-style-position: inside;} #floatbtn{position: fixed;right: 0;top: 40%;z-index: 999;} #floatbtn .more-btn{writing-mode: vertical-rl;border-radius:0;padding:20px 5px;margin:0;float: right;background:var(--tertiarycolor);color:#fff;border:0} #floatbtn .more-btn:hover{background:var(--secondarycolor)} #pagetitle {padding:6rem 0 ;background:url(https://www.melbournemaxicabservice.au/wp-content/uploads/2025/08/pagetitle-img2.jpg);background-size:cover;position: relative;width: 100%;background-attachment: fixed;} #pagetitle .row{background:var(--secondarycolor);align-items: center;justify-content: space-between;padding:20px 1rem; border-radius: 10px 10px 0px 0px;} #pagetitle h1 {text-align: center;text-transform: capitalize;font-weight:600;font-size:36px;color: var(--secondarycolor);} #pagetitle p {color:#fff;text-align: center;font-size: 20px;} .breadcrumb {list-style: none;border-radius: 4px;max-width: 100%;float: none;font-size: 14px;text-transform: uppercase;color:var(--tertiarycolor);text-align: center;} .breadcrumb a{color:var(--tertiarycolor);} .breadcrumb a:hover{color:var(--tertiarycolor);} .breadcrumb>li {display: inline-block;} .breadcrumb>li+li:before {content: "\f101";padding: 0 5px;color: #fff;font-family:'Font Awesome 5 Free';font-weight:900} /* #pagetitle .breadcrumb> a {color: #fff} */ #main{padding: 3rem 0;} #main p{color:var(--primarycolor);font-size: 16px;text-align:justify;} #main a{color:var(--secondarycolor)} #main a:hover{color:var(--primarycolor);} #main h2{font-size: 34px; margin: 1rem 0} #main .line{margin: 0 0 1rem; } #main li{list-style: none;line-height: 30px;color: var(--primarycolor);font-size: 16px;text-align: justify;margin-bottom: 0.8rem;} #side img{margin: 5rem 0 0; border-radius: 10px} #side h3{margin: 3.5rem 0 0.5rem;padding: 1rem 3rem 0; text-align:center } #side .line{width: 100px; margin: 0 auto 1rem} .border-image{border-radius: 10px; border: 3px solid var(--secondarycolor)} .list3{background: #f1f1f1; border-radius:10px;margin-bottom: 1rem;} .list3 li{border-bottom: 2px dotted #495057; padding: 1rem 4rem; font-size: 18px;} .list3 li:before{content:"";background:url('https://www.melbournemaxicabservice.au/wp-content/uploads/2025/07/right-arrow.png') no-repeat center;width:22px;height: 32px;background-size:100%;position: absolute;left:2rem;} .formWrap{background:#303030; padding: 2rem 1.3rem 2rem;border-radius: 35px;} .formWrap h3{text-align: center; font-size: 18px !important;color: #fff !important;;margin-bottom: 1rem !important;text-transform: uppercase !important;border-bottom: 0 !important;padding-bottom: 0 !important;} .info-icon{display: flex; width: 100%; flex-direction: column; background: #f1f1f1; margin-bottom: 1rem;padding: 1rem 1.5rem 1.5rem } .formWrap #contactform input.wpcf7-submit{background: var(--secondarycolor); color: #000; border: none; transition:0.5s ease-in-out} .formWrap #contactform input.wpcf7-submit:hover{background: #505050; filter: brightness(1.1)} #contactpage #contactform input ,#contactpage #contactform select ,#contactpage #contactform textarea{padding: 10px 20px; height: 48px} #contactpage #contactform input.wpcf7-submit{font-size: 17px; padding: 0 30px !important; margin-top: 1rem} #contactpage #contactform input.wpcf7-submit:hover{color: #fff} .contact_detail{margin-top:1.9rem !important;} .contact_detail li{display: flex; align-items: center; gap: 0.5rem; -webkit-gap: 0.5rem; margin-bottom:1.3rem; border-bottom: 1px dashed #ccc; padding-bottom: 0.7rem;} .contact_detail li h3{margin-bottom: 0.1rem !important; font-size:18px !important; border-bottom: 0 !important;padding-bottom: 0 !important;} .contact_detail li {color: #454545 !important;} .contact_detail li p{margin-bottom:0 !important; } #main .contact_detail li a{color: #454545;font-weight: 400;} .contact_detail .icon{width: 60px; height: 60px;background: var(--secondarycolor); padding: 0.7rem;border-radius: 8px; margin-right: 0.8rem} #contactpage h2{font-size: 34px !important; } #contactpage .line{background: var(--secondarycolor) !important; margin: 0.5rem 0 1.2rem; width: 120px; height: 4px} #contactpage #contactform textarea{height: 120px !important;} #contactpage h2::before{display: none } #contactpage h2{margin-bottom: 1rem !important; padding-bottom: 0 !important} #booking-form{background: #000; padding: 2rem 1rem; width: 31.5rem;border-radius:15px; position: relative;z-index: 9;margin-bottom: 5rem;} #booking-form h2{color: #fff; text-align: center; margin-bottom: 1.4rem; padding-bottom:0.8rem; position:relative;font-size: 33px;} #booking-form h2:before{content: ""; position: absolute; bottom:0; left:0; right:0;width:100px; height:2px; background:var(--secondarycolor); margin:0 auto;} #bookonline p, #bookonline {text-align: center !important;} .bookingform{background:#353535;padding:35px 20px 35px;margin-top:30px;box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;border-radius: 35px;} .bookingform #contactform input ,.bookingform #contactform select ,.bookingform #contactform textarea{padding: 10px 20px; height: 48px} .bookingform #contactform input.wpcf7-submit{font-size: 17px; padding: 0 50px !important; margin-top: 1rem;color: #000;} #contactform *{font-size: 15px;color:#595966;font-family: var(--secondaryfont);text-align: ;} #contactform p{margin-bottom: 5px } #contactform h3{font-size:26px;text-align: center;} #contactform i{font-size:26px;} #contactform h2{font-size: 20px;margin:0 0 15px;font-weight:bolder; text-align: center;color: #252525;text-transform: capitalize;} #contactform input , #contactform select , #contactform textarea{width: 100%;padding: 15px 20px;background: #fff;border: 1px solid #ddd; margin:6px 0; transition: 0.5s ease-in-out;-webkit-border-radius: 0;border-radius: 10px;height: 52px;} #contactform select{color:var(--primarycolor);color:#595966 !important;} #contactform textarea{width: 100%;height: 80px !important;padding: 15px 20px;} #contactform input:focus, #contactform textarea:focus, #contactform select:focus{outline:none; color:#000} ::-webkit-input-placeholder { /* WebKit browsers */color:#595966 !important;opacity: 1;} :-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#595966 !important;opacity: 1;} ::-moz-placeholder { /* Mozilla Firefox 19+ */color:#595966 !important;opacity: 1;} :-ms-input-placeholder { /* Internet Explorer 10+ */color:#595966 !important;opacity: 1;} #contactform input.wpcf7-submit{background: var(--secondarycolor);color: #000;text-transform: uppercase;cursor: pointer;margin: 30px auto 0;display: flex;transition: 0.6s ease-in-out;-webkit-border-radius: 0;border: none;align-items: center;padding: 0 62px;font-size: 18px;font-weight: 600;width: fit-content;border-radius: 10px;} #contactform input.wpcf7-submit:hover{background: #fff;color: #000 ;} #contactform .wpcf7-spinner{display: none} textarea, iframe{max-width: 100%;} .wpcf7-response-output{color:#595959 !important;background:tranparent !important;border:0px !important} #contactform .wpcf7-not-valid-tip {background: var(--secondarycolor) !important;} .returnjourney { display: none;} #babyseat p,#returnjourney p{width: 100%;display: unset;align-items:center;text-align: center;} #contactform .wpcf7-radio{display: flex;margin: 0 auto;width: fit-content;} #contactform .wpcf7-list-item{display: flex;width: unset;} #contactform .wpcf7-list-item label{width: 100%;} #contactform .wpcf7-radio input{width:unset;height: unset;} textarea, iframe{max-width: 100%;} .wpcf7-response-output{color:#595959 !important;background:tranparent !important;border:0px !important} #contactform .wpcf7-not-valid-tip {background: var(--secondarycolor) !important; color:#fff !important} .widget {padding: 0 1.5rem;} .widget h3 {padding: 0} .widget ul li {display:flex;list-style-type:none;border-bottom: 1px dashed var(--primarycolor);margin: 0 0 0.5rem 0;padding: 0 0 0.2rem 0;} .paginate{text-align: center;margin:0 auto;} .wp-pagenavi {clear: both;padding: 1.5rem 0;} .wp-pagenavi a {display:inline-block;padding: 0.1rem 1.2rem !important;margin: 2px;border: 1px solid #ccc;color: var(--primarycolor);background: #fff;border-radius: 3px;} .wp-pagenavi a:hover {color: #fff !important;background: var(--secondarycolor);} .wp-pagenavi span.pages {padding: 0.3rem 1.2rem !important;margin: 3px;border-radius: 3px;border: 1px solid #ccc;} .wp-pagenavi span.current {padding: 0.7rem 1rem;margin: 3px;font-weight: 700;border: 1px solid #ccc;background: var(--secondarycolor);border-radius: 3px;color: #fff;} .wp-pagenavi span.extend {padding: 15px;margin: 3px;border: 1px solid #000;color: #fff;background: #000;} .wp-pagenavi .next-comment-page,.wp-pagenavi .previous-comment-page {padding: 12px 14px;border: 1px solid #aaa;} .wp-pagenavi a.nextpostslink {font-weight: 500;padding: 0.2rem 1rem !important;color: var(--secondarycolor);} #commentlist{padding:5px;} #commentlist .comment{padding:5px;margin:0 0 10px 0;border:1px solid #eee;border-radius:5px;} #commentlist .fn{font-weight:bold;font-style:normal;} #commentlist .commentmetadata {font-size:11px;margin:0 0 5px 0;} #commentlist .commentmetadata a{color:#888;font-size:11px;} #respond {padding:10px;background:#fafafa;border:1px solid #ddd;border-radius:5px;margin:5px;} #respond h4{margin:0 0 10px 0;} #respond h3{color:var(--tertiarycolor)} #respond p{margin:0 0 10px 0;border:none !important;} #respond input, #respond textarea {padding: 1rem 2rem;background: #f5f5f5;border: 1px solid #ccc;color: var(--tertiarycolor);} #respond input:focus, #respond textarea:focus {background:#fff;} #respond textarea{width:500px;max-width:90%;} #respond textarea:focus{outline:none;} #respond input#author{width:200px;margin:0 5px 0 0;} #respond input#email{width:200px;margin:0 5px 0 0;} #respond .copy{display: none} #bottom {background: #f1f1f1;color:#fff;font-size: 14px;padding: 3rem 0;} #bottom p{text-align: center; color:#000; font-size: 17px; margin: 1rem auto;} #bottom a:hover {color:var(--secondarycolor);} #bottom i {color: #fff;margin-right: 0px;} #bottom .widget h3 {border: none;text-align: left;font-weight: 700;margin-top: 20px;} #bottom .widget li {border: none;text-decoration: none;color:var(--primarycolor);list-style: none;font-size: 17px;} #bottom .widget a{color:#000; font-size: 16px} #bottom .widget a:hover{color:var(--secondarycolor)} #bottom .footer-contact li{line-height:20px;display:flex;margin-bottom: 15px;} #bottom .footer-contact li:before{font-family:'Font Awesome 5 Free';font-weight:900} #bottom .footer-contact .address:before {content: "\f3c5"; margin-right: 10px;font-size: 22px;color: var(--secondarycolor);} #bottom .footer-contact .phone:before {content: "\f879"; margin-right: 10px;transform: rotate(80deg);font-size: 22px;color: var(--secondarycolor);} #bottom .footer-contact .email:before {content: "\f0e0"; margin-right: 10px;font-size: 22px;color: var(--secondarycolor);} .info li{line-height:30px;display:flex;font-weight:300;} .info .address:before {content: "\f3c5"; margin-right: 10px;font-size: 24px;color:var(--secondarycolor)} .info .phone:before {content: "\f095"; margin-right: 10px;font-size: 24px;color:var(--secondarycolor)} .info .email:before {content: "\f0e0"; margin-right: 10px;font-size: 24px;color:var(--secondarycolor)} #footer {clear: both;background:#f1f1f1;color: var(--primarycolor);padding:0 0 0.5rem;text-align: center;font-size:12px;} #footer a {color: var(--primarycolor);} #footer a:hover {opacity:0.5} .fleft {float: left;} .fright {float: right;} .phone-call.bookingbtn{bottom:8rem;animation: zoom 1.8s linear infinite alternate;display: flex;align-items: center;justify-content: center} .phone-call.bookingbtn img{width:28px} .phone-call {width: 50px;height: 50px;left: 20px;bottom: 3rem;background:var(--secondarycolor);position: fixed;text-align: center;color: #ffffff;cursor: pointer;border-radius: 50%;z-index: 999;display: inline-block;line-height: 65px;font-size: 1.6rem;line-height: 50px;animation: shake 1.8s linear infinite alternate;} .phone-call i{color:#000;transform: rotate(0deg);margin-right: -3px;} .phone-call:before {position: absolute;content: " ";z-index: -1;top: -15px;left: -15px;background-color:var(--secondarycolor);width: 80px;height: 80px;border-radius: 100%;animation-fill-mode: both;-webkit-animation-fill-mode: both;opacity: 0.6;-webkit-animation: pulse 1s ease-out;animation: pulse 1.8s ease-out;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;} .fa-phone-alt::before {content: "\f879";} @-webkit-keyframes pulse { 0% {-webkit-transform: scale(0);opacity: 0;} 25% { -webkit-transform: scale(0.3); opacity: 1; } 50% {-webkit-transform: scale(0.6);opacity: .6;} 75% {-webkit-transform: scale(0.9);opacity: .3;} 100% {-webkit-transform: scale(1);opacity: 0;} } @keyframes shake{ 50%{transform:scale(1.1)rotate(90deg)} } @-webkit-keyframes shake{ 50%{transform:scale(1.1)rotate(90deg)} } @keyframes zoom{ 50%{transform:scale(1.15)} } @-webkit-keyframes zoom{ 50%{transform:scale(1.15)} } @keyframes pulse { 0% {transform: scale(0);opacity: 0;} 25% {transform: scale(0.3);opacity: 1;} 50% {transform: scale(0.6);opacity: .6;} 75% {transform: scale(0.9);opacity: .3;} 100% {transform: scale(1);opacity: 0;} } @media screen and (max-width: 981px) { body {min-width: 230px;} .desktoponly {display: none;} .inner {width: 100%;padding: 0%;} img.alignleft, img.alignright {float: none;display: block;margin: 10px auto;} .site-menu-toggle{display: block;color: var(--secondarycolor);} .site-navbar{display: none;} #logo{display:flex;align-items:center;justify-content:space-between} #logo .site-title{margin: 10px 0;} #logo img{width: 200px;height: auto;float:left;} .flogo{width: 400px; margin: 0 auto} #bottom {width: 100%;display: block;} #bottom p{margin-bottom: 3rem;} .fleft, .fright {float: none;} h1{font-size: 34px; margin-top:2rem } h2{font-size: 30px;} h3{font-size: 24px} #top-bar{display: none} #slider br{display: none} #slider .line{margin-bottom: 1rem } #our-services .service-box{max-width:340px } #features .row{gap:2rem; -webkit-gap:2rem} .column4{column-count: 3; gap:3rem; -webkit-gap:3rem;} #cta .line{margin: 0 auto 1rem } #cta p{text-align: center; margin: 0 auto; width: 100%} #cta .two-btn{text-align: center} #cta .maxi-cab{margin: 0} #whychooseus p{width: 100%} #cta2 .two-btn{text-align: center} #pagetitle .row{flex-direction: column} #pagetitle{background-attachment: unset} #side img{margin: auto} } @media screen and (min-width: 981px) { .mobileonly {display: none;} .lefthalf {float: left;width: 48%;} .righthalf {float: right;width: 48%;} .site-menu-toggle{display:none;} } @media screen and (max-width: 800px) { #slider #deskslider{display:none} #slider #mobslider{display:block} } @media screen and (max-width: 600px) { #gallery img {max-width: 175px;} .wp-pagenavi span.pages, .wp-pagenavi a , .wp-pagenavi a.nextpostslink {padding: 0.3rem 0.6rem !important;} .wp-pagenavi span.current{padding:0.8rem} .column, .column3, .column4{column-count:2;} h1{font-size: 28px} h2{font-size: 26px} .line{width: 150px} #main li{margin-bottom: 0.5rem} #slider .two-btn{margin: 2rem 1rem; } .two-btn{display: flex;margin: 2rem auto;} .btn-primary{ margin: 0 auto; font-size: 18px;padding:0.5rem 1.5rem} .call-btn{margin: 0 auto; font-size: 18px; align-items:center;display: flex; padding:0.5rem 1rem;} #top-bar{display: none} .header_area{background: var(--tertiarycolor)} #slider .carousal-caption{top:18rem;} #slider br{display: none} #slider h1{margin-top:1rem} #slider p{width: 100%} #bookingform {width: 95%; margin: 20rem auto 0} #our-services{padding: 3rem 0} #our-services h2{font-size: 26px} #our-services h3{font-size: 22px} .column4{gap: 0.8rem; -webkit-gap: 0.8rem; } #features .fbox{margin-bottom: 0rem; } #areaweserve{padding: 3rem 0 1.5rem;} #areaweserve p{margin: 1.5rem auto} #areaweserve .two-btn{margin: 2rem auto;gap:1rem; -webkit-gap:1rem; } #cta h2{font-size: 26px; text-align: center} #cta p{width: 100%} #cta .maxi-cab{margin: 0} #faqs{padding: 2rem 0} #faqs h2{padding: 0 1px} .faqs .dropdown-wrap{padding: 0 15px} #whychooseus .line{width: 150px} #whychooseus p{width: 100%} #whychooseus .text-box{padding: 2rem} #testimonials p{width: 90%} #cta2 p{width: 95%; text-align:center; margin: 0 auto} #main h2{font-size: 24px;} #side img{margin: 0;} #bottom p{margin-bottom: 1rem } #pagetitle{background-attachment: unset} } @media screen and (min-width: 1500px) { #whychooseus .row{width:1280px;margin:0 auto} } @media screen and (min-width: 501px) and (max-width: 768px) { #bottom .col-md-3{width: 47%;float: left;} } @media (min-width: 576px) { .container-fluid { max-width: 540px; } } @media (min-width: 768px) { .container-fluid { max-width: 720px; } } @media (min-width: 992px) { .container-fluid { max-width: 1040px; } } @media (min-width: 1200px) { .container-fluid { max-width: 1350px; } }