/* End section 1, start section 2 */
.item4-links {
  display: block !important;
}

.item4-cards section-card {
  width: 100%;
}

.item4-links p {
  width: 100%;
}

.nav__mobile--slideout--pt {
  top: 20px;
}

.nav__mobile--slideout--pt.fade-in {
  top: 20px;
}

.quick-link-container .icon-phone span {
  position: relative;
  left: 0;
  top: -56px !important;
  padding-right: 36px;
}



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

    /* Quick hack 1024 to 1440 edit */
.nav__mobile--slideout--pt { top: unset;
  }

  #item5 section > h2:first-of-type, #item7 section > h2:first-of-type {
  display: block;
}
  #specializations-wrapper #submenu-links>p {
    min-width: 400px;
}
  
  #item5 > section > h2:first-of-type, #item7 > section > h2:first-of-type {
    text-transform: uppercase;
    font-style: italic;
    margin-bottom: 17px;
    margin-top: 35px;
    margin-left: 45.6px;
    display: block;

  }

.specializations-submenu #submenu-links {
    display: flex;
    flex-direction: column;
    height: 200px;
    width: 100%;
    flex-wrap: wrap;
}
  
  .menu-highlight {
    
  }


  
  .specializations-submenu-content {
    display: flex;
  }
  
    #specializations-wrapper {
    width: 800px;
  }
  
  .all-courses-submenu #submenu-cards section-card {
  margin-bottom: 0;
        height: 100%;
  }
  
  #submenu-cards {
    gap: 10px;
  }
  
  .nav__mobile--slideout--pt.fade-in {
    top: unset;
  }
  
}

@media  screen and (min-width: 1920px) {
    .all-courses-submenu #submenu-cards section-card {
width: 440px;
  }
  
    .nav__mobile--slideout--pt section {
margin-left: 290px;
}
  
  .item6-sections div:nth-of-type(1) {
margin-left: 3%;
}
}


@media  screen and (min-width: 1440px) {
  .quick-link-container .icon-phone {
      display: none;
  }
}

.submenu-panels {
  height: 540px;
}

#submenu-image {
  transform: scaleX(-1);
}

#submenu-image > img, #submenu-image img {
  height: 540px;
}

#item5 section > h2:first-of-type, #item7 section > h2:first-of-type {
  display: none;
}
    

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

  #submenu-image {
    max-width: 390px !important;
  }

  
#submenu-sections.item6-sections {
margin-left: 0;
}

.item6-sections div:nth-of-type(1) {
margin-left: 45.6px;
}

  
  #item4 > section {
    display: flex;
    justify-content: space-between;
  }
    .nav__mobile--slideout--header {
    background: var(--brand-color-highlight);
    width: 336px;
    position: absolute;
    top: 366px;
    left: unset;
    right: 24.33px !important;
    padding: 21.84px 22.08px;
    border-radius: 10px;
}
  
  .nav__mobile--slideout--pt section {
margin-left: 15%;
}
  
  #all-courses-submenu-wrapper {
    display: flex;
  }
  
  .all-courses-submenu #submenu-cards section-card {
width: 332px;
  }
}

.option.mainmenu-visible-false {
  display: none;
}


@media screen and (min-width: 1440px) {
  .quick-link-container .icon-phone {
    display: none;
  }
}

.nav__mobile--slideout--pt.fade-in {
  top: 20px;
}
@media screen and (min-width: 1440px) {
    /* Quick hack 1024 to 1440 edit */
  .nav__mobile--slideout--pt {
    top: unset;
  }

  .cart-count {
    top: -6px !important;
  }

  
}

#nasm-submenu {
  font-size: 16px;
  /* min-height: 500px; */
  background-color: white;
  width: 100%;
  z-index: 999;
}

.option {
  padding-bottom: 6px;
  border-bottom: 2px solid var(--ui-color-light);
  /* white border accounts for blue border on hover */
}

.link-section-links a:hover {
  font-weight: bold;
  font-variation-settings: 'wght' 700;
}

.blueMouseover-7 {
  color: var(--brand-color-sunset-sizzle);
  font-style: normal;
  font-weight: bold !important;
  font-variation-settings: 'wght' bold !important;
}

.item4-links p {
  width: 100%;
}

/* Quick 11th hour override */
.nav__mobile--slideout--cardHeader .product-badge {
  font-size: 13px;
}

@media screen and (min-width: 1440px) {
    /* Quick hack 1024 to 1440 edit */
  #submenu-cards > div > div > a {
    width: 350px;
  }

  .quick-link-container .icon-login span,
  .quick-link-container .icon-user.login a,
  .quick-link-container .icon-cartlink a,
  .quick-link-container a.nav__account--mag {
    top: 0 !important;
  }

  .submenu-cards > a:hover {
    border: 1px solid var(--brand-color-dark);
  }

  .submenu-sections p > a:hover {
    font-weight: 500;
    font-variation-settings: 'wght' 500;
  }

  .option {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    font-variation-settings: 'wght' 500;
  }

  .icon-login login p-l-0 {
    position: absolute;
    top: -60px;
    right: 20px;
  }

  #header_cta_T690FF961053_Col00 {
    /* adjust position of sign in and cart elements */
    width: 200px;
    /* Must cut it off and move it or it covers the search input */
    /* Even when transparent, it prevents click events */
    min-height: 30px;
    z-index: 9999;
    position: absolute;
    top: 68px;
    right: 10px;
  }

  .quick-link-container a.nav__account--mag,
  .quick-link-container .icon-cartlink a {
    top: 0 !important;
    /* temporary override */
  }

  .quick-link-container .icon-login span {
    top: 0 !important;
  }

  .quick-link-container .icon-login span:after {
    position: absolute;
    left: 20px;
  }

  #main-menu {
    display: flex;
    gap: 20px;
  }

  #submenu-image {
    margin-top: 0;
    display: none;
    /* Hide images on 1024 */
  }
  /* temporary override of main css */
}

@media screen and (min-width: 1440px) {
  #submenu-image {
    display: block;
  }
}

.submenu-panels {
  height: 540px;
}

#submenu-image {
  transform: scaleX(-1);
}

#submenu-image > img,
#submenu-image img {
  height: 540px;
}

#item5 section > h2:first-of-type,
#item7 section > h2:first-of-type {
  display: none;
}


@media only screen and (min-width: 1440px) {
    /* Quick hack 1024 to 1440 edit */
  .specializations-submenu #submenu-links {
    display: flex;
    flex-direction: column;
    height: 200px;
    width: 100%;
    flex-wrap: wrap;
  }

  .menu-highlight {
  }

  .specializations-submenu-content {
    display: flex;
  }

  #specializations-wrapper {
    width: 800px;
  }

  .all-courses-submenu #submenu-cards section-card {
    margin-bottom: 0;
    height: 100%;
  }

  #submenu-cards {
    gap: 10px;
  }

  .nav__mobile--slideout--pt.fade-in {
    top: unset;
  }
}

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

  .item6-sections div:nth-of-type(1) {
    margin-left: 45.6px;
  }

  #item4 > section {
    display: flex;
    justify-content: space-between;
  }
  .nav__mobile--slideout--header {
    background: var(--brand-color-highlight);
    width: 336px;
    position: absolute;
    top: 366px;
    left: unset;
    right: 24.33px !important;
    padding: 21.84px 22.08px;
    border-radius: 10px;
  }

  .nav__mobile--slideout--pt section {
    margin-left: 15%;
  }

  #all-courses-submenu-wrapper {
    display: flex;
  }

  .all-courses-submenu #submenu-cards section-card {
    width: 332px;
  }
}

@media screen and (min-width: 1920px) {
  .all-courses-submenu #submenu-cards section-card {
    width: 440px;
  }

  .nav__mobile--slideout--pt section {
    margin-left: 290px;
  }

  /*
  .item6-sections div:nth-of-type(1) {
    margin-left: 3%;
  }
    */
}


@media screen and (min-width: 1440px) {
  .mobile-call {
    display: none;
  }
}

#submenu {
  font-size: 24px;
  font-weight: bold;
  font-variation-settings: 'wght' 700;
  display: flex;
  gap: 20px;
}

#nasm-submenu {
  margin: 0 60px;
  font-size: 16px;
  position: relative;
}

#sidenav a {
  /* temporary override */
  font-weight: normal !important;
  font-variation-settings: 'wght' normal !important;
}

.option {
  font-size: 16px;
  font-family: "peridot-pe-variable", sans-serif;
  font-weight: 600;
  font-variation-settings: 'wght' 600;
  text-transform: uppercase;
}

.close-nav-desktop {
  display: none;
}

.link-section-links {
  display: none;
}

.link-section-links a {
  font-size: 16px;
  font-weight: normal;
  font-variation-settings: 'wght' 400;
  line-height: 24px;
}

.link-section h2:after {
  background-image: url("/images/nasmlibraries/template/arrow-down.png");
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
  position: relative;
  left: 10px;
  box-sizing: border-box;
  display: inline-block;
  color: rgb(18, 50, 87);
  content: "";
}

.link-section h2.toggled:after {
  background-image: url("/images/nasmlibraries/template/arrow-up.png");
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
  position: relative;
  left: 10px;
  box-sizing: border-box;
  display: inline-block;
  color: rgb(18, 50, 87);
  content: "";
}

.slideout-close-button-mobile {
  display: block;
}

.link-section-columns .submenu-sections {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media screen and (min-width: 768px) {
  
  .link-section-columns .submenu-sections {
    display: flex;
   flex-direction: column;
    gap: 20px;
  }

      .mobile-call img {
        height: 42px;
    }

  .option {
    font-size: 12px;
    font-family: "peridot-pe-variable", sans-serif;
    font-weight: 500;
    font-variation-settings: 'wght' 500;
    text-transform: uppercase;
  }

  #mySidenav ul {
    margin: 0;
    gap: 12px;
    font-size: 0.85rem;
  }

  #nasm-submenu {
    position: absolute;
    margin: 0;
  }

  
}

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

  .link-section h2:after {
    background: transparent;
    background-size: 0 0;
    content: "";
  }

  .link-section h2.toggled:after {
    background: transparent;
    background-size: 0 0;
    content: "";
  }

    .link-section-links {
    display: flex;
    flex-direction: column;
  }

    .close-nav-desktop {
    display: block;
  }

  .slideout-close-button-mobile {
    display: none;
  }

}

.submenu-panels {
  font-family: "peridot-pe-variable", sans-serif;
}

#mySidenav {
  padding-top: 33px;
}

#mySidenav .questions p {
  font-size: 16px;
  display: flex;
  flex-direction: column;
}

.slideout-close-button-mobile {
  display: flex;
  align-items: center;
}

#main-menu section {
  margin-top: 30px;
}

#mySideNav a {
  font-size: 16px;
}

#mySidenav div > ul > li {
  font-weight: 800;
  font-variation-settings: 'wght' 800, 'wdth' 60;
  line-height: 38px;
  letter-spacing: 0.04rem;
  font-size: 1.5rem;
}

.mobile-nav-header h2 {
  margin-top: 34px;
}
.sidenav a.more-courses-link {
  text-decoration: underline;
  font-weight: normal;
  font-variation-settings: 'wght' 400;
  margin-bottom: 40px;
}

#submenu-cards .link-section h2 {
  display: flex;
  justify-content: space-between;
  margin-right: 20px;
  font-size: 16px;
  margin-top: 1vh;
  margin-bottom: 1vh;
}

.nav__mobile--slideout--cardHeader .product-badges {
  margin-bottom: 20px;
}

.submenu-sections p > a {
  font-size: 16px;
}

.blue-underline {
  border-bottom: 3px solid red;
}

.submenu-cards a div {
  font-size: 16px;
  font-variation-settings: 'wght' 400;
}

a.hideOnMobile {
  display: none;
}

.mobile-close-controls {
  position: absolute;
  top: 30px;
}

.slideout-close-button-mobile {
  text-transform: uppercase;
}

h2.toggled {
  margin-bottom: 20px;
}

.link-section h2 {
  font-style: normal;
}

.slideout-close-button-mobile::before {
  background-image: url(/images/nasmlibraries/template/chevron-reverse.png);
  background-size: 16px 16px;
  display: inline-block;
  width: 16px;
  height: 16px;
  content: "";
  margin-right: 5px;
  vertical-align: top;
}

.option {
  transition: border-bottom 250ms ease;
  display: flex;
  justify-content: space-between;
}

.option:after {
  content: "";
  background-image: url("https://www.nasm.org/images/nasmlibraries/template/chevron.png");
  background-size: 20px 20px;
  display: inline-block;
  width: 20px;
  height: 20px;
}

/* #item7-tab .more-courses-link { */
  /* Hide link for Specializations submenu */
  /* display: none;
} */

.submenu-cards > a {
  padding: 10px;
  width: 450px;
  max-width: 100%;
  border: 1px solid var(--ui-color-mid-light);
  border-radius: 6px;
  display: block;
  font-weight: 500;
  font-variation-settings: 'wght' 500;
}

.submenu-cards h4 {
  margin-top: 0;
  font-size: 16px;
  font-weight: 500;
  font-variation-settings: 'wght' 500;
}

.submenu-cards p {
  font-weight: normal;
  font-variation-settings: 'wght' 400;
}

.submenu-sections p > a {
  font-weight: normal;
  font-variation-settings: 'wght' 400;
}

.submenu-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

@media screen and (min-width: 1440px) {
    /* Quick hack 1024 to 1440 edit */
  .submenu-cards > a {
    font-weight: normal;
    font-variation-settings: 'wght' 400;
  }

  .link-section h2 {
    font-style: normal;
    font-size: 18px;
  }

  .nav__mobile--slideout--cardHeader .product-badges {
    margin-bottom: 0;
  }

  #mySidenav {
    padding-top: 0;
  }

  .link-section-columns .link-section {
    width: 20%;
  }
  #nasm-submenu > div {
    margin-left: 7%;
  }
  .option {
    display: block;
  }
  .option:after {
    display: none;
  }
  .nav__mobile--slideout--pt {
    top: unset;
  }

  #mySidenav ul {
    margin: 0;
    gap: 20px;
    font-size: 0.85rem;
  }

  .quick-link-container .icon-phone {
    display: none;
  }
}


@media screen and (min-width: 1440px) {
    /* Quick hack 1024 to 1440 edit */
  .mobile-close-controls {
    position: relative;
    top: 0;
  }

  .slideout-close-button-mobile {
    display: none;
  }

  #submenu-cards,
  #submenu-links,
  .specializations-submenu h2 {
    margin-left: 38px !important;
  }

  #mySidenav div > ul > li {
    font-weight: 500;
    font-variation-settings: 'wght' 600;
    line-height: 16px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.04rem;
  }

  .mobile-call {
    display: none;
  }

  a.hideOnMobile {
    display: block;
  }
    /* Quick hack 1024 to 1440 edit */
  #item5 section > h2:first-of-type,
  #item7 section > h2:first-of-type {
    display: block;
  }
  #specializations-wrapper #submenu-links > p {
    min-width: 400px;
  }

  #item5 > section > h2:first-of-type,
  #item7 > section > h2:first-of-type {
    text-transform: uppercase;
    font-style: normal;
    margin-bottom: 17px;
    margin-top: 35px;
    margin-left: 45.6px;
    display: block;
  }
}

@media only screen and (min-width: 1440px) {
    /* Quick hack 1024 to 1440 edit */
  .submenu-sections p > a {
    margin-bottom: 40px;
  }

  /* Reset fade in and out */
  /* No animation on Desktop */

  /* Fade animations */

  /* Fade In */
  .fade-in {
    animation: fadeIn ease 0.5s;
    -webkit-animation: fadeIn ease 0.5s;
    -moz-animation: fadeIn ease 0.5s;
    -o-animation: fadeIn ease 0.5s;
    -ms-animation: fadeIn ease 0.5s;
  }

  @keyframes fadeIn {
    0% {
      opacity: 1;
    }

    100% {
      opacity: 1;
    }
  }

  @-moz-keyframes fadeIn {
    0% {
      opacity: 1;
    }

    100% {
      opacity: 1;
    }
  }

  @-webkit-keyframes fadeIn {
    0% {
      opacity: 1;
    }

    100% {
      opacity: 1;
    }
  }

  @-o-keyframes fadeIn {
    0% {
      opacity: 1;
    }

    100% {
      opacity: 1;
    }
  }

  @-ms-keyframes fadeIn {
    0% {
      opacity: 1;
    }

    100% {
      opacity: 1;
    }
  }

  /* Fade out */
  .fade-out {
    animation: fadeOut ease 0.5s;
    -webkit-animation: fadeOut ease 0.5s;
    -moz-animation: fadeOut ease 0.5s;
    -o-animation: fadeOut ease 0.5s;
    -ms-animation: fadeOut ease 0.5s;
  }

  @keyframes fadeOut {
    100% {
      opacity: 0;
    }

    0% {
      opacity: 1;
    }
  }

  @-moz-keyframes fadeOut {
    100% {
      opacity: 0;
    }

    0% {
      opacity: 1;
    }
  }

  @-webkit-keyframes fadeOut {
    100% {
      opacity: 0;
    }

    0% {
      opacity: 1;
    }
  }

  @-o-keyframes fadeOut {
    100% {
      opacity: 0;
    }

    0% {
      opacity: 1;
    }
  }

  @-ms-keyframes fadeOut {
    100% {
      opacity: 0;
    }

    0% {
      opacity: 1;
    }
  }

  /* End reset */

  #submenu-links h2 {
    margin-bottom: 17px;
    margin-top: 35px;
  }

  .link-section-links > a {
    margin-bottom: 40px;
  }

}

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

  #nasm-submenu > div {
    margin-left: 15%;
  }

  #submenu-sections.item6-sections {
    margin-left: 0;
  }

}
  

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

  #submenu-cards,
  #submenu-links,
  .specializations-submenu h2 {
    margin-left: 38px !important;
  }

  .item6-sections div:nth-of-type(1) {
    margin-left: 3%;
  }
}


/******************************/
/** CONTINUITY BANNER STYLES **/
/******************************/

.continuity-countdown-container .continuity-countdown-numbers p {
  height: 28px !important;
  padding: 0 5px !important;
  width: 28px !important;
}

.continuity-bar-wrapper button {
  display: none !important;
}

.continuity-bar-wrapper {
  display: flex;
  background-color: var(--brand-color-highlight);
  flex-direction: column;
  height: 112px;
}

.continuity-countdown {
  padding-top: 0;
  margin-top: 0;
}

.continuity-countdown-numbers {
  max-width: 50px;
  max-height: 44px;
  color: var(--brand-color-dark);
}

.continuity-countdown-numbers p {
  margin: 0 !important;
}

.continuity-need-help {
  display: none;
}

.continuity-bar-nav div.continuity-countdown {
  display: flex !important;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  gap: 10px;
  margin-top: 0;
  padding-top: 0;
}

.continuity-bar-wrapper ul {
  margin-bottom: 40px;
  margin-top: 10px;
}

.continuity-bar-nav {
  width: 100%;
  background-color: transparent;
  height: 120px;
}

.continuity-mobile-copy {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.continuity-bar-nav div.continuity-countdown:empty {
  display: none !important;
}


.continuity-need-help h2 a:link {
  color: var(--brand-color-highlight);
}

.continuity-need-help h2 a:visited {
  color: var(--brand-color-light);
}

/* legacy CB/tmer color styles (may still be in use) */

.continuity-bar-wrapper.setBlack {
  background-color: var(--ui-color-dark);
}

.continuity-bar-wrapper.setBlack .continuity-bar-nav {
color: var(--ui-color-light);
}

.continuity-bar-wrapper.setDarkBlue {
  background-color: var(--brand-color-dark);
}

.continuity-bar-wrapper.setDarkBlue .continuity-bar-nav {
color: var(--ui-color-light);
}

.continuity-bar-wrapper.setMediumBlue {
  background-color: var(--brand-color-medium);
}

.continuity-bar-wrapper.setMediumBlue .continuity-bar-nav {
color: var(--ui-color-light);
}

.continuity-bar-wrapper.setLightBlue {
  background-color: var(--brand-color-light);
}

.continuity-bar-wrapper.setLightBlue .continuity-bar-nav, .continuity-bar-wrapper.setLightBlue .continuity-need-help h2 a:link  {
color: var(--ui-color-dark);
}

.continuity-bar-wrapper.setYellow {
  background-color: var(--brand-color-highlight);
}

.continuity-bar-wrapper.setYellow .continuity-bar-nav, .continuity-bar-wrapper.setYellow .continuity-need-help h2 a:link {
color: var(--brand-color-dark);
}

.continuity-bar-wrapper.setdarkblue .continuity-bar-nav {
    color: var(--ui-color-light);
    }

.continuity-bar-wrapper.setmidnightsky {
  background-color: var(--brand-color-midnight-sky);
}

.continuity-bar-wrapper.setmidnightsky .continuity-bar-nav {
  color: var(--ui-color-light);
}

.continuity-bar-wrapper.setsunsetsizzle {
  background-color: var(--brand-color-sunset-sizzle);
}

.continuity-bar-wrapper.setsunsetsizzle .continuity-bar-nav {
  color: var(--ui-color-dark);
}

.continuity-bar-wrapper.setirisbuzz {
  background-color: var(--brand-color-iris-buzz);
}

.continuity-bar-wrapper.setirisbuzz .continuity-bar-nav {
  color: var(--ui-color-light);
}

.continuity-bar-wrapper.setcitruspop {
  background-color: var(--brand-color-citrus-pop);
}

.continuity-bar-wrapper.setcitruspop .continuity-bar-nav {
  color: var(--ui-color-dark);
}

.continuity-bar-wrapper.setmorningbliss {
  background-color: var(--brand-color-morning-bliss);
}

.continuity-bar-wrapper.setmorningbliss .continuity-bar-nav {
  color: var(--ui-color-dark);
}

.continuity-bar-wrapper.setaquabliss {
  background-color: var(--brand-color-aqua-bliss);
}

.continuity-bar-wrapper.setaquabliss .continuity-bar-nav {
  color: var(--ui-color-dark);
}

.continuity-bar-wrapper.setBlack .continuity-bar-nav {
color: var(--ui-color-light);
}


.continuity-bar-wrapper.setDarkBlue span.continuity-countdown-numbers p:last-of-type {
color: var(--ui-color-light);
}

.continuity-bar-wrapper.setMediumBlue span.continuity-countdown-numbers p:last-of-type {
color: var(--ui-color-light);
}

.continuity-bar-wrapper.setLightBlue .continuity-bar-nav {
color: var(--ui-color-dark);
}

.continuity-bar-wrapper.setYellow .continuity-bar-nav {
color: var(--brand-color-dark);
}


.setBlack .continuity-need-help h2 a:link {
  color: var(--brand-color-highlight);
}

.setBlack .continuity-need-help h2 a:visited {
  color: var(--brand-color-light);
}

.continuity-bar-wrapper.setLightBlue .continuity-bar-nav {
  color: var(--ui-color-dark);
}

.continuity-bar-wrapper.setYellow .continuity-bar-nav {
  color: var(--brand-color-dark);
}

.continuity-bar-wrapper.setMediumBlue
  span.continuity-countdown-numbers
  p:last-of-type {
  color: var(--ui-color-light);
}

.continuity-bar-wrapper.setMediumBlue .continuity-bar-nav {
  color: var(--ui-color-light);
}


.continuity-bar-wrapper.setDarkBlue
  span.continuity-countdown-numbers
  p:last-of-type {
  color: var(--ui-color-light);
}

.continuity-bar-wrapper.setDarkBlue .continuity-bar-nav {
  color: var(--ui-color-light);
}

/* Telephone number colors */

.setMediumBlue .continuity-need-help h2 a:link {
  color: var(--brand-color-highlight);
}

.setMediumBlue .continuity-need-help h2 a:visited {
  color: var(--brand-color-light);
}

.setDarkBlue .continuity-need-help h2 a:link {
  color: var(--brand-color-highlight);
}

.setDarkBlue .continuity-need-help h2 a:visited {
  color: var(--brand-color-light);
}

.continuity-bar-wrapper.setBlack {
  background-color: var(--ui-color-dark);
}

.continuity-bar-wrapper.setblack .continuity-need-help h2 a:link {
color: var(--ui-color-light);
}

.continuity-bar-wrapper.setmidnightsky .continuity-need-help h2 a:link {
  color: var(--ui-color-light);
}

.continuity-bar-wrapper.setsunsetsizzle .continuity-need-help h2 a:link {
  color: var(--ui-color-dark);
}

.continuity-bar-wrapper.setcitruspop .continuity-need-help h2 a:link {
  color: var(--ui-color-dark);
}

.continuity-bar-wrapper.setirisbuzz .continuity-need-help h2 a:link {
  color: var(--ui-color-light);
}

.continuity-bar-wrapper.setmorningbliss .continuity-need-help h2 a:link {
  color: var(--ui-color-dark);
}

.continuity-bar-wrapper.setaquabliss .continuity-need-help h2 a:link {
  color: var(--ui-color-dark);
}

.continuity-bar-wrapper.setmediumblue .continuity-need-help h2 a:link {
color: var(--ui-color-light);
}

.continuity-countdown-numbers {
    /* Extra needed for size up? No cascade due to rebuild? */
  max-width: 50px;
  max-height: 44px;
  color: var(--brand-color-dark);
}

.continuity-need-help {
    /* Extra needed? */
  display: none;
}

.continuity-bar-nav div.continuity-countdown {
  display: flex !important;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  gap: 10px;
  margin-top: 10px;
}

.continuity-bar-nav {
  width: 100%;
  background-color: transparent;
}

.mobile-call img {
  height: 26px;
}

.quick-link-container .icon-phone span {
  position: relative;
  left: 0;
  top: -56px !important;
  padding-right: 36px;
}


.mobile-call {
  padding-left: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}



/* Start section 3 */
.continuity-countdown-container .continuity-countdown-numbers p {
  height: 28px !important;
  padding: 0 5px !important;
}

.continuity-bar-mobile {
  height: 100px !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.continuity-mobile-copy {
  flex-basis: unset !important;
  height: 100%;
}

.continuity-bar-wrapper {
  display: flex;
  background-color: var(--brand-color-highlight);
  flex-direction: column;
  height: 120px;
}

.continuity-need-help h2 a:link {
  color: var(--brand-color-highlight);
}

.continuity-countdown-numbers p {
  display: block;
  color: black;
}

.continuity-bar-nav div.continuity-countdown {
  display: flex !important;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  gap: 10px;
  margin-top: 10px;
}

.continuity-bar-nav {
  width: 100%;
  background-color: transparent;
}

.continuity-countdown-numbers p {
  font-size: 16px;
  color: black;
  z-index: 999;
  display: block;
}

.continuity-countdown-container {
  overflow: visible !important;
}

.continuity-bar-wrapper {
  overflow: hidden;
}


.continuity-bar-slide-contents {
  display: flex;
  align-items: center;
}

.continuity-bar-slide-contents h2, .continuity-bar-slide-contents p {
  /* Override for incredibly nonspecific sfcontentblock styling */
  margin: 0;
  padding-top: 16px;
}

.continuity-countdown {
  display: flex;
}

.cb-double-wrap {
    min-height: 112px;
    background-color: var(--brand-color-highlight);
}

.mobile-call {
  padding-left: 20px;
  display: flex;
}


.continuity-bar-wrapper {
  overflow: hidden;
  position: relative;
  z-index: 9999;
  /* fix issue with click and swipe blocked */
}

.continuity-bar-mobile {
  height: 60px !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.continuity-mobile-copy {
  flex-basis: unset !important;
  height: 100%;
}

.continuity-bar-wrapper {
  display: flex;
  background-color: var(--brand-color-highlight);
  flex-direction: column;
  height: 70px;
}

.continuity-bar-nav {
  width: 100%;
  background-color: transparent;
  height: 70px;
}

.continuity-mobile-copy {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.continuity-need-help h2 a:link {
  color: var(--brand-color-highlight);
}

.continuity-bar-wrapper.setBlack {
  background-color: var(--ui-color-dark);
}

.continuity-bar-wrapper.setBlack .continuity-bar-nav {
  color: var(--ui-color-light);
}

.continuity-bar-wrapper.setLightBlue .continuity-bar-nav,
.continuity-bar-wrapper.setLightBlue .continuity-need-help h2 a:link {
  color: var(--ui-color-dark);
}

.continuity-bar-wrapper.setYellow .continuity-bar-nav,
.continuity-bar-wrapper.setYellow .continuity-need-help h2 a:link {
  color: var(--brand-color-dark);
}

.continuity-bar-nav div.continuity-countdown {
  display: flex !important;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  gap: 10px;
  margin-top: 10px;
}


.continuity-bar-nav {
  width: 100%;
  background-color: transparent;
}

.continuity-mobile-copy {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}


.cb-flex {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.cb-desktop {
  height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

/* quick and dirty fix */

.continuity-bar-wrapper {
  height: 128px;
}
.cb-desktop, .continuity-bar-nav {
  height: 100%;
}

@media screen and (min-width: 1024px) {
#submenu-cards h2 {
    margin-bottom: 1vh;
    margin-top: 1vh;
}
  .mobile-call {
  padding-top: 20px;
}

   .mobile-call img {
        height: 28px;
    }

     .mobile-call {
    display: none;
  }
  
  .cb-flex {
    align-items: center;
    display: flex !important;
    width: 800px !important;
    gap: 10px;
  }
  
  .continuity-need-help {
  /* 
  margin-top: 0; 
  */
  display: flex;
  justify-content: center;
  align-items: center;
} 

.continuity-need-help h2 {
  margin: 0;
}
  
  .continuity-bar-desktop {
  display: flex;
    justify-content: center;
  }

  .continuity-bar-wrapper {
    flex-direction: row;
    justify-content: space-between;
    padding: 0 20px;
  }

  .continuity-bar-nav {
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: left;
    width: 88%;
    background-color: transparent;
    max-height: 50px;
  }

  .cb-flex-container {
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 40px;
  }
  .cb-block-container {
    display: block;
  }
  
.continuity-bar-nav .cb-desktop {
  display: flex !important;
    gap: 20px;
    align-items: center;
    justify-content: flex-start;
 
}
  
  .continuity-need-help h2 a:link {
  color: var(--brand-color-highlight);
}

.continuity-bar-nav div.continuity-countdown-container {
  max-height: 50px;
  margin: 0;
  padding: 3px 0 0 0;
}

.cb-carousel-slide {
    height:58px;
  }

  .continuity-bar-nav div {
    display: block !important;
  }

.continuity-need-help h2 {
    /* Need this extra for 1440? */
  margin: 0;
}

  .continuity-bar-nav {
    margin: 0;
    padding: 0;
    text-align: left;
    max-width: 100%;
  }

.cb-desktop, .cb-flex, .continuity-bar-nav, .continuity-bar-wrapper {
  height: 48px !important;
}
  
  .continuity-bar-nav {
    height: 48px;
  }
  
  .continuity-need-help {
  margin-top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
} 
  
  .continuity-bar-nav .cb-block-container {
    display: block;
     /* temporary override while working on carousel */
  }


/* Need extra style for 1440? */
.continuity-need-help h2 a:visited {
  color: var(--brand-color-light);
}
  
  .continuity-bar-nav div.continuity-countdown {
  justify-content: flex-start;
  margin-top: 0 !important;
  padding: 0;
}

  .continuity-bar-nav {
  /* width: 88%; */
  background-color: transparent;
  max-height: 50px;
}

.continuity-need-help {
  margin-top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
} 

  .continuity-bar-wrapper {
    flex-direction: row;
    height:72px;
  }


  .continuity-need-help {
  margin-top: unset;
} 
  
  .continuity-bar-nav .continuity-countdown {
  justify-content: center;
  text-align: center;
}
  
  .continuity-bar-nav {
  width: 88%;
  background-color: transparent;
    max-height: unset !important;

}

   .cb-double-wrap {
        min-height: 48px;
    }

    .continuity-countdown span p:first-of-type {
    font-size: 20px !important;
  }

  .continuity-countdown span p:nth-of-type(2) {
    font-size: 14px !important;
    text-transform: uppercase;
        font-variation-settings: "wght" 600;
        line-height: normal;
        padding: 0px !important;
        margin: 0px !important;
  }

   .cb-carousel-slide.slick-slide,
  .cb-desktop,
  .cb-flex,
  .continuity-bar-nav,
  .continuity-bar-wrapper {
    height: 48px !important;
  }

  .continuity-bar-nav .slick-list {
    height: 48px;
  }

  .continuity-need-help {
    margin-top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .continuity-need-help h2 {
    margin: 0;
  }

  .continuity-bar-desktop {
    display: flex;
    justify-content: center;
  }

  .continuity-bar-nav .cb-block-container {
    display: block;
    /* temporary override while working on carousel */
  }

  .cb-block-container {
    width: 660px;
  }

  .continuity-need-help h2 a:link {
    color: var(--brand-color-highlight);
  }

  .continuity-need-help h2 a:visited {
    color: var(--brand-color-light);
  }

  .continuity-need-help {
    margin-top: unset;
  }

  .continuity-bar-nav div.continuity-countdown-container {
    max-height: 50px;
    margin: 0;
    padding: 3px 0 0 0;
  }

  .continuity-bar-nav div.continuity-countdown {
    justify-content: flex-start;
    margin-top: 0 !important;
    padding: 0;
  }

  .cb-carousel-slide {
    height: 58px;
  }


  .continuity-need-help {
    margin-top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .continuity-need-help h2 {
    margin: 0;
  }

  .continuity-bar-desktop {
    display: flex;
    justify-content: center;
  }

  .continuity-bar-wrapper {
    flex-direction: row;
    height: 72px;
  }

  .continuity-bar-nav .cb-block-container {
    display: block;
    /* temporary override while working on carousel */
  }

  .continuity-need-help h2 a:link {
    color: var(--brand-color-highlight);
  }

  .continuity-need-help h2 a:visited {
    color: var(--brand-color-light);
  }

  .continuity-need-help {
    margin-top: unset;
  }

  .continuity-bar-nav .continuity-countdown {
    justify-content: center;
    text-align: center;
  }

  .continuity-bar-nav {
    width: 88%;
    background-color: transparent;
    max-height: unset !important;
    /* temporary override */
  }
    .cb-flex, .cb-desktop {
    flex-direction: row;
  }
  
  .cb-block-container {
  max-width: 80%;
}

  .continuity-bar-nav .cb-block-container .cb-flex {
    display: flex !important;
  }

  .continuity-bar-nav .cb-block-container {
    width: 840px !important;
  }

  .continuity-countdown-numbers {
    flex-direction: column;
  }

  .continuity-countdown-numbers {
        background: white;
        gap: 0;
        border-radius: 4px;
        justify-content: center;
        align-items: center;
        min-width: 32px;
        max-width: unset;
        max-height: 40px;
        flex-direction: column;
    }
}

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

    .cb-desktop {
  margin-left: 60px;
}

#item6-tab #submenu-cards > div > div > div {
    flex-direction: row;
}

#item6-tab .link-section h2 {
    padding: 24px 0;
}

#item6-tab .link-section h2::after {
    display: none !important;
}

#item6-tab .link-section-links {
    display: flex !important;
    flex-direction: column

}

#item5-tab .submenu-cards, #item7-tab .submenu-cards {
    width: 900px;
}

}