:root {
  --primary: #2a3547;
  --primary-foreground: #fff;
  --primary-lightest: #d5d2c8;
  --secondary-accent: #EAE8E3;
  --secondary: #fff;
  --accent: #f1b670;
}

@media screen and (min-width: 768px) {
  #search-results-container {
    min-height: calc(100vh - 600px);
  }
}

/* header */
.custom-logo {
  content: url(./images/banyulecity-logo.png);
  width: auto;
}

.logo {
  height: 56px;
}

#header {
  height: 100px;
}

@media screen and (max-width: 768px) {
  #header {
    height: 70px;
  }

  .nav-item.nav-item-mobile.active {
    background-color: var(--primary) !important;
  }
  
  .nav-item.nav-item-mobile.active .nav-item-link {
    color: var(--primary-foreground) !important;
  }

  .custom-logo {
    padding-top: 8px;
  }
}

#header .container {
  height: 100%;
}
  
.nav-secondary {
    background: var(--primary) !important;
}

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

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

/* buttons */
.btn-primary {
  border-color: var(--primary) !important;
  background-color: var(--primary) !important;
  border-radius: 6px !important;
  color: var(--primary-foreground) !important;
}

.btn-primary:hover,
.btn-primary:focus-visible {
  background-color: color-mix(in srgb, var(--primary) 70%, transparent) !important;
  border-color: color-mix(in srgb, var(--primary) 70%, transparent) !important;
  text-decoration: underline !important;
}

.btn-primary:focus-visible,
.btn-secondary:focus-visible {
  box-shadow: 0 0 0 1px var(--primary) !important;
}

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

.btn-secondary:hover,
.btn-secondary:focus-visible {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  text-decoration: underline !important;
}

a.contact-back,
a.btn-secondary,
#share-button {
  color: var(--primary) !important;
}

a.contact-back:hover,
a.contact-back:focus-visible,
a.btn-secondary:hover,
a.btn-secondary:focus-visible,
#share-button:hover,
#share-button:focus-visible {
  color: var(--primary-foreground) !important;
  text-decoration: underline !important;
}

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

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

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

/* background images */
.landingslider {
  background: url(./images/banyulecity-background.png) no-repeat;
  background-size: cover;
  background-position: center;
}
/* end background images */

/* search results */
#search-dr .search-result-card .search-result-image__container .search-result-img.initials-placeholder,
#home-page .search-result-card .search-result-image__container .search-result-img.initials-placeholder,
#my-records-app .search-result-card .search-result-image__container .search-result-img.initials-placeholder {
  color: var(--accent) !important;
  background: var(--primary) !important;
}

#search-dr .criteria-pill, 
#home-page .criteria-pill {
  background: color-mix(in srgb, var(--accent) 20%, transparent) !important;
  border: 1px solid var(--accent) !important;
  color: var(--primary) !important;
}

.poi-badge, .vet-badge {
  border: solid 1px var(--accent);
  background-color: color-mix(in srgb, var(--accent) 10%, transparent);
  color: var(--primary) !important;
}

.btn-toggle.active {
  background-color: var(--primary-lightest);
  color: var(--primary);
}

#search-dr .border-b.search-results-border-bottom {
  border-bottom: none !important;
}
/* end search results */

/* misc */

  svg.get-directions path {
      fill: #000;
  }

/* end misc */

/* footer */
.banyulecity-footer {
  color: var(--primary);
  background-color: var(--secondary-accent);
  min-height: 320px;
}

@media screen and (max-width: 968px) {
  .banyulecity-footer {
    padding: 3rem 0;
  }
}

.banyulecity-footer-contact-container {
  flex: 0 0 200px;
  width: 200px;
  min-width: 0; 
}

@media screen and (max-width: 968px) {
  .banyulecity-footer-contact-container {
    flex: 0 0 100%;
    width: 100%;
  }
}

.banyulecity-footer-logo-container {
  flex: 0 0 200px;
  width: 200px;
  min-width: 0; 
}

@media screen and (max-width: 968px) {
  .banyulecity-footer-logo-container {
    flex: 0 0 100%;
    width: 100%;
  }
}

.banyulecity-footer-link a {
  color: var(--primary) !important;
}
/* end footer */