/* Trauma Informed Hull */

:root{
--primary: #676E8E;
--secondary: #F2D2EC;
--tertiary: #DEDEDD;
}

/* Font */
body, input, select, textarea, h1, h2, h3, h4, h5, h6{
font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
letter-spacing: unset !important;
color: #000000;
}
strong, b{
color: #000000;
}
p {
    margin: 0 0 1em 0;
}
.listing__heading{
font-size: 1.7rem;
}

/* Menu */
#header nav{
right: 6.75em;
}
#nav ul ul, #nav ul li:hover ul:before, #nav ul li.hover ul:before{
background-color: var(--tertiary) !important;
box-shadow: 0 2px 0 0 rgb(0 0 0 / 7%);
}
#nav > ul > li > ul > li a:not(.button){
color: #000000;
border-top: solid 1px var(--primary);
}
#nav > ul > li > ul >li:first-child > a{
border-top: 0;
}
#nav > ul > li > ul > li a:hover{
background-color: var(--secondary);
color: black;
}
#navPanel .link {
  color: #fff;
}
#navPanel > nav > ul > li:nth-child(7) > a,
#navPanel > nav > ul > li:nth-child(8) > a{
    display:none;
}

@media screen and (max-width: 840px){
    #navButton .toggle:before, #navPanel{
      background-color: var(--primary);
    }
    #navPanel .link.depth-0{
      font-weight: 600;
    }
    a.toggle:focus:before{
      outline: 2px dotted var(--secondary);
    }
}
input[type="button"]:focus, input[type="submit"]:focus, a:focus, *:focus {
    outline: 2px dotted var(--primary);
    color: black !important;
    background-color: var(--secondary) !important;
}

#enableRecite:focus {
  background-color: var(--secondary) !important;
  color: black;
}

#js-menu-toggle > li:nth-child(2), #js-menu-toggle > li:nth-child(3), #navPanel > nav > a:nth-child(5), #navPanel > nav > a:nth-child(6) {
  display: none;
}
#header{
background-color: var(--primary);
}

#banner h1 {
    display: none;
}

/* Buttons */
input[type="submit"], input[type="reset"], input[type="button"], .button, input[type="submit"].primary, input[type="reset"].primary, input[type="button"].primary, .button.primary{
  background-color: var(--primary) !important;
  color:white
}

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover, input[type="submit"].primary:hover, input[type="reset"].primary:hover, input[type="button"].primary:hover, .button.primary:hover{
background-color: var(--secondary) !important;
color: black !important;
}
/* Links */
a {
   color: var(--primary);
}
a.image-link {
  border: unset;
}
a:hover{  color: black; }
/* Select */
input[type="text"], input[type="password"], input[type="email"], input[type="date"], input[type="search"], select, textarea{
border: 1px solid var(--primary);
}

input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, input[type="date"]:hover, input[type="search"]:hover, select:hover, textarea:hover, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="date"]:focus, input[type="search"]:focus, select:focus, textarea:focus {
    border-color: #000;
    box-shadow: 0 0 0 2px var(--primary);
}

input[type="submit"].disabled, input[type="submit"]:disabled, input[type="reset"].disabled, input[type="reset"]:disabled, input[type="button"].disabled, input[type="button"]:disabled, .button.disabled, .button:disabled {
    opacity: 0.5;
    background-color: var(--primary) !important;
    color:white !important;
}

.list--skip-links .list__link:active{
  background-color:var(--secondary)
  color:black !important;
}
#pages-in-list > li {
    padding: .3rem 0;
}

/* Search */
input#search-site {
display: inline;
width: 80%;
}
@media screen and (max-width: 840px){
input#search-site {
display: block;
width: 100%;
margin-bottom: 1rem;
}
input.button.button--primary {
width: 100%;
}
#top-nav{
height: 4rem;
}

}
/* Search results */
.search-refine.boxed.boxed--primary {
display: none;
}

ul.search-results.item-list.item-list--rich {
list-style: none;
padding-left: unset;
}
ul.search-results.item-list.item-list--rich > li > p {
margin: unset;
}
ul.search-results.item-list.item-list--rich > li {
margin-bottom: 1rem;
}
ul.search-results.item-list.item-list--rich > li > h3 > a {
color: var(--primary);
}
ul.search-nav.nav.nav--pagination {
list-style: none;
margin: unset;
display: flex;
flex-direction: row;
justify-content: center;
}
ul.search-nav.nav.nav--pagination > li{
border-radius: 54px;
box-shadow: 0 2px 0 0 #e5e5e5;
padding: .9rem;
margin-left: 1rem;
width: 54px;
}
ul.search-nav.nav.nav--pagination > li > a {
border-bottom: unset;
}

/* hide postcode */
#postcode {
  display:none;
}
label[for="postcode"]
{
  display:none;
}


/* Banner */
#banner {background-size: cover !important;}

.supplement__heading {
font-size: 1.8em !important;
}

#footer {
background-color: var(--primary);
}
.copyright li {
color:white;
}

/* Banner */
#banner {
 background-color: var(--primary);
}

.supplement__heading {
font-size: 1.8em !important;
}

#footer {
background-color: var(--primary);
}
.copyright li {
color:white;
}

.nav--pagination li {
text-align: center;
}

.listing {
padding: 2em;
background-color: #ddd;
border-radius: 10px;
}
.listing--featured {
padding-top:1em;
}



#header .button, #header.alt .button  {
box-shadow: unset;
}
#header nav{
display: flex;
}
/* Hide submit new event button */
#main > div > div > div.col-4.col-12-narrow > a.button.button--primary.button--block {
display: none;
}

/* Hide banner heading */
#banner > h2{
  /*  display: none; */
}

#footer > ul > li:nth-child(2) { display:none; }

/* Hide login and register for mobile view */
#navPanel > nav > a:nth-child(9) {
  display: none;
}

#navPanel > nav > a:nth-child(10) {
  display: none;
}