<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
Theme Name:     TNA education child theme
Theme URI:      http://www.nationalarchives.gov.uk/
Author:         The National Archives
Author URI:     http://www.nationalarchives.gov.uk/
Description:    This should be used when creating new child themes for tna-base
Template:       tna-base
Version:        1.7 (2023-05-25)
License:        GNU General Public License
License URI:    license.txt
Text Domain:    tna-base
*/

/* Add custom CSS here to overwrite parent theme CSS */

#disc-menu, #numbered-menu {
    width: 100%;
    float: left;
    margin: 0 0 2.4em 0;
    padding-left: 0;
}

#disc-menu li, #numbered-menu li {
    float: left;
    text-align: center;
    list-style-type: none;
    margin: 0 100px 5px 0;
    display: inline-block;
}

#disc-menu li a, #numbered-menu li a {
    font-family: "Roboto Mono",monospace;
    font-size: 1.5em;
    display: inline-block;
    background-color: #26262a;
    color: #fff;
    border-radius: 50%;
    border: 1px solid #26262a;
    text-decoration: none;
    line-height: 50px;
    width: 44px;
    height: 44px;
}

#disc-menu li a:hover {
    background-color: #fff;
    color: #26262a;
    outline: none;
}

@media only screen and (min-width: 480px) {
    #disc-menu li a {
        font-size: 1.8em;
        height: 54px;
        width: 54px;
    }
}

@media only screen and (max-width: 900px) {
    #disc-menu li {
        margin-right: 80px;
    }
}

@media only screen and (max-width: 768px) {
    #disc-menu li {
        margin-right: 60px;
    }
}

@media only screen and (max-width: 480px) {
    #disc-menu li {
        margin-right: 40px;
    }

    #disc-menu li a {
        line-height: 44px;
    }
}

.outreach-resource .stories-resource-image {
    width: auto;
    height: auto;
}

.outreach-resource .activity-container {
    background-color: #f3f3f3;
    padding: 20px;
    margin: 0;
    line-height: 1.6;
    width: auto;
}

.outreach-resource .hidden {
    display: none;
}

.outreach-resource .question-list {
    margin-bottom: 0;
}

.outreach-resource #guidance-btn {
    margin-bottom: 10px;
}

.outreach-resource #guidance-btn:hover {
    cursor: pointer;
}

.outreach-resource .did-you-know {
    padding-bottom: 20px;
}

.outreach-resource #guidance-btn:focus {
    background-color: #fff;
    color: #26262a;
}

.mimic-link:hover, a:hover {
    color: #ffffff;
}

.pictorial-list .resource-block h3 {
    font-family: "Roboto Mono", monospace !important;
    margin: 0;
    padding-top: 10px !important;
    width: 100%;
}

.pictorial-list .resource-block a:hover {
    outline: none;
    color: #ffffff;
}

.pictorial-list .resource-block a:hover h3 {
    background-color: #134571;
}

.pictorial-list .resource-block .tag:hover {
    background-color: #134571;
    cursor: pointer;
}

.pictorial-list .resource-block .tag a {
    text-decoration: underline;
}

.pictorial-list .resource-block .tag:hover a {
    background: none;
    color: #fff;
    text-decoration: underline;
}

.image-description a:link, .image-description a:visited {
    padding-left: .5em;
    color: #134571;
}
.image-description a:hover {
    outline: 1px solid #134571;
    color: #ffffff;
}

.education-lessons .feature-box .subtext-image-inline-block a:hover{
    background: none;
    outline: none;
    color: #134571;
}

.education-lessons .feature-box .subtext-image-inline-block a:hover .thumbnail-container{
    border: 2px solid #134571;
    outline: 5px solid #134571;
}

.education-lessons .education-image-cta a:focus {
    outline: none !important;
}

button.icon-img-desc:focus {
    outline: #1d70b8 solid 5px;
}

.education-lessons .feature-box p a img {
    margin: 0;
}

.education-lessons .feature-box p a:hover {
    outline: 5px solid #134571;
}
</pre></body></html>