/*
Theme Name: Gali Rogova
Description: Child theme from Twenty Twenty-Four
Author: Eugene Bondar
Version: 1.0.0
Template: twentytwentyfour
*/

/* Header */

.wp-block-social-links.aligncenter {
    justify-content: start;
}

.top-bar {
    max-width: 1260px;
}

/* Navigation */

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    border: none;
}

:where(.wp-site-blocks :focus) {
    outline: none;
}

.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
    color: rgb(142,142,142);
}
a:hover button.wp-block-navigation-item__content {
    text-decoration: none;
    color: rgb(142,142,142);
}

:root :where(.wp-block-navigation a:where(:not(.wp-element-button)):hover) {
    text-decoration: none;

}

/* Content */
.hero-image {
    max-height: 550px;
    overflow: hidden;
}
/* 1. Родителю (блок Row) обязательно задаем относительные координаты */
.arrow-container {
    position: relative !important;
    width: 150px;
}

/* 2. Серая стрелка (первая в ряду) */
.biography-arrow-gray {
    cursor: pointer;
    opacity: 1;
    display: inline-block !important;
    transition: transform 0.3s ease, opacity 0.3s ease !important;
}

/* 3. Черная стрелка (накладывается абсолютно на координаты 0, 0) */
.biography-arrow-black {
    position: absolute !important;
    top: 0;
    left: 0;
    margin: 0 !important; /* Сбрасываем дефолтные отступы WordPress */
    opacity: 0;
    display: inline-block !important;
    transition: transform 0.3s ease, opacity 0.3s ease !important;
    pointer-events: none; /* Игнорируем клики/наведение на невидимый элемент */
}

/* 4. Анимация при наведении на общий контейнер Row */
.arrow-container:hover .biography-arrow-gray {
    opacity: 0;
    transform: translateX(15px);
}

.arrow-container:hover .biography-arrow-black {
    opacity: 1;
    transform: translateX(15px);
}



/* Footer */

.footer-wrapper {
    margin: 0 auto;
    max-width: 1260px;
}

/* .is-layout-constrained > .alignwide {
    max-width: 1260px;
} */