/* COLORS */
/* Teal: #0F76A2 */
/* Purple: #BE2BBB */
/* Indigo: #3312AF */
/* Tan: #F0EFEA */
/* <link rel="stylesheet" href="/content/dam/buildeasy/us-medical/spotlightonanemia/en/0825/css/spotlight-on-anemia-pages.css"> */

#flyout-dynamic-main-nav .active-title { border-bottom: 3px solid #F0EFEA!important; }
.level2-nav-item-text { border-left: 5px solid transparent; }
.level2-nav-item-text:hover { border-left: 5px solid #0F76A2; }
.level2-nav-item-text:hover .level2-nav-item-title { color: #0F76A2!important; }
.parent-nav-item.nav-item-dropdown.no-sublinks { margin-right: 1.1rem!important; }

.cmp-tabs .nav-tabs .nav-item.nav-link { padding: 10px; }
.cmp-tabs .nav-tabs { gap: 2rem; }
.custom-tab-item:focus, .nav-item:focus { outline: #0F76A2 auto 1px!important; }
.cmp-tabs .tab-data { padding: 1rem 0rem; }

.hero-text h2 { font-size: 1.4rem!important;}
#backgroundcontainer-f13196d361 .foot-note-tooltip, #tealBox button.foot-note-tooltip { color: #FFF!important; }

.swipercarousel .box, .swipercarousel .column-control-column { display: flex; align-items: stretch; }
.swipercarousel h3 { margin-bottom: 2rem; }
.swipercarousel p { margin-bottom: 1.125rem!important; }

/* this is to make equal columns */
.column-division > .column-control-column > .aem-Grid.aem-Grid--12.aem-Grid--default--12 { display: flex; flex-direction: column; height: 100%; }
.column-division > .column-control-column > .aem-Grid.aem-Grid--12.aem-Grid--default--12 
  > .backgroundcontainer.responsivegrid.aem-GridColumn.aem-GridColumn--default--12 {
  display: flex; flex-direction: column; flex: 1; }
.column-division > .column-control-column > .aem-Grid.aem-Grid--12.aem-Grid--default--12 
  > .backgroundcontainer.responsivegrid.aem-GridColumn.aem-GridColumn--default--12 
  > .cmp-container { display: flex; flex-direction: column; flex: 1; }
.column-division > .column-control-column > .aem-Grid.aem-Grid--12.aem-Grid--default--12 
  > .backgroundcontainer.responsivegrid.aem-GridColumn.aem-GridColumn--default--12 
  > .cmp-container > .box { display: flex; flex-direction: column; flex: 1; }
  
.h-logo { max-height: 70px; }
.h-limg { margin-top: -1rem; }
.search-section { top: 70px; }

main p, main ul, main ol, main li, .second-link-txt { font-size: 1.1rem!important; }
main p { line-height: 1.5!important; margin-bottom: 1.3rem!important; }
main button p { line-height: 1!important; margin-bottom: 0rem!important; }
.link-list-link-description p { line-height: 1!important; margin-bottom: 0rem!important; }
main ul { margin-left: 1.3rem!important; margin-bottom: 2rem!important; font-size: 1rem; }
main ul.second-nav-links { margin-left: 0rem!important; }
main li { margin-bottom: .8rem; }
.smallFont, ul.smallFont li, .smallFont li { font-size: .9rem!important; }
.center { text-align: center; }
.strong { font-weight: bold; }
.underline { text-decoration: underline; text-underline-offset: 3px;  }
.bottomMargin2 { margin-bottom: 2rem!important; }
.bottomMargin275 { margin-bottom: 2.75rem!important; }
.marginLeft1 { margin-left: 1rem; }
.marginAuto { margin-left: auto; margin-right: auto; }
.marginLeft1 { margin-left: 1rem; }
.topMargin3 { margin-top: 3rem!important; }
footer a:hover, p a:hover { color: rgb(129 6 126)!important; }
.text1rem { font-size: 1rem!important; }
.borderRadius20 { border-radius: 20px; }


/* SEARCH */
.search-pane .sb-container, .search .sb-container { margin-top: -9rem; }
.search-icon-button, .s-btn-icon { width: 1.5rem; height: 1.5rem; }

/* HEADERS */
h1 { font-size: 2.8rem; color: var(--scope-headline); font-weight: normal!important; }
h2 { font-size: 2.1rem; color: var(--scope-headline); margin-bottom: 2rem!important; font-weight: normal!important; }
h3 { font-size: 1.7rem!important; color: var(--scope-headline); margin-bottom: 0.6rem; font-weight: normal; }
h4 { font-size: 1.3rem!important; color: var(--scope-headline); margin-bottom: 0.4rem; font-weight: normal;  }
h5 { font-size: 1.2rem!important; color: var(--scope-headline); margin-bottom: 0.4rem; font-weight: normal;  }
h1 .foot-notes sup, h2 .foot-notes sup, h3 .foot-notes sup, h4 .foot-notes sup { font-size: 1rem!important; }

/* TEXT COLORS */
.tealText { color: #0F76A2; }
.whiteText { color: #FFF!important; }
.purpleText { color: #be2abb; }
a.whiteText:hover { color: #F8FCFD!important; }

/* BUTTONS */
/*main button p { font-size: 1.1rem!important; }
main button .active { font-weight: bold; }
main button:hover { background-color: rgb(129 6 126)!important; }*/

.mintButton, .rich-text a.mintButton { background-color: #B8E1EE; padding: 1rem 1.4rem; font-size: 1.3rem; width: auto; color: #1C4650!important; border-radius: 10px; font-weight: bold; }
.mintButton:hover, .rich-text a.mintButton:hover { background-color: #9cc5d2; }

.purpleButton, .rich-text a.purpleButton { background-color: #C541C2; padding: 1rem 1.4rem; font-size: 1.3rem; width: auto; color: #FFF!important; border-radius: 10px; font-weight: bold; }
.purpleButton:hover, .rich-text a.purpleButton:hover { background-color: #a81da6; }

/* BE LINK BOXES */
.link-list-column-container { padding-left: 0px; padding-right: 0px; } 
.link-list-link-headline { font-weight: 400!important; text-decoration: underline!important; color: #0F76A2!important; font-size: 1.35rem!important; line-height: 1.5!important; margin-bottom: 0.5rem; text-underline-offset: 2px; }
.link-list, .link-list-link-description { font-size: 1.25rem!important; line-height: 1.5!important; } 
.link-list-content-wrapper { max-width: 100%!important; border-left: 4px solid #0F76A2; }
.link-list-link-headline p { margin-bottom: 0px!important; }
.link-list-title-wrapper p { font-size: 1.3rem!important; }
.link-list-link-description p { line-height: 1.5!important; }
.link-list-link-headline:hover p { color: #be2abb!important; }

/* Link List that Allows New Tab Links */
.linkListNT_Wrapper { width: 100%; border-left: 4px solid #0F76A2;  }
.linkListNT_Container { width: 100%; padding-top: 1rem; padding-left: 2rem; border-top: 1px solid rgba(238, 231, 231); }
.linkListNT_Title { font-size: 1.35rem; line-height: 1.5; margin-bottom: 0.5rem; overflow: visible; text-overflow: unset; white-space: normal; width: 100%; }
.linkListNT_Title a { color: #3312AF; text-decoration: underline; text-underline-offset: 2px; overflow: visible; text-overflow: unset; white-space: normal; width: 100%; }
.linkListNT_Title a:hover { color: var(--scope-primary); text-decoration: underline; text-underline-offset: 2px; }
.linkListNT_Description { font-size: 1.25rem; line-height: 1.5; margin-bottom: 2rem; } 

figcaption { font-size: 1rem!important; font-weight: normal!important; line-height: 1.5!important; margin-top: 1.5rem!important; }

.HealthHub-image-group { margin-top: 0px; }

.custom-tab-content { margin-bottom: 0px; margin-top: 0px; }
.custom-tabs .custom-tab-item { font-weight: normal; line-height: 1.5; }
.custom-tabs .custom-tab-item.active { font-weight: bold!important; }
.custom-tab-item .text-large { font-size: 1.3rem!important; }
.content-text-img-wrapper p { margin-left: auto; margin-right: auto; max-width: 100%; }

.pinkBox { background-color: #F8EAF8; padding: 1.5rem; text-align: left; border-radius: 5px; margin-top: 2rem; margin-bottom: 2rem; max-width: 1018; margin-left: auto; margin-right: auto; }
.pinkBox .imageContainer { max-width: 20%; float: left; margin-right: 2rem; background-color: transparent; }
.pinkBox img { max-width: 80px; background-color: transparent; }
.pinkBox .textContainer { width: 80%; float: left; }
.clear { clear: both; height: 1px; }

.list-container { display: flex; justify-content: space-between; background-color: white; border: 1px solid var(--scope-link); border-radius: 20px; padding: 2rem 1.5rem 0rem 0rem; }
.list-container  ul { width: 48%; padding-left: 0; list-style-position: inside; padding-bottom: 0px; margin-bottom: 1rem!important; }
.list-container  li { width: 100%; background-color: #F8EAF8; padding: 1rem; margin-bottom: 1rem; list-style-type: disc; color: #333; border-radius: 10px; }
.list-container ul.left-list li::marker, ul.right-list li::marker { color: var(--scope-link); }
.list-container ul.left-list { padding-left: 1px; }

.accordion { width: 100%; }
.accordion-wrapper { padding-left: 0px; padding-right: 0px; }
.accordion-title p, .accordion-title, .accordion-title p span { color: #4F4A4A!important; font-weight: normal!important; line-height: 1.5; font-size: 1.1rem!important;  }
.accordion-wrap-content a { text-decoration: underline!important; text-underline-offset: 3px; }
.accordion-contents { margin-bottom: 2rem; }
button.accordion-heading:hover, .expand-all-link-btn:hover { background-color: #FFF!important; }
button.accordion-heading:hover p, .expand-all-link-btn:hover { color: rgb(129 6 126)!important; }

.pdfWrapper { width: 100%; padding: 1rem; text-align: left; float: left; clear: left; }
.pdfThumbnail img { max-height: 120px; margin-right: 1.5rem; float: left; }
.pdfTitle { font-size: 1.25rem; font-weight: bold; text-align: center; text-decoration: underline; text-underline-offset: 3px; text-align: left; } 
.pdfDescription { max-width: 80ch; }

.slider-with-image-below-main .swiper-pagination-bullets { top: auto!important; bottom: 0px!important; }

.minHeight16rem { min-height: 16rem; }
.flex_equalHeight, #flex_equalHeight { display: flex; flex-direction: column; }
.flex_forceFill { flex-grow: 1; }

header .xf-content-height { min-height: 0px!important; height: 0px; }

/* VERTICAL NAVIGATION */

.second-nav.sticky-sec-navigation.second-nav-sticky, .second-nav.sticky-sec-navigation { width: 200px!important; }
.second-nav.sticky-sec-navigation.second-nav-sticky h2, .second-nav.sticky-sec-navigation.second-nav-sticky h2 p, .second-nav.sticky-sec-navigation h2, .second-nav.sticky-sec-navigation h2 p  { margin-bottom: 0px!important; }
.second-nav.sticky-sec-navigation.second-nav-sticky .second-link-txt, .second-nav.sticky-sec-navigation .second-link-txt { font-size: 1rem!important; margin-top: 0.5rem!important; }
.second-nav.sticky-sec-navigation.second-nav-sticky .second-nav-item, .second-nav.sticky-sec-navigation .second-nav-item { margin-bottom: 0.5rem!important; }


/* FOOTER */
footer a, p.purple-text a, .purple-text a, p.purpleText a, .purpleText a { text-decoration: underline!important; text-underline-offset: 2px; }
footer a, footer a .purple-text { color: #3312AF!important; }
footer, footer p { font-size: 1rem!important; }
footer p { margin-bottom: 0.5rem!important; }
footer h5 .purple-text b, footer h5 { font-weight: normal!important; font-size: 1rem!important; }

/* Tooltips */
span.soaTT { border-bottom: 1px dotted; }
.soaTT { position: relative; box-sizing: border-box; } 
.soaTT::after, .soaTT::before { visibility: hidden; opacity: 0; position: absolute; left: 50%; box-sizing: border-box; }
.soaTT::after { content: attr(data-tooltip); background: rgba(0, 0, 0, 0.8); top: 100%; margin-top: 22px; /* 10px triangle + 12px offset */ padding: 10px; color: white; line-height: 1.5; width: 250px; margin-left: -125px; /* half of width */ border-radius: 4px; }
.soaTT::before { content: ""; top: 100%; margin-top: 12px; margin-left: -5px; /* half of triangle height */ border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid rgba(0, 0, 0, 0.5); }
.soaTT:hover::after, .soaTT:hover::before { transition: all 400ms ease 200ms; visibility: visible; opacity: 1; }
.soaTT:hover::after { margin-top: 15px; /* 5px offset + 10px triangle */ }
.soaTT:hover::before { margin-top: 5px; }

.noMarginBottom { margin-bottom: 0px!important; }

@media (max-width: 767px) {
    .mobile-width>.col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        max-width: 100%;
    }
	.fixe-nav-bar .h-sec { background-color: #00425E; }
}