@charset "UTF-8";

.page-form{margin:60px 0;}

.site-form h2 {margin-bottom:25px;}
.site-form h3 {margin-left: 10px; font-size: 24px;}
.site-form h4 {
    width: 100%;
    font-size: 1.3em;
    margin: 12px 0;
    text-align: left;
    font-weight: 500;
}
.site-form h5 {
    width: 100%;
    font-size: 1.2em;
    margin: 12px 0 5px;
    text-align: left;
    font-weight: 500;
}
.site-form .red {color:var(--etcred);}
.site-form label {margin: 0 0 0 8px; font-size: 1em; font-weight: 300; color: var(--nearblack); font-family:"franklin-gothic", sans-serif; }

.fieldsWrap {margin: 0 0.5%;}
.fieldsRight {margin: 0 auto 0 0.5%;}

.fieldsFlex {display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: center;}
.singleFields {width: 99%;}
.dualFields {width: 49%;}
.thirdFields {width: 32.3%;}

.site-form .instructions {
    font-size: 12px;
    color: var(--offwhite);
    margin: 6px 0;
}
.site-form .note {
    width: 100%;
    font-size: 12px;
    font-style: italic;
    color: var(--offblack);
    text-align: center;
    margin: 0;
}
.site-form .disclaimer {
    width: 100%;
    font-size: 20px;
    line-height: 1.5;
    font-style: italic;
    color: var(--offblack);
    margin: 0 0 18px 28px;
}
.site-form input[type="text"],.site-form input[type="email"],.site-form input[type="tel"],.site-form input[type="number"],.site-form input[type="time"],.site-form input[type="date"],.site-form input[type="month"],.site-form select {
    width: 100%;
    
    margin: 6px 0 20px;
    padding: 16px 25px;
    font-size: 16px;
    color:var(--offblack);
    border-bottom: 1px var(--offblack) solid;
    background:#fbfbfb;
    border-radius: 0;
    box-sizing: border-box;
}
.site-form input[type="date"] {padding: 11px 10px;}

.site-form input::placeholder {color:var(--offblack); opacity:1;}

.site-form input[type="text"]:focus,.site-form input[type="email"]:focus,.site-form input[type="tel"]:focus,.site-form input[type="number"]:focus,.site-form input[type="time"]:focus,.site-form input[type="date"]:focus,.site-form input[type="month"]:focus,.site-form select:focus {
    border-bottom: 1px var(--etcred) solid;
    background-color: #f9f9f9;
}
.site-form textarea {
    box-sizing: border-box;
    width: 100%;
    padding: 20px;
    height: 125px;
    margin: 6px 0 20px;
    font-size: 17px;
    border-radius: 0;
    border-bottom: 1px var(--offblack) solid;
    background:#fbfbfb;
    font-weight: 300;
    letter-spacing: 0.065em;
    font-family: "franklin-gothic", sans-serif;
}
.site-form textarea::placeholder {color:var(--offblack); opacity:1;}
.site-form textarea:focus {
    border-bottom:1px var(--etcred) solid;
    background-color: #f9f9f9;
}
.site-form button.submit-button {
    margin: 20px auto 10px;
    padding: 20px 50px;
    font-size: 20px;
    line-height: 1;
    font-weight: 700;
    text-align: center;
    color: var(--white);
    border: none;
    border-radius: 0;
    background: var(--etcred);
    transition: all 0.3s;
    -webkit-appearance: none;
}
.site-form button.submit-button:hover {
    letter-spacing: 0.5px;
    background: var(--drkred);
    cursor: pointer;
    -webkit-appearance: none;
}
.site-form button.submit-button:focus {transform: scale(1.05);}





#formpage input.checkbox {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:13px;
    height:13px;
    display:inline;
    background-color:#fff;
 }
#formpage input.checkbox:focus {
	background:none; 
	border:0;
	outline-style:none;
}



#formpage .submit-button
 {
    margin: 25px 0 0;
    font-size: 18px;
    text-align: center;
    padding: 20px;
    border: none;
    text-transform: uppercase;
    font-weight: 600;
    color:var(--black);
    background: var(--orange);
    width: 100%;
    border-radius: 30px;
}
#formpage button.submit-button:hover{
	transition: ease-out 0.3s;
    cursor: pointer;
    color: #fff;
	background: #474143;}







form.simple-signup-form{ display:flex; flex-flow:row wrap; align-items:center; justify-content:space-around; gap:45px; max-width:1024px; margin:0 auto; padding:0 30px; color:var(--white); font-family:"franklin-gothic", sans-serif;}
form.simple-signup-form label {color:var(--white);}


.signup-form {max-width:450px;}

.form-start {position:relative; display: flex; flex-flow: row wrap; justify-content: space-between; box-sizing: border-box; padding-bottom:10px;  margin-bottom:10px; font-size: 16px; color:var(--nearblack); border-bottom:1px var(--white) solid; border-radius:0;}
.form-start:focus-within {border-bottom:1px var(--etcred) solid;}
.form-start label {color:var(--white);}
.form-start input {flex: 1;padding:8px 25px 8px 8px; font-size: 20px; font-weight: 300; border: none !important; border-radius:0; color:var(--white); font-family:"franklin-gothic", sans-serif;}
.form-start input::placeholder {opacity: 1; color:var(--white);}
.form-start input:focus {border:none; background-color:transparent;}
.form-start input:-webkit-autofill,
.form-start input:-webkit-autofill:hover,
.form-start input:-webkit-autofill:focus {-webkit-text-fill-color: var(--white) !important; -webkit-box-shadow: 0 0 0 1000px var(--etcblue) inset; box-shadow: 0 0 0 1000px var(--etcblue) inset;}

#submit-btn button {
    position:relative; padding:11px 17px 13px 17px; font-size: 17px; line-height: 1; font-weight: 500; border: none; border-radius: 0; color: var(--nearwhite); background: var(--ltblue); transition: .25s;
}

#submit-btn button::after {content: "\f061"; position:relative; z-index:5; top:50%; right:0; margin:auto; padding-left:15px; font-size:8px; color:var(--white); font-family: FontAwesome; transform: translateY(-50%); transition:.5s ease-out;}
#submit-btn button:hover {color: var(--nearwhite); background: var(--nearblack); cursor: pointer;}

.signup-form-body {display:none; flex-flow: row wrap; justify-content:center; gap:4%; width:100%;}
.signup-form-body input {
    flex:1;
	/*width: 48%;*/
    height:40px;
    /*margin: 6px 0 20px;*/
    padding:8px 15px 18px 15px;
    font-size:18px;
	font-weight:300; 
    color:var(--white);
    border-bottom:1px var(--white) solid;
    background:transparent;
    border-radius: 0;
    box-sizing: border-box;
	font-family:"franklin-gothic", sans-serif;
}
.signup-form-body input::placeholder {opacity: 1; color:var(--white);}
.signup-form-body input:focus {border-bottom:1px var(--etcred) solid;}

.signup-form-body input:-webkit-autofill,
.signup-form-body input:-webkit-autofill:hover,
.signup-form-body input:-webkit-autofill:focus {-webkit-text-fill-color: var(--white) !important; -webkit-box-shadow: 0 0 0 1000px var(--etcblue) inset; box-shadow: 0 0 0 1000px var(--etcblue) inset;}

.signup-form-body .complete-button {text-align: center;}

.signup-form-body .submit-button {position:relative; padding:11px 17px 13px 17px; font-size: 17px; line-height: 1; font-weight: 500; border: none; border-radius: 0; color: var(--nearwhite); background: var(--etcred); font-family:"franklin-gothic", sans-serif; cursor:pointer; transition:.35s;}
.signup-form-body .submit-button::after {content: "\f061"; position:relative; z-index:5; top:50%; right:0; margin:auto; padding-left:15px; font-size:8px; color:var(--white); font-family: FontAwesome; transform: translateY(-50%);}
.signup-form-body .submit-button:hover {color: var(--nearwhite); background: var(--nearblack);}










/*.support-form-intro {
	display:flex; flex-flow:row wrap; justify-content: space-between; gap:25px;
	width:95%; max-width:845px; margin:0 auto;
}

.site-form-title {
	box-sizing:border-box;  width:100%; font-size:22px; font-weight:600; margin:0 2.5%;
}

.form-start {
	display:flex; flex-flow:row wrap; justify-content: space-between;
flex:1;
	position:relative; 

    font-size: 16px;
    color: #555;
    border:2px var(--offblack) solid;
    background-color: #fff;
    border-radius: 30px;
    box-sizing: border-box;
}

.form-start:focus-within {border:2px var(--orange) solid;}

.form-start input {flex:1; border:none !important; margin-left:30px; padding: 16px 25px; font-size:20px; font-weight:300;}
.form-start input:focus {
	 border:none;
    background-color:transparent;
	
}*/





/*.submit-button {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    width: 100%;
}


.complete-button {
    width: 100%;
}
.support-form-body {
    display: none; width: 100%;
	max-width:845px; margin:30px auto 0 auto;
}

.support-form-body input{width: 100%;
    height: 60px;
    margin: 6px 0 20px;
    padding: 16px 25px;
    font-size: 16px;
    color: #555;
    border:2px var(--offblack) solid;
    background-color: #fff;
    border-radius: 30px;
    box-sizing: border-box;}
*/










form.search-form {
    overflow: hidden;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content:flex-start;
	width:300px; 
    margin: 0 auto;
    border-radius:0;
	color: var(--black);
    background: transparent !important;
}
.search-form input[type="text"] {
    width: calc(100% - 40px) !important;
	min-width:255px; 
    height: auto!important;
    margin: 0;
    padding:0 5px!important;
	
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 300;
	
    color: var(--black) !important;
    box-sizing: border-box !important;
    border-radius: 0;
    border: 0 !important;
    background:transparent !important;
    font-family:"franklin-gothic", sans-serif !important;
}

.search-form input[type="text"]::placeholder {opacity:1; color: var(--black);}

.search-form input:-webkit-autofill,
.search-form input:-webkit-autofill:hover,
.search-form input:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--black) !important;
    -webkit-box-shadow: 0 0 0 1000px var(--nearwhite) inset;
    box-shadow: 0 0 0 1000px var(--nearwhite) inset;
}

.search-form button[type="submit"] {
    position: relative;
    z-index: 1;
    cursor: pointer;
    width:40px;
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 20px;
    color: var(--black);
    border: none;
    border-radius: 0;
    transition: all 0.2s ease-in-out;
    -webkit-appearance: none;
    font-family: "Font Awesome 7 Free";
}

/*.dropdown-search-icon {
    display: inline-block;
    margin: 0 4% 0 30px;
}
.dropdown-search-icon label {
    cursor: pointer;
    display: inline-block;
    padding: 5px;
    font-size: 28px;
    color: var(--white);
    transition: 0.35s;
}
.dropdown-search-icon label:hover {
    color: var(--orange);
}
input.search-icon-trigger {
    display: none;
}
.search-slider {
    position: relative;
    z-index: 5;
    overflow: hidden;
    width: 100%;
    height: 0;
    margin: 0 auto;
    padding: 0;
    background:var(--offblack);
    transition: 0.3s ease;
}
.search-slider input[type="submit"]:hover {
    background: #323746;
}
input.search-icon-trigger:checked + .search-slider {
    height: auto;
    margin: 0 auto;
    padding: 20px 0;
}
form.search-form {
    overflow: hidden;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
	width:98%;
    margin: 0 auto;
    border-radius: 30px;
    background: #f8f8f8 !important;
}
.search-form input[type="text"] {
    width: calc(100% - 60px) !important;
    height: auto!important;
    margin: 0;
    padding: 18px 28px !important;
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 400;
    color: #323a40 !important;
    box-sizing: border-box !important;
    border-radius: 0;
    border: 0 !important;
    background: #f8f8f8 !important;
    font-family: "Be Vietnam Pro", sans-serif !important;
}
.search-form button[type="submit"] {
    position: relative;
    z-index: 1;
    cursor: pointer;
    width: 60px;
    height: 51px;
    margin: 0;
    padding: 0;
    font-size: 20px;
    color: #121212;
    border: none;
    border-radius: 0;
    transition: all 0.2s ease-in-out;
    -webkit-appearance: none;
    font-family: "Font Awesome 7 Free";
}
.search-form button[type="submit"]:hover {
    color: #555;
}
.search-form button[type="submit"]:focus {
    color: #000;
}*/



@media screen and (max-width: 1450px) {
    .dropdown-search-icon {margin: 0 3% 0 20px;}
}

@media screen and (max-width: 1024px) {
	form.simple-signup-form {flex-flow: column wrap;}
	.signup-form-body {flex-flow:column wrap; gap:20px; max-width:450px; margin:0 auto;}
	
	
    .fieldsWrap {
        margin: 0;
    }
    .singleFields {
        width: 100%;
    }
    .dualFields {
        width: 100%;
    }
    .thirdFields {
        width: 100%;
    }
    .fieldsBorder {
        margin: 0 0 16px;
    }
    .site-form .checkFields .checkbox {
        width: calc(100% - 16px);
    }
}

@media screen and (max-width: 1000px) {
	form.search-form {width: 265px;}
	.search-form input[type="text"] {min-width: 225px; font-size: 16px !important;}
    
}
@media screen and (max-width: 768px) {
    #submit-btn, #submit-btn button {width: 100%;}
}

@media screen and (max-width: 500px) {
	form.search-form {width:100%;}
	.search-form input[type="text"] {min-width:initial;}
}