/* 
Theme Name: F5LpBase
Text Domain: F5LpBase
Version: 0.1
Description: Landing Page Template for F5
Tags: Landing page, responsive, theme template
Author: F5ads
Author URI: https://github.com/F5AdsTech
*/

#hero {
  background-image: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0) 100%
    ),
    url(https://d335luupugsy2.cloudfront.net/cms/files/61887/1688068366/$zfakbkha2vc);
  background-position-x: 50%;
  background-position-y: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  border-bottom-style: none;
  border-color: #000;
  border-left-style: none;
  border-radius: 0px;
  border-right-style: none;
  border-top-style: none;
  border-width: 1px;
}
#hero .hero__text .hero__title {
  font-size: 32px;
  font-weight: 700;
  color: #e42157;
}
#hero .hero__text p {
  font-size: 18px;
  font-weight: 500;
  color: #091923;
}
#hero .hero__details .bi {
  font-size: 18px;
  color: #e42157;
}
#hero .hero__details .event__info {
  font-size: 18px;
  color: #091923;
  font-weight: 700;
}
#hero .bg-opaque {
  background: rgba(255, 255, 255, 0.7);
}
#hero .bi-arrow-down-circle {
  font-size: 32px;
}
.section__wrapper {
  background-image: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0) 100%
    ),
    url(https://d335luupugsy2.cloudfront.net/cms/files/61887/1688141645/$uqyq2yr0k3);
  background-position-x: 50%;
  background-position-y: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  border-bottom-style: none;
  border-color: #000;
  border-left-style: none;
  border-radius: 0px;
  border-right-style: none;
  border-top-style: none;
  border-width: 1px;
}
#speakers .speakers__title {
  font-weight: 400;
}
#speakers .speakers__title .speakers__title-span {
  color: #e42157;
  font-weight: 700;
}
#speakers .speakers__indicator {
  font-weight: 700;
}
#topics .topics__title {
  font-weight: 700;
}
#topics .topic p {
  color: #fff;
  margin: 0;
}
#topics .topic .bi {
  color: #fff;
  font-size: 32px;
}

@media (min-width: 768px) {
  #hero .hero__text .hero__title {
    font-size: 44px;
  }
  #hero .hero__text p {
    font-size: 30px;
  }
  #hero .hero__details .bi {
    font-size: 30px;
  }
  #hero .hero__details .event__info {
    font-size: 30px;
  }
  #hero .bi-arrow-down-circle {
    font-size: 44px;
  }
  .section__wrapper {
    padding: 0 15%;
  }
  .topic {
    min-height: 120px;
    max-height: max-content;
  }
  .topic__content {
    font-size: 18px;
  }
}