/**
 * AJR DieSpec Plugin - Public Styles
**/
:root {}

/* DEFAULT HTML */
body, button, input, select, textarea {
    font-family: var(--font_family_25); }

/* links */
a {
    text-decoration: none; }
a .dashicons,
.diespec_nav a,
.diespec_nav:not(:hover,:active) .dashicons {
    color: initial; }
    a:hover, a:hover .dashicons, .diespec_nav:hover > .dashicons,
    a:active , a:active .dashicons, .diespec_nav:active > .dashicons {
        color: var(--colour_accent); }
    a:active {
        opacity: 0.5; }

/* nav */
.diespec_nav_container {
    /*position: relative;*/
    display: -webkit-flex; display: flex;
    opacity: 1;
    transition: opacity 0.6s ease 0s; }
.diespec_nav_container.hidden {
    opacity: 0; }
    .diespec_nav_container::before,
    .diespec_nav_container::after {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        height: 1.5em;
        margin: 0 1em;
        background: var(--colour_nav_divider); }
    .diespec_nav_container:is(.before,.prepend)::after {
        content: ''; }
    .diespec_nav_container:is(.after,.append)::before {
        content: ''; }
        .diespec_nav {
            padding: 0.5em; }
        .diespec_nav + .diespec_nav {
            margin-left: 0.2em; }
    /* both start hidden when container has .hidden */
    .diespec_nav_container.hidden .diespec_nav {
        opacity: 0; }
    /* fade in dashboard immediately */
    .diespec_nav.dashboard {
        opacity: 1;
        transition: opacity 0.6s ease 0.4s; }
    /* fade in page with 1s delay */
    .diespec_nav.page {
        opacity: 1;
        transition: opacity 0.6s ease 0.8s; }
        .diespec_nav span {} 
        .diespec_nav.page span {
            transform: translateY(-1px);
            font-size: 22px; }