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

/*main container of each section*/
.main-app-container {}

/*
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 {}


/* JCL 2027 - Mobile headline optimization */

@media only screen and (max-width: 600px) {

  .home-custom-css span[style*="font-family: GibsonSemiBd"][style*="font-size: 72px"] {
    font-size: 36px !important;
    line-height: 1.15 !important;
    letter-spacing: -0.5px !important;
  }

}



/* JCL 2027 - Mobile hero description */

@media only screen and (max-width: 600px) {

  .home-custom-css span[style*="font-family: GibsonLight"][style*="font-size: 36px"] {
    font-size: 16px !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
  }

}


/* JCL 2027 - Mobile Register button styling */

@media only screen and (max-width: 600px) {

  /* Make the Register button smaller */
  .btn-register {
    font-size: 16px !important;
    padding: 10px 22px !important;
    min-height: 0 !important;
    line-height: 1.2 !important;
    border-radius: 30px !important;
    width: auto !important;
    max-width: max-content !important;
  }

  /* Keep the button centered */
  .btn-register {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

}


/* JCL 2027 - Mobile hero spacing cleanup */

@media only screen and (max-width: 600px) {

  /* Remove empty paragraphs in the hero */
  .home-custom-css div:has(> h1)
    > p:not(:has(img)):not(:has(span[style*="GibsonLight"])) {
    display: none !important;
  }

  /* Reduce spacing around the headline */
  .home-custom-css h1:has(span[style*="GibsonSemiBd"]) {
    margin-top: 24px !important;
    margin-bottom: 20px !important;
    padding: 0 !important;
  }

  /* Reduce spacing around the description */
  .home-custom-css p:has(span[style*="GibsonLight"][style*="font-size: 36px"]) {
    margin-top: 0 !important;
    margin-bottom: 24px !important;
    padding: 0 !important;
  }

  /* Keep the event logo responsive */
  .home-custom-css img[src*="JCL%202027%20DarkGray.png"] {
    width: 100% !important;
    max-width: 340px !important;
    height: auto !important;
  }

}



/* JCL 2027 - Why Attend ONLY - Mobile */

@media only screen and (max-width: 600px) {

  /* Target the section containing the three specific benefit images */
  .global-template:has(img.element-43528824)
    .element-43528823 > .main-app-container > .element-groups {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  /* Only the three benefit columns */
  .global-template:has(img.element-43528824)
    .element-groups > .col-sm-4 {
    width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    padding: 0 3px !important;
    text-align: center !important;
  }

  /* Only the three benefit icons */
  .global-template:has(img.element-43528824)
    img.bz-image {
    width: 70px !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto 12px !important;
  }

  /* Center the benefit text */
  .global-template:has(img.element-43528824)
    .element-groups .atom-main.full-width {
    text-align: center !important;
  }

  /* Smaller headings */
  .global-template:has(img.element-43528824)
    span[style*="GibsonSemiBd"] {
    font-size: 15px !important;
  }

  /* Smaller descriptions */
  .global-template:has(img.element-43528824)
    span[style*="GibsonLight"] {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

}


/* JCL 2027 - Five Tracks mobile optimization */
/* Targets ONLY section-6566011 */

@media only screen and (max-width: 600px) {

  /* Resize and center the graphic */
  #section-6566011 img.element-24848125 {
    display: block !important;
    float: none !important;
    width: 65% !important;
    max-width: 240px !important;
    height: auto !important;
    margin: 0 auto 20px !important;
  }

  /* Main headline: 48px to 30px */
  #section-6566011 .element-24848126
  span[style*="font-size: 48px"] {
    font-size: 30px !important;
    line-height: 1.15 !important;
  }

  /* Intro paragraph: 24px to 17px */
  #section-6566011 .element-24848126
  span[style*="font-size: 24px"] {
    font-size: 17px !important;
    line-height: 1.4 !important;
  }

  /* Track descriptions: 20px to 16px */
  #section-6566011 .element-24848126 li span {
    font-size: 16px !important;
    line-height: 1.5 !important;
  }

  /* Give the list comfortable spacing */
  #section-6566011 .element-24848126 ul {
    padding-left: 22px !important;
    margin-top: 20px !important;
    margin-bottom: 12px !important;
  }

  #section-6566011 .element-24848126 li {
    margin-bottom: 16px !important;
    line-height: 1.5 !important;
  }

  /* Remove blank spacer paragraphs */
  #section-6566011 .element-24848126 p:has(br):not(:has(img)) {
    margin-bottom: 8px !important;
  }

}


/* JCL 2027 - Final CTA mobile text */

@media only screen and (max-width: 600px) {

  /* Headline: 48px to 30px */
  #section-6687659 span[style*="font-size: 48px"] {
    font-size: 30px !important;
    line-height: 1.15 !important;
  }

  /* Description: 20px to 16px */
  #section-6687659 span[style*="font-size: 20px"] {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }

  /* Improve paragraph spacing */
  #section-6687659 .element-24848126 p {
    margin-bottom: 16px !important;
  }

}

/* JCL 2027 - Hide extra Register strip on mobile */

@media only screen and (max-width: 600px) {
  #section-9415376 {
    display: none !important;
  }
}



/* JCL 2027 - Five Tracks colorful desktop cards */

@media only screen and (min-width: 901px) {

  /* Five equal columns */
  #section-6566011 .element-24848126 ul {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 14px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 36px auto !important;
    max-width: 1400px !important;
  }

  /* Shared card styling */
  #section-6566011 .element-24848126 li {
    border-radius: 18px !important;
    padding: 28px 20px !important;
    margin: 0 !important;
    min-width: 0 !important;
    min-height: 210px !important;
    text-align: left !important;
    line-height: 1.5 !important;
    color: #ffffff !important;
    box-shadow: 0 6px 18px rgba(50, 20, 100, 0.10);
  }

  /* Purple to pink */
  #section-6566011 .element-24848126 li:nth-child(1) {
    background: #6530D9 !important;
  }

  #section-6566011 .element-24848126 li:nth-child(2) {
    background: #8630E4 !important;
  }

  #section-6566011 .element-24848126 li:nth-child(3) {
    background: #AA2BDF !important;
  }

  #section-6566011 .element-24848126 li:nth-child(4) {
    background: #D52BC6 !important;
  }

  #section-6566011 .element-24848126 li:nth-child(5) {
    background: #F52DAB !important;
  }

  /* Override Bizzabo's inline black text */
  #section-6566011 .element-24848126 li span {
    color: #ffffff !important;
    font-size: 17px !important;
    line-height: 1.5 !important;
  }

  /* Bold track names */
  #section-6566011 .element-24848126 li
  span[style*="GibsonRegular"] {
    font-weight: 700 !important;
  }

  /* Reset previous full-width fifth card */
  #section-6566011 .element-24848126 li:last-child {
    grid-column: auto !important;
  }

}



/* JCL 2027 - Five Tracks pastel cards + alignment */

@media only screen and (min-width: 901px) {

  /* Pastel colors */
  #section-6566011 .element-24848126 li:nth-child(1) {
    background: #C9B8FA !important;
  }

  #section-6566011 .element-24848126 li:nth-child(2) {
    background: #D7B7FC !important;
  }

  #section-6566011 .element-24848126 li:nth-child(3) {
    background: #E5B9F5 !important;
  }

  #section-6566011 .element-24848126 li:nth-child(4) {
    background: #F3BCE9 !important;
  }

  #section-6566011 .element-24848126 li:nth-child(5) {
    background: #FFC4DF !important;
  }

  /* Consistent card sizing and alignment */
  #section-6566011 .element-24848126 li {
    min-height: 0 !important;
    padding: 24px 16px !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    color: #25143B !important;
  }

  /* Dark text throughout */
  #section-6566011 .element-24848126 li span,
  #section-6566011 .element-24848126 li strong,
  #section-6566011 .element-24848126 li b {
    color: #25143B !important;
    text-align: center !important;
  }

  /* Consistent track heading */
  #section-6566011 .element-24848126 li strong,
  #section-6566011 .element-24848126 li b {
    display: block !important;
    font-size: 19px !important;
    line-height: 1.25 !important;
    margin-bottom: 12px !important;
    font-weight: 700 !important;
  }

  /* Reset unwanted spacing */
  #section-6566011 .element-24848126 li p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

}