/* # Additional CSS for the Site Header
---------------------------------------------------------------------------------------------------- */

.site-header {
    background: rgba(255, 255, 255, 0.8);
    border-bottom: 1px solid #e5e0dc;
	padding: 15px 0;
}

.site-header .wrap {
    display: flex;
}

.site-header .menu {
    text-align: start;
}

.site-header .menu-toggle {
    position: static;
    padding: 0;
}

.site-header .genesis-responsive-menu {
    z-index: 10000;
}

.site-header .title-area,
.site-header .site-title {
    margin: 0;
    max-width: 150px;
}

.site-header .site-title > a {
	min-height: 48px;
}

/* .site-header .site-title > a:hover {
	box-shadow: 0px 0px 5.8px 0px #00000040;
} */

.site-header .widget-area {
	display: flex;
    align-items: center;
    width: 100%;
}

.site-header .widget-area .widget {
	margin-bottom: 0;
}

.site-header .widget-area #nav_menu-3 {
    margin: 0 auto;
}

.site-header .widget-area #nav_menu-3,
.site-header .widget-area #nav_menu-4 {
	width: auto;
}

.site-header .menu-item a {
    color: var(--light-gray);
    font-family: var(--headings-font-family);
    font-size: 14px;
    padding: 18px 15px;
    text-decoration: none;
}

.site-header .menu-item a:hover {
    color: var(--gray);
}

.site-header #menu-item-52 {
    display: inline-block;
}

.site-header #menu-item-52 a,
.site-header #nav_menu-4 a {
    color: var(--white);
    background: var(--purple);
    padding: 17px 32px;
    border-radius: 10px;
    border: 1px solid #e09c85
}

.site-header #menu-item-52 a:hover,
.site-header #nav_menu-4 a:hover {
    background: var(--dark-purple);
}

@media only screen and (max-width: 1200px) {
    .site-header .menu-item a {
        padding: 18px 10px;
    }

    .site-header #menu-item-52 a,
    .site-header #nav_menu-4 a {
        padding: 17px 20px;
    }
}

@media only screen and (max-width: 1024px) {
    .site-header .widget-area #nav_menu-3 {
        margin: 0 0 0 auto;
    }
}