/*****************************************************
 COLLECTION PAGE (PLP): LEFT NAVIGATION
 Updated: 9/14/2019
******************************************************/
[data-left-navigation="true"] .collection-container-fluid,
[data-left-navigation="true"] .collection-product-grid > .container-fluid,
[data-left-navigation="true"] .breadcrumb-outer > .container-fluid {
    /*max-width:100%;*/
    max-width: 1200px;
}

[data-left-navigation="true"] #collection-container > .container-fluid {
    padding: 0;
}

[data-left-navigation="true"] .collection-product-grid .collection {
    margin-top: 0rem;
}

[data-left-navigation="true"] .legacy-filter-bar,
[data-left-navigation]:not([data-left-navigation="true"]) .legacy-filter-bar .breadcrumb-outer,
[data-left-navigation]:not([data-left-navigation="true"]) .collection-content-header-info,
[data-left-navigation]:not([data-left-navigation="true"]) .collection-left-column,
[data-left-navigation]:not([data-left-navigation="true"]) .collection-box .collection-filter-tags-control {
    display: none;
}

.collection-left-column,
.collection-left-column .left-navigation-wrap,
.sticky-leftNavigation .collection-left-column .collection-filter-toggle,
.collection-main-column,
[data-left-navigation]:not([data-left-navigation="true"])#collection-container .collection-container-fluid {
    width: 100%;
}

.collection-left-column .left-navigation-wrap {
    background-color: #fff;
}

.collection-filter-bar-control-wrapper, .collection-filter-toggle {
    height: 40px;
}

@media (min-width:992px) {
    .breadcrumb-outer.collection-total-outer .container-fluid {
        padding-left: 0;
    }

    .collection-left-column,
    .collection-left-column .left-navigation-wrap,
    .sticky-leftNavigation .collection-left-column .collection-filter-toggle,
    .collection-filter-toggle,
    #cat-popular-searches {
        width: 20rem !important;
    }


    .collection-main-column,
    .seo-content-slot {
        width: calc(100% - 20rem);
    }

    #collection-container:not(.sticky-scroll) .collection-filter-bar-control {
        position: absolute;
        z-index: 3;
    }

    #content-left-column-parent {
        margin-right: 2rem;
    }
}

.collection-content-header-info .collection-left-column,
#content-left-column-parent {
    /* height: 100%;*/
    min-height: 1px;
}

.collection-content-header-info .collection-left-column,
.collection-content-header-info .collection-main-column {
    float: left;
}

.collection-box {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    /* padding-left: 15px;*/
}

/*.sticky-leftNavigation .collection-left-column .collection-filter-toggle,
.sticky-leftNavigation .collection-left-column .left-navigation-wrap,*/
.sticky-leftNavigation .collection-left-column .nav-filter-wrapper {
    position: fixed;
    top: 0;
    z-index: 3;
}

/*.sticky-leftNavigation.sticky-scroll #content-left-column-parent{
    position: relative;
}*/

/*.sticky-leftNavigation.sticky-scroll .collection-left-column .collection-filter-toggle,
.sticky-leftNavigation.sticky-scroll .collection-left-column .left-navigation-wrap,*/
.sticky-leftNavigation.sticky-scroll .collection-left-column .nav-filter-wrapper {
    position: absolute;
}

.sticky-bottom #content-left-column-parent {
    position: relative;
}
/*.sticky-bottom .collection-left-column .collection-filter-toggle,
.sticky-bottom .collection-left-column .left-navigation-wrap,*/
.sticky-bottom .collection-left-column .nav-filter-wrapper {
    top: auto !important;
    bottom: 0;
    position: absolute !important;
    margin-bottom: 5rem;
}


/*.sticky-leftNavigation.sticky-scroll .collection-left-column .left-navigation-wrap{
    top:auto !important;
    bottom: 0;
}*/
.collection-content-header-info.row {
    margin: 0;
}

.collection-left-navigation .categories.selected,
.collection-left-navigation .sortBy-link.active,
.collection-left-navigation .sortBy-link.selected {
    font-weight: bold;
    border-bottom: solid thin #000;
    width: auto;
    padding-bottom: 2px;
    line-height: 2;
}

/* Filter Tags*/
.collection-filter-tags-control .filter-tags-wrap {
    margin-top: 0;
}

body:not(.is-curated-page) .collection-filter-mobile-control .filter-category,
.collection-filter-mobile-control .filter-refine {
    width: 49% !important;
    height: 50px;
}

body:not(.is-curated-page) .collection-filter-mobile-control .filter-category {
    margin-right: 1%;
    float: left;
}

.collection-filter-mobile-control .filter-refine {
    float: left !important;
    margin-right: 0;
    margin-left: 1%;
}

@media (max-width:991px) {
    .filter-tags-wrap .filter-clear {
        background-color: transparent;
        text-decoration: underline;
        text-transform: capitalize;
        font-size: 1.3rem;
    }

    .breadcrumb-outer.collection-total-outer .col-xs-12,
    .collection-filter-tags-control .col-xs-12 {
        padding-right: 0;
        padding-left: 0;
    }
}


/* Hide / Show Filters / Support */
.collection-filter-tags-control {
    padding-left: 0;
    -webkit-transition: padding 0.3s ease-out;
    -o-transition: padding 0.3s ease-out;
    transition: padding 0.3s ease-out;
}

.hide-filters .collection-filter-tags-control {
    padding-left: 217px;
}

.hide-filters .collection-left-column .left-navigation-wrap {
    display: none;
}

.hide-filters .collection-main-column {
    width: 100%;
}

/*.hide-filters .collection-filter-bar-control{
    height: 50px;
    width: 0 !important;
}
.hide-filters .collection-filter-toggle{
    position: absolute;
    z-index: 5;
}*/
.hide-filters #content-left-column-parent,
.hide-filters .left-navigation-wrap {
    width: 0 !important;
    margin-right: 0;
}

.hide-filters .collection-product-grid {
    padding-top: 6rem;
}

.hide-filters .filters-applied .collection-product-grid {
    padding-top: 1rem;
}
/*.hide-filters  .collection-filter-toggle{
    width: 20rem !important;
}
.collection-filter-toggle{
    overflow: hidden;
    -webkit-transition: width 0.1s ease-out;
    -o-transition: width 0.1s ease-out;
    transition: width 0.1s ease-out;
}*/

/*[data-left-navigation="true"] .collection-product-grid>.container-fluid{
    padding-right: 0px;
    padding-left: 0px;
}*/
@media (min-width: 992px) {
    .hide-filters [data-left-navigation="true"] .collection-product-grid > .container-fluid {
        padding-left: 0px;
    }
}

#content-left-column-parent,
.collection-left-column .left-navigation-wrap,
.collection-main-column {
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#content-left-column-parent,
.collection-left-column .left-navigation-wrap {
    overflow: hidden;
}

.collection-left-column .left-navigation-wrap {
    overflow-y: auto;
    padding-bottom: 1rem;
}

.sticky-leftNavigation .collection-left-column .left-navigation-wrap {
    padding-bottom: 5rem;
}


/* Collection: Flex Grid */
.is-category-page .collection-grid .product-grid,
.is-category-page .collection-container,
.is-curated-page .product-grid.row {
    display: flex;
    flex-wrap: wrap;
}

.is-category-page #collection-container::before {
    content: none;
    display: none;
}

.is-category-page #collection-container .product-block,
.is-category-page #collection-container [data-group-promo-type='Curated'] {
    float: none;
    clear: none !important;
    vertical-align: top;
    margin-right: -1px;
}

.collection-content {
    margin-bottom: 2rem;
}

@media (max-width: 991px) {
    [data-group-promo-type="Collection"] {
        overflow: visible;
    }
}

/* Accordions / Buttons UI */
button.collection-filter-toggle,
.collection-left-navigation .accordion .card-header,
.collection-filter-mobile-control .selectpicker,
.collection-filter-mobile-control .filter-refine {
    background-color: #fff;
    width: 100%;
    border: none;
    text-align: left;
    font-size: 1.2rem;
    font-weight: 500;
    height: auto;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .5px;
    color: #131313;
    text-transform: uppercase;
    padding: 1.5rem 1rem;
}

button.collection-filter-toggle {
    padding: 1rem 1rem;
}

button.collection-filter-toggle, .filter-tools-mobile-head,
.collection-filter-mobile-control .filter-category-select .dropdown-toggle,
.collection-filter-mobile-control .selectpicker,
.collection-filter-mobile-control .bootstrap-select:not(.open) .selectpicker span:not(.caret),
.collection-filter-mobile-control .filter-refine,
.collection-filter-mobile-control .filter-refine:hover {
    font-size: 1.4rem !important;
    font-weight: bold !important;
    color: #ffffff;
    background: #131313;
    text-align: center !important;
}

button.collection-filter-toggle, .filter-tools-mobile-head {
    text-align: left !important;
}

.collection-filter-mobile-control .filter-wrap .bootstrap-select.btn-group .dropdown-toggle {
    line-height: 1.3 !important;
}

.collection-filter-mobile-control .selectpicker,
.collection-filter-mobile-control .filter-refine,
.collection-filter-mobile-control .filter-refine:hover {
    padding: 1.25rem 1rem;
}

@media (max-width: 400px) {
    .collection-filter-mobile-control .filter-refine-label-suffix {
        display: none;
    }
    /*.collection-filter-mobile-control .filter-category-select .dropdown-toggle .filter-option,
    .collection-filter-mobile-control .filter-refine, .filter-refine:hover{
        font-size: 1.1rem !important;
    }*/
}

@media (max-width: 500px) {
    button.collection-filter-toggle, .filter-tools-mobile-head,
    .collection-filter-mobile-control .filter-category-select .dropdown-toggle,
    .collection-filter-mobile-control .selectpicker,
    .collection-filter-mobile-control .bootstrap-select:not(.open) .selectpicker span:not(.caret),
    .collection-filter-mobile-control .filter-refine,
    .collection-filter-mobile-control .filter-refine:hover {
        font-size: 1.1rem !important;
    }

    .bootstrap-select .btn .caret {
        margin-top: -0.5rem;
    }

    .collection-filter-mobile-control .filter-refine-label-suffix {
        display: none;
    }
}

.filter-tools-mobile-head .icon-close {
    fill: #ffffff;
}

button.collection-filter-toggle:before,
.filter-tools-mobile-head:before,
.collection-filter-mobile-control .filter-refine .filter-refine-label:after {
    display: inline-block;
    content: url(/web_assets/svg/filter-icon.svg);
    width: 21px;
    height: 15px;
    position: relative;
    float: left;
    margin: -4px 0.5rem 0 0;
}


.collection-filter-mobile-control .filter-refine .filter-refine-label {
    display: block;
    width: auto;
    margin: 0 auto;
    max-width: 175px;
}

.collection-filter-mobile-control .filter-refine .filter-refine-label:after {
    float: right;
}

.collection-filter-mobile-control .filter-category .bootstrap-select .btn .caret {
    background-image: url(/web_assets/svg/down-arrow.svg?ver=1);
    background-size: 100%;
    width: 40px;
    opacity: 1;
    height: 10px;
}

button.collection-filter-toggle:after {
    display: inline-block;
    width: 30px;
    height: 20px;
    content: '';
    background: url(/web_assets/svg/down-arrow.svg?ver=1) 100% 50% no-repeat;
    background-size: 40px;
    zoom: 1;
    float: right;
    position: relative;
}

.hide-filters button.collection-filter-toggle:after {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    right: 10px;
}

.collection-left-navigation .accordion .card {
    border-bottom: solid 1px #ddd;
}

.collection-left-navigation .accordion .card-content {
    padding: 2rem;
}

.collection-left-navigation .accordion .card-content[aria-expanded="true"] {
    border-top: solid 1px #ddd;
}

.collection-left-navigation .filter-list-wrap {
    float: none;
}

.collection-left-navigation .filter-tags-wrap {
    margin-top: 0;
}

.collection-left-navigation .sub-category-label {
    font-weight: 700;
    text-transform: uppercase;
}

.collection-left-navigation ul {
    padding: 0;
}

.collection-left-navigation li {
    list-style: none;
    padding: 1rem 0;
}

.collection-left-navigation li a {
    text-decoration: none;
}

.collection-left-navigation .sub-category-label,
.collection-left-navigation li a {
    font-size: 1.2rem;
}

.left-nav-toggle:after,
.left-nav-toggle.collapsed:after {
    display: inline-block;
    width: 30px;
    height: 15px;
    content: '';
    background: url(/web_assets/svg/down-arrow-black.svg) 100% 50% no-repeat;
    background-size: 35px;
    zoom: 1;
    float: right;
    position: relative;
}

.left-nav-toggle[aria-expanded="true"]:after {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    right: 5px;
}

@media (max-width:991px) {
    .filter-refine-sort {
        margin: 0;
    }

    .bootstrap-select.btn-group .btn .caret {
        top: 46%;
        right: 0px;
    }

    .collection-filter-mobile-control .filter-category .bootstrap-select .btn .caret {
        width: 30px !important;
    }
}
/* Nested Accordion */
.collection-left-navigation .nested-accordion .card-content:last-child .card:last-child {
    border-bottom: 0;
}

.collection-left-navigation .nested-accordion .card-content {
    padding: 0;
}

.collection-left-navigation .nested-accordion .card-content .left-nav-menu-bar {
    padding-left: 2rem;
}

.collection-left-navigation .nested-accordion .filter-wrapper .card-content .filter-wrapper {
    padding: 2rem 1rem;
    margin: 0;
}

.collection-left-navigation .nested-accordion .filter-wrapper .card-content .filter-wrapper .filter-column {
    width: 90%;
}

/* Custom Scroll Bars */
.collection-left-column .left-navigation-wrap::-webkit-scrollbar {
    width: 8px;
}

.collection-left-column .left-navigation-wrap::-webkit-scrollbar-track {
    background-color: rgba(238, 238, 238, 0.35098039215686275);
}

.collection-left-column .left-navigation-wrap::-webkit-scrollbar-thumb {
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 6px rgba(153, 153, 153, 0.3588235294117647);
    background-color: rgba(204, 204, 204, 0.3215686274509804);
}

.collection-left-navigation .nested-accordion a.selector-toggle {
    text-decoration: none;
}

/* Mobile Support */
@media (max-width:991px) {
    .collection-content-header-info > .container-fluid {
        padding-right: 0px;
        padding-left: 0px;
    }

    .collection-left-navigation .nested-accordion .filter-wrapper .card-content .filter-wrapper {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .collection-left-navigation .nested-accordion a.selector-toggle {
        margin: .5rem 1rem;
    }

    #content-left-column-parent {
        width: 0;
    }

    .left-navigation-wrap.filter-list-wrap {
        display: none;
    }

    .left-navigation-wrap.filter-list-wrap.open {
        display: block;
        top: 0 !important;
        height: auto !important;
    }
}

@media (min-width:455px) and (max-width:991px) {
    .collection-left-navigation .nested-accordion a.selector-toggle {
        width: 45%;
        margin: .5rem 1rem;
        float: left;
        clear: left;
        overflow: hidden;
    }

    .collection-left-navigation .nested-accordion a.selector-toggle:nth-child(even) {
        float: right;
        clear: right;
    }
}

/* COLLECTION: PAGINATION SUPPORT */
.collection-pagination {
    text-align: center;
    width: 100%;
}


/******************************
* PAGINATION
*******************************/
.hidden {
    visibility: hidden;
}

.pagination_link.ellipses {
    pointer-events: none;
}

.pagination-control, .pagination-list {
    display: inline-block;
    vertical-align: top;
}

.pagination-control {
    width: 20px;
    height: 12px;
}

.pagination-control:before {
    display: block;
    width: 100%;
    height: auto;
}

.pagination-list {
    max-width: 80%;
}

a.prev-page.pagination-control:before {
    content: url(/web_assets/svg/arrow-pointer-left.svg?ver=1);
}

a.next-page.pagination-control:before {
    content: url(/web_assets/svg/arrow-pointer-right.svg?ver=1);
}

.page_number, .page_number:hover {
    display: inline-block;
    width: 38px;
    padding: 1rem 0;
    margin: 0px 0rem;
    text-shadow: 0 9px 12px rgba(35, 35, 35, 0.1);
    font-size: 13px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    text-decoration: none;
    color: #111;
}

@media (min-width:600px) {
    .page_number, .page_number:hover {
        margin: 0 1rem;
    }
}

.page_number.selected {
    color: #fff;
    background-color: #343434;
    text-decoration: none;
}
/* Curated Collection - Left Navigation */
.is-curated-page [data-left-navigation="true"] .accordion .card,
.is-curated-page [data-left-navigation="true"] .collection-left-navigation .accordion .card-content[aria-expanded="true"] {
    border: none;
}

.is-curated-page [data-left-navigation="true"] .breadcrumb-outer {
    display: none;
}

/* SEO CONTENT */
#seo-category-bottom {
    margin-top: 5rem;
    position: relative;
    padding: 0 2rem;
    overflow: auto;
    /*padding: 5rem 0;
    border-top: 4px solid #ECECEC;*/
}
/*.cat-popular-search-title{
    line-height: 1.1;
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
}*/
.cat-popular-search-links ul {
    list-style: none;
    margin: 0 0 4.0rem 0;
    padding: 0;
}

.cat-popular-search-links li {
    margin-bottom: 1.2rem;
    text-transform: uppercase;
}

.cat-popular-search-links a {
    color: #5a5858;
    text-decoration: none;
}

@media (min-width:768px) {
    #seo-category-bottom {
        padding: 0rem;
    }

    .cat-popular-search-slot, .seo-content-slot {
        float: left;
    }

    .seo-content-slot {
        padding: 0 2rem;
    }
}

@media screen and (max-width:991px) {
    .filter-bar-top.legacy-filter-bar {
        margin-left: -15px;
        margin-right: -15px;
    }

    .content.filter-tags-wrap {
        margin: 1rem 0 0;
    }
    /* Remove Count wrapping */
    .breadcrumb-outer.collection-total-outer .row > .col-sm-8.col-xs-12 {
        width: 75%;
    }

    .breadcrumb-outer.collection-total-outer .row > .col-sm-4.col-xs-12 {
        width: 25%;
    }
}

/* Temp - remove after 11/21 */
@media screen and (max-width:767px) {
    .product-count {
        padding-top: 1.2rem;
        text-align: right;
    }
}
/* Remove initial page load hide for curated grid */
[data-group-promo-width="0"] {
    display: none !important;
}

.is-curated-page #content-body-parent .collection:first-child {
    opacity: 1 !important;
}

.filter-category .form-control.selectpicker {
    display: none !important;
}


/* Suppress Left Navigation for Curated Grids */
.is-curated-page #content-left-column-parent {
    display: none !important;
}

.is-curated-page .collection-main-column {
    width: 100%;
}

/* DFD-21066: Left NAvigation - Custom Updates*/
/* Un-nest Filter By Options*/
.unnest-filters#accordion-left-nav-filterBy button#heading-left-nav-filterBy {
    display: none;
}

.unnest-filters#accordion-left-nav-filterBy.nested-accordion .left-nav-menu-bar {
    padding-left: 1rem;
}