/* @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: 400;
    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%;
}

.hs-blog-listing h4 a {
    font-weight: 700;
}

.hs-blog-listing .span3 h4 a {
    font-weight: 400;
}

/* sidebar category and latest link color */
.hs-blog-listing .span3 .widget-type-custom_widget li a,
.hs-blog-listing .span3 .widget-type-custom_widget h6 a {
    color: #333 !important;
}

.hs-blog-listing .span3 .widget-type-custom_widget li a:hover {
    text-decoration: underline;
}

.hs-blog-listing .span3 .widget-type-custom_widget li {
    margin-bottom: 3px;
}

/* latest article fixes */

.hs-blog-listing .span3 ._hsPostListingWrapper--minimal_dsnwr_8 {
    gap: 0px;
}

.hs-blog-listing .span3 [data-testid="blog-post"] {
    display: list-item;
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 15px;
    padding: 0px 0px 5px 10px;
}

.hs-blog-listing .span3 [data-testid="blog-post"]:last-child {
    border-bottom: none;
}

.hs-blog-listing .span3 [data-testid="blog-post"] h6 {
    display: inline;
    margin: 0;
}

.hs-blog-listing .span3 [data-testid="post-title"] {
    text-decoration: none;
    font-weight: 500;
}

.hs-blog-listing .span3 [data-testid="post-title"]:hover {
    text-decoration: underline;
}



/* blog column styling */

.hs-blog-listing .span3.dnd-column h3,
.hs-blog-listing .span3.dnd-column h5 span {
    font-size: 18px;
}

/* Latest articles */
._hsPostListingWrapper--minimal_dsnwr_8 h6 {
    margin: 0px;
}

@media (min-width:992px) {
    .hs-blog-listing .span9 {
        border-right: 1px solid #023a78;
    }
}



/* blog listing - forcing title above + full widht */
@media (min-width: 768px) {
    .hs-blog-post:has(.hs-blog-post__image-wrapper--side-by-side) {
        display: grid !important;
        grid-template-columns: var(--image-wrapper-width) 1fr;
        grid-template-rows: auto max-content 1fr;
        column-gap: 50px;
        margin-bottom: 3rem;
    }

    .hs-blog-post:has(.hs-blog-post__image-wrapper--side-by-side) .hs-blog-post__image-wrapper--side-by-side {
        grid-column: 1;
        grid-row: 2 / span 2;
        width: 100% !important;
        margin: 0 !important;
        align-self: stretch;
    }

    .hs-blog-post:has(.hs-blog-post__image-wrapper--side-by-side) .hs-blog-post__content-wrapper {
        display: contents;
    }

    /* title: row 1, full width */
    .hs-blog-post:has(.hs-blog-post__image-wrapper--side-by-side) .hs-blog-post__content-wrapper> :first-child {
        grid-column: 1 / -1;
        grid-row: 1;
        margin-bottom: 15px;
    }

    /* description: row 2 */
    .hs-blog-post:has(.hs-blog-post__image-wrapper--side-by-side) .hs-blog-post__content-wrapper> :nth-child(2) {
        grid-column: 2;
        grid-row: 2;
        align-self: start;
    }

    /* button: row 3, directly under the description; this row (1fr)
     absorbs the leftover height so the image keeps its full height */
    .hs-blog-post:has(.hs-blog-post__image-wrapper--side-by-side) .hs-blog-post__content-wrapper> :nth-child(3) {
        grid-column: 2;
        grid-row: 3;
        align-self: start;
    }
}

.hs-blog-post ul li a {
    color: #333;
}

.span9.cell_17842198391173-padding {
    padding-right: 49px !important;
}

/* responsive fixes */
@media only screen and (max-width: 1024px) {

    .unique-header.light-header .togglemenu span::before,
    .unique-header.light-header .togglemenu span::after {
        background-color: #fff;
    }

    .unique-header.light-header .togglemenu span {
        background-color: #fff;
    }

    .unique-header .togglemenu.active span {
        background: none;
    }


    .span9.cell_17842198391173-padding {
        padding-right: 0px !important;
    }

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

@media only screen and (max-width: 767px) {
        .body-container--blog-index {
            margin-top: 100px;
        }

}

@media only screen and (max-width: 991px) {
    .blog-banner-img.featured-article .inner {
        padding: 20px 0 20px 0;
    }
                .body-container-wrapper .blog-detail-wraper {
        padding-top: 0px;
    }
}

@media (max-width:1199px) {
    .unique-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 a {
        padding: 15px!important;
    }
}


/* =================== BOF complicated html STYLED BLoGS ================================================ */

.navy {
  color: #023a78;
}

.lt-blue {
  color: #1AC5DB;
}

.lt-pink {
  color: #FB4B92;
}

.pink {
  color: #ad0a90;
}

.dk-pink {
  color: #AD0A90;
}

.navy-bg {
  background: #023a78;
  color: #FFF!important;
}

.navy-bg h2, .navy-bg p, .navy-bg h3 {
      color: #FFF!important;
}

.grey-bg {
  background: #E6E7E8;
}

.pink-bg {
  background: #ad0a90;
  color: #FFF!important;
}

.pink-bg h2, .pink-bg p, .pink-bg h3, .pink-bg h4 {
      color: #FFF!important;
}

.lt-pink-bg {
  background: #FB4B92;
  color: #FFF!important;
}

.lt-pink-bg h2, .lt-pink-bg p, .lt-pink-bg h3, .lt-pink-bg h4 {
      color: #FFF!important;
}

.ig-container {
  padding: 55px;
}
@media (max-width: 744px) {
  .ig-container {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.one-col-container {
  text-align: center;
}

.two-col-container {
  display: flex;
  flex-flow: row nowrap;
}
@media (max-width: 744px) {
  .two-col-container {
    flex-flow: column wrap;
  }
}
.two-col-container.half-half .tc-left, .two-col-container.half-half .tc-right {
  width: 50%;
}
@media (max-width: 744px) {
  .two-col-container.half-half .tc-left, .two-col-container.half-half .tc-right {
    width: 100%;
  }
}

[class*="infographic-container"] {
  width: 99%;
  max-width: 1000px;
  margin: 0 auto;
  border: 2px solid #bdbdbd;
  padding: 0.5%;
  position: relative;
  z-index: 0;
}

.ig-header-container {
  position: relative;
  z-index: -1;
}
.ig-header-container img {
  width: 100%;
  height: auto;
}

.ig-title-container {
  z-index: 10;
  background: #023a78;
  color: #FFF;
  margin: -275px 0 0 55px;
  width: 400px;
  border-radius: 35px;
}
@media (max-width: 744px) {
  .ig-title-container {
    margin: 20px auto 0;
    width: 90%;
  }
}

.ig-title {
  padding: 55px 50px 65px;
}
@media (max-width: 744px) {
  .ig-title {
    padding: 35px;
  }
}
.ig-title h2 {
  font-size: 2em;
  margin: 0 0 15px !important;
  padding: 0 !important;
  color: #fff;
}
.ig-title p {
  font-size: 1.3em;
  margin: 0 !important;
  color: #fff;
}

[class*="intro-container"] {
  display: flex;
  flex-flow: row nowrap;
  padding-top: 30px;
}
@media (max-width: 744px) {
  [class*="intro-container"] {
    flex-flow: column wrap;
    padding-top: 5px;
  }
}
[class*="intro-container"] .tic-left {
  width: 70%;
  display: flex;
  align-items: center;
  padding-bottom: 35px;
}
[class*="intro-container"] .tic-left .tic-left-inner {
  padding: 0 60px;
}
@media (max-width: 744px) {
  [class*="intro-container"] .tic-left .tic-left-inner {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 744px) {
  [class*="intro-container"] .tic-left {
    width: 100%;
  }
}
[class*="intro-container"] .tic-right {
  width: 30%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
@media (max-width: 744px) {
  [class*="intro-container"] .tic-right {
    width: 100%;
    padding: 25px 0 0 0;
  }
}
[class*="intro-container"] .tic-right img {
  width: 232px;
  height: auto;
}
@media (max-width: 744px) {
  [class*="intro-container"] .tic-right img {
    margin: 0 35px;
  }
}

.reduce-bottom-pad {
  padding-bottom: 25px !important;
}

.team-icons-container {
  background: #023a78;
  padding: 0 55px 55px;
  color: #FFF;
  display: flex;
  flex-flow: row wrap;
}

.team-icons-container p, .team-icons-container h3 {
    color: #fff;
}


@media (max-width: 744px) {
  .team-icons-container {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.team-icons-container .team-col {
  width: 50%;
}
@media (max-width: 744px) {
  .team-icons-container .team-col {
    width: 100%;
  }
}
.team-icons-container .team-col .tc-inner {
  padding: 25px;
  text-align: center;
}
@media (max-width: 744px) {
  .team-icons-container .team-col .tc-inner {
    padding: 25px 0;
  }
}
.team-icons-container .team-col .tc-inner .tc-icon {
  width: 70px;
  margin: 0 0 15px;
}

.testimonial-container {
  background: #ad0a90;
  color: #FFF;
  display: flex;
  flex-flow: row nowrap;
  padding: 55px;
}

.testimonial-container p {
    color: #fff;
}

@media (max-width: 744px) {
  .testimonial-container {
    flex-flow: column wrap;
    padding-left: 25px;
    padding-right: 25px;
  }
}
.testimonial-container img.quote {
  width: 75px;
  height: 62px;
  margin: 0 35px;
}
@media (max-width: 744px) {
  .testimonial-container img.quote {
    margin: 0 auto 15px;
  }
}
.testimonial-container .attribution {
  text-align: right;
}

.ups-downs-container {
  padding: 55px;
  color: #FFF;
  background: url("/Website/media/Media/bg-forecasting.jpg") #023a78;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}

.ups-downs-container p, .ups-downs-container h2, .ups-downs-container h3 {
    color: #fff;
}

@media (max-width: 744px) {
  .ups-downs-container {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.ups-downs-container .ud-cols {
  display: flex;
  flex-flow: row nowrap;
}
@media (max-width: 744px) {
  .ups-downs-container .ud-cols {
    flex-flow: column wrap;
  }
}
.ups-downs-container .ud-cols img {
  width: 75px;
}
.ups-downs-container .ud-cols .udc-left, .ups-downs-container .ud-cols .udc-right {
  width: 50%;
}
@media (max-width: 744px) {
  .ups-downs-container .ud-cols .udc-left, .ups-downs-container .ud-cols .udc-right {
    width: 100%;
  }
}
.ups-downs-container .ud-cols .udcl-inner, .ups-downs-container .ud-cols .udcr-inner {
  padding: 35px;
  text-align: left;
}
.ups-downs-container .ud-cols .udcl-inner img, .ups-downs-container .ud-cols .udcr-inner img {
  margin: 0 0 15px;
}
@media (max-width: 744px) {
  .ups-downs-container .ud-cols .udcl-inner, .ups-downs-container .ud-cols .udcr-inner {
    text-align: center;
  }
}

.five-skills-container {
  padding: 55px 55px 0;
  text-align: center;
}
@media (max-width: 744px) {
  .five-skills-container {
    padding: 55px 10px 0;
  }
}
.five-skills-container img {
  width: 600px;
  margin: 25px auto 0;
  display: block;
}
@media (max-width: 744px) {
  .five-skills-container img {
    width: 100%;
  }
}

.build-team-container {
  padding: 75px 55px;
  color: #FFF;
  background: url("/Website/media/Media/AdobeStock_877254335.jpg") #023a78;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}

.build-team-container p, .build-team-container h2, .build-team-container h3 {
    color: #fff;
}

@media (max-width: 744px) {
  .build-team-container {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.team-icons-container-white {
  padding: 55px;
  display: flex;
  flex-flow: row wrap;
}
@media (max-width: 744px) {
  .team-icons-container-white {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.team-icons-container-white .team-col {
  width: 50%;
}
@media (max-width: 744px) {
  .team-icons-container-white .team-col {
    width: 100%;
  }
}
.team-icons-container-white .team-col .tc-inner {
  padding: 25px;
  text-align: center;
}
@media (max-width: 744px) {
  .team-icons-container-white .team-col .tc-inner {
    padding: 25px 0;
  }
}
.team-icons-container-white .team-col .tc-inner .tc-icon {
  width: 50px;
  margin: 0 0 15px;
}

.final-container {
  border-bottom: 45px solid #023a78;
  display: flex;
  flex-flow: row nowrap;
  padding-top: 55px;
}
@media (max-width: 744px) {
  .final-container {
    flex-flow: column wrap;
    padding-top: 35px;
  }
}
.final-container .tic-left {
  width: 70%;
  display: flex;
  align-items: center;
  padding-bottom: 35px;
}
.final-container .tic-left .tic-left-inner {
  padding: 0 55px;
}
@media (max-width: 744px) {
  .final-container .tic-left .tic-left-inner {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 744px) {
  .final-container .tic-left {
    width: 100%;
  }
}
.final-container .tic-right {
  width: 30%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
@media (max-width: 744px) {
  .final-container .tic-right {
    width: 100%;
    padding: 25px 0 0 0;
  }
}
.final-container .tic-right img {
  width: 232px;
  height: auto;
}
@media (max-width: 744px) {
  .final-container .tic-right img {
    margin: 0 35px;
  }
}

.five-skills-container {
  padding: 55px 55px 0;
  text-align: center;
}
@media (max-width: 744px) {
  .five-skills-container {
    padding: 55px 10px 0;
  }
}
.five-skills-container img {
  width: 600px;
  margin: 25px auto 0;
  display: block;
}
@media (max-width: 744px) {
  .five-skills-container img {
    width: 100%;
  }
}


.movers-shakers-container {
  padding: 75px 55px;
  color: #FFF;
  background: url("/Website/media/Media/AdobeStock_877254335-2.jpg") #023a78;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}
@media (max-width: 744px) {
  .movers-shakers-container {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.movers-shakers-container a:link, .movers-shakers-container a:visited {
  color: #FFF;
  text-decoration: underline;
}
.movers-shakers-container a:hover, .movers-shakers-container a:focus {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
}
.movers-shakers-container .msc-icon {
  width: 50px;
  margin: 0 0 15px;
}

.yoy-container {
  padding: 55px;
  text-align: center;
}
@media (max-width: 744px) {
  .yoy-container {
    padding: 55px 10px;
  }
}
.yoy-container img {
  width: 600px;
  margin: 25px auto 0;
  display: block;
}
@media (max-width: 744px) {
  .yoy-container img {
    width: 100%;
  }
}

/* =================== EOF complicated html STYLED BLoGS ================================================ */

/* ============================== BOF logic fix for the complex html styled containers ======================================== */

/* 1. Typography stops fighting the container and inherits from it */
.post-body [class*="-container"] :where(
  h1, h2, h3, h4, h5, h6, p, li, dt, dd,
  blockquote, td, th, figcaption, span, strong, em, small, a
) {
  color: inherit;
}

/* 2. The only colour declaration in the whole fix */
.post-body [data-legacy-dark] { color: #fff; }

/* ============================== EOF logic fix for the complex html styled containers ======================================== */

/* ============================== BOF REmove download infographic button ======================================== */
.post-body a[title*="download" i][title*="infographic" i] { display: none; }

/* Also collapse the wrapper so its padding does not leave a gap */
.post-body .pt-3:has(> a[title*="download" i][title*="infographic" i]) { display: none; }

/* ============================== EOF REmove download infographic button ======================================== */