/*SP STYLING FOR HEADER*/
#nav ul ul {
    position: initial;
    top: 100%;
    margin-top: 1em;
    left: -9999em;
    border-radius: 6px;
    list-style: none;
    margin: calc(-0.5em + 1px) 0 0 1px;
    padding: 0.5em 0;
    width: 11em;
    margin-top: .6em;
    font-size: 0.9em;
 width: 100%;
 background-color: rgb(255, 255, 255);
 box-shadow:none;
}
#header nav {
font-size: 1.3em;
    height: inherit;
    line-height: inherit;
    position: inherit;
    right: 0.75em;
    top: 0;
    margin-left: 3%;
    margin: 0 auto;
   /* max-width: calc(100% - 5em);*/
right: 2.75em;
}
#header nav > ul > li a:not(.button) {
    color: #fff;
    display: inline-block;
    min-height: 2em;
    height: auto;
    text-decoration: none;
    display: none;
    border: 0;
}

#header nav > ul > li {
    display: inline-block;
	text-align: center;
}

#nav ul li:hover ul::before, #nav ul li.hover ul::before {
    display:none;
  }


#nav ul ul li {
    position: static;
    padding: 0;
    display: block;
    float: left;
}

#nav > ul > li > ul > li a:hover {
    /* background: #C24924; */
    color: #000000;
	text-decoration: underline;
	text-decoration-color: var(--sp-teal);
}
#nav > ul > li > ul > li a:not(.button) {
    
    border-right: solid 1px #bbb;
 
}

#nav > ul > li > ul > li a:not(.button) {
    color: #000;
    display: block;
    padding: 0.15em 1em;
    border-radius: 0;
    transition: none;
    border: 0;
    font-size: 1em;
    font-style: normal;
    font-weight: 800;
    text-decoration: underline 3px #DA1936;
}
#nav > ul > li > ul > li a:not(.button):hover {
    text-decoration: none;
}
 
#js-menu-toggle .list .list__item:nth-of-type(1) {
	display: none;
}

/*remove second column in document pages*/

.no-sidebar.document-article .col-4 {
    display: none;
  }
  
  .no-sidebar.document-article .col-8 {
    width: 100%;
  }

/*SP STYLING FOR HEADER*/

/*reduce header padding*/
#header {

    padding: 1.5em 0 1em 0;
}

/*images*/

.image {
    width: 100%;
}

.image--with-link img {
    height: 250px;
    object-fit: cover;
    min-width: 100%;
    display: block;
}

/*links as buttons*/

a p.image__caption {
    background: #cd2b49;
    color: white;
    padding: .5em;
    border-radius: 5px;
    font-weight: bold;
    text-decoration: underline;
}

a p.image__caption:hover {
    text-decoration-thickness: 2px;
}


.widget-documents li.list__item, .widget-navigation li.list__item {
    background: #cd2b49;
    color: white;
    padding: .5em;
    border-radius: 5px;
    font-weight: bold;
    margin-bottom: 1em;
    list-style: none;
    margin-left: -1em;
}

.widget-documents li.list__item a, .widget-navigation a.list__link, .supplement--navigation ul li a {
    color: white;
}

.supplement--navigation ul li {
    padding-left: 0.5em;
    background: #cd2b49;
    color: white;
    padding: .5em;
    border-radius: 5px;
    font-weight: bold;
    margin-bottom: 1em;
    list-style: none;
    margin-left: -1em;
}


    .link.depth-0 {
        display: none !important;
    }