/* =====================================================
-----------------------Top Header ---------------------
========================================================*/

:root{
    --header-text-color:#c0c0c0;
    --header-text-color-hover:#ffffff;
}



.top-info-bar {
    background-color: #111e4d;
    padding: 10px 0px;
}
.top-info-wrapper {
    display: flex;
    justify-content: space-between;
}
.info-box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    color: var(--header-text-color);
    text-decoration: none;
    font-size: 12px;
}
.info-box:hover{
    text-decoration: none;
    color: var(--header-text-color-hover);
}
.left-info {
    display: flex;
    gap: 10px;
}
.info-icon svg {
    width: 15px;
    height: 17px;
    fill: var(--header-text-color);
}
.info-box:hover .info-icon svg{
    fill: var(--header-text-color-hover);
}
.left-info p {
    margin: 0px;
    line-height: 100%;
}
.info-box:hover .left-info p {
    color: var(--header-text-color-hover);
}


/* Right Info */
.right-info {
    display: flex;
    gap: 8px;
}
.right-info .login-btn{
    color:#c0c0c0;
    padding-right:10px;
    margin-right:10px;
    border-right:2px solid #c0c0c0;
    display: flex;
    align-items: center;
    gap: 5px;
}
.right-info .login-btn svg {
    width: 20px;
    height: 20px;
}
.right-info .login-btn svg path{
    stroke: #c0c0c0;
}
.info-btn {
    display: flex;
    width: 22px;
    height: 22px;
    border: 1px solid var(--header-text-color);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
}
.info-btn:hover{
    border: 1px solid var(--header-text-color);
}
.info-btn svg {
    width: 10px;
    height: 10px;
    fill: var(--header-text-color);
}
.info-btn:hover svg{
    fill: var(--header-text-color-hover);
}

a.item-link {
    display: block;
    padding: 10px;
    white-space: nowrap !important;
    font-size: 14px;
    font-weight: 600;
    color: var(--gray-800) !important;
    border-radius: 6px;
    letter-spacing: .2px;
    text-transform:none;
    transition: color .2s, background .2s;
}
header a.item-link:hover{
    background-color:#ed193a17;
    color:var(--secondary-color) !important;
}
.menu-item a.is-active{
    color:var(--secondary-color) !important;
}
nav.menu-nav {
    flex: none;
}
.menu-wrapper .menu-item{
    padding:0px;
}
button.apa-fa-search svg {
    width: 18px;
    height: 18px;
}

.region.region--search-block {
    width: 377px;
    flex: none;
}

.region--search-block #apa_autoComplete input {
    background: rgba(255, 255, 255, .1);
    backdrop-filter: blur(8px);
    outline: none;
    font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;
    padding: 10px;
    padding-right: 50px;
    /* width: 360px !important; */
    border-radius: 5px !important;
    border: 1px solid #ebebeb;
    color: #252525;
    height: 44px !important;
    text-overflow: ellipsis;
    width: 100%;
}
button.apa-fa-search svg path {
    fill: var(--primary-color);
}


@media (max-width:991px){
    .top-info-wrapper a p {
        display: none;
    }
}