/*******************************************************************
## Navigation
********************************************************************/

/**** LEFT NAV BAR SED-610 (start)*****/


.navigationbarcollectioncomponent{
    padding-top: 35px;
    text-transform: uppercase;
}

 .navigationbarcollectioncomponentUL{
	margin-bottom: 100px;
} 

.navigationbarcollectioncomponent .navigationbarcollectioncomponentUL .navChildren .sectionLink,
.navigationbarcollectioncomponent .navigationbarcollectioncomponentUL .navChildren .link,
.navigationbarcollectioncomponent .navigationbarcollectioncomponentUL .nodeLink{
	text-indent:52px;
	display:block;
	font-family:MuseoSans;
	font-weight:700;
	font-size:13px;
	border-left: 6px solid transparent;
	color: #333333;
}

.navigationbarcollectioncomponent .navigationbarcollectioncomponentUL .navChildren .sectionLink,
.navigationbarcollectioncomponent .navigationbarcollectioncomponentUL .nodeLink{
	padding: 15px 0;
	cursor: pointer;
	
}

.navigationbarcollectioncomponent .navigationbarcollectioncomponentUL .navChildren .sectionLink:hover,
.navigationbarcollectioncomponent .navigationbarcollectioncomponentUL .navChildren .link:hover,
.navigationbarcollectioncomponent .navigationbarcollectioncomponentUL .nodeLink:hover{
	color:#bd0909;
	border-left-color:#bd0909;
}

.navigationbarcollectioncomponent .navigationbarcollectioncomponentUL .navChildren .sectionLinkContainer{
	background-color: #f5f5f5;
   padding: 1px 0;
}


.navigationbarcollectioncomponent .navigationbarcollectioncomponentUL .navChildren .sectionLinkContainer .link{
	text-indent: 70px;
	padding: 15px 0;
}


.navigationbarcollectioncomponent .rootNavigationBar{

    border-left: 6px solid transparent;
    color: #333333;
    display: block;
    font-family: MuseoSans;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 15px;
    text-indent: 28px;
}

.navigationbarcollectioncomponent .navigationbarcollectioncomponentUL .sectionLink:before{
    color: #c4050d;
    content: "\a006"; /* ico-arrow_round_down */
    float: right;
    font-size: 13px;
    margin-right: 10%;
}

.navigationbarcollectioncomponent .navigationbarcollectioncomponentUL .sectionLink:not(.closed):before{
    content: "\a009"; /* ico-arrow_round_up */
}

.navigationbarcollectioncomponent .navigationbarcollectioncomponentUL .sectionLink.closed ~ .sectionLinkContainer{
	display:none;
}



/**** LEFT NAV BAR SED-610 (END)*****/

/****DEFAULT LEFT NAVIGATION BAR COMPONENT *****/
.navigationbarcollectioncomponent .navigationbarcollectioncomponentUL li{
	height:50px;line-height:50px;
}

.navigationbarcollectioncomponent .navigationbarcollectioncomponentUL li.parent{
	height:55px;line-height:55px;
}

.navigationbarcollectioncomponent .navigationbarcollectioncomponentUL li a{
	display:block;
	font-family:MuseoSans;
	font-weight:700;
	font-size:13px;
	color:#333333;
	border-left:6px solid transparent;
}

.navigationbarcollectioncomponent .navigationbarcollectioncomponentUL li a:hover{
	color:#bd0909;
	border-left-color:#bd0909;
}

.navigationbarcollectioncomponent .navigationbarcollectioncomponentUL li.parent > a{
	font-size:18px;
	text-indent:34px;
}

.navigationbarcollectioncomponent .navigationbarcollectioncomponentUL li.parent .navChildren li a{
	text-indent:53px;
}



/*SIDE CATEGORY TREE 2.0*/
.facet-category__item__link,
.facet-category__item__link:hover {
  display: flex;
  align-items: center;
  color: #333;
  text-transform: uppercase;
  padding-right: 5px;
  letter-spacing: .05em;
}

.facet-category__item__link:hover {
  text-decoration: underline;
}

.facet-category__item__link.is-selected {
  font-weight: 700;
}

@media(min-width:1280px) {
  .facet-category__wrapper {
    padding: 0 0 10px 10px;
  }

  .facet-category__wrapper[data-level='1']{
    position: relative;
    background-color: #f8f8f8;
    overflow: hidden;
    margin-bottom: 20px;
  }

  .facet-category__wrapper[data-level='1']{
    padding-bottom: 0;
  }

  .facet-category__wrapper[data-level='2']{
    padding-top: 10px;
  }

  .facet-category__wrapper[data-level='3']{
    padding-left: 20px;
  }

  .facet-category__item__link[data-level='1'] {
    position: relative;
    display: flex;
    align-items: center;
    padding: 20px 10px;
    border-bottom: 1px solid #ccc;
    text-transform: uppercase;
    background-color: #fff;
    transform: translateX(-10px);
    width: calc(100% + 10px);
  }

  .facet-category__item__link[data-level='1'] i,
  .facet-category__item__link[data-level='1'] img {
    font-size: 20px;
    margin:0 10px;
    max-width: 20px;
  }

  .facet-category__item__link[data-level='1']:hover {
    text-decoration: none;
  }

  .facet-category__item__link[data-level='1']::before {
    content: '';
    width: 5px;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    transform: translateX(-5px);
    background-color: #c4050d;
    transition: transform .3s ease-in;
  }
  
  .facet-category__item__link[data-level='1']:hover::before,
  .facet-category__item__link[data-level='1'].is-selected::before {
    transform: translateX(0);
  }

  .facet-category__item__link[data-level='2'] {
    padding-bottom: 5px;
  }

  .facet-category__item__link[data-level='3'] {
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: initial;
  }

  .facet-category__item__link:not([data-level='1']).is-selected::before {
    content: '';
    position: absolute;
    border-left: 5px solid #c4050d;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    display: block;
    left:0;
  }

}

/* NEW FLYOUT CATEGORIES */


.flyout-categories__desktop-cta a {
  float: left;
  display: flex;
  align-items: center;
  width: 250px;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  height: 84px;
  padding: 0 10px 0 50px;
  text-transform: uppercase;
  font-size: 14px;
  position: relative;
  color: #333;
}

.flyout-categories__desktop-cta a:hover {
  color: #333;
}

.flyout-categories__desktop-cta a:before,
.flyout-categories__desktop-cta a:after {
  content: "\a021";
  font-family: sparicons;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  left: 20px;
  color: #333;
}

.flyout-categories__desktop-cta a:after {
  content: "\a010"; /*a013*/
  left: auto;
  right: 20px;
  color: #c90613;
  transition: all .3s ease-in;
  font-size: 16px;
}

.flyout-categories__desktop-cta a.open {
  background-color: #fff;
}

.flyout-categories__desktop-cta a.open:after {
  transform: translateY(-50%) rotateX(180deg);
}

.stickyheader .flyout-categories__desktop-cta a {
  width: 140px;
  color: transparent;
  font-size:0;
}

.stickyheader .flyout-categories__desktop-cta a:before {
  left: 45px;
  font-size: 22px;
}

.stickyheader .flyout-categories__desktop-cta a:after {
  right: 45px;
  font-size: 20px;
}

@media (min-width: 1280px) {
  .stickyheader .flyout-categories__desktop-cta a {
    width: 140px;
  }
}


.flyout-categories__wrapper .simplebar-track.vertical {
  visibility: hidden!important;
}

.flyout-categories__level .flyout-categories__item {
  position: relative;
  background-color: #fff;
}

.flyout-categories__item .flyout-categories__link {
  position: relative;
  display: flex;
  align-items: center;
  padding: 20px 5px;
  font-family: MuseoSans;
  font-size: 12px;
  text-transform: uppercase;
  color: #333;
  border: 1px solid #ccc;
  border-bottom: 0;
  letter-spacing: .05em;
}

.flyout-categories__item .flyout-categories__link[data-level="1"] {
  padding: 20px 10px;
}

.flyout-categories__item .flyout-categories__link:not([data-level="1"]):hover {
  color: #c90613;
}

.flyout-categories__item .flyout-categories__link i {
  font-size: 20px;
}

.flyout-categories__item .flyout-categories__link img {
  width: 25px;
}

.flyout-categories__item .flyout-categories__link[data-level="1"] i,
.flyout-categories__item .flyout-categories__link[data-level="1"] img {
  margin: 0 10px;
}

@media (max-width:991px){
  .no-scroll {
    margin: 0;
    height: 100%; 
    overflow: hidden;
  }

  .flyout-categories__wrapper {
    position: fixed;
    top: 61px;
    right: 0;
    bottom: 0;
    left: 0;
    background: #ffffff;
    z-index: 99999;
  }

  .flyout-categories__wrapper .flyout-categories__level {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #fff;
  }

  .flyout-categories__wrapper .flyout-categories__level[data-level="2"] {
    z-index: 99999;
  }

  .flyout-categories__wrapper .flyout-categories__level[data-level="3"] {
    z-index: 999999;
  }

  .flyout-categories__item .flyout-categories__link.is-first {
    border-top: 0;
  }
}

@media(min-width:992px) {

  #header .bottomHeader {
    position: relative;
  }

  .flyout-categories__wrapper {
    position: absolute;
    display: flex;
    max-height: calc(100vh - 206px);
    top: 84px;
    left: 0;
    z-index: 99999;
    border-bottom: 1px solid #ccc;
  }

  .stickyheader .flyout-categories__wrapper {
    max-height: calc(100vh - 83px);
    top: 83px;
  }

  .flyout-categories__wrapper .flyout-categories__level {
    max-height: calc(100vh - 84px);
    background-color: #fff;
    width: 250px;
  }

  .stickyheader .flyout-categories__wrapper .flyout-categories__level {
    max-height: calc(100vh - 83px);
  }

  .flyout-categories__wrapper .flyout-categories__level:not([data-level="1"]) {
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
  }

  .flyout-categories__item .flyout-categories__link[data-level="1"]::before {
    content: "";
    width: 5px;
    top: 0;
    bottom: 0;
    background-color: #c90613;
    position: absolute;
    transform: translateX(-16px);
    transition: all .2s ease-in;
  }
  
  .flyout-categories__item .flyout-categories__link[data-level="1"]:hover::before,
  .flyout-categories__item .flyout-categories__link[data-level="1"].open::before {
    transform: translateX(-11px);
  }

  .flyout-categories__item .flyout-categories__link[data-level="1"].open {
    border-right: 0;
  }

  .flyout-categories__item .flyout-categories__link:not([data-level="1"]) {
    padding: 7px 10px;
    border: 0;
  }

  .flyout-categories__item .flyout-categories__link.open:not([data-level="1"]) {
    text-decoration: underline;
    color: #c90613;
  }
}