:root {
  --primary: #660d0d;
  --primary-foreground: #fff;
  --secondary: #ffcc99;
  --secondary-foreground: #660d0d;
}

.nav-secondary {
    background: var(--primary) !important;
}

.nav-item-secondary-link {
    color: var(--secondary) !important;
}

.nav-item.active .nav-item-link, .nav-item-link:hover {
    border-color: var(--primary);
}

.btn-primary {
    border-color: var(--primary) !important;
    background-color: var(--primary) !important;
    color: var(--secondary) !important
}

.btn-secondary {
    border-color: var(--primary) !important;
    background-color: #fff !important;
    color: var(--secondary-foreground) !important;
}

.btn-secondary:hover {
    background-color: var(--primary) !important;
    color: var(--secondary) !important;
}

.border-primary {
    border: 1px solid var(--primary) !important;
}

.bg-light {
    background-color: #f9f3ff !important;
}

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

.btn-toggle.active {
	background-color: rgba(255, 204, 153, 0.4);
	color: var(--secondary-foreground) !important;
}

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

.landingslider {
  background: url(./images/rmpc-background.jpg) no-repeat;
  background-size: cover;
  background-position: center -70px;
}

@media screen and (max-width: 1024px) {
  .landingslider {
    background-position: center;
  }
}

@media screen and (max-width: 400px) {
  .landingslider {
    background-position: -170px, center;
  }
}

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

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

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

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

#footer-container .border-t {
    border-color: var(--secondary) !important;
}

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