/*
Theme Name: EitherWay Theme
Theme URI: 
Author: Wassily Zhabin
Author URI: 
Description: A custom theme for the EitherWay website
Requires at least: 6.8
Tested up to: 6.8
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: eitherway-theme
Tags: 
*/

.ew-menu {
	ul {
		overflow: hidden;
		li {
			overflow: hidden;
		}
		li>a::after, .wp-block-create-block-mega-menu-block>span::after {
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			width: 3em;
			height: 0.2em;
			background-color: var(--wp--preset--color--ew-orange);
			opacity: 0;
			transform: translate3d(-100%, 0, 0);
			transition: opacity 300ms, transform 300ms;
		}
		li>a:hover::after, .wp-block-create-block-mega-menu-block>span:hover::after, h2:hover::after,
		li>a:focus::after, .wp-block-create-block-mega-menu-block>span:focus::after, h2:focus::after {
			transform: translate3d(0, 0, 0);
			opacity: 1;
		}
		h2 {
			position: relative;
			overflow: hidden;
			padding-top: 0.3em;
		}
		h2::after {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 30%;
			height: 0.2em;
			background-color: var(--wp--preset--color--ew-orange);
			opacity: 0;
			transform: translate3d(-100%, 0, 0);
			transition: opacity 300ms, transform 300ms;
		}
	}
}

.ew-main-hero__images {
	overflow: clip;
	&>.wp-block-group {
		align-items: center;
		width: 85vw;
		max-width: 2000px;
		justify-content: center;
	}
	.ew-hero-background-layer::after {
		content: "";
		position: absolute;
		inset: 0;
		background: rgba(0, 56, 102, 0.4);
	}
}

.ew-main-hero__text {
	overflow: visible;
	width: fit-content;
	.ew-flying-header-placeholder, .ew-flying-header {
		/*font-size: 170px;*/
		font-size: min(13vh, 10vw);
		/*font-size: 10vw;*/
		font-weight: 900;
		text-transform: uppercase;
		line-height: 0.9em;
		color: white;
	}
	.ew-flying-header-placeholder {
		visibility: hidden;
	}
	.ew-flying-wrapper {
		overflow: clip;
		position: relative;
		height: 100%;
		.ew-flying-header {
			position: absolute;
			inset: auto;
		}
	}
}

.ew-main__soon {
	.ew-main__soon-soon {
		margin-top: -.5em;
	}
	li {
		list-style-type: "\2713";
		padding-left: .5em;
		&::marker {
			font-size: 150%;
			color: var(--wp--preset--color--ew-orange);
		}
	}
}

.ew-main-worldwide {
	overflow: clip;
	.ew-main-worldwide__cards {
		>.wp-block-group {
			backdrop-filter: blur(12px);
		}
	}
	.wp-block-columns {
		z-index: 1;
	}
}

.ew-acquiring__currency {
	.wp-block-cover__background {
		background-image: linear-gradient(to right, transparent 5%, var(--wp--preset--color--ew-blue) 50%) !important;
		background-color: unset !important;
		opacity: 1 !important;

	}
}

.ew-acquiring__lines {
	&>.wp-block-group {
		padding-top: 2rem;
		/*margin-top: 2rem;*/
		/*border-top: 2px solid var(--wp--preset--color--ew-blue);*/
		border-top-width: 2px;
		/*border-width: 2px;*/
		border-top-style: solid;
		/*border-style: solid;*/
		border-image: linear-gradient(to right, #036, white) 1;
		transition-duration: 0.4s !important;
		&:hover {
			border-image: linear-gradient(to right, #EB6600, white) 1;
		}
	}
}

.ew-processing-steps__text {
	grid-auto-rows: 1fr;
	/*transition: .5s;*/
	* {
		/*transition: .4s;*/

	}
	>div>.wp-block-group {
		/*opacity: 0;*/
		&::before {
			content: "";
			position: absolute;
			inset: 0;
			/*opacity: 0;*/
			transition-property: opacity;
		}
		li {
			/*transition-duration: 1ms !important;*/
		}
	}

	>div:hover {
		/*transition: .5s;*/

		>.wp-block-group {
			/*transition: .5s;*/

			&::before {
				/*transition: .5s;*/

				backdrop-filter: blur(12px);
				content: "";
				position: absolute;
				inset: 0;
				background-color: #00386666;
				z-index: -1;
				border-radius: 16px;
				opacity: 1;
			}
			position: relative;
			z-index: 1;
			background-image: url('../../uploads/2025/08/office_1-edited.webp');
			background-size: cover;
			color: white !important;
			opacity: 1;
			h3 {
				color: white !important;
			}
		}
	}
	>div>div {
		height: 100%;
	}
	>.wp-block-group {
		transition: .5s !important;
		&::before {
			transition: .5s !important;
			opacity: 0;
		}
	}
}



.ew-processing__steps-layout {
	grid-template-columns: 3fr 6fr;
}



.ew-processing__steps-active>* {
	/*transition: .5s !important;*/
}
.ew-processing__steps-active>.wp-block-group {
	position: relative;
	z-index: 1;
	background-image: url('http://either-way.com/wp-content/uploads/2025/08/office_1-edited.webp');
	background-size: cover;
	color: white !important;
	h3 {
		color: white !important;
	}
}
.ew-processing__steps-active>.wp-block-group::before {
	/*transition: .5s;*/
	backdrop-filter: blur(12px);
	content: "";
	position: absolute;
	inset: 0;
	/*background: rgba(0, 56, 102, 0.4);*/
	background-color: #00386666;
	z-index: -1;
	border-radius: 16px;
	opacity: 100%;
}

.ew-pattern__overlay-shadow {
	>* {
		text-shadow: 0 0 140px #003866;
	}
}

.ew-pattern__wpath {
	background-image: url("assets/images/patterns/alotofw.svg");
	background-position: 80% center;
}

.ew-contact-form {
	font-size: 20px;
	line-height: 1.5rem;
	/*color: var(--wp--preset--color--ew-blue);*/
	/*color: var(--wp--preset--color--ew-blue);*/

	form {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 2rem;
	}

	p:has(input[type="submit"]) {
		grid-column: 2;
		input {
			background-color: white;
			font-family: var(--wp--preset--font-family--system-font), sans-serif;
			padding: 0.8rem 1.2rem;
		}
	}

	input, textarea, select {
		font-size: 20px;
		line-height: 1.5rem;
		padding: 0.6rem;
		margin-block-start: 0.8rem;
		border: 1px solid var(--wp--preset--color--ew-blue);
		color: var(--wp--preset--color--ew-blue);
		border-radius: 6px;
	}
	p textarea {
		/*width: 80%;*/
		width: 96.1%;
		height: 11.5em;
	}
	p select {
		width: 83%;
	}


	.ew-form-submit {
		grid-column: span 2;
		a {
			text-decoration: underline;
		}
	}

	p:has(.wpcf7-acceptance) {
		padding-inline-end: 15rem;
		.wpcf7-acceptance {
			.wpcf7-list-item-label {
				font-size: 18px;
				line-height: 1.6em;
			}
		}
	}

	.ew-red {
		color: red;
	}
}

.ew-anim__rise {
	transition: .6s;
	&:hover {
		scale: 1.05;
		box-shadow:
				0px 18px 36px -18px rgba(0,0,0,0.1),
				10px 30px 15px -30px rgba(50,50,93,0.1) !important;
	}
}

.ew-cta-pattern {
	/*background-image: url("data:image/svg+xml;utf8,<svg width='100%' height='100%' xmlns:xlink='http://www.w3.org/1999/xlink'><defs><pattern id='pattern-cubes' patternUnits='userSpaceOnUse' width='80' height='128' viewBox='0 0 80 128'><path stroke='#004286' d='M0 0l40 24M40 24l40-24M40 24v40M80 0v40M0 40l80 48M0 88l80-48M40 64v40M80 88v40M0 128l40-24M40 104l40 24'/></pattern></defs><rect width='100%' height='100%' fill='#036' /><rect width='100%' height='100%' id='canvas' fill='url(#pattern-cubes)'/></svg>");*/
	background-image: url("assets/images/patterns/cubes.svg");
	background-attachment: fixed;
	background-size: 100% 100%;
	background-repeat: no-repeat;

	.ew-cta-blur {
		backdrop-filter: blur(5px);
	}
}

.ew-video__corners {
	video {
		border-radius: 16px;
	}
}

body:not(.block-editor-iframe__body) .ew-flip__outer {
	perspective: 1000px;
	&:hover>.ew-flip__inner {
		&.ew-flip__horiz {
			rotate: x 180deg;
		}
		rotate: y 180deg;
	}
	.ew-flip__inner {
		position: relative;
		transition: 0.8s;
		transform-style: preserve-3d;
		width: 100%;
		height: 100%;
		>div {
			position: absolute;
			inset: 0;
			backface-visibility: hidden;
			&:last-child {
				rotate: y 180deg;
			}
		}
		&.ew-flip__horiz {
			>div:last-child {
				rotate: x 180deg;
			}
		}
	}
}

.ew-card__blurred {
	/*position: relative;*/
	overflow: clip;
	&::before {
		content: "";
		position: absolute;
		inset: 0;
		backdrop-filter: blur(7px);
		background-color: #00336644;
	}
}

.ew-header {
	@media (max-width: 600px) {
		&>.wp-block-group {
			padding-block: 0.5rem !important;
		}
		.wp-block-site-logo {
			display: flex;
			justify-content: center;
			flex-basis: unset;
			img {
				max-width: 130px;
			}
		}
		.wp-block-buttons {
			a {
				padding: 0.3em 0.6em;
			}
		}
		nav {
			order: -1;
		}
		.wp-block-navigation__responsive-container {
			.wp-block-navigation__responsive-close {
				margin: 0px;
				max-width: 90vw;
			}
			.wp-block-navigation__responsive-container-content {
				/*justify-content: flex-start !important;*/
				padding-top: 0.3rem;
				align-items: flex-start !important;
				.wp-block-navigation__container {
					align-items: flex-start;
					li span {
						font-size: 23px;
						/*display: none;*/
						font-weight: 600;
					}
					li:first-child>span {
						display: block;
						font-weight: 600;
						padding-bottom: 0.6rem;
						&::after {
							content: unset;
						}
					}
					h2 {
						font-size: 20px !important;
						line-height: 1.2em;
					}
					p {
						font-size: 14px !important;
						margin-top: 1.5em;
					}
				}
			}
		}
	}
	.wp-block-group:has(nav), .wp-block-buttons {
		flex-shrink: 0;
	}

}

.ew-footer {
	@media (max-width: 600px) {
		.wp-block-spacer {
			display: none;
		}
		>.wp-block-group:first-child {
			flex-direction: column;
			align-items: flex-start;
			gap: 1rem;
			>div[style] {
				padding-block: 1rem !important;
				/*padding-bottom: 1rem !important;*/
				gap: .7rem;
			}
			img {
				width: 250px;
			}
		}
	}
}

.ew-main-hero__images {
	@media (max-width: 600px) {
		>.wp-block-group {
			padding: 0 !important;
			min-height: 40vh !important;
			container-type: size;
		}
		.wp-block-create-block-ew-transaprent-mockups {
			display: none;
		}
		.ew-main-hero__text {
			width: 100cqw;
			.ew-flying-wrapper {
				height: 10em;
			}
			.ew-flying-header {
				font-size: 13vw;
			}
		}
	}
}

.ew-main-solutions {
	@media (max-width: 600px) {
		h1 {
			font-size: 69px !important;
			line-height: 1em !important;
		}
		p {
			font-size: 23px !important;
			line-height: 1.3em !important;
		}
	}
}

.ew-main-acquiring {
	@media (max-width: 600px) {
		>.wp-block-group:first-child {
			flex-direction: column-reverse;
			h2 {
				font-size: 56px !important;
				line-height: 1em !important;
			}
		}
		.ew-main-four_cards {
			grid-template-columns: 1fr;
			width: 90vw;
			.ew-anim__rise {
				pointer-events: none;
			}
			>.wp-block-group {
				/*padding-inline: 1rem !important;*/
			}
		}
		>.wp-block-group:last-child {
			padding: 0 !important;
			flex-direction: column;
			row-gap: 2rem;
		}
	}
}

.ew-main-custom {
	@media (max-width: 600px) {
		>section {
			>.wp-block-group:first-child {
				flex-direction: column-reverse;
				max-width: 90vw;
				h2 {
					font-size: 56px !important;
					line-height: 1em !important;
				}
			}
			>.wp-block-group.is-layout-grid {
				grid-template-columns: 1fr;
				>div {
					pointer-events: none;
				}
			}
			>.wp-block-group:last-child {
				flex-direction: column;
			}
		}
	}
}

.ew-main-processing {
	@media (max-width: 600px) {
		>div:first-child {
			flex-direction: column;
			max-width: 90vw;
			h2 {
				/*font-size: 70px;*/
				line-height: 1em;
			}
		}
		>div:last-child {
			flex-direction: column;
		}
	}
}

.ew-main-worldwide {
	@media (max-width: 600px) {
		section {
			>div {
				max-width: 90vw;
			}
			>div:first-child {
				grid-template-columns: 1fr;
				>div:first-child {
					z-index: 1;
					max-width: 90vw;
					h2 {
						line-height: 1em;
						font-size: 14vw !important;
					}
				}
				>div:last-child {
					height: 8rem;
				}
			}
			.ew-main-worldwide__cards {
				grid-template-columns: 1fr;
			}
			>div:last-child {
				flex-direction: column;
			}
		}
	}
}

.ew-main-industries {
	@media (max-width: 800px) {
		.staggerred-card-grid {
			grid-template-columns: 1fr;
			.wp-block-spacer {
				display: none;
			}
		}
	}
}

.ew-acquiring-hero {
	h1 {
		font-size: clamp(5.625rem, -1.875rem + 10vw, 8.125rem) !important;
	}
	@media (max-width: 800px) {
		>div {
			padding: 5vw !important;
			/*flex-direction: column;*/
			.is-layout-grid {
				grid-template-columns: 1fr;
				h1 {
					font-size: 16vw !important;
				}
				p {
					line-height: 1.2em;
				}
			}
		}
	}
}

.ew-acquiring-dashboard {
	@media (max-width: 600px) {
		h1 {
			font-size: 70px !important;
			line-height: 1.2em !important;
		}
		p {
			font-size: 23px !important;
			line-height: 1.2em !important;
		}
		>div {
			grid-template-columns: 1fr;
			>div:first-child {
				h2 {
					font-size: 60px !important;
					line-height: 1.2em !important;
				}
				p {
					font-size: 21px !important;
					line-height: 1.1em !important;
				}
			}
			>div:last-child {
				p {
					font-size: 18px !important;
				}
			}
		}
	}
}

.ew-acquiring-transaction {
	@media (max-width: 600px) {
		section {
			>div:first-child {
				grid-template-columns: 1fr;
			}
			>div:last-child {
				grid-template-columns: 1fr;
				>div {
					pointer-events: none;
				}
			}
		}
	}
}

.ew-acquiring-analytics {
	@media (max-width: 600px) {
		>div:first-child {
			grid-template-columns: 1fr;
		}
		>div:last-child {
			grid-template-columns: 1fr;
			>div {
				pointer-events: none;
			}
		}
	}
}

.ew-acquiring-currency {
	@media (max-width: 600px) {
		padding-left: 5vw !important;
		padding-right: 5vw !important;
		min-height: unset !important;
		>span.wp-block-cover__background {
			background-image: linear-gradient(to bottom, transparent 5%, var(--wp--preset--color--ew-blue) 40%) !important;
		}
		.wp-block-cover__inner-container {
			>div {
				grid-template-columns: 1fr;
				.wp-block-spacer {
					display: none;
				}
			}
		}
	}
}

.ew-acquiring-segments {
	@media (max-width: 800px) {
		>div:first-child {
			h2 {
				font-size: 60px !important;
				line-height: 1.2em;
			}
			p {
				font-size: 23px !important;
				line-height: 1.1em !important;
			}
		}
		>div:last-child {
			grid-template-columns: 1fr;
			.wp-block-spacer {
				display: none;
			}
		}
	}
}

.ew-cta-pattern {
	@media (max-width: 600px) {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important;
		>div>div {
			padding: 2rem !important;
		}
		h2 {
			font-size: 60px !important;
			line-height: 1.2em !important;
		}
		p {
			font-size: 23px !important;
			line-height: 1.1em !important;
		}
	}
}

.ew-custom-hero {
	@media (max-width: 600px) {
		>div {
			padding-left: 5vw !important;
			padding-right: 5vw !important;
		}
		.wp-block-cover__inner-container {
			.is-layout-grid {
				grid-template-columns: 1fr;
				h1 {
					font-size: 10vw !important;
				}
				p {
					line-height: 1.1em !important;
				}
			}
		}
	}
}

.ew-custom-specific {
	@media (max-width: 800px) {
		>div:first-child {
			h2 {
				font-size: 60px !important;
				line-height: 1.1em !important;
			}
			p {
				font-size: 23px !important;
				line-height: 1.1em !important;
			}
		}
		>div:last-child {
			grid-template-columns: 1fr;
			.wp-block-spacer {
				display: none;
			}
		}
	}
}

.ew-custom-core {
	@media (max-width: 600px) {
		section {
			>div {
				grid-template-columns: 1fr;
				pointer-events: none;
				max-width: 90vw;
				&:first-child {
  					h2 {
						font-size: 60px !important;
						line-height: 1.1em !important;
					}
					p {
						font-size: 23px !important;
						line-height: 1.1em !important;
					}
				}
				&:last-child {
					flex-direction: column;
					p {
						text-align: center;
					}
				}
			}
		}
	}
}

.ew-custom-why {
	@media (max-width: 600px) {
		>div {
			grid-template-columns: 1fr;
			pointer-events: none;
			>h2 {
				font-size: 60px !important;
				line-height: 1.1em !important;
			}
		}
	}
}

.ew-processing-hero {
	h1 {
		font-size: clamp(5.625rem, -1.875rem + 10vw, 8.125rem) !important;
	}
	@media (max-width: 600px) {
		>div {
			padding-left: 5vw !important;
			padding-right: 5vw !important;
			.wp-block-cover__inner-container {
				>div>div {
					grid-template-columns: 1fr;
					>div:first-child {
						h1 {
							font-size: 12vw !important;
						}
					}
				}
			}
		}
	}
}
.ew-processing-flip {
	@media (max-width: 600px) {
		>div {
			grid-template-columns: 1fr;
			.ew-flip__inner {
				min-height: 15em !important;
				>div:first-child {
					padding: 3rem !important;
					p {
						line-height: 1.2em !important;
					}
				}
				>div:last-child {
					padding: 2rem !important;
					p {
						font-size: 18px !important;
						line-height: 1.1em !important;
					}
				}
			}
		}
	}
}

.ew-processing-func {
	@media (max-width: 600px) {
		>div:first-child {
			h2 {
				font-size: 60px !important;
				line-height: 1.2em !important;
			}
			p {
				font-size: 23px !important;
				line-height: 1.1em !important;
				text-align: start;
			}
		}
		>div:last-child {
			grid-template-columns: 1fr;
			.wp-block-spacer {
				display: none;
			}
		}
	}
}

.ew-processing-how {
	@media (max-width: 800px) {
		h2 {
			line-height: 1.2em !important;
		}
		.ew-processing-steps>div {
			grid-template-columns: 1fr;
			>div:first-child {
				padding: 0 !important;
				.ew-processing__steps-layout {
					grid-template-columns: 1fr !important;
				}
			}
			>div:last-child {
				display: none;
			}
		}
	}
}

.ew-processing-cta {
	@media (max-width: 600px) {
		h2 {
			font-size: 50px !important;
		}
	}
}

.ew-partnerships-hero {
	@media (max-width: 600px) {
		.wp-block-cover {
			padding: 3vh 5vw !important;
			.wp-block-cover__inner-container {
				h1 {
					font-size: 13vw !important;
					line-height: 1.2em !important;
				}
				p {
					font-size: 25px !important;
					line-height: 1.2em !important;
				}
			}
		}
	}
}

.ew-partnerships-higher {
	@media (max-width: 600px) {
		grid-template-columns: 1fr;
		h2 {
			font-size: 60px !important;
			line-height: 1.2em !important;
		}
	}
}

.ew-partnerships-industries {
	@media (max-width: 600px) {
		>div:first-child {
			h2 {
				font-size: 60px !important;
				line-height: 1em !important;
			}
			p {
				font-size: 23px !important;
				line-height: 1.1em !important;
				text-align: start;
			}
		}
		>div:last-child {
			grid-template-columns: 1fr;
			.wp-block-spacer {
				display: none;
			}
		}
	}
}

.ew-partnerships-eco {
	@media (max-width: 600px) {
		grid-template-columns: 1fr !important;
		h1 {
			line-height: 1.2em !important;
			grid-column: unset;
		}
	}
}

.ew-about-hero {
	@media (max-width: 600px) {
		>div {
			min-height: 50vh !important;
		}
		.wp-block-cover__inner-container{
			padding-inline: 5vw;
			h1 {
				font-size: 12vw !important;
			}
		}
	}
}

.ew-about-build {
	@media (max-width: 600px) {
		padding-inline: 0 !important;
		p {
			margin-block: 2.5rem !important;
			font-size: 24px !important;
			line-height: 1.2em;
		}
	}
}

.ew-about-who {
	@media (max-width: 600px) {
		grid-template-columns: 1fr;
		>div:last-child {
			min-height: 30vh;
		}
	}
}

.ew-about-what {
	@media (max-width: 600px) {
		>div {
			grid-template-columns: 1fr;
			h2 {
				font-size: 22vw !important;
			}
			>div:last-child {
				padding: 0 !important;
			}
			.ew-flip__inner>div:first-child p {
				font-size: 7vw !important;
			}
		}
	}
}

.ew-about-slots {
	@media (max-width: 600px) {
		grid-template-columns: 1fr;
		>div:first-child {
			grid-column: unset;
		}
	}
}

.ew-about-nav {
	@media (max-width: 600px) {
		grid-template-columns: 1fr;
	}
}

.ew-contacts-hero {
	@media (max-width: 600px) {
		.wp-block-cover {
			padding-inline: 0 !important;
			h1 {
				font-size: 14vw !important;
			}
			p {
				br {
					display: none;
				}
			}
		}
	}
}

.ew-contacts-form {
	.wpcf7-acceptance label {
		display: flex;
		align-items: flex-start;
		column-gap: 1em;
		input {
			width: unset;
		}
	}
	.wpcf7-acceptance .wpcf7-list-item {
		margin: 0 !important;
	}
	@media (max-width: 800px) {
		form {
			grid-template-columns: 1fr;
			>div {
				width: 90vw;
			}
			.ew-form-submit {
				grid-column: auto;
				>p {
					padding-inline-end: 0;
				}
			}
			input, select, textarea {
				width: 84vw;
			}
		}
	}

}

.ew-contacts-location {
	@media (max-width: 600px) {
		>div {
			grid-template-columns: 1fr;
		}
	}
}

.wp-block-buttons {
	flex-shrink: 0 !important;
}

div:has(>.grecaptcha-badge) {
	display: none !important;
}