/* misc
------- */

.gh-list-item-excerpt::after {
    content: '\2911';
    content: '\00BB';
    translate: 0px;
    margin-left: 15px;
    font-size: large;
    color: var(--ghost-accent-color);
    transition: translate 0.3s ease-in-out;
    display: inline-block;
}

.gh-list-item-content:has(.gh-list-item-excerpt):hover .gh-list-item-excerpt::after {
    translate: 10px;
}

.gh-list-item-excerpt:hover::after {
    translate: 10px;
}

/* header
--------- */

header {
    .nav-current a {
        -webkit-text-decoration: underline solid var(--ghost-accent-color);
        text-decoration: underline solid var(--ghost-accent-color);
        text-decoration-line: overline
    }

    .gh-head-menu {
        justify-content: center;
    }

    .gh-head-logo img {
        max-height: 45px;
    }
}

/* footer
--------- */

footer {
    .social-media {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: clamp(15px, 4vw, 50px);
        text-align: center;
        width: 100%;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    .gh-copyright {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        gap: clamp(15px, 4vw, 50px);
        max-width: 75wh;
        @media(min-width: 488px) {
            flex-direction: row;
            justify-content: center;
        }
    }
}

@view-transition {
    navigation: auto
}

::view-transition-group(.post-img) {
    animation-duration: .5s;
}

::view-transition-group(.post-title) {
    animation-duration: .5s;
}

::view-transition-new(.post-excerpt-content) {
    animation-name: fade-in;
    animation-duration: 0s;
    animation-duration: 1s;
    animation: none;
}

@keyframes fade-out {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes move-out {
    from {
        transform: translateY(0%);
    }

    to {
        transform: translateY(-100%);
    }
}

@keyframes move-in {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0%);
    }
}

/*# sourceMappingURL=custom.css.map */