/* labels
========================================================================== */
.ea-form label {}
.ea-form .full_label {width: 100%; padding: 5px 0 3px 0;}
.ea-form .hide_label {display: none;}

/* dynamic labels
========================================================================== */
.ea-form .dynamic_labels {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0;}
.ea-form .dynamic_labels .input_field {position: relative; padding-top: 20px;}
.ea-form .dynamic_labels label {position: absolute; top: 30px; left: 0; max-height: 0; margin: 0; padding: 0 0 0 0.9375rem; font-size: 12px; line-height: 12px; background-color: rgba(0,0,0,0); opacity: 0; overflow: hidden;}
.ea-form .dynamic_labels .select_wrapper label {top: 0; padding: 0;}
/* focus */
.ea-form .dynamic_labels input[type=text]:focus + div + label,
.ea-form .dynamic_labels input[type=text]:focus + div + label,
.ea-form .dynamic_labels input[type='password']:focus + div + label,
.ea-form .dynamic_labels input[type='date']:focus + div + label,
.ea-form .dynamic_labels input[type='datetime']:focus + div + label,
.ea-form .dynamic_labels input[type='datetime-local']:focus + div + label,
.ea-form .dynamic_labels input[type='month']:focus + div + label,
.ea-form .dynamic_labels input[type='week']:focus + div + label,
.ea-form .dynamic_labels input[type='email']:focus + div + label,
.ea-form .dynamic_labels input[type='number']:focus + div + label,
.ea-form .dynamic_labels input[type='tel']:focus + div + label,
.ea-form .dynamic_labels input[type='time']:focus + div + label,
.ea-form .dynamic_labels input[type='url']:focus + div + label,
.ea-form .dynamic_labels textarea:focus + div + label {top: 0; max-height: 100px; opacity: 1;}
.ea-form .dynamic_labels .select_wrapper select:focus + div + label {top: -20px; max-height: 100px; opacity: 1;}

/* left-aligned labels
========================================================================== */
.ea-form .left_labels {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0;}
/* float the input right since we are putting it first in the html */
.ea-form .left_labels input[type=text],
.ea-form .left_labels input[type=text],
.ea-form .left_labels input[type='password'],
.ea-form .left_labels input[type='date'],
.ea-form .left_labels input[type='datetime'],
.ea-form .left_labels input[type='datetime-local'],
.ea-form .left_labels input[type='month'],
.ea-form .left_labels input[type='week'],
.ea-form .left_labels input[type='email'],
.ea-form .left_labels input[type='number'],
.ea-form .left_labels input[type='tel'],
.ea-form .left_labels input[type='time'],
.ea-form .left_labels input[type='url'],
.ea-form .left_labels textarea,
.ea-form .left_labels .select_wrapper select {float: right;}
/* float the label left since it comes second in the html */
.ea-form .left_labels label {float: left; width: 30%; padding: 18px 15px 16px 15px; background-color: rgba(240,240,240,1);}
/* change colors of label when hovered */
.ea-form .left_labels label:hover {color: rgba(255,255,255,1); background-color: rgba(180,180,180,1);}
/* adds arrow that shows up when hovered or focused */
.ea-form .left_labels label::after {position: absolute; top: 17px; right: 100%; display: block; float: right; width: auto; height: auto; margin: 0; padding: 0; font-family: "Font Awesome 5 Free"; font-weight: 800; content: "\f105"; color: rgba(255,255,255,1); opacity: 0; box-sizing: borer-box; transition: all 0.2s ease-in-out 0s;}
/* adjust styles when an input is hovered over */
.ea-form .left_labels input[type=text]:hover + label,
.ea-form .left_labels input[type='password']:hover + label,
.ea-form .left_labels input[type='date']:hover + label,
.ea-form .left_labels input[type='datetime']:hover + label,
.ea-form .left_labels input[type='datetime-local']:hover + label,
.ea-form .left_labels input[type='month']:hover + label,
.ea-form .left_labels input[type='week']:hover + label,
.ea-form .left_labels input[type='email']:hover + label,
.ea-form .left_labels input[type='number']:hover + label,
.ea-form .left_labels input[type='tel']:hover + label,
.ea-form .left_labels input[type='time']:hover + label,
.ea-form .left_labels input[type='url']:hover + label,
.ea-form .left_labels textarea:hover + label,
.ea-form .left_labels .select_wrapper select:hover + label {color: rgba(255,255,255,1); background-color: rgba(180,180,180,1);}
/* adjust styles when input is focused in */
.ea-form .left_labels input[type=text]:focus + label,
.ea-form .left_labels input[type='password']:focus + label,
.ea-form .left_labels input[type='date']:focus + label,
.ea-form .left_labels input[type='datetime']:focus + label,
.ea-form .left_labels input[type='datetime-local']:focus + label,
.ea-form .left_labels input[type='month']:focus + label,
.ea-form .left_labels input[type='week']:focus + label,
.ea-form .left_labels input[type='email']:focus + label,
.ea-form .left_labels input[type='number']:focus + label,
.ea-form .left_labels input[type='tel']:focus + label,
.ea-form .left_labels input[type='time']:focus + label,
.ea-form .left_labels input[type='url']:focus + label,
.ea-form .left_labels textarea:focus + label,
.ea-form .left_labels .select_wrapper select:focus + label {color: rgba(255,255,255,1); background-color: rgba(180,180,180,1);}
/* shows arrow when field is focused in */
.ea-form .left_labels input[type=text]:focus + label::after,
.ea-form .left_labels input[type='password']:focus + label::after,
.ea-form .left_labels input[type='date']:focus + label::after,
.ea-form .left_labels input[type='datetime']:focus + label::after,
.ea-form .left_labels input[type='datetime-local']:focus + label::after,
.ea-form .left_labels input[type='month']:focus + label::after,
.ea-form .left_labels input[type='week']:focus + label::after,
.ea-form .left_labels input[type='email']:focus + label::after,
.ea-form .left_labels input[type='number']:focus + label::after,
.ea-form .left_labels input[type='tel']:focus + label::after,
.ea-form .left_labels input[type='time']:focus + label::after,
.ea-form .left_labels input[type='url']:focus + label::after,
.ea-form .left_labels textarea:focus + label::after,
.ea-form .left_labels .select_wrapper select:focus + label::after {right: 15px; opacity: 1;}
/* for mobile friendly label */
.ea-form .left_labels label.hide_left_label {display: none; padding: 7px 10px 5px 10px;}
.ea-form .left_labels label.hide_left_label:hover {}

/* responsive media queries
========================================================================== */
@media only screen and (max-width: 1280px)
{
	
}
@media only screen and (max-width: 1024px)
{
	
}
@media only screen and (max-width: 768px)
{
	.ea-form .left_labels label {display: none; width: 100%;}
	.ea-form .left_labels label.hide_left_label {display: block;}
}
@media only screen and (max-width: 480px)
{
	
}
@media only screen and (max-width: 320px)
{
	
}