/*
Theme Name: Chauffeur Child
Theme URI: http://themes.quitenicestuff2.com/chauffeurwp
Template: chauffeur
Author: quitenicestuff
Author URI: http://themeforest.net/user/quitenicestuff
Description: A Premium WordPress Theme For Limo, Taxi, Car, Bus Hiring Services
Tags: one-column,two-columns,left-sidebar,right-sidebar,custom-colors
Version: 1.3.2.1709213045
Updated: 2024-02-29 14:24:05

*/

/* Formulaire HP */
.header-booking-form-wrapper #booking-tabs .ui-tabs-nav .ui-tabs-tab #tab2{
    display: none;
}
.header-booking-form-wrapper #booking-tabs .ui-tabs-nav .ui-tabs-tab #tab1, #booking-tabs .ui-tabs-nav .ui-tabs-tab #tab3{
    width: 34%;
}
/* FIN Formuaire HP */

/* Formulaire Widget */
.widget-booking-form-wrapper #booking-tabs .ui-tabs-nav .ui-tabs-tab #tab2{
    display: none;
}
.widget-booking-form-wrapper #booking-tabs .ui-tabs-nav .ui-tabs-tab #tab1, .widget-booking-form-wrapper #booking-tabs .ui-tabs-nav .ui-tabs-tab #tab3{
    width: 41%;
}
/* FIN Formulaire Widget */

/* Formulaire Page réservation */
.booking-step-1-form #booking-tabs .ui-tabs-nav .ui-tabs-tab #tab2{
    display: none;
}
.booking-step-1-form #booking-tabs .ui-tabs-nav .ui-tabs-tab #tab1, .booking-step-1-form #booking-tabs .ui-tabs-nav .ui-tabs-tab #tab3{
    width: 42%;
}
/* FIN Formulaire Page réservation */

/* Enlever le message d'erreur sur la page contact */
.page-id-90 .fail{
    display: none;
}

.booking-form-1 select, .header-booking-form-wrapper .booking-form-1 input[type="text"]{
    color: #757575;
}

.owl-carousel1.fleet-block-wrapper {
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; /* pour s'assurer que les éléments s'alignent correctement */
}

.owl-controls .owl-dots .owl-dot span{
    display: none;
}

/* Responsive */
@media (max-width: 768px) {
    .header-booking-form-wrapper #booking-tabs .ui-tabs-nav .ui-tabs-tab #tab1, #booking-tabs .ui-tabs-nav .ui-tabs-tab #tab3{
        width: 42% !important;
    }

    .widget-booking-form-wrapper #booking-tabs .ui-tabs-nav .ui-tabs-tab #tab1, .widget-booking-form-wrapper #booking-tabs .ui-tabs-nav .ui-tabs-tab #tab3{
        width: 43% !important;
    }

    .booking-step-1-form #booking-tabs .ui-tabs-nav .ui-tabs-tab #tab1, .booking-step-1-form #booking-tabs .ui-tabs-nav .ui-tabs-tab #tab3{
        width: 41% !important;
    }

    .vc_row{
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
}
/* FIN Responsive */

/* CSS de l'autocomplete */
.autocomplete {
    position: relative;
}

.autocomplete-items {
    position: absolute;
    background-color: #fff;
    border-top: none;
    width: 30%;
    max-height: 200px;
    overflow-y: auto;
    z-index: 100;
}

.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
}

.autocomplete-items div:hover {
    background-color: #e9e9e9;
}
/* FIN CSS Autocomplete */

.radio-wrapper.clearfix > img {
    margin: 0 0 0 80px !important;
}

/* REDIMENSSIONER LOGO*/
.logo img{
    width: 350px !important;
}
.header-content {
    display: flex;
    align-items: center;
    justify-content: center;
}
/* FIN LOGO */

/* Couleur site */
.logo-icon, 
.header-area-1 .topright-button, 
.header-area-2 .topright-button, 
.header-area-1 .navigation li a:hover, 
.header-area-1 .navigation li.current-menu-item > a, 
.header-area-1 .navigation li.current_page_item > a, 
.header-area-2 .navigation li li a:hover, 
.mobile-navigation-wrapper ul li li a:hover, 
.mobile-navigation-wrapper ul li li li a:hover, 
.rev-custom-caption-1 .title-block1, 
.rev-custom-caption-2 .title-block1, 
.slideshow-button, 
.title-block2, 
.title-block3, 
.fleet-block-wrapper .fleet-block-content .fleet-price, 
.header-booking-form-wrapper #booking-tabs ul li.ui-state-active a, 
.widget-booking-form-wrapper #booking-tabs ul li.ui-state-active a, 
.booking-form-1 button, 
#ui-datepicker-div a:hover, 
.owl-theme .owl-dots .owl-dot span, 
#booking-tabs-2 .booking-form-2 button, 
#booking-tabs-2 .booking-form-3 button, 
.widget-block, 
.page-not-found-search-form button, 
.button2, 
.button4, 
.button6, 
.link-arrow, 
.main-content button, 
#submit-button, 
.content-wrapper form .wpcf7-submit, 
.main-content .search-results-form button, 
.accordion h4:before, 
.toggle h4:before, 
.button0, 
.title-block4, 
.call-to-action-2-section .title-block5, 
.newsletter-form button, 
.title-block6, 
.title-block7, 
#booking-tabs-2 .nav li.ui-state-active a, 
.page-pagination li span.current, 
.page-pagination li a:hover, 
.news-read-more, 
.more-link, 
.call-to-action-button, 
.main-content .step-icon-current, 
.view-map-button, 
.main-content p .view-map-button, 
.trip-details-wrapper form button, 
.total-price-display .payment-button, 
.service-rate-wrapper:hover .service-rate-header, 
.wp-pagenavi span.current, 
.wp-pagenavi a:hover, 
.footer table th, 
.sidebar-content table th, 
.vc_tta-panels .vc_tta-panel-title:before, 
.post-pagination span, 
.post-pagination span:hover, 
.button1:hover, 
.mobile-navigation-wrapper ul a:hover{
    background: #ed3a3f !important;
}

.header-area-1 #primary-navigation, 
.mobile-navigation-wrapper, 
.mobile-navigation-wrapper ul li li a, 
.mobile-navigation-wrapper ul li li li a, 
.header-booking-form-wrapper, 
.widget-booking-form-wrapper, 
#ui-datepicker-div, 
.about-us-block, 
.footer, 
.body-booking-form-wrapper, 
.main-content table tr:first-child, 
.page-not-found-search-form, 
.link-blocks .link-block-2, 
.link-blocks .link-block-3, 
.main-content .search-results-form, 
.widget .pricing-options-widget, 
.service-rate-header, 
.call-to-action-small, 
.step-icon, 
.trip-details-wrapper, 
.full-booking-wrapper, 
.lightbox-title {
    background: rgb(39,30,140) !important;
    background: linear-gradient(90deg, rgba(39,30,140,1) 0%, rgba(79,36,125,1) 50%, rgba(118,41,109,1) 100%) !important;
}

.main-content table th{
    background: none !important;
}
.main-content table tr:first-child th:nth-child(2)::after {
    border-top: 10px solid rgba(39,30,140,1) !important;
}
.main-content table tr:first-child th:nth-child(3)::after {
    border-top: 10px solid rgba(79,36,125,1) !important;
}
.main-content table tr:first-child th:nth-child(4)::after {
    border-top: 10px solid rgba(118,41,109,1) !important;
}
.chauffeur-service-rates-table th:hover{
    border-right: 0px solid !important;
}
/* FIN Couleur site*/

/* About us */
@media only screen and (max-width: 1600px) {
    .about-us-block {
        height: 345px !important;
        padding: 85px 150px 0 150px !important;
        width: calc(50% - 300px) !important;
    }
}
/* Fin About us */

/* Enleve la recherche */
.fa-search{
    display: none !important;
}

/* Changement affichage Homepage imagebackground */
.large-header-wrapper{
    display: flex;
    justify-content: center; 
    align-items: center;    
    background-size: cover;
    background-position: center;
}

.large-header {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: 55%;
  }

.mws-text-homepage{
    align-content: center;
    text-align: center;
    flex-basis: 45%;
    padding-right: 100px;

}
.mws-text-homepage h1{
    color: white;
    font-weight: 700;
    font-size: 36px !important;
}

@media (max-width: 768px) {
    .large-header-wrapper {
        flex-direction: column; /* Pour empiler les éléments verticalement */
    }
    .large-header {
        flex-basis: 100%; /* Pour occuper la largeur totale de l'écran */
    }
    .mws-text-homepage {
        padding: 50px 20px 50px 20px;
    }
    .mws-text-homepage h1{
        margin: 0 !important;    
    }
    .mws-text-homepage h1 {
        font-size: 25px !important; /* Réduire la taille du texte pour adapter à l'écran mobile */
    }
    .logo img{
        width: 250px !important;
    }
    .header-content{
        flex-wrap: wrap;    
    }
    
}

/* FIN Changement affichage Homepage imagebackground */