.color-blue-dark {
    color: #016BFD!important;
}

.color-blue-aqua {
    color: #25F4EE!important;
}

.color-yellow {
    color: #f4f000!important;
}

.color-green {
    color: #00faa2!important;
}

.color-purple {
    color: #ff66fd!important;
}

.color-razzmatazz {
    color: #FE2C55!important;
}

a.color-white,
a.color-white:visited,
a.color-white:link {
    color: #ffffff;
}
a.color-white:active,
a.color-white:hover,
a.color-white:focus {
    color: #ffffff;
    text-decoration: underline;
    outline: none;
}

.tt-to-logo {
    width: 260px!important;
    height: auto;
}

@media (min-width: 768px) {
    .d-flex {
        display: flex!important;
        align-items: stretch!important;
    }
    
    .d-flex-center {
        display: flex!important;
        flex-flow: column!important;
        justify-content: center!important;
    }
    
    .tt-to-logo {
        width: 300px!important;
    }
}

@media (min-width: 1200px) {
    .tt-to-logo {
        width: 374px!important;
    }
}

.cta-button-primary {
    position: relative;
    display: inline-block!important;
    width: auto!important;
    margin: 0 auto!important;
    padding: 12px 15px 10px!important;
    background: #FE2C55!important;
    color: #fff!important;
    border-radius: 100px!important;
    font-family: 'SofiaPro-Medium'!important;
    text-align: center;
    font-size: 16px!important;
    line-height: 16px!important;
}

.cta-button-primary.has-arrow {
    padding-right: 40px!important;
}

.cta-button-primary.has-arrow::after {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 12px;
    top: 9px;
    background-image: url(https://d3m889aznlr23d.cloudfront.net/img/events/458722958/assets/e7dbcb45.arrow-sm-white.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
}

@media (min-width: 768px) {
  
    .cta-button-primary {
        padding: 12px 30px!important;
        font-size: 18px!important;
        line-height: 18px!important;
    }
    
    .cta-button-primary.has-arrow {
        padding-right: 50px!important;
    }

    .cta-button-primary.has-arrow::after {
        top: 12px;
        right: 18px;
    }
}

@media (min-width: 992px) {
  
  .cta-button-primary {
    padding: 12px 50px!important;
    font-size: 20px!important;
    line-height: 20px!important;
  }
}

/* ---------- BEGIN: HOMEPAGE HERO ----------*/
.hero-homepage-mobile {
    display: block;
    position: relative;
    width: 100%;
    max-width: 100%;
    /*height: 100vh;*/
    min-height: 700px;
    background-image: url(https://d3m889aznlr23d.cloudfront.net/img/events/458722958/assets/ee9a6a57.hero-clouds-mobile.png), url(https://d3m889aznlr23d.cloudfront.net/img/events/458722958/assets/21e5a63f.hero-top-left-mobile.svg), url(https://d3m889aznlr23d.cloudfront.net/img/events/458722958/assets/96635797.hero-top-right-mobile.svg), url(https://d3m889aznlr23d.cloudfront.net/img/events/458722958/assets/d047a73e.hero-bottom-right-mobile.svg), url(https://d3m889aznlr23d.cloudfront.net/img/events/458722958/assets/5a9c5564.hero-rocket-mobile.svg);
    background-repeat: no-repeat;
    background-position: bottom left, 4% 4%, 96% 4%, 90% 80%, 20% 105%;
    background-size: contain, 88px auto, 53px auto, 55px auto, 200px auto;
}

@media (min-width: 768px) {
  
  .hero-homepage-mobile {
    min-height: 700px;
  }
}
  
.hero-homepage-desktop {
  display: none;
}

@media (min-width: 922px) {
    
  .hero-homepage-mobile {
      display: none!important;
  }
  
  .hero-homepage-desktop {
    display: block;
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 80vh;
    min-height: 600px;
    background-image: url(https://d3m889aznlr23d.cloudfront.net/img/events/458722958/assets/a536c2c6.hero-clouds-desktop.png), url(https://d3m889aznlr23d.cloudfront.net/img/events/458722958/assets/bb82074c.hero-rocket-desktop.svg), url(https://d3m889aznlr23d.cloudfront.net/img/events/458722958/assets/af826b1f.hero-decorations-right-desktop.svg);
    background-repeat: no-repeat;
    background-position: bottom left, 2.5% 98%, 95% 50px;
    background-size: contain, 280px auto, 160px 333px;
  }
}

@media (min-width: 1200px) {
  
  .hero-homepage-desktop {
    min-height: 640px;
    background-position: bottom left, 2.5 95%, 95% 90px;
    background-size: contain, 360px auto, 180px 374px;
  }
}

@media (min-width: 1400px) {
  
  .hero-homepage-desktop {
    min-height: 700px;
    background-position: bottom left, 2.5 95%, 95% 90px;
    background-size: contain, 380px auto, 210px 437px;
  }
}

@media (min-width: 1600px) {
  
  .hero-homepage-desktop {
    min-height: 800px;
    background-position: bottom left, 0 95%, 95% 140px;
    background-size: contain, 509px 800px, 245px 510px;
  }
}
/* ---------- END: HOMEPAGE HERO ----------*/


/* ---------- BEGIN: SCHEDULE ----------*/
.schedule-mobile .container-4col {
    display: grid!important;
    grid-template-columns: 100%;
    grid-row-gap: 30px;
}

@media (min-width: 768px) {
    .schedule-mobile .container-4col {
        grid-template-columns: 48% 48%;
        grid-columns-gap: 4%;
    }
    
    .schedule-mobile .container-4col .schedule-card {
        width: 100%!important;
    }
}
.schedule-desktop {
    display: none!important;
}

@media (min-width: 922px) {
    .schedule-mobile {
        display: none!important;
    }
    .schedule-desktop {
        display: block!important;
    }
}

.rounded {
    border-radius: 20px;
}

.rounded-top {
    border-radius: 20px 20px 0 0;
}

.rounded-bottom {
    border-radius: 0 0 20px 20px;
}

.schedule-card .rounded-top img {
    border-radius: 20px 20px 0 0;
}

.schedule-card .rounded-right {
    border-radius: 0 20px 20px 0;
}

@media (min-width: 922px) {
    .rounded-right {
        border-radius: 0 20px 20px 0;
    }
}

.schedule-card .rounded-left {
    border-radius: 20px 0 0 20px;
}

@media (min-width: 922px) {
    .rounded-left {
        border-radius: 20px 0 0 20px;
    }
}
/* ---------- END: SCHEDULE ----------*/

/* ---------- BEGIN: FEATURED BUSINESSES ----------*/
.featured-businesses-desktop::before {
    content: '';
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    left: calc(50% - 50px);
    top: -30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
}
    
.featured-logos .logo-wrapper {
    display: flex!important;
    align-items: center;
    height: 274px!important;
}
    
@media (min-width: 922px) {
    .featured-logos {
        display: flex!important;
    }
    .featured-businesses-desktop::before {
        content: '';
        display: block;
        width: 180px;
        height: 180px;
        position: absolute;
        left: 50%;
        top: -40px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        z-index: 1;
    }
}

@media (min-width: 1200px) {
    .featured-businesses-desktop::before {
       left: 36%;
    }
}
/* ---------- END: FEATURED BUSINESSES ----------*/

/* ---------- BEGIN: RESOURCES ----------*/
.resources-desktop {
    /*display: none;*/
}

.resources-desktop::before {
    content: '';
    display: block;
    width: 80px;
    height: 80px;
    position: absolute;
    right: 3%;
    top: -50px;
    background-image: url(https://d3m889aznlr23d.cloudfront.net/img/events/458722958/assets/e276eee9.sticker_exclaimation.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
}
    
@media (min-width: 922px) {
    .resources-desktop {
        display: block;
    }
    
    .resources-desktop::before {
        content: '';
        display: block;
        width: 160px;
        height: 150px;
        position: absolute;
        right: auto;
        left: 33%;
    }
}

@media (min-width: 1200px) {
    .resources-desktop::before {
       left: 20%; 
    }
}
/* ---------- END: RESOURCES ----------*/

/* ---------- BEGIN: FOOTER MOBILE ----------*/
.footer-mobile {
    display: block;
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 80vh;
    max-height: 500px;
    background-image: url(https://d3m889aznlr23d.cloudfront.net/img/events/458722958/assets/83764556.footer-clouds-mobile-2.png), url(https://d3m889aznlr23d.cloudfront.net/img/events/458722958/assets/a96aa088.footer-bg-left-mobile.svg), url(https://d3m889aznlr23d.cloudfront.net/img/events/458722958/assets/c5845370.footer-right-mobile.svg), url(https://d3m889aznlr23d.cloudfront.net/img/events/458722958/assets/8a0bc1c7.footer-rocket-mobile.svg);
    background-repeat: no-repeat;
    background-position: bottom left, 5% 15%, 95% 15%, 45% 96%;
    background-size: contain, 60px auto, 56px auto, 210px auto;
}
  
@media (min-width: 768px) {
  
  .footer-mobile {
    background-image: url(https://d3m889aznlr23d.cloudfront.net/img/events/458722958/assets/5d1b94cf.footer-clouds-mobile-2x.png), url(https://d3m889aznlr23d.cloudfront.net/img/events/458722958/assets/a96aa088.footer-bg-left-mobile.svg), url(https://d3m889aznlr23d.cloudfront.net/img/events/458722958/assets/c5845370.footer-right-mobile.svg), url(https://d3m889aznlr23d.cloudfront.net/img/events/458722958/assets/8a0bc1c7.footer-rocket-mobile.svg);
    background-repeat: repeat-x, no-repeat, no-repeat, no-repeat;
    background-position: bottom left, 15% 15%, 85% 15%, 50% 94%;
    background-size: contain, 60px auto, 56px auto, 210px auto;
  }
}
/* ---------- END: FOOTER MOBILE ----------*/

/* ---------- BEGIN: FOOTER DESKTOP ----------*/
.footer-desktop {
  display: none;
}

@media (min-width: 922px) {
    
    .footer-mobile {
        display: none;
    }
  
  .footer-desktop {
    display: block;
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 420px;
    background-image: url(https://d3m889aznlr23d.cloudfront.net/img/events/458722958/assets/e9270724.footer-clouds-desktop.png), url(https://d3m889aznlr23d.cloudfront.net/img/events/458722958/assets/9f32e5e2.footer-decorations-desktop-left.svg), url(https://d3m889aznlr23d.cloudfront.net/img/events/458722958/assets/1b505f40.footer-decorations-desktop-right.svg);
    background-repeat: no-repeat;
    background-position: bottom left, 5% 40%, 97.5% 90%;
    background-size: contain, 280px auto, 320px auto;
  }
}

@media (min-width: 1200px) {
  
  .footer-desktop {
    background-position: bottom left, 5% 25%, 97.5% 80%;
    background-size: contain, 360px auto, 420px auto;
  }
}

@media (min-width: 1400px) {
  
  .footer-desktop {
    height: 475px;
    background-position: bottom left, 5% 25%, 97.5% 80%;
    background-size: contain, 436px auto, 534px auto;
  }
}

@media (min-width: 1600px) {
  
  .footer-desktop {
    height: 560px;
    background-position: bottom left, 7.5% 25%, 92.5% 70%;
    background-size: contain, 480px auto, 600px auto;
  }
}
/* ---------- END: FOOTER DESKTOP ----------*/
#footer {
    display: none!important;
}