body.only-form-page #section-breadcrumb,
body.search-page #section-breadcrumb {
  display: none;
}
body.only-form-page .inv-body-inner,
body.search-page .inv-body-inner {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
body.only-form-page #section-main-content {
  padding: 160px 0 100px!important;
  background: url(/themes/spa_enar_sub/assets/images/web_form_bg.jpg)center center no-repeat;
  background-size: cover;
  flex: 1;
}

body.only-form-page form,
body.search-page form,
body.only-form-page .member_only_content_wrapper {
  max-width: 540px;
  background:#fff;
  margin:0 auto ;
  padding:50px 60px 50px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
  border-radius: 12px;
}
body.search-page form {
  padding:40px 60px 40px!important;
}
body.only-form-page .messages--error,
body.only-form-page .messages--warning {
  max-width: 540px;
  margin:0 auto 30px;
  box-shadow: none;
  border-radius: 6px;
}
body.only-form-page .messages--error {
  border:1px solid #a51b00;
}
body.only-form-page .messages--warning {
  border:1px solid #d69e31;
}
body.only-form-page h1 {
  font-size: 28px;
  color: #12346f;
  margin: 0 0 0 6px;
  padding: 0;
  white-space: nowrap;
}
#edit-container {
  margin: 0;
  padding: 0;
}
body.only-form-page form .description,
body.only-form-page form .title,
body.only-form-page form .title-inside-form,
body.only-form-page form .form-title-inside-form {
  margin-bottom: 25px;
  margin-top: 4px;
}
body.only-form-page .webform-submission-form .title {
  margin-bottom: 8px;
}

body.only-form-page form .title,
body.only-form-page form .title-inside-form {
  display: flex;
  align-items: center;
  justify-content: center;
}
body.only-form-page  form.user-login-form .title-inside-form {
  flex-direction: column;
}
body.only-form-page form .title .header,
body.only-form-page form .title-inside-form .header {
  display: flex;
  margin-bottom:15px;
}
body.only-form-page form .title .content p,
body.only-form-page form .title-inside-form .content p {
  text-align: center;
  line-height: 24px;
}
body.only-form-page .webform-submission-form .webform-element-description p {
  text-align: center;
  margin-bottom:5px;
}
body.only-form-page label {
  font-weight: 400;
  color: #222222;
  font-size: 15px;
  line-height: normal;
}
body.search-page .js-form-item label {
  color: #222222;
  font-size: 20px;
}
body.only-form-page input,
body.search-page input {
  width: 100%;
  border-radius: 3px;
  font-size: 15px;
}
body.search-page .js-form-item {
  width: 100%;
  text-align: center;
}
body.only-form-page .js-form-item,
body.search-page .js-form-item {
  margin-bottom: 1.5em;
}
body.only-form-page .webform-submission-form select,
body.only-form-page .user-register-form select {
  background: url(/themes/spa_enar_sub/assets/images/select_arrow.svg) no-repeat;
  -webkit-appearance: none;
  background-position-y:center;
  background-position-x:96%;
  border-radius: 3px;
}
body.only-form-page .webform-submission-form legend {
  border: none;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 400;
}
body.only-form-page .form-submit,
body.class-by-node-type-hkbu_spa_programme .comment-form .form-actions input,
.comment-area-login-btn a,
body.search-page #edit-submit-hkbu-spa-global-search,
body.search-page #edit-submit-hkbu-spa-global-search--2 {
  display: block;
  width:auto;
  margin: 0 auto;
  padding: 10px 60px;
  border-radius: 24px;
  font-size: 15px;
  color: #fff;
  border:none;
  background: rgb(212,30,96);
  background: -moz-linear-gradient(90deg, rgba(212,30,96,1) 0%, rgba(32,80,163,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(212,30,96,1) 0%, rgba(32,80,163,1) 100%);
  background: linear-gradient(90deg, rgba(212,30,96,1) 0%, rgba(32,80,163,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d41e60",endColorstr="#2050a3",GradientType=1);
}
.comment-area-login-btn {
  width:fit-content;
}
.comment-area-login-btn a {
  display:flex;
  align-items: center;
  padding: 10px 20px;
}
.comment-area-login-btn a img {
  margin-right: 4px;
}
body.only-form-page .form-submit:hover,
.comment-area-login-btn a:hover,
body.search-page #edit-submit-hkbu-spa-global-search:hover,
body.only-form-page .member_only_content_btn .login_btn:hover {
  color: #fff;
  background:rgba(32,80,163,1);
}
body.only-form-page .webform-submission-form .form-checkboxes input {
  width:auto;
}
body.only-form-page .webform-submission-form .form-checkboxes .js-form-item {
  margin-bottom: 14px;
}
body.only-form-page .webform-submission-form .form-checkboxes label {
  margin-left: 4px;
}

/* login */
body.only-form-page .link-before-submit-btn a {
  padding: 10px 44px;
  border-radius: 24px;
  font-size: 15px;
  color: #fff;
  border:none;
  background: rgb(212,30,96);
}
body.only-form-page .link-before-submit-btn a:hover {
  background: #ba1651;
  transition: all 0.6s cubic-bezier(0.2, 1, 0.2, 1);
}
body.only-form-page #edit-actions,
body.only-form-page .member_only_content_btn {
  text-align: center;
  margin-top: 30px;
}
body.only-form-page .user-login-form .form-submit,
body.only-form-page .link-before-submit-btn,
body.only-form-page .member_only_content_btn a {
  display: inline-block!important;
  margin: 0 6px 0!important;
}
body.only-form-page .user-login-form .desc-end-form,
body.only-form-page .remote-login-form .form-desc-end-form  {
  text-align: center;
}
body.only-form-page .user-login-form .forget-password a {
  font-size: 15px;
}
body.only-form-page .user-login-form .split-line {
  display: flex;
  align-items: center;
  justify-content: center;
}
body.only-form-page .user-login-form .split-line span {
  background-color: #dedede;
  height:1px;
  width: 135px;
  display: block;
  margin: 30px 10px 30px;
}
body.only-form-page .other-login-link a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  font-size: 16px;
}
body.only-form-page .other-login-link .logo-link {
  margin-top:0px;
}
body.only-form-page .other-login-link a img {
  margin-right: 4px;
}
body.only-form-page .remote-login-form .form-title-inside-form {
  text-align: center;
}
body.only-form-page .remote-login-form .form-title-inside-form p {
  margin-top: 20px;
  color: #222222;
  font-size:18px;
}
body.only-form-page .user-pass p {
  font-size: 14px;
}
.password-suggestions {
  border-radius: 3px;
  padding: 14px;
  margin-top: 0px;
}
.password-suggestions ul {
  margin-top: 8px;
  font-size: 15px;
}
body.only-form-page .form-type-managed-file .form-submit {
  font-size: 14px;
  padding: 8px 20px;
  margin:10px 0 0;
  background: rgb(212,30,96);
}
body.only-form-page .password-confirm {
  margin-top:4px;
}
.user-register-form .description, .password-strength__title,
.password-confirm, body.only-form-page form .description {
  color: #767676;
}
body.search-page #section-main-content {
  padding: 160px 0 100px!important;
  background-color:#e0f8ff;
  flex: 1;
}
#block-exposedformhkbu-spa-global-searchpage-1 .block-title{
  display: none;
}
.view-id-hkbu_spa_global_search {
  background: #fff;
  padding: 50px 60px 50px;
  border-radius: 12px;
  -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 15%);
  box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 15%);
  margin-top: 20px;
}
.view-id-hkbu_spa_global_search .view-content {
  margin-top: 20px;
}
.view-id-hkbu_spa_global_search .view-content .views-row {
  padding:25px 0;
  border-bottom: 1px solid #e6e6e6;
}
.view-id-hkbu_spa_global_search .view-content h2 {
  font-size: 20px;
  margin-bottom: 10px;
}
.webform-confirmation__message, .webform-confirmation__back {
  text-align: center;
  font-size:20px;
  margin: 0;
}


/* member only */
body.only-form-page .member_only_content_wrapper {
  text-align: center;
}
body.only-form-page .member_only_node_content {
  background-color: #f9f9f9;
  padding: 25px 45px;
  border-radius:4px;
  min-height: 280px;
}
body.only-form-page .member_only_node_content p {
  font-size: 18px;
  color: #222222;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: normal;
  margin: 10px 0 0 0;
}
body.only-form-page .member_only_node_content img {
  padding: 0 5%;
}
body.only-form-page .member_only_content_btn a {
  padding: 10px 44px;
  display: block;
  width:auto;
  margin: 0 auto;
  border-radius: 24px;
  font-size: 15px;
  color: #fff;
  border:none;
}
body.only-form-page .member_only_content_btn .back_btn {
  background-color: #767676;
}
body.only-form-page .member_only_content_btn .back_btn:hover {
  background-color: #626262;
}
body.only-form-page .member_only_content_btn .login_btn {
  background: rgb(212,30,96);
  background: -moz-linear-gradient(90deg, rgba(212,30,96,1) 0%, rgba(32,80,163,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(212,30,96,1) 0%, rgba(32,80,163,1) 100%);
  background: linear-gradient(90deg, rgba(212,30,96,1) 0%, rgba(32,80,163,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d41e60",endColorstr="#2050a3",GradientType=1);
}
@media screen and (max-width:991px) {
  body.only-form-page form,
  body.search-page form,
  body.search-page .view-id-hkbu_spa_global_search,
  body.only-form-page .member_only_content_wrapper {padding: 30px!important}
}
@media screen and (max-width:767px) {
  body.only-form-page .user-login-form .form-submit,
  body.only-form-page .link-before-submit-btn,
  body.only-form-page .link-before-submit-btn a,
  body.only-form-page .form-submit,
  body.class-by-node-type-hkbu_spa_programme .comment-form .form-actions input,
  .comment-area-login-btn a,
  body.search-page #edit-submit-hkbu-spa-global-search,
  body.search-page #edit-submit-hkbu-spa-global-search--2,
  body.only-form-page .member_only_content_btn .back_btn,
  body.only-form-page .member_only_content_btn .login_btn {
    display:block!important;
    width: 100%;
    margin-bottom: 20px!important;
  }
  body.only-form-page .member_only_node_content{padding: 25px 20px;}
  body.only-form-page .member_only_node_content img {width: 100%;}
}

form .js-form-item-member-type {
  display: none;
}

body.user-edit-page .messages--status {
  display: none;
}