:root {
    --primary: #496584;
    --primary-rgb: 73, 101, 132;
    --primary-foreground: #fff;
    --primary-light: #c5d0de;
    --primary-light-foreground: var(--primary);
    --secondary: #c5d0de;
    --secondary-foreground: #2d3f54;
    --primary-lightest: #eef1f5;
    --primary-filter: invert(31%) sepia(42%) saturate(800%) hue-rotate(182deg) brightness(92%) contrast(89%);
}

.bg-grey-lightest {
    background-color: #eef1f5 !important;
}

.bg-lead-generation {
    background-color: var(--primary-light) !important;
}

.nav-secondary {
    background: #496584 !important;
}

.nav-item-secondary-link {
    color: #fff !important;
}

.nav-item.active .nav-item-link,
.nav-item-link:hover {
    border-color: #496584;
}

.tabs-horizontal.tabs-line .tabs-trigger[aria-selected="true"] {
    border-bottom: solid 2px var(--primary) !important;
    color: var(--primary) !important;
}

.btn-primary {
    border-color: #496584 !important;
    background-color: #496584 !important;
    color: #fff !important;
}

.btn-outline-primary:hover {
    color: #fff !important;
}

.ea-connect-logo {
    scale: 1.2;
}

@media (min-width: 64rem) {
    .ea-connect-logo {
        scale: 1.6;
    }
}

.custom-logo {
    content: url(./images/manchestercrematorium-logo.png);
    width: auto;
    padding-top: 8px;
    padding-bottom: 8px;
}

.landingslider {
    background: url(./images/manchestercrematorium-background.png) no-repeat;
    background-size: cover;
    background-position: 50% 25%;
}

.datepicker td.active,
.datepicker td.active:hover {
    background-color: var(--primary);
}

#footer-container {
    background-color: var(--primary) !important;
    * {
        color: #fff !important;
    }
}

#footer-container #pb-footer-logo {
    filter: brightness(0) invert(1);
}

.footer-link a {
    color: inherit;
}

.list-reset svg {
    color: var(--primary);
}

.lead-generation-background {
    background-color: var(--primary-lightest) !important;
}

.advanced-search-link.text-primary,
.burial-list-action-button.text-primary,
a.underline:not(.nav-item-secondary-link),
.btn-text.underline {
    color: var(--primary) !important;
}

.underline {
    text-decoration-color: var(--primary) !important;
}

.btn-reset.btn-toggle.active {
    background-color: var(--secondary) !important;
    color: var(--secondary-foreground) !important;
}

.btn-toggle.btn-toggle-tab[aria-selected="true"] {
    background-color: var(--secondary) !important;
    color: var(--secondary-foreground) !important;
}

.btn-toggle:focus-visible {
    box-shadow: 0 0 0 3px var(--primary) !important;
}

/* obituaries */
.obituary-list-card .obituary-information__container {
    border-bottom: solid 1px var(--primary);
}

.obituary-list-card .obituary-event-date__container .obituary-event-date .ms-event-date-bgcolor {
    background-color: var(--primary) !important;
}

.obituary-list-card .fa-regular {
    color: var(--primary) !important;
}
/* end region */

/* homepage */
.explore-icon,
.ask-icon,
.discover-icon {
    filter: var(--primary-filter);
}
/* end region */

/* search */
.search-result-img.initials-placeholder {
    color: var(--secondary-foreground) !important;
    background-color: var(--secondary) !important;
}

#search-dr .criteria-pill, 
#home-page .criteria-pill {
    background: color-mix(in srgb, var(--primary) 10%, transparent) !important;
    border: 1px solid var(--secondary-foreground) !important;
    color: var(--secondary-foreground) !important;
}
/* end region */

/* services */
#show-list-view.btn-grey,
#show-grid-view.btn-grey,
#show-fullscreen-view.btn-grey {
    background-color: var(--secondary) !important;
    color: var(--secondary-foreground) !important;
}
/* end region */

/* footer */
#footer-container {
    background-color: var(--primary) !important;
    * {
        color: #fff !important;
    }
}
  
#footer-container #pb-footer-logo {
    filter: brightness(0) invert(1);
}
/* end region */