/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
/* fix for original container descriptions */
.container > .description {
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #023978;
    font-size: 32px;
    letter-spacing: 0px;
    text-transform: none;
    margin-bottom: 25px;
    line-height: 1.2;
}

/* fix for bolded links */
strong a {
    font-weight: 400;
}

/* header fixes */

 .boim-v2-header-white-top {
     height: 27px;
     background: #fff;
 }

.unique-header.light-header {
    background-color: #023a78;
}

.unique-logo-wrap {
    padding:0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    color: #fff;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a:visited {
    color: #fff!important;
}

.unique-header .hs-menu-wrapper li.hs-menu-depth-1:hover > a, .unique-header .hs-menu-wrapper li.hs-menu-depth-1:hover > a::before {
    color: #fff!important;
    text-decoration: underline;
}

/* featured image */

.boim-v2-blog-image-container img {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 25px;
    margin: 25px 0px;

}

.topic-link {
    background: #023a78;
    border-radius: 25px;
    padding: 10px 20px;
    color: #fff;
}

h2,h3 {
    margin-top: 25px;
}

/* container fixes */
@media (max-width: 1200px) {
   .container {
        width: 100%!important;
   }
}

/* blog width - why is this set to 670px max?? */
.blog-post-section .section.post-body #hs_cos_wrapper_post_body {
    // max-width: 670px;
    max-width: unset;
}

/* old content fixes */

.blog-post-wrapper p {
    margin-bottom: 21px;
}

.body-content li p {
    margin: 0!important;
}

/* hide old mialing list cta */
#mobileMailSubscribeContainer {
    display: none;
}


/* ======= BUTTON ======== */
/* ==========================================================================
   .btn CSS extracted from:
   https://www.sisystems.com/resources/blog/canada-procurement-guidelines-measures-7-8/

   Extracted directly from the page's live stylesheet (computed CSSOM),
   covering every rule whose selector references .btn or a .btn- variant:
   base states, :hover, :focus, :active, .disabled/:disabled, ::before/::after,
   and the site's custom theme overrides layered on top of Bootstrap 5.

   Organized in two parts:
     PART 1 — Bootstrap 5 framework defaults (button component, unmodified structure)
     PART 2 — Site-specific theme/brand overrides (colors, layout, icons, widgets)

   Brand colors used: Primary navy = rgb(2,58,120) / #023A78
                       Secondary magenta = rgb(173,10,144) / #AD0A90
   Background-image data-URI icons (SVG close icon, dropdown chevrons, search
   icon) have been replaced with url(...) placeholders for readability — the
   layout/position/sizing declarations around them are preserved in full.
   ========================================================================== */


/* ==========================================================================
   PART 1: BOOTSTRAP 5 — BASE BUTTON COMPONENT
   ========================================================================== */

.btn-check {
  position: absolute;
  clip: rect(0px, 0px, 0px, 0px);
  pointer-events: none;
}

.btn-check:disabled + .btn,
.btn-check[disabled] + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

.input-group .btn {
  position: relative;
  z-index: 2;
}

.input-group .btn:focus {
  z-index: 3;
}

.input-group-lg > .btn,
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3333rem;
}

.input-group-sm > .btn,
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2222rem;
}

.btn {
  display: inline-block;
  font-weight: 600;
  line-height: 1.5;
  color: rgb(48, 49, 50);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.57rem 2.2rem;
  font-size: 0.8333rem;
  border-radius: 0.2777rem;
  transition: 0.3s ease-out;
}

@media (prefers-reduced-motion: reduce) {
  .btn { transition: none; }
}

.btn:hover {
  color: rgb(48, 49, 50);
}

.btn-check:focus + .btn,
.btn:focus {
  outline: 0px;
  box-shadow: rgba(2, 58, 120, 0.25) 0px 0px 0px 0.25rem;
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
  pointer-events: none;
  opacity: 0.65;
}


/* -- Bootstrap solid color variants (base / :hover / focus / :active / .disabled) -- */

.btn-primary { color: rgb(255, 255, 255); background-color: rgb(2, 58, 120); border-color: rgb(2, 58, 120); }
.btn-primary:hover { color: rgb(255, 255, 255); background-color: rgb(2, 49, 102); border-color: rgb(2, 46, 96); }
.btn-check:focus + .btn-primary, .btn-primary:focus { color: rgb(255, 255, 255); background-color: rgb(2, 49, 102); border-color: rgb(2, 46, 96); box-shadow: rgba(40, 88, 140, 0.5) 0px 0px 0px 0.25rem; }
.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(2, 46, 96); border-color: rgb(2, 44, 90); }
.btn-check:active + .btn-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: rgba(40, 88, 140, 0.5) 0px 0px 0px 0.25rem; }
.btn-primary.disabled, .btn-primary:disabled { color: rgb(255, 255, 255); background-color: rgb(2, 58, 120); border-color: rgb(2, 58, 120); }

.btn-secondary { color: rgb(255, 255, 255); background-color: rgb(173, 10, 144); border-color: rgb(173, 10, 144); }
.btn-secondary:hover { color: rgb(255, 255, 255); background-color: rgb(147, 9, 122); border-color: rgb(138, 8, 115); }
.btn-check:focus + .btn-secondary, .btn-secondary:focus { color: rgb(255, 255, 255); background-color: rgb(147, 9, 122); border-color: rgb(138, 8, 115); box-shadow: rgba(185, 47, 161, 0.5) 0px 0px 0px 0.25rem; }
.btn-check:active + .btn-secondary, .btn-check:checked + .btn-secondary, .btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(138, 8, 115); border-color: rgb(130, 8, 108); }
.btn-check:active + .btn-secondary:focus, .btn-check:checked + .btn-secondary:focus, .btn-secondary.active:focus, .btn-secondary:active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: rgba(185, 47, 161, 0.5) 0px 0px 0px 0.25rem; }
.btn-secondary.disabled, .btn-secondary:disabled { color: rgb(255, 255, 255); background-color: rgb(173, 10, 144); border-color: rgb(173, 10, 144); }

.btn-success { color: rgb(255, 255, 255); background-color: rgb(25, 135, 84); border-color: rgb(25, 135, 84); }
.btn-success:hover { color: rgb(255, 255, 255); background-color: rgb(21, 115, 71); border-color: rgb(20, 108, 67); }
.btn-check:focus + .btn-success, .btn-success:focus { color: rgb(255, 255, 255); background-color: rgb(21, 115, 71); border-color: rgb(20, 108, 67); box-shadow: rgba(60, 153, 110, 0.5) 0px 0px 0px 0.25rem; }
.btn-check:active + .btn-success, .btn-check:checked + .btn-success, .btn-success.active, .btn-success:active, .show > .btn-success.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(20, 108, 67); border-color: rgb(19, 101, 63); }
.btn-check:active + .btn-success:focus, .btn-check:checked + .btn-success:focus, .btn-success.active:focus, .btn-success:active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: rgba(60, 153, 110, 0.5) 0px 0px 0px 0.25rem; }
.btn-success.disabled, .btn-success:disabled { color: rgb(255, 255, 255); background-color: rgb(25, 135, 84); border-color: rgb(25, 135, 84); }

.btn-info { color: rgb(0, 0, 0); background-color: rgb(13, 202, 240); border-color: rgb(13, 202, 240); }
.btn-info:hover { color: rgb(0, 0, 0); background-color: rgb(49, 210, 242); border-color: rgb(37, 207, 242); }
.btn-check:focus + .btn-info, .btn-info:focus { color: rgb(0, 0, 0); background-color: rgb(49, 210, 242); border-color: rgb(37, 207, 242); box-shadow: rgba(11, 172, 204, 0.5) 0px 0px 0px 0.25rem; }
.btn-check:active + .btn-info, .btn-check:checked + .btn-info, .btn-info.active, .btn-info:active, .show > .btn-info.dropdown-toggle { color: rgb(0, 0, 0); background-color: rgb(61, 213, 243); border-color: rgb(37, 207, 242); }
.btn-check:active + .btn-info:focus, .btn-check:checked + .btn-info:focus, .btn-info.active:focus, .btn-info:active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: rgba(11, 172, 204, 0.5) 0px 0px 0px 0.25rem; }
.btn-info.disabled, .btn-info:disabled { color: rgb(0, 0, 0); background-color: rgb(13, 202, 240); border-color: rgb(13, 202, 240); }

.btn-warning { color: rgb(0, 0, 0); background-color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); }
.btn-warning:hover { color: rgb(0, 0, 0); background-color: rgb(255, 202, 44); border-color: rgb(255, 199, 32); }
.btn-check:focus + .btn-warning, .btn-warning:focus { color: rgb(0, 0, 0); background-color: rgb(255, 202, 44); border-color: rgb(255, 199, 32); box-shadow: rgba(217, 164, 6, 0.5) 0px 0px 0px 0.25rem; }
.btn-check:active + .btn-warning, .btn-check:checked + .btn-warning, .btn-warning.active, .btn-warning:active, .show > .btn-warning.dropdown-toggle { color: rgb(0, 0, 0); background-color: rgb(255, 205, 57); border-color: rgb(255, 199, 32); }
.btn-check:active + .btn-warning:focus, .btn-check:checked + .btn-warning:focus, .btn-warning.active:focus, .btn-warning:active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: rgba(217, 164, 6, 0.5) 0px 0px 0px 0.25rem; }
.btn-warning.disabled, .btn-warning:disabled { color: rgb(0, 0, 0); background-color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); }

.btn-danger { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); }
.btn-danger:hover { color: rgb(255, 255, 255); background-color: rgb(187, 45, 59); border-color: rgb(176, 42, 55); }
.btn-check:focus + .btn-danger, .btn-danger:focus { color: rgb(255, 255, 255); background-color: rgb(187, 45, 59); border-color: rgb(176, 42, 55); box-shadow: rgba(225, 83, 97, 0.5) 0px 0px 0px 0.25rem; }
.btn-check:active + .btn-danger, .btn-check:checked + .btn-danger, .btn-danger.active, .btn-danger:active, .show > .btn-danger.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(176, 42, 55); border-color: rgb(165, 40, 52); }
.btn-check:active + .btn-danger:focus, .btn-check:checked + .btn-danger:focus, .btn-danger.active:focus, .btn-danger:active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: rgba(225, 83, 97, 0.5) 0px 0px 0px 0.25rem; }
.btn-danger.disabled, .btn-danger:disabled { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); }

.btn-light { color: rgb(0, 0, 0); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); }
.btn-light:hover { color: rgb(0, 0, 0); background-color: rgb(249, 250, 251); border-color: rgb(249, 250, 251); }
.btn-check:focus + .btn-light, .btn-light:focus { color: rgb(0, 0, 0); background-color: rgb(249, 250, 251); border-color: rgb(249, 250, 251); box-shadow: rgba(211, 212, 213, 0.5) 0px 0px 0px 0.25rem; }
.btn-check:active + .btn-light, .btn-check:checked + .btn-light, .btn-light.active, .btn-light:active, .show > .btn-light.dropdown-toggle { color: rgb(0, 0, 0); background-color: rgb(249, 250, 251); border-color: rgb(249, 250, 251); }
.btn-check:active + .btn-light:focus, .btn-check:checked + .btn-light:focus, .btn-light.active:focus, .btn-light:active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: rgba(211, 212, 213, 0.5) 0px 0px 0px 0.25rem; }
.btn-light.disabled, .btn-light:disabled { color: rgb(0, 0, 0); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); }

.btn-dark { color: rgb(255, 255, 255); background-color: rgb(33, 37, 41); border-color: rgb(33, 37, 41); }
.btn-dark:hover { color: rgb(255, 255, 255); background-color: rgb(28, 31, 35); border-color: rgb(26, 30, 33); }
.btn-check:focus + .btn-dark, .btn-dark:focus { color: rgb(255, 255, 255); background-color: rgb(28, 31, 35); border-color: rgb(26, 30, 33); box-shadow: rgba(66, 70, 73, 0.5) 0px 0px 0px 0.25rem; }
.btn-check:active + .btn-dark, .btn-check:checked + .btn-dark, .btn-dark.active, .btn-dark:active, .show > .btn-dark.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(26, 30, 33); border-color: rgb(25, 28, 31); }
.btn-check:active + .btn-dark:focus, .btn-check:checked + .btn-dark:focus, .btn-dark.active:focus, .btn-dark:active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: rgba(66, 70, 73, 0.5) 0px 0px 0px 0.25rem; }
.btn-dark.disabled, .btn-dark:disabled { color: rgb(255, 255, 255); background-color: rgb(33, 37, 41); border-color: rgb(33, 37, 41); }


/* -- Bootstrap outline variants -- */

.btn-outline-primary { color: rgb(2, 58, 120); border-color: rgb(2, 58, 120); }
.btn-outline-primary:hover { color: rgb(255, 255, 255); background-color: rgb(2, 58, 120); border-color: rgb(2, 58, 120); }
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus { box-shadow: rgba(2, 58, 120, 0.5) 0px 0px 0px 0.25rem; }
.btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active { color: rgb(255, 255, 255); background-color: rgb(2, 58, 120); border-color: rgb(2, 58, 120); }
.btn-check:active + .btn-outline-primary:focus, .btn-check:checked + .btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus { box-shadow: rgba(2, 58, 120, 0.5) 0px 0px 0px 0.25rem; }
.btn-outline-primary.disabled, .btn-outline-primary:disabled { color: rgb(2, 58, 120); background-color: transparent; }

.btn-outline-secondary { color: rgb(173, 10, 144); border-color: rgb(173, 10, 144); }
.btn-outline-secondary:hover { color: rgb(255, 255, 255); background-color: rgb(173, 10, 144); border-color: rgb(173, 10, 144); }
.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus { box-shadow: rgba(173, 10, 144, 0.5) 0px 0px 0px 0.25rem; }
.btn-check:active + .btn-outline-secondary, .btn-check:checked + .btn-outline-secondary, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show, .btn-outline-secondary:active { color: rgb(255, 255, 255); background-color: rgb(173, 10, 144); border-color: rgb(173, 10, 144); }
.btn-check:active + .btn-outline-secondary:focus, .btn-check:checked + .btn-outline-secondary:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus, .btn-outline-secondary:active:focus { box-shadow: rgba(173, 10, 144, 0.5) 0px 0px 0px 0.25rem; }
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: rgb(173, 10, 144); background-color: transparent; }

.btn-outline-success { color: rgb(25, 135, 84); border-color: rgb(25, 135, 84); }
.btn-outline-success:hover { color: rgb(255, 255, 255); background-color: rgb(25, 135, 84); border-color: rgb(25, 135, 84); }
.btn-check:focus + .btn-outline-success, .btn-outline-success:focus { box-shadow: rgba(25, 135, 84, 0.5) 0px 0px 0px 0.25rem; }
.btn-check:active + .btn-outline-success, .btn-check:checked + .btn-outline-success, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show, .btn-outline-success:active { color: rgb(255, 255, 255); background-color: rgb(25, 135, 84); border-color: rgb(25, 135, 84); }
.btn-check:active + .btn-outline-success:focus, .btn-check:checked + .btn-outline-success:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus, .btn-outline-success:active:focus { box-shadow: rgba(25, 135, 84, 0.5) 0px 0px 0px 0.25rem; }
.btn-outline-success.disabled, .btn-outline-success:disabled { color: rgb(25, 135, 84); background-color: transparent; }

.btn-outline-info { color: rgb(13, 202, 240); border-color: rgb(13, 202, 240); }
.btn-outline-info:hover { color: rgb(0, 0, 0); background-color: rgb(13, 202, 240); border-color: rgb(13, 202, 240); }
.btn-check:focus + .btn-outline-info, .btn-outline-info:focus { box-shadow: rgba(13, 202, 240, 0.5) 0px 0px 0px 0.25rem; }
.btn-check:active + .btn-outline-info, .btn-check:checked + .btn-outline-info, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show, .btn-outline-info:active { color: rgb(0, 0, 0); background-color: rgb(13, 202, 240); border-color: rgb(13, 202, 240); }
.btn-check:active + .btn-outline-info:focus, .btn-check:checked + .btn-outline-info:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus, .btn-outline-info:active:focus { box-shadow: rgba(13, 202, 240, 0.5) 0px 0px 0px 0.25rem; }
.btn-outline-info.disabled, .btn-outline-info:disabled { color: rgb(13, 202, 240); background-color: transparent; }

.btn-outline-warning { color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); }
.btn-outline-warning:hover { color: rgb(0, 0, 0); background-color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); }
.btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus { box-shadow: rgba(255, 193, 7, 0.5) 0px 0px 0px 0.25rem; }
.btn-check:active + .btn-outline-warning, .btn-check:checked + .btn-outline-warning, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show, .btn-outline-warning:active { color: rgb(0, 0, 0); background-color: rgb(255, 193, 7); border-color: rgb(255, 193, 7); }
.btn-check:active + .btn-outline-warning:focus, .btn-check:checked + .btn-outline-warning:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus, .btn-outline-warning:active:focus { box-shadow: rgba(255, 193, 7, 0.5) 0px 0px 0px 0.25rem; }
.btn-outline-warning.disabled, .btn-outline-warning:disabled { color: rgb(255, 193, 7); background-color: transparent; }

.btn-outline-danger { color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); }
.btn-outline-danger:hover { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); }
.btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus { box-shadow: rgba(220, 53, 69, 0.5) 0px 0px 0px 0.25rem; }
.btn-check:active + .btn-outline-danger, .btn-check:checked + .btn-outline-danger, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show, .btn-outline-danger:active { color: rgb(255, 255, 255); background-color: rgb(220, 53, 69); border-color: rgb(220, 53, 69); }
.btn-check:active + .btn-outline-danger:focus, .btn-check:checked + .btn-outline-danger:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus, .btn-outline-danger:active:focus { box-shadow: rgba(220, 53, 69, 0.5) 0px 0px 0px 0.25rem; }
.btn-outline-danger.disabled, .btn-outline-danger:disabled { color: rgb(220, 53, 69); background-color: transparent; }

.btn-outline-light { color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); }
.btn-outline-light:hover { color: rgb(0, 0, 0); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); }
.btn-check:focus + .btn-outline-light, .btn-outline-light:focus { box-shadow: rgba(248, 249, 250, 0.5) 0px 0px 0px 0.25rem; }
.btn-check:active + .btn-outline-light, .btn-check:checked + .btn-outline-light, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show, .btn-outline-light:active { color: rgb(0, 0, 0); background-color: rgb(248, 249, 250); border-color: rgb(248, 249, 250); }
.btn-check:active + .btn-outline-light:focus, .btn-check:checked + .btn-outline-light:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus, .btn-outline-light:active:focus { box-shadow: rgba(248, 249, 250, 0.5) 0px 0px 0px 0.25rem; }
.btn-outline-light.disabled, .btn-outline-light:disabled { color: rgb(248, 249, 250); background-color: transparent; }

.btn-outline-dark { color: rgb(33, 37, 41); border-color: rgb(33, 37, 41); }
.btn-outline-dark:hover { color: rgb(255, 255, 255); background-color: rgb(33, 37, 41); border-color: rgb(33, 37, 41); }
.btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus { box-shadow: rgba(33, 37, 41, 0.5) 0px 0px 0px 0.25rem; }
.btn-check:active + .btn-outline-dark, .btn-check:checked + .btn-outline-dark, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show, .btn-outline-dark:active { color: rgb(255, 255, 255); background-color: rgb(33, 37, 41); border-color: rgb(33, 37, 41); }
.btn-check:active + .btn-outline-dark:focus, .btn-check:checked + .btn-outline-dark:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus, .btn-outline-dark:active:focus { box-shadow: rgba(33, 37, 41, 0.5) 0px 0px 0px 0.25rem; }
.btn-outline-dark.disabled, .btn-outline-dark:disabled { color: rgb(33, 37, 41); background-color: transparent; }


/* -- Bootstrap .btn-link -- */

.btn-link { font-weight: 400; color: rgb(2, 58, 120); text-decoration: underline; }
.btn-link:hover { color: rgba(2, 58, 120, 0.5); }
.btn-link.disabled, .btn-link:disabled { color: rgb(108, 117, 125); }


/* -- Bootstrap sizes / groups -- */

.btn-group-lg > .btn, .btn-lg { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.3333rem; }
.btn-group-sm > .btn, .btn-sm { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2222rem; }

.btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; }
.btn-group-vertical > .btn, .btn-group > .btn { position: relative; flex: 1 1 auto; }
.btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover { z-index: 1; }
.btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; }
.btn-toolbar .input-group { width: auto; }
.btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child) { margin-left: -1px; }
.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; }
.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; }
.btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; }
.btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; }
.btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) { margin-top: -1px; }
.btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn ~ .btn { border-top-left-radius: 0px; border-top-right-radius: 0px; }

.btn .badge { position: relative; top: -1px; }


/* -- Bootstrap .btn-close (dismiss icon) -- */

.alert-dismissible .btn-close { position: absolute; top: 0px; right: 0px; z-index: 2; padding: 1.25rem 1rem; }
.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em;
  color: rgb(0, 0, 0);
  background: url(...) center center / 1em no-repeat transparent; /* inline SVG "x" icon */
  border: 0px;
  border-radius: 0.2777rem;
  opacity: 0.5;
}
.btn-close:hover { color: rgb(0, 0, 0); text-decoration: none; opacity: 0.75; }
.btn-close:focus { outline: 0px; box-shadow: rgba(2, 58, 120, 0.25) 0px 0px 0px 0.25rem; opacity: 1; }
.btn-close.disabled, .btn-close:disabled { pointer-events: none; user-select: none; opacity: 0.25; }
.btn-close-white { filter: invert(1) grayscale(100%) brightness(200%); }
.toast-header .btn-close { margin-right: -0.375rem; margin-left: 0.75rem; }
.modal-header .btn-close { padding: 0.5rem; margin: -0.5rem -0.5rem -0.5rem auto; }
.offcanvas-header .btn-close { padding: 0.5rem; margin-top: -0.5rem; margin-right: -0.5rem; margin-bottom: -0.5rem; }

/* ::before / ::after in the Bootstrap bundle */
.placeholder.btn::before { display: inline-block; content: ""; }


/* ==========================================================================
   PART 2: SITE THEME / BRAND OVERRIDES (SI Systems custom layer)
   ========================================================================== */

a:not(.btn, .nav-link, .navigation-link, .image-wrapper, .card, .text-media-container) {
  font-weight: 700;
  text-decoration: none;
}

/* Extra brand color: yellow */
.btn-yellow { background-color: rgb(245, 189, 64); color: rgb(255, 255, 255); }
.btn-yellow:focus, .btn-yellow:hover { background-color: rgb(242, 172, 16); color: rgb(255, 255, 255); }

/* Base .btn overridden site-wide: uppercase text, flex layout, chevron icon */
.btn {
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  margin-right: 0.6666rem;
  margin-bottom: 0.6666rem;
  display: inline-flex !important;
}
.btn > .svg-inline--fa { height: auto; }
.btn:hover { transition: 0.3s ease-in; }
.btn.btn-block { width: 100%; }
.btn svg.fa-chevron-right { width: 0.3666rem; vertical-align: middle; }
@media (max-width: 575.98px) {
  .btn { margin-right: 0px; display: block; }
}

/* Theme .btn-light / .btn-outline (not Bootstrap defaults — custom classes) */
.btn-light { color: rgb(2, 58, 120); }
.btn-light:hover { background-color: rgb(2, 58, 120); border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); }
.btn-outline { background-color: transparent; border: 1px solid rgb(2, 58, 120); color: rgb(2, 58, 120); }
.btn-outline:hover { background-color: rgb(2, 58, 120); border: 1px solid rgb(2, 58, 120); color: rgb(255, 255, 255); }
.btn-outline-white { background-color: rgb(255, 255, 255); }
.btn-icon-rounded { border-radius: 50%; height: 1.5555rem; width: 1.5555rem; padding: 0.1234rem 0px; }
.btn-nowrap { white-space: nowrap; }

/* Theme hover flip on primary (white bg / navy text on hover) */
.btn-primary:hover { background-color: rgb(255, 255, 255); border-color: rgb(2, 58, 120); color: rgb(2, 58, 120); }

/* Contextual overrides on dark/red/blue section backgrounds */
.bg-blue a:not(.btn) { color: rgb(255, 255, 255); }
.bg-dark .btn-primary, .bg-red .btn-primary { border-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255); color: rgb(2, 58, 120); }
.bg-dark .btn-primary:hover, .bg-red .btn-primary:hover { background-color: rgb(2, 58, 120); color: rgb(255, 255, 255); }
.bg-dark .btn-read-more-2, .bg-red .btn-read-more-2 { border-color: rgb(255, 255, 255); background-color: transparent; color: rgb(255, 255, 255); }
.bg-dark .btn-read-more-2:hover, .bg-red .btn-read-more-2:hover { background-color: rgb(2, 58, 120); border-color: rgb(2, 58, 120); color: rgb(255, 255, 255); }
.bg-dark a:not(.btn), .bg-red a:not(.btn) { color: rgb(255, 255, 255); }
.bg-dark a:not(.btn):hover, .bg-red a:not(.btn):hover { color: rgb(255, 255, 255); }

.invers-bg a:not(.btn-primary) { color: rgb(255, 255, 255); }
.invers-bg .btn-primary { background: rgb(255, 255, 255); border-color: rgb(255, 255, 255); color: rgb(2, 58, 120); }
.invers-bg .btn-primary:hover { background-color: rgb(2, 58, 120); }
.invers-bg .btn-outline-primary { border-color: rgb(255, 255, 255); color: rgb(255, 255, 255); }
.invers-bg .btn-outline-primary:hover { background: rgb(255, 255, 255); border-color: rgb(255, 255, 255); color: rgb(2, 58, 120); }
.invers-bg .btn-light { background: rgb(255, 255, 255); border-color: rgb(255, 255, 255); color: rgb(2, 58, 120); }
.invers-bg .btn-light:hover { background-color: rgb(2, 58, 120); }

.alert-ribbon .btn-close { color: rgb(255, 255, 255); top: 50%; transform: translateY(-50%); right: 0px; text-decoration: none; position: absolute; line-height: 1.125rem !important; }


/* -- Dropdown-toggle buttons (nav, filters, language selector) -- */

.dropdown .btn {
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(151, 151, 151);
  color: rgb(48, 49, 50);
  display: flex;
  justify-content: space-between;
  font-size: 0.888rem;
  font-weight: 500;
  max-height: 2.611rem;
  width: 100%;
  position: relative;
  padding-left: 0.75rem;
  padding-right: 1.1rem;
  min-width: 230px;
  text-transform: none;
}
.dropdown .btn::after {
  background-image: url(...); /* chevron icon */
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 10px;
  border-width: medium;
  border-style: none;
  border-color: currentcolor;
  border-image: none;
  content: "";
  height: 20px;
  margin-right: 0px;
  position: absolute;
  right: 0.25rem;
  text-align: left;
  width: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s ease-out;
}
.dropdown.show .btn::after { transform: translateY(-50%) rotate(180deg); transition: 0.3s ease-in; }
.dropdown.show .btn, .dropdown:focus .btn { outline: 0px; box-shadow: rgba(153, 0, 51, 0.25) 0px 0px 0px 0.25rem; }
.dropdown.show .btn::after, .dropdown:focus .btn::after { background-image: url(...); /* chevron icon, active state */ }

.footer-fixedbar-inner .btn { font-size: 0.722rem; }

header .secondary-nav .btn-search-icon {
  background-image: url(...); /* search icon */
  background-size: 1rem;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  height: 2.4rem;
  border-width: medium;
  border-style: none;
  border-color: currentcolor;
  border-image: none;
  overflow: hidden;
  padding: 0px;
  text-indent: -9999px;
  margin-left: -2.2rem;
  width: 2.4rem;
  z-index: 1;
}
header .secondary-nav .btn-search-icon:hover { background-image: url(...); /* search icon, hover state */ }
header .primary-nav .btn { padding: 0.4rem 0.7rem; }
header .mobile-top-nav .btn { box-shadow: none; outline: 0px; padding: 0.5556rem 0.8334rem; }

.dropdown-langauge-selector .btn {
  border-radius: 0px;
  border-width: medium;
  border-style: none;
  border-color: currentcolor;
  border-image: none;
  font-size: 0.7778rem;
  font-weight: 500;
  margin: 0px;
  min-width: 2rem;
  padding: 0.2rem 1.25rem 0.2rem 0.2rem;
  text-decoration: none;
}
.dropdown-langauge-selector .btn:focus { box-shadow: none; }
.dropdown-langauge-selector .btn > img { width: 1.555rem; }

.section-background-image .dropdown .btn-dropdown { border-color: rgb(221, 221, 221); display: flex; align-items: center; justify-content: space-between; width: 100%; }


/* -- Content widgets -- */

.widget-text .description a:not(.btn):hover { text-decoration: underline; }
@media (max-width: 575.98px) {
  .widget-text .btn { display: block; width: 100%; }
  .widget-text li a:not(.btn, .nav-link, .navigation-link, .image-wrapper, .card, .text-media-container),
  .widget-text ol a:not(.btn, .nav-link, .navigation-link, .image-wrapper, .card, .text-media-container) { overflow-wrap: break-word; }
}
.widget-text-media .text-column .btn { display: block; }
@media (min-width: 576px) {
  .widget-text-media .text-column .btn { display: inline-block; }
}
.widget-text-media .img-column.video:hover .btn-play { background-color: rgba(0, 0, 0, 0.3); }
@media (max-width: 575.98px) {
  .widget-form-banner .banner-form .btn { margin-top: 20px; width: 100%; }
}
.widget-media .img-column.video:hover .btn-play { background-color: rgba(0, 0, 0, 0.3); }


/* -- Site search / listing filter dropdown buttons -- */

@media (max-width: 575.98px) {
  .site-search-search-result-item a.btn { margin-right: 0.55rem; padding: 0.57rem 1rem; }
  .site-search-search-result-item a.btn { width: calc(50% - 0.5rem); }
  .site-search-search-result-item a.btn:nth-child(2) { margin-right: 0px; }
}
.page-search .btn-secondary.dropdown-toggle { display: block; text-align: left; text-overflow: ellipsis; overflow: hidden; padding-right: 1.25rem; white-space: nowrap; }
.page-search .filter-by .dropdown .btn { display: block; overflow: hidden; margin-right: 0px; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
.page-search .filter-by .dropdown.show .btn::after { background-image: url(...); }
.page-search .listing-filters .dropdown.show .btn::after, .page-search .listing-filters .dropdown:focus .btn::after { background: url(...) center center / 10px no-repeat; }
@media (max-width: 575.98px) {
  .page-search .listing-filters button.btn { margin-top: 18px; }
}
.modal form .btn-primary { width: 100%; }

.widget-search-job-redirect .dropdown .btn { height: 2.611rem; }
.widget-search-job-redirect .btn[type="button"] { align-items: center; height: 2.611rem; }

/* Blog page "read more" secondary button — ::before fade mask */
.blog-page .btn-secondary { overflow: hidden; position: relative; text-overflow: ellipsis; white-space: nowrap; }
.blog-page .btn-secondary::before {
  content: "";
  background: rgb(255, 255, 255);
  height: 100%;
  width: 1.666rem;
  position: absolute;
  right: 0px;
  top: 0px;
}

@media (max-width: 767.98px) {
  .listing-filters .btn { box-shadow: none !important; }
  .listing-filters .dropdown.show .btn::after, .listing-filters .dropdown:focus .btn::after { background-image: url(...); }
}

.bg-blue .meganav-dd-wrapper .navigation-link:not(.btn) { color: rgb(2, 58, 120); }
.bg-blue .meganav-dd-wrapper .navigation-link:not(.btn):hover { color: rgb(0, 0, 0); }


/* additions for Nicole */

.hs-blog-listing h4 a {
    color: #023978;
}
.hs-blog-listing form h1 {
    font-family: 'Libre Franklin', sans-serif;
    font-style: normal;
    font-weight: 700;
    text-decoration: none;
    color: #023978;
    font-size: 18px;
    letter-spacing: 0px;
    text-transform: none;
}
.hs-blog-listing form input {
    width: 100% !important;
}
.hs-blog-listing fieldset.form-columns-2 .hs-form-field {
    width: 100% !important;
    float: left !important;
}
.hs-blog-listing .form-columns-2 .hs-form-field:last-child {
    margin-left: unset;
}
.hs-blog-post .boim-v2-blog-image-container img {
    aspect-ratio: 2 / 1 !important;
    object-fit: cover;
    object-position: center;
    width: 100%;
}