/* -------------------------
    Billings Clinic Demo
    Rebranded: One Sky Health (formerly Billings Clinic) - launch Nov 10, 2026
   ------------------------- */
/*
One Sky Health brand swatches (from client swatch library, Sept 2026)

Purple Mountain Majesty : #3b0e65   main brand color - nav, footer, buttons, links
Sky Blue                : #688adf   the ONLY blue for supporting graphics (borders, accents)
Logo Blue               : #5685fd   RESERVED for the logo "bird" - do not use in UI
Lupine                  : #9c84b6
Harvest Gold            : #e09e34
Meadowlark Yellow       : #dcc638   never place next to Purple Mountain Majesty
Glacier Blue            : #8dbac5
Winter Forest           : #1b4a5b   header band, feature blocks, secondary buttons
Lichen Green            : #727c4a

Accessibility notes:
- White text on Sky Blue is ~3.3:1 (fails WCAG AA for normal text), so Sky Blue is used
  for borders, rules and decorative accents only - never as a fill behind white text.
- Text/buttons use Purple (white on purple ~14:1) or Winter Forest (white on teal ~9.7:1).

Variable mapping (existing variable names kept so the rest of this file re-themes itself):
    @color-primary        Winter Forest        (was #0086D0 blue)
    @color-primary-bold   darker Winter Forest (was #0077b9)
    @color-primary-light  Sky Blue             (was #7DD3F7) - borders/accents only
    @color-secondary      Purple Mtn Majesty   (was #432580)
*/
/* One Sky Health palette */
/* footer cards / subfooter - shade of brand purple */
/* nav hover - tint of brand purple */
/* light tint of Sky Blue for text/hover on purple */
/* very light Sky Blue wash for panels */
/* warm neutral used on the new site; replaces the old pale yellow */
/* 2 Typography
----------------------------------------------------------------------------- */
.topic-title {
  background-color: #3b0e65;
  color: #EEEEEE;
  border: none;
  border-bottom: 20px solid #1b4a5b;
}
.topic-title i {
  background-color: #1b4a5b;
  color: #EEEEEE;
}
.topic-title h2 {
  color: #EEEEEE;
}
.subtopic-title {
  background-color: #3b0e65;
  color: #EEEEEE;
}
.subtopic-title > h3 {
  color: #EEEEEE;
}
.subtopic-title > h3 a {
  color: #EEEEEE;
}
.subtopic-title > h3 a:hover {
  color: #FFFFFF;
}
.subtopic-title > i {
  background-color: #1b4a5b;
  color: #EEEEEE;
}
.subtopic-title > h4 {
  background-color: #1b4a5b;
  color: #EEEEEE;
}
a {
  color: #3b0e65;
}
a:hover {
  color: #1b4a5b;
}
/* Lists
----------------------------------*/
.list-triangle li:after {
  color: #1b4a5b;
}
ul.list-pacmanBlocks > li {
  background-color: #C0C0C0;
}
/* 3 Layout
----------------------------------------------------------------------------- */
.page-wrapper {
  background-color: #ffffff;
  border-top: 1px solid #1b4a5b;
}
.header-top {
  border-bottom: 1px solid #C0C0C0;
  color: #434343;
}
/* .header and .main-navigation: see section 13 (One Sky Health header) */
.bg-color-light {
  background-color: #f6f6f6;
  border-top: 1px solid #688adf;
  border-bottom: 1px solid #688adf;
}
.bg-color-gray {
  background-color: #3b0e65;
}
.bg-color-default {
  background-color: #1b4a5b;
}
.bg-color-gray *,
.bg-color-default * {
  color: #fff;
}
/* Blocks (general/reusable)
----------------------------------*/
.sidebar .block {
  border-bottom: 1px solid #688adf;
}
.detailsBox .detailsBox-content {
  border-color: #1b4a5b;
  border-bottom: 20px solid #1b4a5b;
}
.detailsBox .detailsBox-decoration {
  border-color: #C0C0C0;
}
.notificationBox {
  border-color: #3b0e65;
  background-color: #F6F6F6;
}
.notificationBox-icon {
  color: #3b0e65;
}
.notificationBox > p {
  color: #3b0e65;
}
/* Miscellaneous
----------------------------------*/
.separator {
  background-color: #434343;
}
.separator:after {
  background-color: #1b4a5b;
}
.separator-2 {
  background-color: #434343;
}
.vertical-div {
  background-color: #434343;
}
/* 4 Sections
----------------------------------------------------------------------------- */
/* Footer
----------------------------------*/
/* .footer and .subfooter: see section 13 (One Sky Health footer) */
/* 5 Pages
----------------------------------------------------------------------------- */
/* Blog 
----------------------------------*/
.post-date {
  background-color: #1b4a5b;
}
.blogpost-content {
  border-bottom: 1px solid #688adf;
}
.post-info {
  color: #727272;
}
.post-info a {
  color: #434343;
}
/* 6 Template Elements
----------------------------------------------------------------------------- */
ul.pagination li > a,
.pagination > li:first-child > a,
.pagination > li:last-child > a {
  border-color: #688adf;
  background-color: transparent;
  color: #434343;
}
ul.pagination li > a:hover {
  background-color: transparent;
  color: #ffffff;
  background-color: #133844;
  border-color: #133844;
}
ul.pagination li.active a,
.pagination > .active > a:hover,
.pagination > .active > a:focus {
  color: #ffffff;
  background-color: #133844;
  border-color: #133844;
}
/* Buttons
----------------------------------*/
.btn-gray {
  color: #ffffff;
  background-color: #88939c;
  border-color: #88939c;
}
.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.btn-gray.active,
.open .dropdown-toggle.btn-gray {
  color: #ffffff;
  background-color: #1b4a5b;
  border-color: #1b4a5b;
}
.btn-default,
#preheader-contact-form .btn-default.disabled,
#contact-form .btn-default.disabled,
#footer-form .btn-default.disabled {
  background-color: #3b0e65;
  color: #fff;
  border-color: #3b0e65;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #fff;
  background-color: #1b4a5b;
  border-color: #1b4a5b;
}
#preheader-contact-form .btn-default.disabled,
#contact-form .btn-default.disabled,
#footer-form .btn-default.disabled {
  background-color: #3b0e65;
  color: #fff;
  border-color: #3b0e65;
}
.btn-white {
  background-color: transparent;
  color: #262626;
  border-color: #688adf;
}
.footer .btn-white:hover,
.subfooter .btn-white:hover {
  color: #fff;
}
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
  color: #fff;
  background-color: #133844;
  border-color: #133844;
}
.bg-color-gray .btn-white {
  color: #fff;
  border-color: #fff;
}
.bg-color-gray .btn-white:hover,
.bg-color-gray .btn-white:focus,
.bg-color-gray .btn-white:active,
.bg-color-gray .btn-white.active,
.bg-color-gray .open .bg-color-gray .dropdown-toggle.btn-white {
  color: #fff;
  background-color: #798D9E;
  border-color: #798D9E;
}
.bg-color-default .btn-white {
  color: #fff;
  border-color: #fff;
}
.bg-color-default .btn-white:hover,
.bg-color-default .btn-white:focus,
.bg-color-default .btn-white:active,
.bg-color-default .btn-white.active,
.bg-color-default .open .bg-color-default .dropdown-toggle.btn-white {
  color: #fff;
  background-color: #133844;
  border-color: #133844;
}
.pillSquare {
  border: 2px solid #727272;
  color: #133844;
}
.pillSquare:hover {
  background-color: #3b0e65;
  border-color: #3b0e65;
}
/* Forms
----------------------------------*/
.form-control {
  border-color: #133844;
  color: #000;
}
.form-control:focus {
  border-color: #727272;
}
.preheader .form-control,
.footer .form-control {
  color: #C0C0C0;
  border-color: #C0C0C0;
}
.preheader .form-control:focus,
.footer .form-control:focus {
  border-color: #ffffff;
}
.bg-color-default .form-control,
.color-bg-primary .form-control {
  background-color: #faf6ee;
  /* was pale yellow #FDF8D8 */
}
.form-group.name:after {
  color: #688adf;
}
.form-group.email:after {
  color: #688adf;
}
.form-group.subject:after {
  color: #688adf;
}
.form-group.message:after {
  color: #688adf;
}
.form-group.password:after {
  color: #688adf;
}
.form-group.search:after {
  color: #688adf;
}
.form-chunkyFields select,
.form-chunkyFields input[type="text"],
.form-chunkyFields input[type="password"],
.form-chunkyFields input[type="tel"],
.form-chunkyFields input[type="search"],
.form-chunkyFields input[type="email"] {
  color: #262626;
  background-color: transparent;
  border-color: #133844;
}
/* Nav pills
----------------------------------*/
.nav-pills > li > a {
  border-color: transparent;
  color: #434343;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
  background-color: #1b4a5b;
  border-color: transparent;
  color: #fff;
}
.nav-pills.nav-stacked > li > a:after {
  color: #1b4a5b;
}
.nav-pills > li.active > a:after,
.nav-pills > li.active > a:hover:after,
.nav-pills > li.active > a:focus:after,
.nav-pills > li > a:hover:after,
.nav-pills > li > a:focus:after {
  color: #fff;
}
.nav-pills.white > li > a {
  color: #262626;
}
.nav-pills.white > li.active > a,
.nav-pills.white > li.active > a:hover,
.nav-pills.white > li.active > a:focus,
.nav-pills.white > li > a:hover,
.nav-pills.white > li > a:focus {
  background-color: transparent;
  border-color: #688adf;
  color: #262626;
}
.footer-content .nav-pills.nav-stacked > li > a:after {
  color: #fff;
}
.footer-content .nav-pills > li.active > a,
.footer-content .nav-pills > li.active > a:hover,
.footer-content .nav-pills > li.active > a:focus,
.footer-content .nav-pills > li > a:hover,
.footer-content .nav-pills > li > a:focus {
  background-color: transparent;
  border-color: #688adf;
  color: #fff;
}
/* Collapse
----------------------------------*/
.panel-primary {
  border-color: #88939c;
}
.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #1b4a5b;
  border-color: #1b4a5b;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-color: #EEEEEE;
}
.panel-heading a {
  background-color: #1b4a5b;
  color: #ffffff;
}
.panel-heading a.collapsed {
  color: #434343;
  background-color: #f6f6f6;
}
.panel-heading a:hover {
  background-color: #1b4a5b;
  color: #ffffff;
}
/* Images overlay
----------------------------------*/
.image-wrapper {
  border-color: #EEEEEE;
  margin-bottom: 20px;
}
.mask-wrapper.mask-opaque .mask {
  background: #133844;
}
.mask-wrapper.mask-under .mask {
  background: none;
}
.mask .triangle {
  border-color: transparent #1b4a5b transparent transparent;
}
.mask .triangle i {
  color: #ffffff;
}
.mask a {
  color: #ffffff;
}
.mask a:hover {
  color: #ffffff;
}
.mask h1,
.mask h2,
.mask h3,
.mask h4,
.mask h5,
.mask h6 {
  color: #ffffff;
}
.mask p {
  position: absolute;
  color: #fff;
}
.mask-under > p {
  color: #000000;
}
.mask span {
  color: #fff;
}
.mask .social-links li a:hover {
  color: #000;
  background-color: #fff;
  border-color: #fff;
}
.mask-wrapper:hover {
  border-color: transparent;
}
.mask-wrapper.mask-under:hover {
  color: #ffffff;
}
.mask-wrapper.mask-under.mask-opaque:hover {
  background: #133844;
}
.mask-wrapper.mask-under:hover p,
.mask-wrapper.mask-under:hover h3 {
  color: #ffffff;
}
.mask-wrapper.mask-under:hover div.separator-2 {
  background-color: #ffffff;
}
.image-label {
  color: #EEEEEE;
}
/* 7 Navigations
----------------------------------------------------------------------------- */
/* Main navigation
----------------------------------*/
#mobileMenuButton,
#mobileMenuButton.collapsed {
  background-color: #1b4a5b;
  border-color: #1b4a5b;
}
#mobileMenuButton .icon-bar,
#mobileMenuButton.collapsed .icon-bar {
  color: #ffffff;
  background-color: #ffffff;
}
#mobileMenuButton h5,
#mobileMenuButton.collapsed h5 {
  color: #ffffff;
}
#mobileMenuButton:hover,
#mobileMenuButton:not(.collapsed) {
  background-color: #ffffff;
}
#mobileMenuButton:hover .icon-bar,
#mobileMenuButton:not(.collapsed) .icon-bar {
  background-color: #1b4a5b;
}
#mobileMenuButton:hover h5,
#mobileMenuButton:not(.collapsed) h5 {
  color: #1b4a5b;
}
#userTag {
  background-color: #727272;
}
#userTag:hover,
#userTag a:hover {
  background-color: #5e5e5e;
}
@media (max-width: 767px) {
  #userTag {
    background: none;
  }
  #userTag h5 {
    color: #434343;
  }
  #userTag:hover,
  #userTag a:hover,
  #userTag:hover h5 {
    background: none;
    color: #1b4a5b;
  }
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:focus {
  color: #FFFFFF;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #1b4a5b;
  color: #fff;
}
.dropdown-menu {
  background-color: transparent;
}
.dropdown-menu > li > a {
  color: #fff;
  background-color: #1b4a5b;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #133844;
  color: #ffffff;
}
.navbar-default .navbar-toggle {
  border-color: transparent;
}
/*Arrows for parent menu items*/
.dropdown > a:before {
  color: #262626;
}
.navbar-default .navbar-nav > .active.dropdown > a:before,
.navbar-default .navbar-nav > .dropdown > a:hover:before {
  color: #ffffff;
}
.dropdown .dropdown > a:before {
  color: #ffffff;
}
.navbar-default .navbar-symbols > .open > a,
.navbar-default .navbar-symbols > .open > a:hover,
.navbar-default .navbar-symbols > li > a:hover,
.navbar-default .navbar-symbols > .active > a:hover,
.navbar-default .navbar-symbols > .active > a:focus,
.navbar-default .navbar-symbols > .open > a:focus {
  background-color: transparent;
  color: #c9d5f5;
  /* was pale yellow #FDF8D8 - yellow may not sit next to brand purple */
}
.navbar-symbols > li > .dropdown-menu {
  background-color: #ffffff;
}
.dropdown-menu-icons .icon-box-1:hover,
.dropdown-menu-icons .icon-box-2:hover,
.dropdown-menu-icons .icon-box-3:hover {
  border-color: #133844;
}
/* TopicsMenu
----------------------------------*/
.topicsMenu a.contextBtn:hover {
  color: #688adf;
}
.pillBox {
  border-color: #3b0e65;
  background-color: #F6F6F6;
}
.pillBox .pillBox-title {
  background-color: #3b0e65;
  color: #ffffff;
}
.btn-pillTag {
  border-color: #133844;
  background-color: #ffffff;
  color: #133844;
}
.btn-pillTag:hover {
  color: #ffffff;
  background-color: #133844;
}
.layout-LeftNav #sidebars .btn-pillTag {
  border-color: transparent;
  background-color: transparent;
}
.layout-LeftNav #sidebars .btn-pillTag:hover {
  color: #133844;
  border-color: #1b4a5b;
  background-color: #ffffff;
}
/* Subfooter navigation
----------------------------------*/
.subfooter .navbar {
  background: transparent;
  border-color: transparent;
}
.subfooter .navbar-default .nav > li > a {
  color: #EEEEEE;
}
.subfooter .navbar-default .nav > li > a:hover,
.subfooter .navbar-default .nav > .active > a:hover,
.subfooter .navbar-default .nav > .active > a:focus {
  background-color: transparent;
  color: #c9d5f5;
}
/* Fixed navigation
----------------------------------*/
.fixed-header-on .main-navigation.fixed {
  border-color: #3b0e65;
  background-color: #3b0e65;
}
.fixed-header-on .main-navigation.fixed .navbar-symbols > li > .dropdown-menu {
  box-shadow: 0px 1px 1px #C0C0C0;
  background-color: #ffffff;
}
/* Media queries
----------------------------------*/
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .navbar-default {
    background-color: transparent;
  }
  /*Arrows for parent menu items*/
  .dropdown > a:before {
    color: #e4e4e4;
  }
  .dropdown:hover > a:before {
    color: #ffffff;
  }
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .subfooter .navbar-default .nav > li > a {
    border-right: 1px solid #C0C0C0;
  }
}
/* Small devices (tablets, phones less than 767px) */
@media (max-width: 767px) {
  /*Main menu*/
  .navbar-default {
    background-color: #f6f6f6;
    border-color: #f6f6f6;
  }
  .navbar-default .navbar-collapse {
    border-color: #C0C0C0;
    color: #262626;
  }
  .main-navigation .navbar-default .navbar-toggle:hover,
  .main-navigation .navbar-default .navbar-toggle:focus {
    background-color: transparent;
    border-color: #C0C0C0;
  }
  .navbar-default .navbar-nav > li > a {
    color: #262626;
  }
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus {
    color: #3b0e65;
  }
  .navbar-default .navbar-symbols > .open > a,
  .navbar-default .navbar-symbols > .open > a:hover,
  .navbar-default .navbar-symbols > li > a:hover,
  .navbar-default .navbar-symbols > .active > a:hover,
  .navbar-default .navbar-symbols > .active > a:focus,
  .navbar-default .navbar-symbols > .open > a:focus,
  .navbar-nav .open .dropdown-menu {
    color: #3b0e65;
  }
  .dropdown.open > a:before {
    color: #262626;
  }
  .dropdown .dropdown > a:before {
    color: #262626;
  }
  /*subfooter nav*/
  .subfooter .navbar-default .navbar-toggle:hover,
  .subfooter .navbar-default .navbar-toggle:focus {
    background-color: transparent;
    border-color: #888;
  }
  .subfooter .navbar-default .navbar-collapse {
    border-color: #000000;
  }
}
/* 9 Blocks/Widgets
----------------------------------------------------------------------------- */
/* Logo
----------------------------------*/
.logo a {
  color: #434343;
}
.logo span {
  color: #688adf;
}
/* Tags cloud block
----------------------------------*/
.tag a,
.tag button {
  border-color: #688adf;
  color: #434343;
  background-color: #ffffff;
}
.tag a:hover,
.tag button:hover,
.tag.active a,
.tag.active button {
  color: #ffffff;
  background-color: #133844;
  border-color: #133844;
}
/* Icon-boxes
----------------------------------*/
.icon-box i {
  border-color: #1b4a5b;
}
.icon-box:hover i,
.icon-box.icon-box-active i {
  color: #fff;
  background-color: #133844;
  border-color: #133844;
}
.icon-box-2 i {
  color: #1b4a5b;
  border-color: #1b4a5b;
}
.icon-box-2:hover i,
.icon-box-2.icon-box-active i {
  color: #fff;
  background-color: #133844;
  border-color: #133844;
}
.icon-box-2:hover h3,
.icon-box-2.icon-box-active h3 {
  color: #133844;
}
.icon-box-3 i {
  color: #1b4a5b;
  border-color: #1b4a5b;
}
.icon-box-3:hover i,
.icon-box-3.icon-box-active i {
  color: #fff;
  background-color: #133844;
  border-color: #133844;
}
.icon-box-3:hover h3,
.icon-box-3.icon-box-active h3 {
  color: #133844;
}
.icon-box-4 {
  color: #434343;
  border-color: #1b4a5b;
}
.icon-box-4 i {
  color: #1b4a5b;
}
.icon-box-4:hover,
.icon-box-4.icon-box-active {
  background-color: #133844;
  border-color: #133844;
}
.icon-box-4:hover *,
.icon-box-4.icon-box-active * {
  color: #fff;
}
/*MHN icon checkboxes*/
.icon-box-checkbox {
  border: 3px solid #133844;
}
.icon-box-checkbox:hover {
  border-color: #1b4a5b;
}
.icon-box-checkbox i {
  color: #1b4a5b;
  border: 3px solid #1b4a5b;
}
.icon-box-checkbox:hover i,
.icon-box-checkbox.icon-box-checkbox-active i,
.icon-box-checkbox.icon-box-checkbox-active {
  color: #fff;
  background-color: #1b4a5b;
  border-color: #1b4a5b;
}
/* Image boxes
----------------------------------*/
.img-box.img-box-default {
  background-color: #EEEEEE;
  border-color: #434343;
}
.titled-image {
  background-color: #ffffff;
  border-bottom: 1px solid #688adf;
}
.titled-image h5,
.titled-image h4,
.titled-image h3 {
  background-color: #133844;
  color: #ffffff;
}
/* scroll to top
----------------------------------*/
.scrollToTop {
  color: #fff;
  background-color: #434343;
}
/* 11) Page-Specific
----------------------------------------------------------------------------- */
/* MHN News Articles*/
.newsArticle .blogpost-body a {
  color: #fff;
  background-color: #727272;
}
.newsArticle .blogpost-body a:hover,
.newsArticle .blogpost-body a:focus {
  color: #fff;
  background-color: #5e5e5e;
}
.social-links.detailsBox {
  background-color: #ffffff;
}
/* MBE */
.currentIssue {
  color: #ffffff;
  background-color: #3b0e65;
}
/* Health Reminders */
.health-reminder-box {
  border-color: #434343;
}
.health-reminder-box > h3 {
  background-color: #1b4a5b;
  color: #ffffff;
}
.health-reminder-content {
  padding: 5px;
}
.health-reminder-content a {
  color: #fff;
  background-color: #727272;
}
.health-reminder-content a:hover,
.health-reminder-content a:focus {
  color: #fff;
  background-color: #5e5e5e;
}
#healthReminders-current .panel-title a > i {
  color: #ffffff;
}
#healthReminders-current .panel-title a.collapsed > i {
  color: #000000;
}
#healthReminders-current .panel-title a:hover > i {
  color: #ffffff;
}
/* 12) Client Overrides : Color Scheme
----------------------------------------------------------------------------- */
.color-bg-primary {
  background-color: #1b4a5b;
}
.color-text-primary {
  color: #1b4a5b;
}
.color-border-primary {
  border-color: #1b4a5b;
}
.color-bg-primaryBold {
  background-color: #133844;
}
.color-text-primaryBold {
  color: #133844;
}
.color-border-primaryBold {
  border-color: #133844;
}
.color-bg-primaryDesat {
  background-color: #688adf;
}
.color-text-primaryDesat {
  color: #688adf;
}
.color-border-primaryDesat {
  border-color: #688adf;
}
.color-bg-secondary {
  background-color: #3b0e65;
}
.color-text-secondary {
  color: #3b0e65;
}
.color-border-secondary {
  border-color: #3b0e65;
}
.color-bg-offwhite1 {
  background-color: #EEEEEE;
}
.color-text-offwhite1 {
  color: #EEEEEE;
}
.color-border-offwhite1 {
  border-color: #EEEEEE;
}
.color-bg-gray-light {
  background-color: #C0C0C0;
}
.color-text-gray-light {
  color: #C0C0C0;
}
.color-border-gray-light {
  border-color: #C0C0C0;
}
.color-bg-gray-light-primary {
  background-color: #88939c;
}
.color-text-gray-light-primary {
  color: #88939c;
}
.color-border-gray-light-primary {
  border-color: #88939c;
}
.color-bg-gray-medium {
  background-color: #727272;
}
.color-text-gray-medium {
  color: #727272;
}
.color-border-gray-medium {
  border-color: #727272;
}
.color-bg-gray-medium-bold {
  background-color: #5e5e5e;
}
.color-text-gray-medium-bold {
  color: #5e5e5e;
}
.color-border-gray-medium-bold {
  border-color: #5e5e5e;
}
.color-bg-gray-dark {
  background-color: #434343;
}
.color-text-gray-dark {
  color: #434343;
}
.color-border-gray-dark {
  border-color: #434343;
}
.color-bg-gray-dark-bold {
  background-color: #262626;
}
.color-text-gray-dark-bold {
  color: #262626;
}
.color-border-gray-dark-bold {
  border-color: #262626;
}
/* 13) One Sky Health : brand header, navigation bar, footer
   Markup: Views/billingsclinicdemo/Shared/_BrandHeader.cshtml and _BrandFooter.cshtml.
   The nav bar is the standard MHN _HeaderNav (inside .main-navigation in the global
   _Layout), restyled here to sit under the white brand card like the new site.
----------------------------------------------------------------------------- */
/* Header band
----------------------------------*/
.header {
  padding: 0;
  border-top: none;
  text-align: left;
  background-color: #1b4a5b;
  /* PLACEHOLDER: the new site uses a topographic line pattern over Winter Forest.
       When the client supplies it, add e.g.:
       background-image: url('../images/osh-header-pattern.png'); background-size: cover; */
}
.osh-header {
  padding-left: 0;
  padding-right: 0;
}
/* utility row (Formerly Billings Clinic / logan.org) */
.osh-utility {
  padding-top: 10px;
  padding-bottom: 10px;
}
.osh-utility-links {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.osh-pill {
  display: inline-block;
  padding: 4px 12px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 999px;
  background-color: rgba(255, 255, 255, 0.08);
  color: #ffffff;
  font-family: 'Lato', 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
}
.osh-pill i {
  margin-left: 6px;
  font-size: 14px;
  vertical-align: -1px;
}
a.osh-pill:hover,
a.osh-pill:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.6);
}
/* white brand card */
.osh-brandbar-inner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 20px;
  padding: 16px 24px;
  background-color: #ffffff;
  border-radius: 14px 14px 0 0;
}
.osh-brand {
  display: flex;
  align-items: center;
  min-width: 0;
}
.osh-logo img {
  display: block;
  flex-shrink: 0;
  height: 38px;
  width: auto;
}
.osh-product-name {
  display: block;
  margin-left: 18px;
  padding-left: 18px;
  border-left: 2px solid #688adf;
  color: #3b0e65;
  font-family: 'Lato', 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.15;
  white-space: nowrap;
}
.osh-product-name small {
  display: block;
  color: #5e5e5e;
  font-size: 12px;
  font-weight: 400;
  font-style: italic;
  letter-spacing: 0.5px;
}
.osh-product-name:hover,
.osh-product-name:focus {
  color: #3b0e65;
  text-decoration: none;
}
/* action buttons */
.osh-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 0 auto;
}
.osh-btn {
  display: inline-block;
  padding: 6px 14px;
  border: 1.5px solid #3b0e65;
  border-radius: 999px;
  background-color: #ffffff;
  color: #3b0e65;
  font-family: 'Lato', 'Open Sans', sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  white-space: nowrap;
  transition: background-color 0.15s, color 0.15s;
}
.osh-btn i {
  margin-right: 7px;
}
.osh-btn:hover,
.osh-btn:focus,
.osh-search.open .osh-btn {
  background-color: #3b0e65;
  color: #ffffff;
  text-decoration: none;
  outline: none;
}
.osh-btn:focus-visible {
  outline: 2px solid #688adf;
  outline-offset: 2px;
}
.osh-btn-icon {
  width: 34px;
  height: 34px;
  padding: 0;
  text-align: center;
}
.osh-btn-icon i {
  margin: 0;
  font-size: 15px;
}
/* header search (posts to News/Search, same as the nav search it replaces) */
.osh-search {
  position: relative;
}
.osh-search .osh-search-menu {
  width: 300px;
  margin-top: 10px;
  padding: 12px;
  border: 1px solid #688adf;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 6px 18px rgba(27, 74, 91, 0.18);
}
.osh-search-form {
  position: relative;
  margin: 0;
}
.osh-search-form .form-control {
  height: 38px;
  padding-right: 44px;
  border: 1.5px solid #3b0e65;
  border-radius: 999px;
  color: #262626;
  box-shadow: none;
}
.osh-search-form .form-control:focus {
  border-color: #1b4a5b;
}
.osh-search-submit {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 30px;
  height: 30px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background-color: #3b0e65;
  color: #ffffff;
}
.osh-search-submit:hover,
.osh-search-submit:focus {
  background-color: #1b4a5b;
}
/* the header search replaces the search item in the MHN nav bar (first item of the right-hand list) */
.main-navigation .navbar-right > li:first-child {
  display: none;
}
/* Navigation bar (MHN _HeaderNav) attached under the brand card
----------------------------------*/
.main-navigation,
.not-front .main-navigation {
  padding: 0;
  border: none;
  background-color: #ffffff;
  /* header band ends at the white card / purple bar split */
}
.main-navigation > .container-fluid > .row {
  margin-left: 0;
  margin-right: 0;
  background-color: #3b0e65;
}
@media (min-width: 768px) {
  .main-navigation > .container-fluid {
    width: 750px;
  }
  .main-navigation > .container-fluid > .row {
    padding: 8px 10px;
    border-radius: 0 0 14px 14px;
  }
}
@media (min-width: 992px) {
  .main-navigation > .container-fluid {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .main-navigation > .container-fluid {
    width: 1170px;
  }
}
.navbar-default .navbar-nav > li > a {
  font-size: 15px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-symbols > .open > a,
.navbar-default .navbar-symbols > .open > a:hover,
.navbar-default .navbar-symbols > .open > a:focus {
  border-radius: 8px;
}
@media (min-width: 768px) {
  .navbar-default .navbar-symbols > li > a:hover,
  .navbar-default .navbar-symbols > .open > a,
  .navbar-default .navbar-symbols > .open > a:hover,
  .navbar-default .navbar-symbols > .open > a:focus {
    background-color: #52237f;
  }
}
/* sticky (fixed) state: full-width purple bar, no rounded corners */
.fixed-header-on .main-navigation.fixed {
  border-color: #3b0e65;
  background-color: #3b0e65;
}
.fixed-header-on .main-navigation.fixed > .container-fluid > .row {
  border-radius: 0;
}
/* logged-in tag that hangs under the nav bar */
#userTag {
  background-color: #1b4a5b;
  border-radius: 0 0 0 10px;
}
#userTag:hover,
#userTag a:hover {
  background-color: #133844;
}
/* Header: tablet & phone */
@media (max-width: 991px) {
  .osh-actions {
    margin-left: 0;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .osh-utility {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .osh-brandbar {
    padding-left: 10px;
    padding-right: 10px;
  }
  .osh-brandbar-inner {
    padding: 14px 14px 12px;
    gap: 10px;
  }
  .osh-logo img {
    height: 28px;
  }
  .osh-product-name {
    margin-left: 12px;
    padding-left: 12px;
    font-size: 15px;
  }
  .osh-product-name small {
    font-size: 11px;
  }
  /* One Sky Health button is hidden on phones (hidden-xs) so the rest fit on one row */
  .osh-actions {
    flex-wrap: nowrap;
    gap: 6px;
  }
  .osh-btn {
    padding: 5px 9px;
    font-size: 12px;
  }
  .osh-btn i {
    margin-right: 5px;
  }
  .osh-btn-icon {
    width: 30px;
    height: 30px;
    padding: 0;
  }
  .osh-btn-icon i {
    margin: 0;
  }
  .osh-search .osh-search-menu {
    width: 260px;
  }
  /* mobile: nav bar is the purple strip with the MENU button; the opened menu is white */
  .main-navigation {
    padding: 0;
  }
  .main-navigation > .container-fluid {
    padding-left: 10px;
    padding-right: 10px;
  }
  .main-navigation > .container-fluid > .row {
    border-radius: 0 0 10px 10px;
  }
  .main-navigation .navbar-default {
    background-color: transparent;
    border-color: transparent;
  }
  .main-navigation .navbar-default .navbar-collapse {
    background-color: #ffffff;
    border-radius: 0 0 10px 10px;
  }
  #mobileMenuButton,
  #mobileMenuButton.collapsed {
    background-color: #3b0e65;
    border-color: #3b0e65;
  }
  #mobileMenuButton:hover,
  #mobileMenuButton:not(.collapsed) {
    background-color: #ffffff;
    border-color: #ffffff;
  }
  #mobileMenuButton:hover .icon-bar,
  #mobileMenuButton:not(.collapsed) .icon-bar {
    background-color: #3b0e65;
  }
  #mobileMenuButton:hover h5,
  #mobileMenuButton:not(.collapsed) h5 {
    color: #3b0e65;
  }
  #userTag h5 {
    color: #ffffff;
  }
  #userTag:hover,
  #userTag a:hover,
  #userTag:hover h5 {
    color: #c9d5f5;
  }
}
/* very small phones (under 375px): drop button icons and the tagline so one row still fits */
@media (max-width: 374px) {
  .osh-brandbar-inner {
    padding-left: 10px;
    padding-right: 10px;
  }
  .osh-logo img {
    height: 24px;
  }
  .osh-product-name {
    margin-left: 10px;
    padding-left: 10px;
    font-size: 13px;
  }
  .osh-product-name small {
    display: none;
  }
  .osh-actions {
    gap: 4px;
  }
  .osh-btn {
    padding: 5px 8px;
  }
  .osh-btn:not(.osh-btn-icon) i {
    display: none;
  }
}
/* Footer
----------------------------------*/
.footer {
  padding: 50px 0 10px;
  color: #ffffff;
  background-color: #3b0e65;
  font-weight: 400;
}
.footer a,
.footer a:focus {
  color: #ffffff;
}
.footer a:hover {
  color: #c9d5f5;
}
.osh-footer-col {
  margin-bottom: 30px;
}
.osh-footer-logo img {
  display: block;
  width: 160px;
  height: auto;
  margin-bottom: 22px;
}
/* contact card */
.osh-footer-card {
  padding: 16px 20px;
  border-radius: 12px;
  background-color: #2a0a49;
}
.osh-footer-formerly {
  margin: 0 0 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  font-size: 13px;
}
.osh-footer-phones {
  margin: 0 0 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.osh-footer-phones li {
  padding: 3px 0;
}
.osh-footer-phones a {
  font-family: 'Lato', 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 700;
}
.osh-footer-phones i {
  width: 22px;
}
.osh-social {
  display: flex;
  gap: 16px;
  margin: 0;
}
.osh-social a {
  font-size: 17px;
}
/* link groups */
.osh-link-group {
  margin-bottom: 26px;
  text-align: center;
}
.osh-link-group h3 {
  margin: 0 0 12px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
}
.osh-link-group h3 a {
  display: block;
  padding: 7px 12px;
  border: 1.5px solid #688adf;
  border-radius: 999px;
  color: #ffffff;
}
.osh-link-group h3 a:hover,
.osh-link-group h3 a:focus {
  background-color: #2a0a49;
  color: #ffffff;
  text-decoration: none;
}
.osh-link-group li {
  padding: 3px 0;
  font-size: 13px;
}
/* affiliations + partner panel */
.osh-footer-panel {
  padding: 14px;
  border-radius: 12px;
  background-color: #2a0a49;
}
/* Mayo Clinic Care Network + Magnet logos, side by side above the partner card */
.osh-affiliations {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
  padding: 4px 2px;
}
.osh-affiliations a {
  display: block;
}
.osh-affiliation-mayo {
  flex: 1 1 auto;
  min-width: 0;
}
.osh-affiliation-mayo img {
  display: block;
  width: 100%;
  max-width: 190px;
  height: auto;
}
.osh-affiliation-magnet {
  flex: 0 0 auto;
}
.osh-affiliation-magnet img {
  display: block;
  width: auto;
  height: 52px;
}
/* small desktops (992-1199px): the column is narrow, so shrink the badge to give the Mayo logo room */
@media (min-width: 992px) and (max-width: 1199px) {
  .osh-footer-panel {
    padding: 12px;
  }
  .osh-affiliations {
    gap: 10px;
  }
  .osh-affiliation-magnet img {
    height: 40px;
  }
}
.osh-partner-card {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 14px 16px 44px;
  border: 1.5px solid #688adf;
  border-radius: 12px;
  background-color: #3b0e65;
}
.osh-partner-card:hover,
.osh-partner-card:focus {
  text-decoration: none;
  border-color: #c9d5f5;
}
.osh-partner-icon {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
}
.osh-partner-title {
  display: block;
  font-family: 'Lato', 'Open Sans', sans-serif;
  font-size: 16px;
  text-decoration: underline;
}
.osh-partner-sub {
  display: block;
  margin-top: 6px;
  font-size: 12px;
}
.osh-partner-strip {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 30px;
  padding-right: 10px;
  background-color: #8dbac5;
  text-align: right;
}
.osh-partner-strip i {
  color: #3b0e65;
  font-size: 20px;
  line-height: 30px;
}
@media (max-width: 767px) {
  .osh-footer-col,
  .osh-link-group {
    text-align: center;
  }
  .osh-footer-logo img {
    margin-left: auto;
    margin-right: auto;
  }
  .osh-footer-card,
  .osh-footer-panel {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
  }
}
/* Subfooter (standard PHN links) */
.subfooter {
  padding: 20px 0;
  color: #ffffff;
  background-color: #2a0a49;
}
.subfooter a {
  color: #ffffff;
}
.subfooter .navbar-default .nav > li > a {
  color: #ffffff;
  font-size: 13px;
}
/* 14) One Sky Health : content styling (light pass)
   Brings the most visible patterns from the new oneskyhealth site into MHN content:
   rounded cards with Sky Blue outlines, pill-shaped buttons, Winter Forest page-title
   boxes with a notch, purple headings, periwinkle accordion rows.
   Everything here overrides earlier rules; delete this section to fall back to the
   recolored classic MHN look.
----------------------------------------------------------------------------- */
/* = @osh-sky-tint; accordion rows / tag hover */
/* Headings - :where() keeps specificity at zero for the container, so headings inside
   colored boxes (panels, subtopic titles, image masks) keep their own white text */
:where(.main-content) h1,
:where(.main-content) h2,
:where(.main-content) h3,
:where(.main-content) h4,
:where(.main-content) .articleTitle,
:where(.main-content) .articleTitle a {
  color: #3b0e65;
}
:where(.main-content) h1,
:where(.main-content) h2 {
  font-weight: 400;
}
/* Inline text links in body copy: purple, bold, underlined (as on the new site) */
.main-content p a:not(.btn),
.marketing_content a:not(.btn) {
  font-weight: 700;
  text-decoration: underline;
}
/* Page title boxes: Winter Forest, rounded, with a notch at the bottom
----------------------------------*/
.topic-title-container {
  position: relative;
}
.topic-title-container .topic-title {
  position: relative;
  margin-bottom: 18px;
  border: none;
  border-radius: 14px;
  background-color: #1b4a5b;
  color: #ffffff;
}
.topic-title-container .topic-title:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -14px;
  margin-left: -16px;
  border-style: solid;
  border-width: 14px 16px 0 16px;
  border-color: #1b4a5b transparent transparent transparent;
}
.topic-title-container .topic-title h2 {
  color: #ffffff;
  font-weight: 400;
}
.topic-title-container .topic-title i {
  border-radius: 0 0 10px 10px;
  background-color: #3b0e65;
  color: #ffffff;
}
/* drop the grey hatched strips (title boxes, cards, panels, photos) - not part of the new brand */
.main-content .separator-grayDiagonal-light,
.main-content .separator-grayDiagonal {
  display: none;
}
/* sub-section titles */
.subtopic-title {
  border-radius: 10px;
  overflow: hidden;
}
/* Cards (detailsBox) : white, rounded, Sky Blue outline
----------------------------------*/
.detailsBox .detailsBox-content {
  border: 1.5px solid #688adf;
  border-radius: 14px;
  background-color: #ffffff;
}
.detailsBox .detailsBox-decoration {
  display: none;
}
/* home page: Subscribe button sits above the card image */
#landingPage #mainServicesDescription .detailsBox > .btn {
  margin-top: 0;
}
#landingPage #mainServicesDescription .detailsBox > a > img {
  width: 100%;
  border-radius: 14px 14px 0 0;
}
#landingPage #mainServicesDescription .detailsBox-content {
  position: relative;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: none;
}
/* Buttons : pills, sentence case
----------------------------------*/
.main-content .btn,
#sidebars .btn:not(.btn-pillTag),
.login-form .btn {
  border-radius: 999px;
  text-transform: none;
  font-weight: 700;
}
.btn-white {
  background-color: #ffffff;
  color: #3b0e65;
  border: 1.5px solid #3b0e65;
}
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
  color: #ffffff;
  background-color: #3b0e65;
  border-color: #3b0e65;
}
.btn.more {
  margin-bottom: 8px;
}
/* Forms
----------------------------------*/
.main-content .form-control,
.form-chunkyFields select,
.form-chunkyFields input[type="text"],
.form-chunkyFields input[type="password"],
.form-chunkyFields input[type="tel"],
.form-chunkyFields input[type="search"],
.form-chunkyFields input[type="email"] {
  border-radius: 8px;
  border-width: 1.5px;
  border-color: #9c84b6;
}
.main-content .form-control:focus,
.form-chunkyFields select:focus,
.form-chunkyFields input:focus {
  border-color: #3b0e65;
  outline: none;
}
/* Topic picker (registration / edit profile)
----------------------------------*/
.icon-box-checkbox {
  border: 1.5px solid #688adf;
  border-radius: 10px;
  background-color: #ffffff;
}
.icon-box-checkbox:hover {
  border-color: #3b0e65;
}
.icon-box-checkbox i {
  border: none;
  border-radius: 8px;
  background-color: #eef2fc;
  color: #3b0e65;
  line-height: 40px;
}
.icon-box-checkbox:hover i {
  color: #ffffff;
  background-color: #3b0e65;
  border-color: #3b0e65;
}
.icon-box-checkbox.icon-box-checkbox-active,
.icon-box-checkbox.icon-box-checkbox-active i {
  color: #ffffff;
  background-color: #3b0e65;
  border-color: #3b0e65;
}
/* Accordions / panels : periwinkle rows with purple text
----------------------------------*/
.panel-heading a,
.panel-heading a:hover {
  border-radius: 8px;
  background-color: #3b0e65;
  color: #ffffff;
  font-weight: 700;
  text-transform: none;
}
.panel-heading a.collapsed {
  background-color: #c9d5f5;
  color: #3b0e65;
}
.panel-heading a.collapsed:hover {
  background-color: #afc1f0;
  color: #3b0e65;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border: none;
}
.panel {
  border-radius: 10px;
  box-shadow: none;
}
.panel-primary {
  overflow: hidden;
  border: 1.5px solid #688adf;
  border-radius: 14px;
}
.panel-primary > .panel-heading {
  background-color: #3b0e65;
  border-color: #3b0e65;
}
/* Sidebar topics box (pillBox) and topic tags
----------------------------------*/
.pillBox {
  border: 1.5px solid #688adf;
  border-radius: 14px;
  background-color: #faf6ee;
}
#sidebars .pillBox {
  overflow: hidden;
}
.pillBox .pillBox-title {
  background-color: #3b0e65;
}
.btn-pillTag {
  border: 1.5px solid #3b0e65;
  border-radius: 999px;
  color: #3b0e65;
}
.btn-pillTag:hover {
  background-color: #3b0e65;
  color: #ffffff;
}
.layout-LeftNav #sidebars .btn-pillTag,
#sidebars .btn-pillTag {
  color: #3b0e65;
}
.layout-LeftNav #sidebars .btn-pillTag:hover,
#sidebars .btn-pillTag:hover {
  color: #3b0e65;
  border-color: #c9d5f5;
  background-color: #c9d5f5;
}
/* News listings
----------------------------------*/
.post-date {
  border-radius: 10px;
  background-color: #1b4a5b;
}
.image-wrapper,
.img-box {
  border-radius: 12px;
  border-color: #eef2fc;
  overflow: hidden;
}
.blogpost-content {
  border-bottom-color: #c9d5f5;
}
/* 15) One Sky Health : logged-in pages (News, Health Reminders, Assessments, Baby Expectations)
   and navigation dropdown trays
----------------------------------------------------------------------------- */
/* "Welcome, name" tag: hang it under the right end of the purple nav bar (under Log Off)
   instead of the far right edge of the window. Bar width = container width - 30px. */
@media (min-width: 768px) {
  #userTag {
    right: calc(50% - 360px);
    bottom: -30px;
    padding: 0 16px;
    border-radius: 0 0 10px 10px;
    background-color: #1b4a5b;
  }
  #userTag h5 {
    font-size: 13px;
  }
  #userTag h5 i {
    font-size: 16px;
    margin: 0 6px 0 0;
  }
}
@media (min-width: 992px) {
  #userTag {
    right: calc(50% - 470px);
  }
}
@media (min-width: 1200px) {
  #userTag {
    right: calc(50% - 570px);
  }
}
/* Sidebar: "Read My News" / "Edit My Topics" bar under the My Topics title
----------------------------------*/
.pillBox .pillBox-subtitle.btn,
#sidebars .pillBox .pillBox-subtitle.btn:not(.btn-pillTag) {
  display: block;
  margin: 0 0 6px;
  padding: 7px 10px;
  border: none;
  border-radius: 0;
  background-color: #1b4a5b;
  color: #ffffff;
  font-size: 13px;
  text-align: left;
}
.pillBox .pillBox-subtitle.btn:hover,
.pillBox .pillBox-subtitle.btn:focus {
  background-color: #133844;
  color: #ffffff;
}
/* Navigation dropdown trays (Account / News / Resources, Search, Log In)
----------------------------------*/
.navbar-symbols > li > .dropdown-menu,
.fixed-header-on .main-navigation.fixed .navbar-symbols > li > .dropdown-menu {
  padding: 12px 16px 14px;
  border: 1.5px solid #688adf;
  border-top: none;
  border-radius: 0 0 14px 14px;
  background-color: #ffffff;
  box-shadow: 0 12px 24px rgba(59, 14, 101, 0.14);
}
.dropdown-menu-icons .icon-box-3,
.dropdown-menu-icons .icon-box-3:hover {
  border-color: transparent;
}
.dropdown-menu-icons .icon-box-3 > a {
  display: flex;
  align-items: center;
  padding: 10px 8px;
  border-radius: 10px;
  text-decoration: none;
}
.dropdown-menu-icons .icon-box-3 > a .text {
  min-height: 0;
  margin-left: 0;
}
.dropdown-menu-icons .icon-box-3 i {
  flex-shrink: 0;
  float: none;
  width: 44px;
  height: 44px;
  margin: 0 14px 0 0;
  border: none;
  border-radius: 10px;
  background-color: #eef2fc;
  color: #3b0e65;
  font-size: 20px;
  line-height: 44px;
}
.dropdown-menu-icons .icon-box-3 h4 {
  margin: 0;
  color: #3b0e65;
  font-size: 16px;
  line-height: 1.25;
}
.dropdown-menu-icons .icon-box-3 > a:hover,
.dropdown-menu-icons .icon-box-3 > a:focus {
  background-color: #eef2fc;
}
.dropdown-menu-icons .icon-box-3:hover i,
.dropdown-menu-icons .icon-box-3 > a:focus i {
  background-color: #3b0e65;
  color: #ffffff;
}
.dropdown-menu .separator-grayDiagonal-light,
.dropdown-menu .separator-grayDiagonal {
  display: none;
}
/* News page
----------------------------------*/
/* quick-link boxes (Health Reminders, Assessments ...) */
.icon-box-4 {
  border: 1.5px solid #688adf;
  border-radius: 14px;
  background-color: #ffffff;
  color: #3b0e65;
}
.icon-box-4 i {
  color: #3b0e65;
}
.icon-box-4:hover,
.icon-box-4.icon-box-active {
  background-color: #3b0e65;
  border-color: #3b0e65;
}
/* grid / list view toggle */
.filters .displayToggle > .btn {
  border-radius: 12px;
}
/* topic filter tags: active + hover in brand purple */
.tags-cloud .tag .btn {
  border-color: #688adf;
}
.tags-cloud .tag .btn:hover,
.tags-cloud .tag.active .btn {
  background-color: #3b0e65;
  border-color: #3b0e65;
  color: #ffffff;
}
/* grid view cards: white card, compact "Read more" with breathing room */
.img-box.img-box-default {
  border: 1.5px solid #688adf;
  background-color: #ffffff;
}
.img-box .articleTitle {
  padding: 0 14px;
}
.img-box > .btn.btn-block {
  display: inline-block;
  width: auto;
  min-width: 0;
  margin: 4px 14px 16px !important;
  /* overrides .no-margin */
  padding: 6px 18px;
  font-size: 13px;
}
/* links inside article text and reminder text: purple underlined (were grey "label" pills) */
.newsArticle .blogpost-body a,
.health-reminder-content a {
  padding: 0;
  background-color: transparent;
  color: #3b0e65;
  font-size: inherit;
  font-weight: 700;
  text-decoration: underline;
  white-space: normal;
}
.newsArticle .blogpost-body a:hover,
.newsArticle .blogpost-body a:focus,
.health-reminder-content a:hover,
.health-reminder-content a:focus {
  background-color: transparent;
  color: #1b4a5b;
}
/* Health Reminders
----------------------------------*/
#healthReminders-current .panel-title a.collapsed > i {
  color: #3b0e65;
}
.health-reminder-box {
  overflow: hidden;
  border: 1.5px solid #688adf;
  border-radius: 14px;
  background-color: #ffffff;
}
.health-reminder-box > h3 {
  padding: 12px 14px;
}
.health-reminder-content {
  padding: 10px 14px;
}
/* "Add Reminder": compact pill with breathing room instead of a full-width block */
.health-reminder-box > .btn.width-100 {
  display: inline-block;
  width: auto !important;
  /* overrides .width-100 */
  min-width: 0;
  margin: 4px 14px 16px !important;
  /* overrides .no-margin */
  padding: 6px 18px;
  font-size: 13px;
}
.health-reminder-box > .btn.width-100 i {
  margin-right: 6px;
  font-size: 1em !important;
  /* overrides inline font-size: 2em */
}
.health-reminder-box > .btn.width-100 br {
  display: none;
}
/* Loved ones profile card, info notices */
.notificationBox {
  border: 1.5px solid #688adf;
  border-radius: 12px;
  background-color: #eef2fc;
}
/* Health Assessments tiles + quick jumps
----------------------------------*/
.pillSquare {
  overflow: hidden;
  border: 1.5px solid #688adf;
  border-radius: 12px;
  background-color: #ffffff;
}
.pillSquare:hover {
  background-color: #3b0e65;
  border-color: #3b0e65;
}
.assessmentQuickJumps .btn {
  border-radius: 12px;
}
/* multi-line tags (Baby Expectations issues, topic tags): soft corners instead of full pills */
.btn-pillTag {
  border-radius: 10px;
}
/* scroll-to-top button */
.scrollToTop {
  border-radius: 10px;
  background-color: #3b0e65;
}
/* 16) Client feedback, Oct 26
----------------------------------------------------------------------------- */
/* Home page cards: continue the Sky Blue card outline up around the photos
   (white-background photos looked uncontained) */
#landingPage #mainServicesDescription .detailsBox > a > img {
  display: block;
  box-sizing: border-box;
  border: 1.5px solid #688adf;
  border-bottom: none;
}
/* Nav: the global stylesheet removes the right padding from the last item in each nav
   list (Resources, Log In / Log Off), which clipped the hover background on that side */
@media (min-width: 768px) {
  .main-navigation .navbar-nav.navbar-symbols > li:last-child > a {
    padding-right: 20px !important;
  }
}
/* Topic pages: the article photo box now ends in an even Sky Blue strip under the photo
   (replaces the uneven white gap left by the empty caption + hidden hatched strip).
   Scoped to .image-wrapper so the News grid cards keep their white background. */
.img-box.image-wrapper {
  padding-bottom: 10px;
  background-color: #688adf;
}
.img-box.image-wrapper > a > img {
  display: block;
}
.img-box.image-wrapper > .caption:empty {
  display: none;
}