/*
Theme Name: UNO-PIX
Template: unoland
Theme URI: https://www.pixouls.com/
Author: Pixouls
Author URI: https://www.pixouls.com/
Description: Unoland child theme by Pixouls.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: basics
Tags:
*/

/*
--------------------------------------------------------|
--------------------------------------------------------|
--------------------------------------------------------| $GLOBAL
--------------------------------------------------------|
--------------------------------------------------------|
*/
:root {
    /* Color - Light/Dark */
    --c-10: light-dark(rgba(0, 0, 0, .10), #191964);
    --c-05: light-dark(rgba(0, 0, 0, .05), #121248);
}
html {
    font-family: "Gotham A", "Gotham B", sans-serif;
}
body::after {
    content: '';
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23ffffff' fill-opacity='0.075' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");	
}

/*
--------------------------------------------------------|
--------------------------------------------------------|
--------------------------------------------------------| $TYPE
--------------------------------------------------------|
--------------------------------------------------------|
*/
h1, h2, h3, h4, h5 {
    font-family: "Forza SSm A", "Forza SSm B", sans-serif;
	font-weight: 800;
}

/*
--------------------------------------------------------|
--------------------------------------------------------|
--------------------------------------------------------| $U-INTRO
--------------------------------------------------------|
--------------------------------------------------------|
*/
[data-theme="dark"] .u-intro {
	background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width=%222000%22 height=%221000%22%3E%3Cg filter=%22url(%23a)%22%3E%3Cpath fill=%22%230B0B2B%22 d=%22M-1000-500h4000v2000h-4000z%22%2F%3E%3Cpath d=%22m305-225-671 575 730 882 822-825%22 fill=%22%2324248f%22%2F%3E%3Cpath d=%22m1251-147-891 8 1206 1312 58-410%22 fill=%22%2324248f%22%2F%3E%3Cpath d=%22m1062 140-87 224 511 729 597-548%22 fill=%22%2324248f%22%2F%3E%3Cpath d=%22M643 201-504 614l865 1050 562-535%22 fill=%22%230B0B2B%22%2F%3E%3Cpath d=%22M669 907 384 2092l475 340 1087-1335%22 fill=%22%2324248f%22%2F%3E%3Cpath d=%22m1211 868-308 897 192 440 988-850%22 fill=%22%2324248f%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter id=%22a%22 x=%22-200%22 y=%22-200%22 width=%222400%22 height=%221400%22 filterUnits=%22userSpaceOnUse%22 color-interpolation-filters=%22sRGB%22%3E%3CfeFlood flood-opacity=%220%22 result=%22BackgroundImageFix%22%2F%3E%3CfeBlend in=%22SourceGraphic%22 in2=%22BackgroundImageFix%22 result=%22shape%22%2F%3E%3CfeGaussianBlur stdDeviation=%22200%22 result=%22effect1_foregroundBlur_1_2%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

/*
--------------------------------------------------------|
--------------------------------------------------------|
--------------------------------------------------------| $U-HEADER
--------------------------------------------------------|
--------------------------------------------------------|
*/
.u-header {
	background: transparent;
}

/*
--------------------------------------------------------|
--------------------------------------------------------|
--------------------------------------------------------| $U-BENEFITS
--------------------------------------------------------|
--------------------------------------------------------|
*/
.u-benefits {

}
	.u-benefits__row {
		
	}
		.u-benefits__media {
			
			background: -o-radial-gradient(center, ellipse, #191964 0%, #0B0B2B 70%, #0B0B2B 100%);
			background: radial-gradient(ellipse at center, #191964 0%, #0B0B2B 70%, #0B0B2B 100%);
		}
			.u-benefits__media:before {
				content: '';
				position: absolute;
				inset: 0;
				background: center / cover no-repeat scroll transparent;
				mix-blend-mode: plus-lighter;
			}
			.u-benefits__row:nth-of-type(4n+1) .u-benefits__media:before {
				background-image: url('assets/img/mesh-bg-001.png');
			}
			.u-benefits__row:nth-of-type(4n+2) .u-benefits__media:before {
				background-image: url('assets/img/mesh-bg-002.png');
			}
			.u-benefits__row:nth-of-type(4n+3) .u-benefits__media:before {
				background-image: url('assets/img/mesh-bg-003.png');
			}
			.u-benefits__row:nth-of-type(4n+4) .u-benefits__media:before {
				background-image: url('assets/img/mesh-bg-004.png');
			}
			.u-benefits__img {
				-webkit-animation: floatAnimation 3s ease-in-out infinite;
						animation: floatAnimation 3s ease-in-out infinite;
			}
			@-webkit-keyframes floatAnimation {
				0%, 100% {
					-webkit-transform: translateY(0);
							transform: translateY(0);
				}
				50% {
					-webkit-transform: translateY(-.8rem);
							transform: translateY(-.8rem);
				}
			}
			@keyframes floatAnimation {
				0%, 100% {
					-webkit-transform: translateY(0);
							transform: translateY(0);
				}
				50% {
					-webkit-transform: translateY(-.8rem);
							transform: translateY(-.8rem);
				}
			}

/*
--------------------------------------------------------|
--------------------------------------------------------|
--------------------------------------------------------| $FORMS
--------------------------------------------------------|
--------------------------------------------------------|
*/
/*-------------------------------------| $Fields
*/
select {
    background-image:  url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224 397.3l22.6-22.6 160-160L429.3 192 384 146.7l-22.6 22.6L224 306.7 86.6 169.4 64 146.7 18.7 192l22.6 22.6 160 160L224 397.3z" fill="%2324248f"/></svg>');
}
.uno .gform_wrapper.gravity-theme .gfield_list_icons button {
    filter: invert(1);
}