/* ==========================================================================
   Header
   ========================================================================== */

.nd-header {
	z-index: 100;
	transition:
		background-color 0.25s ease,
		box-shadow 0.25s ease;
}

.nd-header[data-nd-header-position="relative"] {
	position: relative;
}

.nd-header[data-nd-header-position="sticky"] {
	position: sticky;
	top: 0;
}

.nd-header[data-nd-header-position="fixed"] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
}

/* @media (max-width: 639px) {
	.nd-header[data-nd-header-position="fixed"] {
		position: relative;
	}
} */

/* --------------------------------------------------------------------------
   Transparency
   ----------------------------------------------------------------------- */

.nd-header[data-nd-header-transparent="true"] {
	background-color: transparent;
}

.nd-header[data-nd-header-transparent="false"] {
	background-color: #ffffff;
}

.nd-header.is-scrolled {
	background-color: var(--wp--preset--color--primary-600);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
}

/* --------------------------------------------------------------------------
   Logo
   ----------------------------------------------------------------------- */

.nd-header .custom-logo-link {
	display: inline-block;
}

.nd-header .custom-logo-link .custom-logo {
        max-height: 45px;
    }

    .nd-header .custom-logo {
        transform: scale(1.35);
        transform-origin: left top;
        transition:
            transform 0.3s ease,
            opacity 0.3s ease;
    }

    .nd-header.is-scrolled .custom-logo {
        transform: scale(1);
		top: 0;
    }

@media (min-width: 640px) {
    .nd-header .custom-logo-link .custom-logo {
        max-height: 55px;
    }

    .nd-header .custom-logo {
        transform: scale(1.35);
        transform-origin: left top;
        transition:
            transform 0.3s ease,
            opacity 0.3s ease;
		position: relative;
		top: 12px;
    }
}


/* --------------------------------------------------------------------------
   Buttons
   ----------------------------------------------------------------------- */
@media (min-width: 640px) {
	.nd-header .nd-header__actions {
		position: relative;
		top: 12px;
		transition: all 0.3s ease;
	}

	.nd-header.is-scrolled .nd-header__actions {
		top: 0px;
	}
}

/* --------------------------------------------------------------------------
   Drawer
   ----------------------------------------------------------------------- */

.nd-drawer {
	position: fixed;
	inset: 0;
	z-index: 999;
	visibility: hidden;
	pointer-events: none;
}

.nd-drawer.is-open {
	visibility: visible;
	pointer-events: auto;
}

.nd-drawer__overlay {
	position: absolute;
	inset: 0;
	/* background-color: rgba(0, 0, 0, 0.6); */
	background-color: var(--wp--preset--color--dark-opacity-50);
	opacity: 0;
	transition: opacity 0.25s ease;
}

.nd-drawer.is-open .nd-drawer__overlay {
	opacity: 1;
}

.nd-drawer__panel {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: min(100%, 500px);
	background-color: var(--wp--preset--color--primary-400);
	transform: translateX(100%);
	transition: transform 0.3s ease;
}

.nd-drawer.is-open .nd-drawer__panel {
	transform: translateX(0);
}

body.nd-drawer-is-open {
	overflow: hidden;
}

/* --------------------------------------------------------------------------
   Drawer links
   ----------------------------------------------------------------------- */
.nd-drawer__menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.nd-drawer__menu a {
	text-decoration: none;
	display: block;
}


/* --------------------------------------------------------------------------
   Hover menu item
   ----------------------------------------------------------------------- */

.nd-drawer__menu a:hover,
.nd-drawer__menu .current-menu-item > a,
.nd-drawer__menu .current-menu-parent > a,
.nd-drawer__menu .current-menu-ancestor > a,
.nd-drawer__menu .current-page-parent > a,
.nd-drawer__menu .current-page-ancestor > a {
	text-decoration: underline;
	text-underline-offset: 11px;
}


/* --------------------------------------------------------------------------
   Active menu item
   ----------------------------------------------------------------------- */

.nd-drawer__menu .current-menu-item > a,
.nd-drawer__menu .current-menu-parent > a,
.nd-drawer__menu .current-menu-ancestor > a,
.nd-drawer__menu .current-page-parent > a,
.nd-drawer__menu .current-page-ancestor > a {
	text-decoration: underline;
	text-underline-offset: 11px;
}