.animated-arrow {
	position: fixed;
	bottom: 30px;
/* Position at the bottom */
	right: 30px;
/* Position at the right */
	z-index: 1000;
/* Keep it above all elements */
	animation: bounce 2s infinite, fade-out 1s ease forwards 18s;
/* Bounce and then fade */
	opacity: 1;
/* Fully visible initially */
}

/* Bounce Animation */
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		transform: translateY(0);
	}
	
	40% {
		transform: translateY(-10px);
	}
	
	60% {
		transform: translateY(-5px);
	}
}

/* Fade-Out Animation */
@keyframes fade-out {
	to {
		opacity: 0;
	/* Fully faded out */
	}
}

/* Privacy Banner Styling */
.privacy-banner {
	position: fixed;
	bottom: 0;
/* Stick to the bottom */
	left: 0;
	width: 100%;
	background-color: #333;
/* Dark background */
	color: #fff;
/* White text */
	text-align: center;
	padding: 15px;
	font-size: 14px;
	z-index: 1000;
/* Make sure it's on top */
	opacity: 1;
/* Fully visible initially */
	animation: fadeOut 14s forwards;
/* Fade out after 4 seconds */
}

/* Link Styling */
.privacy-banner a {
	color: #00c3ff;
/* Highlight the link in blue */
	text-decoration: underline;
}

/* Keyframe for Fade-Out Effect */
@keyframes fadeOut {
	0% {
		opacity: 1;
	/* Start fully visible */
	}
	
	100% {
		opacity: 0;
	/* End fully invisible */
	}
}

/* Add starry background to the block editor */
body.wp-admin .editor-styles-wrapper {
	background-image: url('YOUR-BACKGROUND-IMAGE-URL');
	background-size: cover;
	background-position: center;
}

/* Set black text color for the block editor ONLY */
body.wp-admin .editor-styles-wrapper p,
body.wp-admin .editor-styles-wrapper h1,
body.wp-admin .editor-styles-wrapper h2,
body.wp-admin .editor-styles-wrapper h3,
body.wp-admin .editor-styles-wrapper h4,
body.wp-admin .editor-styles-wrapper h5,
body.wp-admin .editor-styles-wrapper h6 {
	color: #000 !important;
/* Black text for editor */
}

/* Keep live site text white */
body.single-post .wp-block-post-content,
body.single-post .wp-block-group p,
body.single-post .wp-block-heading {
	color: #fff !important;
/* White text for live site */
}

:target::before {
	content: "";
	display: block;
	height: 80px;
/* Adjust this value to match the height of your header */
	margin-top: -80px;
/* Negative value to offset the anchor scroll */
}

:target {
	scroll-margin-top: 100px;
/* Adjust the value to match your sticky header height */
}