/* logo */
#mainlogo .logo {fill:var(--ast-global-color-4)}
#mainlogo .accent {fill:var(--ast-global-color-1)}
.transbg #mainlogo .logo {fill:var(--ast-global-color-0)}

#logo-footer {max-width:180px}
#logo-footer .logo {fill:var(--ast-global-color-4)}
#logo-footer .accent {fill:var(--ast-global-color-1)}


@media only screen and (min-width: 921px) {
	.ast-primary-header-bar {background:transparent;-webkit-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
	#ast-desktop-header {position: fixed;top: 0;left: 0;right: 0;-webkit-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;z-index: 9999;}
	.transbg .ast-primary-header-bar {background:rgba(255,255,255,0.95);box-shadow:0px 2px 10px rgba(0,0,0,0.2)}
	#ast-desktop-header.hidden {top:-150px}
	.admin-bar #ast-desktop-header {top:32px}
	.admin-bar #ast-desktop-header.hidden {top:-180px}
}

@media only screen and (max-width: 920px) {
	#ast-mobile-header {position: fixed;top: 0;left: 0;right: 0;-webkit-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;z-index: 9999;}
	#ast-mobile-header.hidden {top:-130px}
	.admin-bar #ast-mobile-header {top:46px}
	.admin-bar #ast-mobile-header.hidden {top:-146px}
}
@media only screen and (max-width: 768px) {
	#mainlogo .logo {fill:var(--ast-global-color-0)}
	.hidden #ast-hf-mobile-menu {height:100vh;height:100dvh;}
}