/* NAV */
.primary-header {
  position: relative;
  z-index: 10;
}


/* SECONDARY NAV */
.secondary-navigation-wrapper {
  /*TODO: Adjust on all media queries*/
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 400;


/*  padding-inline: 40px;*/
  padding-block: initial;
}

.secondary-navigation-wrapper .move-notice-container{
  display: flex;
  height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
  margin: auto;
  text-align: center;
  background-color: #0a2a3b;  
}

.secondary-navigation-wrapper .secondary-navigation-container {
  display: flex;
  height: 50px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  max-width: 1440px;
  margin: auto;
  text-align: center;
  padding-inline: 40px;
}
.secondary-navigation-wrapper .disclaimer {
  display: block;
}
.secondary-navigation-wrapper .secondary-nav-phone-icon {
  display: initial;
  height: 18px;
  width: 18px;
  margin-right: 5px;
}
.secondary-navigation-wrapper .secondary-nav-desk-tel {
  display: flex;
  text-align: center;
  align-items: center;
  /*   white-space: nowrap;  */
}
.secondary-navigation-wrapper .secondary-nav-mobile-tel { display: none; }
.secondary-navigation-wrapper .secondary-nav-desk-tel a {
  margin-left: 5px;
  margin-right: 5px;
}



/* PRIMARY NAV */
.primary-navigation-wrapper {
  /*TODO: Adjust on all media queries*/
  position: fixed;
  width: 100%;
  top: 50px;
  z-index: 400;


  background-color: #fff;
  border-bottom: 2px solid #EEE;
  padding: 0 40px;
}
.primary-navigation-wrapper.notice {
  /*TODO: Adjust on all media queries*/
  top: 100px;
}
.primary-navigation-wrapper .primary-navigation-container {
  display: flex;
  position: relative;
  /*height: 120px;*/
  min-height: 85px;
  align-items: center;
  justify-content: space-between;
  max-width: 1440px;
  margin: auto;
}
.primary-navigation-wrapper .primary-navigation-container .home-select {
  display: flex;
  height: 100%;
}
.primary-navigation-wrapper .primary-navigation-container .home-select .logo {
  height: 58px;
  width: 145px;
}


/*SHOW/HIDE LOGIC ON ATTRIBUTES*/
#patient-site-navigation[data-patient="false"],
#patient-site-cta[data-patient="false"],
#hcp-navigation[data-hcp="false"],
#hcp-cta[data-hcp="false"] {
  display: none;
}
#patient-site-navigation[data-patient="true"],
#hcp-navigation[data-hcp="true"] {
  display: flex;
}
#patient-site-cta[data-patient="true"],
#hcp-cta[data-hcp="true"] {
  display: flex;
}
.desk-hcp-link { display: initial; }



/*NAV ITEM STYLES*/
.primary-navigation-wrapper .primary-navigation-container .patient-site-navigation .primary-navigation-patient-site .navItem a,
.primary-navigation-wrapper .primary-navigation-container .hcp-navigation .primary-navigation-hcp .navItem a,
.primary-navigation-wrapper .primary-navigation-container .mobile-nav-container .mobile-indication-menu .mobile-nav-item a {
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #00263D;
  text-decoration: none;
}
.primary-navigation-wrapper .primary-navigation-container .patient-site-navigation .primary-navigation-patient-site .navItem,
.primary-navigation-wrapper .primary-navigation-container .hcp-navigation .primary-navigation-hcp .navItem {
  display: inline-block;
  position: relative;
  text-align: center;
}
.primary-navigation-wrapper .primary-navigation-container .patient-site-navigation .primary-navigation-patient-site .navItem:after,
.primary-navigation-wrapper .primary-navigation-container .hcp-navigation .primary-navigation-hcp .navItem:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #89CBDD;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
.primary-navigation-wrapper .primary-navigation-container .patient-site-navigation .primary-navigation-patient-site .navItem:hover:after,
.primary-navigation-wrapper .primary-navigation-container .hcp-navigation .primary-navigation-hcp .navItem:hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}



/* DROPDOWN MENU LOGIC */
.primary-navigation-wrapper .primary-navigation-container .patient-site-navigation .primary-navigation-patient-site .dropdown,
.primary-navigation-wrapper .primary-navigation-container .hcp-navigation .primary-navigation-hcp .dropdown {
  position: relative;
}
.primary-navigation-wrapper .primary-navigation-container .patient-site-navigation .primary-navigation-patient-site .dropdown .desktop-submenu-toggle,
.primary-navigation-wrapper .primary-navigation-container .hcp-navigation .primary-navigation-hcp .dropdown .desktop-submenu-toggle {
  /*display: inline-flex;*/
  display: block;
  border: none;
  background: transparent;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #00263D;
  cursor: pointer;
}
.primary-navigation-wrapper .primary-navigation-container .patient-site-navigation .primary-navigation-patient-site .dropdown .desktop-submenu-toggle .submenu-icon,
.primary-navigation-wrapper .primary-navigation-container .hcp-navigation .primary-navigation-hcp .dropdown .desktop-submenu-toggle .submenu-icon {
  align-self: center;
  width: 10px;
  padding-top: 3px;
  /*margin-left: 8px;*/
  rotate: 0deg;
  transition: .3s rotate ease-in;
}
.primary-navigation-wrapper .primary-navigation-container .patient-site-navigation .primary-navigation-patient-site .dropdown .desktop-submenu-toggle[aria-expanded="true"] .submenu-icon,
.primary-navigation-wrapper .hcp-navigation .primary-navigation-hcp .dropdown .desktop-submenu-toggle[aria-expanded="true"] .submenu-icon {
  rotate: -180deg;
  transform-origin: 50% 53%;
}
.primary-navigation-wrapper .primary-navigation-container .patient-site-navigation .primary-navigation-patient-site .dropdown .dropdown--menu,
.primary-navigation-wrapper .primary-navigation-container .hcp-navigation .primary-navigation-hcp .dropdown .dropdown--menu {
  position: absolute;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  max-height: 0;
  white-space: nowrap;
  background-color: #fff;
  border-radius: 0 0 20px 20px;
  box-shadow: -4px 10px 12px 0 rgba(0, 0, 0, 0.05);
  top: 30px;
  z-index: 10;
  transition: 280ms all 120ms ease-out;
}
.primary-navigation-wrapper .primary-navigation-container .patient-site-navigation .primary-navigation-patient-site .dropdown .dropdown--menu li:first-of-type,
.primary-navigation-wrapper .primary-navigation-container .hcp-navigation .primary-navigation-hcp .dropdown .dropdown--menu li:first-of-type {
  /*border-top: 3px solid #00263D;*/
  text-align: left;
}
.primary-navigation-wrapper .primary-navigation-container .patient-site-navigation .primary-navigation-patient-site .dropdown .dropdown--menu li:last-of-type,
.primary-navigation-wrapper .primary-navigation-container .hcp-navigation .primary-navigation-hcp .dropdown .dropdown--menu li:last-of-type {
  margin-bottom: 10px;
  text-align: left;
}
.primary-navigation-wrapper .primary-navigation-container .patient-site-navigation .primary-navigation-patient-site .dropdown .dropdown--menu li,
.primary-navigation-wrapper .primary-navigation-container .hcp-navigation .primary-navigation-hcp .dropdown .dropdown--menu li {
  /*display: inline-block;*/
  display: block;
  padding-block: 1rem 0.5rem;
  color: #00263D;
}
.primary-navigation-wrapper .primary-navigation-container .patient-site-navigation .primary-navigation-patient-site .dropdown .dropdown--menu li a,
.primary-navigation-wrapper .hcp-navigation .primary-navigation-hcp .dropdown .dropdown--menu li a {
  margin: 0 1rem;
  display: inline-block;
  position: relative;
}
.primary-navigation-wrapper .primary-navigation-container .patient-site-navigation .primary-navigation-patient-site .dropdown .dropdown--menu li a:after,
.primary-navigation-wrapper .primary-navigation-container .hcp-navigation .primary-navigation-hcp .dropdown .dropdown--menu li a:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: -2px;
  left: 0;
  background-color: #89CBDD;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
.primary-navigation-wrapper .primary-navigation-container .patient-site-navigation .primary-navigation-patient-site .dropdown .dropdown--menu li a:hover:after,
.primary-navigation-wrapper .primary-navigation-container .hcp-navigation .primary-navigation-hcp .dropdown .dropdown--menu li a:hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}



/* DESKTOP NAV MENU STYLES */
.primary-navigation-wrapper .primary-navigation-container .mobile-nav-toggle {
  display: none;
}
.primary-navigation-wrapper .primary-navigation-container .mobile-nav-container {
  display: none;
}
.activeNavItem {
  border-bottom: 2px solid #89CBDD !important;
}
.activeNavMenuItem {
  font-weight: 500 !important;
}
.mobile-active-indication-bar {
  display: none;
}






/************************************ MEDIA QUERIES BEGIN **************************************/
/*1016*/
@media (min-width: 1064px) {
  .primary-navigation-wrapper {
    padding: 10px 40px;
  }
  .primary-navigation-patient-site,
  .primary-navigation-hcp {
    gap: 1.5rem;
  }
}



/*TODO: Mobile*/
/*767*/
/*1015*/
@media (max-width: 1063px) {
  /* SECONDARY NAV */
  .secondary-navigation-wrapper {
    /*padding-block: 12px;
    padding-inline: 20px;*/
  }
  .secondary-navigation-wrapper .secondary-navigation-container {
    /*height: 70px;*/
    margin-block: 12px;
    flex-direction: column-reverse;
    gap: 0;
  }

  .secondary-navigation-wrapper .move-notice-container{
    height: 70px;
  }


  .secondary-navigation-wrapper .secondary-nav-phone-icon {
    height: 12px;
    width: 12px;
  }
  .desk-hcp-link { display: none; }
  .secondary-navigation-wrapper .secondary-nav-desk-tel { display: none; }
  .secondary-navigation-wrapper .secondary-nav-mobile-tel {display: block; }

  /* PRIMARY NAV & MOBILE */
  #patient-site-navigation[data-patient="true"],
  #patient-site-cta[data-patient="true"],
  #hcp-navigation[data-hcp="true"],
  #hcp-cta[data-hcp="true"],
  #patient-mobile-nav[data-patient-mobile="false"],
  #patient-mobile-cta[data-patient-mobile-cta="false"],
  #hcp-mobile-nav[data-hcp-mobile="false"],
  #hcp-mobile-cta[data-hcp-mobile-cta="false"] {
    display: none;
  }

  #patient-mobile-nav[data-patient-mobile="true"],
  #patient-mobile-cta[data-patient-mobile-cta="true"],
  #hcp-mobile-nav[data-hcp-mobile="true"],
  #hcp-mobile-cta[data-hcp-mobile-cta="true"] {
    display: block;
    padding-inline: 1.5rem;
    padding-bottom: 2.5rem;
  }


  /*PRIMARY NAV*/
  .primary-navigation-wrapper {
    top: 74px;
    padding: 0 20px;
  }

  .primary-navigation-wrapper.notice {
  /*TODO: Adjust on all media queries*/
  top: 144px;
  }

  .primary-navigation-wrapper .primary-navigation-container {
    position: relative;
    height: 65px;
    background-color: #fff;
  }



  /**************** LOGIC FOR SLIDE IN AND OUT OF MOBILE NAV MENU ****************/
  .primary-navigation-wrapper .primary-navigation-container .mobile-nav-container  {
    display: flex;
    position: fixed;
    inset: 0 0 0 0;
    flex-direction: column;
    /*height: 100vh;*/
    /*height: calc(100vh - 159px);*/
    min-height: calc(100vh - 159px);
    margin-top: 159px;
    z-index: 1000;
    transform: translateX(100%);
    transition: transform .3s ease-out;
    overflow-x: scroll;
    background-color: #fff;
    /*padding-bottom: 250px;*/
    padding-bottom: calc(env(safe-area-inset-bottom) + 75px);
  }
  .primary-navigation-wrapper .primary-navigation-container .mobile-nav-container[data-visible="true"] {
    transform: translateX(0%);
  }


  /**************** BURGER BUTTON LOGIC ******************/
  .primary-navigation-wrapper .primary-navigation-container .mobile-nav-toggle {
    display: block;
    position: absolute;
    background: transparent;
    aspect-ratio: 1;
    right: 20px;
    border: none;
    z-index: 9999;
  }


  /**************** BUTTON TWO ******************/
  .primary-navigation-wrapper .primary-navigation-container .mobile-nav-toggle {
    --button-color: #89CBDD;
  }
  .primary-navigation-wrapper .primary-navigation-container .mobile-nav-toggle[data-state="closed"] :is(.top, .bottom) {
    animation: to-open-icon 1s forwards;
  }
  .primary-navigation-wrapper .primary-navigation-container .mobile-nav-toggle[data-state="opened"] :is(.top, .bottom) {
    animation: to-close-icon 1s forwards;
  }
  .primary-navigation-wrapper .primary-navigation-container .mobile-nav-toggle .hamburger {
    transition: rotate 800ms 100ms;
  }
  .primary-navigation-wrapper .mobile-nav-toggle[data-state="opened"] .hamburger {
    rotate: 1turn;
  }
  .primary-navigation-wrapper .primary-navigation-container .mobile-nav-toggle .line.top {
    --rotation: -45deg;
    transform-origin: 65px 45px;
  }
  .primary-navigation-wrapper .primary-navigation-container .mobile-nav-toggle .line.bottom {
    --rotation: 45deg;
    transform-origin: 60px 55px;
  }


  @keyframes to-close-icon {
    0% { stroke-dashoffset: 0; }
    40% { stroke-dashoffset: 79.9; }
    60% {
      stroke-dashoffset: 79.9;
      transform: rotate(var(--rotation));
    }
    100% {
      stroke-dashoffset: 0;
      transform: rotate(var(--rotation));
    }
  }
  @keyframes to-open-icon {
    0% {
      stroke-dashoffset: 0;
      transform: rotate(var(--rotation));
    }
    40% {
      stroke-dashoffset: 79.9;
      transform: rotate(var(--rotation));
    }
    60% { stroke-dashoffset: 79.9; }
    100% { stroke-dashoffset: 0; }
  }



  .primary-navigation-wrapper .primary-navigation-container .mobile-nav-container .mobile-dropdown-menu {
    background-color: #fff;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  }
  /*.primary-navigation-wrapper .mobile-nav-container .mobile-indication-menu .mobile-dropdown {*/
  /*  border-bottom: 1px solid #E6F3FB;*/
  /*}*/

  /* LOGIC CONTROLLING SUBMENU WINDOW TOGGLE */
  .primary-navigation-wrapper .primary-navigation-container .mobile-nav-container .mobile-submenu-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    /*height: 65px;*/
    /*padding-inline: 2rem;*/
    padding-block: 1.5rem;
    border: none;
    background: transparent;
    font-family: 'Roboto', Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: normal;
    color: #00263D;
    cursor: pointer;
  }
  .primary-navigation-wrapper .primary-navigation-container .mobile-nav-container .mobile-submenu-toggle:nth-child(n+2) {
    border-top: 1px solid #89CBDD;
  }
  .primary-navigation-wrapper .mobile-nav-container  .mobile-submenu-toggle img {
    /*width: 9px;*/
    rotate: 0deg;
    transition: rotate .2s ease-in;
  }
  /*.primary-navigation-wrapper .mobile-nav-container .mobile-indication-toggle.mobile--indication--active img,*/
  .primary-navigation-wrapper .primary-navigation-container .mobile-nav-container .mobile-submenu-toggle.mobile--indication--active img {
    rotate: -180deg;
  }

  /* SETTING FONTS FOR NAV ITEM, MOBILE NAV ITEM, MOBILE CONNECTION ITEMS AND THEIR A-TAGS */
  .primary-navigation-wrapper .primary-navigation-container .mobile-nav-container .mobileNavItem {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #89CBDD;
    padding-block: 1.5rem;
    /*height: 50px;*/
    /*padding-inline: 2rem;*/
  }
  .primary-navigation-wrapper .primary-navigation-container .mobile-nav-container .mobileNavItem a {
    font-family: 'Roboto', Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: normal;
    color: #00263D;
    text-decoration: none;
  }
  .primary-navigation-wrapper .primary-navigation-container .mobile-nav-container .mobile-dropdown-menu .mobileSubnavItem a {
    font-family: 'Roboto', Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: normal;
    color: #00263D;
    text-decoration: none;
  }



  /* CTA's*/
  .primary-navigation-wrapper .primary-navigation-container .mobile-nav-container .patient-mobile-cta {
    margin: auto;
    padding-inline: 1.5rem;
  }
  .primary-navigation-wrapper .primary-navigation-container .mobile-nav-container .patient-mobile-cta .modal-trigger {
    margin-bottom: 25px;
  }

  /* NTH-OF-TYPE SELECTORS TO HANDLE BORDERS, ETC... */
  .primary-navigation-wrapper .primary-navigation-container .mobile-nav-container .mobileNavItem:last-of-type {
    border-bottom: none;
  }
  .primary-navigation-wrapper .primary-navigation-container .mobile-nav-container .mobile-dropdown-menu li {
    display: flex;
    align-items: center;
    /*height: 50px;*/
    /*border-top: 1px solid #E6F3FB;*/
    /*padding-top: 5px;*/
    padding-inline: 3.5rem;
    padding-bottom: 1.5rem;
  }
}



@media (max-width: 767px) {
  .primary-navigation-wrapper .primary-navigation-container .home-select .logo {
    display: flex;
    height: 40px;
    width: 100px;
  }
}


@media (max-width: 400px) {
  /* CTA's*/
  .primary-navigation-wrapper .primary-navigation-container .mobile-nav-container .patient-mobile-cta {
    margin: initial;
  }
}