/*
 * Perceptions Studio Header and Footer Styles
 */

/* Header Start */
.nav-float-right #site-navigation {
    margin: 0 auto;
}

header.site-header ul li.menu-item>a:before {
    content: "";
    margin-top: -3px;
    margin-right: 6px;
    margin-left: 6px;
    width: 8px;
    height: 8px;
    display: inline-flex;
    border-radius: 100px;
}

header.site-header ul li.menu-item>a:hover::before,
header.site-header ul li.menu-item.current-menu-item>a::before {
    content: "";
    margin: 0 6px 0 6px;
    width: 8px;
    height: 8px;
    display: inline-flex;
    border-radius: 50%;
    background: var(--ps-secondary-sky-blue-75s);
    transition: background-color 0.3s ease;
}

header.site-header ul li.menu-item>a:hover,
header.site-header ul li.menu-item.current-menu-item>a {
    color: var(--ps-secondary-sky-blue-75s);
}

body.home .header-wrap .site-header {
    background: var(--ps-primary-federal-blue-100s);
}

@media only screen and (max-width: 767px) {
    header li.menu-item.menu-item-has-gb-mega-menu .gb-overlay {
        position: absolute !important;
    }
}
/* Header End */

/* Footer Start */
.site-footer {
    background: linear-gradient(180deg, var(--ps-primary-federal-blue-100p) 0%, var(--ps-secondary-neon-blue-100p) 172.16%);
    border-radius: 20px 20px 0 0;
}

footer.site-info .copyright-bar {
    width: 100%;
    gap: 20px;
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 768px) {
    footer.site-info .copyright-bar {
        flex-direction: column;
    }
}
/* Footer End */