/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 18 2025 | 12:43:22 */
#hp-logo {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) scale(1) !important;
  opacity: 0;
  transition: opacity 1s ease, transform 0.5s ease, top 0.5s ease, left 0.5s ease !important;
  z-index: 1000 !important;
  width: 70vw;
  height: auto !important;
  pointer-events: none !important;
	
	&.on-load-visible {
		opacity: 1;	
	}
	
	&::before {
		content: "";
		opacity: 0;
	}
}

/* Fixed top-left logo state */
#hp-logo.fixed {
  transform: scale(1.1) !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

@media (min-width: 768px) {
	#hp-logo.fixed {
		width: 10vw !important;
		top: 10px !important;
  left: 10px !important;
	}
}
@media (max-width: 767px) {
	#hp-logo.fixed {
		top: 0 !important;
    	left: 0 !important;
		width: 30vw !important;
		
		&::before {
			content: "";
            background-color: var(--e-global-color-primary);
            position: fixed;
            width: 100vw;
            height: 100%;
            z-index: -1;
			transition: opacity 1s ease;
			opacity: .8 !important;
			
			            box-shadow: 0px 3px 10px #474544ba;
		}
		
		img {
			padding: 0.5rem;
            margin-left: 0.5rem;
            margin-top: .2rem;
            width: 100%;
		}
	}
}