.ani-text p, 
.ani-text h1, 
.ani-text h2, 
.ani-text h3, 
.ani-text h4, 
.ani-text h5, 
.ani-text h6 {
  opacity: 0;
  will-change: transform, opacity, filter; 
}


/* Button styles*/

.homepage-button-1 .wp-block-button__link, 
.homepage-button-2 .wp-block-button__link, 
.homepage-button-3 .wp-block-button__link, 
.homepage-button-4 .wp-block-button__link {
    /* Protect our transition speeds from Gutenberg overrides */
    transition: color 0.3s ease !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

.homepage-button-1 .wp-block-button__link svg, 
.homepage-button-2 .wp-block-button__link svg, 
.homepage-button-3 .wp-block-button__link svg, 
.homepage-button-4 .wp-block-button__link svg {
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    fill: currentColor !important; /* Locks arrow color to the text color */
}


/* Hover effects for buttons */


/* For colour ovverides */
div.wp-block-button.homepage-button-1:hover a.wp-block-button__link,
div.wp-block-button.homepage-button-1:hover a.wp-block-button__link span,
div.wp-block-button.homepage-button-2:hover a.wp-block-button__link,
div.wp-block-button.homepage-button-2:hover a.wp-block-button__link span,
div.wp-block-button.homepage-button-3:hover a.wp-block-button__link,
div.wp-block-button.homepage-button-3:hover a.wp-block-button__link span,
div.wp-block-button.homepage-button-4:hover a.wp-block-button__link,
div.wp-block-button.homepage-button-4:hover a.wp-block-button__link span {
    color: var(--BB-Sky) !important;
}

/* SVG Changes */
.homepage-button-1:hover .wp-block-button__link svg,
.homepage-button-1:hover .wp-block-button__link svg path,
.homepage-button-2:hover .wp-block-button__link svg,
.homepage-button-2:hover .wp-block-button__link svg path,
.homepage-button-3:hover .wp-block-button__link svg,
.homepage-button-3:hover .wp-block-button__link svg path,
.homepage-button-4:hover .wp-block-button__link svg,
.homepage-button-4:hover .wp-block-button__link svg path {
    fill: var(--BB-Sky) !important;
}

/* Svg displacement */
.homepage-button-1:hover .wp-block-button__link svg, 
.homepage-button-2:hover .wp-block-button__link svg, 
.homepage-button-3:hover .wp-block-button__link svg, 
.homepage-button-4:hover .wp-block-button__link svg {
    transform: translateX(0.25em) !important;
}

/* Hide category tags initially for the Soft Follow scroll reveal */
.hp-category-1, 
.hp-category-2, 
.hp-category-3, 
.hp-category-4, 
.project-card-category-red, 
.homepage-ippf-category-text {
    opacity: 0;
    will-change: transform, opacity;
}


/* for ken burns effect */

.anim-show {
    overflow: hidden; 
    will-change: transform, opacity;
}

/* The inner media: Starts zoomed in */
.anim-show img, 
.anim-show video,
.anim-show iframe {
    transform: scale(1.15);
    will-change: transform;
    display: block; 
    width: 100%;
    height: auto;
}