@import url("/css/franchises/shared.css");

/* Optional font-family imports from centrally managed resources on Sirv */


.jeep {
    /* Optionally set franchise font-family to match that in Sirv @font-face rules  */
    /* Styles in shared.css will fallback to --bs-body-font-family by default */
    /* --franchise-font-family: 'Peugeot';

    /* Set franchise-specifc button colours */
    --franchise-primary: #000;
    --franchise-secondary: #487F70;
    --franchise-primary-button-text: #fff;
    --franchise-hover-bg:  #000;
    --franchise-hover-text: #fff;
}

.jeep .point-of-sale{
    background-color: #487F70;
}

.jeep .point-of-sale .col-lg-4 div {
    background-color: #3a665a;
}

.jeep .btn-primary, .jeep .umb-grid ._vm_btn--primary {
    color: #fff;
    background-color: #000;
    border-color: #000;
}


.jeep .btn-outline-primary{
    border-color: #000;
    color: #000;
}

.jeep .btn-group .btn-outline-primary.btn[selected="true"], .jeep .btn-group .btn-outline-primary:hover{
   border-color: #000;
   background-color: #000 !important;
   color: #fff;
}

.jeep .btn-secondary, .jeep .umb-grid ._vm_btn--secondary {
    color: #fff;
    background-color: #487F70;
    border-color: #487F70;
}

.jeep .btn-secondary:hover , .jeep .umb-grid ._vm_btn--secondary:hover  {
    color: #fff;
    background-color: #15483b;
    border-color: #15483b;
}

.jeep .umb-grid .tl-grid-call-to-action-box{
background-color: #15483b !important;
color: #fff !important;
}

.jeep #backToTop{
    background-color: #000;
}

.jeep #backToTop:hover {
    background-color: #333;
}

.jeep .vans-link{
    display: none;
}

.jeep .top-links ul{
    margin-left: -45px;
}


.jeep .point-of-sale, .jeep bsk-cw-api-sliders .range-slider .noUi-handle{
    background-color: #15483b;
}




.jeep bsk-cw-api-sliders .range-slider .noUi-connect{
background: linear-gradient(90deg, #fff 0%, #15483b 100% 100%) !important;
}

.jeep bsk-tabs .nav-pills .nav-link.active{
    border-bottom: 2px solid #15483b !important;
}


.jeep .btn-group .btn-outline-primary.btn[selected="true"], .jeep .btn-group .btn-outline-primary:hover, .jeep .btn-outline-primary:hover{
   border-color: #000;
   background-color: #000 !important;
   color: #fff;
}

.jeep .text-secondary{
    color: #000 !important;
}

.jeep .bg-secondary{
    background-color: #000 !important;
}