/******************************************************************** TYPO FORD */

@font-face {
    font-family: 'Ford Antenna';
    src: url('../fonts/FordAntenna-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Ford Antenna';
    src: url('../fonts/FordAntenna-Semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Ford Antenna';
    src: url('../fonts/FordAntenna-BoldItalic.woff2') format('woff2');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Ford Antenna';
    src: url('../fonts/FordAntenna-RegularItalic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Ford Antenna';
    src: url('../fonts/FordAntenna-SemiboldItalic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Ford Antenna';
    src: url('../fonts/FordAntenna-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Ford Antenna';
    src: url('../fonts/FordAntenna-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Ford Antenna';
    src: url('../fonts/FordAntenna-ExtraLightItalic.woff2') format('woff2');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Ford Antenna';
    src: url('../fonts/FordAntenna-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
}

/********************************************************************  BODY - Hn */

body {
    font-family: 'Ford Antenna';
    font-weight: normal;
    font-style: normal;
    color: #4d4d4d;
}

h1 {
    font-family: 'Ford Antenna';
    font-weight: 500;
    font-style: normal;
    color: #4d4d4d;
}

h2 {
    font-family: 'Ford Antenna';
    font-weight: 200;
    font-style: normal;
    color: #102b4e;
    font-size: 2.3rem;
}

h3,
h4 {
    font-family: 'Ford Antenna';
    font-weight: 400;
    font-style: normal;
    color: #102b4e;
}

strong {
    font-weight: 600;
}

/* a {color: #2861a4;}
a:hover {color: #033775;} */


/******************************************************************** SP HEADER */
#sp-header {
    border-bottom: 2px solid #2861a4;
    background-color: white;
}

@media (max-width: 575px) {
    #sp-header {
        height: 60px;
    }
}

/******************************************************************** CODE PERSONNALISÉ */
.white-popup-block {
    overflow-x: auto;
}

.flex-flipbook {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

@media screen and (max-width: 576px) {
    /****** Menu vignette pour mobile *****/
    #xs-flex-basis-full .sppb-row-container .sppb-row .sppb-row-column {
        flex-basis: 100% !important;
        padding-bottom: 80px;
    }

    #xs-flex-basis-50-zone1 .sppb-row-container .sppb-row .sppb-row-column:nth-child(1),
    #xs-flex-basis-50-zone1 .sppb-row-container .sppb-row .sppb-row-column:nth-child(2) {
        flex-basis: 50% !important;
    }

    #xs-flex-basis-50-zone2 .sppb-row-container .sppb-row .sppb-row-column {
        flex-basis: 50% !important;
    }

    /****** Footer mobile contact *****/
    #xs-flex-basis-25 .sppb-container-inner .sppb-row .sppb-row-column:nth-child(1),
    #xs-flex-basis-25 .sppb-container-inner .sppb-row .sppb-row-column:nth-child(2),
    #xs-flex-basis-25 .sppb-container-inner .sppb-row .sppb-row-column:nth-child(3),
    #xs-flex-basis-25 .sppb-container-inner .sppb-row .sppb-row-column:nth-child(4) {
        flex-basis: 25% !important;
    }

    #sp-footer1 {
        padding-bottom: 30px;
    }

}


#sp-page-builder .page-content #sticky-z-index-section {
    z-index: 8;
}

.sticky-contacts {
    z-index: 1000 !important;
    bottom: 0;
    left: 0;
    position: fixed !important;
    width: 100%;
}

.sticky-formulaire-com {
    z-index: 1000 !important;
    bottom: 35px;
    left: 0;
    position: fixed !important;
    width: 100%;
}

.sticky {
    box-shadow: 0 10px 25px -3px rgb(77 77 77 / 35%);
}

.ombre-cadre-vehicule {
        box-shadow: 0px 10px 20px -10px rgb(77 77 77 / 20%);
}

.bordure-caracteristique {
    border-left: 1px dashed #4d4d4d;
    border-right: 1px dashed #4d4d4d;
}


/****** sp-header-topbar sur mobile *****/
@media screen and (max-width: 991px) {
    #sp-header-topbar {
        display: none;
    }
}

/****** Flèche animée *****/
.arrow{
    position: relative;
    left: 50%;
}
.arrow span {
    display: block;
    width: 30px;
    height: 30px;
    border-bottom: 2px solid #06A8FF;
    border-right: 2px solid #06A8FF;
    transform: rotate(45deg);
    margin: -15px;
    animation: animate 3s infinite;
}
.arrow span:nth-child(2){
    animation-delay: -0.2s;
}
.arrow span:nth-child(3){
    animation-delay: -0.4s;
}
@keyframes animate {
    0%{
        opacity: 0;
        transform: rotate(45deg) translate(-20px,-20px);
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        transform: rotate(45deg) translate(10px,10px);
    }
}


/****** Logo Showcase Module custom *****/
.logo-boxx__title {
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 10px;
}

.logo-box__single {
    border: none;
}

.logo-box__icon, .smicon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#logo-show270 h5, #logo-show271 h5  {
    right: 0 !important;
    position: relative !important;
    font-size: 11px !important;
    text-align: center;
}

.logo-box__icon img {width: 80px !important;}

.logo-box__single .logo-box__icon img {
    opacity: 1;
    filter: alpha(opacity=1);
}



/****** Bloquer mode paysage sur mobile *****/

#warning-message {
    background-color: #ffffff;
    z-index: 10000;
    position: fixed;
    padding: 7vh;
    top: 0;
    bottom: 0;
    transition: 0.5s;
    display: flex;
    align-items: center;
    flex-direction: row;
    align-content: center;
    border: 12px solid #003478;
}

.warning-gauche img  {
    width: 39%;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
}

.warning-droit img {
    width: 50%;
    top: 50%;
    left: 73%;
}

#warning-message p {
    text-align: center;
}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait){
    #warning-message { 
        display:none; 
    }
}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape){
    .content { 
        display:none; 
    }
    .mobile {
        display:none; 
    }
    #warning-message { 
        display:block; 
    }
} 

/****** Custom Megamenu véhicules  *****/
.megamenu-voitures .sp-dropdown-mega .sp-dropdown-inner {
    padding: 3px;
}

/****** Carte rendez-vous atelier  *****/
.carte-rdv .ba-checkbox-image img {
    max-width: 100px;
    width: 100%;
}


/****** Module Occasions zone fomulaire *****/
.arrow {
    margin: 25px 0 40px;
}

.rightSidebar {
    background: #f5f5f5;
    border-radius: 10px;
    box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.15);
}



.quick-buttons {
    padding: 10px;
    margin: 0px;
    border-radius: 10px;
    border:1px solid;
    text-align: center;
    max-width: 240px;
}

.btn-contact-ocaz, .btn-retour-filtre-ocaz {
    background-color: #082b5e;
    color: #FFFFFF;
}

.btn-contact-ocaz:hover, .btn-retour-filtre-ocaz:hover {
    background-color: #2861a4;
    color: #FFFFFF;
}

.btn-retour-filtre-ocaz {
    margin-bottom: 50px;
    padding: 12px;
    font-size: 1.2vh;
    /* letter-spacing: 0.8px; */
    width: 50%;
}

.btn-mobile-sticky-ocaz {
    background-color: #2d96cd;
    color: #FFFFFF;
}

.btn-mobile-sticky-ocaz:hover {
    background-color: #2d96cd;
    color: #FFFFFF;
}

@media screen and (min-width: 991px) {
    .btn-mobile-sticky-ocaz {
        display: none !important;
    }
}

/****** Module Occasions *****/
.slides-category-list-tab {
    font-family: 'Ford Antenna'!important;
}

.car-shop-content {
    padding: 15px;
}

.car-shop-content h3 {
    text-align: center;
    font-size: 1.2rem;
}

.car-details-desc .desc-content h3 {
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 30px;
}

.car-shop-content .tag, .car-details-desc .desc-content .tag {
    text-align: center;
    font-size: 1.75rem;
    background: #003478;
    color:#dddddd;
    margin-bottom: 15px;
    border-radius: 3px;
    text-align: center;
}

.car-details-desc .desc-information .info-list li {
    text-transform: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.car-details-desc .desc-information .info-list li {
    list-style-type: none;
    font-size: 14px;
    color: #fff;
    margin-top: 2px;
    -webkit-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
    max-width: 40%;
}

.car-details-desc .desc-features .info-list li {
    font-size: 12px;
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
    position: relative;
}

.single-car-shop-item {
    border: 1px solid #2861a4;
    border-radius: 5px;
    margin: 20px 0;
    transition: all .2s ease-in-out;
    box-shadow: 0px 4px 15px -4px rgb(0 0 0 / 33%);
}

.single-car-shop-item:hover {
    box-shadow: none;
}

@media screen and (min-width: 993px) {
    .single-car-shop-item {
        width: 31%;
    }
}

@media screen and (max-width: 992px) {
    .single-car-shop-item {
        width: 48%;
    }
}

@media screen and (max-width: 576px) {
    .single-car-shop-item {
        width: auto;
    }
}


.car-details-desc .desc-information .features {
    border-radius: 5px;
}

.car-details-desc .desc-information .features:before {
    border: 1px solid #dddddd;
    border-radius: 5px;
    background: #f8f9fa;
}

.car-details-desc .desc-information .features {
    background: #ffffff;
}

.car-details-area {
    background: #ffffff;
}

.car-details-gallery {
    padding: 15px;
    border-radius: 5px;
    background: #ffffff;
    box-shadow: 0px 1px 3px rgb(0 0 0 / 15%);
}

.car-details-desc .desc-information .features h5 {
    font-weight: 600;
    font-size: 22px;
    color: #2861a4;
}

.car-details-desc .desc-information .info-list li {
    color: inherit;
    font-weight: 100;
}

.car-details-desc .desc-information .info-list li span {
    color: #2861a4;
    font-weight: 400;
}

.car-shop-image img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.price-range #slider-range {
    bottom: -50px;
}

input[type="email"]:not(.form-control), input[type="url"]:not(.form-control), input[type="date"]:not(.form-control), input[type="password"]:not(.form-control), input[type="search"]:not(.form-control), input[type="tel"]:not(.form-control), input[type="number"]:not(.form-control), select:not(.form-select):not(.form-control) {
    height: 50px;
}

.nice-select {
    border: solid 1px #cdcdcd;
    height: 50px;
}

.price-range #priceSelect {
    color: #2f97cd;
    height: 52px;
    background: transparent;
}

.car-display-card {
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: space-between;
}