/* End custom CSS */

.elementor-kit-5 {
	--e-global-color-primary: #020041;
	--e-global-color-secondary: #ef327e;
	--e-global-color-text: #fff;
	--e-global-color-accent: #4cb3f8;
	--e-global-color-83a1ff6: #fff;
	--e-global-color-4d823b2: #f8f8f8;
	--e-global-typography-primary-font-family: "Roboto";
	--e-global-typography-primary-font-weight: 600;
	--e-global-typography-secondary-font-family: "Roboto Slab";
	--e-global-typography-secondary-font-weight: 400;
	--e-global-typography-text-font-family: "Roboto";
	--e-global-typography-text-font-weight: 400;
	--e-global-typography-accent-font-family: "Roboto";
	--e-global-typography-accent-font-weight: 500;
	color: var(--e-global-color-text);
	font-family: "Lexend", Sans-serif;
	font-size: 16px;
	line-height: 1.8em;
}

.elementor-kit-5 button:hover, .elementor-kit-5 button:focus, .elementor-kit-5 input[type="button"]:hover, .elementor-kit-5 input[type="button"]:focus, .elementor-kit-5 input[type="submit"]:hover, .elementor-kit-5 input[type="submit"]:focus, .elementor-kit-5 .elementor-button:hover, .elementor-kit-5 .elementor-button:focus {
	background-color: var(--e-global-color-secondary);
}

.elementor-kit-5 a {
	color: var(--e-global-color-secondary);
}

.elementor-kit-5 h1 {
	color: var(--e-global-color-text);
	font-family: "Press Start 2P", Sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.3em;
}

.elementor-kit-5 h2 {
	color: var(--e-global-color-text);
	font-family: "Press Start 2P", Sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.3em;
}

.elementor-kit-5 h3 {
	color: var(--e-global-color-text);
	font-weight: 700;
}

.elementor-kit-5 h4 {
	color: var(--e-global-color-text);
	font-weight: 700;
}

.elementor-kit-5 h5 {
	color: var(--e-global-color-text);
	font-weight: 700;
}

.elementor-kit-5 h6 {
	color: var(--e-global-color-text);
	font-weight: 700;
}

.elementor-kit-5 button, .elementor-kit-5 input[type="button"], .elementor-kit-5 input[type="submit"], .elementor-kit-5 .elementor-button {
	font-family: "Press Start 2P", Sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	color: var(--e-global-color-83a1ff6);
	padding: 1em 1.8em 1em 1.8em;
}

.elementor-kit-5 label {
	color: var(--e-global-color-primary);
}

.elementor-kit-5 input:not([type="button"]):not([type="submit"]), .elementor-kit-5 textarea, .elementor-kit-5 .elementor-field-textual {
	border-radius: 0px 0px 0px 0px;
}

.elementor-section.elementor-section-boxed > .elementor-container {
	max-width: 1200px;
}

.e-con {
	--container-max-width: 1200px;
}

.elementor-widget:not(:last-child) {
	margin-block-end: 20px;
}

.elementor-element {
	--widgets-spacing: 20px 20px;
	--widgets-spacing-row: 20px;
	--widgets-spacing-column: 20px;
}

@media (max-width:1024px) {
	.elementor-section.elementor-section-boxed > .elementor-container {
		max-width: 1024px;
	}
	
	.e-con {
		--container-max-width: 1024px;
	}
}

@media (max-width:767px) {
	.elementor-kit-5 button, .elementor-kit-5 input[type="button"], .elementor-kit-5 input[type="submit"], .elementor-kit-5 .elementor-button {
		line-height: 1.4em;
	}
	
	.elementor-section.elementor-section-boxed > .elementor-container {
		max-width: 767px;
	}
	
	.e-con {
		--container-max-width: 767px;
	}
}

/* Start custom CSS */
.elementor-widget-text-editor p:last-child {
	margin-bottom: 0px;
}

h1 {
	text-shadow: 3px 3px 0 var(--e-global-color-secondary);
}

h2 {
	text-shadow: 4px 4px 0 var(--e-global-color-secondary);
}

/* Base style */
.button-flash-hover {
	position: relative;
	overflow: hidden;
	padding-left: 80px;
}

/* Chevron base */
.button-flash-hover::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(calc(-50% - 2px));
	width: 20px;
	height: 20px;
	background-image: url("https://mirtsauce.com/nitropack_static/bbJNntCuPHnVZhjaWLfZQJBYbkuhJzya/assets/images/optimized/rev-41ed950/www.mirtsauce.com/wp-content/uploads/2025/06/Pixel-Chevron-3.svg");
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0;
	transition: opacity .3s steps(1);
}

/* Flash always by default for first CTA */
.first-cta::before {
	opacity: 1;
	animation: flash .6s infinite steps(2, start);
}

/* Stop flashing if container is hovered */
.cta-container:hover .first-cta::before {
	animation: none;
	opacity: 0;
}

/* BUT allow flashing again if you hover back directly on the first CTA */
.cta-container:hover .first-cta:hover::before {
	opacity: 1;
	animation: flash .6s infinite steps(2, start);
}

/* Second CTA flashes only on hover */
.second-cta:hover::before {
	opacity: 1;
	animation: flash .6s infinite steps(2, start);
}

/* Keyframes */
@keyframes flash {
	0% {
		opacity: 0;
	}
	
	50% {
		opacity: 1;
	}
	
	100% {
		opacity: 0;
	}
}

.elementor-button {
	background-color: var(--e-global-color-secondary);
	color: #fff;
	border: none;
	border-radius: 0;
	padding: 20px 40px;
	clip-path: polygon(0 0, 12px 0, 12px 4px, 8px 4px, 8px 8px, 4px 8px, 4px 12px, 0 12px, 0 calc(100% - 12px), 4px calc(100% - 12px), 4px calc(100% - 8px), 8px calc(100% - 8px), 8px calc(100% - 4px), 12px calc(100% - 4px), 12px 100%, calc(100% - 12px) 100%, calc(100% - 12px) calc(100% - 4px), calc(100% - 8px) calc(100% - 4px), calc(100% - 8px) calc(100% - 8px), calc(100% - 4px) calc(100% - 8px), calc(100% - 4px) calc(100% - 12px), 100% calc(100% - 12px), 100% 12px, calc(100% - 4px) 12px, calc(100% - 4px) 8px, calc(100% - 8px) 8px, calc(100% - 8px) 4px, calc(100% - 12px) 4px, calc(100% - 12px) 0);
}

.elementor-button {
	transition: all 100ms steps(1);
}

.elementor-button:hover {
	background-color: #ff5aa3;
}

.elementor-button:active {
	transform: translate(2px, 2px);
}

.tool-badge {
	display: inline-block;
	background-color: var(--e-global-color-secondary);
	color: #fff;
	border: none;
	border-radius: 0;
	padding: 6px 12px;
	margin-right: 15px;
	font-size: 14px;
	font-weight: bold;
	clip-path: polygon(0 0, 8px 0, 8px 4px, 4px 4px, 4px 8px, 0 8px, 0 calc(100% - 8px), 4px calc(100% - 8px), 4px calc(100% - 4px), 8px calc(100% - 4px), 8px 100%, calc(100% - 8px) 100%, calc(100% - 8px) calc(100% - 4px), calc(100% - 4px) calc(100% - 4px), calc(100% - 4px) calc(100% - 8px), 100% calc(100% - 8px), 100% 8px, calc(100% - 4px) 8px, calc(100% - 4px) 4px, calc(100% - 8px) 4px, calc(100% - 8px) 0);
}