.page-container.page-wrapper section.nav .navBar.navBar--sub {
    margin-bottom: 1rem !important;
}

#faceted-search-container #facetedSearch .facetedSearch-refineFilters.sidebarBlock .sidebarBlock-heading {
    color: #55A4B6;
    font-family: "PT Sans", sans-serif;
}

#faceted-search-container #facetedSearch .accordion .accordion-block .accordion-navigation .accordion-navigation-actions svg.icon.accordion-indicator {
    background-color: #55A4B6;
    fill: #fff;
}

#faceted-search-container #facetedSearch #facetedSearch-navList #facetedSearch-content--price form fieldset.form-fieldset input[type="number"] {
    border: 1px solid #F7C44A;
}

#faceted-search-container #facetedSearch #facetedSearch-navList #facetedSearch-content--price form fieldset.form-fieldset button[type="submit"],
#faceted-search-container #facetedSearch #facetedSearch-navList #facetedSearch-content--price form fieldset.form-fieldset input[type="submit"] {
    background-color: #F7C44A;
    border-color: #F7C44A;
    color: #fff;
}


#faceted-search-container #facetedSearch #facetedSearch-navList #facetedSearch-content--price form fieldset.form-fieldset button[type="submit"]:hover,
#faceted-search-container #facetedSearch #facetedSearch-navList #facetedSearch-content--price form fieldset.form-fieldset input[type="submit"]:hover {
    background-color: #f5b419;
    border-color: #f5b419;
}

#vue-search-results {
    display: flex;
    flex-direction: column-reverse;
}

#vue-search-results #search-suggestions-container .panel-body {
    background-color: transparent;
    font-family: "PT Sans", sans-serif;
    padding: 0;
}

#vue-search-results #search-suggestions-container .panel-body .search-suggestion .suggestion-title {
    margin-bottom: 1.5rem;
}

#vue-search-results #search-suggestions-container .panel-body .search-suggestion .suggestion-title,
#vue-search-results #search-suggestions-container .panel-body .search-suggestion  .category-card .category-card-header {
    color: #55A4B6;
}

#vue-search-results #search-suggestions-container .panel-body .search-suggestion .category-card {
    box-shadow: 0 0 9px rgba(0,0,0,0.1);
    border-radius: 5px;
    background-color: #fff;
    margin-bottom: 1.5rem;
    padding: 1rem;
    transform: translateY(0px);
    transition: transform .2s ease-in-out, box-shadow .2s ease-in-out;
}

#vue-search-results #search-suggestions-container .panel-body .search-suggestion .category-card:hover {
    box-shadow: 0 8px 10px 1px rgba(0,0,0,.12),
        0 3px 14px 2px rgba(0,0,0,.10),
        0 5px 5px -3px rgba(0,0,0,.12);
    transform: translateY(-2px);
    transition: transform .2s ease-in-out, box-shadow .2s ease-in-out;
}

.pagination-item.pagination-item--next .pagination-link i.icon,
.pagination-item.pagination-item--previous .pagination-link i.icon {
    display: none;
}

@media only screen and (min-width: 768px){
    
}

@media only screen and (min-width: 801px){
    #search-suggestions-container,
    .page-sidebar + .page-content {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
    }

    #product-listing-container {
        width: 100% !important;
    }

    .page-sidebar {
        width: 100% !important;
        padding: .75rem;
    }

    .page-sidebar nav {
        box-shadow: 0 0 9px rgba(0,0,0,0.1);
    }
}

/* DESKTOP */
@media only screen and (min-width: 1024px){
    .body .page-container.page-wrapper {
        max-width: 1140px;
        margin: 0 auto;
        width: 100%;
    }

    #vue-search-results {
        flex-direction: row;
    }

    #faceted-search-container {
        max-width: 255px;
        margin-right: 2rem;
    }
}

@media only screen and (min-width: 1200px){

}