.body_menu_float_adjustment {
  padding-top: 138px;
}

/* Temporary fix for screens less than 428px as an answer to header_bar being two lines */
@media (max-width: 427px) {
  .body_menu_float_adjustment {
    padding-top: 170px;
  }
}

.shop-crumbs {
  list-style: none;
  counter-reset: number;
  margin: 0 auto 40px;
  color: #7e7070;
  display: none;
}

.shop-crumbs>li::before {
  text-align: center;
  counter-increment: number;
  content: counter(number);
  display: inline-block;
  background: transparent;
  border: 1px solid #f3e2e2;
  border-radius: 50%;
  margin-right: 5px;
  width: 28px;
  height: 28px;
  line-height: 26px;
  font-size: 13px;
  color: #d74344;
}

.shop-crumbs>li+li::after {
  content: '';
  position: absolute;
  width: 5px;
  height: 10px;
  left: -19px;
  top: 10px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5px" height="10px"><path fill="rgb(218,218,218)" d="M0.871,0.011 C0.629,0.011 0.430,0.093 0.275,0.258 C-0.094,0.651 -0.094,1.053 0.275,1.466 L3.009,4.501 L0.275,7.536 C-0.094,7.948 -0.094,8.351 0.275,8.743 C0.430,8.908 0.629,8.991 0.871,8.991 C1.114,8.991 1.312,8.908 1.467,8.743 L4.725,5.119 C4.900,4.934 4.988,4.728 4.988,4.501 C4.988,4.274 4.900,4.067 4.725,3.881 L1.467,0.258 C1.312,0.093 1.114,0.011 0.871,0.011 Z"/></svg>');
}

.shop-crumbs>li.-active {
  color: #d74344;
}

.shop-crumbs>li.-active::before {
  background: #d74344;
  border-color: #d74344;
  color: #fff;
}

.shop-crumbs>li {
  font-size: 14px;
  position: relative;
  cursor: pointer;
}

.shop-crumbs>li:first-child {
  margin-left: auto;
}

.shop-crumbs>li:last-child {
  margin-right: auto;
}

.shop-crumbs>li+li {
  margin-left: 40px;
}

.shop-crumbs+.title--big {
  display: none;
}

#menu {
  width: 100%;
  height: 100px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  display: flex;
  align-items: center;

  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;

}

#logo_container {
  position: absolute;
  left: 50%;
  margin-left: -40px;
}

#logo {
  width: 80px;
}

#sub_and_log_in_link a {
  display: flex;
  align-items: center;
  padding: 0px 24px;
  height: 58px;
  background: #D74344;
  color: #FFFFFF;
  border-radius: 8px;
  text-decoration: none;
  margin: 8px auto;
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.05em;
  width: max-content;
}

#sub_and_log_in_link a:first-child {
  box-shadow: -2px 2px 10px rgba(215, 67, 68, 0.4);
}

#sub_and_log_in_link a:last-child {
  background: #FFFFFF;
  color: #D74344;
  border: 1px solid #D74344;
  margin: 13px auto 0;
}

#menu_float_container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #FFFFFF;
  z-index: 10;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
}

.menu_highlight_adjustments {
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .21);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .21);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .21);
}

.menu_float_container_mobile_shutoff {
  position: static !important;
}

.main_logo_height_adjustments {
  top: 14px !important;
}

.menu_link {
  display: block;
  margin-top: -1px;
  border-bottom: 1px solid #B01C1D;
  border-top: 1px solid #B01C1D;
  text-decoration: none;
  font-size: 24px;
  line-height: 50px;
  margin-left: 0px;
  color: #D74344;
  font-weight: 700;
}

.menu_link-border:hover {
  border-color: #d74344;
}

#shop_links {
  white-space: nowrap;
  justify-content: space-around;
  display: flex;
}

#shop_links b {
  color: #D74344;
}

#menu_bar_ico {
  position: absolute;
  top: 41px;
  left: 30px;
  cursor: pointer;
  display: inline-block;
  z-index: 8;
}

#menu_bar_ico>i {
  width: 21px;
  height: 3px;
  display: block;
  border-radius: 2px;
  background: #230c0c;
}

#menu_bar_ico>i+i {
  margin-top: 6px;
}

#menu_container {
  text-align: center;
  margin: auto;
}

#menu_container.-menu .shop-crumbs,
#menu_container:not(.-menu) #menu_links {
  display: none;
}

#menu_container:not(.-menu) .shop-crumbs {
  margin-top: 17px;
}

#mobile_hidden_menu_links {
  display: none;
  position: fixed;
  z-index: 12;
  top: 0;
  left: 0;
  padding: 50px 20px 40px;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  background: #ffffff;
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .21);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .21);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .21);
}

#mobile_hidden_menu_links nav {
  margin: 35px auto;
}

#mobile_hidden_menu_links .mobile-only {
  display: block;
}

#mobile_hidden_menu_links a.mobile-only img {
  width: 120px;
  height: 71px;
}

#mobile_hidden_menu_links>a {
  width: fit-content;
  margin: auto;
}

#menu_hidden_close {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  padding: 24px;
  cursor: pointer;
}

#menu_hidden_close::before,
#menu_hidden_close::after {
  content: '';
  width: 20px;
  height: 3px;
  position: absolute;
  left: 20%;
  background: #000000;
}

#menu_hidden_close::before {
  transform: rotate(-45deg);
}

#menu_hidden_close::after {
  transform: rotate(45deg);
}

#shop_links {
  white-space: initial;
  position: absolute;
  width: auto;
  float: none;
  right: 30px;
  top: 24px;
}

#shop_links> :last-child {
  display: flex
}

#shop_links> :first-child {
  display: none;
}

#shop_links> :last-child::before {
  content: none;
}

#promo-banner {
  background-color: #F4F6DF;
  display: none;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  padding: 8px;
  justify-content: center;
}

.promo-banner-text {
  color: #00A141;
  font-weight: 400;
  margin: 0 8px;
  font-size: 14px;
}

.promo-banner-text img {
  width: 12px;
  margin: -2px 2px;
}

.promo-btn {
  margin: 0;
  height: auto;
  font-size: 12px;
  font-weight: bold;
  line-height: normal;
  font-style: normal;
  color: white;
  background-color: #2A345B;
  border-radius: 8px;
  border: none;
  padding: 1rem 2rem;
  text-decoration: none;
  font-size: 1rem;
  cursor: pointer;
  text-align: center;
  transition: background 250ms ease-in-out, transform 150ms ease;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.promo-btn:hover,
.promo-btn:focus {
  background: #2A345B;
  color: #FFFFFF;
}

.tooltip {
  position: relative;
  display: inline-block;
  margin: 0 2px;
}

.tooltip .tooltip-content {
  visibility: hidden;
  background-color: #FFFFFF;
  color: #00A141;
  padding: 8px;
  text-align: left;
  font-size: 12px;
  line-height: 2.5rem;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  position: absolute;
  z-index: 502;
  width: 240px;
  top: 100%;
  left: 50%;
  margin-left: -220px;
  margin-top: 16px;
}

.tooltip:hover .tooltip-content {
  visibility: visible;
}

.tooltip-content::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  right: 0px;
  margin-top: 16px;
  margin-left: -16px;
  border-width: 16px;
  border-style: solid;
  border-color: transparent transparent white transparent;
}

/* Tablet adjustments */
@media (min-width: 768px) {}

/* Laptop adjustments */
@media (min-width: 900px) {
  .body_menu_float_adjustment {
    padding-top: 155px;
  }

  #menu {
    margin-bottom: 15px;
    padding: 20px 20px 0;
  }

  #logo_container {
    position: unset;
    left: auto;
    margin-left: 0px;
  }

  #logo {
    width: 120px;
  }

  #menu_bar_ico {
    display: none;
  }

  #mobile_hidden_menu_links {
    /* important to overwrite display:none if resizing after toggling the menu in the mobile version */
    display: flex !important;
    height: unset;
    position: unset;
    padding: 0;
    width: unset;
    background: unset;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  #mobile_hidden_menu_links .mobile-only {
    display: none;
  }

  #mobile_hidden_menu_links nav {
    margin: auto;
  }

  #mobile_hidden_menu_links nav span {
    margin: 0.7vw;
  }

  .menu_link {
    display: inline-flex;
    margin-top: 0;
    border-bottom: 1px solid transparent;
    border-top: none;
    font-size: 18px;
    line-height: 60px;
    margin-left: 0px;
    color: #000000;
    font-weight: 400;
    transition: .2s ease;
    -webkit-transition: .2s ease;
    -moz-transition: .2s ease;
  }

  .menu_link:hover {
    color: #d74344;
  }

  #menu_hidden_close {
    display: none;
  }

  .menu_hidden_item {
    display: none;
  }

  #menu_container .shop-crumbs {
    display: flex;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .shop-crumbs>li {
    font-size: 13px;
  }

  .shop-crumbs>li+li {
    margin-left: 25px;
  }

  .shop-crumbs>li+li::after {
    left: -12px;
  }
}