@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root,
html body {
  --font-family: "Poppins", sans-serif;
  --font-family-heading: var(--font-family);
  --font-family-text: var(--font-family);
  --field-label-font: var(--font-family-text);

  --logo-height: auto;
  --logo-width: 6rem;
  --color-header-dark: #666769;
  --field-border-radius: 0;
  --color-page-footer-background: var(--color-header-dark);

  --button-primary-background-color: #FF8210;
  --button-primary-hover-background-color: #000;
  --button-secondary-background-color: #ffffff;

  --color-brand: var(--color-header-dark);
  --color-text: #313942;
  --color-text-secondary: #313942;

  --color-page-footer-text: #bbbbbb;
  --color-footer-link-hover: var(--button-primary-background-color);

  --section-border-radius: 0;
  --color-link: var(--button-primary-background-color);
  --field-addon-color: var(--color-brand);
  --field-focus-border-color: var(--color-brand);
  --complete-background-color: #44A1E7;
}

body .button.primary {
  font-weight: 400;
}

body h1, body h2 {
  font-weight: 600!important;
}

.main-header {
  position: relative;
  background: url("/file/public/1776-1031-img-001.png") center center / cover no-repeat;
}

.main-header::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1;
}

.main-header > * {
  position: relative;
  z-index: 2;
}

.stepper .step.current > .link .bullet {
  background-color: var(--button-primary-background-color) !important;
}

label.option.offering-radio-option > span:hover {
  background: #fbfbfb;
  border: 0px solid transparent !important;
}

@media (pointer: fine) {
  .button.primary:not(:disabled):hover {
    color: var(--button-primary-background-color) !important;
  }
}


label.option.offering-radio-option > span {
  border: 2px solid transparent !important;
  padding: 5px!important;
}

label.option.offering-radio-option > span:hover {
  border: 2px solid transparent !important;
  padding: 5px!important;
}



/* LANDING PAGE ------------------------------------------------------------- */
body section.page-content.cols-1.landing-hero-wrapper > header,
body section.page-content.center.cols-1.landing-content > header,
body .landing-page > .hero-image {
  display: none !important;
}

body section.page-content.cols-1.landing-hero-wrapper {
  overflow: hidden;
  position: relative;
  min-height: 600px;
  display: none;
}

body section.page-content.cols-1.landing-hero-wrapper::after {
  content: "";
  position: absolute;
  top: 40px;
  left: calc((100% - 329px) / 2);
  width: 329px;
  height: 227px;
  background-image: url(/file/public/full_logo.svg);
  background-size: 100% 100%;
  z-index: 2;
}

body section.page-content.cols-1.landing-hero-wrapper::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 120%;
  height: 120%;
  background: url("/file/public/home_img_1_fill.jpg") center center / cover no-repeat;
  animation: move 20s infinite ease-in-out;
}

@media (max-width: 47.999rem) {
  body .landing-page .restricted-offerings-list {
    min-width: unset;
    padding: 0 !important;
  }

  body section.page-content.cols-1.landing-hero-wrapper::after {
    left: calc((100% - 329px) / 2);
  }

  .main-header .hamburger-menu-content .menu-link {
    font-size: 16px !important;
  }

  .main-header .hamburger-menu-content .tablet-user-name {
    color: var(--color-link) !important;
    font-weight: 400 !important;
    font-size: small !important;
  }
}

.main-header.clean-layout {
  background: transparent !important;
}

@keyframes move {
  0% {
    transform: translate3d(-30px, -30px, 0);
  }
  20% {
    transform: translate3d(-10px, -10px, 0);
  }
  40% {
    transform: translate3d(-5px, -5px, 5px);
  }
  60% {
    transform: translate3d(-30px, -5px, 5px);
  }
  80% {
    transform: translate3d(-5px, -35px, 0);
  }
  100% {
    transform: translate3d(-30px, -30px, 0);
  }
}

body .landing-page .restricted-offerings-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: var(--gap-large) auto;
  padding: var(--gap);
  max-width: 630px;
  text-align: center;
  position: relative;
  z-index: 2;
}

body .landing-page .restricted-offerings-list p {
  visibility: hidden;
  font-size: 0;
}

body .landing-page .restricted-offerings-list p::after {
  content: 'Only investors who qualify as “Accredited Investors”, as defined in Section 501(a) of Regulation D promulgated under the Securities Act may participate in our offerings. The interests offered are speculative securities intended only for experienced and sophisticated investors.';
  visibility: visible;
  display: block;
  font-size: var(--font-size-medium);
}

body .landing-page .restricted-offerings-list .flat {
  border: 1px solid var(--color-brand);
  color: #fff;
  background-color: var(--color-brand);
}

body button.primary:hover,
body a.primary:hover {
  border: 1px solid #000000;
}

body .landing-page .restricted-offerings-list .actions a {
  margin: 0 10px;
  min-width: 120px;
}

body section.page-content.center.cols-1.landing-content > ul {
  padding-top: 50px;
}

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

.investor-radio-group label.option.investor-radio-option input:checked + span,
.client-radio-group label.option.client-radio-option input:checked + span {
  background-color: var(--color-brand);
}

section.page-content.invest::before {
  background-color: var(--color-brand);
}

/*Tile*/


.offering-tile[offeringname="Rocky Top Quarry Opportunity Fund"] .offering-link {
  margin-top: -7px;
}

.offering-tile .offering-link {
  background-color: var(--color-brand) !important;
  border-color: var(--color-brand) !important;
  color: var(--button-primary-color) !important;
  font-size: 0;
}

.offering-tile .offering-link::after {
  content: 'Details';
  font-size: 15px;
}

li.offering-tile > footer {
  padding-top: 10px;
  padding-bottom: 40px;
}

li.offering-tile .offering-raising .label {
  font-size: 15px;
  font-weight: bold;
}

@media (max-width: 47.999rem) {
  li.offering-tile > footer {
    display: block;
    padding-top: 0;
  }


  .offering-tile .offering-link {
    width: 100%;
    margin-top: var(--gap-tiny) !important;
  }

  .offering-tile .offering-raising {
    display: flex;
    align-items: baseline;
  }

  .offering-tile .money {
    margin-right: 10px;
  }
}

/*End Tile*/

.offering-brief .details .name {
  font-size: 14px !important;
}


nav.menu.horizontal > ul > li > a:hover {
  color: var(--color-link) !important;
}

.list-pagination .pagination > .pagination-item {
  font-weight: normal!important;
}

.offering-details-invest-block p.closed-message {
  color: #dd1831!important;
  font-weight: normal!important;
}

body .button.primary {
  background: var(--button-primary-background-color);
  font-weight: 400;
}

.main-header .hamburger-menu-content .tablet-user-name {
  color: var(--color-link) !important;
}


.offering-details-invest-block .invest,
.offering-details-aside .offering-details-invest-block .invest {
  font-size: 16px;
  font-weight: 400;
}

.page-content.invest > aside .investment-stepper, .page-content.invest > aside:not(:last-child) .investment-stepper {
  --thumb-border-radius: 10rem;
  --thumb-color: var(--button-primary-background-color)!important;
  --track-color: transparent;
  overflow: auto;
}

/*Fix for offering preview image*/
main .offering-details .offering-details-overview > img {
  height: auto;
  position: relative;
}


ul.offerings-list > li[offeringname="IPP Account Form"] .offering-raising, ul.offerings-list > li[offeringname="IPP Account Form"] .type {
  visibility: hidden;
}

/* Offerings Tile */

.landing-page .offering-tile[offeringname='Steele Creek Capital Corporation'] .offering-raising .money {
  color: transparent;
  position: relative;
}

.landing-page .offering-tile[offeringname='Steele Creek Capital Corporation'] .offering-raising .money::after {
  content: 'Perpetual Offering';
  font-size: var(--font-size-large);
  color: var(--color-text-secondary);
  position: absolute;
  left: 0;
  white-space: nowrap;
}

/* FOOTER */
body .main-footer {
  background: var(--color-page-footer-background);
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 60px;
}

footer.main-footer header {
  position: relative;
  padding: 0 var(--page-content-horizontal-padding);
}

footer.main-footer .main-nav {
  position: relative;
  top: -35px;
  padding: 0 var(--page-content-horizontal-padding);
}

footer.main-footer .custom-html {
  position: absolute;
  left: 0;
  top: 100px;
  width: 100%;
  text-align: center;
  padding: 0 var(--page-content-horizontal-padding);
  padding-bottom: 20px;
  background: var(--color-page-footer-background);
}

footer.main-footer a {
  color: #ccc !important;
  padding: 0 5px;
}

footer.main-footer a:hover {
  color: var(--color-footer-link-hover) !important;
}

footer.main-footer nav.menu > ul {
  flex-direction: row;
}

@media (max-width: 47.999rem) {
  footer.main-footer nav.menu > ul {
    flex-direction: column;
  }

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

  footer.main-footer .main-nav {
    top: -10px;
  }
}