/*default form formatting */
form {
width:100%;
margin:auto;
background-color::#FFB512;
padding:5px;
font-family: Arial, Helvetica, sans-serif;
font-size:1.3em;
}
label {
font-family: ButlerFree, sans-serif;
font-weight:normal;
font-size:1.1em;
color:#60183C;
text-decoration:none;
width:100%;
margin-bottom:3px;
margin-top:3px;
display:block;
}
input:focus {
background-color:#FFB512;
}
form select {
font-size:1.1em;
font-weight:bold;
width:100%;
background-color:#F8E5E5;
height:40px;
border-radius:2px;
border:2px #F8E5E5 solid;
margin:4px;
}

input[type=password] {
background-color:#F8E5E5;
width:100%;
margin:auto;
height:2.5em;
border-radius:2px;
border:2px #F8E5E5 solid;
display:block;
}
input[type="email"] {
background-color:#60183C20;
width:100%;
height:auto;
font-size:1.1em;
padding:4px;
margin:auto;
display:block;
border-radius:2px;
border: 2px #60183C70 solid;
}
input[type="email"]:hover {
background-color:#FFB51290;
}
input[type="time"] {
background-color:#F8E5E5;
width:100%;
font-size:1.1em;
height:auto;
margin:auto;
display:block;
border-radius:2px;
border:2px #60183C70 solid;
}
input[type=radio] {
font-size:.8em;
margin-left:4px;
margin-right:5px;
height:1.2em;
}

input[type=date] {
background-color:#F8E5E5;
font-size:1.1em;
margin-left:3px;
display:block;
width:100%;
height:auto;
border-radius:2px;
border:2px #F8E5E5 solid;
}
input[type=date]:focus {
background-color:yellow;
}
input[type=text] {
background-color:#60183C20;
width:100%;
font-size:1.1em;
padding:4px;
margin:auto;
height:auto;
display:block;
border-radius:2px;
border:2px #60183C70 solid;
}
input:hover {
background-color:#FFB51290;
}
input[type=text]:hover {
background-color:#FFB51290;
}
input[type=submit] {
font-family: ButlerFree, sans-serif;
width:100%;
font-size:.9em;
font-weight:.9;
color:#FFB512;
height:auto;
border-radius:8px;
border:2px #60183C70 solid;
background-color:#60183C;
margin-top:14px;
}

input[type=submit]:hover {
background-color:#FFB51290;
color:#60183C;
}
textarea {
background-color:#F8E5E5;
font-size:1em;
margin:auto;
width:100%;
height:150px;
border:2px solid #60183C70;
box-sizing:border-box;
resize:true;
}
textarea:hover {
background-color:yellow;
}
input[type=file] {
background-color:#F8E5E5;
width:100%;
font-size:1.1em;
padding:4px;
margin:auto;
height:auto;
border-radius:2px;
border:2px solid #60183C70;
}
input[type=file]:hover {
background-color:yellow;
} 
input[type=tel] {
background-color:#F8E5E5;
width:100%;
font-size:1.1em;
padding:4px;
margin:auto;
height:auto;
border-radius:2px;
border:2px #F8E5E5 solid;
}
input[type=tel]:hover {
background-color:yellow;
} 
input[type=url] {
background-color:#F8E5E5;
width:100%;
font-size:1.1em;
padding:4px;
margin:auto;
height:auto;
border-radius:2px;
border:2px #F8E5E5 solid;
}
input[type=url]:hover {
background-color:yellow;
} 

label.rad {
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:.9em;
color:#AD0D38;
text-decoration:none;
display:inline;
}


/*smaller forms */
form.plain {
width:98%;
}
/*custom styling*/
form.titleform input[type=submit] {
background-color:#f7f7f7;
cursor:pointer;
border:0px solid white;
font-size:1.2em;
color:#AD0D38;
font-weight:bold;
padding:0px 0px;
border-radius: 0px;
margin:auto;
width:100%;
text-align:left;
}
form.titleform input[type=submit]:hover {
background-color:pink;
}
form.btnform {
height:auto;
min-width:8%;
margin-left:4px;
margin-bottom:6px;
}
form.btnform input[type=submit] {
cursor:pointer;
border:2px solid black;
font-size:1.1em;
color:#AD0D38;
font-weight:bold;
padding:0px 7px 0px 7px;
border-radius: 3px;
margin-top:auto;
margin-bottom:auto;
height:26px;
}
form.btnform  input[type=submit]:hover {
background-color:#25FA42;
}

.form-container {
    display: flex;
 	flex-flow:row wrap;
 	align-items:left;
}
#subs {
width:50%;
background-color:black;
}
a.btn:link, a.btn:visited {
text-decoration:none;
font-family: ButlerFree, sans-serif;
width:100%;
font-size:1.1em;
font-weight:bold;
color:#ffb612;
height:auto;
padding:2px;
border-radius:8px;
border:2px #60183C70 solid;
background-color:#60183C;
margin-top:14px;
display:block;
text-align:center;
}

a.btn:hover {
background-color:#FFB51290;
color:#60183C;

}