/* Dark background colors */
h1.dark,
p.dark,
a.dark,
a.dark:visited,
body.dark #nav li a,
body.dark .site-header .site-title a,
body.dark .site-footer,
body.dark .site-footer a,
body.dark .site-footer a:hover,
body.dark #data-consent-alert-banner, 
body.dark a.data-consent-alert-learn-more,
body.dark .menu-toggle:before {
    color: white !important;
}

@media screen and (max-width: 541px) {
    body.dark #masthead.site-header > h1.site-title > a {
        border-left: solid 1px white;
    }

    body.dark #masthead.site-header nav#primary-navigation .nav-menu {
        border-right: solid 1px white;
    }
}

body.dark .site-header,
body.dark .nav-menu ul li a {
    border-bottom: 1px solid white;
}

body.dark .search-toggle {
    border-left-color: white;
}

body.dark .search-toggle:before {
    color: white;
}

body.dark .entry-content > p > a:not(.button), 
body.dark a.data-consent-alert-learn-more {
    border-bottom: 2px solid white;
}

body.dark .site-footer,
body.dark #data-consent-alert-banner {
    border-top: 1px solid white;
}

body.dark button.data-consent-alert-dismiss {
    background: none;
    border: 2px solid white;
    color: white;
}

body.dark #main a:focus:not(.button),
body.dark footer.site-footer a:focus,
body.dark aside.about-author .author-bio .author-img > a:focus {
    outline: 2px dashed white;
}


/* Light background colors */
h1.light,
p.light,
a.light,
a.light:visited, 
body.light #nav li a,
body.light .site-header .site-title a,
body.light .site-footer,
body.light .site-footer a,
body.light .site-footer a:hover,
body.light #data-consent-alert-banner,
body.light a.data-consent-alert-learn-more,
body.light .menu-toggle:before {
    color: black !important;
}

@media screen and (max-width: 541px) {
    body.light #masthead.site-header > h1.site-title > a {
        border-left: solid 1px black;
    }

    body.light #masthead.site-header nav#primary-navigation .nav-menu {
        border-right: solid 1px black;
    }
}

body.light .site-header,
body.light .nav-menu ul li a {
    border-bottom: 1px solid black;
}

body.light .search-toggle {
    border-left-color: black;
}

body.light .search-toggle:before {
    color: black;
}

body.light .entry-content > p > a:not(.button),
body.light a.data-consent-alert-learn-more  {
    border-bottom: 2px solid black;
}

body.light .site-footer,
body.light #data-consent-alert-banner {
    border-top: 1px solid black;
}

body.light button.data-consent-alert-dismiss {
    background: none;
    border: 2px solid black;
    color: black;
}

body.light #main a:focus:not(.button),
body.light footer.site-footer a:focus,
body.light aside.about-author .author-bio .author-img > a:focus {
    outline: 2px dashed black;
}




/* Both */
body.background-color-toggle-mode button,
body.background-color-toggle-mode * {
    box-shadow: none !important;
}

body.background-color-toggle-mode #data-consent-alert-banner {
    border-right: none;
    border-left: none;
    border-bottom :none;
    box-shadow: none !important;
}


@media screen and (max-width: 544px) {
    .menu-toggle {
        border-right: none;
    }
}

.nav-menu {
    margin-top: -2px;
}

body,
.easing,
.nav-menu,
.media-box .mask,
.site-header,
.entry-content a {
    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
}

/* Both and personal preference for this page, not anything to do with color changes or high contrast mode. */

#comments {
    display: none;
}