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

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


.ram {
    /* 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: #74150A;
    --franchise-primary-button-text: #fff;
    --franchise-hover-bg:  #000;
    --franchise-hover-text: #fff;
}

.ram .point-of-sale{
    background-color: #74150A;
}

.ram .point-of-sale .col-lg-4 div {
    background-color: #530e06;
}

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


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

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

.ram .btn-secondary, .ram .umb-grid ._vm_btn--secondary {
    color: #fff;
    background-color: #74150A;
    border-color: #74150A;
}

.ram .btn-secondary:hover , .ram .umb-grid ._vm_btn--secondary:hover  {
    color: #fff;
    background-color: #880d00;
    border-color: #880d00;
}

.ram .umb-grid .tl-grid-call-to-action-box{
background-color: #880d00 !important;
color: #fff !important;
}

.ram #backToTop{
    background-color: #74150A;
}

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

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

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


.ram .point-of-sale, .ram bsk-cw-api-sliders .range-slider .noUi-handle{
    background-color: #880d00;
}




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

.ram bsk-tabs .nav-pills .nav-link.active{
    border-bottom: 2px solid #880d00 !important;
}


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

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

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