/*  User registration form css */

 form#user-register-form div#edit-field-gender-wrapper,
 form#user-register-form div#edit-field-email-wrapper,
 form#user-register-form div#edit-field-mailing-address-wrapper,
 form#user-register-form div#edit-account,
 form#user-register-form div#edit-field-season-trip-offerings-wrapper,
 form#user-register-form div#edit-field-trip-offering-wrapper,
 form#user-register-form div#edit-field-trip-offering-second-wrapper,
 form#user-register-form div#edit-field-trip-offering-third-wrapper {
        max-width: 40.7%;
 }

 form#user-register-form .js-form-item input {
         min-height: 2.375rem;
 }

 .path-user .register-form#content {
         display: unset !important;
 }

 .path-user .site-header {
         display: none !important;
 }

 .path-user .messages-list {
         padding-top: 150px;
 }

 header#header.register-header {
         display: block !important;
         margin-bottom: 10px;
 }

 #edit-field-primary-phone-0-value-counter,
 #edit-mail--description,
 .path-user #edit-field-primary-phone-0-value-counter,
 .path-user .mobile-buttons,
 .user-register-form #edit-pass .password-suggestions {
        display: none !important;
 }

 .user-register-form #edit-field-first-name-wrapper,
 .user-register-form #edit-field-date-of-birth-wrapper,
 .user-register-form #edit-field-mailing-address-wrapper,
 .user-register-form #edit-group-select-universities {
         width: 48%;
         float: left;
 }

 .user-register-form #edit-field-last-name-wrapper,
 .user-register-form #edit-field-date-of-birth-wrapper,
 .user-register-form #edit-field-primary-phone-wrapper,
 .user-register-form #edit-group-select-universities {
         width: 48%;
         float: right;
 }

 .user-register-form #edit-pass {
         display: flex;
         justify-content: space-between;

 }

 .user-register-form .password-strength__title {
         white-space: nowrap;
 }

 .user-register-form h4.form-item__label.js-form-required.form-required {
         font-size: 11px;
 }

 .user-register-form div#edit-actions {
         display: flex;
         justify-content: end;
         margin-right: 14%;
         margin-top: -126px;
 }

 form#user-register-form {
         box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
         padding: 30px 80px;
         margin-top: -45px;
 }

 .user-register-form input#edit-field-first-name-0-value,
 .user-register-form input#edit-field-last-name-0-value,
 .user-register-form select#edit-field-gender,
 .user-register-form input#edit-field-date-of-birth-0-value-date,
 .user-register-form #edit-field-primary-phone-0-value,
 .user-register-form #edit-field-season-trip-offerings,
 .user-register-form #edit-field-mailing-address-0-value,
 .user-register-form #edit-field-season-trip-offering,
 .user-register-form #edit-field-trip-offering,
 .user-register-form #edit-mail,
 .user-register-form #edit-name,
 .user-register-form #edit-pass-pass1,
 .user-register-form #edit-pass-pass2,
 .user-register-form #edit-field-university-first-0-target-id,
 .user-register-form #edit-field-university-second-0-target-id,
 .user-register-form #edit-field-university-thirds-0-target-id,
 .user-register-form #edit-field-trip-offering-third,
 .user-register-form #edit-field-trip-offering-second {
         border: unset !important;
         box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
         outline: unset !important;
         margin-right: 10px;
 }

 #block-createnewaccount h1.title.page-title {
         color: #6e7172;
         font-weight: 600;

 }

 #block-createnewaccount {
         text-align: center;
         /* margin-top: -120px; */
 }

 .user-register-form #edit-field-mailing-address-0-value {
         padding: unset !important;
 }

 .user-register-form #edit-submit {
         background:#00BDD6FF;
         border-radius: 25px;
         outline: unset;
         border: unset;
         font-weight: 600;
         font-family: 'Epilogue', sans-serif;
         max-height: 2.5rem;
 }

 .user-register-form label.form-item__label.js-form-required.form-required,
 .user-register-form .password-confirm-message,
 .user-register-form .password-strength__title,
 .user-register-form #edit-field-university-first-0-target-id--description,
 .user-register-form .form-item__label {
         font-family: 'metropolis';
         color: #737473;
 }

 .user-register-form #edit-field-gender,
 .user-register-form #edit-field-season-trip-offerings,
 .user-register-form #edit-field-trip-offering,
 .user-register-form #edit-field-trip-offering-third,
 .user-register-form #edit-field-trip-offering-second {
         font-family: 'metropolis';
 }

 .path-user #edit-field-primary-phone-0-value {
         width: 38%;
 }

 #block-userlogin {
         display: flex;
         justify-content: end;
         width: 100%;
         margin-top: -92px;

 }

 #block-userlogin a {
         background:#00BDD6FF;
         border-radius: 25px;
         outline: unset;
         border: unset;
         color: #fff;
         padding: 20px 30px;
         word-spacing: -3px;
         font-size: 16px;
         font-weight: 600;
         font-family: 'Epilogue', sans-serif;
         box-shadow: unset !important;

 }

 #block-userlogin a:hover {
         box-shadow: unset !important;
         text-decoration: none;

 }

 #block-userlogin a:focus:before {
         border: unset !important;
 }

 @media (min-width:1024px) and (max-width: 1199px) {
         .user-register-form #edit-field-first-name-wrapper {
                 width: 40% !important;
         }

         /* #block-userlogin {
                 width: 92%;
         } */

         .user-register-form div#edit-actions {

                 margin-right: 6%;
         }

 }

 @media (min-width:1200px) and (max-width: 1399px) {
         .user-register-form #edit-field-first-name-wrapper {
                 width: 40% !important;
         }

         .user-register-form div#edit-actions {
                 margin-right: 24%;
         }

         #block-userlogin {
                 width: 100%;
         }

 }

 /* Ipad Css  */
 @media (min-width:768px) and (max-width: 1023px) {

         #user-register-form #edit-field-first-name-0-value,
         #user-register-form #edit-field-last-name-0-value,
         #user-register-form #edit-field-gender-wrapper,
         #user-register-form #edit-field-gender-wrapper,
         #user-register-form #edit-field-mailing-address-0-value,
         #user-register-form #edit-group-select-universities,
         #user-register-form #edit-field-season-trip-offerings-wrapper,
         #user-register-form #edit-field-trip-offering,
         #user-register-form #edit-account,
         #user-register-form #edit-mail {
                 width: 100% !important;
         }

         .user-register-form div#edit-actions,
         .user-register-form #edit-pass,
         #block-olivero-content.olivio-loginform,
         .user-register-form div#edit-actions {
                 display: unset !important;

         }

         .homepage-logo.register-logo {
                 display: block !important;
                 zoom: 60%;
         }

         .path-user #edit-field-primary-phone-0-value {
                 width: 60%;
         }

         #block-createnewaccount {
                 margin-top: unset !important;
         }

         form#user-register-form {
                 margin-top: -20px;
         }

         .user-register-form #edit-field-last-name-wrapper,
         .user-register-form #edit-field-date-of-birth-wrapper,
         .user-register-form #edit-field-primary-phone-wrapper,
         .user-register-form #edit-group-select-universities,
         .user-register-form #edit-field-first-name-wrapper,
         .user-register-form #edit-field-date-of-birth-wrapper,
         .user-register-form #edit-field-mailing-address-wrapper,
         .user-register-form #edit-group-select-universities,
         .user-register-form #edit-field-trip-offering-wrapper {
                 width: unset !important;
                 float: unset !important;
         }

         form#user-register-form div#edit-field-gender-wrapper,
         form#user-register-form div#edit-field-email-wrapper,
         form#user-register-form div#edit-field-mailing-address-wrapper,
         form#user-register-form div#edit-field-season-trip-offerings-wrapper,
         form#user-register-form div#edit-field-trip-offering-wrapper,
         form#user-register-form div#edit-account,
         form#user-register-form fieldset#edit-group-select-universities {
                 max-width: unset !important;
         }

         .user-register-form div#edit-actions {
                 position: unset !important;
                 margin-top: unset !important;
                 margin-left: unset !important;
         }

         form#user-register-form {
                 padding: 10px 30px !important;
                 margin-top: -10px;
         }

         .register-header .site-header__inner__container {
                 display: contents !important;
                 text-align: center;
         }

         #block-createnewaccount h1.title.page-title {
                 font-size: 1.3rem !important;
         }

         #block-userlogin {
                 width: 100%;
                 margin-top: -84px;
         }
 }

 @media (min-width:992px) and (max-width: 1023px) {
         #block-userlogin {
                 width: 100% !important;
         }

 }

 @media (min-width:360px) and (max-width: 464px) {
         #block-userlogin {
                 width: 97% !important;
         }

 }

 @media (min-width:465px) and (max-width: 530px) {
         #block-userlogin {
                 width: 74% !important;
         }
 }

 @media (min-width:360px) and (max-width: 767px) {
         .homepage-logo.register-logo {
                 display: block !important;
                 zoom: 60%;
         }

         .path-user #edit-field-primary-phone-0-value {
                 width: 60%;
         }

         #block-createnewaccount {
                 margin-top: unset !important;
         }

         form#user-register-form {
                 margin-top: -20px;
         }

         .user-register-form #edit-field-last-name-wrapper,
         .user-register-form #edit-field-date-of-birth-wrapper,
         .user-register-form #edit-field-primary-phone-wrapper,
         .user-register-form #edit-group-select-universities,
         .user-register-form #edit-field-first-name-wrapper,
         .user-register-form #edit-field-date-of-birth-wrapper,
         .user-register-form #edit-field-mailing-address-wrapper,
         .user-register-form #edit-group-select-universities,
         .user-register-form #edit-field-trip-offering-wrapper {
                 width: unset !important;
                 float: unset !important;
         }

         form#user-register-form div#edit-field-gender-wrapper,
         form#user-register-form div#edit-field-email-wrapper,
         form#user-register-form div#edit-field-mailing-address-wrapper,
         form#user-register-form div#edit-field-season-trip-offerings-wrapper,
         form#user-register-form div#edit-field-trip-offering-wrapper,
         form#user-register-form div#edit-account,
         form#user-register-form fieldset#edit-group-select-universities {
                 max-width: unset !important;
         }

         .user-register-form #edit-pass,
         #block-olivero-content.olivio-loginform,
         .user-register-form div#edit-actions {
                 display: unset !important;

         }

         .user-register-form div#edit-actions {
                 position: unset !important;
                 margin-top: unset !important;
                 margin-left: unset !important;
         }

         form#user-register-form {
                 padding: 10px 30px !important;
                 margin-top: -10px;
         }

         .register-header .site-header__inner__container {
                 display: contents !important;
                 text-align: center;
         }

         #block-createnewaccount h1.title.page-title {
                 font-size: 1.3rem !important;
         }

         #block-userlogin {
                 width: 64%;
                 margin-top: -59px;
         }

 }