/*
Theme Name: Evoxo Theme
Theme URI:
Author: Wassily Zhabin
Author URI:
Description: A custom theme for Evoxo website
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.7
Version:
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: evoxo-theme
Tags:
*/

body {
	--wp--preset--color--custom-green: #00fb6b;
	--wp--preset--color--custom-dark-blue: #001599;
	--wp--preset--color--custom-blue: #0022FF;
	--wp--preset--color--custom-white: #ffffff;
}

/* Common */
body {
	/*scroll-margin-top: 150px;*/
}
.wp-site-blocks {
	padding-block: 0;
}

.ev-anchor {
	scroll-margin-top: 180px;
}

body:not(.post-template-default) .entry-content.wp-block-post-content {
	margin-top: -133px !important;
}
.ev-main__hero-test, .ev-gateway__hero, .ev-hero__dashboard {
	.wp-block-group>.wp-block-group>.wp-block-group {
		/*background-image: linear-gradient(90deg, rgba(77, 100, 255, 0.8) 0%, rgba(0, 34, 255, 0.8) 100%) !important;*/
		/*backdrop-filter: blur(20px);*/
	}
	overflow-y: visible;
	.ev-hero__layers {
		overflow-y: visible;
	}
	.ev-hero__layer {
		background-position-y: top;
	}
	.ev-hero__layers_7 {
		background-image: url('https://evoxo.io/wp-content/themes/evoxo-theme/assets/layers/hero_wave_wide_1.png');
	}
	.ev-hero__layers_6 {
		background-image: url('https://evoxo.io/wp-content/themes/evoxo-theme/assets/layers/hero_wave_wide_2.png');
	}
	.ev-hero__layers_5 {
		background-image: url('https://evoxo.io/wp-content/themes/evoxo-theme/assets/layers/hero_wave_wide_3.png');
	}
	.ev-hero__layers_4 {
		background-image: url('https://evoxo.io/wp-content/themes/evoxo-theme/assets/layers/hero_wave_wide_4.png');
	}
	.ev-hero__layers_3 {
		background-image: url('https://evoxo.io/wp-content/themes/evoxo-theme/assets/layers/hero_wave_wide_5.png');
	}
	.ev-hero__layers_2 {
		background-image: url('https://evoxo.io/wp-content/themes/evoxo-theme/assets/layers/hero_wave_wide_6.png');
	}
	.ev-hero__layers_1 {
		background-image: url('https://evoxo.io/wp-content/themes/evoxo-theme/assets/layers/hero_wave_wide_7.png');
	}
}

.wp-block-ev-blocks-ev-multi-background .ev-hero__layers:has(.ev-hero__wave-gradient) {
	overflow-y: unset;
}
.ev-grid-same-height {
	grid-auto-rows: 1fr;
}

.ev-gradient-265 {
	background-image: linear-gradient(265deg, #02f 0 5rem, #00fb6b 16rem, white 27rem);
}
.ev-gradient-65 {
	background-image: linear-gradient(65deg, #02f 0 5rem, #00fb6b 16rem, white 37rem);
}

.ev-gradient-30 {
	background-image: linear-gradient(30deg, #00fb6b 0 5rem, #02f 16rem, white 27rem);
}
.ev-gradient-340 {
	background-image: linear-gradient(340deg, #00fb6b 0 5rem, #02f 22rem, white 37rem);
}
.ev-gradient-300 {
	background-image: linear-gradient(340deg, #02f 0 2rem, #00fb6b 6rem, white 12rem);
}

@property --offset {
	syntax: "<number>";
	inherits: false;
	initial-value: 0;
}
.ev-gradient-140 {
	/*--angle: 190deg;*/
	/*--stop-1: -4rem;*/
	/*--stop-2: 3rem;*/
	/*--stop-3: 10rem;*/
	/*background-image: linear-gradient(190deg, #02f -4rem, #00fb6b 3rem, white 10rem);*/
	background-image: linear-gradient(190deg, #02f -2rem, #00fb6b 5rem, white 12rem);
	background-size: 150%;
	background-position: 0%;
	/*background-image: linear-gradient(var(--angle), #02f var(--stop-1), #00fb6b var(--stop-2), white var(--stop-3));*/
	transition: background-position 0.4s ease;
	/*transition-property: --angle, --stop-1, --stop-2, --stop-3;*/
	&:hover {
		/*--angle: 200deg;*/
		/*--stop-1: -2rem;*/
		/*--stop-2: 5rem;*/
		/*--stop-3: 12rem;*/
		/*background-position: 80%;*/
	}
}

/* may not be nested */
@property --rotate-deg {
	syntax: "<number>";
	inherits: false;
	initial-value: 0;
}
.ev-gradient-cone {

	transition: --rotate-deg 0.8s ease;
	--rotate-deg: 2;

	/* spread */
	background-image: conic-gradient(
		from calc(270deg + 1deg * var(--rotate-deg)) at 70% 100%,
		white 0 calc(45deg + 1deg * var(--rotate-deg)),
		#00fb6b calc(100deg + 1deg * var(--rotate-deg)),
		#02f 160deg calc(175deg + 1deg * var(--rotate-deg)),
		white calc(195deg - 1deg * var(--rotate-deg))
	);

	/* just rotate */
	/* background-image: conic-gradient(from calc(270deg + 1deg * var(--rotate-deg)) at 70% 100%, white 0 45deg, #00fb6b 100deg, #02f 160deg 175deg, white 190deg); */


	background-size: 100% 120%;
	background-position: 60% 0;
	background-repeat: no-repeat;
	&:hover {
		/* background-position: 70%; */
		--rotate-deg: -17;
	}
}

.ev-blur-50 {
	backdrop-filter: blur(50px);
}

body:not(.site-editor-php) div.ev-hover__scale {
	transition: clip-path 0.4s ease, --rotate-deg 0.8s ease;
	--grow: 8px;
	--radius: 16px;
	clip-path: inset(var(--grow) round var(--radius));
	margin: calc(-1 * var(--grow));
	position: relative;
	&:hover {
		clip-path: inset(0 round var(--radius));
	}
	&::after {
		content: '';
		transition: 0.4s ease;
		pointer-events: none;
		position: absolute;
		inset: var(--grow);
		/*border: 2px solid #f0f;*/
		/*border: 2px solid var(--wp--preset--color--custom-blue);*/
		/*border: 1px solid #0022FF80;*/
		border: 1px solid #0022FF;
		border-radius: var(--radius);
	}
	&:hover::after {
		inset: 0;
	}
}

.ev-anim__punch-in_container {

}
.ev-anim__punch-in_target {
	transition: clip-path 0.4s ease, --rotate-deg 0.8s ease;
	--grow: 4px;
	--shrink: 4px;
	--radius: 8px;
	clip-path: inset(var(--grow) round var(--radius));
	margin: calc(-1 * (var(--grow))) !important;
	position: relative;
	border-width: 0 !important;

	&::after {
		content: '';
		transition: 0.4s ease;
		pointer-events: none;
		position: absolute;
		inset: var(--grow);
		border: inherit;
		border-width: 1px;
		border-radius: var(--radius);
	}

	&.ev-anim__punch-in_active {
		clip-path: inset(0 round var(--radius));
		&::after {
			inset: 0;
		}
	}
	&.ev-anim__punch-in_active + & {
		clip-path: inset(calc(var(--grow) + var(--shrink)) var(--grow) var(--grow) var(--grow) round var(--radius));
		&::after {
			top: calc(var(--grow) + var(--shrink));
		}
	}
	&:has(+ .ev-anim__punch-in_active) {
		clip-path: inset(var(--grow) var(--grow) calc(var(--grow) + var(--shrink))  var(--grow) round var(--radius));
		&::after {
			bottom: calc(var(--grow) + var(--shrink));
		}
	}
	/*&:has(+ &.ev-anim__punch-in_active)::after {
		clip-path: inset(0 0 0 4px round var(--radius));
		&::after {
			bottom: 4px;
		}
	}*/
	/*> * {
		position: relative;
	}*/
	/*&.has-white-background-color {
		background: none !important;
		&::before {
			background: var(--wp--preset--color--white);
		}
	}*/
}


.ev-swiper__dots-wrapper {
	position: relative;
	overflow: hidden;
	/*width: 250px;*/
	display: flex;
	align-items: stretch;
	justify-content: stretch;
}
.ev-products__hero .ev-swiper__dots-wrapper {
	width: 250px;

}
.ev-swiper__dots {
	width: 100%;
	overflow-x: scroll;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch !important;
	justify-content: flex-start !important;
	gap: 16px;
	scroll-behavior: smooth;
	scroll-snap-type: both mandatory;
	scrollbar-width: none;
	border-radius: 8px;

	> div {
		scroll-snap-align: start;
		flex: 0 0 100%;
		padding-bottom: 40px !important;
	}
}
.ev-swiper__dots-nav {
	position: absolute;
	bottom: 1rem;
	left: 1rem;
	display: flex;
	gap: 5px;
}
.ev-swiper__dots-dot {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 0;
	behavior: none;
	background: var(--wp--preset--color--custom-dark-blue);
	opacity: 0.2;
	cursor: pointer;
}
.ev-swiper__dots-dot_active {
	opacity: 1;
}

.ev-contact-form {
	form {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 2rem;
		@media (max-width: 800px) {
			display: flex;
			flex-direction: column;
		}
	}
	.wpcf7-turnstile {
		grid-column: span 2;
	}
	.ev-form-small-fields {
		>p:last-child {
			margin-bottom: 0 !important;
		}
	}
	.ev-form-message, .ev-form-small-fields {
		/*display: flex;*/
		/*flex-direction: column;*/
		/*align-content: space-between;*/
		>p:last-child {
			margin-bottom: 0 !important;
		}
	}

}

.ev-contact-form, .ev-careers-form {
	form {
		.ev-form-submit {
			grid-column: span 2;
			.notice>p {
				text-align: start;
			}
			&>p {
				align-items: start !important;
				.wpcf7-submit {
					padding-inline: 3rem;
				}
			}
		}
		.wpcf7-not-valid-tip {
			color: #ff6767 !important;
		}
		.wpcf7-response-output {
			border-radius: 16px !important;
			padding-block: 1rem !important;
		}
	}
	select {
		padding: 0.6em 1em;
		background-color: var(--wp--preset--color--custom-white);
		color: var(--wp--preset--color--custom-dark-blue);
		border-radius: 16px;
		border: none;
		/*width: calc( 100% - 1em * 2 );*/
		width: 100%;
		font-size: 20px;
		margin-top: 5px;
		label {
		}
	}
	p {
		label {
			/*color: var(--wp--preset--color--custom-light-blue);*/
			font-size: 20px;
			letter-spacing: .05em;
		}
		input, textarea {
			margin-top: 5px;
			width: calc( 100% - 1em * 2 );
			max-width: inherit;
			font-size: 20px;
			border-radius: 16px;
			border: none;
			padding: 0.6em 1em;
			color: var(--wp--preset--color--custom-dark-blue);
			letter-spacing: .05em;
		}
	}
	p:has(input[value="Submit"]) {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-block-end: 0;
		input {
			width: fit-content;
			/*text-transform: uppercase;*/
			background-color: var(--wp--preset--color--custom-green);
			color: var(--wp--preset--color--custom-dark-blue);
			font-size: 28px;
			font-weight: 500;
			font-family: "Jura";
			padding: 0.4em 0.7em;
		}
	}
	input.wpcf7-file {
		color: white;
		padding: 0 !important;
		font-family: "Noto Sans";
		&::file-selector-button {
			color: var(--wp--preset--color--custom-dark-blue);
			background-color: white;
			padding: 0.7em 1.3em;
			margin-inline-end: 1rem !important;
			border: 1px solid white;
			border-radius: 10px;
		}
	}
	.notice {
		width: 100%;
		p {
			/*color: var(--wp--preset--color--custom-light-blue);*/
			text-align: center;
			a {
				color: var(--wp--preset--color--custom-green);
			}
		}
	}
}

.ev-pattern-gradient {
	background-image: linear-gradient(230deg, white 30%, transparent 60%), url('https://evoxo.io/wp-content/uploads/2026/03/logo_pattern_blue_transparent_bg_landscape-scaled.png')	!important;
}


/* Header */
.ev-header-menu {
	backdrop-filter: blur(30px);
	filter: saturate(150%);
}
.ev-header-fixed {
	@media (max-width: 600px) {
		header>div {
			padding-top: 0 !important;
			.ev-header-menu {
				border-radius: 0 !important;
				backdrop-filter: none !important;
				background-color: var(--wp--preset--color--custom-blue) !important;
				.wp-block-site-logo {
					img {
						height: 20px;
					}
				}
				nav {
					flex-grow: 0;
				}
			}
		}
		.wp-block-navigation__responsive-container {
			/*height: fit-content !important;*/
			background-color: var(--wp--preset--color--custom-blue) !important;
			&.has-modal-open {
				height: 100dvh !important;
				/*height: fit-content !important;*/
			}
			.wp-block-navigation__responsive-container-content {
				/*justify-content: flex-start !important;*/
				padding-top: 0.3rem;
				padding-bottom: 2rem;
				/*align-items: flex-start !important;*/
				/*overflow-y: auto !important;*/
				.wp-block-navigation__container {
					li>span {
						/*font-size: 23px;*/
						/*display: none;*/
						/*color: white !important;*/
					}
					li:first-child>span {
						/*display: block;*/
						/*font-weight: 600;*/
						/*padding-bottom: 0.6rem;*/
					}
					.wp-block-ev-blocks-ev-mega-menu__menu-container {
						&>div {
							border-color: unset !important;
							border-width: 0 !important;
							background-color: unset !important;
							&>div {
								padding-block: .4rem !important;
								&>div {
									gap: .1em !important;
									p, a {
										color: var(--wp--preset--color--custom-white) !important;
									}
								}

							}
						}
					}
				}
			}
		}
	}
}

/* Footer */
footer {
	margin-block-start: 0;
	a {
		text-decoration: none !important;
	}
	.ev-footer-grid {
		padding-inline: 1rem;
		@media (max-width: 600px) {
			/*grid-template-columns: 1fr !important;*/
			display: flex !important;
			flex-direction: column;
			&>figure {
				/*grid-column: sapn 1 !important;*/
			}
		}
	}
}

/* Main */
.ev-main__hero {
	@media screen and (max-width: 600px){
		padding-top: 40vh !important;
		h2 {
			font-size: 28px !important;
		}
		>div:nth-child(2) {
			padding-right: 2rem !important;
			padding-left: 2rem !important;
			>div>div {
				padding-right: 1rem !important;
				padding-left: 1rem !important;
			}
		}
		.ev-hero__wave-gradient {
			top: -150px !important;
		}
	}
}
.ev-main__hero-last {
	backdrop-filter: blur(20px) saturate(150%);
	@media (max-width: 600px) {

	}
}

/*
.ev-main__hero_old {
	.ev-leeks {
		background-image: url('https://evoxo.io/wp-content/themes/evoxo-theme/assets/layers/hero_waves_all.png');
	}
	.ev-hero__layers_7 {
		background-image: url('https://evoxo.io/wp-content/themes/evoxo-theme/assets/layers/hero_wave_7.png');
	}
	.ev-hero__layers_6 {
		background-image: url('https://evoxo.io/wp-content/themes/evoxo-theme/assets/layers/hero_wave_6.png');
	}
	.ev-hero__layers_5 {
		background-image: url('https://evoxo.io/wp-content/themes/evoxo-theme/assets/layers/hero_wave_5.png');
	}
	.ev-hero__layers_4 {
		background-image: url('https://evoxo.io/wp-content/themes/evoxo-theme/assets/layers/hero_wave_4.png');
	}
	.ev-hero__layers_3 {
		background-image: url('https://evoxo.io/wp-content/themes/evoxo-theme/assets/layers/hero_wave_3.png');
	}
	.ev-hero__layers_2 {
		background-image: url('https://evoxo.io/wp-content/themes/evoxo-theme/assets/layers/hero_wave_2.png');
	}
	.ev-hero__layers_1 {
		background-image: url('https://evoxo.io/wp-content/themes/evoxo-theme/assets/layers/hero_wave_1.png');
	}
}
*/


.ev-main__hero {
	overflow: clip;
}

.ev-hero__wave-gradient {
	/*top: unset !important;*/
	/*translate: 0 15%;*/
	translate: 0 25%;
	height: 500pt;
	/*transform: skewY(9deg);*/
	/*transform: rotate(35deg) translateY(-7vw);*/
	transform: rotate(17deg) translateY(-2vw);
}

.ev-main-demand {
}

.ev-main-cases-wrapper {

}
.ev-main-cases-grid>div {

}
.ev-main__cases-card-blue {
	background-color: var(--wp--preset--color--custom-blue);
	h3, p, a {
		color: var(--wp--preset--color--custom-white);
		text-decoration: none;
	}
}
.ev-main__cases-card-green {
	background-color: var(--wp--preset--color--custom-green);
	h3, p, a {
		color: var(--wp--preset--color--custom-dark-blue);
		text-decoration: none;
	}
}
.ev-main__cases-card-white {
	background-color: var(--wp--preset--color--custom-white);
	border: 1px solid var(--wp--preset--color--custom-blue);
	h3, p, a {
		color: var(--wp--preset--color--custom-dark-blue);
		text-decoration: none;
	}

}

.ev-swiper__cards-outer {
	position: relative;
	overflow: hidden;
	width: auto;
	margin-inline: calc(-1 * var(--wp--style--root--padding-left)) !important;
	padding-inline: calc(max(var(--wp--style--root--padding-left), (100vw - var(--wp--style--global--wide-size)) / 2 - var(--wp--style--root--padding-left)));
}

.ev-swiper__cards {
	position: relative;
	margin-inline: 0 !important;
	>div {
		width: 250px;
		flex: 0 0 250px;
	}
	>div>div {
		width: 100%;
	}
}

.ev-main__cases_spacer {
	/*width: calc(( 100vw - 1200px ) / 2 ) !important;*/
}

.ev-hero__card {
	backdrop-filter: blur(24px) saturate(150%) contrast(150%);
}

.ev-main-demand {
	@media (max-width: 600px) {
		grid-template-columns: 1fr !important;
		grid-auto-columns: 1fr !important;
	}
}

@property --easy-offset {
	syntax: "<rem>";
	inherits: false;
	initial-value: 0;
}


.ev-main__easy {
	grid-template-columns: 1fr 46px 1fr 46px 1fr 46px 1fr;

	.ev-main__easy-card {
		transition: --easy-offset 0.8s ease;
		--easy-offset: 0rem;

		background-origin: border-box;
		background-image: linear-gradient(340deg, #02f 0 2rem, #00fb6b 6rem, white 12rem);
		&:nth-child(1) {
			background-image: linear-gradient(
				350deg,
				#02f 0 calc(0rem + var(--easy-offset)),
				#00fb6b calc(4rem + var(--easy-offset)),
				white calc(10rem + var(--easy-offset))
			);
		}
		&:nth-child(3) {
			background-image: linear-gradient(
				340deg,
				#02f 0 calc(1rem + var(--easy-offset)),
				#00fb6b calc(5rem + var(--easy-offset)),
				white calc(11rem + var(--easy-offset))
			);
		}
		&:nth-child(5) {
			background-image: linear-gradient(
				330deg,
				#02f 0 calc(2rem + var(--easy-offset)),
				#00fb6b calc(6rem + var(--easy-offset)),
				white calc(12rem + var(--easy-offset))
			);
		}
		&:nth-child(7) {
			background-image: linear-gradient(
				320deg,
				#02f 0 calc(3rem + var(--easy-offset)),
				#00fb6b calc(7rem + var(--easy-offset)),
				white calc(14rem + var(--easy-offset))
			);
		}

		&:hover {
			/* background-position: 70%; */
			/*--easy-offset: 1rem;*/
		}

	}

}

/* Products */
/* Gateway */
/* Dashboard */
/* Solutions */
.ev-solutions__payment-page, .ev-solutions__we-serve {
	scroll-margin-top: 150px;
}
.ev-solutions__cta .wp-block-buttons {
	margin-inline: 0 !important;
	max-width: 300px;
}

/* Company */





.ev-products__gateway {
	background-image: url("https://evoxo.io/wp-content/themes/evoxo-theme/assets/images/products_payment_gateway.webp");
	background-repeat: no-repeat;
	/*background-size: 90%;*/
	background-size: 70rem;
	background-position: calc(50% - 300px) 80%;
}
.ev-products__dashboard {
	background-image: url("https://evoxo.io/wp-content/themes/evoxo-theme/assets/images/laptop_rendered_not_green_2k_v6.webp");
	background-repeat: no-repeat;
	/*background-size: 90%;*/
	background-size: 110rem;
	background-position: calc(50% + 100px) 50%;
}
.ev-products__exchange {
	background-image: url("https://evoxo.io/wp-content/themes/evoxo-theme/assets/images/products-excange-v3.webp");
	background-repeat: no-repeat;
	/*background-size: 90%;*/
	background-size: auto 100%;
	background-position: calc(50% + 300px) 50%;
}
.ev-products__card {
	border-width: 0 !important;
	box-shadow: none !important;
	backdrop-filter: blur(30px);
	background-color: #FFF0 !important;
}


.ev-company__careers-grid {
/*	Add gradient  */
	/*
	position: relative;
	&::before {
		content: '';
		position: absolute;
		inset: 0;
		background-image: linear-gradient(63deg, var(--wp--preset--color--custom-green) 20%, transparent 40%);
	}
	*/
	mask: linear-gradient(63deg, transparent 20%, black 40%)
}


.ev-company__mission-swiper {
	width: 100%;
}

.ev-hero__dashboard {
	/*height: 70vh;*/
	/*display: flex;*/
	/*vertical-align: center;*/
	.ev-hero__layers {
		/*
		.ev-multi-bg__layer {
			background-position-x: calc(50% - 300px);
			background-position-y: calc(50% + 2rem);
			background-size: contain;
			inset: 0 !important;
		}
		*/
		.ev-hero__dashboard-2 {
			background-image: url('https://evoxo.io/wp-content/themes/evoxo-theme/assets/images/merchant_dashboard_hero_laptop.webp');

		}
		.ev-hero__dashboard-3 {
			background-image: url('https://evoxo.io/wp-content/themes/evoxo-theme/assets/images/merchant_dashboard_hero_smartphone.webp');

		}
		.ev-hero__dashboard-4 {
			background-image: url('https://evoxo.io/wp-content/themes/evoxo-theme/assets/images/merchant_dashboard_hero_pie_chart.webp');

		}
	}
}

.ev-hero__gateway {
	/*height: 70vh;*/
	/*display: flex;*/
	/*vertical-align: center;*/
	.ev-hero__layers {
		/*
		.ev-multi-bg__layer {
			background-position-x: calc(50% - 300px);
			background-position-y: calc(50% + 2rem);
			background-size: contain;
			inset: 0 !important;
		}
		*/
		.ev-hero__gateway-2 {
			background-image: url('https://evoxo.io/wp-content/themes/evoxo-theme/assets/images/payment_gateway_desktop.webp');

		}

		.ev-hero__gateway-3 {
			background-image: url('https://evoxo.io/wp-content/themes/evoxo-theme/assets/images/payment_gateway_phone.webp');

		}

		.ev-hero__gateway-4 {
			background-image: url('https://evoxo.io/wp-content/themes/evoxo-theme/assets/images/payment_gateway_arrows.webp');

		}
	}
}

.ev-hero__gateway, .ev-hero__dashboard {
	.ev-hero__layers {
		>div[class*='ev-hero__gateway-'] {
			background-position-x: calc(50% + 300px);
			/*background-position-y: calc(50% + 2rem);*/
			background-position-y: 50%;
			background-size: contain;
			inset: 0 -200px !important;
		}
		>div[class*='ev-hero__dashboard-'] {
			background-position-x: calc(50% - 300px);
			/*background-position-y: calc(50% + 2rem);*/
			background-position-y: 50%;
			background-size: contain;
			inset: 0 -200px !important;
		}
		>div[class*='ev-hero__layers_'] {
			/*opacity: .6;*/
			/*background-position-y: calc(50% + 4rem);*/
			/*background-position-y: calc(50% + (50% * (100% / 100vw)));*/
			/*background-position-y: 50%;*/
			background-position-y: 100%;
			background-color: #FFF6;
			inset-block: 0 !important;
		}
	}
}


.ev-gateway__brand {
	background-position-x: calc(50% - 160px);
	background-position-y: calc(50% + 2rem);
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url('https://evoxo.io/wp-content/themes/evoxo-theme/assets/images/brand_2.webp');

}

.ev-solutions__we-serve_enterprises[style] {
	background-size: 55% !important;
	background-position: 90% 90% !important;
}

.ev-solutions__we-serve_fintech[style] {
	background-size: 50% !important;
	background-position: 90% 50% !important;
}


.ev-dashboard__card-grid {
	grid-auto-rows: 1fr;
	grid-row-gap: 10rem;
	.wp-block-group:has(.wp-block-group) {
		height: 100%;
	}
}

.ev-blog-block {
	&.wp-block-latest-posts {
		a.wp-block-latest-posts__post-title {
			/*display: none;*/
			font-family: "Jura";
			font-size: 28px;
			font-weight: 500;
			text-decoration: none;
		}
	}
}

h2.wp-block-heading {
	a {
		text-decoration: none;
	}
}

.ev-products__modules {
	background-position: calc(50vw - 300px) !important;
}


.ev-hero__card {

}

/* Solutions */
div[class*=ev-solutions__].ev-sunset {
	position: sticky;
	top: max(140px, 17vh);
	@media (max-height: 800px) {
		position: static;
	}
}
/* Gateway */
div[class*=ev-gateway__].ev-sunset {
	position: sticky;
	top: 150px;
	@media (max-height: 800px) {
		position: static;
	}
}

.ev-main__wallet-app {
	img {
		width: auto !important;
		height: 34rem !important;
	}
}

.ev-main__cards-flip {
	position: relative;
	>div:first-child {

	}
	>div:last-child {
		position: absolute;
		inset: 0;
		opacity: 0;
		transition: opacity .5s ease;
		backdrop-filter: blur(12px);
		&:hover {
			opacity: 1;
		}
	}
}

.ev-main__blog, .ev-blog__body {
	.wp-block-post {
		display: flex;
		flex-direction: column;
		height: 100%;
		.wp-block-post-excerpt {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			flex-grow: 2;
		}
	}
	.wp-block-post-excerpt__more-link {
		 text-decoration: none;
		 font-weight: 600;
		 padding: 0.6em 1.3em;
		 background-color: var(--wp--preset--color--custom-blue);
		 color: var(--wp--preset--color--custom-white);
		 border-radius: 12px;
		 font-family: var(--wp--preset--font-family--jura);
		 font-size: 22px;
		 /*letter-spacing: 0.2rem;*/
	}
}
.ev-company__always {
	figure {
		/*width: 40px !important;*/
		flex: 1 0 40px !important;
	}
}



@media (max-width: 800px) {
	body {
		.is-layout-grid {
			/* fuck this, fuck that, fuck all of these */
			display: flex;
			flex-direction: column;
		}
		.ev-main__hero-last > div {
			padding-block: 24px !important;
		}
		.is-layout-grid .wp-block-image.size-full img {
			max-height: 30vh;
			max-width: 100%;
			width: auto !important;
			height: auto !important;
		}
		.ev-main__payment-page {
			.ev-main__payment-page__image {
				aspect-ratio: 556 / 363 !important;
			}
		}
		.ev-main__numbers.is-layout-grid {
			display: grid;
			grid-template-columns: 1fr 1fr;
			padding-block: 20px !important;
		}
		.ev-main__security {
			margin-block: 1rem !important;
		}
		.ev-main__easy.has-global-padding {
			padding-block: 4rem !important;
		}
		.ev-main__easy.is-layout-grid {
			gap: 0;
			div:nth-child(2n) {
				transform: rotate(90deg) scale(0.7);
				/*margin-block: -16px;*/
				margin-block: 4px;
			}
		}
		.wp-block-latest-posts.is-grid li {
			margin-right: 0;
		}
		.ev-products__modules[style] {
			background-size: 160% !important;
			background-position: center 35rem !important;
			margin-bottom: 0 !important;
			padding-bottom: 12rem !important;
		}
		.ev-products__gateway[style] {
			padding-top: 16rem !important;
			margin-top: 0 !important;
			background-position: -50% top;
			background-size: auto 23rem;
		}
		.ev-products__dashboard[style] {
			padding-top: 16rem !important;
			margin-top: 0 !important;
			background-position: 70% -8%;
			background-size: 200% auto;
		}
		.ev-products__wallet {
			&[style] {
				padding-top: 0 !important;
			}
			>div {
				>div:first-child {
					height: 24rem !important;
				}
			}
		}
		.ev-products__exchange[style] {
			padding-top: 16rem !important;
			margin-top: 0 !important;
			background-position: 0% -3%;
			background-size: 110% auto;
		}
		.ev-gateway__brand[style] {
			background-size: 130% !important;
			background-position: 30% 45rem !important;
			margin-bottom: 0 !important;
			padding-bottom: 16rem !important;
		}

		.ev-sunset {
			position: static;
			&[style] {
				margin-block: 1rem !important;
				padding-bottom: 0 !important;
			}
		}
		.ev-solutions__we-serve_fintech {
			&[style] {
				padding-bottom: 18rem !important;
				background-position: center 96% !important;
			}
		}
		.ev-solutions__we-serve_enterprises {
			&[style] {
				padding-bottom: 13rem !important;
				background-position: center 98% !important;
			}
			>ul[style] {
				padding-right: 0 !important;
			}
		}
		.ev-solutions__sunset-image .wp-block-spacer {
			height: 300px !important;
 		}

 		.ev-company__careers-grid {
			padding: 0 !important;
			mask-image: none !important;
			>div:not(:has(p)) {
				display: none;
			}
		}
		.ev-company__mission .ev-swiper__dots-wrapper {

		}
		footer>div {
			>div:nth-child(2)>div, >div:nth-child(3) {
				flex-direction: column;
				>figure {
					max-width: 200px;
					flex-basis: auto;
				}
			}
		}
	}
	.ev-hero__gateway {
		>div:last-child {
			padding-top: 16rem !important;
		}
	}
	.ev-hero__gateway, .ev-hero__dashboard {
		.ev-hero__layers {
			>div[class*='ev-hero__gateway-'] {
				inset: -100px 0 50% 0 !important;
				background-position-x: center !important;
				background-position-y: -20% !important;
				background-size: 150%;
			}
			>div[class*='ev-hero__dashboard-'] {
				inset: 0 0 50% 0 !important;
				background-position: 50% !important;
				background-size: 150%;
			}
			>div[class*='ev-hero__layers_'] {

			}
		}
	}
}