/* =========================================================
   DESKTOP
   ========================================================= */

.ae-site-navbar-desktop {
	display: block;
}

.ae-site-navbar-mobile {
	display: none;
}

/* =========================================================
   AE SITE NAVBAR
   ========================================================= */

.ae-site-navbar {
	width: 100%;
	margin: 0;
	padding: 0;

	background: #ffffff;
}


/* =========================================================
   DESKTOP NAVBAR INNER
   25% LOGO | 55% MENU | 20% ACCOUNT
   ========================================================= */

.ae-site-navbar-desktop-inner {
	display: grid;
	grid-template-columns: 25% 55% 20%;
	align-items: center;

	width: 100%;
	min-height: 72px;

	margin: 0;
	padding: 0 32px;

	box-sizing: border-box;
}


/* =========================================================
   DESKTOP LOGO
   ========================================================= */

.ae-site-navbar-desktop-logo {
	display: flex;
	align-items: center;
	justify-content: flex-start;

	margin: 0;
	padding: 0;
}

.ae-site-navbar-desktop-logo .custom-logo-link {
	display: block;

	margin: 0;
	padding: 0;
}

.ae-site-navbar-desktop-logo img {
	display: block;

	width: auto;
	max-width: 180px;
	height: auto;

	margin: 0;
	padding: 0;
}


/* =========================================================
   DESKTOP NAVIGATION
   ========================================================= */

.ae-site-navbar-desktop-navigation {
    font-family: "Libre Franklin", sans-serif;
	display: flex;
	align-items: center;
	justify-content: center;

	width: 100%;
	margin: 0;
	padding: 0;
}


/* =========================================================
   DESKTOP TOP LEVEL MENU
   ========================================================= */

.ae-site-navbar-desktop-navigation > ul {
	display: flex;
	align-items: center;
	justify-content: center;

	margin: 0;
	padding: 0;

	list-style: none;
    font-weight: 300;
}


.ae-site-navbar-desktop-navigation > ul > li {
	position: relative;

	display: block;

	margin: 0;
	padding: 0;

	list-style: none;
     font-weight: 200;
}


/* =========================================================
   DESKTOP TOP LEVEL LINKS
   ========================================================= */

.ae-site-navbar-desktop-navigation > ul > li > a {
	display: inline-flex;
	align-items: center;

	margin: 0;
	padding: 8px 15px;

	color: #222222;

	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;

	text-decoration: none;
	white-space: nowrap;

	background: transparent;

	transition: opacity 0.2s ease;
}


.ae-site-navbar-desktop-navigation > ul > li > a:hover {
	opacity: 0.65;
}


/* =========================================================
   DESKTOP SUBMENU
   Hidden by default.
   Positioned relative to parent <li>.
   ========================================================= */

.ae-site-navbar-desktop-navigation .sub-menu {
	position: absolute;

	top: 100%;
	left: 50%;

	display: block;

	min-width: 200px;
	width: max-content;

	margin: 0;
	padding: 8px 0;

	background: #ffffff;

	border: 1px solid #eaeaea;

	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);

	list-style: none;

	opacity: 0;
	visibility: hidden;

	transform: translate(-50%, 4px);

	transition:
		opacity 0.5s ease,
		visibility 0.5s ease,
		transform 0.5s ease;

	z-index: 1001;
}


/* =========================================================
   DESKTOP SHOW SUBMENU
   ========================================================= */

.ae-site-navbar-desktop-navigation li:hover > .sub-menu,
.ae-site-navbar-desktop-navigation li:focus-within > .sub-menu {
	opacity: 1;
	visibility: visible;

	transform: translate(-50%, 0);
}


/* =========================================================
   DESKTOP SUBMENU ITEMS
   ========================================================= */

.ae-site-navbar-desktop-navigation .sub-menu li {
	display: block;

	width: 100%;

	margin: 0;
	padding: 0;

	list-style: none;
}


/* =========================================================
   DESKTOP SUBMENU LINKS
   ========================================================= */

.ae-site-navbar-desktop-navigation .sub-menu a {
	display: block;

	width: 100%;

	margin: 0;
	padding: 9px 18px;

	color: #222222;

	font-size: 13px;
	font-weight: 400;
	line-height: 1.4;

	text-decoration: none;

	white-space: nowrap;
}


.ae-site-navbar-desktop-navigation .sub-menu a:hover {
	background: rgb(188, 159, 87);
    color: rgb(255, 255, 255);
}


/* =========================================================
   DESKTOP ACCOUNT
   ========================================================= */

.ae-site-navbar-desktop-account {
	display: flex;
	align-items: center;
	justify-content: flex-end;

	width: 100%;

	margin: 0;
	padding: 0;
}


.ae-site-navbar-desktop-account a {
	margin: 0;
	padding: 0;

	color: #222222;

	font-size: 12px;
	font-weight: 500;
	line-height: 1.3;

	text-decoration: none;
}

/* =========================================================
   MOBILE / TABLET
   ========================================================= */


@media (max-width: 800px) {

    .ae-site-navbar-desktop {
        display: none;
    }

	/* =====================================================
	   MOBILE NAVBAR
	   ===================================================== */

	.ae-site-navbar-mobile {

        position: relative; 

		display: grid;

		grid-template-rows: 25px auto;

		width: 100%;

		padding: 0 20px;

		box-sizing: border-box;

		background: #ffffff;
	}


	/* =====================================================
	   MOBILE TOP ROW
	   ===================================================== */

	.ae-site-navbar-mobile-top {
		position: relative;

		display: flex;
		align-items: center;

		width: 100%;
		min-height: 40px;

		margin: 0;
		padding: 0;
	}


	/* =====================================================
    MOBILE HAMBURGER BUTTON
    ===================================================== */

    .ae-site-navbar-mobile-toggle {

        position: absolute;

        left: 0;
        top: 50%;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-direction: column !important;

        width: 32px !important;
        height: 32px !important;

        min-width: 32px !important;
        min-height: 32px !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: translateY(-50%);

        border: 0 !important;
        border-width: 0 !important;
        border-radius: 0 !important;

        background: transparent !important;
        background-color: transparent !important;

        box-shadow: none !important;

        color: #222222 !important;

        font-family: inherit !important;
        font-size: 0 !important;
        line-height: 0 !important;

        text-decoration: none !important;

        appearance: none !important;
        -webkit-appearance: none !important;

        cursor: pointer;

        outline: none;
    }


    /* =====================================================
    HAMBURGER LINES
    ===================================================== */

    .ae-site-navbar-mobile-toggle span {

        display: block !important;

        width: 22px !important;
        height: 2px !important;

        min-width: 22px !important;
        min-height: 2px !important;

        margin: 3px 0 !important;
        padding: 0 !important;

        border: 0 !important;

        background: #222222 !important;

        box-shadow: none !important;

        transform: none;

        transition:
            transform 0.2s ease,
            opacity 0.2s ease;

    }


    /* =====================================================
    REMOVE THEME / ELEMENTOR BUTTON STATES
    ===================================================== */

    .ae-site-navbar-mobile-toggle:hover,
    .ae-site-navbar-mobile-toggle:focus,
    .ae-site-navbar-mobile-toggle:active {

        background: transparent !important;
        background-color: transparent !important;

        border: 0 !important;
        box-shadow: none !important;

        color: #222222 !important;

    }

    /* =====================================================
    HAMBURGER OPEN STATE
    ===================================================== */

    .ae-site-navbar-mobile.is-menu-open
    .ae-site-navbar-mobile-toggle span {
        background: #777777 !important;
    }

    .ae-site-navbar-mobile.is-menu-open
    .ae-site-navbar-mobile-toggle {
        border: 1px solid #777777 !important;
    }

    /* =====================================================
    REMOVE FOCUS OUTLINE
    ===================================================== */

    .ae-site-navbar-mobile-toggle:focus-visible {

        outline: 2px solid #222222;

        outline-offset: 2px;

    }


	/* =====================================================
	   MOBILE ACCOUNT
	   ===================================================== */

	.ae-site-navbar-mobile-account {
		position: absolute;
		right: 0;
		top: 50%;

		display: flex;
		align-items: center;

		transform: translateY(-50%);
	}


	/* =====================================================
	   MOBILE ACCOUNT CONTROL
	   ===================================================== */

	.ae-site-navbar-mobile-account .ae-account-control {
		display: flex;
		align-items: center;

		gap: 10px;

		margin: 0;
		padding: 0;
	}


	.ae-site-navbar-mobile-account .ae-account-name {
		margin: 0;
		padding: 0;
	}


	.ae-site-navbar-mobile-account .ae-account-action {
		margin: 0;
		padding: 0;
	}


	/* =====================================================
	   MOBILE LOGO
	   ===================================================== */

	.ae-site-navbar-mobile-logo {
		display: flex;
		align-items: flex-start;
		justify-content: center;

		width: 100%;

		margin: 0;
		padding: 8px 0 12px;
	}


	.ae-site-navbar-mobile-logo .custom-logo-link {
		display: block;

		margin: 0;
		padding: 0;
	}


	.ae-site-navbar-mobile-logo img {
		display: block;

		width: auto;
		max-width: 180px;
		height: auto;

		margin: 0;
		padding: 0;
	}


	/* =====================================================
	   MOBILE NAVIGATION
	   ===================================================== */

	.ae-site-navbar-mobile-navigation {
        position: absolute;

        top: 100%;
        left: 0;

        display: none;

        width: 100%;

        margin: 0;
        padding: 0;

        background: #ffffff;

        z-index: 1000;
    }


    .ae-site-navbar-mobile-navigation.is-open {

        display: block;

    }

    /* =====================================================
    MOBILE MENU
    ===================================================== */

    .ae-site-navbar-mobile-navigation > ul {

        display: block;

        width: 100%;

        margin: 0;
        padding: 0;

        list-style: none;

        background: #ffffff;

        border-top: 1px solid #eeeeee;
        border-bottom: 1px solid #eeeeee;

    }


    /* =====================================================
    MOBILE TOP LEVEL ITEMS
    ===================================================== */

    .ae-site-navbar-mobile-navigation > ul > li {

        position: relative;

        display: block;

        width: 100%;

        margin: 0;
        padding: 0;

        border-bottom: 1px solid #eeeeee;

    }


    .ae-site-navbar-mobile-navigation > ul > li:last-child {

        border-bottom: 0;

    }


    /* =====================================================
    MOBILE TOP LEVEL LINKS
    ===================================================== */

    .ae-site-navbar-mobile-navigation > ul > li > a {

        display: flex;

        align-items: center;
        justify-content: space-between;

        width: 100%;

        margin: 0;
        padding: 14px 20px;

        box-sizing: border-box;

        color: #222222;

        font-size: 14px;
        font-weight: 500;

        line-height: 1.4;

        text-decoration: none;

        background: #ffffff;

    }


    /* =====================================================
    PARENT ARROW
    ===================================================== */

    .ae-site-navbar-mobile-navigation
    .menu-item-has-children > a::after {

        content: '›';

        font-size: 20px;
        font-weight: 300;

        line-height: 1;

        transition: transform 0.2s ease;

    }


    .ae-site-navbar-mobile-navigation
    .menu-item-has-children.is-submenu-open > a::after {

        transform: rotate(90deg);

    }

    /* =====================================================
   MOBILE SUBMENU
   ===================================================== */

.ae-site-navbar-mobile-navigation
.menu-item-has-children > .sub-menu {

	display: none;

	width: 100%;

	margin: 0;
	padding: 0;

	list-style: none;

	background: #f8f8f8;

}


.ae-site-navbar-mobile-navigation
.menu-item-has-children.is-submenu-open > .sub-menu {

	display: block;

}


/* =====================================================
   MOBILE SUBMENU ITEMS
   ===================================================== */

.ae-site-navbar-mobile-navigation
.sub-menu li {

	display: block;

	width: 100%;

	margin: 0;
	padding: 0;

	border-top: 1px solid #eeeeee;

}


/* =====================================================
   MOBILE SUBMENU LINKS
   ===================================================== */

.ae-site-navbar-mobile-navigation
.sub-menu a {

	display: block;

	width: 100%;

	margin: 0;
	padding: 12px 20px 12px 35px;

	box-sizing: border-box;

	color: #444444;

	font-size: 13px;
	font-weight: 400;

	line-height: 1.4;

	text-decoration: none;

	background: #f8f8f8;

}

}