/* legacy-mega.css — mega-shell templates (Home, Dental, HealthTips, OpenPositions)
 *
 * Carried over verbatim from the old hand-maintained stylesheet for styling that
 * has not been rebuilt in Renderer/frontend yet. Loaded AFTER sfrenderer/styles/hpsm.css.
 *
 * Excluded on purpose: every selector hpsm.css already styles, every bare element
 * selector (they fight the Bootstrap 5 reboot), and rules that only duplicated
 * Bootstrap 3/4, Font Awesome 4, slick, animate.css or jasny.
 *
 * This file is a backlog, not a foundation. As styling moves into the SCSS build,
 * delete the corresponding rules here.
 */

/*!
 * Bootstrap v4.5.0 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.bg-primary a[href^=tel]{ color:#fff;}
ul.sfdownloadList, ul.sfNavList, ul.list-unstyled {
	list-style:none!important;
}
.intro {
	font-size:1.2em;
}
.btn font font {
	font-size:90%;
}
.nav-link font font {
	font-size:90%;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 0.0625rem solid #e7eaf3;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 0.125rem solid #e7eaf3;
}

.table tbody + tbody {
  border-top: 0.125rem solid #e7eaf3;
}

.table-bordered {
  border: 0.0625rem solid #e7eaf3;
}

.table-bordered th,
.table-bordered td {
  border: 0.0625rem solid #e7eaf3;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 0.125rem;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f8fafd;
}

.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #121212;
}

.form-control::-webkit-input-placeholder {
  color: #97a4af;
  opacity: 1;
}

.form-control::-moz-placeholder {
  color: #97a4af;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #97a4af;
  opacity: 1;
}

.form-control::-ms-input-placeholder {
  color: #97a4af;
  opacity: 1;
}

.form-control[readonly] {
  background-color: #f8fafd;
  opacity: 1;
}

input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

select.form-control:focus::-ms-value {
  color: #121212;
  background-color: #fff;
}

.form-group {
  margin-bottom: 1.5rem;
}

.form-inline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-align: center;
      align-items: center;
}
@media (min-width: 576px) {
  .form-inline label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-check {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    width: auto;
    padding-left: 0;
  }
}

.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(55, 125, 255, 0.25);
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.btn-primary:hover {
  color: #fff;
  background-color: #003b49;
  border-color: #003b49;
}

.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #003A48;
  border-color: #003b49;
  box-shadow: 0 0 0 0.2rem rgba(85, 145, 255, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #565656;
  border-color: #565656;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: #003b49;
  border-color: #003b49;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(85, 145, 255, 0.5);
}

.btn-secondary.focus {
  color: #fff;
  background-color: #298338;
  border-color: #298338;
  box-shadow: 0 0 0 0.2rem rgba(134, 152, 172, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #565656;
  border-color: #565656;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: #298338;
  border-color: #298338;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(134, 152, 172, 0.5);
}

    .btn-success:hover {
        color: #fff;
        background-color: #0aa7a2;
        border-color: #0aa7a2;
    }

    .btn-success:focus, .btn-success.focus {
        color: #fff;
        background-color: #0aa7a2;
        border-color: #0aa7a2;
        box-shadow: 0 0 0 0.2rem rgba(16, 207, 200, 0.5);
    }

    .btn-success.disabled, .btn-success:disabled {
        color: #fff;
        background-color: #565656;
        border-color: #565656;
    }

    .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #0aa7a2;
        border-color: #0aa7a2;
    }

        .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 0.2rem rgba(16, 207, 200, 0.5);
        }

.btn-info.focus {
  color: #fff;
  background-color: #0092cd;
  border-color: #0092cd;
  box-shadow: 0 0 0 0.2rem rgba(46, 179, 200, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #565656;
  border-color: #565656;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: #0092CD;
  border-color: #0092CD;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(46, 179, 200, 0.5);
}

.btn-warning:hover {
  color: #fff;
  background-color: #BC630B;
  border-color: #BC630B;
}

.btn-warning:focus, .btn-warning.focus {
  color: #fff;
  background-color: #BC630B;
  border-color: #BC630B;
  box-shadow: 0 0 0 0.2rem rgba(213, 177, 135, 0.5);
}

.btn-warning.disabled, .btn-warning:disabled {
  color: #565656;
  background-color: #f08a20;
  border-color: #f08a20;
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active {
  color: #003a48;
  background-color: #BC630B;
  border-color: #BC630B;
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(213, 177, 135, 0.5);
}

.btn-danger:hover {
  color: #fff;
  background-color: #C0381B;
  border-color: #C0381B;
}

.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #C0381B;
  border-color: #C0381B;
  box-shadow: 0 0 0 0.2rem rgba(170, 7, 25, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #dadada;
  border-color: #df4625;
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: #df4625;
  border-color: #df4625;
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(170, 7, 25, 0.5);
}

.btn-light:hover {
  color: #003a48;
  background-color: #85A1BE;
  border-color: #85A1BE;
}

.btn-light:focus, .btn-light.focus {
  color: #003a48;
  background-color: #85A1BE;
  border-color: #85A1BE;
  box-shadow: 0 0 0 0.2rem rgba(133, 161, 190, 0.5);
}

.btn-light.disabled, .btn-light:disabled {
  color: #565656;
  background-color: #f7faff;
  border-color: #f7faff;
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active {
  color: #003a48;
  background-color: #9bbad9;
  border-color: #9bbad9;
}

.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(214, 217, 222, 0.5);
}

.btn-indigo.focus {
  color: #fff;
  background-color: #310641;
  border-color: #310641;
  box-shadow: 0 0 0 0.2rem rgba(77, 56, 149, 0.5);
}

.btn-indigo.disabled, .btn-indigo:disabled {
  color: #fff;
  background-color: #565656;
  border-color: #565656;
}

.btn-indigo:not(:disabled):not(.disabled):active, .btn-indigo:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: #310641;
  border-color: #310641;
}

.btn-indigo:not(:disabled):not(.disabled):active:focus, .btn-indigo:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(77, 56, 149, 0.5);
}

.btn-outline-secondary:hover {
  color: #154721;
  background-color: #fff;
  border-color: #154721;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(113, 134, 157, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #565656;
  background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active {
  color: #298338;
  background-color: #fff;
  border-color: #298338;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(113, 134, 157, 0.5);
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #0aa7a2;
        border-color: #0aa7a2;
    }

    .btn-outline-success:focus, .btn-outline-success.focus {
        box-shadow: 0 0 0 0.2rem rgba(10, 167, 162, 0.5);
    }

    .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: #787878;
        background-color: transparent;
    }

    .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #10cfc8;
        border-color: #10cfc8;
    }

        .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 0.2rem rgba(10, 167, 162, 0.5);
        }

.btn-outline-info:hover {
  color: #005878;
  background-color: #fff;
  border-color: #005878;
}

.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(9, 165, 190, 0.5);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #565656;
  background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: #00aff5;
  border-color: #00aff5;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(9, 165, 190, 0.5);
}

.btn-link:focus, .btn-link.focus {
  text-decoration: none;
}

.btn-link:disabled, .btn-link.disabled {
  color: #8c98a4;
  pointer-events: none;
}

.btn-group > .btn:not(:first-child) {
  margin-left: -0.0625rem;
}
/* About Us Nav */
/* End About Us Nav */

/* RECLAIMED 2026-09-16 — the base `.nav-link` hover, dropped by the original
   filter. Verbatim from HPSM-Style.css, where it sits immediately after the
   Bootstrap `.nav-link { display:block; padding:.5rem 1rem }` base and before
   `.nav-link.disabled` — the same slot it takes here.

   This single rule is what gives EVERY mega-shell `.nav-link` its underline on
   hover: the header utility links (Member Portal / Provider Portal / …), the
   mega-strip invokers (Health Plans / Member Resources / …), the in-header
   "Menu" invoker on _HealthTips / _DentalLanding, and the footer link columns.
   Without it the renderer fell through to BS5's `.nav-link:hover {
   text-decoration: none }` and nothing in the header underlined at all.

   The `color` half is deliberately weak (0-2-0) and loses wherever MVC intends
   it to: `.navbar-nav-item:hover .nav-link` (0-3-0, line 1022) repaints the
   utility links #4EC3E0, `.text-white` (!important) keeps the mega-strip
   invokers white, and `.nav .nav-link:not(.active):hover` (0-4-0, line 2234)
   holds the footer at #003A48. Keep it here, ahead of all three.

   Mega only, matching MVC: the drawer shell's style.css ships this same
   selector as `text-decoration: none` and must NOT underline. */
.nav-link:hover, .nav-link:focus {
  text-decoration: underline;
  color: #003A48;
}

.nav-tabs .nav-item {
  margin-bottom: -0.0625rem;
}

.nav-tabs .nav-link.disabled {
  color: #565656;
  background-color: transparent;
  border-color: transparent;
}

.navbar .container,
.navbar .container-fluid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
/*.navbar-nav > li.announcement-button {
        float: left;
        background-color: #E2EBEC;
        border: 2px solid #E2EBEC;
        border-radius: 5px;
    }

.navbar-nav > li.announcement-button a {
            color: #df4625;
            padding: 10px 15px;
        }

.navbar-nav > li.announcement-button a.collapsed {
                border: 2px solid transparent;
            }

.navbar-nav > li.announcement-button a.collapsed:hover {
                    border: 2px solid #E2EBEC;
                }

.navbar-nav > li.announcement-button .announcement-count {
            margin-left: 5px;
            font-size: 14px;
            display: none;
            color: #DF4625;
            vertical-align: middle;
        }*/
/*------------------------------------*    # Announcement Dropdown
\*------------------------------------*/
.announcement-dropdown {
    background-color: #F4F4F4 !important;
    border-radius: 5px;
    position: relative;
    padding-bottom: 15px;
}

    .announcement-dropdown a.hpsm-btn[href*="announcementDropdown"] {
        display: inline-block;
        margin: 30px 15px 15px 15px;
        vertical-align: top;
    }

    .announcement-dropdown .wrapper {
        display: inline-block;
        vertical-align: top;
        /* width: calc(100% - 120px); */
		width:100%;
        padding: 1rem;
    }

        .announcement-dropdown .wrapper h3 {
            margin-top: 15px;
            /*padding: 3% 3% 0;*/
            margin-bottom: 10px;
        }

    .announcement-dropdown p {
        /*padding: 0 3% 3%;*/
        margin-top: 10px;
        font-size: 1.0rem;
        margin-bottom: 10px;
    }

    .announcement-dropdown:before {
        content: '';
        width: 0;
        height: 0;
        border-left: 45px solid transparent;
        border-right: 45px solid transparent;
        border-bottom: 45px solid #f0f6f6;
        position: absolute;
        top: -25px;
        left: 300px;
    }
/*@media (min-width: 991px) and (max-width: 1140px) {
    .navbar-nav > li.announcement-button .announcement-button-text {
        display: none;
    }

    .navbar-nav > li.announcement-button .announcement-count {
        display: inline;
    }
}*/
@media (max-width: 991px) {
/*	.navbar-nav > .announcement-button {
            float: none !important;
            display: block;
            margin: 96px 0 0;
            border: 1px solid #E2EBEC;
            text-align: center;
            font-size: 1.0em;
            color: #9b1d56;
        }

            .navbar-nav > .announcement-button .announcement-button-text {
                font-size: 1.1em;
                vertical-align: middle;
            }*/

    .announcement-dropdown .wrapper {
        padding: 15px 5%;
        width: 100%;
        text-align: center;
    }

        .announcement-dropdown .wrapper h3 {
            line-height: 1.1em;
        }

    .announcement-dropdown a.hpsm-btn[href*="announcementDropdown"] {
        display: block;
        margin: 15px auto;
        max-width: 100px;
    }

    .announcement-dropdown:before {
        display: none;
    }
}

@media (min-width: 576px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.alert-info hr {
  border-top-color: #a6dfe8;
}

.content-block-offset .content-block {
    margin-top: 15px;
    padding-left: 30%;
    position: relative;
}

    .content-block-offset .grid .media {
        padding: 5%;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    .content-block-offset .grid .media img.media-object {
        display: block;
        margin: 0 auto 0;
        height: 48px;
    }

.content-block-offset .grid .grid-borders div[class*='col-'] {
	bforder-right: 1px solid #E2EBEC;
}

.content-block-offset .grid .grid-borders div[class*='col-']:last-of-type {
	border-right: 0px;
}
.grid .panel {
    padding: .5em !important;
}
@media (min-width: 480px) and (max-width: 767px) {
    .grid-item a {
        font-size: 1.0rem;
    }
	}

.list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: 0.3125rem;
  border-top-right-radius: 0;
}

.list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: 0.3125rem;
  border-bottom-left-radius: 0;
}

.close {
  float: right;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1;
  color: #121212;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}

.close:hover {
  color: #121212;
  text-decoration: none;
}

.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  content: "";
}

@media (min-width: 576px) {
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
  }
}

.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3125rem;
}

a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
    background-color: #003A48 !important;
}

.bg-soft-primary {
    background-color: rgba(0, 58, 72, 0.7);
}

a.bg-soft-primary:hover, a.bg-soft-primary:focus, button.bg-soft-primary:hover, button.bg-soft-primary:focus {
    background-color: rgba(0, 58, 72, 0.6) !important;
}

a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus {
    background-color: #154721 !important;
}

a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus {
    background-color: #0aa7a2 !important;
}

.bg-soft-info {
    background-color: rgba(7, 140, 161, 0.7);
}

a.bg-soft-info:hover, a.bg-soft-info:focus, button.bg-soft-info:hover, button.bg-soft-info:focus {
    background-color: rgba(7, 140, 161, 0.6) !important;
}

a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus {
    background-color: #BC630B !important;
}

a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus {
    background-color: #C0381C !important;
}

.bg-soft-danger {
    background-color: rgba(223, 70, 37, 0.7);
}

a.bg-soft-danger:hover, a.bg-soft-danger:focus, button.bg-soft-danger:hover, button.bg-soft-danger:focus {
    background-color: rgba(192, 56, 27, 0.6) !important;
}
a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus {
    background-color: #A8E0F1 !important;
}

a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus {
    background-color: #121212 !important;
}

.bg-indigo, .bg-purple {
    background-color: #7a078a !important;
}

a.bg-indigo:hover, a.bg-indigo:focus, button.bg-indigo:hover, button.bg-indigo:focus {
    background-color: #310641 !important;
}

.bg-soft-indigo {
    background-color: rgba(52, 7, 68, 0.7);
}

a.bg-soft-indigo:hover, a.bg-soft-indigo:focus, button.bg-soft-indigo:hover, button.bg-soft-indigo:focus {
    background-color: rgba(49, 6, 65, 0.6) !important;
}

.bg-navy {
    background-color: #002449 !important;
}

a.bg-navy:hover, a.bg-navy:focus, button.bg-navy:hover, button.bg-navy:focus {
    background-color: #00162E !important;
}

.border-indigo, .border-purple {
    border-color: #7a078a !important;
}
.border-pink {
    border-color: #e83e8c !important;
}

.w-60 {
  width: 60% !important;
}

.w-80 {
  width: 80% !important;
}

.w-85 {
  width: 85% !important;
}
.text-green {
    color: #298338 !important;
}
.text-dgreen {
    color: #195427 !important;
}
.text-blue {
    color: #005878 !important;
}
.text-dblue {
	color:#003a48;
}
.text-yellow {
	color:#FFD100;
}
.text-orange {
    color: #f08a20;
}
.text-red {
    color: #DF4625;
}
.text-dred, .text-urgent {
    color: #ab361c;
}
.text-pink {color:#e83e8c}

a.text-success:hover, a.text-success:focus {
    color: #10cfc8 !important;
}

a.text-warning:hover, a.text-warning:focus {
    color: #BC630B !important;
}

a.text-danger:hover, a.text-danger:focus {
    color: #df4625 !important;
}

a.text-indigo:hover {
    color: #310641 !important;
}

a.text-light:hover, a.text-light:focus {
    color: #A8E0F1 !important;
}

a.text-dark:hover, a.text-dark:focus {
    color: #000 !important;
}
@media print {
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #e7eaf3 !important;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #e7eaf3;
  }
}

/*----------------------------------------------------------------------
  * Front - Responsive Website Template version v3.2.0
  * Copyright 2018 Htmlstream
  * Licensed under Bootstrap Themes (https://themes.getbootstrap.com/licenses/)
------------------------------------------------------------------------*/

.w-60 {
  width: 60% !important;
}

.w-80 {
  width: 80% !important;
}

.w-85 {
  width: 85% !important;
}

.space-0 {
  padding-top: 0 !important;
}

.space-0 {
  padding-bottom: 0 !important;
}

/*------------------------------------
  Default Styles
------------------------------------*/
.callout-primary {
	border-left-color:#005878;
}
.callout-purple {
	border-left-color:#7a078a;
}
.callout-success {
    border-left-color: #10cfc8;
}
.callout-urgent {
	border-left-color:#9B1D56;
}
/*------------------------------------
  Highlight Color
------------------------------------*/

.bg-primary ::-moz-selection {
  color: #fff;
  background-color: #003A48;
}

.bg-primary ::selection {
  color: #fff;
  background-color: #003A48;
}

/*------------------------------------
  Accessibility
------------------------------------*/

.btn:focus, .btn.focus, .btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus, .btn:not([disabled]):not(.disabled):active, .btn:not([disabled]):not(.disabled).active {
  box-shadow: 0 0 0 0 transparent;
}

.btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0 transparent;
}

/*------------------------------------
  Print styles
------------------------------------*/

/*------------------------------------
  Skippy
------------------------------------*/

/*------------------------------------
  List Article
------------------------------------*/

/*------------------------------------
  List Group
------------------------------------*/

/* Sizes */

/*------------------------------------
  Links
------------------------------------*/
.link {
  font-size: 0.875rem;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

/* Collapse */
.link-collapse[aria-expanded="false"] .link-collapse-default {
  display: inline-block;
}

.link-collapse[aria-expanded="false"] .link-collapse-active {
  display: none;
}

.link-collapse[aria-expanded="true"] .link-collapse-default {
  display: none;
}

.link-collapse[aria-expanded="true"] .link-collapse-active {
  display: inline-block;
}

/* Link Underline */

.link-underline:hover {
  border-color: #4ec3e0;
}

/* Link Underline Light */

/*------------------------------------
  Header Default
------------------------------------*/

/* Navbar Brand */
.navbar-brand > img {
  width: 12rem;
}

/* Navbar Toggler */

.navbar-toggler .navbar-toggler-default {
  display: -ms-flexbox;
  display: flex;
}

.navbar-toggler .navbar-toggler-toggled {
  display: none;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-default {
  display: none;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-toggled {
  display: -ms-flexbox;
  display: flex;
}

/* Nav Item */

.navbar-nav-item:hover .nav-link, .navbar-nav-item:focus .nav-link {
  color: #4ec3e0;
}

/* Nav Link */
.header .active > .nav-link {
  color: #4ec3e0;
}

.header .nav-link {
		font-family:"Varela Round", "Source Sans Pro",sans-serif;
  color: #003A48;
	font-size:1.125rem;
}

.header .nav-link-toggle {
  position: relative;
}

.header .nav-link-toggle::after {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-size: 0.75rem;
  font-weight: 900;
  margin-left: 0.5rem;
  margin-right: 0.625rem;
  content: "";
  transition: 0.3s ease;
}

/* Dropdown */
.header .navbar-nav .dropdown-menu {
  margin-top: -0.125rem;
}

.header .navbar-nav .dropdown-menu.hs-mega-menu {
  padding-top: 0;
  padding-bottom: 0;
}

.header .navbar-nav .dropdown-item {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.header .hs-mega-menu .dropdown-item {
  padding-right: 0;
  padding-left: 0;
}

/* Promo */

.navbar-promo-item ~ .navbar-promo-item {
  border-top: 0.0625rem solid #e7eaf3;
}
a.navbar-promo-link:hover {
background-color:rgba(55, 125, 255, 0.1);
}
.navbar-promo-link.disabled {
  opacity: .7;
  pointer-events: none;
}

.navbar-promo-card-deck:not(:last-child) .navbar-promo-item {
  border-bottom: 0.0625rem solid #e7eaf3;
}

.navbar-promo-card-deck .navbar-promo-item {
  border-top: none;
}

/* Banner */

    .navbar-banner::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        /* background-color: rgba(30, 32, 34, 0.5); */
        border-bottom-left-radius: 0.3125rem;
        /* content: "";*/
    }

/* Product Banner */

/*------------------------------------
  Header Helpers
------------------------------------*/

.header[data-hs-header-options*="fixMoment"] {
  transition: 0.3s ease;
}

/*------------------------------------
  Nav Alignments
------------------------------------*/
@media (min-width: 992px) {
  .header .navbar-nav{
    margin-left: auto;
  }
  .center-aligned-navbar .navbar-body,
  .center-aligned-navbar .navbar-nav {
    margin-left: auto;
    margin-right: auto;
  }
}

/*------------------------------------
  Header Default
------------------------------------*/

/*------------------------------------
  Nav Wrap
------------------------------------*/

/*------------------------------------
  Fullscreen
------------------------------------*/

/*------------------------------------
  Header Fullscreen Style
------------------------------------*/

/*------------------------------------
  Transparent Header
------------------------------------*/

/*------------------------------------
  Header On Scroll
------------------------------------*/

/*------------------------------------
  Header White Nav Links
------------------------------------*/

/*------------------------------------
  Navbar Expand
------------------------------------*/

@media (min-width: 576px) {
  .navbar-expand-sm .navbar-nav .navbar-nav-last-item {
    text-align: right;
    padding-left: 1rem;
    padding-right: 0;
  }
  .navbar-expand-sm .mega-menu-body {
    padding: 1.5rem 1.5rem;
    margin-left: 0;
    margin-right: 0;
  }
  .navbar-expand-sm .navbar-promo-card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0%;
        flex: 1 0 0%;
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .navbar-expand-sm .navbar-promo-card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
  }
  .navbar-expand-sm .navbar-promo-card-deck .navbar-promo-item:not(:last-child) .navbar-promo-link {
    position: relative;
  }
  .navbar-expand-sm .navbar-promo-card-deck .navbar-promo-item:not(:last-child) .navbar-promo-link::after {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: -1.5rem;
    border-right: 0.0625rem solid #e7eaf3;
    height: 100%;
    content: "";
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .navbar-nav-last-item {
    text-align: right;
    padding-left: 1rem;
    padding-right: 0;
  }
  .navbar-expand-lg .mega-menu-body {
    padding: 2.5rem 2.5rem;
    margin-left: 0;
    margin-right: 0;
  }
  .navbar-expand-lg .navbar-promo-card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0%;
        flex: 1 0 0%;
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .navbar-expand-lg .navbar-promo-card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
  }
  .navbar-expand-lg .navbar-promo-card-deck .navbar-promo-item:not(:last-child) .navbar-promo-link {
    position: relative;
  }
  .navbar-expand-lg .navbar-promo-card-deck .navbar-promo-item:not(:last-child) .navbar-promo-link::after {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: -1.5rem;
    border-right: 0.0625rem solid #e7eaf3;
    height: 100%;
    content: "";
  }
}

@media (max-width: 575.98px) {
  .navbar-expand-sm.navbar {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .navbar-expand-sm .navbar-brand,
  .navbar-expand-sm .navbar-brand > img {
    width: 7rem;
  }
  .navbar-expand-sm .navbar-nav-last-item {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .navbar-expand-sm .nav-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }
  .navbar-expand-sm .nav-link-toggle::after {
    margin-left: auto;
  }
  .navbar-expand-sm .hs-mega-menu {
    max-width: 100% !important;
  }
  .navbar-expand-sm .mega-menu-body {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .navbar-expand-sm .dropdown-menu {
    box-shadow: none;
  }
  .navbar-expand-sm .dropdown-menu .mega-menu-body {
    padding-left: 1.5rem;
  }
  .navbar-expand-sm .navbar-promo-card-deck:last-child .navbar-promo-item:not(:last-child) {
    border-bottom: 0.0625rem solid #e7eaf3;
  }
}

@media (max-width: 991.98px) {
  .navbar-expand-lg.navbar {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .navbar-expand-lg .navbar-brand,
  .navbar-expand-lg .navbar-brand > img {
    width: 7rem;
  }
  .navbar-expand-lg .navbar-nav-last-item {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .navbar-expand-lg .nav-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }
  .navbar-expand-lg .nav-link-toggle::after {
    margin-left: auto;
  }
  .navbar-expand-lg .hs-mega-menu {
    max-width: 100% !important;
  }
  .navbar-expand-lg .mega-menu-body {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .navbar-expand-lg .dropdown-menu {
    box-shadow: none;
  }
  .navbar-expand-lg .dropdown-menu .mega-menu-body {
    padding-left: 1.5rem;
  }
  .navbar-expand-lg .navbar-promo-card-deck:last-child .navbar-promo-item:not(:last-child) {
    border-bottom: 0.0625rem solid #e7eaf3;
  }
}

@media (max-width: 991.98px) {
  .navbar-expand-sm .navbar-banner,
  .navbar-expand-lg .navbar-banner {
    display: none;
  }
}

/*------------------------------------
  Header Floating
------------------------------------*/

.header-floating-inner {
  border-radius: 0.3125rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 576px) {
  .header-floating-inner {
    border-radius: 0.3125rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 768px) {
  .header-floating-inner {
    border-radius: 0.3125rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 992px) {
  .header-floating-inner {
    border-radius: 0.3125rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 1200px) {
  .header-floating-inner {
    border-radius: 0.3125rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (max-width: 991.98px) {
  .header-floating-inner {
    padding-right: 0;
    padding-left: 0;
  }
}

/*------------------------------------
  Absolute Positions
------------------------------------*/

/*------------------------------------
  Sticky Positions
------------------------------------*/

/*------------------------------------
  Animation
------------------------------------*/
.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

/*------------------------------------
  Alert Styles
------------------------------------*/

.alert-info hr {
  border-top-color: #0890a6;
}

/* primary soft */

/* secondary soft */

/* success soft */

/* info soft */

/* warning soft */

/* danger soft */

/* light soft */

/* dark soft */

/* indigo soft */

/* navy soft */

/*------------------------------------
  Avatar
------------------------------------*/
.avatar {
  position: relative;
  display: inline-block;
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 0.3125rem;
}

/*------------------------------------
  Avatar Group
------------------------------------*/

/*------------------------------------
  Avatar Initials
------------------------------------*/

/*------------------------------------
  Avatar Sizes
------------------------------------*/

.avatar-lg {
  width: 4.25rem;
  height: 4.25rem;
}

/*------------------------------------
  Avatar Status
------------------------------------*/

/*------------------------------------
  Avatar Styles
------------------------------------*/
/* primary soft */

/* secondary soft */

/* success soft */

/* info soft */

/* warning soft */

/* danger soft */

/* light soft */

/* dark soft */

/* indigo soft */

/* navy soft */

/* primary soft */

/* secondary soft */

/* success soft */

/* info soft */

/* warning soft */

/* danger soft */

/* light soft */

/* dark soft */

/* indigo soft */

/* navy soft */

/*------------------------------------
  Badge Soft
------------------------------------*/
/* primary soft */

/* secondary soft */

/* success soft */

/* info soft */

/* warning soft */

/* danger soft */

/* light soft */

/* dark soft */

/* indigo soft */

/* navy soft */

/*------------------------------------
  Custom Buttons
------------------------------------*/

.btn-white.focus, .btn-white.active {
  color: #0052ea;
  box-shadow: 0px 3px 6px -2px rgba(140, 152, 164, 0.25);
}

.btn-white.disabled, .btn-white:disabled {
  color: #787878;
  background-color: rgba(231, 234, 243, 0.5);
}

/* primary button :hover, :focus, :active effects */
.btn-primary[href]:hover, .btn-primary[href]:focus, .btn-primary[href]:active, .btn-primary[type]:hover, .btn-primary[type]:focus, .btn-primary[type]:active {
  box-shadow: 0 4px 11px rgba(55, 125, 255, 0.35);
}

.btn-primary:not(label.btn), .btn-primary:not(label.btn):not([href]):not(:disabled):not(.disabled), .btn-primary:not([href]), .btn-primary:not([href]):not([href]):not(:disabled):not(.disabled) {
  background-color: #003A48;
  border-color: #003A48;
}

.btn-primary:hover {
  background-color: #003A48;
  border-color: #003A48;
}

/* secondary button :hover, :focus, :active effects */
.btn-secondary[href]:hover, .btn-secondary[href]:focus, .btn-secondary[href]:active, .btn-secondary[type]:hover, .btn-secondary[type]:focus, .btn-secondary[type]:active {
  box-shadow: 0 4px 11px rgba(113, 134, 157, 0.35);
}

/* success button :hover, :focus, :active effects */
.btn-success[href]:hover, .btn-success[href]:focus, .btn-success[href]:active, .btn-success[type]:hover, .btn-success[type]:focus, .btn-success[type]:active {
  box-shadow: 0 4px 11px rgba(10, 167, 162, 0.35);
}

.btn-success:hover {
    background-color: #0aa7a2;
    border-color: #0aa7a2;
}

/* info button :hover, :focus, :active effects */
.btn-info[href]:hover, .btn-info[href]:focus, .btn-info[href]:active, .btn-info[type]:hover, .btn-info[type]:focus, .btn-info[type]:active {
  box-shadow: 0 4px 11px rgba(9, 165, 190, 0.35);
}

/* warning button :hover, :focus, :active effects */
.btn-warning[href]:hover, .btn-warning[href]:focus, .btn-warning[href]:active, .btn-warning[type]:hover, .btn-warning[type]:focus, .btn-warning[type]:active {
  box-shadow: 0 4px 11px rgba(245, 202, 153, 0.35);
}

.btn-warning:hover {
  background-color: #f08a20;
  border-color: #f08a20;
}

/* danger button :hover, :focus, :active effects */
.btn-danger[href]:hover, .btn-danger[href]:focus, .btn-danger[href]:active, .btn-danger[type]:hover, .btn-danger[type]:focus, .btn-danger[type]:active {
  box-shadow: 0 4px 11px rgba(237, 76, 120, 0.35);
}

.btn-danger:hover {
  background-color: #df4625;
  border-color: #df4625;
}

/* light button :hover, :focus, :active effects */
.btn-light[href]:hover, .btn-light[href]:focus, .btn-light[href]:active, .btn-light[type]:hover, .btn-light[type]:focus, .btn-light[type]:active {
  box-shadow: 0 4px 11px rgba(247, 250, 255, 0.35);
}

.btn-light:hover {
  background-color: #f7faff;
  border-color: #f7faff;
}

/* dark button :hover, :focus, :active effects */

/* indigo button :hover, :focus, :active effects */
.btn-indigo[href]:hover, .btn-indigo[href]:focus, .btn-indigo[href]:active, .btn-indigo[type]:hover, .btn-indigo[type]:focus, .btn-indigo[type]:active {
  box-shadow: 0 4px 11px rgba(45, 21, 130, 0.35);
}

/* navy button :hover, :focus, :active effects */

/*------------------------------------
  Custom Button Toggle
------------------------------------*/
/* primary custom toggle button */

/* secondary custom toggle button */

/* success custom toggle button */

/* info custom toggle button */

/* warning custom toggle button */

/* danger custom toggle button */

/* light custom toggle button */

/* dark custom toggle button */

/* indigo custom toggle button */

/* navy custom toggle button */

/*------------------------------------
  Soft Button Styles
------------------------------------*/
/* primary soft */
.btn-soft-primary {
  color: #003A48;
  background-color: rgba(55, 125, 255, 0.1);
  border-color: transparent;
}

.btn-soft-primary:hover, .btn-soft-primary:focus, .btn-soft-primary:active, .btn-soft-primary.active {
  color: #fff;
  background-color: #003A48;
  box-shadow: 0 4px 11px rgba(55, 125, 255, 0.1);
}

.btn-soft-primary.disabled, .btn-soft-primary:disabled {
  color: #565656;
  background-color: rgba(55, 125, 255, 0.1);
  box-shadow: none;
}

.btn-soft-primary:not(:disabled):not(.disabled):active, .btn-soft-primary:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: #003A48;
}

/* secondary soft */

/* success soft */
.btn-soft-success {
    color: #0aa7a2;
    background-color: rgba(10, 167, 162, 0.1);
    border-color: transparent;
}


    .btn-soft-success:hover, .btn-soft-success:focus, .btn-soft-success:active, .btn-soft-success.active {
        color: #fff;
        background-color: #0aa7a2;
        box-shadow: 0 4px 11px rgba(10, 167, 162, 0.1);
    }

    .btn-soft-success.disabled, .btn-soft-success:disabled {
        color: #565656;
        background-color: rgba(10, 167, 162, 0.1);
        box-shadow: none;
    }

    .btn-soft-success:not(:disabled):not(.disabled):active, .btn-soft-success:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #39e1dc;
    }

/* info soft */
.btn-soft-info {
  color: #00aff5;
  background-color: rgba(9, 165, 190, 0.1);
  border-color: transparent;
}

.btn-soft-info:hover, .btn-soft-info:focus, .btn-soft-info:active, .btn-soft-info.active {
  color: #fff;
  background-color: #06788B;
  box-shadow: 0 4px 11px rgba(9, 165, 190, 0.1);
}

.btn-soft-info.disabled, .btn-soft-info:disabled {
  color: #565656;
  background-color: rgba(9, 165, 190, 0.1);
  box-shadow: none;
}

.btn-soft-info:not(:disabled):not(.disabled):active, .btn-soft-info:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: #00aff5;
}

/* warning soft */

/* danger soft */

/* light soft */

/* dark soft */

/* indigo soft */

/* navy soft */

/*------------------------------------
  Outline Button Styles
------------------------------------*/

/*------------------------------------
  Button Sizes
------------------------------------*/
/* Wide */

/* Extra Small */
.btn-xs {
  font-size: 0.75rem;
  font-weight: 400;
  padding: 0.275rem 0.75rem;
}

/* Icons */
.btn-icon.btn-xs {
  font-size: 0.75rem;
  width: 1.75rem;
  height: 1.75rem;
}

.btn-icon.btn-lg {
  font-size: 1.25rem;
  width: 4.25rem;
  height: 4.25rem;
}

/*------------------------------------
  Ghost Buttons Styles
------------------------------------*/
/* primary ghost button */

.btn-ghost-primary:focus, .btn-ghost-primary:active, .btn-ghost-primary.active {
  color: #003A48;
  background-color: rgba(55, 125, 255, 0.1);
}

/* secondary ghost button */

.btn-ghost-secondary:focus, .btn-ghost-secondary:active, .btn-ghost-secondary.active {
  color: #298338;
  background-color: rgba(55, 125, 255, 0.1);
}

/* success ghost button */

/* info ghost button */

.btn-ghost-info:focus, .btn-ghost-info:active, .btn-ghost-info.active {
  color: #00aff5;
  background-color: rgba(9, 165, 190, 0.1);
}

/* warning ghost button */

/* danger ghost button */

/* light ghost button */

/* dark ghost button */

/* indigo ghost button */

/* navy ghost button */

.btn-ghost-secondary:focus, .btn-ghost-secondary:active {
  color: #003A48;
}

/*------------------------------------
  Button Groups
------------------------------------*/

/*------------------------------------
  Button Status
------------------------------------*/

/*------------------------------------
  Buttons
------------------------------------*/
.btn svg {
  margin-bottom: 0;
}

label.btn {
  cursor: pointer !important;
}

/* Toggle */

/*------------------------------------
  Brand
------------------------------------*/

/*------------------------------------
  Breadcrumb
------------------------------------*/

/*------------------------------------
  Card
------------------------------------*/

.card-text {
  display: block;
  color: #111111;
}

/* Background Color */
.card-bg-light {
  background-color: #f8fafd;
}

.card-bg-light:hover {
  background-color: #f4f7fc;
}

/* Frame */

/* Shadow On Hover */
.card-hover-shadow {
  transition: 0.3s;
}

.card-hover-shadow:hover {
  box-shadow: 0px 12px 15px rgba(140, 152, 164, 0.175);
}

/* Collapse */
.card-collapse {
  padding: 0;
  transition: 0.3s ease-in-out;
}

.card-collapse:hover {
  background-color: #f8fafd;
}

.card-collapse .card-body {
  color: #333;
}

.card-btn {
  color: #121212;
  text-align: left;
  white-space: inherit;
}

.card-btn-toggle {
  display: inline-block;
  color: #003A48;
}

.card-btn-toggle-default {
  display: none;
}

.card-btn-toggle-active {
  display: block;
}

.card-btn.collapsed .card-btn-toggle-default {
  display: block;
}

.card-btn.collapsed .card-btn-toggle-active {
  display: none;
}

.card-body-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
}

/* Dashed */

/* Bordered */
.card-bordered {
  border-width: 0.0625rem;
  box-shadow: none;
}

/* IE image rendering fix */

/* Table */
.card .table {
  margin-bottom: 1px;
}

.card .table th, .card .table td {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

/* Dropdown */

/*------------------------------------
  Card Gutters
------------------------------------*/

@media (min-width: 992px) {
  .card-lg-gutters-2 {
    margin-right: -.5rem;
    margin-left: -.5rem;
  }
  .card-lg-gutters-2 .card {
    margin-right: .5rem;
    margin-left: .5rem;
  }
}

/*------------------------------------
  Card Group - Break
------------------------------------*/

/*------------------------------------
  Sidebar Navigation
------------------------------------*/
.sidebar {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1003;
  width: 23.4375rem;
  height: 100%;
  background-color: #fff;
  box-shadow: -5px 0px 12px rgba(103, 119, 136, 0.1);
}

/*------------------------------------
  Clients
------------------------------------*/

/*------------------------------------
  Column Divider
------------------------------------*/
.column-divider {
  position: relative;
}

.column-divider::before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-left: 0.0625rem solid #e7eaf3;
  content: "";
}

/*------------------------------------
  Divider
------------------------------------*/

.divider::before, .divider::after {
  position: absolute;
  top: 50%;
  content: "";
}

.divider::before {
  right: 100%;
  background-image: linear-gradient(45deg, transparent, #bdc5d1);
  background-repeat: repeat-x;
}

.divider::after {
  left: 100%;
  background-image: linear-gradient(45deg, #bdc5d1, transparent);
  background-repeat: repeat-x;
}

/*------------------------------------
  Divider Sizes
------------------------------------*/
.divider::before, .divider::after {
  width: 10rem;
  height: 0.0625rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.divider::before {
  margin-right: 0.625rem;
}

.divider::after {
  margin-left: 0.625rem;
}

@media (max-width: 767.98px) {
  .divider::before, .divider::after {
    width: 4rem;
  }
}

/*------------------------------------
  Divider Styles
------------------------------------*/
/* Text */

/*------------------------------------
  Dropdown
------------------------------------*/
/* Menu */

/* Nav Link */

/* Item */

/* Toggle */

/* Card */

/* Dropdown Positions */

/*------------------------------------
  Dropdown Card
------------------------------------*/

/*------------------------------------
  Dropdown Sizes
------------------------------------*/

/*------------------------------------
  Form
------------------------------------*/

/* Input Label */

/* Form Link */

/* Form Borderless */

/*------------------------------------
  Merge
------------------------------------*/

/*------------------------------------
  Form Pill
------------------------------------*/

/*------------------------------------
  Form Sizes
------------------------------------*/

/*------------------------------------
  Flush
------------------------------------*/

/*------------------------------------
  States
------------------------------------*/

/*------------------------------------
  Bookmark Checkbox
------------------------------------*/

/*------------------------------------
  Custom Select
------------------------------------*/

/*------------------------------------
  Checkbox Outline
------------------------------------*/

/*------------------------------------
  Checkbox Icon
------------------------------------*/

/*------------------------------------
  Custom Checkbox
------------------------------------*/

/*------------------------------------
  Toggle Switch
------------------------------------*/

/*------------------------------------
  File Attachment Button
------------------------------------*/

/*------------------------------------
  File Attachment Input
------------------------------------*/

/*------------------------------------
  Go To
------------------------------------*/

/*------------------------------------
  Icon
------------------------------------*/
.icon {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  font-size: 1rem;
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 0.3125rem;
}

/*------------------------------------
  Icon
------------------------------------*/
/* primary */

/* secondary */

/* success */

/* info */

/* warning */

/* danger */

/* light */
.icon-light {
  color: #121212;
  border-color: #f7faff;
  background-color: #f7faff;
}

/* dark */

/* indigo */

/* navy */

/* primary soft */

/* secondary soft */

/* success soft */

/* info soft */

/* warning soft */

/* danger soft */

/* light soft */

/* dark soft */

/* indigo soft */

/* navy soft */

/*------------------------------------
  Legend Indicator
------------------------------------*/

/*------------------------------------
  Media Viewer
------------------------------------*/

/*------------------------------------
  Video Player
------------------------------------*/

/* Positions */

/*------------------------------------
  Device Mockups
------------------------------------*/

/*------------------------------------
  Modal
------------------------------------*/

/* Cover */

/* Close */

/*------------------------------------
  Page Preloader
------------------------------------*/

/*------------------------------------
  Pagination
------------------------------------*/

/* Sizes */

/*------------------------------------
  Navbar
------------------------------------*/

/*------------------------------------
  Navbar Vertical
------------------------------------*/

/*------------------------------------
  Navs
------------------------------------*/
.nav .nav-link {
  color: #003A48;
}

.nav .nav-link:not(.active):hover {
  color: #003a48;
}

/* Small Size */
.nav-sm .nav-link {
  font-size: 1.0rem;
}

/* No Gutters */

/* Icon */

/* Shadow */

/* Classic */

/* Rounded */

/* White Color */

/* RECLAIMED 2026-07-31 — the BASE rule of this group, dropped by the original
   filter while its `.active` and `:hover` siblings below survived. Verbatim from
   HPSM-style.css line 20013.

   Without it the teal `<footer class="bg-primary">` on _DentalLanding /
   _HealthTips / _OpenPositions rendered its link lists in #003A48 on the #005878
   blue instead of near-white — dark-on-dark. Note the winner was NOT the new
   build: hpsm.css DOES port `.nav-white .nav-link`, but `.nav .nav-link` at line
   2230 of THIS file is the same 0-2-0 specificity and this file loads after
   hpsm.css, so the static copy took it. In HPSM-style.css both live in one file
   with `.nav-white` later, so order resolved it correctly. Restoring the rule
   here — after 2230, matching the legacy order — fixes both the missing
   declaration and the cross-file order inversion. */
.nav-white .nav-link {
  color: rgba(255, 255, 255, 0.7);
}

.nav-white .nav-link.active {
  color: #003A48;
  background-color: #fff;
}

.nav-white .nav-link:not(.active):hover {
  color: #fff;
}

/* White Border Color */

/* Box */

/* Segment */

/* Tabs */
.nav-tabs .nav-item {
  margin-left: 1rem;
  margin-right: 1rem;
}

.nav-tabs .nav-item:first-child {
  margin-left: 0;
}

.nav-tabs .nav-item:last-child {
  margin-right: 0;
}

/*------------------------------------
  Nav List
------------------------------------*/

/*------------------------------------
  Vertical Progress Bar
------------------------------------*/

/*------------------------------------
  Popover
------------------------------------*/

/*------------------------------------
  Scrollbar
------------------------------------*/

/*------------------------------------
  Search Form - Push Top
------------------------------------*/

/* Banner */

/*------------------------------------
  Search Form - Slide Down
------------------------------------*/

/*------------------------------------
  Slick
------------------------------------*/
.slick {
  position: relative;
}

.slick-thumb-progress {
  width: 110%;
  height: 110%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/*------------------------------------
  Slick Equal Height
------------------------------------*/

/*------------------------------------
  Slick Gutters
------------------------------------*/
/* Gutters X */

/*------------------------------------
  Slick Arrows
------------------------------------*/

/* Primary */

/* Soft White */

/* Offset */

/* Vertical Center Alignment */

/*------------------------------------
  Slick Counter
------------------------------------*/

/*------------------------------------
  Slick Dot Lined
------------------------------------*/

/*------------------------------------
  Slick Pagination
------------------------------------*/

/* White Version */

/*------------------------------------
  Slick Pagination Interactive
------------------------------------*/

/*------------------------------------
  Slick Pagination Modern
------------------------------------*/

/*------------------------------------
  Slick Pagination Line
------------------------------------*/

/*------------------------------------
  Spinner
------------------------------------*/

/*------------------------------------
  Stats Progress
-------------------------------------*/

/*------------------------------------
  Step
------------------------------------*/
.step {
  position: relative;
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 0;
  margin-right: -0.9375rem;
  margin-left: -0.9375rem;
}

.step.step-dashed .step-icon::after {
  border-left-style: dashed;
}

.step .step-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  margin-bottom: 1.5rem;
}

.step .step-content-wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.step .step-content {
  -ms-flex: 1;
      flex: 1;
}

/*------------------------------------
  Step Avatar
------------------------------------*/

/*------------------------------------
  Step Avatar
------------------------------------*/

/*------------------------------------
  Step Icon
------------------------------------*/
.step .step-icon {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  font-size: 1rem;
  font-weight: 600;
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  margin-right: 1rem;
}

.step .step-icon::after {
  position: absolute;
  top: 3.59375rem;
  left: 1.5625rem;
  height: calc(100% - 2.65625rem);
  border-left: 0.125rem solid #e7eaf3;
  content: "";
}

/*------------------------------------
  Step Icon Sizes
------------------------------------*/
.step-icon-xs.step-icon {
  font-size: 0.75rem;
  width: 1.75rem;
  height: 1.75rem;
}

.step-icon-xs.step-icon::after {
  top: 2.21875rem;
  left: 0.8125rem;
  width: 1.0625rem;
  height: calc(100% - 1.28125rem);
}

.step-icon-sm.step-icon {
  font-size: 0.8125rem;
  width: 2.6875rem;
  height: 2.6875rem;
}

.step-icon-sm.step-icon::after {
  top: 3.15625rem;
  left: 1.28125rem;
  width: 1.0625rem;
  height: calc(100% - 2.21875rem);
}

.step-icon-lg.step-icon {
  font-size: 1.25rem;
  width: 4.25rem;
  height: 4.25rem;
}

.step-icon-lg.step-icon::after {
  top: 4.71875rem;
  left: 2.0625rem;
  width: 1.0625rem;
  height: calc(100% - 3.78125rem);
}

/*------------------------------------
  Step Breakpoints
------------------------------------*/

/*------------------------------------
  Step Centered
------------------------------------*/

/*------------------------------------
  Step States
------------------------------------*/

.step .active .step-icon {
  color: #fff;
  background-color: #003A48;
}

/*------------------------------------
  Step Colors
------------------------------------*/
/* primary */
.step-icon-primary {
  color: #fff;
  background-color: #003A48;
}

/* secondary */
.step-icon-secondary {
  color: #fff;
  background-color: #298338;
}

/* success */

/* info */
.step-icon-info {
  color: #fff;
  background-color: #00aff5;
}

/* warning */
.step-icon-warning {
  color: #121212;
  background-color: #f08a20;
}

/* danger */
.step-icon-danger {
  color: #fff;
  background-color: #df4625;
}

/* light */
.step-icon-light {
  color: #121212;
  background-color: #f7faff;
}

/* dark */

/* indigo */
.step-icon-indigo {
  color: #fff;
  background-color: #7a078a;
}

/* navy */

/* primary soft */
.step-icon-soft-primary {
  color: #003A48;
  background-color: rgba(55, 125, 255, 0.1);
}

/* secondary soft */

/* success soft */

/* info soft */

/* warning soft */

/* danger soft */

/* light soft */

/* dark soft */

/* indigo soft */

/* navy soft */

/*------------------------------------
  Step Inline
------------------------------------*/

/*------------------------------------
  Step Dots
------------------------------------*/

/*------------------------------------
  Step Flow
------------------------------------*/

/*------------------------------------
  Step Timeline
------------------------------------*/

/*------------------------------------
  Tables
------------------------------------*/
.table th {
  font-weight: 400;
}

.table thead th {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  border-width: 0;
}

.table .btn {
  white-space: nowrap;
}

.table-align-middle tbody td {
  vertical-align: middle;
}

/*------------------------------------
  Text Highlight
------------------------------------*/

/* primary text highlight */

/* secondary text highlight */

/* success text highlight */

/* info text highlight */

/* warning text highlight */

/* danger text highlight */

/* light text highlight */

/* dark text highlight */

/* indigo text highlight */

/* navy text highlight */

/*------------------------------------
  Sticky Blocks
------------------------------------*/

/*------------------------------------
  SVG IE10+ specific styles go here
------------------------------------*/

/*------------------------------------
  Background Gradients
------------------------------------*/

/*------------------------------------
  Background Overlay Gradients
------------------------------------*/

/*------------------------------------
  Background Image Style
------------------------------------*/

/*------------------------------------
  Background Soft Colors
------------------------------------*/
.bg-soft-primary {
  background-color: rgba(0, 58, 72, 0.5);
}

.bg-soft-info {
  background-color: rgba(0, 121, 156, 0.5);
}

.bg-soft-danger {
  background-color: rgba(189, 8, 29, 0.5);
}

.bg-soft-indigo {
  background-color: rgba(52, 7, 68, 0.5);
}

/*------------------------------------
  Borders-radius
------------------------------------*/

/*------------------------------------
  Borders
------------------------------------*/

/*------------------------------------
  Position Spaces
------------------------------------*/

/*------------------------------------
  Content Centered
------------------------------------*/

/*------------------------------------
  Opacity
------------------------------------*/

/*------------------------------------
  Box Shadow
------------------------------------*/
.shadow-primary-lg {
  box-shadow: 0px 0px 50px rgba(55, 125, 255, 0.4) !important;
}

/*------------------------------------
  Width
------------------------------------*/

.max-w-13rem {
  max-width: 6rem;
}

.max-w-15rem {
  max-width: 7rem;
}

.max-w-50rem {
  max-width: 24.5rem;
}

/*------------------------------------
  Height
------------------------------------*/

/*------------------------------------
  Typography
------------------------------------*/

.text-cap {
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.03125rem;
}

.text-lh-sm {
  line-height: 1.2;
}
.text-lh-md {
  line-height: 1.6;
}

/*------------------------------------
  Text Colors
------------------------------------*/

.text-muted[href]:hover,
.text-body[href]:hover {
  color: #003a48 !important;
}

/*------------------------------------
  Transform Rotate
------------------------------------*/

/*------------------------------------
  Transitions
------------------------------------*/
/* 3D Hover */

/*------------------------------------
  Z-Index
------------------------------------*/

/*------------------------------------
  Unfold
------------------------------------*/

/*------------------------------------
  Video Background
------------------------------------*/
/*------------------------------------
  Video Background
------------------------------------*/

/*------------------------------------
  Chartjs
------------------------------------*/
.hs-chartjs-tooltip-wrap {
  position: absolute;
  z-index: 3;
  transition: opacity 0.2s ease-in-out;
}

.hs-chartjs-tooltip {
  background-color: #fff;
  border: 0.0625rem solid #e7eaf3;
  box-shadow: 0px 0.375rem 1.5rem 0px rgba(140, 152, 164, 0.125);
  border-radius: 0.3125rem;
  padding: 1rem 1rem;
}

.hs-chartjs-tooltip-header {
  font-weight: 600;
}

.hs-chartjs-tooltip-body {
  color: #333333;
}

/*------------------------------------
  Cubeportfolio
------------------------------------*/

.cbp-filter-item-active.nav-link {
  color: #003A48;
}

/*------------------------------------
  Dropzone
------------------------------------*/

/*------------------------------------
  Dzsparallaxer
------------------------------------*/

/*--------------------------------------------------
  Fancybox
----------------------------------------------------*/

.blur-30 {
  -webkit-filter: blur(30px);
          filter: blur(30px);
}

/*------------------------------------
  Leaflet
------------------------------------*/

/*------------------------------------
  Summernote Editor
------------------------------------*/

/*------------------------------------
  Select2
------------------------------------*/

.select2-selection--multiple .select2-selection__placeholder {
  position: absolute;
  top: 50%;
  left: 0;
  padding-left: 0.75rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.select2-selection__placeholder {
  color: #97a4af;
}

/*------------------------------------
  Range Slider
------------------------------------*/

/* Indicator */

/* Grid */

/*------------------------------------
  Slick
------------------------------------*/

/* These are slick's PRE-INIT rules: hide every slide, show only the first at auto
   height, and spin `circle-preloader.svg` behind the container. In MVC slick.js then
   adds `.slick-initialized`, whose counterpart rules (HPSM-style.css:23545-23559)
   clear the spinner and reveal the slides. The reclaim brought over only the hiding
   half, and the Renderer never loads slick.js — so `_DentalLanding.cshtml:213` (the
   one view still on legacy slick markup; Home/ProviderLanding are on swiper) was
   left permanently at the pre-init state: the "Join HPSM Dental" hero band held its
   full 196px of layout but painted nothing except the preloader crescent.

   Two changes make the pre-init state fail-safe without slick:
     - the `.slick` preloader background is dropped (MVC clears it post-init anyway,
       so `none` is correct in both states);
     - `:first-child` now also un-hides, matching what MVC's initialized carousel
       shows on its first frame. Slides 2..n stay hidden so a multi-slide carousel
       degrades to its first slide rather than stacking all of them vertically.
   Verified at 1920 on /provider/hpsm-dental: band top 242, h 196, w 1905 —
   pixel-identical to MVC, which renders the same single slide. */

.slick .js-slide {
  height: 0;
  visibility: hidden;
  overflow: hidden;
}

.slick .js-slide:first-child {
  height: auto;
  visibility: visible;
  overflow: visible;
}

/* Kept verbatim from HPSM-style.css so that IF slick.js ever does run (it ships in
   wwwroot/assets/vendor/slick-carousel), the full legacy mechanism is present.
   0-3-0 beats the 0-2-0 pre-init rules above regardless of order. */

.slick.slick-initialized .js-slide,
.slick.slick-initialized .js-thumb {
  visibility: visible;
  height: auto;
  overflow: visible;
}

/*------------------------------------
  Typed.js
------------------------------------*/
.sfpostsList ul {
	list-style:none!important;
    margin-left: 0;
    padding-left: 0;
    line-height: 1.613em;
}
.sfpostsList ul li h3 {
    margin-top: 15px;
    margin-bottom: 10px;
    list-style: none;
}
.sfpostsList ul li h3 a {
    color: #005878;
    margin-top: 30px;
    margin-bottom: 10px;
    list-style: none;
}
.sfpostsList ul li div {
    margin-bottom: 10px;
    margin-top: 10px;
}
.sfpostsList ul li div:nth-of-type(1) {
	display:none;
}
.sfpostListItem h3 {
    margin-top: 30px;
    margin-bottom: 10px;
    list-style-type: none;
}
.sfpostListItem h3 a {
    list-style-type: none;
    color: #005878;
}
.sfpostListItem div {
    margin-bottom: 30px;
    margin-top: 30px;
    line-height: 1.613em;
}
/* Member Stories list */
.member-stories ul {
	list-style:none!important;
	margin-left:0;
	padding-left:0;		
}
.member-stories ul li {
	padding: 2em;
	border:1px solid #E0E0E0;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
    background-color: #fff;
	margin-bottom:30px;
}
.member-stories ul li:hover {
	cursor: pointer;
	border:1px solid #E0E0E0;
	-webkit-box-shadow: 10px 10px 24px rgba(0, 0, 0, 0.3);
	box-shadow: 10px 10px 24px rgba(0, 0, 0, 0.3);
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.navbar .navbar-body .navbar-nav > .search-button a:before {
    content: '';
    background-image: url(../_img/search.svg);
	background-repeat:no-repeat;
    width: 16px;
    height: 16px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.navbar .navbar-body .navbar-nav > .search-button.close-search a:before {
    content: '';
    background-image: url(../_img/search-close.svg);
    width: 16px;
    height: 16px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
/*------------------------------------*    # Side Navigation
\*------------------------------------*/
ul.sfdownloadList, ul.sfNavList, ul.list-unstyled {
	list-style:none!important;
}
.hpsm-table tbody tr:nth-child(even) {
    background: #F0F0F0;
}
.provider .download-list {
	border-bottom:1px solid #bbe5f5;
}
.centered {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
.background-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}
/*------------------------------------
  Responsive Landing Page Rules
------------------------------------*/
@media (max-width: 575.98px) {
		.announcements .media  {
			padding-left:1.5rem;
			padding-right:1.5rem;
	}
	.announcements .media figure {display:none;}
	
}
@media (max-width: 768px) {
		.announcements .media  {
			padding-left:1.5rem;
			padding-right:1.5rem;
	}
	.announcements .media figure {display:none;}
}
.skiptranslate iframe {display:none!important;height: 0 !important;visibility: hidden}

/*====================================================================
  RECLAIMED 2026-07-31 — bare element rules, mega shell
  Verbatim from assets/_css/HPSM-style.css.

  These MUST stay unscoped. The rule they need to beat is Bootstrap's
  heading reset in hpsm.css (`h6,.h6,…,h1,.h1 { … }`), whose matching
  compound for a bare `h1` is just `h1` — specificity 0-0-1. This file
  loads after hpsm.css, so an equally-specific bare rule wins on order.
  Scoping them (`.shell-mega body h1`) would lift them to 0-2-1 and
  flip ties they LOSE in MVC against Bootstrap class rules (`.h1`,
  `.text-white`, `.btn`), inverting the cascade — the same trap that
  needed hand-written :not() guards on `table` in the drawer port.

  Measured before/after on HPSM Dental (MVC vs Renderer): h1 was
  #003A48 -> #111111, h4 #7a078a -> #111111, a #003A48 -> #005878.
  The link colour regressed because hpsm.css sets one global
  --bs-link-color (#005878) that is right for the drawer shell and
  wrong for mega.

  Deliberately NOT carried over: the `<font>`, `small` and
  `table`/`th`/`td` rules from the same source — all four mega pages
  contain zero of those tags, so they would be dead weight. The
  responsive heading clamps (`@media (max-width:1200px) h1 { font-size:
  calc(1.375rem + 1.5vw) }` etc.) are also held back until tablet and
  mobile are back in the comparison set; only colour is fixed here.
--------------------------------------------------------------------*/
h1 { font-size: 2.5rem; color: #003A48; }
h2 { font-size: 1.875rem; color: #0092CD; }
h3 { font-size: 1.5125rem; color: #000; }
h4 { font-size: 1.325rem; color: #7a078a; }
h5 { font-size: 1.225rem; color:#111111; }
h6 { font-size: 1.0rem; color: #195427; }

a { color: #003A48; text-decoration: none; background-color: transparent; }
a:hover { color: #003A48; text-decoration: none; }
a:focus { outline: 0; }

/* `hr` is a genuine per-shell split, like spacer level 5 — the two legacy
   stylesheets draw it by different mechanisms:
     style.css (drawer)      height 1px + background-color #f08a20, no border, margin 30px 0
     HPSM-style.css (mega)   height 0   + border-top 0.0625rem #f08a20,   margin 1rem 0
   `base/_typography.scss` implements the DRAWER version globally, so the mega
   override has to undo the box model too, not just add the border — otherwise the
   background and the border BOTH draw and the rule is 1.8px instead of 1px
   (measured on /member/health-tips: 1.8px vs MVC's 0.8px).
   `box-sizing`/`height`/`overflow` are verbatim from HPSM-style.css lines 72-76;
   the margin/border line is its later `hr` rule. `background-color: transparent`
   is the one addition — it neutralises the drawer-derived background that
   hpsm.css applies to every `hr`, which MVC's mega sheet never sets. */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  background-color: transparent;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 0.0625rem solid #f08a20;
}

/* RECLAIMED 2026-07-31 — mega button weight + phone colour. Both are per-shell
   value splits, and in both cases the new build ships the DRAWER value globally:

     .btn font-weight   HPSM-style.css:2447 = 600   style.css:15111 = 400
     .phone color       HPSM-style.css:12188 = #003a48   style.css:838 = #005878

   Symptom: the "Self-Management Tools" / "Health Information Library"
   `.btn.btn-primary.btn-wide` pair rendered at 400 against MVC's 600 (the only
   `font-weight` reaching them was BS5's `.btn { font-weight: var(--bs-btn-font-weight) }`
   — hpsm.css's `.btn-primary{font-weight:600}` is scoped to `.navbar-banner`), and
   `.phone` came out #005878 instead of #003A48. The phone's WEIGHT was already
   correct at 700 on both.

   The weight is set through BS5's variable, NOT as a literal `font-weight: 600`.
   A literal here would be 0-1-0 in a file that loads after hpsm.css, so it would
   also beat `.btn-icon { font-weight: 400 }` (hpsm.css, byte 347240) and push the
   navbar toggler to 600 — MVC keeps it at 400 because its `.btn-icon` rule sits
   AFTER `.btn` inside one file. Overriding the variable instead leaves any
   variant's own explicit `font-weight` declaration to win on source order, which
   reproduces MVC exactly: `.btn` 600, `.btn-link` 600 (HPSM-style.css:17377
   re-declares it after the 400 at :3183), `.btn-icon` 400. */
.btn {
  --bs-btn-font-weight: 600;
}

.phone {
  color: #003a48;
  white-space: nowrap;
  font-weight: 700;
}

/* RECLAIMED 2026-07-31 — base `.navbar-brand`, verbatim from HPSM-style.css line
   3946. The shipped file kept `.navbar-brand > img` and the `.navbar-expand-*`
   variants but lost the base rule. BS5 supplies `.navbar-brand`'s font-size via
   `--bs-navbar-brand-font-size`, which is only defined on `.navbar` — and the
   footer's brand link is NOT inside one, so it fell back to inheriting the footer
   (15.2px vs MVC's 20px) and stayed `display: inline` with no padding. */
.navbar-brand {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-right: 0;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}