@font-face {
  font-family: "Futura PT";
  src: url("../../fonts/Futura PT Book.eot");
  src: url("../../fonts/Futura PT Book.eot?#iefix") format("embedded-opentype"),
    url("../../fonts/Futura PT Book.woff2") format("woff2"),
    url("../../fonts/Futura PT Book.woff") format("woff"),
    url("../../fonts/Futura PT Book.svg#Futura PT Book") format("svg");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE;
}
@font-face {
  font-family: "Futura PT";
  src: url("../../fonts/Futura PT Medium.eot");
  src: url("../../fonts/Futura PT Medium.eot?#iefix")
      format("embedded-opentype"),
    url("../../fonts/Futura PT Medium.woff2") format("woff2"),
    url("../../fonts/Futura PT Medium.woff") format("woff"),
    url("../../fonts/Futura PT Medium.svg#Futura PT Medium") format("svg");
  font-weight: 450;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE;
}
@font-face {
  font-family: "Futura PT";
  src: url("../../fonts/Futura PT Demi.eot");
  src: url("../../fonts/Futura PT Demi.eot?#iefix") format("embedded-opentype"),
    url("../../fonts/Futura PT Demi.woff2") format("woff2"),
    url("../../fonts/Futura PT Demi.woff") format("woff"),
    url("../../fonts/Futura PT Demi.svg#Futura PT Demi") format("svg");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-00FE;
}

:root,
[data-bs-theme="light"] {
  --bs-primary: #0a374e;
  --bs-secondary: #84c8d5;
  --bs-success: #61923e;
  --bs-info: #ecf8fb;
  --bs-warning: #fec712;
  --bs-danger: #ba252c;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;

  --bs-primary-rgb: 10, 55, 78;
  --bs-secondary-rgb: 132, 200, 213;
  --bs-success-rgb: 97, 146, 62;
  --bs-info-rgb: 236, 248, 251;
  --bs-warning-rgb: 254, 199, 18;
  --bs-danger-rgb: 186, 37, 44;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;

  --bs-primary-text-emphasis: #04161f;
  --bs-secondary-text-emphasis: #355055;
  --bs-success-text-emphasis: #273a19;
  --bs-info-text-emphasis: #5e6364;
  --bs-warning-text-emphasis: #665007;
  --bs-danger-text-emphasis: #4a0f12;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;

  --bs-primary-bg-subtle: #ced7dc;
  --bs-secondary-bg-subtle: #e6f4f7;
  --bs-success-bg-subtle: #dfe9d8;
  --bs-info-bg-subtle: #fbfefe;
  --bs-warning-bg-subtle: #fff4d0;
  --bs-danger-bg-subtle: #f1d3d5;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;

  --bs-primary-border-subtle: #9dafb8;
  --bs-secondary-border-subtle: #cee9ee;
  --bs-success-border-subtle: #c0d3b2;
  --bs-info-border-subtle: #f7fcfd;
  --bs-warning-border-subtle: #ffe9a0;
  --bs-danger-border-subtle: #e3a8ab;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;

  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;

  --bs-font-sans-serif: "Open Sans", system-ui, -apple-system, "Segoe UI",
    Georgia, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0)
  );

  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;

  --bs-body-color: #211e1e;
  --bs-body-color-rgb: 33, 30, 30;

  --bs-body-bg: #ffffff;
  --bs-body-bg-rgb: 255, 255, 255;

  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;

  --bs-secondary-color: rgba(33, 30, 30, 0.75);
  --bs-secondary-color-rgb: 33, 30, 30;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;

  --bs-tertiary-color: rgba(33, 30, 30, 0.5);
  --bs-tertiary-color-rgb: 33, 30, 30;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;

  --bs-heading-color: inherit;

  --bs-link-color: #0a374e;
  --bs-link-color-rgb: 10, 55, 78;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #082c3e;
  --bs-link-hover-color-rgb: 8, 44, 62;

  --bs-code-color: #d63384;

  --bs-highlight-color: #211e1e;
  --bs-highlight-bg: #fff3cd;

  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;

  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);

  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(10, 55, 78, 0.25);

  --bs-form-valid-color: #61923e;
  --bs-form-valid-border-color: #61923e;
  --bs-form-invalid-color: #ba252c;
  --bs-form-invalid-border-color: #ba252c;
}

#login .message,
#login .notice,
#login .success {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  width: 100%;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}

#login .message,
#login .notice {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis);
}

#login .notice.notice-error {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}

#login {
  width: 420px;
  height: 100%;
  color: #fff;
  padding: 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

#login h1 a {
  width: 100px;
  height: 100px;
  background-image: url(./../../svgs/logo.svg);
  background-size: 100px;
}

#login #backtoblog {
  display: none;
}

#login .privacy-policy-page-link {
  margin: 15px auto;
}

#login #nav a,
#login .privacy-policy-page-link a {
  color: inherit;
  font-size: 14px;
  text-decoration: underline;
}

#login #nav a:hover,
#login #nav a:focus,
#login .privacy-policy-page-link a:hover,
#login .privacy-policy-page-link a:focus {
  color: inherit;
}

#login form {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: 15px;
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(15px - (var(--bs-border-width)));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  width: 100%;
  padding: 1.5rem 1rem;
  border: 0;
  border-radius: 15px;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}

#login form label {
  margin-bottom: 8px;
  font-family: "Futura PT", system-ui, -apple-system, "Segoe UI", Georgia,
    "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 14px;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.25px;
  display: inline-block;
}

#login form label {
  margin-bottom: 0.5rem;
  font-family: "Futura PT", system-ui, -apple-system, "Segoe UI", Georgia,
    "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.875rem;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.25px;
}

#login form input[type="text"],
#login form input[type="email"],
#login form input[type="password"] {
  display: block;
  width: 100%;
  padding: 22px 32px;
  font-family: "Manrope", system-ui, -apple-system, "Segoe UI", Georgia,
    "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.125;
  color: var(--bs-body-color);
  appearance: none;
  background-color: #ededef;
  background-clip: padding-box;
  border: var(--bs-border-width) solid #ededef;
  border-radius: 60px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#login form input[type="file"][type="text"],
#login form input[type="file"][type="email"],
#login form input[type="file"][type="password"] {
  overflow: hidden;
}

#login form input[type="file"][type="text"]:not(:disabled):not([readonly]),
#login form input[type="file"][type="email"]:not(:disabled):not([readonly]),
#login form input[type="file"][type="password"]:not(:disabled):not([readonly]) {
  cursor: pointer;
}

#login form input[type="text"]:focus,
#login form input[type="email"]:focus,
#login form input[type="password"]:focus {
  color: var(--bs-body-color);
  background-color: #ededef;
  border-color: #859ba7;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(10, 55, 78, 0.25);
}

#login form input[type="text"]::-webkit-date-and-time-value,
#login form input[type="email"]::-webkit-date-and-time-value,
#login form input[type="password"]::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.125em;
  margin: 0;
}

#login form input[type="text"]::-webkit-datetime-edit,
#login form input[type="email"]::-webkit-datetime-edit,
#login form input[type="password"]::-webkit-datetime-edit {
  display: block;
  padding: 0;
}

#login form input[type="text"]::placeholder,
#login form input[type="email"]::placeholder,
#login form input[type="password"]::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}

#login form input[type="text"]:disabled,
#login form input[type="email"]:disabled,
#login form input[type="password"]:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}

#login form input[type="text"]::file-selector-button,
#login form input[type="email"]::file-selector-button,
#login form input[type="password"]::file-selector-button {
  padding: 22px 32px;
  margin: -22px -32px;
  margin-inline-end: 32px;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#login
  form
  input[type="text"]:hover:not(:disabled):not([readonly])::file-selector-button,
#login
  form
  input[type="email"]:hover:not(:disabled):not(
    [readonly]
  )::file-selector-button,
#login
  form
  input[type="password"]:hover:not(:disabled):not(
    [readonly]
  )::file-selector-button {
  background-color: var(--bs-secondary-bg);
}

#login form input[type="submit"] {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0a374e;
  --bs-btn-border-color: #0a374e;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #092f42;
  --bs-btn-hover-border-color: #082c3e;
  --bs-btn-focus-shadow-rgb: 47, 85, 105;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #082c3e;
  --bs-btn-active-border-color: #08293b;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0a374e;
  --bs-btn-disabled-border-color: #0a374e;
  --bs-btn-padding-x: 32px;
  --bs-btn-padding-y: 20px;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.125;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 60px;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
    0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem
    rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
  width: 100%;
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  margin-top: 1.5rem;
  font-family: var(--bs-font-sans-serif);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  position: relative;
  z-index: 2;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#login form input[type="submit"]:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}

#login form .btn-check + input[type="submit"]:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}

#login form input[type="submit"]:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}

#login form .btn-check:focus-visible + input[type="submit"] {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}

#login form .btn-check:checked + input[type="submit"],
#login form :not(.btn-check) + input[type="submit"]:active,
#login form input[type="submit"]:first-child:active,
#login form input.active[type="submit"],
#login form input.show[type="submit"] {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}

#login form .btn-check:checked + input[type="submit"]:focus-visible,
#login form :not(.btn-check) + input[type="submit"]:active:focus-visible,
#login form input[type="submit"]:first-child:active:focus-visible,
#login form input.active[type="submit"]:focus-visible,
#login form input.show[type="submit"]:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}

#login form .btn-check:checked:focus-visible + input[type="submit"] {
  box-shadow: var(--bs-btn-focus-box-shadow);
}

#login form input[type="submit"]:disabled,
#login form input.disabled[type="submit"],
#login form fieldset:disabled input[type="submit"] {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}

#login form .input-group input[type="submit"]:focus {
  z-index: 5;
}

#login form .wp-hide-pw {
  top: 10px;
  right: 10px;
}

#login form p.submit {
  margin: 0;
  padding: 0;
}

@media (min-width: 1025px) {
  #login form {
    padding: 3rem 1.5rem;
  }
}

@media (max-width: 767.98px) {
  #login form input[type="submit"] {
    padding: 16px 32px;
  }
}
