/**
 * Theme Name:        Fabled Sunset
 * Theme URI:         https://example.com/fabled-sunset
 * Description:       Custom theme description...
 * Version:           1.0.0
 * Author:            Your Name
 * Author URI:        https://example.com
 * Tags:              block-patterns, full-site-editing
 * Text Domain:       fabled-sunset
 * Domain Path:       /assets/lang
 * Tested up to:      6.4
 * Requires at least: 6.2
 * Requires PHP:      7.4
 * License:           GNU General Public License v2.0 or later
 * License URI:       https://www.gnu.org/licenses/gpl-2.0.html
 */


.site-header {
    position: absolute;
    width: 100%;
    z-index: 1;
}

.menu-item ul {
    display: flex;
    gap: 20px;
    justify-content: end;
}
.menu-item ul li a:hover {
    color: var(--c3);
}
.menu-item ul li a {
    color: var(--c1);
    transition: all.4s;
    position: relative;
    text-transform: uppercase;
}

.menu-item ul li a:hover {
    color: var(--c3);
}

.search-icon i {
    color: var(--c1);
}

.search-icon {
    position: relative;
}

.search-icon:before {
    position: absolute;
    content: '';
    left: -12px;
    top: 3px;
    width: 1px;
    height: 21px;
    background: #fff;
}
.menu-item ul li a:before {
    position: absolute;
    content: '';
    left: 0;
    top: 100%;
    width: 0;
    height: 1px;
    background: var(--c3);
    transition: all.5s;
}

.menu-item ul li a:hover:before {
    width: 100%;
}