nav.navbar.navbar-expand-lg {

  border-radius: 10px;

  border: 1px solid #fff;

  background: rgba(255, 255, 255, 0.8);

  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);

  backdrop-filter: blur(2px);

}



a.navbar-brand img {

  height: 100%;

  max-height: 47px;

  width: 100%;

  max-width: 208px;

  object-fit: contain;

}


section.homepage-banner .cta:hover {
  color: #ffffff;
  border: 1px solid #ffffff;
}


div#navbarNav {

  justify-content: end;

}



ul#menu-lifeline-shirt-menu li a {

  color: #242424;

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: normal;

  padding: 60px 0px;

}



ul#menu-lifeline-shirt-menu li:hover a {

  color: #fe5e00;

  transition: all 0.5s ease;

}



li#menu-item-35 .sub-menu li a {

  color: #242424;

}



ul#menu-lifeline-shirt-menu {

  align-items: center;

  gap: 30px;

}



.navbar-logos {

  display: flex;

  gap: 15px;

  align-items: center;

}



.navbar-logos a svg path {

  transition: all 0.5s ease;

}



.navbar-logos a:hover svg path {

  fill: #fe5e00;

  transition: all 0.5s ease;

}



div#main-menu-container {

  justify-content: center;

  display: flex;

  width: 100%;

}



nav.navbar.navbar-expand-lg.wrapper-for-header {

  position: fixed;

  z-index: 1000;

  top: 0px;

  left: 50%;

  transform: translate(-50%, 30%);

  height: 100%;

  max-height: 100px;

  width: 100%;

  max-width: 1553px;

  margin: 0 auto;

  box-sizing: border-box;

  width: calc(100% - 40px);

  padding: 0px 30px;

}



nav.navbar.navbar-expand-lg.wrapper-for-header .container-fluid {

  padding: 0px;

}



nav {

  position: relative;

}



nav li ul.sub-menu {

  position: absolute;

  top: 110px;

  left: 0px;

  display: flex;

  width: 100%;

  background: #fff;

  border-radius: 20px;

  display: flex;

  align-items: center;

  gap: 20px;

  padding: 25px;

}



ul#menu-header-menu {

  gap: 30px;

}



img.menu-image.menu-image-title-below {

  width: 100%;

  height: 100%;

  padding: 0px;

}



ul.sub-menu li a {

  position: relative;

}



ul#menu-lifeline-shirt-menu li .sub-menu li a {

  padding: 0px;

}



a.menu-image-title-below.menu-image-not-hovered {

  position: relative;

}



li#menu-item-37 span.menu-image-title-below.menu-image-title {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 100%;

  transform: translate(-50%, -50%);

  color: #fff;

  font-family: "Metropolis-Regular", sans-serif;

  font-size: 16px;

  font-style: normal;

  font-weight: 700;

  line-height: 25px; /* 100% */

}



ul.sub-menu li a.menu-image-title-below.menu-image-not-hovered {

  pointer-events: none;

}



a.menu-image-title-below.menu-image-not-hovered a {

  pointer-events: all;

  display: inline-block;

}



ul.sub-menu .btn-btn {

  position: absolute;

  bottom: 20px;

  width: 100%;

}



ul.sub-menu .btn-btn a {

  border-radius: 8px;

  border: 1px solid #fff;

  color: #fff;

  background: rgba(255, 255, 255, 0.3);

  width: 100%;

  max-width: 176px;

  height: 100%;

  min-height: 46px;

  pointer-events: all;

  display: inline-flex;

  place-content: center;

  place-items: center;

  font-size: 16px;

}



a.menu-image-title-below.menu-image-not-hovered .btn-btn a:hover {

  border-radius: 8px;

  border: 1px solid #fff;

}



ul.sub-menu .btn-btn,

span.menu-image-title-below.menu-image-title {

  display: none;

  transition: all ease 0.5s;

}



ul.sub-menu li:hover .btn-btn,

ul.sub-menu li:hover span.menu-image-title-below.menu-image-title {

  display: block;

  z-index: 9;

  transition: all ease 0.5s;

}



ul.sub-menu li {

  position: relative;

  transition: all ease 0.5s;

}



ul.sub-menu

  li

  a.menu-image-title-below.menu-image-not-hovered

  .btn-btn

  a:hover {

  border-radius: 8px;

  border: 1px solid #fff;

  background: transparent;

  transition: all ease 0.5s;

}



li#menu-item-37 ul.sub-menu li:hover:after {

  display: block;

  content: "";

  width: 100%;

  height: 100%;

  background: #000;

  position: absolute;

  top: 0px;

  opacity: 0.3;

  border-radius: 10px;

  transition: all ease 0.5s;

}



ul.sub-menu li a.menu-image-title-below.menu-image-not-hovered .btn-btn a {

  transition: all ease 0.5s;

}



li#menu-item-35 a.menu-image-title-above.menu-image-not-hovered {

  display: flex;

  flex-direction: column-reverse;

  height: 100%;

  min-height: 150px;

  border-radius: 10px;

  background: #fbfbfb;

  padding: 20px !important;

  gap: 30px;

  width: 100%;

  min-width: 290px;

}



li#menu-item-35 span.menu-image-title-above.menu-image-title {

  text-align: left;

}



li#menu-item-35 .menu-image-title-above.menu-image-not-hovered > img {

  margin: 0px !important;

  padding: 0px !important;

  width: 30px;

  height: 30px;

  object-fit: contain;

}



li#menu-item-35 span.menu-image-title-below.menu-image-title {

  display: block;

}



li#menu-item-35 .sub-menu li a img {

  width: 30px;

  height: 30px;

  padding: 0px;

  margin: 0px !important;

}



li#menu-item-35 .sub-menu li a {

  display: flex;

  flex-direction: column;

  gap: 30px;

}



li .sub-menu li:hover a {

  color: none;

}



li#menu-item-35 .sub-menu li {

  padding: 20px;

  border-radius: 10px;

  background: #fbfbfb;

  width: 100%;

  max-width: 290px;

}



li#menu-item-35 .sub-menu li#menu-item-7429 a span,

li#menu-item-35 .sub-menu li#menu-item-4141 a span {

  width: 100%;

  max-width: 130px;

}



li#menu-item-35 .sub-menu li#menu-item-7428 a span {

  width: 100%;

  max-width: 100px;

}



li#menu-item-35 span.menu-image-title-below.menu-image-title {

  text-align: left;

}



li#menu-item-35 ul.sub-menu li#menu-item-90 a span {

  width: 100%;

  max-width: 229px;

}



li#menu-item-35 span.menu-image-title-above.menu-image-title {

  color: #242424;

}



li#menu-item-7428:hover::after,

li#menu-item-7429:hover::after,

li#menu-item-4141:hover::after,

li#menu-item-4142:hover::after,

li#menu-item-4143:hover::after,

li#menu-item-4144:hover::after,

li#menu-item-4145:hover::after {

  content: "";

  display: block;

  width: 100%;

  height: 100%;

  position: absolute;

  background: url("https://lifelineshirt.ph/wp-content/uploads/2024/11/shirthover1-1.png");

  top: 0px;

  left: 0px;

  transition: all ease 0.5s;

  border-radius: 10px;

}



li#menu-item-4142:hover::after {

  background: url("https://lifelineshirt.ph/wp-content/uploads/2024/11/shirthover2-1.png");

}



li#menu-item-4143:hover::after {

  background: url("https://lifelineshirt.ph/wp-content/uploads/2024/11/shirthover3-1.png");

}



li#menu-item-4144:hover::after {

  background: url("https://lifelineshirt.ph/wp-content/uploads/2024/11/shirthover4-1.png");

}



li#menu-item-4145:hover::after {

  background: url("https://lifelineshirt.ph/wp-content/uploads/2024/11/shirthover5-1.png");

}



li#menu-item-7429:hover::after {

  background: url("https://lifelineshirt.ph/wp-content/uploads/2024/11/customized.png");

}



li#menu-item-7428:hover::after {

  background: url("https://lifelineshirt.ph/wp-content/uploads/2024/11/drifit.png");

}



li#menu-item-35

  ul.sub-menu

  li:hover

  a.menu-image-title-below.menu-image-not-hovered

  span,

li#menu-item-35

  ul.sub-menu

  li:hover

  a.menu-image-title-below.menu-image-not-hovered

  img {

  z-index: 999;

  border-radius: 10px;

  color: #fff;

  font-family: "Metropolis-Regular", sans-serif;

}



li#menu-item-35

  ul.sub-menu

  li

  a.menu-image-title-below.menu-image-not-hovered

  > img {

  border: 2px solid transparent;

  border-radius: 50%;

}



li#menu-item-35

  ul.sub-menu

  li:hover

  a.menu-image-title-below.menu-image-not-hovered

  > img {

  border: 2px solid #fff;

  border-radius: 50%;

  mix-blend-mode: color-dodge;

}



ul#menu-lifeline-shirt-menu li .sub-menu {

  display: none;

}



ul#menu-lifeline-shirt-menu li:hover .sub-menu {

  display: flex;

}



ul#menu-lifeline-shirt-menu li .btn-btn > a {

  color: #fff;

}



.mobile-logos {

  display: none;

}



.search-container {

  display: none;

}



.search-container.pop-up-search {

  display: block;

  position: absolute;

  top: 110px;

  left: 0px;

  width: 100%;

  background: red;

  border-radius: 10px;

  border-radius: 10px;

  border: 1px solid #fff;

  background: rgba(255, 255, 255, 0.8);

  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);

  backdrop-filter: blur(2px);

}



#ajaxsearchlite1 .probox,

div.asl_w .probox {

  height: 50px;

  align-items: center;

}



#ajaxsearchlite1 .probox .proinput,

div.asl_w .probox .proinput {

  padding: 0px !important;

  margin: 0px !important;

}



div.asl_m .probox .proinput form {

  place-content: center;

}



div.asl_w .probox .promagnifier {

  box-shadow: none !important;

  display: none;

}



div#searchFormMobile #ajaxsearchlite1 .probox,

div.asl_w .probox {

  padding: 0px 15px;

}



li#menu-item-35 ul.sub-menu li a {

  pointer-events: all;

}



.mobile-logos a,

.navbar-logos a {

  position: relative;

}



.mobile-logos a .cart-count,

.navbar-logos a .cart-count {

  position: absolute;

  top: -10px;

  right: -16px;

  background: #fe5e00;

  color: #fff;

  height: 25px;

  width: 25px;

  border-radius: 50%;

  display: flex;

  place-items: center;

  place-content: center;

  font-size: 12px;

}



@media (max-width: 991px) {



  li#menu-item-35 .sub-menu li#menu-item-7428 a span,

  li#menu-item-35 .sub-menu li#menu-item-7429 a span,

  li#menu-item-35 .sub-menu li#menu-item-4141 a span {

    max-width: unset;

  }



  li#menu-item-7428:hover::after,

  li#menu-item-7429:hover::after{

    display: none;

  }



  nav.navbar.navbar-expand-lg.wrapper-for-header {

    padding: 0px 20px;

    max-height: 80px;

  }



  a.navbar-brand {

    padding: 0px;

    margin: 0px;

  }



  li#menu-item-37 ul.sub-menu li:hover:after {

    display: none;

  }



  ul.sub-menu li a.menu-image-title-below.menu-image-not-hovered {

    pointer-events: unset;

  }



  li#menu-item-35 span.menu-image-title-below.menu-image-title {

    text-align: center;

  }



  li#menu-item-35 .sub-menu li {

    max-width: unset;

  }



  li#menu-item-35 .sub-menu li#menu-item-4141 a span {

    max-width: unset;

  }



  li#menu-item-35 .sub-menu li {

    background: transparent;

    padding: 0px;

  }



  ul#menu-lifeline-shirt-menu li .sub-menu li a img {

    display: none;

  }



  ul#menu-lifeline-shirt-menu

    li

    .sub-menu

    li

    span.menu-image-title-below.menu-image-title {

    display: block;

    position: unset;

    color: #242424;

    transform: unset;

    font-family: "Metropolis-Regular", sans-serif;

    font-size: 17px;

    font-style: normal;

    font-weight: 300;

    line-height: normal;

    letter-spacing: 1.2px;

  }



  li#menu-item-35 .sub-menu li#menu-item-4141 a span {

    font-size: 17px;

    font-weight: 300;

    letter-spacing: 1.2px;

  }



  li#menu-item-35

    ul.sub-menu

    li:hover

    a.menu-image-title-below.menu-image-not-hovered

    span {

    color: #242424;

  }



  ul#menu-lifeline-shirt-menu li:hover a .btn-btn {

    display: none;

  }



  ul#menu-lifeline-shirt-menu li .sub-menu {

    display: block;

    position: unset;

  }



  ul#menu-lifeline-shirt-menu li .sub-menu {

    display: flex;

    flex-direction: column;

    padding: 10px 0px 0px 0px;

  }



  nav.navbar.navbar-expand-lg.wrapper-for-header .container-fluid {

    padding: 0px 12px;

  }



  div#main-menu-container {

    justify-content: unset;

  }



  ul#menu-lifeline-shirt-menu {

    align-items: unset;

    width: 100%;

    gap: 20px;

    padding: 20px 0px;

  }



  .mobile-logos {

    display: flex;

    gap: 10px;

  }



  .navbar > .container-fluid {

    flex-direction: row-reverse;

  }



  div#navbarNav .mobile-logos {

    margin-bottom: 30px;

    display: flex;

    gap: 30px;

    justify-content: center;

  }



  div#navbarNav {

    position: absolute;

    top: 110px;

    background: #ffff;

    width: 100%;

    left: 0px;

    text-align: center;

    padding: 20px;

    border-radius: 20px;

    overflow-y: auto;

    /* height: 500px !important; */

    height: auto !important;

  }



  ul#menu-lifeline-shirt-menu {

    padding: 0px;

    gap: 20px;

  }



  ul#menu-lifeline-shirt-menu li a {

    padding: 0px;

  }



  .navbar-logos {

    justify-content: center;

  }



  .navbar-logos {

    display: none;

  }



  li#menu-item-4141:hover::after,

  li#menu-item-4142:hover::after,

  li#menu-item-4143:hover::after,

  li#menu-item-4144:hover::after,

  li#menu-item-4145:hover::after {

    background: none;

  }

}



@media (max-width: 767px) {

  nav.navbar.navbar-expand-lg.wrapper-for-header {

    height: unset;

    max-height: unset;

    padding: 10px 20px;

  }

  nav.navbar.navbar-expand-lg.wrapper-for-header .container-fluid {

    padding: 0px;

  }

  a.navbar-brand img {

    max-width: 135px !important;

  }

}


/* Hide Cart Count when Zero */
.custom-mini-cart a.cart-toggle {
  display: none !important;
}


/* Nav Fix - 090225 */
.search-container.pop-up-search {
    max-width: 350px;
    right: 0;
    left: unset;
}
/* Nav Fix - 090225 - End */