/*! custom.css v1.0.0 */
/* use namespace of "ea-" for each class selector to keep any client styles from interferring */

/* fonts
   ========================================================================== */
/*
font-family: "DM Sans", sans-serif;

font-family: Helvetica, Arial, sans-serif;
*/

/* colors
   ========================================================================== */

/* Containing Elements
   ========================================================================== */

.ea-form { font-family: "DM Sans", sans-serif; }
.ea-form fieldset.ea-fieldset div.row {position: relative; display: block; float: left; width: 100%; height: auto; margin: 10px 0; padding: 0;}

/* Form Elements
   ========================================================================== */
/* static */
.ea-form input[type='text'],
.ea-form input[type='password'],
.ea-form input[type='date'],
.ea-form input[type='datetime'],
.ea-form input[type='datetime-local'],
.ea-form input[type='month'],
.ea-form input[type='week'],
.ea-form input[type='email'],
.ea-form input[type='number'],
.ea-form input[type='tel'],
.ea-form input[type='time'],
.ea-form input[type='url'],
.ea-form select {height: 50px; margin: 0; font-size: inherit; background-color: rgba(255,255,255,1); border: 1px solid rgba(230,230,230,1); border-radius: 0; box-shadow: none; outline: none;}
.ea-form textarea {height: 80px; margin: 0; font-size: inherit; background-color: rgba(255,255,255,1); border: 1px solid rgba(230,230,230,1); border-radius: 0; box-shadow: none; outline: none;}
/* hover */
.ea-form input[type='text']:hover,
.ea-form input[type='password']:hover,
.ea-form input[type='date']:hover,
.ea-form input[type='datetime']:hover,
.ea-form input[type='datetime-local']:hover,
.ea-form input[type='month']:hover,
.ea-form input[type='week']:hover,
.ea-form input[type='email']:hover,
.ea-form input[type='number']:hover,
.ea-form input[type='tel']:hover,
.ea-form input[type='time']:hover,
.ea-form input[type='url']:hover,
.ea-form textarea:hover,
.ea-form select:hover {background-color: rgba(255,255,255,1); border-color: rgba(50,62,102,1); box-shadow: none;}
/* focus */
.ea-form input[type='text']:focus,
.ea-form input[type='password']:focus,
.ea-form input[type='date']:focus,
.ea-form input[type='datetime']:focus,
.ea-form input[type='datetime-local']:focus,
.ea-form input[type='month']:focus,
.ea-form input[type='week']:focus,
.ea-form input[type='email']:focus,
.ea-form input[type='number']:focus,
.ea-form input[type='tel']:focus,
.ea-form input[type='time']:focus,
.ea-form input[type='url']:focus,
.ea-form textarea:focus,
.ea-form select:focus {background-color: rgba(50,62,102,.1); border-color: rgb(50, 62, 102); box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.05), 2px 2px 4px 0 rgba(0,0,0,0.05);}
/* disabled */
.ea-form input[type='text']:disabled,
.ea-form input[type='password']:disabled,
.ea-form input[type='date']:disabled,
.ea-form input[type='datetime']:disabled,
.ea-form input[type='datetime-local']:disabled,
.ea-form input[type='month']:disabled,
.ea-form input[type='week']:disabled,
.ea-form input[type='email']:disabled,
.ea-form input[type='number']:disabled,
.ea-form input[type='tel']:disabled,
.ea-form input[type='time']:disabled,
.ea-form input[type='url']:disabled,
.ea-form textarea:disabled,
.ea-form select:disabled {background-color: rgba(230,230,230,1);}

/* Textareas
   ========================================================================== */

/* Selects
   ========================================================================== */
.ea-form select:hover {cursor: pointer;}
.ea-form select:disabled {cursor: not-allowed;}

.ea-form optgroup { display: none; }

.ea-form .highlight { background-color: #c60f13; color: white; left: -20px; padding: 1em 2em;}

/* Placeholders
   ========================================================================== */

/* Disabled and Readonly Fields
   ========================================================================== */

/* Submit and Buttons
   ========================================================================== */
.ea-button {}
.ea-button:hover {}
.ea-button--reset {}
.ea-button--disabled {}

.ea-form div.ea-submit-button-wrapper {position: relative; display: block; float: left; width: auto; height: auto; margin: 0; padding: 0; color: rgb(50, 62, 102); background-color: rgb(246, 197, 20);}
.ea-form div.ea-submit-button-wrapper:hover {cursor: pointer; color: rgb(50, 62, 102); }
/*.ea-form div.ea-submit-button-wrapper::before {position: absolute; top: 15px; right: 30px; display: block; float: right; width: auto; height: auto; margin: 0; padding: 0; content: "\f35a"; font-family: "Font Awesome 5 Free"; font-weight: 400; font-size: 30px; line-height: 30px; color: rgba(255,255,255,1); opacity: 0; box-sizing: border-box; transition: all 0.2s ease-in-out 0s;}*/
/*.ea-form div.ea-submit-button-wrapper:hover::before {opacity: 1; color: rgba(102,102,102,1);}*/
.ea-form div.ea-submit-button-wrapper input[type=submit],
.ea-form div.ea-submit-button-wrapper input[type=button] {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 20px 50px; text-transform: uppercase; text-align: left; font-weight: 700; font-size: 20px; line-height: 20px; color: rgb(50, 62, 102); background-color: #F6C514; border: 2px solid #F6C514;}
/*.ea-form div.ea-submit-button-wrapper input[type=button] {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 20px 50px; text-transform: uppercase; text-align: left; font-weight: 700; font-size: 20px; line-height: 20px; color: rgba(255,255,255,1); background-color: rgba(255,255,255,0); border: 0;}*/
.ea-form div.ea-submit-button-wrapper:hover input[type=submit],
.ea-form div.ea-submit-button-wrapper:hover input[type=button] {padding: 20px 50px; border: 2px solid #F6C514; background-color: #FAFAFA;}
.ea-form div.ea-submit-button-wrapper input[type=submit]:hover,
.ea-form div.ea-submit-button-wrapper input[type=button]:hover {cursor: pointer;}

/* links that look like buttons */
.ea-form a.ea-link-button {position: relative; display: block; float: left; width: auto; height: auto; min-height: 50px; margin: 0; padding: 15px 30px 15px 30px; text-align: center; font-weight: 700; color: rgba(102,102,102,1); background-color: rgba(193,215,46,1);}
.ea-form a.ea-link-button svg path {color: rgba(102,102,102,1);}
.ea-form a.ea-link-button:hover {cursor: pointer; color: rgba(255,255,255,1); background-color: rgb(246, 197, 20);}
.ea-form a.ea-link-button:hover svg path {color: rgba(255,255,255,1);}
.ea-form a.ea-next-button {text-transform: uppercase;}
.ea-form a.ea-back-button {text-transform: uppercase;}
.ea-form a.ea-add-button {text-transform: uppercase;}
.ea-form a.ea-full-button {width: 100%;}
.ea-form a.ea-float-right {float: right;}

/* Labels
   ========================================================================== */
.ea-form label {
	margin: 0;
	padding: 0 0 5px 0;
	color: inherit;
	font-weight: 500;
	font-size: 1.25em;
}

.ea-form .ea-error {
	margin-top: .5rem;
}

.ea-form .column input[type='text'],
.ea-form .column input[type='date'],
.ea-form .column input[type='email'],
.ea-form .column textarea,
.ea-form .column select {
	font-weight: 500;
	font-size: 1.25em;
}

.ea-form .ea-breathing-room {
	padding-top: 1.5em;
}

.ea-form .ea-top-space {
	padding-top: .75em;
}

/* special labels */
fieldset.ea-fieldset div.row div.special-label {}
/* float input to the right */
.ea-form div.row div.special-label input.special-input,
.ea-form div.row div.special-label select.special-input,
.ea-form div.row div.special-label textarea.special-input {position: relative; display: block; float: right; width: 70%;}
/* the label */
.ea-form div.row div.special-label label.ea-arrow {position: relative; display: block; float: left; width: 30%; height: 50px; margin: 0; padding: 16px 0 0 10px; background-color: rgba(245,245,245,1);}
.ea-form div.row div.special-label label.ea-arrow::before {position: absolute; top: 16px; right: 50px; display: block; float: left; width: auto; height: auto; margin: 0; padding: 0; font-family: "Font Awesome 5 Free"; content: "\f101"; font-weight: 900; font-size: 20px; line-height: 20px; color: rgba(255,255,255,0); box-sizing: border-box; transition: all 0.2s ease-in-out 0s;}
.ea-form div.row div.special-label input.special-input:hover + label.ea-arrow,
.ea-form div.row div.special-label select.special-input:hover + label.ea-arrow,
.ea-form div.row div.special-label textarea.special-input:hover + label.ea-arrow {color: rgba(255,255,255,1); background-color: rgba(50,62,102,1);}
.ea-form div.row div.special-label input.special-input:hover + label.ea-arrow::before,
.ea-form div.row div.special-label select.special-input:hover + label.ea-arrow::before,
.ea-form div.row div.special-label textarea.special-input:hover + label.ea-arrow::before {right: 10px; color: rgba(255,255,255,0.5);}
.ea-form div.row div.special-label input.special-input:focus + label.ea-arrow,
.ea-form div.row div.special-label select.special-input:focus + label.ea-arrow,
.ea-form div.row div.special-label textarea.special-input:focus + label.ea-arrow {color: rgba(255,255,255,1); background-color: rgb(50, 62, 102);}
.ea-form div.row div.special-label input.special-input:focus + label.ea-arrow::before,
.ea-form div.row div.special-label select.special-input:focus + label.ea-arrow::before,
.ea-form div.row div.special-label textarea.special-input:focus + label.ea-arrow::before {right: 10px; color: rgba(255,255,255,1);}

/* Checkboxes and Radios
   ========================================================================== */
.ea-form label.ea-input-button {position: relative; display: block; float: left; width: auto; height: auto; margin: 0 10px 0 0; padding: 0;}
.ea-form label.ea-input-button:hover {cursor: pointer;}
.ea-form label.ea-classic-button {}
/* the wrapper box */
.ea-form label.ea-classic-button div {position: relative; display: block; float: left; width: auto; height: 100%; min-height: 50px; margin: 0; padding: 15px 20px 14px 50px; background-color: rgba(255,255,255,1); border: 1px solid rgba(230,230,230,1);}
.ea-form label.ea-classic-button:hover div {}
.ea-form label.ea-classic-button input[type=radio]:hover + div,
.ea-form label.ea-classic-button input[type=radio]:focus + div,
.ea-form label.ea-classic-button input[type=checkbox]:hover + div,
.ea-form label.ea-classic-button input[type=checkbox]:focus + div {background-color: rgba(255,255,255,1); border-color: rgba(50,62,102,1);}
.ea-form label.ea-classic-button input[type=radio]:checked + div,
.ea-form label.ea-classic-button input[type=checkbox]:checked + div {background-color: rgba(50,62,102,.1); border-color: rgb(50, 62, 102);}
/* the hidden input */
.ea-form label.ea-classic-button input[type=radio],
.ea-form label.ea-classic-button input[type=checkbox] {position: absolute; z-index: -1; top: 0; left: 0; display: block; float: left; width: 1px; height: 1px; margin: 0; padding: 0; opacity: 0;}
/* the radio button */
.ea-form label.ea-radio-button {}
.ea-form label.ea-radio-button div::before {position: absolute; display: block; float: left; width: 30px; height: 30px; margin: 0; padding: 0; content: ""; background-color: rgba(255,255,255,0.3); border: 1px solid rgba(0,0,0,0.15); border-radius: 50%; box-sizing: border-box; transition: all 0.2s ease-in-out 0s;}
.ea-form label.ea-radio-button:hover div::before {background-color: rgba(255,255,255,1); border-color: rgba(0,0,0,0.35);}
.ea-form label.ea-radio-button input[type=radio]:checked + div::before,
.ea-form label.ea-radio-button input[type=checkbox]:checked + div::before {background-color: rgba(255,255,255,1); border-color: rgba(0,0,0,0.5);}
.ea-form label.ea-radio-button div::after {position: absolute; top: 30px; left: 30px; display: block; float: left; width: 0; height: 0; margin: 0; padding: 0; content: ""; border-radius: 50%; box-sizing: border-box; transition: all 0.2s ease-in-out 0s; overflow: hidden; opacity: 0;}
.ea-form label.ea-radio-button input[type=radio]:checked + div::after,
.ea-form label.ea-radio-button input[type=checkbox]:checked + div::after {top: 20px; left: 20px; width: 20px; height: 20px; opacity: 1;}
/* the checkbox button */
.ea-form label.ea-checkbox-button {}
.ea-form label.ea-checkbox-button div::before {position: absolute; display: block; float: left; width: 30px; height: 30px; margin: 0; padding: 0; content: ""; background-color: rgba(255,255,255,0.3); border: 2px solid rgba(0,0,0,0.6); box-sizing: border-box; transition: all 0.2s ease-in-out 0s;}
.ea-form label.ea-checkbox-button:hover div::before {background-color: rgba(255,255,255,1); border-color: rgba(0,0,0,0.35);}
.ea-form label.ea-checkbox-button input[type=radio]:checked + div::before,
.ea-form label.ea-checkbox-button input[type=checkbox]:checked + div::before {background-color: rgba(255,255,255,1); border-color: rgba(0,0,0,0.5);}
.ea-form label.ea-checkbox-button div::after {position: absolute; top: 5px; left: 12px; display: block; float: left; width: auto; max-width: 0; height: auto; margin: 0; padding: 0; content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 40px; line-height: 40px; color: rgba(0,127,193,1); opacity: 0; box-sizing: border-box; transition: all 0.2s ease-in-out 0s; overflow: hidden;}
.ea-form label.ea-checkbox-button input[type=radio]:checked + div::after,
.ea-form label.ea-checkbox-button input[type=checkbox]:checked + div::after {max-width: 40px; opacity: 1;}

/* set widths of radio and checkbox buttons */
/* auto width */
.ea-form label.ea-w-auto {width: auto; margin: 0 5px 5px 0;}
.ea-form label.ea-w-auto div {width: auto;}
.ea-form label.ea-w-auto:last-child {margin: 0;}
/* full width */
.ea-form label.ea-w-full {width: 100%; margin: 0 0 5px 0;}
.ea-form label.ea-w-full div {width: 100%;}
.ea-form label.ea-w-full:last-child {margin: 0;}
/* two buttons */
.ea-form label.ea-w-2 {width: 49%; margin: 0 0 5px 0;}
.ea-form label.ea-w-2 div {width: 100%;}
.ea-form label.ea-w-2:last-child {float: right;}
/* three buttons */
.ea-form label.ea-w-3 {width: 32%; margin: 0 2% 5px 0;}
.ea-form label.ea-w-3 div {width: 100%;}
.ea-form label.ea-w-3:last-child {float: right; margin: 0;}

/* set the colors of the radio button dot and checkbox checkmark */
/* radio button dot color */
.ea-form label.ea-radio-button div::after {background-color: rgb(50, 62, 102);}
/* checkbox checkmark color */
.ea-form label.ea-checkbox-button div::after {color: rgb(50, 62, 102);}

/* position of the outer circle/square of radio buttons and checkbox buttons */
.ea-form label.ea-radio-button div::before,
.ea-form label.ea-checkbox-button div::before {left: 9px;}

/* radio button dot unchecked */
.ea-form label.ea-radio-button div::after {top: 24px; left: 24px;}
/* radio button dot checked */
.ea-form label.ea-radio-button input[type=radio]:checked + div::after,
.ea-form label.ea-radio-button input[type=checkbox]:checked + div::after {left: 14px;}

/* position the checkbox checkmark */
/* checkmark */
.ea-form label.ea-checkbox-button div::after {top: 0; left: 5px;}
   
/* Help Text
   ========================================================================== */

/* Screen Reader Only Content */
.ea-screen-reader-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

/* Required
   ========================================================================== */

/* Fieldsets and Legends
   ========================================================================== */
fieldset.ea-fieldset {position: relative; display: block; float: left; width: 100%; margin: 0 0 30px 0; padding: 25px 10px 15px 10px; border: none; background-color: rgba(0,0,0,0.02);}
fieldset.ea-fieldset legend {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0 0 10px 0; padding: 0 0.9375rem; font-family: "DM Sans", sans-serif; font-weight: 700; font-size: 24px; line-height: 30px; color: #323e66;}
fieldset.ea-fieldset legend.ea-extra-legend {margin: 15px 0 10px 0; padding: 15px 0.9375rem 0 0.9375rem; border: 1px solid rgba(238,230,245,1); border-width: 1px 0 0 0;}

/* Select Boxes
   ========================================================================== */

/* Invalid fields
   ========================================================================== */

/* Positioning
   ========================================================================== */

/* Show/Hide
   ========================================================================== */
.ea-form div.ea-sh {position: relative; display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0; overflow: hidden; transition: all 0.5s ease-in-out 0s!important;}
.ea-form div.ea-show {visibility: visible; max-height: 1000px; opacity: 1;}
.ea-form div.ea-hide {visibility: hidden; max-height: 0; opacity: 0;}
.ea-form div.ea-show-short {max-height: 300px!important;}
.ea-form div.ea-show-long {max-height: 5000px!important;}
.ea-form div.ea-show-extra-long {max-height: 10000px!important;}

/* fonts
   ========================================================================== */
/*
font-family: "Rokkitt", serif;
font-family: Helvetica, Arial, sans-serif;
*/

/* colors
   ========================================================================== */
/* - rgba(102,102,102,1) - #666666 - dark gray text */
/* --- rgba(164,188,0,1) - #a4bc00 - green */
/* -- rgba(111,42,142,1) - #6f2a8e - purple */
/* - rgba(177,150,198,1) - #b196c6 - medium purple */
/* - rgba(238,230,245,1) - #eee6f5 - light purple */
/* - rgba(246,242,250,1) - #f6f2fa - lightest purple */


/* responsive media queries
   ========================================================================== */
@media only screen and (max-width: 1280px){}
@media only screen and (max-width: 1024px)
{
	
}
@media only screen and (max-width: 768px)
{
	/* special lable that adds arrow */
	.ea-form div.row div.special-label input.special-input,
	.ea-form div.row div.special-label select.special-input,
	.ea-form div.row div.special-label textarea.special-input {width: 60%;}
	.ea-form div.row div.special-label label.ea-arrow {width: 40%;}
}
@media only screen and (max-width: 640px)
{
	/* adjust margins of rows and columns for consitency */
	.ea-form fieldset.ea-fieldset div.row {}
	.ea-form fieldset.ea-fieldset div.row div.column {margin: 0 0 20px 0;}
	.ea-form fieldset.ea-fieldset div.row div.column:last-child {margin: 0;}
	/* radio and checkbox button widths */
	.ea-form label.ea-w-auto {width: 100%;}
	.ea-form label.ea-w-auto:last-child {margin: 0;}
	.ea-form label.ea-w-auto div {width: 100%;}
	.ea-form label.ea-w-2 {width: 100%;}
	.ea-form label.ea-w-2:last-child {float: left; margin: 0;}
	.ea-form label.ea-w-3 {width: 100%;}
	.ea-form label.ea-w-3:last-child {float: left; margin: 0;}
	/* links that look like buttons */
	.ea-form a.ea-link-button {width: 100%;}
	.ea-form a.ea-float-right {float: left;}
	/* submit button */
	.ea-form div.ea-submit-button-wrapper {width: 100%;}
	.ea-form div.ea-submit-button-wrapper input[type=submit],
	.ea-form div.ea-submit-button-wrapper input[type=button] {width: 100%; padding: 20px 0; text-align: center;}
	.ea-form div.ea-submit-button-wrapper:hover input[type=submit],
	.ea-form div.ea-submit-button-wrapper:hover input[type=button] {padding: 20px 0;}
}
@media only screen and (max-width: 480px)
{
	/* remove side padding from legend sine we don't need it */
	fieldset.ea-fieldset legend {padding: 0; font-size: 20px; line-height: 26px;}
	fieldset.ea-fieldset legend.ea-extra-legend {padding: 15px 0;}
	/* remove padding from sides since we don't need it */
	.ea-form fieldset.ea-fieldset div.row div.column {padding: 0;}
	/* styles for special arrow label */
	.ea-form fieldset.ea-fieldset div.row div.special-label {padding: 30px 0 0 0;}
	.ea-form div.row div.special-label input.special-input,
	.ea-form div.row div.special-label select.special-input,
	.ea-form div.row div.special-label textarea.special-input {width: 100%;}
	.ea-form div.row div.special-label label.ea-arrow {position: absolute; top: 0; left: 0; width: 100%; height: 30px; padding: 7px 0 0 10px;}
	.ea-form div.row div.special-label label.ea-arrow::before {display: none;}
}
@media only screen and (max-width: 320px){}