/*
Theme Name: Wake Media
Author: Big Orange Media
Author URI: https://bigorangemedia.co.uk
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */

[un-cloak] {
	display: none;
}

a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

a:hover {
	cursor: pointer;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

.alm-load-more-btn.alm-load-more-btn.alm-load-more-btn.alm-load-more-btn {
    background: transparent none;
    border-color: #008daf;
    border-width: 1px;
    border-style: solid;
    color: #008daf;
    padding-top: calc(1rem - 1px);
    padding-right: calc(2.25rem - 1px);
    padding-bottom: calc(1rem - 1px);
    padding-left: calc(2.25rem - 1px);
    border-radius: 9999px;
    box-shadow: none;
    line-height: 1;
    font-weight: normal;
    height: auto;
}

select,
::picker(select) {
  appearance: base-select;
}

select {
    flex: 1;
  }

  select {
    border: unset;
    border-bottom: 1px solid #003761;
    background: #fff;
    padding: 1rem;
    transition: 0.4s;
    border-radius: 0;
  }
  
  select:hover,
  select:focus {
    background: #fff;
  }

  select::picker-icon {
    color: #003761;
    transition: 0.4s rotate;
    opacity: 0.1;
  }

  select:open::picker-icon {
    rotate: 180deg;
  }

  ::picker(select) {
    border: none;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 1px 1px 10px 0 rgba(50,50,50,.2);
    margin-top: 0.5rem;
  }

  option {
    border: unset;
    background: #fff;
    padding: 0.5rem 1rem;
    transition: 0.4s;
    cursor: pointer;
  }

  option::checkmark {
    display: none;
  }

  
  option:not(option:last-of-type) {
    border-bottom: none;
  }
  option:nth-of-type(odd) {
    background: #fff;
  }
  
  option:hover,
  option:focus {
    background: #008daf;
    outline: none;
    color: #fff;
  }

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

#wpadminbar + .site-blocks {
	margin-top: 32px;
}

body .wp-block-navigation__responsive-container-open:not(.always-shown) {
	display: block !important;
}
body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
	display: none !important;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    background-color: var(--wp--preset--color--mid-blue);
}

body .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
    padding-left: 2rem;
    padding-right: 1rem;
	padding-top: 0.6rem;
	padding-bottom: 0.6rem;
}

@media (min-width: 1000px) {
	body .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: none !important;;
	}
	body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: block !important;
	}

	.wp-block-navigation__container .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
		display: grid;
		grid-template-columns: 50% 50%;
		left: 50%;
		transform: translateX(-50%);
		background: var(--wp--preset--color--mid-blue);
		padding: 1rem 1rem 2rem;
		border-radius: 1rem;
		width: max-content;
	}

	.wp-block-navigation__container > .wp-block-navigation-item {
		padding: 1rem 0;
	}

	.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item {
		width: 100%;
		white-space: nowrap;
		background-color: transparent;
		padding: 1rem 0;
	}

	.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item::after {
		content: "";
        display: block;
        border-bottom: 1px dashed rgba(255, 255, 255, 0.502);
        height: 1px;
        position: absolute;
        bottom: 0;
        left: .5rem;
        right: .5rem;
	}
}

@media (max-width: 1000px) {
	.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item {
		padding: 0.6rem 0;
		margin-bottom: 0;
	}
	
	.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item::after {
		content: "";
		width: .3em;
		height: .3em;
		background: rgba(255, 255, 255, 0.502);
		border-radius: 100%;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: -1rem;
	}
}

@media screen and (max-width: 1024px) {
	.full-width-below-lg {
		width: 100vw;
		position: relative;
		left: 50%;
		right: 50%;
		margin-left: -50vw;
		margin-right: -50vw;
	}
}

.light-blue-half-stop-bg {
	background: linear-gradient(0deg, var(--wp--preset--color--light-blue) 50%, #fff 50%);
}

a:where(:not(.wp-element-button)) {
    color: var(--wp--preset--color--contrast);
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}

.wp-block-post-terms__separator {
	display: none;
}

.wp-block-post-terms {
	display: flex;
	gap: 0.5rem;
	flex-flow: row wrap;
	align-items: baseline;
}

.wp-block-post-terms a {
	line-height: 1.6 !important;
}

.wp-block-query .wp-block-post-featured-image > a {
	height: 250px; 
	position: relative;
}

.wp-block-query .wp-block-post-featured-image > a > img {
	height: 100%;
	width: 100%;
	object-fit: contain;
}

@keyframes kenburns {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.015);
    }
}

.wp-block-cover__image-background {
    animation: kenburns 5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
    transform-origin: center;
    will-change: transform;
}

@keyframes hero-gradient-animation-1 {
    0% {
        --y-0: 93%;
        --x-0: 93%;
        --s-start-0: 14.489998991212337%;
        --s-end-0: 72%;
        --c-0: hsla(212, 0%, 0%, 1);
        --y-1: 9%;
        --x-1: 26%;
        --s-start-1: 0%;
        --s-end-1: 45%;
        --c-1: hsla(212, 0%, 0%, 1);
        --c-2: hsla(257.14285714285717, 91%, 27%, 0.35);
        --s-start-2: 2.9253667596993065%;
        --s-end-2: 22.388851682060018%;
        --y-2: 79%;
        --x-2: 15%;
        --s-start-3: 3.985353824694249%;
        --s-end-3: 47.580278608924694%;
        --y-3: 104%;
        --x-3: 40%;
        --c-3: hsla(212.47058823529412, 100%, 50%, 0.5);
        --x-4: 0%;
        --s-start-4: 2.391200382592061%;
        --s-end-4: 29.307684556768592%;
        --y-4: 60%;
        --c-4: hsla(224.44444444444443, 72%, 36%, 1);
        --s-start-5: 2.9253667596993065%;
        --s-end-5: 22.388851682060018%;
        --x-5: 92%;
        --c-5: hsla(248.30769230769235, 52%, 24%, 1);
        --y-5: 37%;
        --c-6: hsla(212.47058823529412, 100%, 50%, 0.19);
        --x-6: 101%;
        --y-6: 16%;
        --s-start-6: 13.173642363290591%;
        --s-end-6: 31.747336520355095%;
        --y-7: 13%;
        --s-start-7: 1%;
        --s-end-7: 31%;
        --c-7: hsla(227.6470588235294, 98%, 53%, 1);
        --x-7: 90%;
        --c-8: hsla(166.53061224489795, 71%, 60%, 0.32);
        --s-start-8: 3.985353824694249%;
        --s-end-8: 13.103042116379756%;
        --y-8: 56%;
        --x-8: 104%;
        --s-start-9: 18.597054544690312%;
        --s-end-9: 31%;
        --c-9: hsla(219.2079207920792, 83%, 23%, 0.18);
        --y-9: 19%;
        --x-9: 97%;
    }

    100% {
        --y-0: 9%;
        --x-0: 7%;
        --s-start-0: 2.391200382592061%;
        --s-end-0: 43.902064173373226%;
        --c-0: hsla(306, 0%, 0%, 1);
        --y-1: 93%;
        --x-1: 96%;
        --s-start-1: 9%;
        --s-end-1: 54.805582404585024%;
        --c-1: hsla(306, 0%, 0%, 1);
        --c-2: hsla(166.53061224489795, 72%, 60%, 1);
        --s-start-2: 3%;
        --s-end-2: 26.722813338714598%;
        --y-2: 103%;
        --x-2: -2%;
        --s-start-3: 2.391200382592061%;
        --s-end-3: 32.0689540200964%;
        --y-3: 82%;
        --x-3: 33%;
        --c-3: hsla(180, 100%, 50%, 0.26);
        --x-4: 37%;
        --s-start-4: 4.40642490323111%;
        --s-end-4: 37.23528104246256%;
        --y-4: 81%;
        --c-4: hsla(212.43243243243245, 88%, 26%, 0.58);
        --s-start-5: 3%;
        --s-end-5: 32.537089799783296%;
        --x-5: 54%;
        --c-5: hsla(271.9148936170212, 98%, 53%, 0.31);
        --y-5: 99%;
        --c-6: hsla(262.82352941176475, 100%, 50%, 0.15);
        --x-6: 104%;
        --y-6: 43%;
        --s-start-6: 6%;
        --s-end-6: 42.501105312974815%;
        --y-7: -16%;
        --s-start-7: 5%;
        --s-end-7: 13.10107024898374%;
        --c-7: hsla(298.60465116279073, 36%, 23%, 1);
        --x-7: 104%;
        --c-8: hsla(180, 100%, 50%, 0.11);
        --s-start-8: 2.391200382592061%;
        --s-end-8: 27.141813016850573%;
        --y-8: 30%;
        --x-8: 97%;
        --s-start-9: 5%;
        --s-end-9: 21.32164536610654%;
        --c-9: hsla(219.2079207920792, 83%, 23%, 0.59);
        --y-9: 4%;
        --x-9: 78%;
    }
}

@property --y-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 93%
}

@property --x-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 93%
}

@property --s-start-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 14.489998991212337%
}

@property --s-end-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 72%
}

@property --c-0 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(212, 0%, 0%, 1)
}

@property --y-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 9%
}

@property --x-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 26%
}

@property --s-start-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 0%
}

@property --s-end-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 45%
}

@property --c-1 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(212, 0%, 0%, 1)
}

@property --c-2 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(257.14285714285717, 91%, 27%, 0.35)
}

@property --s-start-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 2.9253667596993065%
}

@property --s-end-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 22.388851682060018%
}

@property --y-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 79%
}

@property --x-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 15%
}

@property --s-start-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 3.985353824694249%
}

@property --s-end-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 47.580278608924694%
}

@property --y-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 104%
}

@property --x-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 40%
}

@property --c-3 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(212.47058823529412, 100%, 50%, 0.5)
}

@property --x-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 0%
}

@property --s-start-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 2.391200382592061%
}

@property --s-end-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 29.307684556768592%
}

@property --y-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 60%
}

@property --c-4 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(224.44444444444443, 72%, 36%, 1)
}

@property --s-start-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 2.9253667596993065%
}

@property --s-end-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 22.388851682060018%
}

@property --x-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 92%
}

@property --c-5 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(248.30769230769235, 52%, 24%, 1)
}

@property --y-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 37%
}

@property --c-6 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(212.47058823529412, 100%, 50%, 0.19)
}

@property --x-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 101%
}

@property --y-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 16%
}

@property --s-start-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 13.173642363290591%
}

@property --s-end-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 31.747336520355095%
}

@property --y-7 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 13%
}

@property --s-start-7 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 1%
}

@property --s-end-7 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 31%
}

@property --c-7 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(227.6470588235294, 98%, 53%, 1)
}

@property --x-7 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 90%
}

@property --c-8 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(166.53061224489795, 71%, 60%, 0.32)
}

@property --s-start-8 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 3.985353824694249%
}

@property --s-end-8 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 13.103042116379756%
}

@property --y-8 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 56%
}

@property --x-8 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 104%
}

@property --s-start-9 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 18.597054544690312%
}

@property --s-end-9 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 31%
}

@property --c-9 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(219.2079207920792, 83%, 23%, 0.18)
}

@property --y-9 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 19%
}

@property --x-9 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 97%
}

.animated-overlay-1.wp-block-cover::after {
	content: '';
	position: absolute;
	inset: 0;
	opacity: 0.2 !important;
    --y-0: 93%;
    --x-0: 93%;
    --c-0: hsla(212, 0%, 0%, 1);
    --y-1: 9%;
    --x-1: 26%;
    --c-1: hsla(212, 0%, 0%, 1);
    --c-2: hsla(257.14285714285717, 91%, 27%, 0.35);
    --y-2: 79%;
    --x-2: 15%;
    --y-3: 104%;
    --x-3: 40%;
    --c-3: hsla(212.47058823529412, 100%, 50%, 0.5);
    --x-4: 0%;
    --y-4: 60%;
    --c-4: hsla(224.44444444444443, 72%, 36%, 1);
    --x-5: 92%;
    --c-5: hsla(248.30769230769235, 52%, 24%, 1);
    --y-5: 37%;
    --c-6: hsla(212.47058823529412, 100%, 50%, 0.19);
    --x-6: 101%;
    --y-6: 16%;
    --y-7: 13%;
    --c-7: hsla(227.6470588235294, 98%, 53%, 1);
    --x-7: 90%;
    --c-8: hsla(166.53061224489795, 71%, 60%, 0.32);
    --y-8: 56%;
    --x-8: 104%;
    --c-9: hsla(219.2079207920792, 83%, 23%, 0.18);
    --y-9: 19%;
    --x-9: 97%;
    ;
    background-color: var(--wp--preset--color--contrast);
    background-image: radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) var(--s-start-0), transparent var(--s-end-0)), radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) var(--s-start-1), transparent var(--s-end-1)), radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) var(--s-start-2), transparent var(--s-end-2)), radial-gradient(circle at var(--x-3) var(--y-3), var(--c-3) var(--s-start-3), transparent var(--s-end-3)), radial-gradient(circle at var(--x-4) var(--y-4), var(--c-4) var(--s-start-4), transparent var(--s-end-4)), radial-gradient(circle at var(--x-5) var(--y-5), var(--c-5) var(--s-start-5), transparent var(--s-end-5)), radial-gradient(circle at var(--x-6) var(--y-6), var(--c-6) var(--s-start-6), transparent var(--s-end-6)), radial-gradient(circle at var(--x-7) var(--y-7), var(--c-7) var(--s-start-7), transparent var(--s-end-7)), radial-gradient(circle at var(--x-8) var(--y-8), var(--c-8) var(--s-start-8), transparent var(--s-end-8)), radial-gradient(circle at var(--x-9) var(--y-9), var(--c-9) var(--s-start-9), transparent var(--s-end-9));
    animation: hero-gradient-animation-1 4s linear infinite alternate;
    background-blend-mode: lighten;
}

@keyframes hero-gradient-animation-2 {
    0% {
        --c-0: hsla(227.64705882352945, 100%, 8%, 0.89);
        --x-0: 11%;
        --s-start-0: 37%;
        --s-end-0: 90%;
        --y-0: 96%;
        --c-1: hsla(235.58823529411765, 75%, 37%, 0.85);
        --s-start-1: 31%;
        --s-end-1: 84%;
        --y-1: 89%;
        --x-1: 92%;
        --s-start-2: 41%;
        --s-end-2: 61%;
        --c-2: hsla(227.78005831035574, 0%, 0%, 0.95);
        --x-2: 58%;
        --y-2: 7%;
        --c-3: hsla(225.00000000000003, 60%, 35%, 0.92);
        --s-start-3: 22%;
        --s-end-3: 59%;
        --y-3: 35%;
        --x-3: 62%;
        --x-4: 2%;
        --y-4: 63%;
        --c-4: hsla(217.99999999999997, 34%, 59%, 0.92);
        --s-start-4: 19%;
        --s-end-4: 70%;
    }

    100% {
        --c-0: hsla(235.58823529411765, 71%, 21%, 0.88);
        --x-0: 6%;
        --s-start-0: 29%;
        --s-end-0: 73%;
        --y-0: 12%;
        --c-1: hsla(242.2058823529412, 68%, 51%, 0.87);
        --s-start-1: 8%;
        --s-end-1: 80%;
        --y-1: 6%;
        --x-1: 61%;
        --s-start-2: 29%;
        --s-end-2: 80%;
        --c-2: hsla(242.20588235294116, 71%, 36%, 0.88);
        --x-2: 75%;
        --y-2: 23%;
        --c-3: hsla(230.29411764705884, 75%, 75%, 0.95);
        --s-start-3: 2%;
        --s-end-3: 81%;
        --y-3: 64%;
        --x-3: 76%;
        --x-4: 41%;
        --y-4: 86%;
        --c-4: hsla(210.44117647058826, 75%, 15%, 0.86);
        --s-start-4: 24%;
        --s-end-4: 81%;
    }
}

@property --c-0 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(227.64705882352945, 100%, 8%, 0.89)
}

@property --x-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 11%
}

@property --s-start-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 37%
}

@property --s-end-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 90%
}

@property --y-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 96%
}

@property --c-1 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(235.58823529411765, 75%, 37%, 0.85)
}

@property --s-start-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 31%
}

@property --s-end-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 84%
}

@property --y-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 89%
}

@property --x-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 92%
}

@property --s-start-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 41%
}

@property --s-end-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 61%
}

@property --c-2 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(227.78005831035574, 0%, 0%, 0.95)
}

@property --x-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 58%
}

@property --y-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 7%
}

@property --c-3 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(225.00000000000003, 60%, 35%, 0.92)
}

@property --s-start-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 22%
}

@property --s-end-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 59%
}

@property --y-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 35%
}

@property --x-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 62%
}

@property --x-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 2%
}

@property --y-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 63%
}

@property --c-4 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(217.99999999999997, 34%, 59%, 0.92)
}

@property --s-start-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 19%
}

@property --s-end-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 70%
}

.animated-overlay-2.wp-block-cover::after {
	content: '';
	position: absolute;
	inset: 0;
	opacity: 0.2 !important;
    --c-0: hsla(227.64705882352945, 100%, 8%, 0.89);
    --x-0: 11%;
    --y-0: 96%;
    --c-1: hsla(235.58823529411765, 75%, 37%, 0.85);
    --y-1: 89%;
    --x-1: 92%;
    --c-2: hsla(227.78005831035574, 0%, 0%, 0.95);
    --x-2: 58%;
    --y-2: 7%;
    --c-3: hsla(225.00000000000003, 60%, 35%, 0.92);
    --y-3: 35%;
    --x-3: 62%;
    --x-4: 2%;
    --y-4: 63%;
    --c-4: hsla(217.99999999999997, 34%, 59%, 0.92);
    ;
    background-color: hsla(242.20588235294116, 93%, 25%, 1);
    background-image: radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) var(--s-start-0), transparent var(--s-end-0)), radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) var(--s-start-1), transparent var(--s-end-1)), radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) var(--s-start-2), transparent var(--s-end-2)), radial-gradient(circle at var(--x-3) var(--y-3), var(--c-3) var(--s-start-3), transparent var(--s-end-3)), radial-gradient(circle at var(--x-4) var(--y-4), var(--c-4) var(--s-start-4), transparent var(--s-end-4));
    animation: hero-gradient-animation-2 4s linear infinite alternate;
    background-blend-mode: normal, normal, normal, normal, normal;
}

@keyframes hero-gradient-animation-3 {
    0% {
        --x-0: 52%;
        --s-start-0: 5.192107995846314%;
        --s-end-0: 28.82903247805523%;
        --y-0: 55%;
        --c-0: hsla(324.0845070422536, 69%, 60%, 0.61);
        --y-1: 57%;
        --c-1: hsla(18.333333333333332, 87%, 48%, 0.83);
        --s-start-1: 10.430019105334893%;
        --s-end-1: 56.99147659571124%;
        --x-1: 51%;
    }

    50% {
        --x-0: 18%;
        --s-start-0: 5.192107995846314%;
        --s-end-0: 28.82903247805523%;
        --y-0: 34%;
        --c-0: hsla(324.0845070422536, 69%, 60%, 0.75);
        --y-1: 42%;
        --c-1: hsla(18.333333333333332, 87%, 48%, 0.83);
        --s-start-1: 9.651760651934062%;
        --s-end-1: 51.01482209931529%;
        --x-1: 75%;
    }

    100% {
        --x-0: 86%;
        --s-start-0: 5.192107995846314%;
        --s-end-0: 28.82903247805523%;
        --y-0: 70%;
        --c-0: hsla(324.0845070422536, 69%, 60%, 0.75);
        --y-1: 67%;
        --c-1: hsla(18.333333333333332, 87%, 48%, 0.83);
        --s-start-1: 8.731020284714111%;
        --s-end-1: 47.01937710929387%;
        --x-1: 23%;
    }
}

@property --x-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 52%
}

@property --s-start-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 5.192107995846314%
}

@property --s-end-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 28.82903247805523%
}

@property --y-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 55%
}

@property --c-0 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(324.0845070422536, 69%, 60%, 0.61)
}

@property --y-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 57%
}

@property --c-1 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(18.333333333333332, 87%, 48%, 0.83)
}

@property --s-start-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 10.430019105334893%
}

@property --s-end-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 56.99147659571124%
}

@property --x-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 51%
}

@property --y-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 52%
}

@property --c-2 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(106.00000000000003, 94%, 89%, 0.87)
}

@property --x-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 53%
}

@property --s-start-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 2%
}

@property --s-end-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 141.78768296603226%
}

@property --c-3 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(137, 93%, 64%, 0)
}

@property --x-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 39%
}

@property --y-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 52%
}

@property --s-start-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 6%
}

@property --s-end-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 68%
}

@property --c-4 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(201, 97%, 75%, 0)
}

@property --s-start-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 8%
}

@property --s-end-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 74%
}

@property --y-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 29%
}

@property --x-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 11%
}

.animated-overlay-3.wp-block-cover::after {
	content: '';
	position: absolute;
	inset: 0;
	opacity: 0.3 !important;
    --x-0: 52%;
    --y-0: 55%;
    --c-0: hsla(324.0845070422536, 69%, 60%, 0.61);
    --y-1: 57%;
    --c-1: hsla(18.333333333333332, 87%, 48%, 0.83);
    --x-1: 51%;
    --y-2: 52%;
    --c-2: hsla(106.00000000000003, 94%, 89%, 0.87);
    --x-2: 53%;
    --c-3: hsla(137, 93%, 64%, 0);
    --x-3: 39%;
    --y-3: 52%;
    --c-4: hsla(201, 97%, 75%, 0);
    --y-4: 29%;
    --x-4: 11%;
    ;
    background-color: hsla(211.1688311688312, 34%, 56%, 0.85);
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 3000 3000' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"), radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) var(--s-start-0), transparent var(--s-end-0)), radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) var(--s-start-1), transparent var(--s-end-1)), radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) var(--s-start-2), transparent var(--s-end-2)), radial-gradient(circle at var(--x-3) var(--y-3), var(--c-3) var(--s-start-3), transparent var(--s-end-3)), radial-gradient(circle at var(--x-4) var(--y-4), var(--c-4) var(--s-start-4), transparent var(--s-end-4));
    animation: hero-gradient-animation-3 5s linear infinite alternate;
    background-blend-mode: overlay, normal, normal, normal, normal, normal;
}

.wp-block-cover__inner-container,
.wp-block-cover__background {
    z-index: 2;
}