/*   Sue Adams Law   */
@font-face {
  font-family: LibreFranklin-Regular;
  src: url("fonts/LibreFranklin-Regular.ttf");
}
body {
  font-size: 14px !important;
  color: #153134 !important;
  font-family: LibreFranklin-Regular !important;
  /*line-height: 22px;*/
}
.button {
  color: #ffffff !important;
  background-color: #009382 !important;
  border: 1px solid #009382 !important;
  padding: 10px 20px 10px 20px;
  border-radius: 6px;
  margin-top: 10px;
  cursor: pointer;
  font-family: LibreFranklin-Regular;
  text-transform: uppercase !important;
  font-weight: 500 !important;
}
.button:hover {
  color: #d7eee9 !important;
  background-color: #153134 !important;
  border: 1px solid #153134 !important;
}
#login_savepassword {
  padding-top: 10px !important;
}
#login_forgottenpassword a {
  color: #009382 !important;
}
#login_loginbutton {
  left: 234px !important;
}
#forgotpass_goback {
  left: 216px !important;
}
/*   TO HIDE FIELDS   */
#registration_CompanyName, #registration_CompanyNamebox, #registration_Title, #registration_Titlebox, #registration_Gender, #registration_Genderbox, #registration_Address1, #registration_Address1box, #registration_Address2box, #registration_Address3box, #registration_Address4box, #registration_City, #registration_Citybox, #registration_Postcode, #registration_Postcodebox, #registration_Country, #registration_Countrybox {
  display: none;
}
/*   SIGNUP PAGE, LOGIN PAGE and FORGET PASSWORD   */
#registration_Firstnamebox .inputTextBox, #registration_Surnamebox .inputTextBox, #registration_EmailAddressbox .inputTextBox, #registration_StandardProfilebox .dropDownList, #registration_Questionbox .dropDownList, #registration_Usernamebox .inputTextBox, #registration_NewPasswordbox .inputTextBox, #registration_ConfirmPasswordbox .inputTextBox, #login_usernamebox .inputTextBox, #login_passwordbox .inputTextBox, #forgotpass_Usernamebox .inputTextBox {
  border: 1px solid #d1d5db !important;
  color: #153134 !important;
  font-size: 14px !important;
  border-radius: 6px !important;
  padding: 10px 12px !important;
  margin-bottom: 6px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
  transition: all 0.3s ease !important;
  outline: none !important;
  background: #fbfbfb !important;
  font-family: LibreFranklin-Regular !important;
}
.registration_buttons {
    margin-top: 10px !important;
    padding: 10px 30px 0px 30px !important;
    background: #F1FDFA !important;
    border-radius: 10px !important;
}
#registration_maintitle {
    margin-bottom: 30px;
    padding: 20px;
    background: #F1FDFA;
    border-left: 4px solid #009382;
    border-radius: 8px;
    line-height: 1.7;
}



/* Keep checkbox and text on same row */
.registration_buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.registration_buttons #ctl00_ContentPlaceHolder1_lblOptIn {
    width: 100%;
}

.registration_buttons .AcceptedAgreement {
    margin-right: 10px;
}

.registration_buttons label {
    flex: 1;
    margin: 0;
}

/* Register button starts on a new line */
#registration_registrationbutton {
    width: 100%;
    flex-basis: 100%;
    margin-top: 20px;
    clear: both;
}


/* Make all input fields, selects, and textareas 50% width */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"] {
    width: 137% !important;
    max-width: 137%;
    box-sizing: border-box;
}
#registration_Questionbox .dropDownList
{
	width: 24.20% !important;
    max-width: 24.20% !important;
}
/* Optional: better spacing between fields */
input,
select,
textarea {
    margin-bottom: 12px;
}

/* Optional: align form nicely */
form {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

/* Make labels stay above or aligned properly */
label {
    display: block;
    width: 100%;
}

/* Mobile responsive: full width again on small screens */
@media (max-width: 768px) {
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="number"],
    input[type="password"]{
        width: 100% !important;
        max-width: 100%;
    }
#registration_Questionbox .dropDownList
{
	width: 96% !important;
    max-width: 96% !important;
}
}