/* ---- Site Home/Events Landing Page Tiles ----- */

.ambition-2020-panel {
    background-image: url(/uploads/A20_LandingPg_HeaderImage.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.fs-spring-2020-panel {
    background: url(/uploads/fs20-los-cabos-tile.jpg) center center/cover no-repeat;
}

.simulcast-2020-announcements-panel {
    background: url(/uploads/A20_Simulcast_announcements.jpg) center center/cover no-repeat;
}

/* SPANISH */
.simulcast-2020-announcements-panel-ES {
    background: url(/uploads/A20_Simulcast_announcementses_.jpg) center center/cover no-repeat;
}

.simulcast-2020-panel {
    background-image: url(/uploads/S20_LandingPg_TileImage.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.powerrally-panel {
    background-image: url(https://cdn.ambitenergy.io/images/events-center/EventCenter3.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.fs-spring-19-panel {
    background-image: url(/uploads/five-star-home3.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.fs-fall-19-panel {
    background-image: url(/uploads/fivestarfall2019-thumb.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.ambit-u-training-panel {
    background-image: url(/uploads/ambit-u-calgary.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.vbp-panel {
    background-image: url(https://events.ambitenergy.com/uploads/VirtualBP_Banner.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.vbp-panel-es {
    background-image: url(https://events.ambitenergy.com/uploads/VirtualBP_Banner_es.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.gradient-text-landing {
    background: linear-gradient(to right, #d3599a 0%, #27AAE1 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.past-event-panel {
    height: 170px;
}

.brands img { filter: grayscale(1); }

.media {
        cursor: pointer;
        transition: 0.15s ease;
        min-height: 180px;
    }
  
.past-event-panel { filter: grayscale(0.4);}
    
.ec-fly-bg {
        background:url("https://events.ambitenergy.com/uploads/ec-fly.jpg") no-repeat right;
        background-size: cover;
    }
    
#content-main a,
#content-main a:focus,
#content-main a:hover {
    color: #fff;
    text-decoration: none;
}

.lead a,
.lead a:focus,
.lead a:hover {
    color: #fff !important;
}

#social {
    height: 210px;
}

@media all and (max-width: 480px) {
    #social {
        height: auto !important;
    }
}

/* ---- AMBITION 2020 FAQs Page Styling  ----- */

#faqs-section div.faq-items a.card-header {
        padding: 1.25rem 1.25rem;
        margin-bottom: 0;
        background-color: rgb(232 232 232) !important;
        border-bottom: 3px solid #cccccc !important;
        color: rgb(0, 0, 0);
        cursor: pointer;
        transition: 0.4s;
    }
    @media (min-width: 768px) {
        #faqs-section h6 {
            font-size: 120%;
            font-weight: 300;
        }
    }

    #faqs-section div.faq-items a.card-header:hover { background-color: rgba(29, 29, 29, 0.4);}

    #faqs-section div.faq-items .accordion .card {
      border-radius: 0em;
  }

  #faqs-section div.faq-items .accordion a.card-header:after {
      font-family: 'ae-icons';
      content: "\e800";
      float: right;
      transform: rotate(180deg);
  }

  #faqs-section div.faq-items .accordion a.card-header.collapsed:after {
      /* symbol for "collapsed" panels */
      content: "\e800";
      transform: rotate(0deg);
  }

  .home {
      fill: white;
  }

   @media all and (max-width: 768px) {
        .overlap {
            transform: translateY(-391px);
            margin-bottom: -370px;
        }
        .navbar-collapse {
          position: fixed;
          color: white;
          background-color: var(--gray-dark);
          top: 58px;
          left: 0;
          bottom: 0;
          padding-left: 15px;
          padding-right: 15px;
          padding-bottom: 15px;
          width: 100%;
          z-index: 3;
      }
      /* .navbar-light .nav-item a {
          color: lightgrey !important;
      } */
      .navbar-collapse.collapsing {
          height: 100%;
          -webkit-transition: left 0.3s ease;
          -o-transition: left 0.3s ease;
          -moz-transition: left 0.2s ease;
          transition: left 0.2s ease;
          left: -100%;
      }
      .navbar-collapse.show {
          z-index: 3;
          left: 0;
          -webkit-transition: left 0.2s ease-in;
          -o-transition: left 0.2s ease-in;
          -moz-transition: left 0.2s ease-in;
          transition: left 0.2s ease-in;
      }
    }  

    /* ---- Ambit Power Rallies  ----- */

    .banner-overlay { 
        min-width:175px;
        max-width: 300px
    }
    #power-rallies div.orange-bg {
            background-image: url(https://www.ambitsuccess.com/uploads/images/uploads/sub-main-bg-2.png), linear-gradient(to left, #F47F2A 0%, rgb(249, 157, 28) 100%);
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
    }

       /* ---- EC Fly-In   ----- */

       #ec-fly-in .bg-shade { background-color: #f8f8f8; }
       #ec-fly-in .ec-img {
           background-size: cover;
           background-position: center;
           background-repeat: no-repeat;
       }
       #ec-fly-in .grid-img-a { background-image: url('/uploads/ec27.jpg'); min-height: 230px; }
       #ec-fly-in .grid-img-b { background-image: url('/uploads/ec23.jpg'); padding: 5rem; }
       #ec-fly-in .grid-img-c { background-image: url('/uploads/ec24.jpg'); padding: 5rem; }
   
       /* #banner h4 {
           display: none;
       }
       #banner a {
           display: none;
       } */
      
       #ec-fly-in .breadcrumb-item a {
           color: #8c8c8c !important;
       }
       
       #ec-fly-in .active { color: #27aae1 !important; }

        /* ---- Animation for EventCenter use (FadeInUp)   ----- */

       @-webkit-keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
        }
        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }
    }

    @keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            -ms-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
        }
        100% {
            opacity: 1;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
        }
    }
    .fadeInUp {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
    }



/* ---- JUNE 2020 NEW EVENTCENTER LANDING PAGE STYLES ----- */

.bg-vbps {
    background: url("https://events.ambitenergy.com/uploads/vbp-bg_1.jpg") no-repeat center center;
    background-size: cover;
}

.bg-ambition2020 {
    background: url("https://events.ambitenergy.com/uploads/ambitionBgRed.jpg") no-repeat center center;
    background-size: cover;
    background-position: center;
}

.bg-pwrRally2020 {
    background: url("https://events.ambitenergy.com/uploads/powerRallyBG.jpg") no-repeat left bottom;
    background-size: cover;
}

.bg-faded {
    background-color: rgba(255, 255, 255, 0.338);
}

.site-home-carousel .carousel-item {
    height: 230px;
}

.brands img {
    filter: grayscale(1);
}

.past-event-panel {
    filter: grayscale(0.4);
}

#siteHome .ec-fly-bg {
    background: url("https://events.ambitenergy.com/uploads/ec-fly.jpg") no-repeat right;
    background-size: cover;
}

#home-landing {
    background: url("https://events.ambitenergy.com/uploads/eventsbg.png");
    background: black;
    background-position: left;
}


.btn-outline-light {
    border: 2px solid white;
    color: white !important;
}

.btn-outline-light:hover {
    background-color: rgba(255, 255, 255, 0.358);
}


#content {
    overflow-y: visible;
}

.tile-img {
    width: 220px;
}

@media all and (max-width: 480px) {
	
    .brand-i img { width: 80% }

    /* .tile-img { width: 100%; } */
    /* .carousel-caption h2 { font-size: 90%; } */
  
}

.ttl {
    top: 16% !important;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    z-index: 50!important;
}

.rounded-pill {
    border-radius: 50rem!important;
}