.article.agenda-list > .margin > .padding {
  padding-top: 0;
}
.article.agenda-list .bottom-navigation {
  margin-top: 20px;
}
.article.agenda-list .title h2 {
  text-overflow: -o-ellipsis-lastline;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 20px;
  color: var(--defaultBlack);
}
.article.agenda-list .article.item-agenda-list {
  padding: 15px 0 0;
  position: relative;
  display: flex;
  margin-right: 10px;
}
.article.agenda-list .article.item-agenda-list .image a {
  display: block;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.article.agenda-list .article.item-agenda-list .image img {
  display: block;
  height: 170px;
  max-width: none;
  width: auto;
  margin-left: 50%;
  transform: translate(-50%, 0);
  object-fit: contain;
}
.article.agenda-list .article.item-agenda-list .text {
  position: relative;
  flex: 1;
  float: left;
}
.article.agenda-list .article.item-agenda-list .text .title {
  display: block;
  width: fit-content;
}
.article.agenda-list .article.item-agenda-list .text .title a {
  max-height: 52px;
  overflow: hidden;
  display: block;
}
.article.agenda-list .article.item-agenda-list .text .row > span {
  font-size: var(--smallerFontSize);
}
.article.agenda-list .article.item-agenda-list .text .row .seperator {
  padding: 0 0 0 3px;
}
.article.agenda-list .article.item-agenda-list .text .row.mobile {
  display: none;
}
.article.agenda-list.column-view .article.item-agenda-list {
  width: calc(50% - 30px);
  float: left;
  margin: 15px;
}
.article.agenda-list.column-view .article.item-agenda-list .image {
  width: 300px;
  height: 210px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  float: left;
  padding-right: 20px;
}
.article.agenda-list.column-view .article.item-agenda-list .image img {
  width: 300px;
  height: 210px;
}
.article.agenda-list.column-view .article.item-agenda-list .title a {
  margin-bottom: 8px;
}
.article.agenda-list.column-view .article.item-agenda-list .text {
  margin: 0 20px;
}
.article.agenda-list.column-view .article.item-agenda-list .text h2 {
  font-size: var(--defaultFontSize);
  transition: color var(--shortTransition);
}
.article.agenda-list.column-view .article.item-agenda-list .text h2:hover {
  color: #1683ac;
}
.article.agenda-list.column-view .article.item-agenda-list .text .row.desktop:first-of-type {
  margin-bottom: 10px;
}
.article.agenda-list.column-view .article.item-agenda-list .text .row.location {
  margin: 5px 0;
}
.article.agenda-list.column-view .article.item-agenda-list .text :is(.date, .time-first) {
  margin-right: 14px;
}
.article.agenda-list.list-view .article.item-agenda-list .image {
  background-repeat: no-repeat;
  background-size: contain;
  float: left;
  margin: 0px 10px 32px 0px;
  width: 270px;
  height: 190px;
  aspect-ratio: 4/3;
}
.article.agenda-list.list-view .article.item-agenda-list .image img {
  display: block;
  transform: translate(-50%, 0);
  width: 465px;
  width: 270px;
  height: 190px;
  float: left;
  max-width: unset;
  object-fit: contain;
}
.article.agenda-list.list-view .article.item-agenda-list .text {
  width: 625px;
  padding-left: 20px;
}
.article.agenda-list.list-view .article.item-agenda-list .text .row.desktop {
  margin-bottom: 15px;
}
.article.agenda-list.list-view .article.item-agenda-list .text .row.desktop .title {
  margin-bottom: 10px;
}
.article.agenda-list.list-view .article.item-agenda-list .text .date {
  margin-right: 19px;
}
.article.agenda-list.list-view .article.item-agenda-list .text .time {
  margin-right: 15px;
}
.article.agenda-list.list-view .article.item-agenda-list .text .icon-date-end {
  margin-left: 15px;
}
.article.agenda-list.list-view .article.item-agenda-list .text .title h2 {
  margin-bottom: 8px;
}
.article.agenda-list.list-view .article.item-agenda-list .text .seperator > i {
  font-size: var(--smallerFontSize);
}
.article.agenda-list.list-view .article.item-agenda-list .text .fa-light.fa-clock,
.article.agenda-list.list-view .article.item-agenda-list .text .fa-light.fa-calendar-day {
  margin-right: 2px;
}
.article.agenda-list.list-view .article.item-agenda-list .text .fa-location-check {
  margin-right: 3px;
}
.article.agenda-list.list-view .article.item-agenda-list .text .row.desktop > a > p {
  margin-top: 30px;
}
.article.agenda-list.list-view .article.item-agenda-list .text a > p > .fa-chevron-right {
  font-size: 10px;
  transition: padding-left var(--shortTransition);
}
.article.agenda-list.list-view .article.item-agenda-list .text a:hover > p > .fa-chevron-right {
  padding-left: 3px;
}
.article.agenda-list.list-view hr {
  border: 1px solid var(--defaultDarkGrey);
  margin-bottom: 20px;
}

.article.item-agendalist-detail {
  /* Agenda slider */
  /* Thumbs slider */
  /* Both sliders */
}
.article.item-agendalist-detail .navigation-row {
  width: 100%;
  text-align: right;
  border-bottom: solid 1px var(--defaultDarkGrey);
}
.article.item-agendalist-detail .navigation-row > div {
  display: inline-block;
  padding: 10px 20px;
}
.article.item-agendalist-detail .navigation-row .next {
  padding-right: 0;
}
.article.item-agendalist-detail .navigation-row .next a > i {
  transition: right var(--shortTransition);
  position: relative;
  right: 0;
}
.article.item-agendalist-detail .navigation-row .next a:hover > i {
  right: -2px;
}
.article.item-agendalist-detail .navigation-row .prev a > i {
  transition: left var(--shortTransition);
  position: relative;
  left: 0;
}
.article.item-agendalist-detail .navigation-row .prev a:hover > i {
  left: -2px;
}
.article.item-agendalist-detail .navigation-row a.disabled {
  color: var(--defaultBorderColor);
  cursor: default;
}
.article.item-agendalist-detail .mobile-layout {
  display: none;
}
.article.item-agendalist-detail .product-content > .margin > .padding {
  padding: 20px 0;
}
.article.item-agendalist-detail .product-content .article-info {
  padding: 0 0 20px 30px;
  width: 45%;
  float: left;
}
.article.item-agendalist-detail .product-content .article-info.full-width {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.article.item-agendalist-detail .product-content .article-info.full-width .text > h2 {
  width: 100%;
  font-size: 20px;
}
.article.item-agendalist-detail .product-content .article-info h1 {
  margin: 15px 0;
  font-size: 24px;
}
.article.item-agendalist-detail .product-content .article-info .organized-by {
  margin-bottom: 20px;
}
.article.item-agendalist-detail .product-content .article-info .organized-by i {
  margin-right: 10px;
}
.article.item-agendalist-detail .product-content .article-info .location {
  margin-bottom: 10px;
  margin-top: 10px;
}
.article.item-agendalist-detail .product-content .article-info .location i {
  margin-right: 10px;
}
.article.item-agendalist-detail .product-content .article-info .text {
  margin-top: 10px;
  font-size: var(--smallerFontSize);
}
.article.item-agendalist-detail .product-content :is(.date-time, .location, .organized-by) {
  width: 100%;
  font-size: var(--smallerFontSize);
}
.article.item-agendalist-detail .product-content .date-time.desktop-layout .fa-clock,
.article.item-agendalist-detail .product-content .date-time.desktop-layout .fa-calendar-day {
  margin-right: 2px;
}
.article.item-agendalist-detail .product-content .date-time.mobile-layout .fa-clock,
.article.item-agendalist-detail .product-content .date-time.mobile-layout .fa-calendar-day {
  margin-right: 2px;
}
.article.item-agendalist-detail .product-content .date-time.mobile-layout .end-time {
  margin-left: 15px;
}
.article.item-agendalist-detail .product-content .date-time.mobile-layout .organized-by i,
.article.item-agendalist-detail .product-content .date-time.mobile-layout .location i {
  margin-right: 10px;
}
.article.item-agendalist-detail .product-content .date-time .date {
  margin-right: 15px;
}
.article.item-agendalist-detail .product-content .date-time .time {
  margin-right: 14px;
}
.article.item-agendalist-detail .product-content .date-time .end-time {
  margin-left: 14px;
}
.article.item-agendalist-detail .product-content .basic-slider {
  width: 55%;
  float: left;
}
.article.item-agendalist-detail .product-content .basic-slider .slide img.photo {
  object-fit: contain;
}
.article.item-agendalist-detail .agenda-slider {
  width: 100%;
  height: 525px;
  border: 1px solid var(--defaultDarkGrey);
  --swiper-theme-color: #0689c0;
}
.article.item-agendalist-detail .agenda-slider .swiper-slide .zoom {
  padding: 0;
  width: 55px;
  height: 55px;
  border-radius: 100%;
  text-align: center;
  transition: opacity var(--shortTransition);
  background-color: rgba(0, 0, 0, 0.7);
  color: var(--defaultWhite);
  font-size: 30px;
  line-height: 55px;
  opacity: 0;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}
.article.item-agendalist-detail .agenda-slider .swiper-slide:hover .zoom {
  opacity: 1;
}
.article.item-agendalist-detail .agenda-slider .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.article.item-agendalist-detail .agenda-thumbs {
  margin-top: 10px;
}
.article.item-agendalist-detail .agenda-thumbs .swiper-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.article.item-agendalist-detail .agenda-thumbs .swiper-slide {
  width: 60px;
  height: 50px;
  cursor: pointer;
  border: 3px solid transparent;
  transition: border-color var(--shortTransition);
}
.article.item-agendalist-detail .agenda-thumbs .swiper-slide.swiper-slide-thumb-active {
  border: 3px solid #0689c0;
}
.article.item-agendalist-detail .agenda-thumbs .swiper-slide img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.article.item-agendalist-detail .agenda-slider .swiper-slide video,
.article.item-agendalist-detail .agenda-thumbs .swiper-slide video {
  width: 100%;
  height: 100%;
}

/* Grade A */
@media (max-width: 1194px) {
  .article.agenda-list .desktop-break {
    display: none;
  }
  .article.agenda-list .article.item-agenda-list {
    flex-wrap: wrap;
  }
  .article.agenda-list .article.item-agenda-list .text .title {
    padding: 10px 0 5px 0;
  }
  .article.agenda-list .article.item-agenda-list .image,
  .article.agenda-list .article.item-agenda-list .image img {
    width: 170px;
    aspect-ratio: 4/3;
    overflow: hidden;
  }
  .article.agenda-list.column-view .article.item-agenda-list {
    width: 100%;
  }
  .article.agenda-list.column-view .article.item-agenda-list .text .row.desktop .icon-date-end {
    margin-left: 5px;
  }
  .article.agenda-list.column-view .article.item-agenda-list .text .row.desktop .title > a > h2 {
    margin-top: 0;
  }
  .article.agenda-list.column-view .article.item-agenda-list .text .title > a {
    max-width: 500px;
  }
  .article.agenda-list.list-view .article.item-agenda-list .text {
    padding-left: 0;
  }
  .article.agenda-list.list-view .article.item-agenda-list .text .row.mobile:last-child,
  .article.agenda-list.list-view .article.item-agenda-list .text .row:first-child {
    overflow-wrap: break-word;
    margin-bottom: 5px;
  }
  .article.agenda-list.list-view .article.item-agenda-list .image {
    height: auto;
    margin: 0 auto 20px;
  }
}
/* Grade B */
@media (max-width: 991px) {
  .article.agenda-list .article.item-agenda-list {
    width: 100%;
  }
  .article.agenda-list .article.item-agenda-list:nth-child(2n+1) {
    margin-right: 0;
  }
  .article.agenda-list.column-view .article.item-agenda-list .text .row.desktop .icon-date-end {
    margin-left: 0;
  }
  .article.item-agendalist-detail .product-content .article-info {
    padding-left: 20px;
  }
}
/* Grade C */
@media (max-width: 767px) {
  .article.agenda-list .article.item-agenda-list {
    width: 100%;
  }
  .article.agenda-list .article.item-agenda-list .image,
  .article.agenda-list .article.item-agenda-list .image a,
  .article.agenda-list .article.item-agenda-list .image img {
    aspect-ratio: 4/3;
    overflow: hidden;
    margin-right: 20px;
  }
  .article.agenda-list .article.item-agenda-list .text .title a {
    max-width: 270px;
  }
  .article.agenda-list.column-view .article.item-agenda-list .image {
    padding-right: 0;
    width: 150px;
    height: 110px;
  }
  .article.agenda-list.column-view .article.item-agenda-list .image img {
    margin-right: 0;
    width: 150px;
    height: 110px;
  }
  .article.agenda-list.column-view .article.item-agenda-list .text {
    margin-left: 0;
    padding-right: 0;
  }
  .article.agenda-list.column-view .article.item-agenda-list .text .row.desktop > .title {
    padding: 0;
  }
  .article.agenda-list.list-view .article.item-agenda-list .image {
    width: 100%;
  }
  .article.agenda-list.list-view .article.item-agenda-list .image a,
  .article.agenda-list.list-view .article.item-agenda-list .image img {
    width: 100%;
    height: auto;
  }
  .article.agenda-list.list-view .article.item-agenda-list .text .row .icon-date-end {
    margin-left: 2px;
  }
  .article.agenda-list.list-view .article.item-agenda-list .text .row :is(.date, .time) {
    margin-right: 2px;
  }
  .article.item-agendalist-detail > .margin > .padding {
    padding: 0;
  }
  .article.item-agendalist-detail .navigation-row::after {
    clear: both;
    display: block;
    content: "";
  }
  .article.item-agendalist-detail .navigation-row > div {
    width: 33.3333333333%;
    padding-left: 0;
    padding-right: 0;
    font-size: var(--smallerFontSize);
    display: inherit;
    float: left;
  }
  .article.item-agendalist-detail .navigation-row div.prev {
    text-align: left;
  }
  .article.item-agendalist-detail .navigation-row div.back {
    text-align: center;
  }
  .article.item-agendalist-detail .navigation-row div.next {
    text-align: right;
  }
  .article.item-agendalist-detail .product-content {
    padding: 0 10px;
  }
  .article.item-agendalist-detail .product-content .basic-slider {
    width: 100%;
  }
  .article.item-agendalist-detail .product-content .date-time,
  .article.item-agendalist-detail .product-content h1 {
    display: block;
  }
  .article.item-agendalist-detail .product-content h1 {
    margin-bottom: 15px;
  }
  .article.item-agendalist-detail .product-content .article-info {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .article.item-agendalist-detail .product-content .article-info .date-time,
  .article.item-agendalist-detail .product-content .article-info h1 {
    display: none;
  }
  .article.item-agendalist-detail .product-content .article-info .date-time.desktop-layout {
    display: block;
  }
  .article.item-agendalist-detail .product-content .article-info .photos {
    display: block;
    width: 100%;
    margin-bottom: 15px;
  }
  .article.item-agendalist-detail .product-content .article-info .text {
    clear: both;
  }
  .article.item-agendalist-detail .product-content .article-info .location,
  .article.item-agendalist-detail .product-content .article-info .organized-by {
    float: left;
    width: 55%;
    padding: 0;
  }
}
@media (max-width: 536.9px) {
  .article.agenda-list .text .row.desktop {
    display: none;
  }
  .article.agenda-list .text .row.mobile {
    display: inline-block;
  }
  .article.agenda-list.column-view .article.item-agenda-list .text > .row.desktop > .title {
    padding: 0;
  }
  .article.agenda-list.list-view .article.item-agenda-list .text > .row.mobile > a > p {
    margin-top: 30px;
  }
  .article.item-agendalist-detail .agenda-slider {
    height: 300px;
  }
}
/* Grade D */
@media (max-width: 479px) {
  .article.agenda-list .article.item-agenda-list .text {
    padding-left: 10px;
    padding-right: 0;
  }
  .article.agenda-list .article.item-agenda-list .text .title {
    padding: 0;
  }
  .article.agenda-list .article.item-agenda-list .text .title a {
    max-height: 52px;
  }
  .article.agenda-list .article.item-agenda-list .text .title h2 {
    max-width: 200px;
    font-size: var(--defaultFontSize);
  }
  .article.agenda-list .article.item-agenda-list .image {
    width: 170px;
  }
  .article.agenda-list .article.item-agenda-list .desktop {
    display: none;
  }
  .article.agenda-list.column-view .article.item-agenda-list .text .title a {
    max-width: 150px;
  }
  .article.item-agendalist-detail .mobile-layout {
    display: block;
  }
  .article.item-agendalist-detail .desktop-layout {
    display: none;
  }
  .article.item-agendalist-detail .product-content .article-info > .location,
  .article.item-agendalist-detail .product-content .article-info > .organized-by {
    clear: both;
    width: 100%;
    padding: 0;
  }
  .article.item-agendalist-detail .product-content h1 {
    font-size: 24px;
    margin-bottom: 13px;
  }
}

/*# sourceMappingURL=agendaList.css.map */