@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap');

:root body {
  --color-brand: #001E32;
  --color-brand-hover: #BEDCE6;
  --color-success: #28b32e;
  --color-error-light: #e42d3f;
  --color-page-background: #fbfbfb;

  --color-page-footer-background: var(--color-brand);

  --color-text: #464646;
  --color-heading: #464646;
  --color-text-secondary: #818181;
  --color-input-border: #b3b3b3;

  --color-link: #006EA0;

  --font-family: "Libre Franklin", sans-serif;
  --font-family-heading: "Libre Franklin", sans-serif;
  --bold: 700;
  --logo-width: 13.93rem;
  --page-content-horizontal-padding: max(calc(52.4vw - var(--width-container) / 2), var(--gap));
  --checkbox-border-width: 2px;
  --inner-size: 12px;
  --section-box-shadow: 0 4px 6px 1px rgba(79, 88, 111, 0.06),
  0 0 1px 1px rgba(79, 88, 111, 0.02);
  --color-investment-background: #003e5b;
  --stepper-bullet-complete-background-color: #076EA0;
  --field-border-width: 0 0 1px 0;
  /*header*/
  --color-header-dark: var(--color-brand);
  --header-height: 8.7rem;

  /* Logo */
  --logo-height: 1.8rem;

  /* Button */
  --button-primary-background-color: var(--color-link);
  --button-primary-hover-background-color: var(--color-brand);
  --button-secondary-color: #25a0c3;
  --button-secondary-background-color: #ffffff;
  --button-secondary-border-color: #25a0c3;

  /* Field */
  --field-label-color: #023e50;
  --field-focus-border-color: #346562;
  --field-border-width: 0 0 2px 0;
  --field-border-radius: 0;
  --field-border-color: var(--color-brand);
  --field-addon-color: #d9d8d6;
  /*
      --field-disabled-color: #b5bbc5;
      --field-disabled-background-color: #fdfdfd;
      --field-disabled-border-color: #f5f6f7;
      */

  /* Section */
  --section-border-radius: 0;
  --section-padding: 2.188rem var(--gap) 1.7rem var(--gap);

  /* Card */
  --card-border-radius: 0;
  --card-border: 1px solid #d2d4d8;
  --card-box-shadow: 0 0.25rem 2rem 0 var(--section-box-shadow-color);

  /* Alternate Content */
  --alternate-content-text-color: var(--text-color);
  --alternate-content-background-color: #f0efec;
  --color-investment-background: #fff;
}

@media (max-width: 83.999rem) {
  :root body {
    --page-content-horizontal-padding: 0.983rem;
    --width-container: 99%;
    --gap: 0.938rem;
  }
}

header .main-nav .menu-list a[href^="/docu-sing-test"], header .main-nav .menu-list a[href^="/docu-sing-test2"] {
  display: none !important;
}

/*home*/
.landing-page .list-wrapper article header,
.landing-page .hero-image,
.landing-page .landing-hero-wrapper,
  /*.landing-page .landing-content > .restricted-offerings-list,*/
.landing-page .landing-content > .page-header {
  display: none !important;
}

body .page-header {
  min-height: unset;
}

body .landing-page .restricted-offerings-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: var(--gap-large) auto;
  padding: var(--gap);
}

body .landing-page .page-section {
  background-color: transparent;
  box-shadow: none;
  padding: 0;
}

.landing-page {
  overflow-x: hidden;
}

main .landing-page .page-content.landing-content .landing-article p {
  width: auto;
  max-width: unset;
}

header.main-header .hamburger-menu-content .tablet-user-name {
  color: #c7d5df;
  font-weight: normal;
}

/*footer*/
footer.main-footer {
  position: relative;
  padding-top: 56px;
  padding-bottom: 56px;
}

footer.main-footer header {
  position: relative;
}

footer.main-footer header .custom-html {
  position: absolute;
  width: 100%;
  left: 0;
  text-align: center;
  top: 23px;
}

footer.main-footer nav.menu.horizontal {
  position: absolute;
  left: 0;
  width: 100%;
  top: 52px;
}

footer.main-footer img {
  height: auto !important;
}

@media (max-width: 62.999rem) {
  header nav.menu a,
  header nav.menu button {
    font-size: 16px;
    line-height: 1.5;
  }

  .main-footer header {
    flex-direction: column;
  }

  .main-footer header a.main-logo {
    margin: 0;
  }

  header.main-header .hamburger-menu-content .profile .menu-link.active {
    background-color: #ffffff;
  }

  header.main-header .hamburger-menu-content .profile .menu-link {
    padding-left: 0;
  }

  header.main-header .profile .menu-item {
    width: 100%;
  }

  header.main-header .profile ul .menu-item button {
    display: inline-block;
    width: auto;
    margin-right: auto;
  }

  [href="/login"] {
    background-color: transparent !important;
  }

  footer.main-footer nav.menu.horizontal {
    position: initial;
    width: auto;
    margin-top: 6px;
  }

  footer.main-footer nav.menu.horizontal > ul,
  footer.main-footer nav.menu.horizontal > ul > li {
    display: inline-block;
  }

  footer.main-footer header .custom-html {
    top: 142px;
  }

  footer.main-footer header > div {
    margin-top: 0px;
  }

  footer.main-footer {
    padding-bottom: 110px;
  }
}

main .offering-brief .logo {
  border-radius: 0;
}

main .offering-brief .details .type {
  min-height: unset;
  line-height: 1.3;
}

main .offering-brief .details .name {
  margin-bottom: 8px;
}

main .offering-tile .offering-raising .label {
  font-weight: normal;
}

/*el-ts*/
main .checkbox-tick {
  border-color: var(--color-text);
}

main .checkbox-tick > svg {
  color: var(--color-text);
}

main input:checked + .checkbox-tick > svg {
  transform: scale(1.1);
}

main .radio-button {
  --inner-size: 12px;
  --size: 1.25em;
  color: var(--button-primary-background-color);
  border: var(--checkbox-border-width) solid var(--button-primary-background-color);
}

main label > input:checked + .radio-button {
  border-color: var(--button-primary-background-color);
}

.page-header {
  box-shadow: 0 4px 6px 1px rgba(79, 88, 111, 0.06),
  0 0 1px 1px rgba(79, 88, 111, 0.02);
}

main .field.label > .label-text,
.label-text {
  color: var(--color-text-secondary);
}

main .field > input,
main .field > textarea {
  border: solid 1px var(--color-input-border);
}

body .main-header nav.signed-out.desktop .menu-link,
body .main-header nav.signed-out.desktop .menu-button {
  text-transform: uppercase;
  font-weight: 300;
}

.main-header nav.signed-out.desktop .menu-link:hover {
  color: var(--color-brand);
  background-color: var(--color-brand-hover);
}

main .button {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  padding: 0.7rem 1.3rem;
  min-height: 40px;
  min-width: 84px;
  text-transform: uppercase;
}

main .button.secondary,
main .button.primary {
  font-weight: normal;
}

main .radio-option .option-label {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--color-heading);
}

main .validation-message.success {
  color: var(--color-success);
}

/*.main-header nav.menu.profile.desktop .profile-toggle .account-icon {
  display: none;
}*/

main .page-section > form:first-child {
  padding-top: 0;
}

main .form > footer {
  justify-content: end;
}

main .form > .validation-message {
  margin-bottom: 0;
}

.breadcrumbs .link {
  color: var(--color-brand);
}

/*offer steps*/
main .page-content.invest::before {
  background-color: var(--color-brand);
}

main .stepper .link.disable .bullet,
main .stepper .step .bullet {
  box-shadow: unset;
}

main a.offering-brief {
  border-radius: 0;
}

@media (max-width: 62.999rem) {
  main .page-content.invest > aside,
  main .page-content.invest > aside:not(:last-child) {
    width: calc(100% - 30px);
  }

  header.main-header.clean-layout {
    background-color: var(--color-brand);
  }
}

.profile-details-page .side-menu-list li.menu-item:last-child {
  display: none;
}