/*base text color*/
body {
  color: #4D4D4F !important;
}

/*Eversana styles*/
html body {
  /*remove hyphen style globally*/
  word-break: normal;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  hyphenate-limit-chars: initial;
}
html main .container {
  /* adjust max width so body content aligns with header/footer*/
  max-width: 1170px;
}
@media screen and (max-width: 991px) {
  html .container.px-lg-0.cmp-footer-isi-content-element {
    /* adjust paddding left/right to 15px to align with body content*/
    padding-left: 0.938rem;
    padding-right: 0.938rem;
  }
}
@media screen and (max-width: 1024px) {
  html .h-logo {
    /* adjust margin left so logo is 15px from left of screen*/
    margin-left: 0.625rem;
  }
}
@media screen and (min-width: 1024px) {
  html .h-limg {
    /* adjust logo size on desktop*/
    height: 85px;
    max-height: 85px;
  }
}
@media screen and (max-width: 1024px) {
  html .h-limg {
    /* adjust margin left so logo is 15px from left of screen*/
    margin-left: 0.313rem;
  }
}
html .image-modal-container .image-modal-icon {
  /*update background color of image modal icon to align to brand color*/
  background-color: var(--scope-primary);
}

@media screen and (min-width: 1024px) {
  .table-body {
    /* add overflow-x scroll to table body on desktop */
    overflow-x: scroll;
  }
}
@media (max-width: 1023px) {
  html .h2, html h2 {
    /* adjust h2 size on mobile */
    font-size: 1.5rem;
  }
  html .h4, html h4 {
    /* adjust h4 size on mobile n*/
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  html nav.navbar .fly-out-link[href*="www.bmscustomerconnect.com"],
  html nav.navbar .fly-out-link[href*="www.opdualag.com"],
  html .parent-nav-item-link[href*="www.bmscustomerconnect.com"],
  html .parent-nav-item-link[href*="www.opdualag.com"] {
    /* hide these links on desktop nav */
    display: none;
  }
}
/***HEADER****/
html .pageHeaderComponent {
  position: relative;
}
html .pageHeaderComponent .header-container {
  /* remove background color to header reset hyphens*/
  background: transparent;
}
html .pageHeaderComponent .ph-v4-container {
  /* set to block so line-height is applied*/
  width: 100%;
}
html .pageHeaderComponent .ph-v4-container:nth-of-type(2) .text-small {
  /* set to block so line-height is applied*/
  display: block;
  font-weight: 400;
}
html .pageHeaderComponent .ph-ptxt {
  /* remove top/bottom margin from excerpt container */
  margin: 0;
}
html .pageHeaderComponent span {
  /* remove max-width on span */
  max-width: none;
}
html .pageHeaderComponent .ph-h1 sup {
  /* setting size of superscript in hero */
  top: -0.6em;
  font-size: 60%;
}
html .pageHeaderComponent .ph-h1 .headline-small {
  /* setting line height and font size */
  font-size: 16px;
  font-weight: 600;
  line-height: 23.2px;
  margin-bottom: 1rem;
}

@media (max-width: 1023px) {
  html .pageHeaderComponent p {
    /* set to color of header text for mobile only */
    color: var(--scope-primary);
    margin: 0;
  }
  html .pageHeaderComponent .header-container {
    /* reset position on header container */
    position: initial;
  }
  html .pageHeaderComponent .header-container .mph-container-v4 {
    /* reset to position and padding of header text container */
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    padding-left: 0.938rem;
    padding-right: 0.938rem;
    padding-bottom: 0.875rem;
    padding-top: 0.875rem;
  }
  html .pageHeaderComponent .top-left-alignment .hero-text {
    /* reset to position and width of hero-text */
    position: relative;
    width: auto;
  }
  html .pageHeaderComponent > div {
    /* move excerpt above hero text on mobile */
    display: flex;
    flex-wrap: wrap-reverse;
  }
  html .pageHeaderComponent .ph-h1 {
    /* font size of hero h1 */
    font-size: 28px;
    font-weight: 700;
    line-height: 135%;
  }
  html .pageHeaderComponent .ph-h1 br,
  html .pageHeaderComponent .page-head-description br,
  html .pageHeaderComponent .ph-v4-container:nth-of-type(2) br {
    /* remove forced breaks used for desktop/tablet wrapping */
    display: none;
  }
  html .pageHeaderComponent .ph-img-v4 {
    /* set size/placement/background of mobile hero image container */
    /*position: absolute;*/
    top: 0;
    left: 0;
    overflow: hidden;
    min-width: 100%;
    height: 9.375rem;
    width: 100%;
    background: #e8f5f7;
    margin-bottom: 1.6rem;
  }
  html .pageHeaderComponent .ph-v4-image {
    /* set size and placement mobile of hero image */
    height: 9.375rem;
    max-width: none;
    width: auto;
    display: block;
    position: absolute;
    left: 0%;
  }
  html .pageHeaderComponent .ph-container-v4.ph-v4-container {
    /* set padding top of excerpt container leaving room for mobile image */
    padding-top: 1rem;
  }
  html .pageHeaderComponent .header-wrapper-ph-v5 {
    /* reset left/right padding and text align excerpt */
    padding-left: 0.938rem;
    padding-right: 0.938rem;
    max-width: none;
  }
  html .pageHeaderComponent .ph-v4-container:nth-of-type(2) p {
    margin-bottom: 0rem;
  }
  html .pageHeaderComponent .ph-v4-container:nth-of-type(2) p .text-small {
    /* set size of disclaimer text in excerpt */
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: 400;
    margin-bottom: 0rem;
  }
  html #homepage-hero > div:first-of-type .column-control-column br {
    /*remove hard line breaks from mobile*/
    display: none;
  }
}
@media (min-width: 1024px) {
  html .pageHeaderComponent {
    /* set height of page head  */
    height: 18.75rem;
    margin-bottom: 3.75rem;
  }
  html .pageHeaderComponent p {
    /* set text color of page head  */
    color: var(--scope-primary);
    margin: 0;
  }
  html .pageHeaderComponent p .footnote {
    /* set font size and position of footnote */
    font-size: 14px;
    line-height: 20.3px;
    position: relative;
    top: 8rem;
  }
  html .pageHeaderComponent .ph-h1 {
    /* set size on bigger screen */
    color: var(--scope-primary);
    font-family: "Proxima Nova", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 130%;
  }
  html .pageHeaderComponent .img-pimary {
    /* set height and background gradient of head img container  */
    height: 18.75rem;
    width: auto;
    max-width: none;
    position: relative;
    background: linear-gradient(180deg, #e8f5f7 0%, #e8f5f7 100%);
  }
  html .pageHeaderComponent .ph-v4-image {
    /* set height and placement head desktop img  */
    width: auto;
    height: 18.75rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    max-width: max-content;
    display: block;
  }
  html .pageHeaderComponent .page-head-header-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  html .pageHeaderComponent .hero-text {
    top: auto;
  }
  html .pageHeaderComponent .page-head-description p {
    /* set font style of page head description  */
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
  html .pageHeaderComponent .ph-v4-container:nth-of-type(2) {
    /* set placement of excerpt  */
    position: absolute;
    bottom: 0;
    padding: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1140px;
    margin: 0 auto;
  }
  html .pageHeaderComponent .ph-v4-container:nth-of-type(2) p {
    /* set margin of excerpt  */
    margin-bottom: 1rem;
  }
  html .pageHeaderComponent .header-wrapper-ph-v5 {
    /* set width of excerpt  */
    max-width: 50%;
    margin: 0;
  }
  html .pageHeaderComponent .header-container .mph-container-v4 {
    /* set padding of header text container */
    padding: 0;
  }
}
@media (min-width: 1025px) and (max-width: 1179px) {
  html .pageHeaderComponent .ph-v4-container:nth-of-type(2) p {
    /*set margin to excerpt*/
    margin-left: 1rem;
  }
}
@media (min-width: 1023px) and (max-width: 1200px) {
  .top-left-alignment .hero-text {
    /* set width of page head text  */
    width: 50%;
  }
  html .pageHeaderComponent .ph-h1 {
    /* set size on middle screen to avoid overlap with the hero image */
    font-size: 30px;
    line-height: 120%;
  }
}
@media (min-width: 1201px) {
  html .pageHeaderComponent .top-left-alignment .hero-text {
    /* set width of page head text  */
    width: 56%;
  }
  html #homepage-hero > div:first-of-type {
    /* set width of homepage hero text  */
    justify-content: flex-end;
    display: flex;
  }
  html #homepage-hero > div:first-of-type .column-control-column {
    /* set width based on screen size */
    width: 585px;
  }
}
@media (width: 1024px) {
  html .pageHeaderComponent .hero-text {
    /* align hero text at 1024px */
    left: 1rem;
  }
  html .pageHeaderComponent .ph-v4-container:nth-of-type(2) .text-small {
    /* align hero text at 1024px */
    margin-left: 1rem;
  }
  html .pageHeaderComponent .img-pimary-mobile-v4 {
    /* remove mobile image at 1024px, causing issues with taking up space on ipad 6th gen*/
    display: none;
  }
}
#homepage-hero {
  /*remove negative margin from homepage-hero to prevent horizontal scroll */
  margin-right: 0;
  margin-left: 0;
}
#homepage-hero > div {
  /* remove padding from homepage-hero to prevent horizontal scroll */
  padding-right: 0;
  padding-left: 0;
}
#homepage-hero > div:first-of-type .column-control-column h1 {
  /* set font size of h1 in homepage hero */
  font-size: 36px;
}
@media (min-width: 768px) {
  #homepage-hero .slider-with-image-below-main .slider-with-image-below-text {
    /* remove padding of slider with image below text on desktop */
    padding: 0;
  }
}