/*
 Theme Name:    WEPIXEL
 Theme URI:     https://wordpress.org/themes/wepixel/
 Description:   WEPIXEL WordPress Theme
 Author:        the WEPIXEL team
 Author URI:    https://wepixel.live/
 Version:       1.0.0
 Domain Path:   /languages
 Text Domain:   wepixel
*/

html,
body {
	height: 100%;
	overflow: hidden;
	overflow-x: hidden;
	overscroll-behavior-y: contain;
  }
	/*Âncora*/
html,
body {
	scroll-behavior: smooth;
	scroll-margin-top: 0;
	}
	/*Clique Azul*/
html {
  -webkit-tap-highlight-color: transparent;
	}
	/*Barra Horizontal*/
		/* Chrome, Safari, Opera */
body ::-webkit-scrollbar {
	display: none;
	width: 0;
	}
		/*IE, Edge, Firefox*/
body {
	-ms-overflow-style: none;
	}
	
/*Body*/
body,
body div,
body iframe,
body header,
body footer,
body span,
body p,
body small,
body ul,
body li,
body form,
body input,
body select,
body option,
body a,
body button,
body textarea {
	position: relative;
	width: auto;
	padding: 0;
	margin: 0;
	background: transparent;
	border: none;
	outline: transparent;
	}
body:before,
body:after {
	content: '';
	display: block;
	position: fixed;
	width: 100%;
	height: 10vh;
	}
body:before {
	top: -10vh;
	box-shadow: 0 10px 40px #0d1015;
	z-index: 999999;
	}
body:after {
	bottom: -10vh;
	box-shadow: 0 -10px 40px #0d1015;
	z-index: 999997;
	}
body iframe {
	position: fixed;
	width: 100%;
	height: 100%;
	border: none;
	z-index: 0;
	}
body,
body div,
body span,
body p,
body small,
body textarea,
body input,
body button {
	font-family: "Montserrat", sans-serif;
	line-height: 1;
	}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
	position: relative;
	padding: 0;
	margin: 0;
	font-family: "Krona One", sans-serif;
	font-weight: 900;
	}
body a,
body a:active,
body a:hover {
	text-decoration: none;
	border: none;
	}
body a.blue-link {
    color: #2979ff !important;
    }
body ul,
body li {
	list-style: none;
	padding-left: 0;
	}
body p {
	line-height: 1.5;
	}
body small {
	line-height: 1.25;
	width: auto !important;
	}
body textarea {
	width: 100%;
	max-height: calc(var(--vh, 1vh) * 2);
	overflow: hidden;
	resize: none;
	}
body sup,
body sub,
body .sup,
body .sub {
	display: inline-block;
	font-size: 80%;
	}
body sup,
body .sup {
	vertical-align: super;
	}
body sub,
body .sub {
	vertical-align: sub;
	}
body label {
	display: inline-block;
	padding: 0 !important;
	margin: 0 !important;
	}
/*Inputs*/
body input {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	}
	/*Remove o Background*/
		/* Chrome, 
		 * Edge, 
		 * Safari */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
-webkit-text-fill-color: #dddddd !important;
	transition: background-color 5000s ease-in-out 0s;
}
		/* Firefox */
input:-moz-autofill {
	box-shadow: 0 0 0px 1000px transparent inset !important;
-moz-text-fill-color: #dddddd !important;
}
body.is-dark-theme input:-moz-autofill {
-moz-text-fill-color: #dddddd !important;
	}
	/*Type Number*/
		/*Remove as Setas*/
			/*Chrome, 
			 * Safari, 
			 * Edge, 
			 * Opera*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
	}
			/*Firefox*/
input[type="number"] {
	-moz-appearance: textfield;
	}
	/*Type Checkbox*/
body input[type="checkbox"] {
	width: inherit;
	cursor: pointer;
	margin: -3px 5px 0 0;
	vertical-align: middle;
	transform: scale(1.1);
	}
	/*Type Time*/
body input[type="time"] {
	width: inherit;
	border-bottom: .1rem dotted;
	padding: 0;
	margin: 0;
	font-weight: 900;
	text-align: center;
	}
	/*Remove o Calendar*/
		/*Chrome, 
		 * Edge, 
		 * Safari*/
input[type="time"]::-webkit-calendar-picker-indicator {
	display: none;
	-webkit-appearance: none;
	}
	/*Type Password*/
/* Remove botão nativo de mostrar senha (Edge / IE) */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none;
	}
/* Remove em navegadores base Chromium */
input[type="password"]::-webkit-credentials-auto-fill-button,
input[type="password"]::-webkit-textfield-decoration-container {
    display: none !important;
	}
/* Remove botão de contatos/autocomplete */
input::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
	}

/*Buttons*/
body button {
	cursor: pointer;
	width: 100%;
	}
body button[disabled] {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
	}

/*Selection*/
::selection {
	background-color: normal;
	color: normal;
	}

/*Placeholder*/
::placeholder {
	opacity: .5;
	}
::-webkit-input-placeholder { 
	opacity: .5;
	}
:-ms-input-placeholder {
	opacity: .5;
	}
::-ms-input-placeholder {
	opacity: .5;
	}
#new_app_id::placeholder {
	text-align: center;
	}
	
/*Label*/
.screen-reader-text,
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	overflow: hidden;
	}
	
/*Align Middle*/
body .align-middle {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 0;
	right: 0;
	padding: 0;
	margin: auto;
	z-index: 0;
	}

/*Trash*/
body .trash {
	color: #fb6a65;
	}

/*Blocks*/
body .block {
	position: relative;
	}
	/*Height*/
body .vh-1 {
	height: calc(var(--vh, 1vh) * 1.25);
	}
body .vh-2 {
	height: calc(var(--vh, 1vh) * 2.5);
	}
body .vh-5 {
	height: calc(var(--vh, 1vh) * 5);
	}
body .vh-7 {
	height: calc(var(--vh, 1vh) * 7.5);
	}
body .vh-10 {
	height: calc(var(--vh, 1vh) * 10);
	}
body .vh-12 {
	height: calc(var(--vh, 1vh) * 12.5);
	}
body .vh-15 {
	height: calc(var(--vh, 1vh) * 15);
	}
body .vh-17 {
	height: calc(var(--vh, 1vh) * 17.5);
	}
body .vh-20 {
	height: calc(var(--vh, 1vh) * 20);
	}
body .vh-22 {
	height: calc(var(--vh, 1vh) * 22.5);
	}
body .vh-25 {
	height: calc(var(--vh, 1vh) * 25);
	}
body .vh-27 {
	height: calc(var(--vh, 1vh) * 27.5);
	}
body .vh-30 {
	height: calc(var(--vh, 1vh) * 30);
	}
body .vh-35 {
	height: calc(var(--vh, 1vh) * 35);
	}
body .vh-40 {
	height: calc(var(--vh, 1vh) * 40);
	}
body .vh-45 {
	height: calc(var(--vh, 1vh) * 45);
	}
body .vh-50 {
	height: calc(var(--vh, 1vh) * 50);
	}
body .vh-55 {
	height: calc(var(--vh, 1vh) * 55);
	}
body .vh-60 {
	height: calc(var(--vh, 1vh) * 60);
	}
body .vh-65 {
	height: calc(var(--vh, 1vh) * 65);
	}
body .vh-70 {
	height: calc(var(--vh, 1vh) * 70);
	}
body .vh-75 {
	height: calc(var(--vh, 1vh) * 75);
	}
body .vh-80 {
	height: calc(var(--vh, 1vh) * 80);
	}
body .vh-85 {
	height: calc(var(--vh, 1vh) * 85);
	}
body .vh-90 {
	height: calc(var(--vh, 1vh) * 90);
	}
body .vh-95 {
	height: calc(var(--vh, 1vh) * 95);
	}
body .vh-100 {
	height: calc(var(--vh, 1vh) * 100);
	}
	
/*Pages*/
body main small.error {
    position: absolute;
	top: 50%;
	transform: translate(0, -50%);
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    }
/*Privacy Policy*/
body.privacy-policy {
	overflow: auto;
  }
body.privacy-policy .col {
    text-align: justify;
    }
body.privacy-policy #privacy-policy,
body.privacy-policy #terms-and-conditions {
	scroll-margin-top: calc(var(--vh, 1vh) * 10);
    }
    
/*Banner*/
body .gallery-container {
    position: relative;
    width: 100%;
	}
body .gallery-wrapper {
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
  }
body .banner.cta.block {
	position: relative;
	flex: 0 0 100%;
	height: calc(var(--vh, 1vh) * 97.5);
	overflow-y: scroll !important;
	scroll-snap-align: start;
	z-index: 999997;
  }
body .nav-button {
  position: absolute;
  width: calc(15vw / 3);
  height: calc(var(--vh, 1vh) * 100);
	top: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  overflow: hidden;
	z-index: 1;
	}
body .nav-button.prev {
	left: 0;
	border-radius: 0 100% 100% 0;
	}
body .nav-button.next {
	right: 0;
	border-radius: 100% 0 0 100%;
	}
body .banner-1 .nav-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -50%;
  width: 50%;
  height: 100%;
  transform: skewX(0);
	}

/*Canvas*/
canvas {
  display: block;
  width: 100vw;
  height: calc(var(--vh, 1vh) * 100);
  touch-action: none;
	}
canvas:active {
  cursor: grabbing;
	}
.auto-focus::before {
	content: '';
	display: block;
	position: fixed;
	background: white;
	opacity: .05;
	z-index: -1;
	}
.auto-focus::before {
  height: 1px;
	background: linear-gradient(
		to right,
		white 0%,
		rgba(255, 255, 255, 0) 50%,
		white 100%
	);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center;
	}
.auto-focus.vertical::before {
  width: calc(var(--vh, 1vh) * 100);
  transform: translate(-50%, -50%) rotate(90deg);
	}
.auto-focus.horizontal::before {
	width: 100%;
  transform: translate(-50%, -50%);
	}

/*Pop Up*/
body .popup,
body .popup {
	position: fixed;
	height: calc(var(--vh, 1vh) * 50);
	bottom: calc(var(--vh, 1vh) * -50);
	left: 0;
	right: 0;
	margin: auto;
	background: linear-gradient(
		to bottom,
		transparent 0%,
		#090b0e 25%
	);
	transition: bottom 0.5s ease 0s;
  z-index: 999998;
  }
body .popup.active {
  bottom: 0;
	transition: bottom 0.5s ease 0.5s;
  }

/*Col*/
body .col {
	display: flex;
	align-items: center;
	margin: auto;
	}
body .col .vw-7 {
	width: calc(var(--vh, 1vh) * 15);
	}
body .col .vw-50,
body .col .vw-100 {
	width: inherit;
	}
/*Popup*/
body .popup .vw-7,
body .popup .vw-50 {
	text-align: center;
	}
body .popup .resonanceCTA {
	display: block;
	width: 97.5%;
	}
body .popup .resonanceCTA {
	padding: calc(var(--vh, 1vh) * 2.5) 0;
	border: 1px solid;
	border-radius: 15vw;
	}
body .popup .vw-50 button,
body .popup .vw-50 a,
body .popup .vh-50 form {
	margin: 0 auto 0 0;
	}
body .popup .vw-50 + .vw-50 button,
body .popup .vw-50 + .vw-50 a,
body .popup .vh-50 + .vw-50 form {
	margin: 0 0 0 auto;
	}
/*Resonance*/
body .resonancePopup {
	text-align: justify;
	}

body .resonanceCTA {
	background: #dddddd;
	border-color: #ddd !important;
	}
body .resonance-color-e13030 .resonanceCTA {
	background: #e13030;
	border-color: #e13030 !important;
	}
body .resonance-color-35e130 .resonanceCTA {
	background: #35e130;
	border-color: #35e130 !important;
	}
	
body .resonanceCTA.one {
	color: #0d1015 !important;
	}

/*Animações*/
	/*Fade In*/
@keyframes fadeIn {
	0% {
		opacity: 0;
		transform: scale(1.02);
		filter: blur(4px);
	}
	50% {
		opacity: 0;
		transform: scale(1.02);
		filter: blur(4px);
	}
	100% {
		opacity: 1;
		transform: scale(1);
		filter: blur(0);
	}
	}
	/*Fade Out*/
body {
	position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
	transition: opacity 0.6s ease, transform 0.6s ease, filter 0.6s ease;
	animation: fadeIn 1.02s 0s 1;
	}
body.fade-out {
	position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
	transform: scale(1.02);
	overflow: hidden;
	filter: blur(4px);
	opacity: 0;
	}
	
/*Dark Mode*/
body {
	background: #0d1015 !important;
	}
body,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p,
body small,
body a,
body select,
body input,
body button,
body textarea {
	color: #ddd !important;
	}
body ::placeholder {
	color: #ddd;
	}
body ::-webkit-input-placeholder { 
	color: #ddd;
	}
body :-ms-input-placeholder {
	color: #ddd;
	}
body ::-ms-input-placeholder {
	color: #ddd;
	}
	
/*Mobile*/
	/*Retrato*/
@media screen and (max-width: 420px) and (orientation: portrait) {
	body .desktop {
		display: none;
	    }
	body,
	body div,
	body small,
	body a,
	body button,
	body textarea,
	body input,
	body select {
		font-size: calc(10vw * .4);
	    }
	body p,
	body input[type="number"] {
		font-size: calc(10vw * .45);
		}
	body h1 {
		font-size: calc(10vw * .65);
		}
	body h2 {
		font-size: calc(10vw * .6);
		}
	body h3 {
		font-size: calc(10vw * .55);
		}
	body h4 {
		font-size: calc(10vw * .5);
		}
	body h5 {
		font-size: calc(10vw * .45);
		}
	body h6 {
		font-size: calc(10vw * .4);
		}
	/*Col*/
	body .col {
		width: 90vw;
		}
	}
	/*Paisagem*/
@media screen and (max-width: 720px) and (orientation: landscape) {
	body .desktop {
		display: none;
	    }
	}
/*Tablet*/
	/*Retrato*/
@media screen and (max-width: 768px) and (orientation: portrait) {
	body .desktop {
		display: none;
	    }
	body,
	body div,
	body small,
	body a,
	body button,
	body textarea,
	body input,
	body select {
		font-size: calc(10vw * .4);
	    }
	body p,
	body input[type="number"] {
		font-size: calc(10vw * .45);
		}
	body h1 {
		font-size: calc(10vw * .65);
		}
	body h2 {
		font-size: calc(10vw * .6);
		}
	body h3 {
		font-size: calc(10vw * .55);
		}
	body h4 {
		font-size: calc(10vw * .5);
		}
	body h5 {
		font-size: calc(10vw * .45);
		}
	body h6 {
		font-size: calc(10vw * .4);
		}
	/*Col*/
	body .col {
		width: 90vw;
		}
	}
	/*Paisagem*/
@media screen and (max-width: 1024px) and (orientation: landscape) {
	body .desktop {
		display: none;
	    }
	}
/*Desktop*/
@media screen and (min-width: 769px) {
	body .tablet,
	body .mobile {
		display: none;
	    }
	body,
	body div,
	body small,
	body a,
	body button,
	body textarea,
	body input,
	body select {
		font-size: calc(10vw * .1);
		}
	body p,
	body input[type="number"] {
		font-size: calc(10vw * .1125);
		}
	body h1 {
		font-size: calc(10vw * .1625);
		}
	body h2 {
		font-size: calc(10vw * .15);
		}
	body h3 {
		font-size: calc(10vw * .1375);
		}
	body h4 {
		font-size: calc(10vw * .125);
		}
	body h5 {
		font-size: calc(10vw * .1125);
		}
	body h6 {
		font-size: calc(10vw * .1);
		}
	/*Col*/
	body .col {
		width: 50vw;
		}
	}
	body .greeting {
	    position: relative;
	    top: -5px !important;
	}