/*	
	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.
*/


/*Global */

.scrollTop {position: fixed;right: 20px;bottom: 10px;background-color: var(--color_1);padding: 10px 15px;opacity: 0;transition: all 0.4s ease-in-out 0s;z-index: 999999 !important;}
.scrollTop:hover {background-color: var(--color_2);}
.scrollTop a {font-size: 18px; color: #fff;}
 
/* cookies */
#cmplz-manage-consent .cmplz-manage-consent {
    top: unset !important;
}
/*-----------------------------------------***style header***----------------------------------*/

.stm-layout-header-car_magazine #header .header-magazine .container{
        max-width: 1500px !important;
}
.stm-layout-header-car_magazine #header .header-magazine {
	  background: rgb(0 0 0 / 20%) !important; 
	  backdrop-filter: blur(15px);
	  -webkit-backdrop-filter: blur(15px); 
		border-bottom:1px solid rgb(255 255 255 / 30%);
}

#header .header-magazine ul.magazine-menu{
    margin:unset !important;
}
#header .header-magazine ul.magazine-menu li{
	margin:0 15px;
}
#header .header-magazine ul.magazine-menu a{
   font-weight:400 !important;
}

#header .header-magazine ul.magazine-menu a {
  position: relative;
}

#header .header-magazine ul.magazine-menu a::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -7px; 
  width: 100%;
  height: 1px; 
  background-color: #ffffff; 
  opacity:0;
  transition: 0.5s ease;
}

#header .header-magazine ul.magazine-menu a:hover::after,
#header .header-magazine ul.magazine-menu .current-menu-item  a::after{
  opacity:1;
}
@media only screen and (max-width: 991px){

    .stm-layout-header-car_magazine .magazine-menu-mobile-wrapper .stm-opened-menu-magazine {
        background-color: #2323ff;
	    }
	 .stm-layout-header-car_magazine #wrapper #header .header-menu > li > a{
		 font-size:16px !important;
		 font-weight:400;
	 }
    
    
}
@media only screen and (max-width: 800px){
	.stm-layout-header-car_magazine #header .header-magazine .container .magazine-service-right {
		width: 50%;
	}

	.magazine-logo-main  {
		width: 50% !important;
	}
	.magazine-logo-main img {
		width: 180px !important;
	}
}

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


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


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


/*------------------------------------------------------***Begin Home page Style***------------------------------------------------------*/

/**************************************Style : HOME*********************************/

/**************************************Style : SLIDER REVOLUTION*********************************/
body .sr7-bullets{
    opacity:1 !important;
}
.btn-hvr-slide {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: color 0.4s ease;
  z-index: 1;
}

.btn-hvr-slide::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0%;
  background: #2323FF;
  z-index: -1;
  transition: height 0.5s ease;
}

.btn-hvr-slide:hover {background-color:transparent !important;}
.btn-hvr-slide:hover::before {
  height: 100%;
}


/* arrows */
.rs-ov-hidden .sr7-bullet {transition:0.4s !important;}
.rs-ov-hidden .sr7-bullet.selected {
  border-radius: 50%;
  outline: 1px solid #ffffff;
  outline-offset: 10px; 
}

.rs-ov-hidden .sr7-bullet:hover {
  border-radius: 50%;
  outline: 1px solid #ffffff;
  outline-offset: 10px; 
  background:#fff !important;	
}

/**************************************Style : section_presentation*********************************/

span.title-h1 {
    font-size: 25px;
    line-height: normal !important;
    font-weight: 400 !important;
    display:inline-block;
    margin-top:15px;
}



.row-unset{position:unset !important;}


.marque-element{position:absolute;bottom:170px;left:0;}
.marque-element-opacity{position:absolute;bottom:250px;left:0;opacity:0.2;}

.jq-marquee {
  position: relative;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}

.jq-marquee-inner {
  display: inline-block;
  position: relative;
  left: 0;
  white-space: nowrap;
}

.jq-marquee-text,
.jq-marquee-clone {
  display: inline-block;
  line-height: 1;
}

.marque-element-opacity {
  opacity: 0.2; 
}
.img-marquee {
    height:13px !important;
    width:13px !important;
    margin-inline:25px;
    margin-top:-5px;
}



/* btn hover */
.btn-hvr a{
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: color 0.4s ease;
  z-index: 1;
}

.btn-hvr a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0%;
  background: #2323FF;
  z-index: -1;
  transition: height 0.5s ease;
}

.btn-hvr a:hover {background-color:transparent !important;}
.btn-hvr a:hover::before {
  height: 100%;
}


@media only screen and (max-width: 800px){
	span.title-h1 {
		font-size: 19px !important;
	}
	.marque-element{position:absolute;bottom:30px;left:0;}
	.marque-element-opacity{position:absolute;bottom:80px;left:0;opacity:0.2;}
} 

/**************************************Style : section_prestations*********************************/
.title-h2 {
    font-family: 'Montserrat';
    color: #2323FF;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
	display: block;
	margin-bottom: 7px;
}
.title-h2-contact{
	 color: #fff !important;
	 text-transform: initial!important;
	 margin-bottom: 10px !important;
}
@media only screen and (min-width: 801px){
	.prestation-col {
	  position: relative;
	}

	.prestation-col::after {
	  content: "";
	  position: absolute;
	  left: 50%;
	  top: 0;
	  transform: translateX(-50%);
	  width: 1px;         
	  height: 100%;            
	  background-color: rgb(255 255 255 / 15%); 
	}

	.prestation-col::before {
	  content: "";
	  position: absolute;
	  left: 50%;
	  width: 11px;
	  height: 11px;
	  background-color: #ffffff;
	  transform: translateX(-50%);
	  border-radius: 2px;
	  animation: moveUpDown 6s ease-in-out infinite;
	}

	/* Animation for the square */
	@keyframes moveUpDown {
	  0% {
		top: 0;
	  }
	  50% {
		top: calc(100% - 10px); 
	  }
	  100% {
		top: 0;
	  }
	}
}
@media only screen and (max-width: 800px){
	.title-h2 {
		font-size: 18px !important;
	}
} 


/* */

.presta-col{overflow:hidden !important;}

.presta-col {
/*   background-size: 100%  !important;
  background-position: center;
  background-repeat: no-repeat; */
  transition:  0.6s ease  !important; 
}

/* .presta-col:hover {
  background-size: 110% !important;
} */

.presta-col::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0.4;
  transition: opacity 0.6s ease; 
}

.presta-col:hover::before {
  opacity: 0.8;
}
.presta-front{
    transform:translateY(0%);
    transition:0.4s !important;
}
.presta-back{
    position:absolute;
    bottom:-100%;
    opacity:0;
     transition:0.4s !important;
}

.presta-col:hover .presta-front{
    opacity:0;
}
.presta-col:hover .presta-back{

    bottom:15%;
    opacity:1;
}

.presta-img  {
    height: 100% !important;
    width:100% !important;
	transition:0.4s !important;
}
.presta-img  img{
	transition:0.6s !important;
}
.presta-col:hover .presta-img img {
  scale:1.1;
}
@media only screen and (max-width: 800px){
	.presta-col .presta-front{
		opacity:0;
	}
	.presta-col .presta-back{
		bottom:15%;
		opacity:1;
	}
	.presta-col::before {
	  opacity: 0.7;
	}
	.presta-col:hover .presta-img img,
	.presta-col .presta-img img{
	  scale:1 !important;
	}
} 
/**************************************Style : section avis*********************************/
.avis-elem  .ti-widget.ti-goog .ti-controls{
		display:block !important;
	}
	.avis-elem  .ti-widget.ti-goog .ti-controls .ti-next, .avis-elem  .ti-widget.ti-goog .ti-controls .ti-prev{
		  display:block !important;
	}

@media only screen and (min-width: 1700px){
	.avis-elem .ti-widget.ti-goog .ti-controls .ti-next {
	    right: -50px;
		background:transparent;
		scale:1.4;
	}
	.avis-elem .ti-widget.ti-goog .ti-controls .ti-prev {
	    left: -50px;
		background:transparent;
		scale:1.4;
	}
	
}
@media only screen and (max-width: 800px){
	
	.avis-elem .ti-widget.ti-goog .ti-controls .ti-next {
	    right: -13px !important
 	}
	.avis-elem .ti-widget.ti-goog .ti-controls .ti-prev {
	    left: -13px !important
	}
}
@media only screen and (max-width: 479px){
    body .ti-widget.ti-goog .ti-controls-line {
        display: none !important;
    }
}

/**************************************Style : section Nos véhicules*********************************/
.car-listing-elem .stm-elementor_listings_grid {
    max-width: 100% !important;
    margin: 0 !important;
}

.car-listing-elem .listing-car-items .listing-car-item .listing-car-item-inner {
    margin: 0 !important;
    max-width: 100%;
}
.car-listing-elem .stm-elementor_listings_grid .image img{
    height:480px !important;
    object-fit: cover;
}
.car-listing-elem .listing-car-item-inner a{position:relative;}
.car-listing-elem .listing-car-item-meta {
    position: absolute;
    bottom: 0;
    width: 100%;
    background:rgb(0 0 0 / 70%) !important;
	padding:20px !important;
}

.car-listing-elem .listing-cars-grid > .dp-in{margin-bottom:30px;}
@media only screen and (max-width: 1000px){
  .car-listing-elem  .listing-cars-grid > .dp-in{width:50%;}
}
@media only screen and (max-width: 800px){
   .car-listing-elem .listing-cars-grid > .dp-in{width:50%;}
	.car-listing-elem .listing-cars-grid > .dp-in{margin-bottom:15px;}
	.car-listing-elem .stm-elementor_listings_grid .image img{
	    height:400px !important;
	}
}

@media (max-width: 767px) {
	 .car-listing-elem .listing-cars-grid > .dp-in{width:100%;}
    .car-listing-elem .listing-car-items .listing-car-item .price {
        float: right !important;
    }
    .car-listing-elem .listing-car-items .listing-car-item .car-title{
        padding-top:0 !important;
    }
}

@media (max-width: 500px) {
    .car-listing-elem .listing-cars-grid > .dp-in .listing-car-item .listing-car-item-inner .car-meta-top {
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: nowrap;
        align-items: flex-start;
    }
    .car-listing-elem .stm-elementor_listings_grid .price{
        background:transparent !important;
        text-align:left !important;
        padding:0 !important;
        margin-left:0 !important;
        margin-top:10px !important;
    }
}
/**************************************Style : section_points_forts*********************************/
.col-pf {
    clip-path: polygon(0 0, 100% 0, 89% 100%, 0% 100%);

}

.pf-point{
	position:absolute;
	top:51%;
	left:50%;
	transform:translate(-50% , -50%) !important;
}

.text-circle {
  display: inline-block;
  animation: rotateCircle 15s linear infinite;
  transform-origin: center center;
}

@keyframes rotateCircle {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}

/**************************************Style : section_Contact*********************************/
body  .page-contact-5 {
    padding: 0 15px !important;
}
body .acu-form .error_acc  {
    margin-bottom: 0 !important;
}

.acu-form .recaptcha_acc {
    margin-bottom: 15px !important;
    margin-top: 5px !important;
}

body .acu-form .recaptcha_acc u{
   color: #fff !important;
}
body .acu-form .error_acc u{
   color: #888 !important;
}
body .acu-form .error_acc u:hover,
body .acu-form .recaptcha_acc u:hover{
   color: #2323FF !important;
}


.row.sp-input-Civilite .input-label{display:flex;flex-direction: column;gap: 7px;}

.sp-input-Civilite .wpcf7-radio span{
    color: #fff !important;
    margin-right:8px;
}
.sp-input-Civilite .wpcf7-radio {
   
}

/* btn envoyer hover */
body .page-contact-5 input[type="submit"] {
  color: #ffffff !important;
  background: transparent !important;
  position: relative !important;
  overflow: hidden !important;
  cursor: pointer !important;
  transition: color 0.4s ease;
  z-index: 1 !important;
  border-bottom:unset !important;
  text-transform: initial;
  font-size: 19px;
  font-family: 'Montserrat';
  font-weight: 300;
  padding: 18px 30px !important;
}
body .page-contact-5 input[type="submit"]:hover {
  background: transparent !important;
}
body .page-contact-5 .input_adress:has(input[type="submit"]){
  display: inline-block;
  position: relative;
  overflow: hidden;
  border-bottom:1px solid #fff;
  cursor: pointer;
  padding: 0;
 width:fit-content !important;
}
body .page-contact-5 .input_adress:has(input[type="submit"])::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background: #2323ff;
  transition: height 0.45s ease;
  z-index: 0;
}
body .page-contact-5 .input_adress:has(input[type="submit"]):hover::after{
  height: 100%;
}
.page-contact-5 input.wpcf7-form-control:not(input[type="submit"]):focus {
    color: #ffffff !important;
    background-color: #00000000 !important;
}


.acu-form .stm-elementor-contact-form-seven .icon-title {
    margin-bottom: 0px !important;
}


/****** single page********/
.single-layout-car .single-car-mpg.heading-font {color:#fff;}
.single-layout-car .single-regular-sale-price {background:#2323ff;}
@media (max-width: 800px) {
	.stm-single-car-page {
		margin: 0 !important;
	}	
}

/* plitique et montion */
.pg-mp-titre-bg {background: #2159c7 !important;padding: 10px !important; color:#fff}

/* contact error */
 .wpcf7-response-output {
    background: #33c89c;
    color: #fff !important;
	border: none !important;
}
.invalid .wpcf7-response-output {
    background: red;
    color: #fff !important;
}
.wpcf7-response-output {
    margin-bottom: 0 !important;
    padding: 7px !important;
}
/*actualites */
.pg-actualites .eael-post-elements-readmore-btn {
    display: inline-block !important;
}

/* avatar */
.rhea_modal__wrap .rhea_user__details {
    text-align: left;
}


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

/* cmplz */

#cmplz-document.cmplz-document {
    max-width: unset;
}

details.cmplz-dropdown.cmplz-service-desc {
    color: #000000;
}
.cmplz-service-description h4 {
    color: #fff !important;
}
.cmplz-sharing-data,
.cmplz-sharing-data h4{
    color: #fff;
}

/*** not login style ***/
 .rhea_offline_avatar .rhea_modal__dashboard svg{fill:#2159c7 !important}
 .rhea_offline_avatar .rhea_modal__dashboard:hover svg{fill:#36aef4 !important}

/* Recherche des biens */
.page-template-properties-search #map-head {display:none !important}
.frm-search .rhea_advanced_expander{    
	display: flex;
    justify-content: center;
}
/* single post article*/
.single-post article .post-share {display: none !important;}
.single-post #comments {display: none !important;}

/* page 404 */
body.error404 #wrapper #main .stm-error-page-unit {
    background: #0f0f0f;
    margin-top: 0;
    padding: 9% 4%;
}
@media only screen and (max-width: 800px){
	body.error404 #wrapper #main .stm-error-page-unit {
        padding: 50px 20px;
    }
	body.error404 #wrapper #main .stm-error-page-unit h2 {
		font-size: 20px;
	}
}


/* politique */
.select2-results__option[aria-selected]{
    color: #000000 !important;
}
/*--------------------------------------------------------------***End***----------------------------------------------------------------------*/



/*------------------------------------------------------***Begin footer style***------------------------------------------------------*/
.infos-elem a:hover{
    text-decoration:underline !important;
}

@media only screen and (max-width: 1024px) and (min-width: 801px){ 
    
	.col-paneux{
		width:100% !important;
	}
    
}

span.copyright_content span{margin:0 7px;}
@media (max-width: 860px) {
   .copyright_content{
	   display:flex;
	   flex-direction: column;
	   align-content: center;
	  }
	span.copyright_content span{display:none;}
}
/*------------------------------------------------------***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 1361px)***------------*/
@media only screen and (max-width: 1360px){

    /*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*/

}


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

    /*style main content*/

    /*style footer*/

}


/*------------***Begin Big Mobile Media query style***------------*/
@media only screen and (max-width: 600px){
	.menu-foo a.hfe-menu-item {
		display: flex;
		justify-content: center !important;
	}    
}


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

    /*style header*/

    /*style main content*/

    /*style footer*/
    
    
}

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