@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;1,400&display=swap'); :root, html body { --font-family: 'Open Sans', sans-serif; --font-family-heading: 'Open Sans', sans-serif; --bold: 600; --color-header-white: rgba(255, 255, 255, 1); --section-background-color: #fff; --section-border-radius-min: 0; --color-text: #6b6b6b; --color-text-secondary: #6b6b6b; --gap: 2rem; --color-fill-primary: #3e695b; --color-fill-secondary: #315448; --color-brand: #3e695b; --color-secondary: #315448; --color-page-background: #fff; --color-link: #3e695b; --section-padding: var(--gap); --color-page-footer-background: #3e695b; --page-content-horizontal-padding: max(calc(52vw - var(--width-container) / 2), var(--gap)); --section-border-radius: 0.25rem; --section-box-shadow: 0; --bold: 600; --field-text-color: #7b7b7b; --field-read-only-background-color: #ffffff; --field-hover-text-color: #315448; --field-focus-text-color: #315448; /* Buttons */ --button-secondary-color: var(--color-secondary); --button-primary-background-color: var(--color-fill-primary); --button-secondary-border-color: var(--color-secondary); --button-primary-hover-background-color: var(--color-brand); /* SECONDARY */ --button-secondary-background-color: #eeeee7; --button-secondary-border-color: var(--color-secondary); --button-secondary-color: var(--color-secondary); --button-secondary-hover-background-color: var(--color-secondary-fade); } html { scroll-behavior: smooth; } main .page-content.invest:before { background-color: var(--color-brand)!important; } header.main-header { background: var(--color-header-white); /*box-shadow: var(--section-box-shadow);*/ text-transform: uppercase; height: 8rem; -webkit-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.02); -moz-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.02); box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.02); } 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 .landing-page .landing-hero-wrapper, main .landing-article header, .hero-image, main .landing-content header.landing-about { 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); } .main-header nav.signed-out.desktop .button.flat > a { color: var(--color-link); /*border: 1px solid var(--color-link);*/ } .field.checkbox.label > .label-text { font-family: var(--font-family); } .button.flat { color: var(--color-link)!important; border: 1px solid var(--color-link)!important; } 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: var(--color-brand); } .breadcrumbs, .breadcrumbs a { color: var(--color-brand)!important; } main h1 { font-family: var(--font-family); color: var(--color-brand)!important; font-weight: 600; text-align: center; /*padding-top: 20px;*/ font-size: 30px; } main h2 { font-family: var(--font-family); color: var(--color-brand)!important; font-weight: 400; padding-bottom: 15px; font-size: 36px; } main h3, main h3.title { font-family: var(--font-family); font-weight: 600!important; color: var(--color-brand)!important; } 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 {line-height: 1.3;} 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: var(--color-link); } 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; } /*restricted-offerings-list*/ main .restricted-offerings-list { background-color: var(--section-background-color); border-radius: var(--section-border-radius-min); 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 { background: var(--color-page-footer-background); } .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; } @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(--color-secondary); 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-header-white); } body .stepper .link .label { color: var(--color-header-white); } 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); } .team-contacts > div { color: var(--color-page-background); display: grid; grid-template-rows: 10fr 1fr 1fr 2fr 1fr 1fr; background-color: var(--color-page-background); position: relative; margin: var(--gap-small); width: 320px; } .row { display: flex; justify-content: space-between; } .custom-html .col-30 { flex-basis: 32%; width: 32%; text-align: center; } .custom-html .col-50 { flex-basis: 48%; width: 48%; text-align: left; } .landing-team { margin-top: 15px; display: flex; justify-content: space-between; } .item-title { padding: 15px 15px 0 15px; font-size: 24px; color: var(--color-secondary); text-align: center; } .content { padding: 20px; } .content p { font-size: 12px; text-align: left!important; line-height: 1.3; } .team-item { flex-basis: 32%; width: 32%; border: 1px solid var(--color-page-background); background: var(--color-page-background); } .team-item b { padding-left: 20px; } .v-center { vertical-align: center; margin: 0; } article .vertical { display: flex; justify-content: center; flex-direction: column; width: 100%; margin: 0; min-height: 200px; } h3.title, .item-title { font-size: 28px; } .bggray { background: var(--color-page-background); text-align: center; padding: 30px; font-size: 24px; } main p:not(:last-child) { margin-bottom: 14px; line-height: 1.3; } /*media*/ @media (max-width: 761px) { .row { display: block; /*justify-content: space-between;*/ } .custom-html .col-30 { width: 100%!important; } .custom-html .col-50 { width: 100%!important; text-align: left; } .landing-team { display: block; } .content p { font-size: 16px; text-align: left!important; line-height: 1.3; } .team-item { margin-bottom: 20px; } } @media (max-width: 1000px) { body .main-header .hamburger-menu-content .menu-link { font-size: 14px!important; text-transform: none; } .main-header nav.signed-out.mobile .button { margin-bottom: 10px; } } .menu-item button.menu-button { text-align: left!important; display: inline; justify-content: start!important; padding-left: 30px!important; } .text-center { text-align: center!important; } .hamburger-menu-content .menu-item button.menu-button { /*margin-left: -25px;*/ display: inline!important; padding: 0 0 0 3px!important; } .list-wrapper > li { border-radius: 1px; background: var(--color-page-background)!important; } /* #root > main { background-image: url("/file/public/NRFL_bg.jpg"); background-size: cover; background-position: 50% 50%; }*/ body .main-footer { padding-top: 20px!important; padding-bottom: 20px!important; background: var(--color-page-footer-background); } body .main-footer img { height: 75px!important; filter: brightness(0) invert(1); } /*.page-header {*/ /* align-items: center;*/ /* box-sizing: border-box;*/ /* color: var(--color-brend);*/ /* display: flex;*/ /* justify-content: space-between;*/ /* min-height: var(--header-height);*/ /* overflow-x: hidden;*/ /* overflow-y: visible;*/ /* padding-top: 50px!important;*/ /* padding-bottom: 50px!important;*/ /* !*padding: var(--gap-small) var(--page-content-horizontal-padding);*!*/ /* position: relative;*/ /* width: 100%;*/ /* background: url("/file/public/ivy-bg.png");*/ /* !*background-size: cover;*/ /* background-position: 50% 50%; *!*/ /*}*/ /*.page-header:after {*/ /* position: absolute;*/ /* left: 0;*/ /* top: 0;*/ /* width: 100%;*/ /* height: auto;*/ /* background: #000;*/ /*}*/ .main-logo.link > img { height: 75px!important; } .main-header .main-logo { color: inherit; flex-shrink: 0; max-height: 8rem!important; /*max-height: var(--header-height);*/ overflow: hidden; position: relative; } nav.menu.dropdown .side-menu-lis { font-size: 12px; } .side-menu-list .menu-link, .side-menu-list .menu-button { text-transform: none; } .investor-table.table tbody td.investor-investments { font-size: var(--font-size-small)!important; } .hamburger-menu.open .hamburger-menu-content { background: var(--color-page-background); } .restricted-offerings-list .actions .button { margin-bottom: 10px; } .page-content.offering-details > .offering-details-aside { top: calc(var(--header-height) + 3.5rem)!important; } section.page-section, .landing-page .page-content.landing-content .landing-article { -webkit-box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.03); -moz-box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.03); } table tr th, table tr td { font-size: 1rem; color: var(--color-text); } .table thead .button.inline, .table th.action, .table td.action, .table tr th { font-weight: bold!important; } .main-header nav.menu.profile.desktop .profile-toggle .label span{ font-weight: 400!important; } .field > .label-text { font-family: var(--font-family); } .field.label > .label-text, .label-text, .radio-option .option-label { color: var(--color-text)!important; font-size: 1rem!important; } /*.field > .input, .field.label.select-container > select { border: 1px solid #eeeee7; }*/ .page-content.offering-details > .offering-details-aside > .offering-details-nav a:hover {color: var(--color-link); } .field:hover > input, .field:hover > textarea, .field:hover > select { border-color: var(--color-link)!important; color: var(--color-link)!important; } .phone-field > .react-tel-input > input:focus:not(:read-only) { border-color: var(--color-link)!important; box-shadow: 0 0 0 2px rgb(0 0 0 / 5%)!important; } main section .column { display: flex; } main section .column .col-6 { width: 50%; } .button.primary:hover { background: var(--color-fill-secondary)!important; } .button.flat:hover, .main-header nav.signed-out.desktop .button.flat > a:hover { background: #7a9c91; border: 1px solid #7a9c91!important; color: var(--section-background-color)!important; } .list-pagination .pagination > .pagination-item, .list-pagination .list-limit .limit-form .select-container > select { background: #fbfbfb!important; } .list-pagination .pagination > .pagination-item.current { background: var(--color-brand)!important; } .clean-layout .main-logo.link > img { filter: brightness(0) invert(1); } @media (max-width: 767px) { main section .column { display: flex; flex-wrap: wrap; } main section .column .col-6, main section .column-center .col-6, main section .column .col-9, main section .column .col-3, main section .column-center .col-3 { width: 100%!important; } } .profile-details-page .side-menu-list li.menu-item:last-child { display: none; }