﻿a {
    transition: .2s color
}

    a:hover {
        color: var(--color-primary-900);
        cursor: pointer
    }

body {
    margin: 0 0 0 0;
}

header {
    top: 0;
    margin: 0;
    padding-top: 0;
    width: 100%;
}

.pace {
    position: absolute;
    top: 0;
}

    .pace .pace-progress {
        background: var(--color-primary-100) !important;
    }

a {
    transition: .2s color;
}

    a:hover {
        color: var(--color-primary-900);
        cursor: pointer;
    }

#desk_header {
    background: var(--color-primary-800);
}

#fa-cdr {
    color: var(--color-text-primary);
    font-size: large;
}

    #fa-cdr::before {
        content: "\f138";
    }

.sp-sidebar-box ul.sp-nav ul {
    height: auto;
    overflow: hidden;
    padding-left: 20px;
    list-style: none
}

.sp-sidebar-box ul.sp-nav li {
    position: relative
}

    .sp-sidebar-box ul.sp-nav li a {
        padding: 6px 5px;
        position: relative
    }

        .sp-sidebar-box ul.sp-nav li a.current {
            background: transparent
        }

        .sp-sidebar-box ul.sp-nav li a:hover {
            background: transparent
        }

.sp-sidebar-box ul.sp-nav ul li a {
    padding: 6px 5px
}

.sp-sidebar-box ul ul.active {
    height: 100%;
    padding-left: 20px
}

.sp-sidebar-box ul li span.list_expand {
    position: relative;
    float: left;
    left: -5px;
    top: 1em;
    cursor: pointer;
    letter-spacing: -1px;
    font-size: 12px;
    color: var(--color-text-primary);
}

    .sp-sidebar-box ul li span.list_expand:hover {
        color: var(--color-primary-800);
    }

#kb_cat_list ul.hidden {
    height: auto;
    display: none;
}

.sp-sidebar-box ul li span.list_expand.has_kids:before {
    content: '\f067';
}

.sp-sidebar-box ul li span.list_expand.has_kids.active:before {
    content: '\f068';
}

.sp-sidebar-box ul.ad_nav a {
    color: var(--color-text-primary);
    transition: color .3s;
}

    .sp-sidebar-box ul.ad_nav a:hover {
        color: var(--color-primary-800);
    }

.dealer-table img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
    max-height: 200px;
}

.dealer-table td {
    width: 50%;
    padding: 10px 0;
    border: 1px solid var(--color-background-secondary);
}

.dealer-table th {
    text-align: center;
    font-size: large;
    padding: 20px 0;
    border-bottom: 2px solid var(--color-primary-800);
}

header.sp-bg-primary {
    background-color: var(--color-primary-800);
}

header a {
    color: var(--color-background-primary);
}

    header a:hover {
        color: var(--color-text-primary);
    }
.sp-search {
    padding: 0 10px;
}
.sp-search .sp-flex-none {
    display: inline-block;
}

.sp-dropdown-container .sp-dropdown ul li a, .sp-dropdown-container .sp-dropdown ul li.sp-dropdown-item {
    color: var(--color-primary-800);
}

.sp-dropdown-container .sp-dropdown > div, .sp-dropdown-container .sp-dropdown > ul {
    max-height: unset;
}

@media only screen and (max-width:479px) {
    .small-hidden {
        display: none;
    }

    header .sp-container {
        max-width: unset;
        margin: 0;
    }

}
