#mobileAccordionNav .btn-link, #mobileAccordionFooter .btn-link {

  color: white !important;

}

#mobileAccordionNav .btn-link.float-right, #mobileAccordionFooter .btn-link.float-right {

  line-height: 2.4em;

}

#mobileAccordionNav .collapse:not(.show) .card-body, #mobileAccordionFooter .collapse:not(.show) .card-body {

  border-bottom: 1px solid white;

}

#mobileAccordionNav .flex-column, #mobileAccordionFooter .flex-column {

  padding-left: 30px;

}

#mobileAccordionNav .card, #mobileAccordionFooter .card {

  border-bottom: 1px solid white;

}

#mobileAccordionNav #myModal .nav-link:hover, #mobileAccordionFooter #myModal .nav-link:hover {

  text-decoration: none !important;

}

#mobileAccordionNav .btn-link[aria-expanded=true] i::before, #mobileAccordionFooter .btn-link[aria-expanded=true] i::before {

  content: "";

}



nav {

  box-shadow: 0 0px 2px 0px #383838;

}

nav .current-top-level {

  font-weight: bold;

}

nav .subscribe {

  margin-left: 20px;
	margin-top: 0.5rem !important;

}

nav .show-sticky-only {

  display: none;

}

nav .logo {

  height: 40px;

  width: auto;

  padding: 5px 0;

  vertical-align: middle;

}

nav.is-sticky .show-sticky-only {

  display: block;

}

nav.is-sticky .menu-text {

  display: none;

}



.navbar .dropdown-menu {

  border: none;

  background-color: #FFFFFF;

}


#cart-search {
	flex: 0 0 16%;
    max-width: 16%;
    width: fit-content;
    margin-top: 0 !important;
    display: flex;
    padding-top: .5em !important;
    align-items: end;
	
}
.cart-contents {
    position: relative;
    justify-content: center;
    background: url(https://www.hermoney.com/wp-content/themes/HerMoney/media/images/icon-bag.png) no-repeat;
    display: inline-block;
    height: 40px;
    padding-left: 26px;
    padding-top: .25em;
    font-size: 14px;
}
a.shop-header-link {
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
}
span.header-bag-text {
    display: inline-block;
    color: #000;
    text-transform: uppercase;
}
a#top-search {
    display: inline-block;
    float: right;
    margin-left: 5px;
    padding-top: .1em;
}
.subscribe-sticky{
    margin-top: -0.8em !important;
}
.navbar .nav-item .main-nav {
    padding: 1.2rem 1rem 1rem;
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
}
#navbarSupportedContent .p-0.float-left.zindex-10.nav-btn.mt-2 {
    margin-top: -0.3em !important;
}
/* a.float-right.subscribe.nav-btn.show-sticky-only.mt-1 {
    margin-top: -0.8em !important;
} */

@media only screen and (max-width: 767px){
  span.header-bag-text, a.shop-header-link {
      display: none;
  }
}

/* breakpoint and up - mega dropdown styles */

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

  nav {

    height: 50px;

  }

  nav > .container, nav > .container-fluid {

    padding: 0 !important;

  }

  nav #menu {

    max-width: none;

  }

  nav #menu > div {

    margin: 0;

  }

  nav .w-100 {

    width: 100vw;

    max-width: none;

  }

  nav .w-100 > .container {

    padding: 0 !important;

  }



  .nav-buttons {

    position: absolute;

    top: 0.25em;

    left: 0;

    width: 100%;

    z-index: 2;

    pointer-events: none;

  }

  .nav-buttons .nav-btn {

    pointer-events: auto;

  }



  /* remove the padding from the navbar so the dropdown hover state is not broken */

  .navbar {

    padding-top: 0px;

    padding-bottom: 0px;

    padding-left: 0;

    padding-right: 0;

  }



  /* remove the padding from the nav-item and add some margin to give some breathing room on hovers */

  .navbar .nav-item .main-nav {

    padding: 1rem 1rem;

    font-size: 14px;

    text-transform: uppercase;

    color: #000;

  }

  .navbar .nav-item .main-nav:hover {

    color: #CC1641;

  }



  .navbar .nav-item {

    font-size: 14px;

    color: #000;

  }



  .nav-link {

    padding: 0.25rem 0.25rem;

  }

  .nav-link:hover {

    color: #CC1641;

  }



  /* makes the dropdown full width  */

  .navbar .dropdown {

    position: static;

  }



  .navbar .dropdown-menu {

    top: 47px;

    left: 0;

    right: 0;

    border-left: none !important;

    border-right: none !important;

  }

  .navbar .dropdown-menu .row {

    margin: 0;

  }

  /* shows the dropdown menu on hover */

  .navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {

    display: block !important;

  }



  .navbar .dropdown-menu {

    border: 1px solid rgba(0, 0, 0, 0.3);

    background-color: #ffffff;

  }



  .overlay-text {

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));

    margin-top: -33%;

  }



  .caption {

    position: absolute;

    /*top: 50%;*/

    bottom: 0;

    width: 100%;

    padding: 30px 5px 10px 5px;

    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9));

  }

}

@media only screen and (max-width: 700px) {
	a#top-search{
		    margin-left: -2px;
	}
}

