/* Hide Menu */
#wrapper #container div#nav {
    display: none;
}

#wrapper div#logo {
    margin-top: 30px;
}
#wrapper #logo a img {
    height: auto;
    width: 216px;
}
#wrapper #additionallogo img {
    height: auto;
    width: 216px;
}

#wrapper div.footer-images {
    grid-template-columns: repeat(1, 1fr);
    display: grid;
    column-gap: 15px;
    row-gap: 15px;
}

#wrapper div.footer-images img {
    width: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}


@media (min-width: 767px) {
    #wrapper div.footer-images {
        grid-template-columns: repeat(3, 1fr);
        padding: 0px;
        column-gap: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 967px) {
    #wrapper div.footer-images {
        column-gap: 15px;
        
    }
}


/* Colours - #00857A */
#wrapper div#nav {
    background-color: #00857A;
}
#wrapper #nav #menu ul {
    background-color: #00857A;
}
#wrapper #content h2 {
    color: #00857A;
}
#wrapper #internalNav ul.sys_simpleListMenu > li > div.sys_selected a {
    background-color: #00857A;
}
#wrapper #content a {
    color: #00857A;
}
#wrapper #content .headingBackground {
    background-color: #00857A;
    color: white;
}
#wrapper #content .sys_GenericQuestionShowHide:hover h3 {
    color: #000;
}

/* Mobile Menu */
#wrapper #main .slicknav_menu {
    margin-top: 60px;
    border: 1px solid #00857A;
}
#wrapper #main .slicknav_menu span.slicknav_menutxt {
    padding-top: 7px;
}

/* Keyboard navigation */
a:focus {
    outline: 2px solid
}

#wrapper #content a.CTA-plainArrowTeal:focus {
	background-color: transparent; text-decoration:none; color: #18194f; border-color: #18194f; outline: none
}

#content .sys_GenericQuestionShowHide:focus,
#content .sys_GenericQuestionShowHide:focus .headingBackground {
    color: #18194f; background-color: #f7f7f7; border-color: #18194f;
}