/*===================================================================================*/
/* Leadership Gotham override requests*/  
div[data-testid="button-dropdown-container"] ul li a {
  font-size: 0.8735rem;
}

div[data-testid="button-dropdown-container"] button {
  font-size: 0.9rem;
}

.KTB-catnav div div[data-testid="button-dropdown-container"] button {
  padding: 0 .625em;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .KTB-catnav div[data-testid="button-dropdown-container"] button {
    font-size: 1.5vw;
  }
}

/*===================================================================================*/

@media (min-width: 768px){
  .slick-dots { 
    display: none;
  }
  .only-women-on-mobile > div[data-testid="button-dropdown-container"],
  .four-ctas-on-mobile > div[data-testid="button-dropdown-container"] {
    position: absolute;
    display: none;
    width: 0;
  }
  .arrow-fix .slick-prev, .arrow-fix .slick-next {
    /*margin-bottom: 140px;*/
  }
}

@media (max-width: 767px){

  .slick-dots {
    position: relative !important; 
    bottom: 0 !important; 
    margin: 0 auto auto auto !important;
  } 
  .slick-dots li button:before {
    font-size: 10px !important
  }
  
  .swap-order-on-mobile {
    flex-direction: column-reverse !important;
  }
  .only-women-on-mobile, .four-ctas-on-mobile, .six-ctas-on-mobile {
    width: 90%;
    margin: 1rem auto;
  }
  .only-women-on-mobile > a {
    width: 100%;
    text-align: center;
    margin: 1rem auto;
    background: #fff;
    border: 2px solid #003764;
    color: #003764;
    border-radius: 8px;
    margin: 0px 0px 5px 0px;
    white-space: normal;
    line-height: 1;
    letter-spacing: 0.4px;
    padding: 1em 0;
    font-size: 0.9rem;
  }
  .four-ctas-on-mobile > a,
  .nine-ctas-on-mobile > a {
    text-align: center;
    margin: 1rem auto;
    width: 49%;
    flex: 0 0 49%;
    background: #fff;
    border: 2px solid #003764;
    color: #003764;
    border-radius: 8px;
    margin: 0px 0px 5px 0px;
    white-space: normal;
    line-height: 1;
    letter-spacing: 0.4px;
    padding: 1em 0;
    font-size: 0.9rem;
    height: 44px;
  }
  .six-ctas-on-mobile > a {
    text-align: center;
    margin: 1rem auto;
    width: 49%;
    flex: 0 0 49%;
    background: #fff;
    border: 2px solid #003764;
    color: #003764;
    border-radius: 8px;
    margin: 0px 0px 5px 0px;
    white-space: normal;
    line-height: 1;
    letter-spacing: 0.4px;
    padding: 1em 0;
    font-size: 0.9rem;
    height: 44px;
  }
  .four-ctas-on-mobile > a.women {
    content: "Women";
    white-space: break-spaces;
    padding: 0.5em;
  }
  .only-women-on-mobile > a {
    text-align: center;
    margin: 1rem auto;
    width: 49%;
    flex: 0 0 49%;
    background: #fff;
    border: 2px solid #003764;
    color: #003764;
    border-radius: 8px;
    margin: 0px 0px 5px 0px;
    white-space: normal;
    line-height: 1;
    letter-spacing: 0.4px;
    padding: 1em 0;
    font-size: 0.9rem;
  }
  .only-women-on-mobile > a.women {
    width: 98%;
    flex: 0 0 98%;
  }
  .only-women-on-mobile > a.men, 
  .only-women-on-mobile > a.girls, 
  .only-women-on-mobile > a.boys,
  .only-women-on-mobile > a.toddler-girls, 
  .only-women-on-mobile > a.toddler-boys,
  .only-women-on-mobile > a.baby-girls,
  .only-women-on-mobile > a.baby-boys,
  .only-women-on-mobile > a.maternity {
/*    display: none !important; */
    text-align: center;
    margin: 1rem auto;
    width: 49%;
    flex: 0 0 49%;
    background: #fff;
    border: 2px solid #003764;
    color: #003764;
    border-radius: 8px;
    margin: 0px 0px 5px 0px;
    white-space: normal;
    line-height: 1;
    letter-spacing: 0.4px;
    padding: 1em 0;
    font-size: 0.9rem;
  }

  .only-women-on-mobile > a.men, 
  .only-women-on-mobile > a.boys,
  .only-women-on-mobile > a.toddler-boys,
  .only-women-on-mobile > a.baby-boys,
  .four-ctas-on-mobile > a.women,
  .four-ctas-on-mobile > a.girls,
  .six-ctas-on-mobile > a.girls,
  .six-ctas-on-mobile > a.toddler-girls,
  .six-ctas-on-mobile > a.baby-girls {
    margin-right: 2px;
  }
  .only-women-on-mobile > a.girls,
  .only-women-on-mobile > a.toddler-girls,
  .only-women-on-mobile > a.baby-girls,
  .only-women-on-mobile > a.maternity,
  .four-ctas-on-mobile > a.men, 
  .four-ctas-on-mobile > a.boys,
  .six-ctas-on-mobile > a.boys,
  .six-ctas-on-mobile > a.toddler-boys,
  .six-ctas-on-mobile > a.baby-boys {
    margin-left: 2px;
  }
  .four-ctas-on-mobile > a.women-plus, 
  .four-ctas-on-mobile > a.toddler-girls, 
  .four-ctas-on-mobile > a.toddler-boys,
  .four-ctas-on-mobile > a.baby-girls,
  .four-ctas-on-mobile > a.baby-boys,
  .four-ctas-on-mobile > a.maternity {
    display: none !important; 
  }
  .four-ctas-on-mobile > div[data-testid="button-dropdown-container"] {
    position: relative;
    display: block;
    width: 98.75%;
    margin: 0 auto;
  }
  .four-ctas-on-mobile button {
    background-color: #fff;
    color: #003764;
    border: 2px solid #003764;
    border-radius: 8px;
  }
  .only-women-on-mobile.show-flyout button.show-for-four-cta-only,
  .four-ctas-on-mobile.show-flyout button.show-for-four-cta-only {
    /* display: block; */
    margin: 0 auto;
    line-height: 0.5;
    margin: 0 auto;
    text-align: center;
    letter-spacing: 0.4px;
    padding: 1rem 0;
    font-size: 0.9rem;
  }
  .nine-ctas-on-mobile > a:nth-child(even){
    margin-right: 1px;
  }
  .nine-ctas-on-mobile > a:nth-child(odd){
    margin-left: 1px;
  }
  .nine-ctas-on-mobile > a:nth-child(1){
    width: 98%;
    margin-left: 0;
    margin-right: 0;
  }
  button.show-for-four-cta-only {
    background-color: #fff;
    color: #003764;
    border: 2px solid #003764;
    border-radius: 8px;
    height: 44px;
    line-height: 0;
  }
  button.show-for-four-cta-only svg path {
    fill: #003764;
  }
}