@font-face {
    font-family: 'Gotham A';
    src: url('../fonts/gotham/Gotham-Medium.woff2') format('woff2'),
        url('../fonts/gotham/Gotham-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham A';
    src: url('../fonts/gotham/Gotham-LightItalic.woff2') format('woff2'),
        url('../fonts/gotham/Gotham-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham A';
    src: url('../fonts/gotham/Gotham-MediumItalic.woff2') format('woff2'),
        url('../fonts/gotham/Gotham-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham A';
    src: url('../fonts/gotham/Gotham-Bold.woff2') format('woff2'),
        url('../fonts/gotham/Gotham-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham A';
    src: url('../fonts/gotham/Gotham-BookItalic.woff2') format('woff2'),
        url('../fonts/gotham/Gotham-BookItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham A';
    src: url('../fonts/gotham/Gotham-Book.woff2') format('woff2'),
        url('../fonts/gotham/Gotham-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham A';
    src: url('../fonts/gotham/Gotham-BoldItalic.woff2') format('woff2'),
        url('../fonts/gotham/Gotham-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham A';
    src: url('../fonts/gotham/Gotham-Light.woff2') format('woff2'),
        url('../fonts/gotham/Gotham-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@media all {
  input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
  }
}

@media all {
  button::-moz-focus-inner {
    padding: 0;
    border: 0;
  }
}

@media all {
  body {
    margin: 0;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
      sans-serif, Apple Color Emoji, Segoe UI Emoji;
    background: #fff;
     color: #000;
  }
  button,
  input,
  select {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
  }
  button,
  select {
    text-transform: none;
  }
  [type="submit"],
  button {
    -webkit-appearance: button;
  }
  h2,
  p {
    margin: 0;
  }
  button {
    background-color: transparent;
    background-image: none;
  }
  button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
  }
  body {
    font-family: inherit;
    line-height: inherit;
  }
  *,
  :after,
  :before {
    box-sizing: border-box;
    border: 0 solid #dfdfdf;
  }
  img {
    border-style: solid;
  }
  input::-webkit-input-placeholder {
    color: #9ca3af;
  }
  input:-ms-input-placeholder {
    color: #9ca3af;
  }
  input::placeholder {
    color: #9ca3af;
  }
  button {
    cursor: pointer;
  }
  h2 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    text-decoration: inherit;
  }
  button,
  input,
  select {
    padding: 0;
    line-height: inherit;
    color: inherit;
  }
  iframe,
  img {
    display: block;
    vertical-align: middle;
  }
  img {
    max-width: 100%;
    height: auto;
  }
  [type="email"],
  [type="password"],
  select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    border-radius: 0;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }
  [type="email"]:focus,
  [type="password"]:focus,
  select:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
      calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow, 0 0 transparent);
    border-color: #2563eb;
  }
  input::-webkit-input-placeholder {
    color: #6b7280;
    opacity: 1;
  }
  input:-ms-input-placeholder {
    color: #6b7280;
    opacity: 1;
  }
  input::placeholder {
    color: #6b7280;
    opacity: 1;
  }
  select {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
  }
  .container {
    width: 100%;
  }
  @media (min-width: 640px) {
    .container {
      max-width: 640px;
    }
  }
  @media (min-width: 768px) {
    .container {
      max-width: 768px;
    }
  }
  @media (min-width: 1024px) {
    .container {
      max-width: 1024px;
    }
  }
  @media (min-width: 1280px) {
    .container {
      max-width: 1280px;
    }
  }
  @media (min-width: 1536px) {
    .container {
      max-width: 1536px;
    }
  }
  .aspect-w-16 {
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
  }
  .aspect-w-16 > * {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .aspect-w-16 {
    --tw-aspect-w: 16;
  }
  .aspect-h-9 {
    --tw-aspect-h: 9;
  }
  .btn-primary {
    font-weight: 700;
    height: 3rem;
    font-size: 0.75rem;
    line-height: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    width: 100%;
    transition-property: background-color, border-color, color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
    --tw-bg-opacity: 1;
    background-color: rgba(4, 54, 115, var(--tw-bg-opacity));
  }
  .btn-primary:focus,
  .btn-primary:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(20, 46, 92, var(--tw-bg-opacity));
  }
  .btn-primary {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }
  .btn-secondary {
    font-weight: 700;
    height: 3rem;
    font-size: 0.75rem;
    line-height: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    width: 100%;
    transition-property: background-color, border-color, color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }
  .btn-secondary {
    border-width: 2px;
    --tw-text-opacity: 1;
    color: rgba(4, 54, 115, var(--tw-text-opacity));
  }
  .link-btn {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .link-btn {
    font-weight: 700;
    height: 3rem;
    font-size: 0.75rem;
    line-height: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    width: 100%;
    transition-property: background-color, border-color, color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
    display: -ms-flexbox;
    display: flex;
  }
  .link-primary {
    --tw-text-opacity: 1;
    color: rgba(4, 54, 115, var(--tw-text-opacity));
  }
  .link-primary:focus,
  .link-primary:hover {
    --tw-text-opacity: 1;
    color: rgba(20, 46, 92, var(--tw-text-opacity));
  }
  .link-primary {
    text-decoration: underline;
    transition-property: background-color, border-color, color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
  }
  .bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }
  .border-grey-light {
    --tw-border-opacity: 1;
    border-color: #2d3136;
  }
  .border-2 {
    border-width: 2px;
  }
  .block {
    display: block;
  }
  .flex {
    display: -ms-flexbox;
    display: flex;
  }
  .grid {
    display: grid;
  }
  .flex-col {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .items-center {
    -ms-flex-align: center;
    align-items: center;
  }
  .justify-center {
    -ms-flex-pack: center;
    justify-content: center;
  }
  .flex-auto {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .font-bold {
    font-weight: 700;
  }
  .h-full {
    height: 100%;
  }
  .mt-1 {
    margin-top: 0.25rem;
  }
  .mt-8 {
    margin-top: 2rem;
  }
  .mb-8 {
    margin-bottom: 2rem;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .object-cover {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .p-4 {
    padding: 1rem;
  }
  .py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  * {
    --tw-shadow: 0 0 transparent;
    --tw-ring-inset: var(--tw-empty);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
  }
  .text-center {
    text-align: center;
  }
  .text-copy-label {
    --tw-text-opacity: 1;
    color: rgba(107, 107, 107, var(--tw-text-opacity));
  }
  .text-primary-dark {
    --tw-text-opacity: 1;
    color: rgba(20, 46, 92, var(--tw-text-opacity));
  }
  .text-primary {
    --tw-text-opacity: 1;
    color: rgba(4, 54, 115, var(--tw-text-opacity));
  }
  .uppercase {
    text-transform: uppercase;
  }
  .tracking-widest {
    letter-spacing: 0.1em;
  }
  .w-full {
    width: 100%;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  body {
    --tw-bg-opacity: 1;
    background-color: #0f0f0f;
    height: 100%;
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  @media (min-width: 768px) {
    .md\:flex-row {
      -ms-flex-direction: row;
      flex-direction: row;
    }
    .md\:mb-0 {
      margin-bottom: 0;
    }
    .md\:p-8 {
      padding: 2rem;
    }
  }
  #shm-login-frm .message {
    text-align: center;
    position: relative;
    top: -15px;
    display: none;
  }
  .page-template-portal-login .container._lg,
  .page-template-portal-register .container._lg,
  .page-template-portal-forgotpassword .container._lg,
   .page-template-portal-resetpassword .container._lg {
    padding: 0;
    max-width: 100%;
  }
  .page-template-portal-login main,
  .page-template-portal-register main,
  .page-template-portal-forgotpassword main,
   .page-template-portal-resetpassword main  {
    min-height: 100vh;
  }
  .page-template-portal-login main > div:first-child,
  .page-template-portal-register main > div:first-child,
  .page-template-portal-forgotpassword main > div:first-child,
   .page-template-portal-resetpassword main > div:first-child   {
    width: 50%;
  }
  .page-template-portal-login main .login-w,
  .page-template-portal-register main .login-w,
  .page-template-portal-forgotpassword main .login-w,
   .page-template-portal-resetpassword main .login-w {
    width: 50%;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-left: 0;
  }
  .page-template-portal-login main.bg-white,
  .page-template-portal-register  main.bg-white,
  .page-template-portal-forgotpassword  main.bg-white,
   .page-template-portal-resetpassword main.bg-white{
    background-color: #0f0f0f;
  }
  .page-template-portal-login main .login-w > div,
  .page-template-portal-register main .login-w > div,
  .page-template-portal-forgotpassword main .login-w > div,
   .page-template-portal-resetpassword main .login-w > div {
    width: 490px;
    max-width: 100%;
    margin: auto;
    padding: 0px 30px;
  }
  .login-left {
    background: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-radius: 16px;
    position: absolute;
    left: 48px;
    right: 48px;
    z-index: 1;
    top: 48px;
    bottom: 48px;
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .left-top img {
    padding: 0px 20px 10px;
    margin: auto;
    margin-top: 48px;
    margin-bottom: 7px;
  }
  .left-top p {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 20px;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
  }
  .left-bottom {
    padding-bottom: 62px;
  }
  .left-bottom a {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 700;
    font-size: 11px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #ffffff;
    display: flex;
    align-items: center;
    grid-gap: 8px;
    justify-content: center;
  }
  .left-bottom a i {
    width: 24px;
    height: 24px;
    background: url(images/arrow_right_back.svg)
      no-repeat 0px 0px;
    display: inline-block;
  }
  .left-middle h1 {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 300;
    font-size: 48px;
    line-height: 58px;
    text-align: center;
    letter-spacing: -0.04em;
    color: #ffffff;
    max-width: 454px;
    margin: auto;
    margin-bottom: 24px;
  }
  .left-middle p {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: #ffffff;
    max-width: 422px;
    margin: auto;
  }
  .login-w form > .grid.grid-cols-1 {
    grid-gap: 1.1rem;
  }
  .login-w input,
  .login-w select {
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 8px;
    background-color: #0f0f0f;
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 400 !important;
    font-size: 16px;
    line-height: 26px;
    color: #ffffff !important;
    margin-bottom: 15px;
    height: 60px !important;
    width: 100%;
    padding: 17px 24px;
  }
  .login-w input:focus,
  .login-w select:focus {
    border: 1px solid #fff !important;
  }
  .login-w label.block span {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 700;
    font-size: 11px;
    line-height: 24px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #ffffff;
    display: block;
  }
  .login-w input:-webkit-autofill,
  .login-w input:-webkit-autofill:hover,
  .login-w input:-webkit-autofill:focus,
  .login-w input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #0f0f0f inset;
    -webkit-text-fill-color: #fff !important;
    border: 1px solid #4b4b4b !important;
  }
  .login-w input:-webkit-autofill:focus,
  .login-w input:-webkit-autofill:active {
    border: 1px solid #fff !important;
  }
  .login-w .form-heading {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 24px;
  }
  .login-w a.link-primary {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    text-decoration-line: underline;
    color: rgba(255, 255, 255, 0.5);
  }
  .login-w .privacy-text,
  .login-w .privacy-text a.link-primary {
    font-size: 12px;
    line-height: 26px;
    color: rgba(255, 255, 255, 0.5);
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 400;
  }
  .login-w .privacy-text {
    margin-top: 10px;
  }
  .login-w form a.link-primary {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    text-decoration-line: underline;
    color: #ffffff;
  }
  .btn-primary {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 700;
    font-size: 11px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #ffffff;
    height: 60px !important;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
  }
  .btn-primary:hover,
  .btn-primary:focus {
    background: #fff;
    color: #0f0f0f;
  }
  .btn-secondary,
  .login-w .btn-secondary {
    background: transparent;
    border: 1px solid #505050;
    border-radius: 8px;
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 700;
    font-size: 11px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #ffffff;
    height: 60px !important;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
  }
  .btn-secondary:hover,
  .btn-secondary:focus,
  .login-w .btn-secondary:hover {
    border: 1px solid #ffffff;
    background: transparent;
  }
  .login-w .btn-primary {
    margin-bottom: 16px;
  }
  .member-login-btn {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 700;
    font-size: 11px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 8px;
    padding: 18px;
    width: 100%;
    margin-top: 50px;
    display: inline-block;
    margin-bottom: 50px;
  }
  .member-login-btn {
    display: none;
  }
  .portal-users-modal {
    background-color: #0f0f0f !important;
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .login-left {
      left: 25px;
      right: 25px;
      top: 25px;
      bottom: 25px;
      padding-left: 15px;
      padding-right: 15px;
    }
    .left-middle h1 {
      font-size: 34px;
      line-height: 40px;
    }
    .login-w input,
    .login-w select,
    .login-w .btn-primary,
    .login-w .btn-secondary {
      height: 50px !important;
    }
    .login-w input,
    .login-w select {
      line-height: 23px;
    }
    .login-w form > .grid.grid-cols-1 {
      grid-gap: 0.5rem;
    }
  }
  @media (max-width: 767px) {
    .page-template-portal-login main .login-w,
    .page-template-portal-register main .login-w {
      display: none;
      width: 100%;
      position: absolute;
      top: 0;
      background: #000;
      z-index: 2;
      min-height: 100%;
      padding-top: 58px;
      padding-bottom: 58px;
    }
    .page-template-portal-login main > div:first-child,
    .page-template-portal-register main > div:first-child,
    .page-template-portal-forgotpassword main > div:first-child {
      width: 100%;
      margin-bottom: 0px;
    }
    .page-template-portal-login main.bg-white,
    .page-template-portal-register main.bg-white,
    .page-template-portal-forgotpassword main.bg-white {
      flex-wrap: wrap;
    }

    .page-template-portal-register main .login-w,
    .page-template-portal-forgotpassword main .login-w {
        display: block;
    }

    .login-left {
      left: 24px;
      right: 24px;
      top: 24px;
      bottom: 24px;
      padding-left: 24px;
      padding-right: 24px;
      /*padding-right: 35px;*/
    }
    .left-middle h1 {
      font-weight: 300;
      font-size: 32px;
      line-height: 38px;
      letter-spacing: -0.04em;
      margin-bottom: 20px;
    }
    .left-middle p {
      font-weight: 300;
    }
    .left-top p {
      font-size: 10px;
      line-height: 20px;
      letter-spacing: 13px;
    }
    .login-w input,
    .login-w select {
      height: 56px !important;
    }
    .login-w .btn-primary,
    .login-w .btn-secondary {
      height: 56px !important;
    }
    .member-login-btn {
      display: inline-block;
    }
  }
}
/*! CSS Used from: https://shmnewportdev.wpengine.com/wp-content/themes/shm-portal/new-style.css?ver=1673037810 ; media=all */
@media all {
  .container {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
  }
  @media (max-width: 768px) {
    .container {
      padding-left: 20px;
      padding-right: 20px;
    }
  }
  .container._lg {
    max-width: 1470px;
  }
  .login-w {
    width: 38%;
    margin-left: 60px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
  .gap-2-3 {
    grid-gap: 2.3rem;
  }
  input[type="email"],
  input[type="password"],
  select {
    color: #043673;
  }
  input[type="email"]:focus,
  input[type="password"]:focus,
  select:focus {
    outline: none;
    box-shadow: none;
    border-color: #043673;
  }
  input::-webkit-input-placeholder {
    color: #949494;
  }
  input:-moz-placeholder {
    color: #949494;
  }
  input::-moz-placeholder {
    color: #949494;
  }
  input:-ms-input-placeholder {
    color: #949494;
  }
  select {
    font-weight: 400 !important;
  }
  .text-xs2 {
    font-size: 11px;
    line-height: 1.2;
  }
  @media (max-width: 767px) {
    .login-w,
    .page-template-portal-forgotpassword main .login-w {
      width: 100%;
      margin-left: 0;
    }
  }

  body.page-template-portal-login {
    background-color: #fff;
    color: #000;
  }
  .privacy-text {
    text-align: center;
    font-size: 13px;
  }
  .portal-users-modal {
    width: 700px;
    max-width: 100% !important;
    padding: 48px 44px 56px !important;
  }
  @media (min-width: 1050px) and (max-width: 1500px) {
    .login-w input,
    .login-w .btn-primary,
    .login-w .btn-secondary {
      height: 50px;
    }
    #shm-login-frm > div.grid.grid-cols-1 {
      grid-gap: 1.1rem;
    }
    .page-template-portal-login .aspect-h-9,
    .page-template-portal-register .aspect-h-9{
      --tw-aspect-h: 6;
    }
  }
  @media (max-width: 767px) {
    .portal-users-modal {
      padding: 25px 25px 45px !important;
    }

    .page-template-portal-register main > div:first-child, 
    .page-template-portal-forgotpassword main > div:first-child {
        --tw-aspect-h: 150;
        --tw-aspect-w: 100;
        display: none;
    }

    .forgot-password-nopb-msg{
        line-height: 150%;
    }

  }
}

#global-menu,
header.header-new {
  display: none !important;
}
.page-template-portal-forgotpassword .forgot-password-nopb-msg {
    font-size: 12px;
    text-align: center;
    margin-top: 15px;
}
.forgot-password-nopb-msg {
    color: #fff;
    margin-bottom: 40px;
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 300;
}

.shm-overlay{
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  background: rgba(0,0,0,0.8) url("images/shm-loading.svg?01") center no-repeat;
}
body.loading{
    overflow: hidden;   
}
body.loading .shm-overlay{
    display: block;
}

#shm-login-frm .message, #puser-register-frm .message {
    text-align: left;
    position: relative;
    top: -15px;
    display: none;
}
#shm-login-frm .message.error, #puser-register-frm .message.error {
    font-family: 'Gotham A', 'Gotham B';
    font-size: 16px;
    line-height: 26px;
    color: #FF8181 !important;
    background: #351010;
    border-radius: 8px; 
    padding:16px 24px;
    padding-left:58px;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
}

#shm-login-frm .message.error:before, #puser-register-frm .message.error:before {
  content:'';
  display: block;
  width:20px;
  height:20px;
  background: url(images/login-error-icon.svg) no-repeat 0px 0px;
  position: absolute;
  left: 26px;
  top:18px;
}

#shm-login-frm .message.success, #puser-register-frm .message.success {
  font-family: 'Gotham A', 'Gotham B';
  font-size: 16px;
  line-height: 26px;
  color: #B0F3BF;
  background: #0D230F;
  border-radius: 8px; 
  padding:16px 24px;
  padding-left:58px;
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
}

#shm-login-frm .message.success:before, #puser-register-frm .message.success:before {
  content:'';
  display: block;
  width:20px;
  height:20px;
  background: url(images/login-success-icon.svg) no-repeat 0px 0px;
  position: absolute;
  left: 26px;
  top:18px;
}

#shm-login-frm .resend-activation-email-btn {
    text-decoration: underline;
    margin-left: 5px;
}

.modal,
.blackcard-register-wrapper.fancybox-content,
.fancybox-inner .fancybox-content{
    max-width: 960px;
    min-width: 270px;
    margin: 0 auto;
    position: relative;
    padding: 56px 60px;
    background: #0F0F0F;
    border: 1px solid rgb(255 255 255 / 2%);
    border-radius: 16px;
}

.fancybox-content{
    font-family: "Gotham A", "Gotham B";
    font-weight: 400;
    font-style: normal;
    color:#fff;
    font-size: 14px;
}

.fancybox-content .margin-top-15{
    margin-top:15px;
}

.modal .modal__close {
    background-color: transparent;
    color: #043673;
    opacity: 1;
    outline: none;
}

.portal-users-modal{
    width:700px;
    max-width:100% !important;
    padding: 48px 44px 56px !important;	
}
.portal-users-modal .portal-users-marina-field-wrapper {
    display: block;
    margin: 0 auto;
    max-width: 440px;
    padding: 0 20px;
    position: relative;
    width: 100%;
}

.portal-users-modal .select-account-back-btn {
    background: url(images/icon-back.svg) no-repeat 0 0;
    display: block;
    font-size: 0;
    height: 16px;
    left: 20px;
    position: absolute;
    top: 0;
    width: 16px;
}

.portal-users-modal h2{
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 48px;
}

.portal-users-modal .portal-users {
    margin: 0 auto;
    max-width: 400px;
    padding: 0px;
    list-style: none;
}

.portal-users-modal .portal-users li{
    width:100%;
}

.portal-users-modal .portal-users li a{
    font-family: 'Gotham';
    font-style: normal;
    font-weight: 300;
    font-size: 13px;
    line-height: 24px;
    color: #FFFFFF;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 16px;
    display: block;
    padding: 24px 32px;
    margin-bottom: 16px;
    position:relative;
}

.portal-users-modal .portal-users li a:hover{
    background: #272727;
    border: 1px solid #FFFFFF;
}

.portal-users-modal .portal-users li a:after{
    content: '';
    display: block;
    background: url(images/user-popup-arrow.svg) no-repeat 0px 0px;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
}

.portal-users-modal .portal-users li a:hover:after{
    background:url(images/user-popup-arrow-hover.svg) no-repeat 0px 0px;
}

.portal-users-modal .portal-users li a .puser-marina-name{
    font-family: 'Gotham';
    font-style: normal;
    font-size: 15px;
    line-height: 32px;
    color: #FFFFFF;
    display:block;
}

.page-template-portal-forgotpassword .forgot-password-nopb-msg {
    font-size: 12px;
    text-align: center;
    margin-top: 15px;
}

form[novalidate=novalidate] label.error, form[novalidate=novalidate] label#api-email-error {
    color: #ff0000;
    font-size:14px;
}

form[novalidate=novalidate] label#api-email-error.hidden {
    display: none;
}

form[novalidate=novalidate] label#api-email-error {
    display: block;
}

.cli-plugin-button,
.cli-plugin-button:visited,
.medium.cli-plugin-button,
.medium.cli-plugin-button:visited {
    font-weight: bold;
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    vertical-align: top;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #043673 !important;
    border: 2px solid #043673 !important;
    padding: 16px 28px;
    background: transparent !important;
    font-family: 'Gotham A', 'Gotham B', sans-serif;
}
.cli-plugin-button:hover,
.medium.cli-plugin-button:hover {
    color: white !important;
    background: #043673 !important;
}
#cookie-law-info-bar {
    text-align: left;
}
#cookie-law-info-bar > span {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'source-serif-pro', sans-serif;
}
@media (max-width: 1024px) {
    #cookie-law-info-bar > span {
        display: block;
    }
    #cookie-law-info-bar a {
        max-width: 200px !important;
        display: block !important;
        margin: 20px auto 0 !important;
    }
}

.login-w label.block strong {
    font-family: "Gotham A", "Gotham B";
    font-style: normal;
    font-weight: 700;
    font-size: 11px;
    line-height: 24px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #ffffff;
    display: block;
}

#cookie_hdr_showagain, .cli-modal, .cli-modal-dialog  {
    color: rgb(4, 54, 115) !important;
    background-color: rgb(255, 255, 255) !important;
}


.password-toggle {
  position: absolute;
  right: 10px;
  top: 30px;
  transform: translateY(-15px);
  background: none;
  border: none;
  cursor: pointer;
  padding: 5px;
}

.password-toggle:focus {
  outline: none;
}

.password-toggle svg {
  width: 20px;
  height: 20px;
  color: #718096;
}

.password-field-wrapper {
  position: relative;
}