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

/*.session-day .col-xs-12:nth-of-type(49) .col-md-1{
 display:none;
}*/

/*.session-info-text time {
  display: none !important;
}*/

.agenda-view .session-list-container .session-day-container .time-row .session-elem .session-container .preview-session-description {
 max-height:100% !important;
}

.agenda-view .session-list-container .session-day-container .time-row .session-elem .session-container .preview-session-description.faddedAway {
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(rgba(256, 256, 256, 1)));
mask: -moz-linear-gradient(linear, left top, left bottom, from(#000000), to(rgba(256, 256, 256, 1))); }
 
/*.agenda-view some
.agenda-view .session-list-container .session-day-container .day-title-row .day-title {
   display:none;
  }
.agenda-view .agenda-search-container .agenda-search .days-row .day-button-container {
 display:none;
}


.col-xs-12:nth-of-type(6) .speakers-container,
.col-xs-12:nth-of-type(18) .speakers-container,
.col-xs-12:nth-of-type(28) .speakers-container
{
display:none;
}

.session-day .col-xs-12 .col-md-1{
 display:none !important;
}

.session-day .col-xs-12:nth-of-type(1) .col-md-1 ,
.session-day .col-xs-12:nth-of-type(20) .col-md-1{
 display:none;
}

.session-day .col-xs-12:nth-of-type(1) .session-info-text,
.session-day .col-xs-12:nth-of-type(20) .session-info-text {
 display:none;
}

.fr-view .fr-file::after {
display:none;
}

.agenda-view .session-page .session-info-container .session-dates {
display:none !important;
}*/
 

p{
 font-family: "Poppins", sans-serif;
 
  /*font-size: 1.6em;*/
  font-weight:400;
}

ul li {
  font-family: "Poppins", sans-serif;
}

ul {
 margin-bottom:15px;
}

h2 {
 font-family: "Poppins", sans-serif;
  font-size: 2.5em;
  font-weight:600;
}

td {
  font-family: "Poppins", sans-serif;
  /*font-size:1.5em;*/
  padding:6px;
}

tr:nth-of-type(even) {
 background-color:#f0f0f0;
}

.trade-template h2 {
 text-transform:none !important;
}

/* Removed as it was throwing off pages. CSS a bit too vague here - Brenan From Bizzabo Support
.col-md-8 {
 width:85% !important;
}*/

body > div.react-main.community-custom-css.community-chat.community-padding-confirmation > div > div > div > div:nth-child(2) > div.sticky-sidebar.sidebar.container.hidden-xs > div:nth-child(3) > ul > li:nth-child(3) > div {
 display: none !important;
}

.section-671527 .element-2717745 .atom-header2.custom-font{
 font-size:1.5rem;
}

/*---highlighted navigation current page -----*/

.nav-menu-btn.selected {
color: #ea3668!important;
  font-weight: 600;
}

.nav.navbar-nav li:nth-child(7) a div {
  background: #2C527C!important;
  color: #ffffff !important;
  padding:10px 20px;
  border-radius: 25px;
  margin-top: -10px;
}

.nav.navbar-nav li:nth-child(7) a div {
  color: #ffffff !important;
  font-weight: 900;
  transition: all 0.5s ease;
}

.nav.navbar-nav li:nth-child(7) a div:hover {
  background: #F06741 !important;
  color: #ffffff !important;
}

/*----custom table-----*/

.tables-custom {
  display: flex;
  flex-wrap:wrap;
  padding-top: 0px;
  padding-bottom: 0px;
}
.table-block-custom {
margin: 1%;
width: 25%;
background-color: #fff;
      border-radius:15px;
      border: #ddd solid 2px;
}
.table-heading-custom {
background: #e3921c;
padding: 10px 20px 10px 20px;
font-size: 20px !important;
font-family: "Poppins", sans-serif;
color: #ffffff;
font-weight: 900;
       border-radius:15px 15px 0px 0px;
}
.table-text-custom {
background-color: #ffffff;
padding: 10px 20px 10px 20px;
font-size: 18px;
font-family: "Poppins", sans-serif;
color: #000;
font-weight: normal;
      border-radius:0px 0px 15px 15px;

}

@media screen and (max-width: 1024px) {
  .table-block-custom {
margin: 1%;
width: 46%;
min-width: 200px;
background-color: #fff;
}
}

@media screen and (max-width: 600px) {
  .table-block-custom {
margin: 1%;
width: 100%;
min-width: 200px;
background-color: #fff;
}
}

/*----custom table blocksonly-----*/

.tables-custom.blocksonly {
  display: flex;
  flex-wrap:wrap;
  padding-top: 0px;
  padding-bottom: 60px;
}
.tables-custom.blocksonly .table-block-custom {
margin: 1%;
width: 47%;
background-color: #fff;
      border-radius:15px;
      border: #ddd solid 2px;
      background: #e3921c;
padding: 10px 20px 10px 20px;
font-size: 20px !important;
font-family: "Poppins", sans-serif;
color: #ffffff;
font-weight: 900;
}


@media screen and (max-width: 1024px) {
  .table-block-custom.blocksonly {
margin: 1%;
width: 46%;
min-width: 200px;
background-color: #fff;
}
}

@media screen and (max-width: 600px) {
  .table-block-custom.blocksonly {
margin: 1%;
width: 100%;
min-width: 200px;
background-color: #fff;
}
}





/*
   LSPN 2026 Global Button Styles
/* --------------------------------------------------------------------------
   1. WHITE / LIGHT BACKGROUND BUTTONS (Default)
   -------------------------------------------------------------------------- */

/* Primary Button (Solid Pink -> Transparent with Pink Border/Text on Hover) */
a.lspn-btn-primary,
.lspn-btn-primary {
	display: inline-block !important;
	background-color: #EA3668 !important;
	color: #ffffff !important;
	border: 2px solid #EA3668 !important;
	border-radius: 50px !important;
	padding: 12px 28px !important;
	font-family: 'Poppins', sans-serif !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	cursor: pointer !important;
	transition: all 0.3s ease !important;
	box-sizing: border-box !important;
	box-shadow: 0 4px 12px rgba(234, 54, 104, 0.25) !important;
}

a.lspn-btn-primary:hover,
.lspn-btn-primary:hover {
	background-color: transparent !important;
	border-color: #EA3668 !important;
	color: #EA3668 !important;
	box-shadow: none !important;
	transform: translateY(-1px);
}

/* Secondary Button (Transparent with Pink Border/Text -> Solid Pink on Hover) */
a.lspn-btn-secondary,
.lspn-btn-secondary {
	display: inline-block !important;
	background-color: transparent !important;
	color: #EA3668 !important;
	border: 2px solid #EA3668 !important;
	border-radius: 50px !important;
	padding: 12px 28px !important;
	font-family: 'Poppins', sans-serif !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	cursor: pointer !important;
	transition: all 0.3s ease !important;
	box-sizing: border-box !important;
}

a.lspn-btn-secondary:hover,
.lspn-btn-secondary:hover {
	background-color: #EA3668 !important;
	border-color: #EA3668 !important;
	color: #ffffff !important;
	box-shadow: 0 4px 12px rgba(234, 54, 104, 0.3) !important;
	transform: translateY(-1px);
}


/* --------------------------------------------------------------------------
   2. DARK BACKGROUND BUTTONS (Hero Section)
   Add class "dark-bg" to the wrapper container or directly to the button
   -------------------------------------------------------------------------- */

/* Primary Button on Dark (Solid Pink -> Transparent with White Border/Text on Hover) */
.dark-bg a.lspn-btn-primary,
.dark-bg.lspn-btn-primary,
a.lspn-btn-primary.dark-bg {
	background-color: #EA3668 !important;
	color: #ffffff !important;
	border: 2px solid #EA3668 !important;
}

.dark-bg a.lspn-btn-primary:hover,
.dark-bg.lspn-btn-primary:hover,
a.lspn-btn-primary.dark-bg:hover {
	background-color: transparent !important;
	border-color: #ffffff !important;
	color: #ffffff !important;
	box-shadow: none !important;
}

/* Secondary Button on Dark (Transparent with White Border/Text -> Solid Pink on Hover) */
.dark-bg a.lspn-btn-secondary,
.dark-bg.lspn-btn-secondary,
a.lspn-btn-secondary.dark-bg {
	background-color: transparent !important;
	color: #ffffff !important;
	border: 2px solid #ffffff !important;
}

.dark-bg a.lspn-btn-secondary:hover,
.dark-bg.lspn-btn-secondary:hover,
a.lspn-btn-secondary.dark-bg:hover {
	background-color: #EA3668 !important;
	border-color: #EA3668 !important;
	color: #ffffff !important;
	box-shadow: 0 4px 12px rgba(234, 54, 104, 0.3) !important;
}






/* Fix Bizzabo Mobile Speaker Layout & Force Single Speaker Display */
@media screen and (max-width: 768px) {

  /* Force the outer speakers wrapper to take 100% card width */
  [class*="speakers"],
  [class*="SpeakersWrapper"],
  [class*="speaker-container"],
  [class*="SessionSpeakers"] {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Hide every speaker element EXCEPT the first one */
  [class*="SessionSpeakers"] > *:nth-child(n+2),
  [class*="speaker-container"] > *:nth-child(n+2),
  [class*="speakers-list"] > *:nth-child(n+2),
  [class*="SpeakersWrapper"] > *:nth-child(n+2) {
    display: none !important;
  }

  /* Style the single remaining speaker block to sit neatly inline */
  [class*="speaker-card"],
  [class*="SpeakerContainer"],
  [class*="speaker-item"] {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Keep the single headshot fixed and proportional */
  [class*="speaker-avatar"],
  [class*="SpeakerImage"],
  [class*="speaker-photo"],
  [class*="speaker-card"] img {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
  }

  /* Allow text to wrap cleanly without overflowing */
  [class*="speaker-info"],
  [class*="speaker-details"] {
    flex: 1 !important;
    white-space: normal !important;
    overflow: visible !important;
  }
}