/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/agenda/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************/
/* Agenda Block Wrapper */
.arizent-agenda-block-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 20px;
  box-sizing: border-box;
}

/* Block content wrapper */
.arizent-agenda-content-wrapper {
  background-color: #FFFFFF;
  padding: 40px 0px;
  color: #121212;
  max-width: 1240px;
  margin: 0 auto;
  border-radius: 8px;
  width: 100%;
  box-sizing: border-box;
}

/* Agenda Header */
.agenda-header h2 {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
  color: #121212;
}

/* Agenda date buttons */
.agenda-dates-buttons-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  max-width: 1240px;
  box-sizing: border-box;
}

.agenda-dates-buttons {
  display: flex;
  flex-wrap: wrap;
  padding: 12px 0;
  gap: 10px;
}

.agenda-date-button {
  padding: 12px 33px;
  border: 1px solid #121212;
  border-radius: 5px;
  background-color: #FFFFFF;
  color: #121212;
  font-size: 1rem;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
}

.agenda-date-button:hover {
  background-color: #f1f1f1;
}

.agenda-date-button.selected {
  background-color: #121212; /* WordPress primary color */
  color: #fff;
  border: 1px solid #121212;
}

/* Filters */
.agenda-filters-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 32px;
}

/* Filter and Search Bar */
.filter-bar-container {
  display: flex;
  width: 100%;
}

.filter-bar-container > * {
  flex: 1; /* Each item takes 50% width */
}

/* Filter Bar Button */
.filter-bar-toggle {
  color: #121212;
  width: calc(100% - 40px);
  padding: 12px 12px 12px 16px;
  font-size: 1rem;
  font-weight: bold;
  text-align: left;
  border: 1px solid #e6e6e6;
  border-radius: 4px 0 0 4px;
  background: white;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  font-size: 14px;
  transition: transform 0.3s ease-in-out;
}

.filter-bar-toggle[aria-expanded=true] {
  background: #f6f6f6;
  border: 1px solid #f6f6f6;
}

.filter-bar-toggle[aria-expanded=false] .close-x {
  display: none;
}

.filter-bar-toggle[aria-expanded=true] .arrow {
  display: none;
}

.filter-bar-toggle[aria-expanded=true] .close-x {
  display: block;
}

.agenda-search {
  position: relative;
  width: 100%;
}

.agenda-search:before {
  position: absolute;
  content: "";
  left: 10px;
  top: 50%; /* Move to the vertical center */
  transform: translateY(-50%); /* Offset by half the element's height */
  width: 24px;
  height: 24px; /* Match the icon's dimensions */
  background: url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"%3E%3Cpath d=\"M19.6 21L13.3 14.7C12.8 15.1 12.225 15.4167 11.575 15.65C10.925 15.8833 10.2333 16 9.5 16C7.68333 16 6.14583 15.3708 4.8875 14.1125C3.62917 12.8542 3 11.3167 3 9.5C3 7.68333 3.62917 6.14583 4.8875 4.8875C6.14583 3.62917 7.68333 3 9.5 3C11.3167 3 12.8542 3.62917 14.1125 4.8875C15.3708 6.14583 16 7.68333 16 9.5C16 10.2333 15.8833 10.925 15.65 11.575C15.4167 12.225 15.1 12.8 14.7 13.3L21 19.6L19.6 21ZM9.5 14C10.75 14 11.8125 13.5625 12.6875 12.6875C13.5625 11.8125 14 10.75 14 9.5C14 8.25 13.5625 7.1875 12.6875 6.3125C11.8125 5.4375 10.75 5 9.5 5C8.25 5 7.1875 5.4375 6.3125 6.3125C5.4375 7.1875 5 8.25 5 9.5C5 10.75 5.4375 11.8125 6.3125 12.6875C7.1875 13.5625 8.25 14 9.5 14Z\" fill=\"%23333333\"%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.agenda-search input {
  flex: 1;
  padding: 16px 10px 17px 40px;
  border: 1px solid #E6E6E6;
  border-radius: 0 4px 4px 0;
  font-size: 1rem;
  width: calc(100% - 52px);
  max-height: 48px;
}

/* Filter Parameters Container */
.filter-parameters {
  display: none;
  flex-direction: column;
  gap: 16px;
  padding: 32px;
  background: #f6f6f6;
  border: 1px solid #f6f6f6;
  border-radius: 0px 0px 4px 4px;
  width: 100%;
  box-sizing: border-box;
  transition: max-height 1s ease-in-out, opacity 1s ease-in-out;
  max-height: 0;
  overflow: hidden;
}

.filter-parameters.active {
  display: flex;
  max-height: 500px; /* Set to fit content */
  opacity: 1;
}

.filter-section {
  margin-bottom: 16px;
}

.filter-section h3 {
  font-size: 1.1rem;
  margin-bottom: 8px;
  font-weight: bold;
  margin-top: 0;
}

.filter-buttons {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.filter-buttons button {
  padding: 12px 16px;
  border: 1px solid #121212;
  border-radius: 5px;
  background-color: #FFFFFF;
  color: #121212;
  font-size: 1rem;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
}

.filter-buttons button.selected {
  background-color: #121212; /* WordPress primary color */
  color: #fff;
  border: 1px solid #121212;
}

.agenda-track-button.selected:not([data-track-name=all]) {
  background-color: var(--track-color);
  color: var(--track-secondary-color);
  border-color: var(--track-secondary-color);
}

.filter-actions {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
}

.filter-actions button {
  background: #f6f6f6;
  border: 1px solid #e6e6e6;
  padding: 8px 12px;
  border-radius: 4px;
  cursor: pointer;
}

/* Active Filters */
.agenda-active-filters {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.active-filters-wrapper {
  display: none;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
}

.clear-filters {
  background: #FFF;
  border: 1px solid #C0C0C0;
  padding: 9px 16px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 14px;
}

.active-tags, .active-date, .active-tracks, .active-session-types {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.active-filter-button {
  padding: 8px 16px;
  border-radius: 5px;
  border: 1px solid #F3F3F3;
  background-color: #F3F3F3;
  color: #121212;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: background-color 0.2s, color 0.2s;
}

.active-filter-button:hover {
  background-color: #D9D9D9;
  border: 1px solid #D9D9D9;
}

.active-filter-button .remove-filter {
  border-radius: 100%;
  background-color: #D9D9D9;
  height: 18px;
  width: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Sessions Wrapper */
.agenda-container {
  padding-top: 32px;
}

/* Day Group */
.agenda-day-group {
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.agenda-day-group.hidden {
  margin-bottom: 0;
  padding-bottom: 0;
}

/* Day Divider */
.agenda-day-divider {
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
  margin: 0;
  color: #121212;
  background-color: #f6f6f6;
  padding: 10px;
  text-align: left;
  width: calc(100% - 20px);
  display: block;
  margin-bottom: 32px;
}

.agenda-session-day-group {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
}

/* agenda time bucket */
.agenda-time-bucket {
  display: flex;
  align-items: stretch;
  gap: 20px;
  margin-bottom: 32px;
}

.agenda-time {
  flex: 0 0 80px; /* Fixed width for the time column */
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  color: #121212;
  text-align: right;
  padding-top: 24px;
  border-right: 2px solid #484848;
  display: flex; /* Flex to enable content alignment */
  align-items: flex-start; /* Center the time text top */
  justify-content: flex-start; /* Align text to the left */
}

/* Sessions Container */
.agenda-sessions {
  display: flex;
  flex-direction: column;
  flex: 1;
  max-width: calc(100% - 110px);
}

/* SESSION ITEMS */
.agenda-session-item {
  padding: 24px;
  border-radius: 5px;
  border: 1px solid var(--track-color, #E6E6E6);
  background-color: #ffffff;
}

/*
.agenda-session-item[data-track-name] {
    border: 1px solid var(--track-color);
}
*/
/* Featured Sessions */
.agenda-session-item.featured {
  border: 1px solid #999;
  border-left: 4px solid #999;
  background: #F5F5F5;
}

/* Session Track chip */
.track-chip-wrapper, .agenda-modal-track-chip-wrapper {
  display: flex;
  padding-bottom: 16px;
  align-items: flex-start;
  justify-content: flex-start;
}

.track-chip, .agenda-modal-track-chip {
  background-color: var(--track-color);
  color: var(--track-secondary-color);
  padding: 7px 12px;
  font-size: 14px;
  line-height: 17px;
  border-radius: 5px;
}

/* Session Eyebrow */
.track-eyebrow-wrapper {
  padding-bottom: 8px;
}

.track-eyebrow {
  color: #777;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.agenda-session-modal-eyebrow {
  color: #777;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  padding-bottom: 8px;
}

/* Session Item Time */
.agenda-session-time {
  position: absolute;
  left: 0;
  top: 0;
  width: 80px;
  font-weight: bold;
  font-size: 1rem;
  color: #0073AA;
  text-align: right;
}

/* Session Item Title */
.agenda-session-title {
  font-size: 24px;
  line-height: 32px;
  font-weight: bold;
  margin: 0 0 19px;
  color: #121212;
}

/* Session Item Description */
.agenda-session-description {
  font-size: 0.9rem;
  color: #333;
  margin: 0;
}

/* Session Item Duration & Location Wrapper */
.agenda-session-details-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
}

/* Session Item Duration & Location */
.agenda-session-detail-item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}

/* Session Item Sponsor Wrapper */
.session-sponsors {
  padding-top: 28px;
}

.session-sponsor-text {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1.2px;
  color: #777;
  font-weight: 600;
  padding-bottom: 8px;
}

.session-sponsors-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px;
}

.session-sponsors-wrapper a {
  text-decoration: none;
  max-width: 100px;
}

.session-sponsors-wrapper a img {
  width: 100%;
  height: auto;
}

/* Session Item Speaker Wrapper */
.agenda-session-speakers {
  display: flex;
  -moz-column-gap: 32px;
       column-gap: 32px;
  row-gap: 32px;
  margin-top: 28px;
  flex-wrap: wrap;
}

.agenda-session-speakers a {
  color: #121212;
  text-decoration: none;
  flex: 0 0 30%;
}

/* Session Item Indiv Speaker Item Wrapper */
.agenda-speaker {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  flex: 0;
}

/* Session Item Speaker Headshot */
.agenda-speaker-headshot {
  width: 63px;
  height: 63px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
  border: 1px solid #E6E6E6;
  background-size: contain;
  background-position: center;
}

/* Session Item Speaker Details Wrapper */
.agenda-speaker-details {
  display: flex;
  flex-direction: column;
}

/* Session Item Speaker Name */
.agenda-speaker-name {
  font-weight: bold;
  font-size: 1rem;
  margin: 0;
  padding-bottom: 8px;
}

/* Session Item Speaker Job Title */
.agenda-speaker-jobtitle {
  font-size: 14px;
  margin: 0;
  padding-bottom: 6px;
}

/* Session Item Speaker Company */
.agenda-speaker-company {
  font-size: 14px;
  margin: 0;
  font-weight: 700;
}

/* Session Item Buttons */
.agenda-session-button-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
  padding-top: 32px;
}

.agenda-session-details-button {
  padding: 12px 16px;
  border: 1px solid #121212;
  color: #121212;
  border-radius: 5px;
  background-color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
}

.virtual-meeting-link {
  text-decoration: none;
  padding: 12px 16px;
  border: 1px solid #121212;
  border-radius: 5px;
  color: #FFFFFF;
  background-color: #121212;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
}

/* Smooth hide */
/* Session Item (Visible by Default) */
/* transition: opacity 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), max-height 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), margin-bottom 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); */ /* Smooth fade and collapse */
.agenda-session-item {
  opacity: 1; /* Fully visible */
  visibility: visible; /* Ensures it's visible to screen readers */
  max-height: 2000px; /* A large enough value to accommodate varying heights */
  overflow: hidden; /* Prevent content overflow */
  margin-bottom: 0; /* Reset margin */
}

/* Hidden Session Item */
.agenda-session-item.hidden {
  opacity: 0; /* Fade out */
  visibility: hidden; /* Hide from screen readers */
  max-height: 0; /* Collapse height */
  pointer-events: none; /* Disable interaction */
  padding: 0;
}

.agenda-session-item:not(.hidden) {
  margin-bottom: 15px; /* Apply default spacing */
}

.agenda-session-item:last-of-type:not(.hidden) {
  margin-bottom: 0 !important; /* Remove spacing for the last visible item */
}

/* Time Buckets */
/* transition: opacity 0.4s ease-in-out, max-height 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), margin-bottom 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); */
.agenda-time-bucket {
  opacity: 1;
  visibility: visible;
  max-height: 20000px;
  overflow: hidden;
}

.agenda-time-bucket.hidden {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  pointer-events: none;
  margin-bottom: 0;
}

/* Day Dividers */
.agenda-day-divider {
  opacity: 1;
  transition: opacity 0.4s ease-in-out;
}

.agenda-day-divider.hidden {
  opacity: 0;
  pointer-events: none;
}

/* MODAL CSS */
.agenda-session-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.2s ease-in-out;
}

.agenda-session-modal:not(.hidden) {
  visibility: visible;
  opacity: 1;
}

/* Modal Wrapper */
.agenda-modal-content {
  background: #fff;
  border-radius: 8px;
  width: 100%;
  max-width: 792px;
  max-height: 80vh;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  position: relative;
  text-align: left;
  cursor: default;
  margin: 0 20px;
}

.agenda-session-modal-close {
  position: absolute;
  top: 10px;
  right: 10px;
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
}

.agenda-modal-header {
  padding: 33px 54px 24px;
  border: 1px solid #C0C0C0;
  background: #F5F5F5;
  border-radius: 5px 5px 0px 0px;
}

.agenda-modal-body {
  padding: 24px 54px;
  max-height: 400px;
  overflow-y: scroll;
  -webkit-mask-image: linear-gradient(rgba(0, 0, 0, 0) 3%, #121212 10%, #121212 85%, rgba(0, 0, 0, 0) 98%);
          mask-image: linear-gradient(rgba(0, 0, 0, 0) 3%, #121212 10%, #121212 85%, rgba(0, 0, 0, 0) 98%);
}

.agenda-modal-description {
  margin-bottom: 32px;
  font-size: 16px;
  line-height: 26px;
}

.agenda-session-modal-details-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  padding-bottom: 12px;
}

.agenda-session-modal-detail-item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}

.agenda-modal-header .agenda-session-modal-details-wrapper .agenda-session-modal-detail-item {
  font-weight: bold;
}

.agenda-modal-header .agenda-session-modal-details-wrapper .agenda-session-modal-detail-item .agenda-session-detail-time {
  text-transform: uppercase;
}

/* Modal Date */
/* Modal Time & Duration */
.agenda-session-detail-duration {
  font-weight: normal;
  text-transform: none;
}

/* Share btn */
.agenda-modal-header-btn-wrapper {
  padding-top: 16px;
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.agenda-modal-virtual-session-link {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  gap: 8px;
  background-color: #121212;
  color: #FFFFFF;
  font-weight: 700;
  border: 1px solid #121212;
  border-radius: 5px;
  padding: 10px 16px 10px 12px;
  cursor: pointer;
  font-size: 14px;
  width: -moz-fit-content;
  width: fit-content;
}

.agenda-modal-share-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background-color: #FFF;
  border: 1px solid #121212;
  border-radius: 5px;
  padding: 10px 16px 10px 12px;
  cursor: pointer;
  font-size: 14px;
  width: -moz-fit-content;
  width: fit-content;
}

/* SESSION MODAL SPEAKER INFORMATION */
.agenda-modal-speakers {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
  margin-bottom: 32px;
}

.agenda-modal-speakers h3 {
  margin: 0;
}

.agenda-modal-speaker-list {
  display: flex;
  row-gap: 16px;
  -moz-column-gap: 24px;
       column-gap: 24px;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.agenda-modal-speaker-link-wrapper {
  flex: 1 1 45%;
  text-decoration: none;
  color: #121212;
  cursor: pointer;
}

.agenda-modal-speaker {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 10px;
}

.agenda-modal-speaker-headshot {
  width: 63px;
  height: 63px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
  border: 1px solid #E6E6E6;
  background-size: contain;
  background-position: center;
}

.agenda-modal-speaker-details {
  display: flex;
  flex-direction: column;
}

.agenda-modal-speaker-name {
  font-weight: bold;
  font-size: 1rem;
  margin: 0;
  padding-bottom: 8px;
}

.agenda-modal-speaker-job-title {
  font-size: 14px;
  margin: 0;
  padding-bottom: 6px;
}

.agenda-modal-speaker-company {
  font-size: 14px;
  margin: 0;
  font-weight: 700;
}

/* Modal Tags */
.agenda-modal-tags {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
  margin-bottom: 32px;
}

.agenda-modal-tags h3 {
  margin: 0;
}

.agenda-modal-tag-list {
  display: flex;
  gap: 16px;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.agenda-modal-tag {
  color: #121212;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  padding: 12px 16px;
  border: 1px solid #121212;
  border-radius: 5px;
}

.agenda-modal-reg-btn-wrapper {
  border-top: 1px solid #c0c0c0;
  padding-top: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.agenda-modal-reg-btn-wrapper button {
  background-color: #121212;
  color: #FFFFFF;
  border: 1px solid #121212;
  border-radius: 5px;
  padding: 15px 38px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer;
}

/* Scroll prompt arrow */
.scroll-prompt-arrow {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 24px;
  transition: opacity 0.4s ease;
  opacity: 0.6;
}

.scroll-prompt-arrow.at-bottom {
  opacity: 0;
}

.scroll-prompt-arrow svg {
  transform: rotate(90deg);
}

@media only screen and (max-width: 1020px) {
  .agenda-speaker {
    min-width: 300px;
  }
}
@media only screen and (max-width: 769px) {
  /* content wrapper */
  .arizent-agenda-content-wrapper {
    padding: 20px 0;
  }
  /* Filter Section */
  .filter-bar-container {
    flex-direction: column-reverse;
    gap: 24px;
  }
  .agenda-filters-wrapper {
    flex-direction: column;
    margin-bottom: 24px;
  }
  .filter-bar-toggle {
    width: 100%;
    border-radius: 4px;
    padding: 7px 12px 7px 10px;
  }
  .agenda-search input {
    padding: 11.5px 10px 11.5px 46px;
    border-radius: 4px;
    width: calc(100% - 56px);
  }
  .filter-parameters {
    padding: 12px 32px;
  }
  .filter-section {
    margin-bottom: 8px;
  }
  /* Date and Filter buttons */
  .agenda-date-button {
    padding: 8px 15px;
    font-size: 14px;
  }
  .filter-buttons button {
    padding: 8px 15px;
    font-size: 14px;
  }
  /* Agenda Display */
  .agenda-container {
    padding-top: 24px;
  }
  /* agenda session item details */
  .agenda-session-details-wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  /* Agenda session item speakers */
  .agenda-session-speakers {
    flex-direction: column;
  }
  .agenda-speaker {
    min-width: unset;
  }
  /* Modal */
}
@media only screen and (max-width: 687px) {
  /* Modal Speakers */
  .agenda-modal-speaker-list {
    flex-direction: column;
    width: 100%;
  }
  .agenda-modal-speaker-link-wrapper {
    flex: 1;
  }
}
@media only screen and (max-width: 580px) {
  .agenda-session-button-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
  /* Modal */
  .agenda-session-modal-close svg {
    height: 24px;
    width: 24px;
  }
  .agenda-modal-header {
    padding: 34px 24px 18px;
  }
  .agenda-modal-body {
    padding: 14px 24px;
    max-height: 300px;
  }
}
@media only screen and (max-width: 481px) {
  /* Filter Section */
  .filter-section h3 {
    font-size: 14px;
  }
  /* Agenda Display */
  .agenda-time-bucket {
    flex-direction: column;
    border-left: 2px solid #121212;
    padding-left: 20px;
  }
  .agenda-time {
    flex: 1;
    border-right: none;
    padding-top: 2px;
  }
  .agenda-sessions {
    max-width: 100%;
  }
  /* Modal */
  .agenda-modal-header {
    padding: 24px 42px 24px 24px;
  }
  .agenda-session-details-wrapper, .agenda-session-modal-details-wrapper {
    gap: 8px;
  }
}

/*# sourceMappingURL=style-index.css.map*/