/*	
	Theme Name: Motors - Child Theme
	Theme URI: http://motors.stylemixthemes.com/
	Author: StylemixThemes
	Author URI: http://stylemixthemes.com/
	Description: Motors Child theme
	Version: 4.0
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: blue, red, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, responsive-layout, flexible-header, custom-background, custom-colors, custom-header, custom-menu, editor-style, sticky-post, theme-options
	Text Domain: motors-child
    Template: motors

    This theme, like WordPress, is licensed under the GPL.
    Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Add your own styles here */



/*Global */
body.single-listings .stm-single-car-page .container {
    max-width: unset !important;
   
}
.contact-form-elem a u:hover {
    color:#f36822  !important;
}

/*-----------------------------------------***style header***----------------------------------*/
.header-main {padding: 10px 20px !important;}
.header-main .row.header-row .col-md-10 {display: flex;justify-content: flex-end;}
.header-main .row.header-row {display: flex;align-items: stretch;}

ul.listing-menu.clearfix {width: fit-content;}
.listing-service-right {display: flex;flex-direction: row-reverse;}
#wrapper #header .header-listing .listing-menu > li {margin-bottom:0 !important;}
#wrapper #header .header-listing .listing-menu > li > a{font-weight: 600 !important;position:relative !important;padding:0}
#wrapper #header .header-listing .listing-menu > li > a:before {
   content:"";
   position:absolute;
   bottom:-7px;
   left:50%;
   transform:translateX(-50%);
   width:0%;
   height:2px;
   background:#F36822;
   transition:0.5s;
}
#wrapper #header .header-listing .listing-menu > li.current-menu-item > a:before,
#wrapper #header .header-listing .listing-menu > li:hover > a:before{
   width:100%;
}

#header a.stm_rental_button {
    border: 1px solid #0069BC;
    border-radius: 60px;
    font-size:16px !important;
    font-weight:400 !important;
    margin-left:0 !important;
    padding:7px 22px;
	margin-left:50px !important;
}
#header a.stm_rental_button:hover {
    border-color:  #F36822!important;
  background:#F36822!important;
    color:#fff !important;
}
#header a.stm_rental_button .stm-service-icon-phone {
    top:2px !important;
   
}
#header a.stm_rental_button .stm-service-icon-phone:before {
font-size:20px !important;
    
}
#header a.stm_rental_button:hover .stm-service-icon-phone:before {
    color:#fff !important;
}
@media only screen and  (max-width: 1024px) {
	 .bloglogo img {
		width: 100px !important;
	}
	
	.listing-menu-mobile-wrapper  {
   margin-left:15px !important;
}
.listing-menu-mobile-wrapper  .stm-menu-trigger span {
    background: #0069bc !important;
}
	#header a.stm_rental_button {display:none !important;}
}

@media (max-width: 1024px) {
    .stm-layout-header-car_rental .stm-opened-menu-listing {
        background-color: #fff !important;
    }
    .stm-layout-header-car_rental .stm-opened-menu-listing .listing-menu-mobile > li > a:hover{
        color:#F36822 !important;
    }
}

/*------------------------------------------------------***End***------------------------------------------------------*/


/*------------------------------------------------------***Begin Pages internes Style***------------------------------------------------------*/


/*------------------------------------------------------***End***------------------------------------------------------*/


/*------------------------------------------------------***Begin Home page Style***------------------------------------------------------*/
.txt-mb p:last-child {
    margin-bottom: 0 !important;
}
/**************************************Style : HOME*********************************/

/**************************************Style : SLIDER REVOLUTION*********************************/
.border-sr-shape , .border-sr-shape-2{pointer-events:none !important;}
.border-sr-shape:before{
  position: relative;
}

.border-sr-shape:before {
  content: "";
  position:absolute;
  bottom:-50px;
  left:-250px;
  width:200px;          
  height: 1200px;          
  background-color: #ffffff;       
}
.border-sr-shape:after {
  content: "";
  position:absolute;
  bottom:-50px;
  right:-250px;
  width:200px;          
  height: 1200px;          
  background-color: #ffffff;       
}
.btn-sr {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    gap: 8px;
    padding-left: 16px !important;
}
.btn-sr > div{
    width:31px;
    height:31px;
    background:#F36822;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.btn-sr-contact.btn-sr > div{
    background:#fff;
}
.btn-sr  img{
    transition:0.4s !important;
}
.btn-sr-contact.btn-sr:not(:hover) img{
   filter: brightness(0) saturate(100%) invert(26%) sepia(57%) saturate(2313%) hue-rotate(187deg) brightness(100%) contrast(103%);
}
.btn-sr-contact.btn-sr:hover > div{
    background:#F36822;
}
.btn-sr:hover  img{
    rotate:45deg;
}

#SR7_2_1 .hesperiden .sr7-bullet:after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    width:calc(100% + 28px);
    height:calc(100% + 28px);
    border:1px solid #1F1F1F!important;
    border-radius:50% !important;
    pointer-events: none;
	transition:0.4s;
	opacity:0;
}
#SR7_2_1 .hesperiden .sr7-bullet:hover:after,
#SR7_2_1 .hesperiden .sr7-bullet.selected:after{
	opacity:1;
}

#SR7_2_1 .hesperiden .sr7-bullet{
   margin-top:30px;
}
@media only screen and  (max-width: 1100px) {
	.btn-sr > div{
		width:27px;
		height:27px;
	}
}
/**************************************Style : section_presentation*********************************/
span.title-h1-bottom {
    color: #1F1F1F;
    font-size: 26px;
    font-weight: 500 !important;
    font-family: 'DM Sans';
    text-transform: initial;
    display: block;
    margin-top: 10px;
}
.title-h1-top {
    display: block;
    margin-bottom:4px;
    color: #F36822;
    font-size: 18px !important;
    font-weight: 500;
    text-transform: uppercase;
    font-family: 'DM Sans';
}
@media only screen and  (max-width: 800px) {
	span.title-h1-bottom {
    font-size: 18px;
	}
	.title-h1-top {
    font-size: 16px !important;

}
}
/**************************************Style : section_FAQ*********************************/
span.title-h1-pi {
    display: block;
    color: #F36822;
}

/**************************************Style : section_icon*********************************/

.icon-hvr .elementor-icon-box-icon svg {
   transition:0.4s;
}
.icon-hvr .elementor-icon-box-icon:hover svg {
    rotate: 20deg;
}
/**************************************Style : section_cars*********************************/
.list-auto-elem .stm_elementor_multi_listings_grid_tabs_wrap {padding-top:0 !important;}
.list-auto-elem .tab-pane {padding-bottom:0 !important}
.car-title:hover {
    color: #f36822 !important;
}
@media (max-width: 991px) {
    .stm_listing_tabs_style_2 .tab-pane .stm-directory-grid-loop > a.rmv_txt_drctn {
       
        max-width: unset !important;
    }
      .stm_listing_tabs_style_2 .tab-pane .stm-directory-grid-loop > a.rmv_txt_drctn img{
        height:350px !important;
    }
    .stm-hoverable-interactive-galleries.stm-template-listing_five_elementor .stm_listing_tabs_style_2 .image .interactive-hoverable {
    min-height: 350px !important;
}
}
@media (max-width: 400px) {
      .stm_listing_tabs_style_2 .tab-pane .stm-directory-grid-loop > a.rmv_txt_drctn img{
        height:250px !important;
    }
    .stm-hoverable-interactive-galleries.stm-template-listing_five_elementor .stm_listing_tabs_style_2 .image .interactive-hoverable {
    min-height: 250px !important;
}
}

/**************************************Style : section_contact*********************************/
.contact-form-elem .icon-title {
    margin: 0 !important;
}
.contact-form-elem .stm-elementor-contact-form-seven {
    padding-bottom: 0 !important;
}

.title-h2 {
    font-size: 12px;
    font-weight: 400;
    position: relative;
    letter-spacing: 2px;
    margin-bottom: 10px;
    display: block;
    width: fit-content !important;
}

.title-h2:before {
    content: "";
    position: absolute;
    left: 108%;
    top: 50%;
    transform: translateY(-50%);
    width: 72px;
    height: 1px;
    background: #ffd733;
}
@media only screen and  (max-width: 800px) {
	.accueil-iframe-waze ifrmae{
		height:350px !important;
	}
	.contact-pg-col {
		width: 100% !important;
	}
}
/**************************************Style : section_btn style*********************************/
.btn-hover-style .elementor-button-text{
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.btn-hover-style .elementor-button-text > div{
    width:31px;
    height:31px;
    background:#F36822;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.btn-hover-style .elementor-button-text  img{
    transition:0.4s !important;
}

.btn-hover-style .elementor-button-text:hover  img{
    rotate:45deg;
}
.btn-hover-style-bleu .elementor-button-text > div{
    background:#0069bc;
}
.btn-hover-style-bleu:hover .elementor-button-text > div{
    background:#F36822;
}
/************************** Slide in ***************/
body .flex-info a {
    color: #fff !important;
}
body .flex-info a:hover {
    color: #fff !important;
    text-decoration:underline !important;
}
.flex-info:last-child {
    align-items: flex-start;
}
.flex-info .fa-phone-alt {
    rotate:90deg;
}
/* */
#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode {
    max-width: unset;
}
/************************************* text slide *******************************/
.text-slider-rtl {
  overflow: hidden;
  white-space: nowrap;
  display: inline-block  !important;
  padding-left: 10% !important;
  animation: slide-rtl 35s linear infinite !important;
}

@keyframes slide-rtl {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

/**************************************Style : section_listings_car*********************************/
.section-cars .car-listing-tabs-unit img {
    height: 200px !important;
    object-fit: cover;
}
.section-cars .car-listing-actions, .section-cars .load-more-btn {display:none !important;}
.section-cars .car-title:hover{color:#ffd733 !important;}

/*single page car*/
.single-car-sidebar .stm-elementor-contact-form-seven .icon-title {
    margin-bottom: 0 !important;
}
.motors-elementor-single-listing-gallery, 
.single-car-price {
    max-width: calc( 100% - 50px) !important;
}

.motors-elementor-single-listing-gallery .motors-elementor-big-gallery {
    max-width:100% !important;
}
.motors-elementor-single-listing-gallery {
	margin-bottom:0 !important;
}
@media (max-width: 820px) {
   .section-cars .car-listing-top-part .stm-listing-tabs ul {
        display: flex !important;
        overflow-y: auto !important;
        margin-right: 0 !important;
        flex-direction: column !important;
        gap: 5px;
    }
	 .section-cars .car-listing-top-part .stm-listing-tabs ul li{
        margin-right: 0 !important;
    }
	.section-cars .car-listing-main-part{
		padding-top:20px !important;
	}
	.section-cars .car-listing-top-part{padding-top:10px !important;}
}

@media (max-width: 800px) {
   .motors-elementor-single-listing-gallery, 
	.single-car-price {
		max-width:100%  !important;
	}
	
}
@media (max-width: 767px) {
	.section-cars .car-listing-tabs-unit img {
	    height: 400px !important;
	}
}
@media (max-width: 500px) {
	.section-cars .car-listing-tabs-unit img {
	    height: 220px !important;
	}
	
	.stm-single-car-listing-data .data-list-wrap .data-list-item > .heading-font {
		padding-left: 0 !important;
	}
	.stm-single-car-listing-data .data-list-wrap .data-list-item {
		  flex-direction: column !important;
	}

	.stm-single-car-listing-data .data-list-wrap .data-list-item > .item-label ,
	.stm-single-car-listing-data .data-list-wrap .data-list-item > .heading-font{
		text-overflow: unset !important;
		width: 100% !important;
	}
	.stm-template-listing_four_elementor .stm-similar-cars-units .stm-similar-car {
		margin-top: 10px !important;
		padding-top: 10px !important;
	}
}
@media (max-width: 380px) {
	.stm-similar-car {
		display: flex !important;!i;!;
		flex-direction: column;
		align-items: center;
		gap: 20px;
	}

	.right-unit {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap:5px;
	}

	.right-unit .title{
		padding:0 !important;
	}
}
/*** page interne cars***/
.elm-cars-pi .car-listing-main-part{padding-top:0 !important;}
.elm-cars-pi .car-listing-top-part{display:none !important;}
/*******************************/
.map-contact iframe {
    border-radius: 15px;
}
/******************/
/* plitique et montion */
.pg-mp-titre-bg {font-size: 25px;background: #eec51c !important;padding: 10px !important;color:#fff;line-height: 25px;}
.pl_ml h3 {
    font-size: 20px;
}

.page-contact-5 select.wpcf7-select {
    opacity: 1 !important;
    visibility: visible !important;
    width: 100% !important;
}
.contact-form-elem-politique input {
    background: #eceff3 !important;
}
body .pg-mp-titre-h1-bg input:not(input[type=submit]), body .pg-mp-titre-h1-bg select{
    opacity:1;
    visibility:visible;
}
.pg-mp-titre-h1-bg input[type=submit] {
  margin:0;
}
/* contact error */
 .wpcf7 form  .wpcf7-response-output {
    background: #33c89c;
    color: #fff !important;
	border: unset !important;
}
.invalid .wpcf7-response-output {
    background:#dc3232 !important;
    color: #fff !important;
    margin-bottom: 10px !important;
    border: unset !important;
}
.wpcf7-response-output {
    margin-bottom: 0 !important;
    padding: 7px !important;
}

/***** Rcaptcha hide ******/
.grecaptcha-badge{display:none !important}

/* Page 404*/
body.error404 #wrapper #main .stm-error-page-unit {
    margin-bottom: 100px;
}

/** hide fixed bare in bottom **/
.stm-single-listing__actions {
    display: none !important;
}

/* Cookies */
.complianz-content #cmplz-document {
    width: 100% !important;
    max-width: unset;
}
/*--------------------------------------------------------------***End***----------------------------------------------------------------------*/



/*------------------------------------------------------***Begin footer style***------------------------------------------------------*/
.coherence-logo svg{width: 130px !important;height: auto !important;vertical-align: middle !important;display: inline-block !important;margin-right: 20px !important;}
.cohe-logo .svg * , .cohe-logo img {filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(23deg) brightness(104%) contrast(104%);}
.info-contact-list .elementor-icon-list-icon {
    padding:8px !important;
    background:#f36822;
    border-radius:5px;
}
.info-contact-list a:hover, .info_clt a:hover {
    text-decoration: underline !important;
}
.info-contact-list .elementor-icon-list-icon svg{
    margin-right:0 !important;
}

.info-contact-list span.elementor-icon-list-text {
    padding-left: 15px !important;
}
.info-contact-list ul > li:last-child{
    display: flex;
    align-items: flex-start !important;
}
.info-contact-list ul > li:last-child .elementor-icon-list-icon{
    margin-top:5px;
}
.menu-footer .menu-item a.hfe-menu-item:hover ,
.menu-footer .menu-item.current-menu-item a.hfe-menu-item {
    font-weight: 700 !important;
    text-decoration:underline !important;
}

@media only screen and (max-width: 800px){
	.menu-footer a.hfe-menu-item {
		display: flex;
		justify-content: center !important;
	}
	.copyright-list .elementor-icon-list-items {
		display: flex;
		flex-direction: column;
	}
}


/************************************* single listing page *************************/

.stm-single-listing-car-features h4 {
    display: none;
}
@media (max-width: 600px) {
  .sec-slider-car .listing-gallery-carousel-mini .swiper-slide {
    width: 100% !important;
    margin-right: 0 !important;
  }
	.sec-slider-car .motors-elementor-single-listing-gallery-carousel-mini .swiper-slide > a {
    height: 320px !important;
    padding-bottom: 0% !important;
   
}
}

/*------------------------------------------------------***End***------------------------------------------------------*/

/*------------------------------------------------------***Begin Responsive Media query style***------------------------------------------------------*/

/*------------***Large devices (desktops, more than 800px)***------------*/
@media only screen and (min-width: 801px){ 
    
    /*style header*/

    /*style main content*/

    /*style footer*/
    
}

/*------------***Large devices (desktops, less than 1501px)***------------*/
@media only screen and (max-width: 1500px){

    /*style header*/

    /*style main content*/

    /*style footer*/

}

/*------------***Large devices (desktops, less than 1361px)***------------*/
@media only screen and (max-width: 1360px){

    /*style header*/

    /*style main content*/
	
    /*style footer*/

}

/*------------***Large devices (desktops, less than 1281px)***------------*/
@media only screen and (max-width: 1280px){

    /*style header*/

    /*style main content*/
	

    /*style footer*/

}


@media only screen and (max-width: 1200px){

    /*style header*/

    /*style main content*/

    /*style footer*/

}


/*------------***Medium devices (tablets, less than 1025px)***------------*/
@media only screen and (max-width: 1024px){
	
	/*style header*/

    /*style main content*/
	
    /*style footer*/

}

/*------------***Medium devices (tablets, Bootstrap less than 993px)***------------*/
@media only screen and (max-width: 992px){

    /*style header*/

    /*style main content*/

    /*style footer*/

}

/*------------***Tablet Media query style***------------*/
@media only screen and (max-width: 800px){
    /*style header*/

    /*style main content*/

    /*style footer*/

}

/*------------***Tablet Mini Media query style***------------*/
@media only screen and (max-width: 767px){
    
    /*style header*/

    /*style main content*/

    /*style footer*/
    
}

/*------------***Between Big Mobile and Tablet Media query style***------------*/
@media only screen and (min-width: 601px) and (max-width: 800px){
    
    /*style header*/

    /*style main content*/

    /*style footer*/
    
}

/*------------***Begin Big Mobile Media query style***------------*/
@media only screen and (max-width: 600px){

    /*style header*/

    /*style main content*/

    /*style footer*/
    .footer-menu .menu-item {
		display: flex;
		justify-content: center;
	}
}

/*------------***Between Mobile and Tablet Media query style***------------*/
@media only screen and (min-width: 498px) and (max-width: 600px){
    
    /*style header*/

    /*style main content*/

    /*style footer*/
    
}

/*------------***Mobile Media query style***------------*/

@media only screen and (max-width: 497px){

    /*style header*/

    /*style main content*/

    /*style footer*/
    
    
}

/*------------------------------------------------------***End Media query***------------------------------------------------------*/






