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

:root, html body {
  --font-family: Montserrat, Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  --color-header-white: #fff;
  --section-background-color: #fff;
  --section-box-shadow: 0 4px 6px 1px rgba(79, 88, 111, 0.06), 0 0 1px 1px rgba(79, 88, 111, 0.02);
  --section-border-radius-min: 4px;
  --color-text: #545e65;
  --gap: 2rem;
  --color-fill-primary: #006bd6;
  --color-fill-secondary: #0050a1;
  --color-brand: #006bd6;
  --color-secondary: #0050a1;
  --button-primary-background-image: linear-gradient(to right, var(--color-fill-primary), var(--color-fill-secondary) 100%);
  --color-page-background: #f8f8f8;
  --color-link: var(--color-fill-secondary);
  --section-padding: var(--gap);
  --color-page-footer-background: #333333;
  --page-content-horizontal-padding: max(calc(52vw - var(--width-container) / 2), var(--gap));
  --section-border-radius: 0.25rem;
  
  
  /* Link */
  --color-link: var(--color-brand);
  
  /* Buttons */
  --button-secondary-color: var(--color-secondary);
  --button-primary-background-color: var(--color-secondary);
  --button-secondary-background-color: transparent;
  --button-secondary-border-color: var(--color-secondary);
  --button-primary-hover-background-color: var(--color-secondary-hover);
  /* SECONDARY */
  --button-secondary-background-color: #fff;
  --button-secondary-border-color: var(--color-secondary);
  --button-secondary-color: var(--color-secondary);
  --button-secondary-hover-background-color: var(--color-secondary-fade);
}
header.main-header {
  --header-background-color: var(--color-header-white, #fff);
  box-shadow: var(--section-box-shadow);
}
header.main-header .main-nav .menu-list,
main .landing-article header,
main .landing-content header.landing-about,
main .landing-page .landing-hero-wrapper,
main .landing-page .hero-image,

main .landing-page .offerings-list-link {
  display: none !important;
}
.main-header nav.main-nav .menu-link,
.main-header nav.main-nav .menu-button,
.main-header nav.menu.horizontal > ul > li {
	color: var(--color-fill-secondary);
}
body .main-header .hamburger-menu-content .unregistered-buttons > .link, 
body .main-header .hamburger-menu-content .menu-link, 
body .main-header .hamburger-menu-content .menu-button {
  color: #000;
}
main h4 {
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: center;
  margin-bottom: 16px;
}
main p:not(:last-child) {
  margin-bottom: 24px;
}
main .landing-page .page-content.landing-content .landing-article p {
  max-width: unset;
}
div.page-section {
  border-radius: var(--section-border-radius-min);
}
.hamburger-menu .hamburger-toggle {
  color: #0A5BAE;
}
main .landing-content {
  padding-top: 32px;
  padding-bottom: 32px!important;
}
@media (max-width: 62.999rem) {
  :root, html body {
  	--page-content-horizontal-padding: 1rem;
    --width-container: 100%;
  }
  
}
main .page-content.cols-1 > *:not(:last-child) {
      margin-bottom: 0;
}
body .button.primary {
	background-image: var(--button-primary-background-image);
}
.menu-list .flat.button a,
.menu-list .primary.button a {
  min-width: 150px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: bold!important;
  border-radius: 20px;
}
/*.menu-list .flat.button a {
  border: 1px solid var(--color-fill-secondary);
  color: var(--color-fill-secondary);
}*/
body .main-header nav.signed-out.desktop a.flat,
body .main-header nav.signed-out.desktop .button.flat {
  border: 1px solid var(--color-fill-secondary);
}


body .button:not(.pagination-item):not(.inline) {
  border-radius: 20px;
  min-width: 150px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.5rem;
  padding: 0.6rem 1rem;
}
body .button.flat {
  border: 1px solid var(--color-fill-secondary);
  font-weight: bold;
  color: var(--color-fill-secondary)!important;
}
/*restricted-offerings-list*/
main .restricted-offerings-list {
  background-color: var(--section-background-color);
  border-radius: var(--section-border-radius-min);
  box-shadow: var(--section-box-shadow);
  padding: 74px 15px 80px 15px;
  text-align: center;
}

main .restricted-offerings-list p {
  max-width: 558px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 23px;
}
main .actions {
  max-width: 366px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
}

/*FOOTER*/
body .main-footer {
  padding-top: 58px;
  padding-bottom: 20px;
}
.main-footer header {
  position: relative;
}
.main-footer .main-nav {
  position: relative;
  top: -46px;
}
.main-footer .main-nav a {
	font-weight: bold;
}
.main-footer .custom-html {
	position: absolute;
    left: 0;
    top: 23px;
    width: 100%;
    text-align: center;
}
.main-footer .main-logo img{
    filter: brightness(0) invert(1);
}
@media (max-width: 62.999rem) {
  .main-footer nav.menu.horizontal {
  	position: inherit;
  }
  .main-footer nav.menu > ul {
  	flex-direction: initial;
  }
  .main-footer .custom-html {
    top: unset;
  	bottom: -62px;
  }
  body .main-footer {
  	padding-bottom: 60px;
  }
}


/* RADIO */

label > input + .radio-button {
  --size: 1.25rem;
  --radio-border-color: #545e65;
  border: var(--checkbox-border-width) solid var(--radio-border-color);
  border-radius: 50%;
  box-shadow: var(--focusable-box-shadow);
  color: var(--color-secondary);
}

label > input:checked:not(:disabled) + .radio-button {
  border-color: var(--color-secondary);
}

label > input:checked + .checkbox-tick {
  color: var(--color-secondary);
  border-color: var(--color-secondary);
}

/* INVESTMENTS FLOW ----------------------------------------------------------- */
main .page-content.invest aside {
  z-Index: 20;
}
body .main-header.clean-layout {
  box-shadow: none;
  width: 100%
}
main .page-content.invest:before {
  background-color: var(--section-background-color);
}
main .page-content.invest header:first-of-type > h2 {
  font-size: 24px;
  font-weight: 500;
  font-family: var(--font-family-heading);
  color: #53565a;
  text-transform: uppercase;
}
body .stepper {
  --complete-background-color: var(--color-secondary);
}
body .stepper .step.current > .link .label, body .stepper .step.complete .link .label {
  color: var(--color-secondary);
}
body .stepper .link .label {
  color: #7f7f7f;
}
body label.option.client-radio-option input:checked + span,
body label.option.investor-radio-option input:checked + span {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
}