/*Adjusting mobile view mario.r@bizzabo.com ZD: 170481*/

/*Making header image responsive*/

#section-4876296 > div > div{
    padding: 0;
    height: 57vw;
}
/*Increasing line height to all p tags on mobile views*/
@media screen and (max-width: 767px) {
   #section-3235289 > div > div > div.element-groups.Component-elementGroups-0-2-1 > div:nth-child(1) > div > div > p:nth-child(1) > strong > span,
    #section-3235289 > div > div > div.element-groups.Component-elementGroups-0-2-1 > div:nth-child(1) > div > div > p:nth-child(1) > span{
        font-size: 34px !important;
    }

}

/*Partners logos section responsive on Partner page*/

@media screen and (max-width: 1024px){
    #section-4015618>div {
        background-size: 100vw;
    }
    
    #section-4015618 > div > div{
        padding: 0;
        height: 63vw;
    }

}


/*-------------End-----------------*/   




  


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


/*padding top header AMFP@Bizzabo*/

body > div.main-view.footer-padding.footer-padding-confirmation > div
{
    padding-top: 40px !important;
}

/* Alternative ticket display | Goldin@Bizzabo */

.faux-ticket-section .main-app-container {
  max-width: 100%;
}

.faux-ticket-widget {
  display: flex;
  flex-wrap: wrap; /* Allow elements to wrap to next line if needed */
  padding: 1px;
  color: rgba(0, 0, 0, 0.87);
  justify-content: center;
}

.faux-ticket-widget p {
  margin: 0;
  line-height: 21.2px;
  font-size: 14px;
  font-weight: 400;
  scrollbar-color: rgb(217, 217, 217) transparent;
  scrollbar-width: thin;
  white-space: pre-wrap;
}

.ticket {
  border-radius: 12px;
  border: 0.99px solid rgb(146, 146, 146);
  outline: rgb(146, 146, 146) solid 0px;
  display: flex;
  flex-direction: column; /* Stack elements vertically */
  width: calc(25% - 24px); /* Account for margins */
  margin: 12px; /* Space between tickets */
  background-color: white;
  max-width: 400px;
  flex: 1;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); /* Subtle shadow */
}

.ticket-name {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  padding: 32px;
  font-size: 16px;
  background-color: rgb(244, 244, 244);
  color: #333; /* Darker text color */
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  overflow-wrap: break-word;
  min-height: 160px;
}

.ticket-description {
  flex: 1; /* Allow description to fill remaining space */
  padding: 32px;
  font-size: 14px;
}

.ticket-price {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 12px;
}

.faux-ticket-widget .cta {
  background-color: rgb(255, 255, 255);
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  margin-top: -0.5px;
  color: rgba(0, 0, 0, 0.87);
  padding-top: 20px;
  z-index: 2;
  border-top: 1px solid rgba(225, 226, 231, 0.19);
  box-shadow: rgba(100, 100, 111, 0.3) 0px -15px 10px -14px;
}

.faux-ticket-widget .cta .button {
  border-radius: 24px;
  border: 1px solid rgba(102, 102, 102, 0.87);
  color: rgba(0, 0, 0, 0.87);
  background-color: transparent;
  text-transform: unset;
  height: 38px;
  padding: 0px;
  width: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.faux-ticket-widget .cta .button:hover {
  background-color: transparent;
  border: 1px solid rgba(102, 102, 102, 0.87);
  color: rgba(0, 0, 0, 0.87);
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
}

.ticket.disabled {
  opacity: 60%;
  pointer-events: none;
}

.ticket.disabled .ticket-name::after{
  content: "Sold out";
  display: block;
  margin-top: 8px;
  font-size: 16px;
  font-weight: 400;
}


/*******************/