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

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


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

.kgm .point-of-sale{
    background-color: #000;
}

.kgm .point-of-sale .col-lg-4 div {
    background-color: #ccc;
    color: #000;
}

.kgm .point-of-sale .col-lg-4 div img {
  filter: brightness(0) saturate(100%);
}

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


.kgm .btn-outline-primary{
    border-color: #222;
    color: #222;
}

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

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

.kgm .btn-secondary:hover , .kgm .umb-grid ._vm_btn--secondary:hover  {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.kgm .umb-grid .tl-grid-call-to-action-box{
background-color: #000 !important;
color: #fff !important;
}

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

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

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

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


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




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

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


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

.kgm .text-secondary{
    color: #222 !important;
}

.kgm .bg-secondary{
    background-color: #222 !important;
}