/*
Theme Name:   Genesis Block Theme Child
Theme URI:    https://github.com/studiopress/genesis-block-theme/
Description:  A child theme of Genesis Block Theme
Author:       StudioPress
Author URI:   https://www.studiopress.com/
Template:     genesis-block-theme
Version:      1.0.0
*/

html {
  scroll-behavior: smooth;
}

h1,
h2 {
  font-family: "Albert Sans";
}

p {
  font-family: "Inter";
  line-height: 1.3;
}

/* Investors Landing Page */

article#post-1699 > div {
  justify-content: center;
  max-width: 1200px;
  margin: 150px auto;
}

article#post-1699 > div.hero-section,
article#post-1699 > div.form-section {
  max-width: 100%;
  margin: 0;
}

article#post-1699 > div.hero-section {
  position: relative;
  height: 600px;
  background: url(https://about.voronoiapp.com/wp-content/uploads/2023/08/bck-widescreen_96ppi.png) center no-repeat;
}

article#post-1699 > div.form-section {
  background: linear-gradient(#bcd768, #9acc75);
}

article#post-1699 > div.hero-section > div {
  align-content: center;
}

article#post-1699 .hero-content {
  max-width: 1200px;
  margin: auto;
}

article#post-1699 .form-content {
  max-width: 1200px;
  margin: 150px auto;
}

article#post-1699 .hero-content div.copy-col {
  flex-basis: 40%;
  max-width: 40%;
}

article#post-1699 .hero-content h2 {
  font-family: "Epilogue", "Albert Sans";
  font-weight: 200;
  font-size: 72px;
  line-height: 1;
}

article#post-1699 .hero-content p {
  font-size: 26px;
  line-height: 1.1;
}

article#post-1699 .hero-content a {
  color: #467c64;
  background: #fff;
  font-family: "Albert Sans";
  border-radius: 8px;
  padding: 10px 30px;
  letter-spacing: 1.2px;
  height: auto;
  transition: 0.2s ease-in-out;
}

article#post-1699 .hero-content a:hover {
  box-shadow: 1px 1px 3px 1px #8e8e8e;
}

article#post-1699 .hero-section figure {
  position: absolute;
  width: 50vw;
  right: 0;
  top: 0;
  margin-bottom: 0;
}

article#post-1699 .hero-section img {
  height: 600px;
  width: auto;
}

article#post-1699 .about h4 {
  font-size: 20px;
}

article#post-1699 .about h2 {
  font-size: 40px;
  width: 90%;
}

article#post-1699 .about p {
  font-size: 16px;
}

#wpforms-form-1700 {
  width: 100%;
}

#wpforms-submit-1700 {
  color: #467c64;
  background: #fff;
  font-family: "Albert Sans";
  border-radius: 8px;
  padding: 10px 30px;
  letter-spacing: 1.2px;
  height: auto;
  transition: 0.2s ease-in-out;
}

button#wpforms-submit-1700:hover {
  box-shadow: 1px 1px 3px 1px #8e8e8e;
}

article#post-1699 .form-section p.small-print {
  font-size: 12px;
  width: 70%;
}

@media screen and (max-width: 1299px) and (min-width: 1151px) {
  article#post-1699 .hero-content,
  article#post-1699 .about,
  article#post-1699 .form-content {
    max-width: 95%;
  }
}

@media screen and (max-width: 1150px) {
  article#post-1699 .hero-content,
  article#post-1699 .about,
  article#post-1699 .form-content {
    max-width: 95%;
  }

  article#post-1699 .hero-content h2 {
    font-size: 42px;
  }

  article#post-1699 .hero-content div.copy-col {
    max-width: 50%;
  }

  article#post-1699 .hero-section figure {
    width: 100%;
    left: 50%;
  }
}

@media (max-width: 1000px) {
  body.page-id-1699 .mobile-navigation {
    display: none;
  }
}

@media screen and (min-width: 701px) {
  article#post-1699 .about .mau-chart-desktop {
    display: block;
  }

  article#post-1699 .about figure.mau-chart-mobile {
    display: none;
  }
}

@media screen and (max-width: 700px) {
  article#post-1699 .about .mau-chart-desktop {
    display: none;
  }

  article#post-1699 .about figure.mau-chart-mobile {
    display: block;
  }
}

@media screen and (max-width: 550px) {
  article#post-1699 > div,
  article#post-1699 .form-content {
    margin: 50px auto;
  }

  article#post-1699 > div.hero-section,
  article#post-1699 .hero-section img {
    height: 500px;
  }

  article#post-1699 .hero-content div.copy-col {
    max-width: 60%;
  }

  article#post-1699 .hero-content a {
    width: 225px;
  }

  article#post-1699 .hero-section figure {
    width: 100%;
    left: 50%;
  }

  article#post-1699 .about h2 {
    font-size: 32px;
  }

  article#post-1699 .form-section p.small-print {
    width: 100%;
  }
}

@media screen and (max-width: 467px) {
  article#post-1699 .hero-content div.copy-col {
    max-width: 95%;
  }

  article#post-1699 .hero-section figure {
    width: 130%;
    left: 55%;
    top: 40%;
  }
}

@media screen and (max-width: 400px) {
  article#post-1699 .hero-section figure {
    display: none;
  }
}

/* In Content Links */

div.entry-content p a {
  box-shadow: none;
  font-weight: bold;
  color: #82bd6e;
}

div.entry-content p a:hover {
  box-shadow: none;
  color: #82bd6e;
  opacity: 0.8;
}

/* Tags */

ul.meta-list a {
  background: #a3a4a5;
  padding: 2px 10px;
  color: #fff !important;
  font-weight: bold !important;
  border-radius: 8px;
}

ul.meta-list a:hover {
  opacity: 0.8;
}

/* Header */

.site-identity {
  padding: 5px 0;
  display: flex;
}

.site-title-wrap {
  position: relative;
  margin: 0 auto;
}

.custom-logo-link img {
  width: 200px;
  margin: 0 auto;
}

/* Footer */

.site-footer {
  background-color: #12122a;
}

.footer-widgets {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 1%;
}

.footer-widgets > div:nth-child(2) {
  flex-basis: 70%;
  padding-top: 50px;
}

#block-8 > figure {
  width: 200px;
}

.footer-widgets > .footer-column {
  padding-top: 0;
}

.footer-column p:first-child {
  font-weight: 700;
  margin-bottom: 6px;
}

.footer-column p {
  font-family: "Inter", sans-serif;
  color: #fff;
  margin-bottom: 3px;
}

.footer-column p a {
  color: #fff;
  transition: 0.3s ease-in-out;
}

.footer-column p a:hover {
  color: #fff;
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  color: #fff;
  border-top: none !important;
  padding-top: 0;
}

.footer-tagline {
  width: fit-content;
}

.footer-bottom .return-to-top {
  margin-right: 100px;
  color: #fff;
  transition: 0.5s ease-in-out;
  text-decoration: none;
}

.footer-bottom .return-to-top:hover {
  color: #fff;
  text-decoration: underline;
}

@media (min-width: 1440px) {
  .site-footer p {
    width: 100% !important;
  }
}

@media (max-width: 1000px) {
  .footer-widgets {
    padding-top: 0;
  }
  .footer-widgets .footer-column {
    width: 50% !important;
  }
  .footer-widgets .footer-column p {
    padding-right: 15px;
  }
  .footer-widgets .footer-column > section > div {
    flex-wrap: nowrap !important;
    gap: 5px;
  }
  .footer-widgets + .footer-bottom {
    padding-top: 0;
  }
  .footer-bottom .return-to-top {
    margin-right: 0;
    margin-top: 15px;
  }
}

@media (max-width: 600px) {
  .footer-widgets .footer-column {
    width: 100% !important;
  }
  .footer-widgets .footer-column p {
    padding-right: 5px;
  }
  .footer-widgets + .footer-bottom {
    display: flex;
    flex-wrap: wrap-reverse !important;
    justify-content: space-between;
  }
}

@media (max-width: 375px) {
  .footer-widgets + .footer-bottom {
    justify-content: center;
  }
}

/* Invite Page */

.page-id-1439 .site.container {
  padding: 0 !important;
  max-width: unset;
}

.page-id-1439 .content-area {
  margin: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
}

.page-id-1439 .site-content {
  padding-bottom: 0;
}

.page-id-1439 .site-header {
  display: none;
}

.page-id-1439 .vlp-hero-img-col > figure:nth-child(2) {
  margin-bottom: 0;
}

.page-id-1439 h2 {
  width: 80%;
}

.page-id-1439 p {
  width: 80%;
}

.page-id-1439 .vlp-hero {
  padding: 50px 150px;
  background: url(https://voronoiapp.com/wp-content/uploads/2023/08/bck-widescreen_96ppi.png) center no-repeat;
  margin: -10px 0 -10px -10px;
  background-size: cover;
}

.page-id-1439 .vlp-hero-copy-col > h2:nth-child(2) {
  font-size: 5rem;
  color: #000;
  margin-bottom: 1.2rem;
}

#wpforms-1440,
#wpforms-form-1440 {
  width: 140%;
}

#wpforms-form-1440 > div.wpforms-field-container > div > input {
  border-radius: 10px;
  font-size: 24px;
  font-family: "Inter", sans-serif;
}

#wpforms-form-1440 > div.wpforms-field-container > div {
  padding: 5px 0;
}

#wpforms-form-1440 > div.wpforms-field-container > div:first-child {
  padding: 5px 0 25px;
}

#wpforms-1440-field_10-container > fieldset > div > div > input {
  font-family: "Inter", sans-serif;
  font-size: 24px;
  border-radius: 10px;
}

.hidden-field {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.hidden-field.wpforms-conditional-hide {
  opacity: 0;
}

.hidden-field.wpforms-conditional-show {
  display: block !important;
  opacity: 1;
}

#wpforms-submit-1440 {
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
  border-radius: 25px;
  font-size: 24px;
  font-weight: bold;
  padding: 5px 25px;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

#wpforms-submit-1440:hover {
  color: #000;
  background: #fff !important;
}

#wpforms-submit-1440:active,
#wpforms-submit-1440:focus:after {
  border: 3px solid #000 !important;
  border-radius: 25px !important;
  padding: 3px 23px;
}

@media (min-width: 1440px) {
  #wpforms-1440,
  #wpforms-form-1440 {
    width: 100%;
  }
  .page-id-1439 p {
    width: 50%;
    margin-right: 100px;
  }
}

@media (max-width: 1000px) {
  .page-id-1439 .vlp-hero {
    padding: 50px;
  }
  .page-id-1439 h2 {
    width: 100%;
  }
  .page-id-1439 p {
    width: 100%;
  }
}

@media (max-width: 600px) {
  .page-id-1439 .vlp-hero {
    padding: 50px 25px;
  }
  #wpforms-1440,
  #wpforms-form-1440 {
    width: 100%;
  }
  #wpforms-form-1440 > div.wpforms-field-container > div > input,
  #wpforms-1440-field_10-container > fieldset > div > div > input {
    font-size: 16px;
  }
  #wpforms-form-1440 > div.wpforms-field-container > div:first-child {
    padding: 10px 0 20px;
  }
  #wpforms-1440-field_10-container > fieldset > div > div.wpforms-field-row-block.wpforms-first.wpforms-one-half {
    margin-bottom: 8px;
  }
  #wpforms-form-1440 > div.wpforms-field-container > div {
    padding: 5px 0;
  }
}

/* Landing Page */

.page-id-21 .site.container {
  padding: 0 !important;
}

.page-id-21 .content-area {
  margin: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
}

.page-id-21 .site-content {
  padding-bottom: 0;
}

.page-id-21 .site-header {
  display: none;
}

.page-id-21 h2 {
  font-family: "Albert Sans";
}

.page-id-21 p {
  font-family: "Inter";
  line-height: 1.3;
}

.vlp-hero {
  padding: 50px 150px;
  background-image: url("https://voronoiapp.com/wp-content/uploads/2023/08/bck-widescreen_96ppi.png");
  margin: -10px 0 0 -10px;
}

.vlp-hero-img-col {
  flex-basis: 33.3% !important;
}

.vlp-hero-copy-col {
  flex-basis: 66.6% !important;
}

.vlp-hero-img-col,
.vlp-hero-copy-col {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}

.vlp-hero-img-col > figure:nth-child(1) {
  width: 200px;
}

.vlp-hero-img-col > figure:nth-child(2) {
  margin-bottom: -150px;
  z-index: 1;
}

.vlp-hero-copy-col > figure {
  display: none;
}

.vlp-hero-copy-col .vlp-hero-button-col figure {
  display: block;
}

.vlp-hero-copy-col > h2:nth-child(2) {
  font-size: 5rem;
  font-weight: 600;
  margin-bottom: 0;
}

.vlp-hero-copy-col > h2 {
  font-family: "Albert Sans", sans-serif;
  font-size: 5rem;
  color: #000;
}

.vlp-hero-copy-col > h2 > strong {
  color: #fff;
  font-weight: 800;
}

.vlp-hero-form {
  margin: 0 !important;
  width: 100% !important;
  font-family: "Inter";
}

.vlp-hero-form form {
  width: 125%;
}

.vlp-hero-form form .wpforms-field-container {
  display: flex;
  flex-wrap: wrap;
}

.vlp-hero-form #wpforms-1207-field_1-container {
  width: 100%;
  padding-bottom: 0;
}

#wpforms-1207-field_1-container input {
  border-radius: 10px;
  font-size: 24px;
}

.vlp-hero-form #wpforms-1207-field_2-container {
  margin-right: 20px;
}

#wpforms-1207-field_2 > li > label:after {
  content: " *";
  color: red;
}

.vlp-hero-form #wpforms-1207-field_2-container,
.vlp-hero-form #wpforms-1207-field_3-container {
  width: fit-content;
  display: inline-block;
  padding-bottom: 0;
}

.vlp-hero-form #wpforms-1207-field_9-container {
  width: 100%;
  padding-top: 0;
  color: #808080;
  font-size: 14px;
}

#wpforms-1207-field_9-container p:first-child {
  margin: 10px 0 5px;
}

#wpforms-1207-field_9-container p > a {
  font-family: "Albert Sans";
  font-weight: bold;
  text-decoration: none;
  box-shadow: none;
  color: #6699cc;
}

#wpforms-1207-field_9-container p > a:hover {
  box-shadow: inset 0 -1px 0 #6699cc;
}

.vlp-hero-form .wpforms-submit-container {
  margin-top: 0 !important;
  padding-top: 0;
}

#wpforms-submit-1207 {
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
  border-radius: 25px;
  font-size: 24px;
  font-weight: bold;
  padding: 5px 25px;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

#wpforms-submit-1207:hover {
  color: #000;
  background: #fff !important;
}

#wpforms-submit-1207:active,
#wpforms-submit-1207:focus:after {
  border: 3px solid #000 !important;
  border-radius: 25px !important;
  padding: 3px 23px;
}

.vlp-collage {
  background: url("https://about.voronoiapp.com/wp-content/uploads/2023/08/full-collage_96ppi.png") center no-repeat;
  background-size: cover;
  padding: 50px;
  position: relative;
  height: 500px;
  margin-bottom: 0;
}

.vlp-collage p {
  background-color: #fff;
  width: 40vw;
  padding: 150px 50px;
  position: relative;
  left: 45vw;
  top: -50px;
}

.vlp-collage p strong:first-child,
.vlp-data p strong:first-child {
  font-family: "Albert Sans";
  font-size: 2.5rem;
  font-weight: 700;
}

.vlp-data {
  background-color: #7eb670;
  padding: 0 100px;
  height: 500px;
  position: relative;
  margin-bottom: 0;
}

.vlp-data > div:first-child {
  margin-left: 100px;
}

.vlp-data > div > p {
  background-color: #fff;
  padding: 100px 50px;
  z-index: 1;
  position: relative;
}

.vlp-data > div > figure {
  position: absolute;
  top: -25px;
}

.vlp-data > div > figure > img {
  height: 550px;
  width: auto;
  z-index: 1;
  position: relative;
}

.vlp-data-colour-block {
  height: 300px;
  width: 60vw;
  position: absolute;
  background-color: #008f7e;
  bottom: 0;
  right: 0;
  z-index: 0;
}

.vlp-earlybird {
  background-color: #12122a;
  padding: 50px 250px;
  margin-bottom: 0;
}

.vlp-earlybird p,
.vlp-earlybird h2 {
  color: #fff;
}

.vlp-earlybird > div > p {
  font-size: 2rem;
  margin-bottom: 0;
}

.vlp-earlybird > div > h2 {
  font-size: 5.5rem;
  font-weight: bold;
  margin-bottom: 20px;
}

.vlp-earlybird-icon-col > div {
  align-self: center;
}

.vlp-earlybird figure {
  position: relative;
  margin: 0 auto 10px;
  width: 50%;
}

.earlybird-mobile {
  display: none !important;
}

.vlp-about-us {
  background-color: #008f7e;
  padding: 0 150px;
  margin-bottom: 0;
  height: 500px;
}

.vlp-about-us > div {
  display: flex;
  column-gap: 10px;
  flex-wrap: wrap;
  align-content: center;
}

.vlp-about-us > div > figure {
  width: 80%;
}

.vlp-about-us h2 > strong {
  font-family: "Albert Sans";
  color: #fff;
  font-size: 5rem;
  font-weight: 800;
}

.vlp-about-us h2 {
  color: #fff;
  font-size: 3rem;
}

.vlp-about-us p {
  color: #fff;
  font-size: 2rem;
  line-height: 1.3;
}

.vlp-about-us p > a {
  font-family: "Albert Sans";
  font-weight: bold;
  text-decoration: none;
  box-shadow: none;
  color: #0066cc;
}

.vlp-about-us p > a:hover {
  color: #00bfff;
  box-shadow: inset 0 -1px 0 #00bfff;
}

.vlp-bottom-cta {
  padding: 50px 250px;
}

.vlp-bottom-cta > div > h2:first-child {
  font-size: 4.5rem;
}

.vlp-bottom-cta > div > h2 {
  font-size: 3rem;
  margin-bottom: 0;
}

.vlp-bottom-cta > div > h2 > strong {
  font-weight: 800;
}

.vlp-bottom-cta form {
  width: 50vw;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}

.vlp-bottom-cta form .wpforms-field-container {
  justify-content: center;
}

.vlp-bottom-cta #wpforms-1207-field_9-container {
  width: fit-content;
}

.vlp-bottom-cta #wpforms-1207-field_9 {
  margin: 0 auto;
}

.vlp-bottom-cta #wpforms-1207-field_1-container > input {
  margin: 0 auto;
}

.vlp-conclusion {
  position: relative;
  margin-bottom: -100px;
}

.vlp-conclusion > div {
  margin: 0 auto;
  position: relative;
}

.vlp-conclusion > div > figure {
  width: 45vw;
  z-index: 2;
  position: relative;
  margin: 0 auto;
}

.vlp-bottom-banner {
  background-color: #eac900;
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100vw;
  z-index: 1;
}

@media (min-width: 1895px) {
  .vlp-data {
    padding: 100px 400px;
  }
  .vlp-hero-copy-col > h2 {
    width: 100%;
    margin-right: 500px;
  }
  .vlp-collage p {
    width: 25vw;
  }
  .vlp-data > div > p {
    width: 25vw;
    left: 10vw;
  }
  .vlp-earlybird {
    padding: 50px 450px;
  }
  .vlp-about-us {
    padding: 50px 450px;
  }
}

@media (max-width: 1000px) {
  .vlp-hero {
    padding: 50px;
  }
  .vlp-hero-img-col {
    display: none;
  }
  .vlp-hero-copy-col {
    flex-basis: 100%;
  }
  .vlp-hero-copy-col > figure {
    display: block;
    width: 150px;
  }
  .vlp-collage p {
    position: absolute;
    top: 0;
    right: 0;
    left: unset;
    width: 50vw;
    padding: 100px 50px;
  }
  .vlp-data > div > p {
    position: absolute;
    left: 0;
    width: 50vw;
  }
  .vlp-data > div > figure {
    right: 35px;
  }
  .vlp-earlybird {
    padding: 50px;
  }
  .vlp-earlybird > div > div {
    flex-wrap: nowrap !important;
  }
  .vlp-about-us {
    flex-wrap: nowrap !important;
    padding: 10px;
    height: 400px;
  }
  .vlp-bottom-cta {
    padding: 25px;
  }
  .vlp-bottom-cta form {
    width: 90vw;
  }
  .vlp-conclusion > div > figure {
    width: 60vw;
  }
}

@media (max-width: 600px) {
  .vlp-hero {
    padding: 50px 25px;
  }
  .vlp-hero-copy-col h2 {
    font-size: 4.5rem;
  }
  #ph-hero-button {
    text-align: center;
    max-width: 432px;
  }
  .vlp-hero-button-col {
    width: auto;
    max-width: 100%;
    justify-content: center;
    flex-wrap: nowrap !important;
  }
  .vlp-hero-form form {
    width: 100%;
  }
  .vlp-collage {
    height: 500px;
    padding: 0;
  }
  .vlp-collage p {
    width: 100vw;
    padding: 50px;
  }
  .vlp-data {
    height: 230px;
    padding: 0 25px;
  }
  .vlp-data > div > figure {
    position: absolute;
    top: -400px;
    left: 50%;
    right: unset;
    transform: translateX(-50%);
  }
  .vlp-data > div > figure > img {
    height: 60vh;
  }
  .vlp-data > div > p {
    width: 100vw;
    padding: 0 25px 50px;
  }
  .vlp-data-header > div > h2 {
    margin-top: 50px;
    font-size: 4rem;
  }
  .vlp-data-colour-block {
    display: none;
  }
  .vlp-earlybird {
    padding: 25px;
  }
  .vlp-earlybird-icon-col,
  .vlp-earlybird-copy-col {
    display: none !important;
  }
  .vlp-earlybird > div > div.earlybird-mobile {
    display: flex !important;
    flex-wrap: wrap !important;
    padding: 15px;
  }
  .earlybird-mobile h2 {
    white-space: nowrap;
  }
  .vlp-about-us {
    height: fit-content;
    flex-wrap: wrap-reverse !important;
    justify-items: space-around;
  }
  .vlp-about-us > div {
    justify-content: space-between;
  }
  .vlp-bottom-cta > div > h2:first-child {
    font-size: 4rem;
  }
  .vlp-bottom-cta > div > h2 {
    margin-bottom: 15px;
  }
  .vlp-bottom-cta form .wpforms-field-container {
    justify-content: left;
  }
  .vlp-conclusion > div > figure {
    width: 100vw;
  }
}