/*  NOTE. THIS APPLIES TO THE NEW HULL BEREAVEMENT SERVICES SITE. THE EXISTING SITE REPOSITORY IS "bereavement services" (TWO WORDS) */

:root{
  --primary: #3b7946;
  --light-green: #d4ffde; 
  --platinum: #f0f0f0;
  --white: #ffffff;
  --carbon-black: #242424;
}

h1, h2, h3, h4 {
  font-family: Tahoma;
  color: var(--primary);
  font-weight: bold;
}

h1, .h1 {
  font-size: 33px !important;
  font-weight: bold;
}

h2, .h2 {
  font-size: 26px !important;
}
.hero--text-dark h2 {
  color: white !important;
}

h3, .h3 {
  font-size: 20px !important;
}

h4, .h4 {
  font-size: 16px !important;  
}

p, .p {
  font-family: Tahoma;
  color: var(--carbon-black); 
  font-size: 16px;
}

.site-header, .site-footer {
  background-color: var(--primary);
}

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

.site-footer__group > ul > li > a {
  color: white !important;
  text-decoration-color: white !important;
}

.list--breadcrumb > li > a {
  color: var(--carbon-black)!important;
}

li::before {
  background-color: var(--carbon-black) !important; 
}

.site-footer__supplier {
  display:none;
}

#js-menu > div.menu-navigation__inner > div > nav > ul > li > a {
  text-transform: unset;
  color: white !important;
}

button::before {
  border: 6px solid rgba(59, 121, 70, 0.15) !important;
}

.button:hover::before {
    border-color: var(--primary) !important;
}

.button {
  border: 2px solid var(--primary);
}    

.button::before {
  border: 6px solid rgba(59, 121, 70, 0.4) !important;
}

.menu-navigation .menu-navigation__inner {
    background-color: var(--primary);
}

.menu-navigation .js-menu-toggle .toggle-icon::before,
.menu-navigation .js-menu-toggle .toggle-icon::after {
  background-color: white;
}


.menu-navigation .menu-navigation__inner {
  width: unset;
}

.site-header a:focus, .site-header button:focus, .site-header .button:focus, .site-header__links:focus, .site-footer__social .list--social-links .list__link:focus, .site-footer__logo .identity__link:focus, .site-footer__group .list__link:focus, .site-footer__link:focus, .site-footer__text:focus, .site-footer__links:focus {
  outline: unset;
}

#page-heading {
  color:var(--carbon-black) !important;
}

.pagination {
  background-color: var(--light-green);
}

th {
  color:white;
  background-color: black !important;
  border: 1px solid black;
}

td {
  border: 1px solid black;
}

.page-header, .breadcrumb, .pagination {
  background-color: var(--light-green);
}

.icon-accessibility{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' class='bi bi-universal-access' viewBox='0 0 16 16'%3E%3Cpath d='M9.5 1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM6 5.5l-4.535-.442A.531.531 0 0 1 1.531 4H14.47a.531.531 0 0 1 .066 1.058L10 5.5V9l.452 6.42a.535.535 0 0 1-1.053.174L8.243 9.97c-.064-.252-.422-.252-.486 0l-1.156 5.624a.535.535 0 0 1-1.053-.174L6 9V5.5Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.nav--primary-navigation .button:hover .icon-accessibility, .nav--primary-navigation .button:focus .icon-accessibility, .nav--primary-navigation .button:active .icon-accessibility {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%236ee0ce' class='bi bi-universal-access' viewBox='0 0 16 16'%3E%3Cpath d='M9.5 1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM6 5.5l-4.535-.442A.531.531 0 0 1 1.531 4H14.47a.531.531 0 0 1 .066 1.058L10 5.5V9l.452 6.42a.535.535 0 0 1-1.053.174L8.243 9.97c-.064-.252-.422-.252-.486 0l-1.156 5.624a.535.535 0 0 1-1.053-.174L6 9V5.5Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.widget-image .image {
  border-bottom: none;
}

.editor a:not(.button):hover, .editor a:not(.button):focus, .editor a:not(.button):active {
  background-image: -webkit-linear-gradient(bottom, var(--primary) 0, var(--primary) 4px, transparent 1px, transparent 100%);
}

.button--primary {
  border-color: var(--primary) !important;
}

.button--primary:hover::before {
  border-color: var(--primary) !important;
}

.nav--pages-in {
  background-color: var(--platinum);
}
.nav--pages-in .nav__list {
  background-color: var(--platinum);
}
.nav--pages-in .nav__list::before {
  border-color: var(--platinum) transparent transparent;
}
.nav--pages-in .nav__heading {
  color: var(--carbon-black) !important;
  font-family: tahoma;
  margin-bottom: 1rem;
  text-transform: none;
}