:root {
    --theme-color-black: #333333;
    --theme-color-brown: #423A3A; 
    --theme-color-red: #CD3A24;
    --theme-color-white: #FEFFFF;
}
@font-face {
    font-family: 'AdiHaus';
    src: url('https://assets.codepen.io/6060109/adihaus_regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "AdiHaus";
    src: url("https://assets.codepen.io/6060109/adihaus_bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}
.two-column {display:block;}
.two-column > * {padding:0.5rem;}
@media (min-width:600px) {
    .two-column {display:grid;grid-template-columns:1fr 1fr;}
}
.OutlineInputFields ul{padding:0px;margin:0px;}
.OutlineInputFields li{display:block;padding:9px;border:1px solid teal;margin-bottom:20px;border-radius:0.15em;}
.OutlineInputFields li>label{display:block;float:left;margin-top:-22px;background-color:var(--theme-color-white);height:26px;padding:2px 5px 2px 5px;overflow:hidden;color:var(--teal); }
.OutlineInputFields input{border:1px solid var(--slateblue);width:100%;padding:5px 0 5px 8px;border-radius:0.15em;height:38px;box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.2);cursor:pointer;}
.OutlineInputFields textarea{border:1px solid var(--slateblue);width:100%;padding:5px 0 5px 8px;border-radius:0.15em;box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.2);cursor:pointer;}
#GoogledForm {
    ::placeholder {color:var(--inputbottomborder);opacity: 1;}
    :-ms-input-placeholder {color:var(--inputbottomborder);}
    ::-ms-input-placeholder {color:var(--inputbottomborder);}
    input[type=text] {width:100%;background:transparent;border-bottom:1px solid var(--inputbottomborder);border-top:none;border-left:none;border-right:none;border-radius:0.15em;width:100%;padding:5px 0 5px 8px;cursor:pointer;margin:4px}
    input[type=text]:hover{background-color:lightgrey}
    
    input[type=number] {width:100%;background:transparent;border-bottom:1px solid var(--inputbottomborder);border-top:none;border-left:none;border-right:none;border-radius:0.15em;width:100%;padding:5px 0 5px 8px;cursor:pointer;margin:4px}
    input[type=number]:hover{background-color:lightgrey}
    
    input[type=email] {width:100%;background:transparent;border-bottom:1px solid var(--inputbottomborder);border-top:none;border-left:none;border-right:none;border-radius:0.15em;width:100%;padding:5px 0 5px 8px;cursor:pointer;margin:4px}
    input[type=email]:hover{background-color:lightgrey}
    input[type=tel] {width:100%;background:transparent;border-bottom:1px solid var(--inputbottomborder);border-top:none;border-left:none;border-right:none;border-radius:0.15em;width:100%;padding:5px 0 5px 8px;cursor:pointer;margin:4px}
    input[type=tel]:hover{background-color:lightgrey}
    input[type=url] {width:100%;background:transparent;border-bottom:1px solid var(--inputbottomborder);border-top:none;border-left:none;border-right:none;border-radius:0.15em;width:100%;padding:5px 0 5px 8px;cursor:pointer;margin:4px}
    input[type=url]:hover{background-color:lightgrey}
    input[type=password] {width:100%;background:transparent;border-bottom:1px solid var(--inputbottomborder);border-top:none;border-left:none;border-right:none;border-radius:0.15em;width:100%;padding:5px 0 5px 8px;cursor:pointer;margin:4px}
    input[type=password]:hover{background-color:lightgrey}
    textarea{border-bottom:1px solid var(--inputbottomborder);border-top:none;border-left:none;border-right:none;border-radius:0.15em;width:100%;padding:5px 0 5px 8px;width:100%;background:transparent;}
    textarea:hover{background-color:lightgrey}
    select {appearance:none;}
    select {border-bottom:1px solid var(--inputbottomborder);border-top: none;border-left: none;border-right: none; border-radius:0.15em;width:100%;padding:5px 0 5px 8px;height:38px;cursor:pointer;background-color:transparent;color:var(--inputbottomborder);;
        option {color:var(--inputbottomborder);}
        option:not(:checked) {background:transparent}
    }
    select:hover{background-color:lightgrey}
    #emailError {color:var(--red);}
    .error input {border: 2px solid var(--red);}
    .RequiredMessage {font-size:1em;font-weight:700;font-style:italic;text-transform:uppercase;color:#FF0000;letter-spacing:2px;padding-left:5px;text-align:left;}
    .RequiredMessage input {border-bottom:2px solid var(--red);border-top:2px solid var(--red);border-left:2px solid var(--red);border-right:2px solid var(--red); border-radius:0.15em;width:100%;}
}

/* For Buttons */
.Button-280W{align-items:center;justify-content:center;width:280px;padding:5px;text-decoration:none;background-color:var(--theme-color-brown);color:white;font-size:1.2em;font-weight:500;border:2px solid white;border-radius:16px;cursor:pointer;}
.Button-280W i{font-size:1em;margin-left:auto;}

.Button-200B{align-items:center;justify-content:center;width:180px;padding:5px;text-decoration:none;background-color:var(--theme-color-brown);color:white;font-size:1em;font-weight:500;border:2px solid black;border-radius:16px;cursor:pointer;}
.Button-200B i{font-size:1em;margin-left:auto;}

.ForgotButton{display:flex;align-items:center;justify-content:center;width:250px;padding:10px;text-decoration:none;background-color:var(--clr-dropdown-link-hov);color:var(--clr-bg-header);font-size:1em;font-weight:600;border:solid var(--clr-bg-header);border-radius:16px;}
.ForgotButton i{margin-left:auto;}
.ForgotButton span{font-size:1em;color:var(--navy);margin-left:auto}

/* End Buttons */