/* NAV */

.element-10127391 .main-app-container, .footer .main-app-container {margin:0;padding:0;min-width:100%;}

.element-10127391 {
  height:88px;
  display:flex;
  align-items:center;
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:10000;
  box-shadow: 0 0 8px rgba(0,0,0,0.07);
}

.element-10127390 {display:none;}

.element-10127393 > div {
  padding: 0 2rem;
  margin: 0;
  display: flex !important;
  justify-content: space-between;
  align-items: center;
}

.element-10127393 * {font-size:16px;}

.header_nav a {
  color: black;
  margin-left: 16px;
  transition: all 300ms ease;
}

.header_nav a:last-of-type {
  background: black;
  border: 2px solid black;
  border-radius: 88px;
  padding: 8px 24px;
  font-weight: 700;
  color: white;
}

.header_nav a:last-of-type:hover {
  background: #0DAFC5;
  border: 2px solid #0DAFC5;
  color: white;
}

.header_nav a:hover{
  color: #0DAFC5;
}

/* UTILITY */

.no_title h2 {
  display: none;
}

.title_style h2 {
  text-transform: none;
  margin-bottom: 64px;
  font-family: 'Sailec', sans-serif;
  font-weight: bold;
  font-size: 36px !important;
}

.separator_section .main-app-container {
  min-height: auto !important;
  height: 10px;
}

/* HERO */

.element-10127378 {display:none;}

.element-10374811 {
  background: white;
  box-shadow: 0 4px 24px rgba(0,0,0,0.07);
  z-index: 2;
}

.hero .main-app-container {
  max-width: 100% !important;
  padding: 0 !important;
  margin: 88px 0 0 auto !important;
}

.hero .bz-flex-col {
  padding: 0 !important;
}

.hero img {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

/* THEMES SECTION */

.theme_section .main-app-container {
  max-width: 85%;
  margin: 0 auto;
}

.themes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

.theme:not(:first-of-type) {
  border-left: 1px solid rgba(255,255,255,0.4);
  padding-left: 40px;
}

.themes * {
  color: white !important;
}

.theme h3 {
  font-style: normal;
  margin: 0 0 1rem 0;
}

.theme h3 * {
  color: #3accdd !important;
}

.theme h3::after {
  content:;
  display: block;
  width: 32px;
  height: 4px;
  background: #3accdd;
}

/* TRACKS SECTION */

.track_section .main-app-container {
  max-width: 85%;
  margin: 0 auto;
}

.tracks {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  justify-content: center;
  gap: 40px;
}

.track {
  padding: 2rem;
  border-radius: 24px;
  background: white;
  grid-column: span 2
}

.track p:first-of-type {
  font-size: 30px;
  line-height: 115% !important;
}

.track p {
  color: white;
}

.track img {
  margin-bottom: 1.25rem !important;
}

.track p:nth-of-type(2) * {
  color: rgba(255, 255, 255, 0.8) !important;
}

.track:first-of-type {
  background-color: #0DAFC5;
}

.track:nth-of-type(2) {
  background-color: #E75660;
}

.track:nth-of-type(3) {
  background-color: #EA6D2E;
}

.track:nth-of-type(4) {
  background-color: #1DAD80;
  grid-column: 2 / 4;
}

.track:nth-of-type(5) {
  background-color: #1871D8;
  grid-column: 4 / 6;
}

/* BRAZE LEARNING STRIP */

.learning {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin: 0 auto;
}

.learning p {
  max-width: 55ch;
}

.learning img {
  margin: 0 !important;
}

/* LOCATION CTA SECTION */

.location_ctas .main-app-container {
  max-width: 85%;
  margin: 0 auto;
}

.location_container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}

.location_cta {
  padding: 7rem 5rem;
  border-radius: 24px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.location_cta img {
  position:absolute;
  top:0;
  left:0;
  width:100% !important;
  height:100%;
  object-fit:cover;
  margin: 0 !important;
  z-index: -1;
  opacity: 0.15;
  transition: all 500ms ease;
  transform: scale(1);
  filter: grayscale(100%);
}

.location_cta:hover img {
  transform: scale(1.2);
}

.location_cta a {
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 500px;
  width: 200px;
  height: 60px;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  transition: all 300ms ease;
}

.location_cta a:hover {
  background-color: black;
}

.location_cta a:hover strong {
  color: white !important;
}

.location_cta {
  background: linear-gradient(56.91deg, #3ACCDD -4.03%, #A3BAE7 49.95%, #F7918E 128.98%, #FF9349 173.84%);
}

.location_cta:nth-of-type(2) {
  pointer-events: none;
  background: linear-gradient(56.91deg, #3ACCDD -4.03%, #A3BAE7 49.95%, #F7918E 128.98%, #FF9349 173.84%);
}

/* SPONSORSHIP SECTION */

.sponsor_section h2 {
  margin-bottom: 1rem !important;
}

.photo_grid .main-app-container {
  max-width: 85%;
}

/* PHOTO STRIP SECTION */

.photo_strip {
  padding: 0 !important;
}

.element-10149515 {display:none;}

.photo_strip .element-10149518, .photo_strip img, .photo_strip .element-groups > div {margin: 0 !important;padding:0;}

.photo_strip img {max-width: 100%;width:100% !important;height:100%;object-fit:cover;}

.photo_strip .main-app-container {max-width:100%}

.strip_container {
  display: grid;
  grid-template-columns: repeat(4, 1fr)
}

/* SPEAKER SECTION */

.speaker_section .main-app-container {
  max-width: 85%;
  margin: 0 auto;
}

.speaker_container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}

.speaker_container img {
  margin:0 !important;
}

/* FAQ SECTION */

.faq_section .main-app-container {
  max-width: 1100px;
  margin: 0 auto;
}

.faq_content {
  columns: 2;
  column-gap: 80px;
  column-rule: solid 1px rgba(0,0,0,0.1);
  margin-bottom: 48px;
}

.faq_content p {
  margin-bottom: 32px;
}

/* REGISTRATION PAGE */

.registration_links a {
  color: #0DAFC5;
  padding: 1rem 2rem;
  border-radius: 88px;
  border: 1px solid rgba(0,0,0,0.2);
}

.registration_links a:nth-of-type(2) {
  margin-left: 24px;
}

.registration_links a:nth-of-type(2)::before {
  content: ;
  display: block;
  width: 2px;
  height: 16px;
  background: rgba(0,0,0,0.2);
}

/* PRICING TABLE */
.pricing_section .main-app-container {
  max-width:85%;
  margin: 0 auto;
}

.pricing {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 64px;
}

.pricing_ticket {
  background-color: #F8F9F9;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
}

.ticket_header {
  flex: none;
  padding: 1rem;
  border-bottom: 1px solid rgba(0,0,0,0.2);
  text-align: center;
}

.ticket_header p {
  margin: 0;
  color: black;
}

.ticket_body {
  flex: 1;
  padding: 2rem;
  background: white;
}

.ticket_body ul {
  padding: 0 1rem;
  list-style-type: "⟡ ";
}

.ticket_body li:not(:last-of-type) {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}

.ticket_body li {
  color: black !important;
}

.ticket_price {
  padding: 1rem 2rem;
  background: #0DAFC5;
  border-top: 1px solid rgba(0,0,0,0.2);
  text-align: center;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.ticket_price a {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: white;
  border-radius: 88px;
  color: black;
  font-weight: bold;
  margin-top: 0.5rem;
  transition: all 300ms ease;
}

.ticket_price a:hover{
  background: black;
  color: white;
}

.embed iframe, .bizzabo-tickets-widget iframe {
  overflow: scroll !important;
}

/* FOOTER */

.footer .main-app-container {
  padding: 2rem;
}

.footer_container {
  display: grid;
  grid-template-columns: 150px auto;
  align-items: center;
  gap: 32px;
}

.footer_logo {
  display:flex;
}

.footer_content {
  display: grid;
  grid-template-columns: auto 150px;
  align-items: center;
  justify-content: flex-end;
  gap: 32px;
}

.footer-links {display:flex; flex-wrap: wrap;}

.footer_links a {
  color: white !important;
  font-size: 12px !important;
  margin-right: 16px;
  display: inline-block;
}

.footer_links a:hover {
  color: #3accdd !important;
}

.footer_social {
  display: flex;
  gap: 16px;
}

.footer_social img {width: 48px !important;}

.footer_social a {
  transition: opacity 300ms ease;
}

.footer_social a:hover {
  opacity: 0.7;
}

/* MEDIA QUERIES */

@media screen and (max-width: 50em) {
  .location_container, .hero_section .element-groups > div, .hero_container, .value_section .element-10150357 > div, .speaker_container, .footer_container, .footer_content, .value_section .element-10127406 > div, .themes, .tracks, .pricing {
    grid-template-columns: 1fr !important;
  }
  .strip_container {
    grid-template-columns: repeat(2, 1fr);
  }
  .speaker_section {
    margin-bottom: 16px !important
  }
  .faq_content {
    columns: 1 !important
  }
  .footer_content, .footer_links, .footer_social, .footer_logo {
    justify-content: center !important;
  }
  .footer_links {
    text-align: center;
  }
  .footer_links a {
    margin-bottom: 16px !important;
    margin-right: 24px !important;
  }
  .theme:not(:first-of-type) {
    border-left: none;
    padding-left: 0;
  }
  .track, .track:nth-of-type(4), .track:nth-of-type(5) {
    grid-column: auto !important;
  }
}

@media screen and (max-width: 50em) {
  .hero_container {
    justify-content: center;
  }
  .hero_content {
    width: 95%;
  }
  .element-10127379 {
    background-position: right center !important;
  }
  .element-10127393 > div {
    flex-direction: column;
    padding: 2rem;
    justify-content: space-around;
  }
  .element-10127391 {
    height: 120px;
  }
  .hero .main-app-container {
    margin: 120px 0 0 auto !important;
  }
  .header_logo {
    padding-bottom: 12px;
  }
}

/* REMOVE BIZZABO COMPONENTS */

.main-view {overflow:hidden;}

footer {display:none;}
.footer-padding {padding-bottom: 0 !important;}

/* Hiding Speakers */
.section-1915908 {display:none;}

/* DEFAULT BIZZABO CLASSES */

/*specific pages container*/
.home-custom-css{}
.community-custom-css{}
.agenda-custom-css{}
.speakers-custom-css{}

/*main container of each section*/
.main-app-container {max-width: 85%;margin:0 auto;}

/*
call-to-action buttons e.g:
Register, Join The Community etc
*/
.btn-register {}

/*Top navigation bar container*/
.template-nav {}

/*Top navigation bar items container*/
#bs-example-navbar-collapse-1 {}

/*social share buttons container*/
.social-share-button {}

/*social share buttons per social network*/
.social-share-button.facebook {}
.social-share-button.twitter {}
.social-share-button.linkedin {}
.social-share-button.google {}
