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

:root body {
  --color-brand: #346562;
  --color-brand-hover: #023e50;

  --color-page-background: #fff;
  --color-header-dark: #fff;

  --color-text: #1a1a1a;
  --color-heading: #00163c;
  --color-text-secondary: #969ba7;

  --color-link: #346562;

  --font-family: 'Rubik', sans-serif;
  --font-family-heading: 'Rubik', sans-serif;
  --bold: 500;

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

  /* Button */
  --button-primary-background-color: var(--color-brand);
  --button-primary-hover-background-color: var(--color-brand-hover);
  --button-secondary-color: #00163c;
  --button-secondary-background-color: #fbfbfa;
  --button-secondary-border-color: #d9d8d6;

  /* 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: var(--gap-large) var(--gap) var(--gap) 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;

}

body {
  font-weight: var(--light);
}

body h1 {
  color: var(--color-heading);
  font-weight: var(--bold);
}
body h2 {
  color: var(--color-heading);
  font-weight: normal;
}
body h2 > span,
body h3 {
  font-size: var(--font-size-large);
  color: var(--color-heading);
  font-weight: normal;
}

body .button.primary,
body .button.secondary,
body .button.flat {
  font-weight: 300;
  text-transform: uppercase;
}

/* STEPPER ----------------------------------------------------------- */

body .stepper {
  --text-color: var(--color-text);
  --text-complete-color: var(--color-text);
  --text-disabled-color: var(--color-text-secondary);
  --active-border-color: var(--color-brand);
  --active-text-color: var(--color-brand);
  --complete-background-color: var(--color-brand);
  --bullet-border: #d9d8d6;
  --bullet-background: #f6f6f7;
  --bullet-disabled-border: #d9d8d6;
  text-transform: uppercase;
}

/* LISTS ----------------------------------------------------------- */

#root ul.has-icons {
  --icon-color: var(--color-brand);
  --icon-size: 2.875rem;
}
#root ul.has-icons > li {
  margin-bottom: var(--gap);
}
#root ul.has-icons h3 {
  font-size: var(--font-size-medium);
  color: var(--color-brand);
  font-weight: normal;
  text-transform: uppercase;
}
#root ul.has-icons.has-third-block :nth-child(3) {
  font-size: var(--font-size-small);
  font-weight: var(--light);
}

ol:not([class]) {
  padding: 0;
  list-style-position: inside;
}
ol:not([class]) > li {
  margin-bottom: var(--gap);
}


/* PORTAL HEADER ----------------------------------------------------------- */

body .main-header {
  color: var(--color-brand);
  background-color: #fff;
}
body .main-header .hamburger-menu.open .hamburger-menu-content {
  color: var(--color-brand);
}
body .main-header .hamburger-menu.open .menu-link {
  text-transform: uppercase;
}
body .main-header nav .button.primary > .menu-link {
  color: #fff;
}


/* PORTAL FOOTER ----------------------------------------------------------- */

body .main-footer {
  background: no-repeat url(/file/public/5c6ef30e-3a9c-4c4b-a829-24cdeb7487eb.jpeg);
  background-size: cover;
  padding-bottom: var(--gap-huge);
}

body .main-footer .main-logo > img {
  filter: invert() contrast(2) saturate(0);
}

body .main-footer .copyright {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: var(--gap);
  color: #858da0;
}

/* PAGE HEADER ----------------------------------------------------------- */

/*body .page-header,*/
/*body .block-header,*/
/*#root .page-content.offering-details > .block-header {*/
/*  position: relative;*/
/*  overflow: visible;*/
/*  text-transform: uppercase;*/
/*  min-height: 200px;*/
/*  margin-top: calc(-1 * var(--gap));*/
/*  !*display: flex;*!*/
/*  justify-content: center;*/
/*  align-items: center;*/
/*}*/
/*body .page-header:before,*/
/*body .block-header:before,*/
/*#root .page-content.offering-details > .block-header:before {*/
/*  background-image: url(/file/public/5c6ef30e-3a9c-4c4b-a829-24cdeb7487eb.jpeg);*/
/*  background-attachment: fixed;*/
/*  position: absolute;*/
/*  width: 100vw;*/
/*  height: 100%;*/
/*  display: block;*/
/*  content: '';*/
/*  left: calc(50% - 50vw);*/
/*}*/
/*body .page-header h1,*/
/*body .block-header h1,*/
/*#root .page-content.offering-details > .block-header h1 {*/
/*  color: #fff;*/
/*  font-size: 52px;*/
/*  font-weight: normal !important;*/
/*  position: relative;*/
/*  text-align: center;*/
/*  z-index: 2;*/
/*}*/


/*body .page-header .title-wrapper,*/
/*#root .page-content.offering-details > .block-header .title-wrapper:has(+ div) {*/
/*  margin-left: auto;*/
/*}*/

/*body .page-header .header-actions,*/
/*#root .page-content.offering-details > .block-header .header-actions {*/
/*  margin-left: auto;*/
/*}*/

/*body .page-header .header-actions a,*/
/*#root .page-content.offering-details > .block-header .header-actions a {*/
/*  color: var(--color-brand);*/
/*}*/


/*body .page-header .breadcrumbs,*/
/*#root .page-content.offering-details > .block-header .breadcrumbs {*/
/*  color: #fff;*/
/*  z-index: 1;*/
/*}*/

/*body .page-header .link,*/
/*#root .page-content.offering-details > .block-header .link {*/
/*  color: #fff;*/
/*}*/
/* hide double header */
body .investment-profiles-header {
  display: none;
}

/* OFFERING TILE ------------------------------------------------------------ */

body .offering-brief .logo {
  border-radius: 0;
}
body .offering-brief .details .name {
  font-weight: normal;
}

/* LANDING PAGE ------------------------------------------------------------- */

body .landing-page > .hero-image {
  display: none !important;
}
body section.page-content.cols-1.landing-hero-wrapper {
  height: unset;
}
body .landing-page .page-content.landing-content {
  background: none;
}
body .landing-page .landing-about:before,
body .landing-page > .landing-hero-wrapper,
body .landing-page > .page-content > .landing-join,
body .landing-page > .page-content.landing-content > .landing-about,
body .landing-page > .page-content.cols-1:not(.landing-content) {
  display: none;
}

body .landing-page .page-content.landing-content .landing-article p {
  max-width: 75rem;
}

body .landing-page .restricted-offerings-list {
  background-color: var(--section-background-color);
  border: var(--section-border);
  border-radius: var(--section-border-radius);
  box-shadow: var(--section-box-shadow);
  max-width: var(--width-container);
  padding: var(--section-padding);
  position: relative;
  text-align: center;
}


/*
body .landing-page .restricted-offerings-list,
body .landing-page .offerings-list {
    order: 10; 
}
*/


/* Offering Details Page ----------------------------------- */

body .offering-details-invest-block {
  background-color: var(--section-background-color);
  box-shadow: var(--section-box-shadow);
  border-radius: var(--section-border-radius);
  border: var(--section-border);
}

@media (min-width: 63rem) {

  body .offering-details-invest-block > .invest {
    padding: 1.188rem 3.366rem 1.187rem 3.375rem;
    border-radius: 4px;
    box-shadow: 0 4px 6px 1px rgba(17, 58, 72, 0.28), 0 0 1px 1px rgba(79, 88, 111, 0.02);
  }

  body .offering-details-invest-block > .invest > .invest-link-svg {
    background-image:
      url('/file/public/rubicon-invest-btn-text3x.png');
    background-size: cover;
    width: 9.509rem;
    height: 1.75rem;
    image-rendering: auto;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
    image-rendering: -webkit-optimize-contrast;
  }

  body .offering-details-invest-block svg g {
    display: none;
  }
}

body .offering-details-invest-block p {
  color: var(--color-text);
}

body .offering-details-overview > .offering-properties .label {
  color: var(--color-brand-hover);
  font-size: var(--font-size-tiny);
}
body .offering-details .overview .block-overview {
  margin-top: var(--gap);
}

body .page-content.offering-details > .offering-details-aside > .offering-details-nav .menu-link.nav-link {
  text-transform: uppercase;
  font-weight: normal;
}

body .offering-details .custom-html svg tspan {
  font-family: var(--font-family);
}

@media (max-width: 47.999rem) {
  body .block-header {
    margin-top: 0;
  }
  body .page-header h1 {
    font-size: var(--font-size-x-large);
  }
}

body .landing-page .restricted-offerings-list {
  order: 2;
}