/*
Theme Name: Adam Piotrowski
Author: Virtual Remote Design Agency
Author URI: https://www.vrda.net
Description: A theme for Adam Piotrowski website.
Version: 1.0.0
*/

/*Navigation*/
.wp-block-navigation-item__label {
    transition: all 0.25s ease;
}

.wp-block-navigation-item__label:hover {
    color: var(--wp--preset--color--dark);
}

.current-menu-item > a > .wp-block-navigation-item__label {
    color: var(--wp--preset--color--dark);
}

/*Display*/
.display-flex {
    display: flex;
}

/*Button*/
.wp-block-button > a {
    transition: all 0.25s ease;
}

.wp-block-button:not(.is-style-outline) > a:hover {
    background-color: rgba(26, 25, 22, 0.9);
}

.is-style-outline > a {
    padding: 14px 32px;
}

.is-style-outline:not(.dark-background) > a {
    border: 1px solid var(--wp--preset--color--dark);
    color: var(--wp--preset--color--dark);
}

.is-style-outline:not(.dark-background) > a:hover {
    background-color: var(--wp--preset--color--dark);
    color: var(--wp--preset--color--background);
}

.is-style-outline.dark-background > a {
    color: var(--wp--preset--color--background);
}

.is-style-outline.dark-background > a:hover {
    background-color: var(--wp--preset--color--background);
    color: var(--wp--preset--color--dark);
}

/*Web Links*/
.website-link-new-tab > a::after {
    content: " ↗"
}

/*
Homepage
*/

.joint-photo img {
    object-position: center 15%;
}

/*
About
*/

html {
    scroll-behavior: smooth;
}

.table-of-content {
    transition: border-left-color 0.25s ease;
}

.table-of-content a {
    color: var(--wp--preset--color--mid);
    transition: all 0.25s ease;
}

.table-of-content a:hover {
    color: var(--wp--preset--color--dark);
    text-decoration: none;
}

.table-of-content:has(a:hover) {
    border-left-color: var(--wp--preset--color--dark)!important;
}