@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap"); :root, html body { /* Fonts */ --font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; --font-family-heading: "Montserrat", sans-serif; --font-family-text: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; --field-label-font: var(--font-family-text); --solid-black: #000000; --mate-black: #252525; --dark-platinum: #7f7f7f; --light-platinum: #bdbfc0; --tan: #F4EFEB; --white: #ffffff; --gold: #DBAD77; --dark-gold: #AD7F5B; --light-gold: #F0D7BF; --field-label-color: #7f7f7f; --color-text: var(--solid-black); --color-text-secondary: var(--mate-black); --logo-height: auto; --logo-width: 11rem; --color-brand: var(--dark-platinum); --color-header-dark: var(--mate-black); --color-page-footer-background: var(--mate-black); --field-border-radius: 0; --button-primary-background-color: var(--mate-black); --button-primary-hover-background-color: var(--solid-black); --color-link: var(--dark-gold); --color-page-background: var(--white); --section-background-color: var(--tan); --section-border-radius: 0; --section-box-shadow: 6px 5px 28px 0 rgba(0, 0, 0, 0.07); --card-box-shadow: 3px 3px 20px rgb(125 138 208 / 0.1); --card-box-shadow-hover: 10px 10px 33px rgb(125 138 208 / 0.15); --button-secondary-background-color: var(--light-platinum); --button-secondary-border-color: var(--light-platinum); --button-secondary-hover-background-color: var(--dark-platinum); --complete-background-color: var(--gold); --stepper-bullet-complete-background-color: var(--gold); --stepper-text-active-color: var(--mate-black); --stepper-text-complete-color: var(--dark-gold); --line-color: var(--gold); --stepper-bullet-disable-text-color: var(--light-platinum); --color-border-light: var(--white); --color-table-row-hover: var(--white); } html { scroll-behavior: smooth; } @media (pointer: fine) { .button.secondary:not(:disabled):hover { color: var(--white); } } main .landing-page .landing-hero-wrapper, main .landing-article header, .hero-image, main .landing-content header.landing-about { display: none !important; } .button, button > a { text-transform: uppercase; font-size: var(--font-size-tiny) !important; letter-spacing: 1.2px; } .button.primary { border-radius: 50px; } main { background: #181818; } h1 { color: var(--dark-platinum) !important; } h2, h3 { color: var(--solid-black) !important; } main .page-section { background: #fff !important; } section.register-page section, section.elevated, body .landing-page .restricted-offerings-list { background: #fff !important; border-radius: 30px; } .offering-section, .overview, .offering-details-nav, .documents { border-radius: 0px !important; } /*HEADER*/ .main-header nav.signed-out.desktop .button.primary > a { border: 2px solid var(--gold); background: var(--button-primary-background-color); color: var(--button-primary-color); border-color: var(--button-primary-color); border-radius: 30px; font-weight: bold; } .main-header nav.signed-out.desktop .button.primary > a:hover { background: var(--button-primary-hover-background-color) !important; } .main-header nav.signed-out.desktop .button.flat { border: none !important; border-radius: 30px; } .main-header nav.signed-out.desktop .button.flat > a { border: 2px solid var(--gold); color: var(--gold); border-radius: 30px; font-weight: 700; } .main-header nav.signed-out.desktop .button.flat > a:hover { background-color: var(--solid-black); border: 2px solid var(--solid-black); color: var(--white); } .main-header nav.menu.profile.desktop .profile-toggle { color: #fff; } nav.menu .menu-group > .menu-group-toggle > .menu-group-toggle-pimp { fill: #fff !important; color: #fff !important; } nav.menu.horizontal > ul > li > a { color: var(--light-platinum); border-bottom: 2px solid transparent; } nav.menu.horizontal > ul > li > a:hover, nav.menu.dashboard-nav > ul > li > a.active { color: var(--gold); border-bottom: 2px solid var(--gold)!important; } /*MAIN*/ .main-header nav.signed-out.desktop .button.flat > a:hover { background-color: var(--dark-platinum); } .page-header h1 { font-weight: bold; } .offering-details-aside .button.primary { border-radius: 0!important; } body .landing-page .restricted-offerings-list { display: flex; flex-direction: column; align-items: center; margin: var(--gap-large) auto; box-shadow: 0; padding: var(--gap); background-color: #fff; } body .landing-page .restricted-offerings-list p { font-size: var(--font-size-large); } body .landing-page .restricted-offerings-list .actions .flat.button { border: 1px solid var(--dark-platinum); color: var(--mate-black); margin-right: var(--gap); border-radius: 30px; } body .page-header { background-color: transparent; } body .page-header h1 { font-weight: normal !important; text-transform: uppercase; font-size: var(--font-size-large) !important; } body .offering-tile { background-color: var(--tan); } body .offering-tile .button.flat { font-weight: bold; color: var(--dark-gold); } body .button.primary.documents-link { background-color: var(--dark-platinum); } body .button.primary.invest { background-color: var(--gold); } body .button.primary.invest:hover { background-color: var(--dark-gold); } /*FOOTER*/ /*body footer > header > div > .custom-html { position: absolute; width: 100%; bottom: 11px; left: 0; text-align: center; } .main-footer { background-color: var(--mate-black); } body footer > header > div > .custom-html p { color: var(--white); }*/ /*INVEST STEPS*/ body .page-content.invest > header:first-of-type > h2 { font-weight: normal !important; text-transform: uppercase; font-size: var(--font-size-large) !important; } body .page-content.invest > section { box-shadow: var(--section-box-shadow); /*background-color: var(--tan);*/ } body .page-content.invest::before { background-color:var(--mate-black); } body .stepper .step.complete .link .label { font-weight: bold; } body .stepper > .line { background-color: var(--gold) !important; } body a.offering-brief { background-color: var(--white); border-radius: 0; box-shadow: var(--section-box-shadow); } body .stepper .step > .link { color: var(--dark-platinum); } body .stepper .step .bullet { border-color: var(--solid-black); } .offering-description { text-align: justify; } .offerings-list li[offeringname="Caliber Core+ Growth & Income Fund, LLC - Class B"] .offering-description, .offerings-list li[offeringname="Caliber Opportunistic Growth Fund, LLC - Class B"] .offering-description, .offerings-list li[offeringname="Caliber Tax Advantaged Opportunity Zone Fund II, LLC - Class B"] .offering-description, .offerings-list li[offeringname="Caliber Core+ Growth & Income Fund, LLC"] .offering-description, .offerings-list li[offeringname="Caliber Opportunistic Growth Fund, LLC"] .offering-description, .offerings-list li[offeringname="Caliber Tax Advantaged Opportunity Zone Fund II, LLC"] .offering-description { position: relative; padding-top: 33px; } .offerings-list li[offeringname="Caliber Core+ Growth & Income Fund, LLC - Class B"] .offering-description:before, .offerings-list li[offeringname="Caliber Opportunistic Growth Fund, LLC - Class B"] .offering-description:before, .offerings-list li[offeringname="Caliber Tax Advantaged Opportunity Zone Fund II, LLC - Class B"] .offering-description:before, .offerings-list li[offeringname="Caliber Core+ Growth & Income Fund, LLC"] .offering-description:before, .offerings-list li[offeringname="Caliber Opportunistic Growth Fund, LLC"] .offering-description:before, .offerings-list li[offeringname="Caliber Tax Advantaged Opportunity Zone Fund II, LLC"] .offering-description:before { position: absolute; top: 0; font-size: 13px; font-weight: bold; } .offerings-list li[offeringname="Caliber Core+ Growth & Income Fund, LLC - Class B"] .offering-description:before, .offerings-list li[offeringname="Caliber Core+ Growth & Income Fund, LLC"] .offering-description:before { content: "9-14% IRR Target Returns"; } .offerings-list li[offeringname="Caliber Opportunistic Growth Fund, LLC - Class B"] .offering-description:before, .offerings-list li[offeringname="Caliber Opportunistic Growth Fund, LLC"] .offering-description:before { content: "15% IRR Target Returns"; } .offerings-list li[offeringname="Caliber Tax Advantaged Opportunity Zone Fund II, LLC - Class B"] .offering-description:before, .offerings-list li[offeringname="Caliber Tax Advantaged Opportunity Zone Fund II, LLC"] .offering-description:before { content: "15%+ IRR Target Returns"; } .offerings-list li[offeringname="Caliber Core+ Growth & Income Fund, LLC - Class B"] .offering-raising .money, .offerings-list li[offeringname="Caliber Core+ Growth & Income Fund, LLC"] .offering-raising .money { font-size: 0; } .offerings-list li[offeringname="Caliber Core+ Growth & Income Fund, LLC - Class B"] .offering-raising .money:after, .offerings-list li[offeringname="Caliber Core+ Growth & Income Fund, LLC"] .offering-raising .money:after { content: "Open-Ended Evergreen"; font-size: var(--font-size-large); line-height: 2; } /**/ .offerings-list li[offeringname="Caliber Tax Advantaged Opportunity Zone Fund II, LLC - Class B"] .offering-brief, .offerings-list li[offeringname="Caliber Tax Advantaged Opportunity Zone Fund II, LLC"] .offering-brief { position: relative; margin-bottom: 65px; } .offerings-list li[offeringname="Caliber Core+ Growth & Income Fund, LLC - Class B"] .offering-brief, .offerings-list li[offeringname="Caliber Core+ Growth & Income Fund, LLC"] .offering-brief, .offerings-list li[offeringname="Caliber Opportunistic Growth Fund, LLC - Class B"] .offering-brief, .offerings-list li[offeringname="Caliber Opportunistic Growth Fund, LLC"] .offering-brief { position: relative; margin-bottom: 100px; } .offerings-list li[offeringname="Caliber Core+ Growth & Income Fund, LLC - Class B"] .offering-brief:after, .offerings-list li[offeringname="Caliber Core+ Growth & Income Fund, LLC"] .offering-brief:after, .offerings-list li[offeringname="Caliber Opportunistic Growth Fund, LLC - Class B"] .offering-brief:after, .offerings-list li[offeringname="Caliber Tax Advantaged Opportunity Zone Fund II, LLC - Class B"] .offering-brief:after, .offerings-list li[offeringname="Caliber Opportunistic Growth Fund, LLC"] .offering-brief:after, .offerings-list li[offeringname="Caliber Tax Advantaged Opportunity Zone Fund II, LLC"] .offering-brief:after { position: absolute; font-size: 13px; font-weight: bold; position: absolute; left: -10px !important; top: 105%; display: inline-block; background-repeat: no-repeat; background-size: 30px; background-position: 10px center !important; padding: 8px 0 8px 45px !important; width: 100%; /* position: absolute; font-size: 13px; font-weight: bold; position: absolute; left: -10px!important; top: 105%; display: inline-block; background-repeat: no-repeat; background-size: 30px; background-position: 10px center!important; padding: 8px 0 8px 45px !important; width: 100%;*/ } .offerings-list li[offeringname="Caliber Core+ Growth & Income Fund, LLC - Class B"] .offering-brief:before, .offerings-list li[offeringname="Caliber Core+ Growth & Income Fund, LLC"] .offering-brief:before, .offerings-list li[offeringname="Caliber Opportunistic Growth Fund, LLC - Class B"] .offering-brief:before, .offerings-list li[offeringname="Caliber Tax Advantaged Opportunity Zone Fund II, LLC - Class B"] .offering-brief:before, .offerings-list li[offeringname="Caliber Opportunistic Growth Fund, LLC"] .offering-brief:before, .offerings-list li[offeringname="Caliber Tax Advantaged Opportunity Zone Fund II, LLC"] .offering-brief:before { position: absolute; font-size: 13px; font-weight: bold; position: absolute; left: -10px !important; top: calc(105% + 35px); display: inline-block; background-repeat: no-repeat; background-size: 30px; background-position: 10px center !important; padding: 8px 0 8px 45px !important; width: 100%; } .offerings-list li[offeringname="Caliber Core+ Growth & Income Fund, LLC - Class B"] .offering-brief:after, .offerings-list li[offeringname="Caliber Core+ Growth & Income Fund, LLC"] .offering-brief:after { content: "CORE PLUS"; background-image: url("/file/public/1776ing-caliber-investment-offering-image93.png"); background-color: var(--dark-gold); } .offerings-list li[offeringname="Caliber Core+ Growth & Income Fund, LLC - Class B"] .offering-brief:before, .offerings-list li[offeringname="Caliber Core+ Growth & Income Fund, LLC"] .offering-brief:before { content: "VALUE ADD"; background-image: url("/file/public/1776ing-caliber-investment-offering-image92.png"); background-color: var(--gold); margin-top: 4px; } /**/ .offerings-list li[offeringname="Caliber Opportunistic Growth Fund, LLC - Class B"] .offering-brief:after, .offerings-list li[offeringname="Caliber Opportunistic Growth Fund, LLC"] .offering-brief:after { content: "VALUE ADD"; background-image: url("/file/public/1776ing-caliber-investment-offering-image92.png"); background-color: var(--gold); } .offerings-list li[offeringname="Caliber Opportunistic Growth Fund, LLC - Class B"] .offering-brief:before, .offerings-list li[offeringname="Caliber Opportunistic Growth Fund, LLC"] .offering-brief:before { content: "OPPORTUNISTIC"; background-image: url("/file/public/1776ing-caliber-investment-offering-image94.png"); background-color: var(--light-gold); margin-top: 4px; } .offerings-list li[offeringname="Caliber Tax Advantaged Opportunity Zone Fund II, LLC - Class B"] .offering-brief:after, .offerings-list li[offeringname="Caliber Tax Advantaged Opportunity Zone Fund II, LLC"] .offering-brief:after { content: "OPPORTUNISTIC"; background-image: url("/file/public/1776ing-caliber-investment-offering-image94.png"); background-color: var(--light-gold); } /*.issuer .offerings-list li[offeringname="Caliber Opportunistic Growth Fund, LLC - Class B"] .offering-brief .details .issuer, .offerings-list li[offeringname="Caliber Opportunistic Growth Fund, LLC"] .offering-brief .details .issuer { position: absolute; bottom: 5px; } .offerings-list li[offeringname="Caliber Core+ Growth & Income Fund, LLC - Class B"] .offering-brief .details .issuer, .offerings-list li[offeringname="Caliber Core+ Growth & Income Fund, LLC"] .offering-brief .details .issuer { position: absolute; bottom: 5px; } .offerings-list li[offeringname="Caliber Tax Advantaged Opportunity Zone Fund II, LLC - Class B"] .offering-brief .details .issuer, .offerings-list li[offeringname="Caliber Tax Advantaged Opportunity Zone Fund II, LLC"] .offering-brief .details .issuer { position: absolute; bottom: 5px; } .offerings-list li[offeringname="Caliber Core+ Growth & Income Fund, LLC - Class B"] .offering-brief .details, .offerings-list li[offeringname="Caliber Opportunistic Growth Fund, LLC - Class B"] .offering-brief .details, .offerings-list li[offeringname="Caliber Tax Advantaged Opportunity Zone Fund II, LLC - Class B"] .offering-brief .details, .offerings-list li[offeringname="Caliber Core+ Growth & Income Fund, LLC"] .offering-brief .details, .offerings-list li[offeringname="Caliber Opportunistic Growth Fund, LLC"] .offering-brief .details, .offerings-list li[offeringname="Caliber Tax Advantaged Opportunity Zone Fund II, LLC"] .offering-brief .details { position: relative; margin-left: -70px; padding-top: 10px; height: 75px; } .offerings-list li[offeringname="Caliber Core+ Growth & Income Fund, LLC - Class B"] .offering-brief .logo, .offerings-list li[offeringname="Caliber Opportunistic Growth Fund, LLC - Class B"] .offering-brief .logo, .offerings-list li[offeringname="Caliber Tax Advantaged Opportunity Zone Fund II, LLC - Class B"] .offering-brief .logo, .offerings-list li[offeringname="Caliber Core+ Growth & Income Fund, LLC"] .offering-brief .logo, .offerings-list li[offeringname="Caliber Core+ Growth & Income Fund, LLC - Class B"] .offering-brief .logo, .offerings-list li[offeringname="Caliber Opportunistic Growth Fund, LLC"] .offering-brief .logo, .offerings-list li[offeringname="Caliber Tax Advantaged Opportunity Zone Fund II, LLC"] .offering-brief .logo { margin-top: -85px; z-index: 999; background: #fff; } .offerings-list li[offeringname="Caliber Core+ Growth & Income Fund, LLC - Class B"] .offering-brief .details .type, .offerings-list li[offeringname="Caliber Opportunistic Growth Fund, LLC - Class B"] .offering-brief .details .type, .offerings-list li[offeringname="Caliber Tax Advantaged Opportunity Zone Fund II, LLC - Class B"] .offering-brief .details .type, .offerings-list li[offeringname="Caliber Core+ Growth & Income Fund, LLC"] .offering-brief .details .type, .offerings-list li[offeringname="Caliber Opportunistic Growth Fund, LLC"] .offering-brief .details .type, .offerings-list li[offeringname="Caliber Tax Advantaged Opportunity Zone Fund II, LLC"] .offering-brief .details .type { position: absolute; bottom: 0; }*/ .offering-brief .details .name { font-size: 16px !important; } .landing-page .page-content.landing-content { background: #181818 !important; } .page-content.offering-details > .offering-details-aside > .offering-details-nav a:hover { color: var(--dark-gold); } .stepper .link .label { color: #fff; } .stepper .link.disable .bullet { color: var(--mate-black)!important; } .section-title.logo:before { filter: brightness(0); background-size: contain!important; width: 130px!important; height: 30px!important; margin-top: 15px; } .section-title.logo.logo-white:before { filter: invert(0)!important; } .profile-details-page .side-menu-list li.menu-item:last-child { display: none; } .landing-content .offering-tile[offeringname="Caliber Hospitality Trust, Inc. Class B Preferred"] { order: 4; } /*Footer start*/ .main-footer header > div > svg, .main-footer header > a.main-logo, .main-footer .main-nav { display: none !important; } .main-footer .custom-html { display: block !important; } .main-footer .custom-html .footer-custom { display: grid !important; grid-template-columns: 1.5fr 1fr 1fr 150px; margin-top: 2.5rem; } .main-footer header > div { width: 100%; } .main-footer header > div svg { margin: 0 auto; } .footer-custom p { color: #a0a0a0; } .footer-custom ul { padding: 0; } .footer-custom li { list-style-type: none; } .footer-custom li a { font-weight: 500; letter-spacing: .2em; text-transform: uppercase; font-size: .65rem !important; color: #fff !important; text-decoration: none; } .footer-custom li a:hover { opacity: .6; transition: all .3s; } .footer-custom h5 { margin: 0; } .footer-custom .main-logo { margin-bottom: 1.5rem; } @media (max-width: 47.999rem) { .main-footer .custom-html .footer-custom { grid-template-columns: 1fr; } .main-footer .custom-html .footer-custom > div { margin-bottom: 1.5rem; } .main-footer .custom-html .footer-custom > :nth-child(1) { order: 2; } .main-footer .custom-html .footer-custom > :nth-child(2) { order: 3; } .main-footer .custom-html .footer-custom > :nth-child(3) { order: 4; } .main-footer .custom-html .footer-custom > :nth-child(4) { order: 1; } } /*Footer end*/ /*Only FOR login page start*/ .page-login .page-header { display: none; } .page-login .page-content, .page-login .page-section, #login_form { background-color: transparent !important; } .page-login main { background-image: url('/file/public/caliberco-login-bg2.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; } #login_form { --form-width: 100%; position: relative; padding: 1rem 8rem 1rem calc(50% + 8rem); margin: calc(0px - var(--gap)); width: calc(100% + (var(--gap) * 2)); max-width: unset; } #login_form h2 { font-weight: bold; font-size: 38px; color: var(--gold) !important; } #login_form p { color: #fff; font-size: 20px; } #login_form:before { content: "Advisor Center\A (For Financial Professionals only)\A \A \A At Caliber, we are committed to providing our financial partners with the tools and resources they need to navigate the world of alternative investments confidently.\A \A Our portal is designed specifically for financial professionals, giving you streamlined access to in-depth reports, client-ready materials, and detailed insights into Caliber’s offerings."; position: absolute; white-space: pre-wrap; display: flex; align-items: center; left: 8rem; top: 145px; width: calc(50% - 12rem) !important; color: #fff; font-size: 22px; } #login_form:after { content: ''; position: absolute; left: 8rem; background-image: url('/file/public/caliberco-white-logo.png'); background-repeat: no-repeat; background-size: contain; top: 65px; width: 250px; height: 40px; } #login_form > .label input, #login_form .login-code input { border-radius: 20px!important; background-color: #515151; border-color: #515151; color: #fff; } #login_form .label-text { color: #fff; } #login_form footer .button { min-width: 50%; border: 2px solid #ffffff !important; } .page-login .main-header nav.signed-out.mobile .button.flat, .page-login .main-header nav.signed-out.desktop .button.flat { display: none !important; } .page-sign-up .main-header nav.signed-out.mobile .button.primary, .page-sign-up .main-header nav.signed-out.desktop .button.primary { display: none !important; } .page-login .notes { color: #fff; } .page-login .notes button.button { color: #fff; background-color: transparent; font-weight: 700; } @media (max-width: 1300px) { #login_form { padding: 5rem 1.5rem 5rem calc(50% + 1.5rem);; } #login_form:before { width: calc(50% - 1.5rem) !important; left: 1.5rem; } #login_form:after { top: 45px; left: 0; } } @media (max-width: 949px) { #login_form { padding: 0; } #login_form:before { position: initial; width: 100% !important; grid-column: 1 / -1; margin-top: 120px; } #login_form .login-code .button, #login_form footer .button { min-width: 100%; } } /*Only FOR login page end*/