.acf-impact-statement {
  width: 100%;
  position: relative;
  padding: 2rem 1rem;          /* vertical and some horizontal padding */
  box-sizing: border-box;
	margin: auto !important;
}

/* 2) Center and constrain inner text */
.acf-impact-statement .impact-content {
  max-width: 1250px;
  margin: 0 auto;
  text-align: center;
}
.single-post .impact-statement-text h1,
.single-post .impact-statement-text h2,
.single-post .impact-statement-text h3,
.single-post .impact-statement-text h4,
.single-post .impact-statement-text h5,
.single-post .impact-statement-text p {
	margin:.5rem auto !important;
	max-width:800px;
}
.impact-statement-text h1,
.impact-statement-text h2,
.impact-statement-text h3,
.impact-statement-text h4,
.impact-statement-text h5,
.impact-statement-text p {
	margin:.5rem auto !important;
	max-width:1250px;
}
.impact-statement-text {
  text-align: center;
	color: white;
	margin: 0 auto;
	cursor: default;
}
.single-post .acf-impact-statement {
	margin: 2rem auto !important;}
/* 4) Make <em> tags italic if you inline-wrap “YOU” in the ACF field */
.acf-impact-statement .impact-content h3 em {
  font-style: italic;
}

/* 5) Responsive tweaks */
@media (max-width: 768px) {
  .acf-impact-statement {
    padding: 1.5rem 1rem;
  }
}
.is-animated-gradient {
    background-size: 200% 200% !important;
    animation: gradientShift 10s ease infinite;
}

@keyframes gradientShift {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
.glitch {
 position: relative;
    display: inline-block;
    color: #F36d24;
    text-decoration: none;
    background-image: linear-gradient(90deg, #fbd603, #97c93f, #692c8b, #d41c5a, #F36d24);
    background-size: 300% auto;
    background-position: 0% 50%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	filter: brightness(1);
	transition: filter 0.3s ease;
	z-index:1;
}
.glitch:hover {
	 filter: brightness(1.2);
animation: shimmer 4.5s linear infinite;
}
/*
.glitch::before,
.glitch::after {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  overflow: hidden;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
}
.glitch:hover::before {
  animation: glitchTop 0.3s infinite;
  color: #ff00c8;
  opacity: 1;
}
.glitch:hover::after {
  animation: glitchBottom 0.3s infinite;
  color: #00fff7;
  opacity: 1;
}
@keyframes glitchTop {
  0% { transform: translate(0, 0); }
  20% { transform: translate(-2px, -2px); }
  40% { transform: translate(-1px, 2px); }
  60% { transform: translate(-3px, 1px); }
  80% { transform: translate(2px, -1px); }
  100% { transform: translate(0, 0); }
}

@keyframes glitchBottom {
  0% { transform: translate(0, 0); }
  20% { transform: translate(2px, 1px); }
  40% { transform: translate(1px, -1px); }
  60% { transform: translate(3px, -2px); }
  80% { transform: translate(-2px, 2px); }
  100% { transform: translate(0, 0); }
}*/