/* max-speaker-template.css */

/* Make sure Nav menu is showing (FOR GEO) */
body:not(.menu-overlay):not(.hmenu-center):not(.menu-force-opacity):not(
    .navbar-hover
  )
  .menu-wrapper:not(.no-header)
  .menu-transparent:not(.is_stuck:not(.menu-desktop-transparent)):not(
    .is_mobile_open
  ).style-dark-original {
  opacity: 1 !important;
}

/* Make sure Nav menu is showing (FOR GEO) */
body:not(.menu-force-opacity):not(.navbar-hover)
  .menu-wrapper:not(.no-header)
  .menu-transparent:not(.is_stuck:not(.menu-desktop-transparent)):not(
    .is_mobile_open
  ).style-dark-original
  > *:not(.overlay-search) {
  background: radial-gradient(
    circle at left top,
    rgb(0, 167, 181),
    rgb(189, 207, 0) 99%
  ) !important;
  border-color: #b5d334 !important;
}

/* Make sure Nav menu is showing (FOR GEO) */
body.menu-mobile-transparent:not(.hmenu-center)
  .menu-absolute.menu-transparent {
  position: initial !important;
}

/* BACK TO PROGRAMME BUTTON */
.back-to-programme {
  text-align: center;
  margin-top: 80px;
  display: flex;
  justify-content: center;
}

.back-to-programme-button {
  background-color: #1b1d1f;
  color: white;
  padding: 10px 20px;
  font-size: 16px;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}

.back-to-programme-button:hover {
  background-color: #2f3133;
}

/* Speaker styling */
.max-speaker-content {
  width: 100%; 
  max-width: 1200px; 
  margin: 0 auto; /* Center the content horizontally */
  padding: 20px; 
  box-sizing: border-box; /* Ensure padding is included in the total width */
  margin-top: 60px;
  margin-bottom: 40px;
}

/* Speaker Info Row - Flexbox Layout */
.speaker-info-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  background: white;
  padding: 1rem;
  border-radius: 4px;
  box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.1);
}

/* Speaker Image */
.speaker-image {
  flex: 0 0 200px; /* Set width of the image container */
  margin-right: 30px; /* Space between image and details */
}

.speaker-image-container img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

/* Speaker Details */
.speaker-details {
  flex: 1; /* Takes the remaining space */
  display: flex;
  flex-direction: column;
}

.speaker-details p {
  margin: 8px 0;
}

/* Speaker Bio */
.speaker-bio {
  margin-top: 30px;
}

.speaker-bio h3 {
  font-size: 1.2em;
  margin-bottom: 10px;
}

/* Speaker Sessions */
.speaker-sessions h3 {
  font-size: 1.2em;
  margin-bottom: 10px;
}

.speaker-sessions ul {
  list-style-type: none;
  padding: 0;
}

.speaker-sessions li {
  margin: 8px 0;
}

.speaker-sessions a {
  text-decoration: none;
  color: var(--pink);
}

.speaker-sessions a:hover {
  text-decoration: none;
  opacity: 0.8;
}