/* - - - - - - - - - - - - - - - - - - - - -

 Title : NAMI MI Form Styles
 Author : themediaadvantage
 URL : https://namimi.org/wp-content/themes/nami-mi/assets/css/namimi-wufoo.css

 Last Updated : 080618

- - - - - - - - - - - - - - - - - - - - - */

@import url('https://fonts.googleapis.com/css?family=Teko:300');

/* Backgrounds */
html{background-image:none;}
#logo{background-image:none;}
#container{}
.wufoo input.text, .wufoo textarea.textarea{
	background:#fff;
	border: solid 1px #f9f9f9;
	border-radius: 5px;
}
.wufoo .focused{
	background:#fff
	border: solid 1px #fff;
}

.wufoo .instruct{
	background-color:#F5F5F5
}

/* Borders */
#container{
	border:0 solid #bbb
}

.wufoo .info{
	border-bottom:1px dotted #ccc
}

.wufoo .instruct{
	border:1px solid #eee
}


.wufoo input.text, 
.wufoo textarea.textarea{
	background: #f8f8f8;
	border: solid 1px #f7f7f7;
	border-radius: 2px !important;	
}


/* Typography */
.wufoo .info h2{
	font-size:160%;
	font-family: 'Teko', sans-serif;
	color:#333;
}

.wufoo .info div{
	font-size:95%;
	font-family: 'Teko', sans-serif;
	color:#444444;
}

.wufoo .section h3{
	font-size:110%;
	font-family: 'Teko', sans-serif;
	background:#FFFFFF;
	color:#333;
}

.wufoo .section div{
	font-size:85%;
	font-family: 'Teko', sans-serif;
	color:#444444;
}

.wufoo label.desc, 
.wufoo legend.desc{
	font-size: 1.4rem;
	font-weight: 400;
	font-family: 'Teko', sans-serif;
	letter-spacing: 1.5px;
	color: rgba(255,255,255,0.85);

}
	
.wufoo li div,
.wufoo li div label, 
.wufoo li span label{
	font-family: 'Teko', sans-serif;
	color: rgba(255,255,255,0.85);
	font-size: 1.2rem;
}


.wufoo .field.text.fn,
.wufoo input.text,
.wufoo textarea.textarea, 
.wufoo select.select, 
.wufoo label.choice{
	padding: 5px 10px; 
	font-size: .8rem;
	font-family: 'Open Sans', 'Arial', sans-serif;
	color:#444;
}

.wufoo label.choice{
	color:#444444;
}
	
.wufoo .instruct{
	font-size:80%;
	font-family: 'Teko', sans-serif;
	color:#444444;
}

.wufoo .symbol{
	font-family: 'Teko', sans-serif;
	font-size: 1.85rem;
	color: #f8f8f8;
	vertical-align: bottom;
}

.wufoo input.file{
	font-size: .1rem;
	color: #f8f8f8 !important;
	letter-spacing: .5px;
}

.choice{
	padding: 0 !important;
}

.choice__text{
	font-family: 'Teko', sans-serif !important;
	font-size: 1.1rem;
	color: #f8f8f8 !important;
	letter-spacing: .1px !important;
}

.subfield{
	vertical-align: top;
}

.wufoo .submit{
	background: #222;
	border: solid 5px #222;
	border-radius: 0;
	color: #f8f8f8;
	font-family: 'Teko', sans-serif;
	font-size: 1.75rem;
	letter-spacing: 1px;
	transition: .75s;
}

.wufoo .submit:hover,
.wufoo .submit:focus{
	background: rgba(200,0,0,1);
	border: solid 5px rgba(200,0,0,1);
	color: #f8f8f8;
	transition: .5s;
}

.req{
	color: #666 !important;
}