@charset "UTF-8";

/*
Theme Name: andor
Theme URI: http://andor.nz
Author: &Or
*/

body {
	background: url('/wp-content/themes/andor/images/squigglebg.jpg') repeat 0 0;
	color:#fff;
	font-family: 'Nunito', sans-serif;
	letter-spacing:0.7px;
}
body, html {	
	padding: 0;
    margin: 0;
}
html {
overflow: scroll;
overflow-x: hidden;
}
::-webkit-scrollbar {
width: 0px; /* remove scrollbar space 
background: transparent; / optional: just make scrollbar invisible */
}
#wrapper {
	max-width: 35%;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: #000;
    height: 100vh;
	display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
.logo {
	text-align:center;
	max-width:85px;
	transform: scale(1);
	animation: pulse 7s infinite ease-in-out;
}
@keyframes pulse {
	0%, 10%, 13%, 15%, 100% {
		transform: scale(1);
		opacity:1;
	}
	11%, 14% {
		transform: scale(0.96);
		opacity:0.8;
	}
}
/*@keyframes swing {
  0% {transform: rotate(0deg);}
	10% {transform: rotate(360deg);}
	20%, 100% {transform: rotate(360deg);}
}*/

/*@keyframes swing {
  0%, 100% { transform: rotate(-5deg); }
  50% { transform: rotate(5deg); }
}*/

h1 {
	font-size: 72px;
background: rgb(203,253,166);
background: linear-gradient(90deg, rgba(203,253,166,1) 0%, rgba(135,201,85,1) 66%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	line-height: 0.8;
    padding: 8px 0;
	margin-bottom: 10px;
	letter-spacing: 1px;
}
h5 {
	font-size: 24px;
	line-height: 1;
	margin: 0;
	letter-spacing: 0.5px;
}
h5.gradient {
background: rgb(203,253,166);
background: linear-gradient(90deg, rgba(203,253,166,1) 0%, rgba(135,201,85,1) 66%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}
p {
    font-size: 16px;
    line-height: 1.8;
}
.text-wrap {position:relative;}
.who {
	color:#fff;
	font-weight:900;
	font-style:italic;
	font-size:19px;
	text-decoration:none;
	background: url('/wp-content/themes/andor/images/qbg.png') no-repeat bottom left;
	width:35px;
	height:35px;
	display: block;
	background-size: 100%;
	position:absolute; 
	right: 16%;
    bottom: 10px;
	line-height: 2.2;
}
div#popmake-11 {
    height: 100vh!important;
}
html.pum-open.pum-open-overlay-disabled.pum-open-fixed .pum-container.theme-6 {
	background: linear-gradient(136deg, #8a29cc, #13a8a3)!important;
	background-size: 400% 400%!important;

	-webkit-animation: about 30s ease infinite!important;
	-moz-animation: about 30s ease infinite!important;
	animation: about 30s ease infinite!important;
}
@-webkit-keyframes about {
    0%{background-position:9% 0%}
    50%{background-position:92% 100%}
    100%{background-position:9% 0%}
}
@-moz-keyframes about {
    0%{background-position:9% 0%}
    50%{background-position:92% 100%}
    100%{background-position:9% 0%}
}
@keyframes about {
    0%{background-position:9% 0%}
    50%{background-position:92% 100%}
    100%{background-position:9% 0%}
}
div#popmake-11 p {
	text-align:center;
	font-size: 16px;
    line-height: 1.8;
}
/*.pum-theme-6 .pum-title, .pum-theme-lightbox .pum-title {margin-bottom:30px;}
.pum-theme-6 .pum-container, .pum-theme-lightbox .pum-container {
	background: rgb(127,25,198)!important;
background: linear-gradient(90deg, rgba(127,25,198,1) 0%, rgba(89,17,138,1) 46%)!important;
}*/
.box {
	border: 1px solid #536577;
	border-radius: 3px;
	margin: 90px 0 0;
	padding:50px 30px;
	position:relative;
}
input {
    -webkit-appearance: none;
	-webkit-border-radius:0;
}
.box ul {
	margin:0;
	padding:0;
	list-style:none;
}
.box ul li::before {
	content: '+';
	display: inline-block;
	font-size:12px;
	color:#c4c4c4;
	font-weight:900;
	transform: rotate(45deg);
	margin: 0 7px 0px 0;
	padding-top: 5px;
}
.box ul li:first-child::before {
	content: '';
}
.box ul li {
	display:inline-block;
	font-size:14px;
	color:#99b4ce;
	text-transform: uppercase;
	padding: 0 4px;
	font-weight:500;
}
.header {
	position:absolute;
	top:-27.5px;
	left:50%;
	margin-left:-52px;
}
.form {
	margin-bottom:30px;
}
ul#gform_fields_1, .gform_footer {
	text-align:center;
}
ul#gform_fields_1 {
	margin:0;
	padding:0;
}
.box ul#gform_fields_1 li::before {
	content:'';
	margin:0;
}
.box ul#gform_fields_1 li {
	margin:0!important;
	padding:0!important;
}
.gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0px!important;
}
input#input_1_1 {
	background:#c4c4c4!important;
	border-radius:3px!important;
	margin: 0 auto!important;
	width:100%!important;
	border:none!important;
	color:#2b3440;
	font-size:12px;
	text-align:center;
	padding: 12px 44px;
}
.gfield_error input#input_1_1 {
	width:53%!important;
}
input#gform_submit_button_1 {
	background:#536577!important;
	border-radius:3px!important;
	margin: 0 auto!important;
	/*width:100%!important;*/
	border:none!important;
	color:#c4c4c4;
	text-transform:uppercase;
	font-size:12px;
	font-weight:800;
	text-align:center;
	padding: 12px 81px;
	cursor:pointer;
	transition: all 0.5s ease;
}
input#gform_submit_button_1:hover {
	background:#687e95!important;
}
.gform_wrapper .gform_footer {
    padding: 0px 0 10px!important;
    margin: 8px 0 0!important;
}
#gform_confirmation_message_1 {
	background:#687e95!important;
	color: #fff!important;
    font-weight: 400!important;
    border-radius: 3px;
    width: 93%!important;
	padding: 26px 15px!important;
    margin: 50px auto !important;
}
.gform_wrapper div.validation_error {
    color: #fff!important;
    font-weight: 400!important;
    border-top: none!important;
    border-bottom: none!important;
    background: #fd5f00;
    border-radius: 3px;
    width: 96%!important;
	padding: 26px 15px!important;
    margin: 50px auto 0px !important;
	position:relative;
}
.gform_wrapper div.validation_error::after {
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 18px 25px 0 25px;
	border-color: #fd5f00 transparent transparent transparent;
	position:absolute;
	left:50%;
	bottom:-14px;
	margin-left:-25px;
	border-radius:3px;
}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	background-color: transparent!important;
	border-top: none!important;
	border-bottom: none!important;
}
.gfield_description.validation_message {
	display:none;
}
@media(max-width:640px){
	.gfield {
		width:100%;
	}
	.gfield_error input#input_1_1 {
    width: 100% !important;
}
}