/* flyoutmenu */
#ast-desktop-header {display:block !important}
#ast-mobile-header {display:none !important}
.ast-header-html-1 {display:block}
.flytrigger {width:50px;margin-right:10px}
.triggerbutton{width:50px;height:50px;display:flex;justify-content:flex-start;align-items:center;cursor:pointer;}
.triggerbutton div {position: absolute;height: 2px;border-radius:2px;width: 30px;background: var(--ast-global-color-4);-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
.flytrigger:hover .triggerbutton div {background:var(--ast-global-color-6)}
.flytrigger:hover .menulabel {color:var(--ast-global-color-6)}
.triggerbutton .spantop {-webkit-transform: translateY(-9px);transform: translateY(-9px);}
.triggerbutton .spanbot {-webkit-transform: translateY(9px);transform: translateY(9px);}
.triggerbutton .spanmid {width:35px;}
.triggerbutton.active .spanmid, .flytrigger:hover .triggerbutton.active .spanmid {background:transparent}
.triggerbutton.active .spantop {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);background:var(--ast-global-color-4)} 
.triggerbutton.active .spanbot {-webkit-transform: rotate(45deg);transform: rotate(45deg);background:var(--ast-global-color-4)}
.triggerbutton.active:hover .spantop,
.triggerbutton.active:hover .spanbot {background:var(--ast-global-color-6)}
.ast-header-html-1 {position:relative}
.menulabel {position: absolute;left: 45px;min-width: 50px;top: 12px;font-family: 'Barlow', sans-serif;font-weight:500 !important;font-size: 15px;color: var(--ast-global-color-4);-webkit-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
.menulabel.hidden{opacity:0}

	/* flyoutmenu altcolors */
	.transbg .triggerbutton div {background:var(--ast-global-color-4)}
	.transbg .triggerbutton.active .spantop, 
	.transbg .triggerbutton.active .spanbot {background:var(--ast-global-color-4)}
	.transbg .triggerbutton.active:hover .spantop,
	.transbg .triggerbutton.active:hover .spanbot {background:var(--ast-global-color-4)}
	.transbg .menulabel {color:var(--ast-global-color-4)}

	/* menu styling */
	.ast-builder-menu-1 {position: fixed;display: flex;min-width:300px;left: 0;top: 109px;height:calc(100dvh - 109px);align-content: flex-start;padding:30px;background:var(--ast-global-color-7) !important;border-left: 0 !important;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;margin-left:-320px;box-shadow:2px 25px 20px rgba(0,0,0,0.2)}
	.admin-bar .ast-builder-menu-1 {top:141px;height:calc(100dvh - 141px)}
	.ast-builder-menu-1.active {margin-left:0}
	.main-navigation ul {flex-direction: column !important;}
	.ast-desktop .ast-menu-hover-style-underline > .menu-item > .menu-link {font-size:1.5em;line-height:1.5em;font-family:'Barlow','Arial','Helvetica', sans-serif;font-weight:400}
	.ast-desktop .ast-menu-hover-style-underline > .menu-item > .menu-link:before {height:15px;background:var(--ast-global-color-5) !important;z-index:-1}
	.ast-header-break-point .main-navigation ul .menu-item .menu-link {border-bottom: 0;line-height:2em}
	.ast-header-break-point .main-header-menu {background-color: transparent !important}
	.lineabove {margin-top:15px}
	@media only screen and (max-width: 921px) {
		.ast-primary-header-bar .site-primary-header-wrap {width:100%}
		.ast-header-break-point .ast-builder-menu {width:auto}
		.ast-builder-menu-1 {top:80px;height:calc(100dvh - 80px)}
		.admin-bar .ast-builder-menu-1 {top:126px;height:calc(100dvh - 126px)}
	}