:root {
    --primary: #004071;
    --secondary: #0072BC;
    --color-primary: #004071;
    --color-secondary: #0072BC;
    --color-tertiary: #CA5F46;
    --color-quinary: #53B7E8;
    --color-button-hover: #004071;
    --color-button-hover-shadow: #004071;
    --color-tertiary-button-hover: #CA5F46;
    --color-link-hover: #004071;
    --color-accent-light: #BDDDF5;
    --color-accent-white: #FFFDF2;
}

#mainContent a.button {
    background-color: var(--color-tertiary);
    border: 2px solid var(--color-tertiary);
    color: #fff;
}

#mainContent .button:hover,
#mainContent .button:focus {
    background-color: #fff;
    color: var(--color-tertiary);
}

#mainContent .button.inversed {
    background-color: #fff;
    border-color: #fff;
    color: var(--color-tertiary);
}

#mainContent .button.inversed:hover,
#mainContent .button.inversed:focus {
    background-color: var(--color-tertiary);
}

#mainContent .common-banner .button.inversed {
    color: var(--primary) !important;
    border-color: #fff !important;
    background-color: #fff !important;
}

#mainContent .common-banner .button.inversed:hover,
#mainContent .common-banner .button.inversed:focus {
    border-color: var(--color-accent-light) !important;
    background-color: var(--color-accent-light) !important;
}

/* Extend .container rules from health-main.css to .container-fluid */

.container-fluid {
    max-width: 118rem;
    padding: 0 2rem;
    position: relative;
}

/* Margin & padding rules from main.css */

.container-fluid {
    padding-bottom: 30px;
}

.content .title {
    color: var(--primary);
    margin: 0 0 20px;
}

.page-layout {
    margin: 50px 0 0;
}

/* Reset base UA rules unstyled by legacy 'HealthPlans' layout */

.page-layout {
    font-size: 16px;
    line-height: 1.42857143;
}

.page-layout h2 {
    font-size: 40px;
}

.page-layout ul {
    display: block;
    list-style-type: disc;
    margin: 1em 0;
    padding: 0 0 0 40px;
}

/* Reset base UA styles inside of Colorbox container */

#speedbump-content {
    font-size: 16px;
    line-height: 1.42857143;
}

#speedbump-content h2 {
    font-size: 1.5em;
    margin: 1em 0;
}

#speedbump-content p {
    margin: 0 0 2em;
}

/* Reset base UA styles inside of Coveo search */
.healthplan-container .coveo-main-section {
    font-size: 16px;
}

.title.coveo-result-cell h4 {
    font-size: 1.2em;
}

/* TODO: Create general search ID to be shared between SHP and Align search pages */
#coveo2949eb61 .coveo-facet-column,
#coveo2949eb61 .coveo-tab-section {
  display: none !important;
}

.header-banner-form {
    background-color: var(--primary);
}

.button {
    background-color: var(--primary);
    border: 2px solid var(--primary);
    font-size: 1.8rem;
}

.main-footer .button {
    font-weight: 700;
}

.sticky-widget {
    background-color: var(--primary);
}

.common-banner, .common-banner.theme-blue-color-white {
    background-color: var(--primary);
}

.common-banner.theme-blue-color-white .btn-success, .common-banner.theme-blue-color-white .button {
    background-color: #fff !important;
    border-color: #fff !important;
    color: var(--primary) !important;
}

    .common-banner.theme-blue-color-white .btn-success:hover,
    .common-banner.theme-blue-color-white .button:hover {
        background-color: var( --color-accent-light) !important;
        color: var(--primary) !important;
    }

h1, h2, h3, h4, h5, h6, .common-banner h2 {
    color: var(--primary);
}

a,
a.link-item {
    color: var(--secondary);
}

.grey-bk, .page-header__additional, .hero {
    background-color: var(--color-accent-light);
}
.footer-menu {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.follow-us-links svg.icon {
    background-color: var(--primary);
}

.main-header a:focus,
.main-header a:hover,
.main-footer a:hover,
.main-footer a:hover {
    color: var(--secondary  );
}

.main-header a.button {
    height: 100px;
}

    .main-header a.button:focus,
    .main-header a.button:hover {
        color: var(--primary);
    }

.main-header .main-header-links button.login:hover {
    color: var(--secondary);
}

.sticky-widget a {
    color: var(--primary);
}