/* -------------------
BEGIN vbf-client
Sitecore Resource: 26e9c120-148b-45ce-8462-26cd43eac46b
-------------------*/
:root {
  --vbf-gradient: linear-gradient(45deg, #E6008C 0%, #461E96 80%);
  --vbf-primary-color: #c5dce6;
  --vbf-secondary-color: #0073BE;
  --vbf-accent-color-1: #0073BE;
  --vbf-accent-color-2: #E6008Cdb;
  --vbf-accent-color-3: #FFA400db;
  --vbf-accent-color-4: #E6008C;
  --vbf-primary-text-color: #3B3B3B;
  --vbf-secondary-text-color: #0073BE;
  --vbf-inverted-text-color: #ffffff;
  --vbf-primary-button-color: #461E96;
  --vbf-secondary-button-color: #B7E8FE;
  --vbf-primary-link-color: #0073BE;  
  --u-grayscale-ee: #c5dce6;
  --vbf-base-border-radius: 5px;
}





/* GLOBAL Items  */
input[type='submit'].submit,
.btn {
  color: var(--vbf-inverted-text-color);
}

.btn--secondary {
  color: var(--vbf-inverted-text-color);
}

/* LANDING PAGE  */

.vf24 .cta-static:nth-child(1) {
  background-color: var(--vbf-accent-color-1);
}

.vf24 .cta-static:nth-child(2) {
  background: var(--vbf-accent-color-2);
}

.vf24 .cta-static:nth-child(3) {
  background: var(--vbf-accent-color-3);
}

/* VENDOR FLOOR  PAGE */

.vf-ctr {
  background: #eeeeee;
}

.vf-area--inactive {
  background-color: var(--u-grayscale-aa);
  border-color: var(--u-grayscale-aa);
}

/* VENDOR LANDING PAGE  */

:is(.vc-ctr, .va-ctr) .section-title {
  color: var(--vbf-secondary-text-color);
}

.vc-option__label {
  color: var(--vbf-secondary-text-color);
}

/* VENDOR BOOTH PAGE   */

/* background color for Resource section  */
.va-resources {
  background: var(--u-grayscale-dd);
}

/* color/background color for Resource tiles */
.resources-opt {
  background: var(--u-grayscale-ff);
  color: var(--vbf-secondary-text-color);
}

.vf24 :is(.resource-body, .events-calendar-body) {
  background: var(--u-grayscale-ee);
}


.vf24 .vf-landing__content {
    @media (width >= 64em) {
     grid-template-columns: 1fr auto;
  }
}

.lp-hero__title.section-title {
  font-family: var(--u-fontFamily-semibold);
  font-size:  2.986rem;
}


.lp-hero__sub-title.section-title {
  font-family: var(--u-fontFamily-semibold);
  font-size: 1.672rem
}

.lp-hero__text {
  font-size:18px;
}