/* 
Theme Name: Luxride
Theme URI: https://themeforest.net/user/steelthemes/portfolio
Author: SteelThemes
Author URI: https://themeforest.net/category/wordpress?term=steelthemes&view=grid#content
Description: Luxride - Multipurpose Startup WordPress Theme.
Version: 1.4.1
Requires at least: 5.8
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: luxride
Domain Path: /lang/
Tags: one-column, two-columns, left-sidebar, right-sidebar, full-width-template, post-formats, theme-options, threaded-comments, translation-ready
*/
.d_flex, .d-flex, .mc4wp-form-fields { /* Safari */
  display: -moz-flex !important; /* Firefox */ /* IE 10 */ /* Older WebKit browsers */
  display: flex !important; /* Standard syntax */
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
.menu_overlay {
  width: 100%;
  height: 10000vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  z-index: 995;
}
.menu_overlay.active {
    visibility: visible;
    opacity: 1;
}
sup {
  top: -0.5em;
}
.sticky_header_area > p {
  display: none;
}
.left-sidebar .default_row .content-area {
  order: 2;
}
.left-sidebar .default_row all_side_bar {
  order: 1;
} 
 
.header_area{
  position: relative;

}

.mptbm_sigle_page_section{
  padding: 0 10px;
 .mptbm-entry-thumbnail{
  padding: 10px;
  margin-bottom: 2rem;
  border: 1px solid var(--color-set-one-bor-1);    border-radius: 6px;
  img{
    width: 100%;
    height: auto;
    border-radius: 6px;
  }
 }
 .top_section{
  display: flex;
  margin-bottom: 2rem;
  padding-bottom: 2.4rem;
  border-bottom: 1px solid var(--color-set-one-bor-1); 
  justify-content: space-between;
  gap: 2rem;
  flex-wrap: wrap;
  .mptbm-general-info{
    width: 40%; 
    padding: 20px;
    border-radius: 6px;
    background: var(--background-bg-1);
   
  }

  .mptbm-date-settings{
    width: 57%;
  }
 
 }

 
  .mptbm-date-settings , 
  .mptbm-general-info{
  .features-list{
    padding-left: 0!important;
    list-style: none;
  } 
   h3{
    margin-bottom: 1rem;
  }
  .info-item , .date-item{
    margin-bottom: .6rem;
  }
  }

 .mptbm-price-settings{
  margin-bottom: 2rem;
        padding-bottom: 1.8rem;
        border-bottom: 1px solid var(--color-set-one-bor-1);
   h3{
    margin-bottom: 1rem;
  }
   .price_box{
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
   }
   .price-table-container{
    h3{
      font-size: 20px;
    }
   }
 }

 .mptbm-extra-services{
  ul{
    padding-left: 0!important;
    list-style: none;
  }
 }

 .mptbm-tax-settings{
    margin-top: 2rem;
        padding-top: 1.8rem;
        border-top: 1px solid var(--color-set-one-bor-1);
 }
 
}



 

.entry-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin: 1rem 0;
}

.gallery-image {
    max-width: 300px;
    height: auto;
    border-radius: 8px;
}

.gallery-swiper {
    position: relative;
    width: 100%;
}

.gallery-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery-thumbs {
    margin-top:20px; 
}

.gallery-thumbs .swiper-slide {
    width: 25%;
    opacity: 0.4;
    cursor: pointer;
}

.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

 

.d_none{
  display: none!important;
}


.mptbm_gallery {
  img{
 object-fit:cover;
    object-position: center;
  }
} 

  .mptbm_gallery_thumbs{
  img{
  width:100%; height:100px!important; object-fit:cover;
    object-position: center;
  }
} 

.contact_form_box_all.style_one .wpcf7-form input[type=date]::placeholder ,
.contact_form_box_all.style_one .wpcf7-form input[type=date]{
	color:#626262!important;
}
.luxsearch{
	position:relative;
	z-index:999!important;
	padding:5px;
}

:root {
    --color-set-one-2: #b59410 !important;
}

a.theme_btn {
    background: #b59410;
	border-color: #b59410;
color:#000;;
 }

.whychoose .icon-box-widget.trans{
    border-color: #fff !important;
}
.page-id-10832 p, .page-id-10832 h3, .page-id-10832 li {
    color: #fff !important;
}

.breadcrumbs-div .inner_bx {
    padding: 20px 0px;
}

.header_area .elementor-8945 .elementor-element.elementor-element-46c3f71 .navbar_nav > li > a:hover{
    color: #000 !important;
}

.contact_form_box_all .contact_field select option {
  color: #000 !important;
}

.formsec .contact_field.no_icon {
  height: 80px !important;
}

#page .contact_form_box_all .contact_field.form_btn {
  width: 100% !important;
  min-width: 100% !important;
}

#page .contact_field:not(.form_btn, .text_area),
.contform .contact_field:not(.form_btn, .text_area),
.popmake-content .contact_field:not(.form_btn, .text_area) {
  width: 46% !important;
  min-width: 46% !important;
}

.contform .wpcf7-form,
.popmake-content .wpcf7-form {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
}

.contform .contact_field.form_btn,
.popmake-content .contact_field.form_btn {
  width: 100% !important;
  min-width: 100% !important;
}

.contform .contact_field.form_btn p,
.popmake-content .contact_field.form_btn p,
{
margin: 0px;
}

.contact_field p {
  margin: 0px !important;
}

#page .formsec .contact_field.no_icon.lablp {
  height: 75px !important;
}

@media only screen and (max-width: 600px) {
  #page .contact_field:not(.form_btn, .text_area) {
    width: 46% !important;
    min-width: 46% !important;
  }
}

#page .formsec .contact_field.no_icon {
  height: 50px !important;
}


#page .contact_form_box_all.style_one .wpcf7-form input[type=search],
#page .contact_form_box_all.style_one .wpcf7-form input[type=date],
#page .contact_form_box_all.style_one .wpcf7-form input[type=text],
#page .contact_form_box_all.style_one .wpcf7-form input[type=number],
#page .contact_form_box_all.style_one .wpcf7-form input[type=email],
#page .contact_form_box_all.style_one .wpcf7-form input[type=url],
#page .contact_form_box_all.style_one .wpcf7-form input[type=password],
#page .contact_form_box_all.style_one .wpcf7-form input[type=tel],
#page .contact_form_box_all.style_one .wpcf7-form .wp-block-search__input,
#page .contact_form_box_all.style_one .wpcf7-form select,
#page .contact_form_box_all.style_one .wpcf7-form textarea {
  background: transparent !important;
  border-bottom: 1px solid #fff !important;
}

body input[type=search],
body input[type=date],
body input[type=text],
body input[type=number],
body input[type=email],
body input[type=url],
body input[type=password],
body input[type=tel],
body .wp-block-search__input,
body select,
body textarea {
  color: #fff !important;
}

body .contact_field label {
  color: #fff !important;
}

.contact_form_box_all.style_one .wpcf7-form input[type=date]::placeholder,
.contact_form_box_all.style_one .wpcf7-form input[type=date],
.contact_form_box_all .contact_field select {
  color: #ffffff !important;
}

.contact_form_box_all.style_one .wpcf7-form .wpcf7-submit,
.form_btn .wpcf7-submit {
  background: #c39300;
  border: 1px solid #c39300;
}

#page .formcntc .contact_form_box_all.style_one .wpcf7-form-control,
#page .formcntc .contact_form_box_all.style_one .wpcf7-form input[type=text],
#page .formcntc .contact_form_box_all.style_one .wpcf7-form input[type=email] {
  border: 1px solid #000 !important;
  border-bottom: 1px solid #000 !important;
  border-radius: 10px !important;
}

input#pickup-time,
input:focus-visible {
  min-height: 45px !important;
  border: 0px !important;
  border-bottom: 1px solid #fff !important;
  background: transparent !important;
  padding: 0px 10px !important;
  width: 100%;
  border-radius: 6px;
  color: #fff !important
}

.wpcf7-form label {
  color: #fff !important;
  font-weight: 500 !important;
  padding: 0px 10px !important;
  font-size: 14px;
	    font-family: "DM Sans", sans-serif;
}

.wpcf7-form input[type=submit] {
  width: 100% !important;
  background: #c39300;
  margin-top: 10px;
}

.wpcf7-form select option {
  color: #000 !important;
}

input#pickup-time {
  background: transparent !important;
  border: 0px !important;
  border-bottom: 1px solid #fff !important;
  padding: 0px 20px 0px 20px !important;
  min-height: 45px !important;
  font-size: 14px;
  font-weight: 500;
}

input:focus-visible {
  border: 0px !important;
  box-shadow: none !important;
  outline: none !important;
}

input[type="time"] {
  background: #fff;
  /* or transparent but keep icon visible */
  color: #000;
}

input[type="time"]::-webkit-calendar-picker-indicator {
  display: block;
  filter: invert(1);
  /* makes it white if on dark bg */
}

/* ------- TEMP DEBUG: shows select hit-area with a colored outline ------- */
select.debug-hit {
  outline: 3px dashed rgba(255, 0, 0, 0.6) !important;
}

/* ------- Restore native arrow & make sure it's visible ------- */
select,
select * {
  -webkit-appearance: auto !important;
  -moz-appearance: auto !important;
  appearance: auto !important;
}

/* Remove forced background hiding that often kills native arrow */
select {
  background-color: transparent !important;
  background-image: none !important;
  /* remove interfering images */
  padding-right: 2.2rem;
  /* room for arrow */
  position: relative;
  z-index: 2;
  /* raise above simple overlays */
  cursor: pointer;
}

body input[type=search], body input[type=date], body input[type=text], body input[type=number], body input[type=email], body input[type=url], body input[type=password], body input[type=tel], body .wp-block-search__input, body select, body textarea {
    min-height: 45px !important;
    border: 0px !important;
    border-bottom: 1px solid #fff !important;
    background: transparent !important;
    padding: 0px 10px !important;
}

.icon-box-widget.style_six {
    padding: 25px;
	border: 1px solid #b59410;
}

.popuphead{
	font-size:32px;
	line-height:42px;
	color:#fff;
	font-weight:500;
}

@media only screen and (max-width: 600px) {
.popuphead {
    font-size: 20px;
    line-height: 33px;
}
}

body{
	background:#000;
}

.navbar_nav > li > a:hover {
    color: #000;
    background: #fff;
}

body .ti-widget.ti-goog .ti-review-item>.ti-inner, body .ti-widget.ti-goog .ti-load-more-reviews-container .ti-load-more-reviews-button {
    background-color: #fff !important;
}

body .ti-widget.ti-goog .ti-rating-text {
    color: #fff !important;
}

.navbar_togglers .navbar-burger {
    background: #d3d3d3;
}

.navbar_togglers .navbar-burger > * {
    font-size: 20px;
    color: #000000;
}

.mobile_menu_box .menu-box {
    background: #000000;
}
.mobile_menu_box .menu-box .navigation_menu > ul li a {
    color: #ffffff;
}
.mobile_menu_box .close-btn i.close:hover, .mobile_menu_box .close-btn i.close {
    background: #d3d3d3;
    color: #000;
}

.mobile_menu_box .menu-backdrop {
    background-color: #000;
}

.mobile_menu_box .menu-box .navigation_menu li a:hover {
    color: #000;
}

.services .common_arrow.post_default, .services .common_arrow.post_default_left, .services .common_arrow.post_default_right {
        padding: 20px 0px 20px;
    
}

.services p.font-18.color-dark {
    color: #fff;
}

.services .carousel-box-widget .image img {
    width: 380px;
    height: 380px;
}

input[type=date]::before {
    color: #ffffff;
}


@media only screen and (max-width: 600px) {
.modalform .col-lg-6.col-md-6.col-sm-12 {
        width: 50%;
    }
}

.ti-widget.ti-goog .ti-review-item .ti-name {
    color: #000000 !important;
}

.ti-widget.ti-goog .ti-review-content {
    color: #000 !important;
}

span.ti-read-more-active {
    color: #000 !important;
}

a#show-more-fleet {
    background: #fff !important;
    border-radius: 50px;
    color: #000;
}

#fleet-wrapper {
    align-content: flex-start !important;
}

#fleet-wrapper .fleetsec {
    margin-bottom: 0 !important;
}

.fleet-hidden {
    display: none !important;
}


.show-more-destination {
    background: #fff !important;
    border-radius: 50px;
}

#desticolumn {
    align-content: flex-start !important;
}

#desticolumn .destisec {
    margin-bottom: 0 !important;
}

/* hide destination containers */

.desti-hidden {
    display: none !important;
}

#whatsappLink span{
    margin: 0;
    position: fixed;
    bottom: 20px;
    left: 85px;
    z-index: 99999999999;
    float: right;
    width: auto;
    background: #fff !important;
    color: #000;
    padding: 5px 10px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 10px;
}

#whatsappLink span::before {
  content: "";
  position: absolute;
  left: -8px;        /* distance from box */
  top: 50%;
  transform: translateY(-50%);
  
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #ffffff; /* same as background */
}

#callnow span{
    margin: 0;
    position: fixed;
    bottom: 20px;
    right: 85px;
    z-index: 99999999999;
    float: right;
    width: auto;
    background: #fff !important;
    color: #000;
    padding: 5px 10px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 10px;
}

#callnow span::before {
  content: "";
  position: absolute;
  right: -8px;        /* distance from box */
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 10px solid #ffffff; /* arrow color */
}


.callus {
    margin: 0;
    padding: 0;
    position: fixed;
    bottom: 10px;
    left: 7px;
    z-index: 99999999999;
    float: right;
    width: 70px;
}


.callnowbtn {
    margin: 0;
    padding: 0;
    position: fixed;
    bottom: 10px;
    right: 7px;
    z-index: 99999999999;
    float: right;
    width: 70px;
}

@media only screen and (max-width: 786px) {
	.callnowbtn{
		width: 50px;
	}
	.callus{
		width: 50px;
	}
	#callnow span{
		font-size: 12px;
   	 right: 70px;
	}
	#whatsappLink span{
			font-size: 12px;
    	left: 70px;
	}
			
}

/* daina added this for form */

.modalform .wpcf7-form-control.wpcf7-date {
    margin: 0px !important;
    padding: 0px 20px 0px 20px !important;
}

input#pickupdate {
    margin: 0px !important;
}

@media only screen and (max-width: 600px) {
    .modalform .col-lg-6.col-md-6.col-sm-12 {
        width: 50%;
    }

    .wpcf7-not-valid-tip {
        font-size: 14px;
    }
}


/* Reset the date input */
input[type="date"] {
    position: relative;
    -webkit-appearance: none;
    appearance: none;
}

/* Stretch the native calendar trigger across the whole field */
input[type="date"]::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    /* invisible but still clickable */
    cursor: pointer;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    /* invisible but still clickable */
    cursor: pointer;
}

/* Custom calendar icon on the right */
.modalform .wpcf7-form-control.wpcf7-date {
    background: url("https://prochauffeurs.ca/wp-content/uploads/2025/09/calendr.png") no-repeat right 11px center !important;
    background-size: 14px !important;
    padding-right: 40px !important;
}

/* Normalize all inputs */
.modalform .wpcf7-form-control {
    height: 46px;
    /* match all fields */
    line-height: 46px;
    /* centers text in most inputs */
    padding: 0 15px;
    /* consistent left/right padding */
    box-sizing: border-box;
}

/* Special fix for date inputs */
.modalform input[type="date"] {
    display: flex;
    /* force flex context */
    align-items: center;
    /* vertical centering */
    height: 46px;
    /* same height as others */
    line-height: normal;
    /* reset browser default */
}

/* Reset */
input[type="time"] {
    position: relative;
    -webkit-appearance: none;
    appearance: none;
}

/* Stretch the native time picker trigger across the whole field */
input[type="time"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    /* invisible but clickable */
    cursor: pointer;
    z-index: 2;
}

input#pickup-time {
    background: url("https://prochauffeurs.ca/wp-content/uploads/2025/09/clockicon.png") no-repeat right 11px center !important;
    background-size: 14px !important;
    padding-right: 40px !important;
}
