﻿.event-content {
  padding-bottom: 2rem;
  max-width: 100%;
  overflow: hidden;
}
@media (min-width: 768px) {
  .event-content {
    padding: 2.15rem 0 4.1rem;
  }
}
@media (min-width: 1440px) {
  .event-content .container {
    padding: 0;
  }
}
.event-content__group {
  display: flex;
  flex-flow: column-reverse;
}
@media (min-width: 768px) {
  .event-content__group {
    flex-flow: row;
    justify-content: space-between;
  }
}
.event-content__group_main {
  padding-top: 2rem;
  font-size: 1.225rem;
  line-height: var(--main-line-height);
  word-break: break-word;
  overflow: hidden;
}
@media (min-width: 768px) {
  .event-content__group_main {
    padding-top: 0;
    width: 64%;
  }
}
@media (min-width: 1024px) {
  .event-content__group_main {
    width: 66%;
    padding-right: 2rem;
  }
}
@media (min-width: 1440px) {
  .event-content__group_main {
    padding-right: 4rem;
  }
}
.event-content__group_main .event-content-with-buttons {
  margin-bottom: 2.75rem;
}
.event-content__group_main .event-content-with-buttons__buttons {
  display: flex;
  flex-flow: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.event-content__group_main .event-content-with-buttons__buttons a {
  margin-bottom: 1rem;
}
@media (min-width: 1024px) {
  .event-content__group_main .event-content-with-buttons__buttons a {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .event-content__group_main .event-content-with-buttons__buttons {
    flex-flow: row;
  }
  .event-content__group_main .event-content-with-buttons__buttons a:not(:last-child) {
    margin-right: 1rem;
  }
}
@media (min-width: 1024px) {
  .event-content__group_main .event-content-with-buttons__buttons {
    flex-flow: row;
    justify-content: flex-start;
  }
}
.event-content__group_main .event-content-with-buttons__tags {
  margin-top: 2.75rem;
}
.event-content__group_main .event-content-with-buttons__tags a {
  color: var(--black-pure);
  font-size: 1.25rem;
}
.event-content__group_main .event-content-with-buttons__tags a:not(:last-child) {
  margin-right: 0.3rem;
}
.event-content__group_main h2 {
  font-size: 2.045rem;
  margin: 1rem 0;
}
@media (min-width: 1024px) {
  .event-content__group_main h2 {
    margin: 0 0 1rem;
  }
}
.event-content__group_main img {
  margin: 1.3rem 0;
  max-width: 100%;
}
.event-content__group_main p,
.event-content__group_main li {
  font-size: 1.225rem;
  line-height: var(--main-line-height);
  margin-bottom: 1.75rem;
  word-break: break-word;
}
.event-content__group_main p a,
.event-content__group_main li a {
  text-decoration: none;
}
.event-content__group_main ul {
  padding-left: 1rem;
}
.event-content__group_main img {
  margin: 0 auto;
  max-width: 100%;
}
.event-content__group_main iframe {
  width: 100%;
  aspect-ratio: 1.5/1;
}
.event-content__group_main .event-info-labels {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.event-content__group_main .event-info-labels a, .event-content__group_main .event-info-labels_past-event {
  display: inline-block;
  border-radius: 0.99em;
  text-decoration: none;
  color: var(--black-pure);
  border: 1px solid var(--black-pure);
  padding: 0.15rem 0.5rem 0.25rem;
  line-height: var(--main-line-height);
  font-size: 0.89rem;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
}
.event-content__group_main .event-info-labels_past-event {
  text-transform: capitalize;
}
.event-content__group_main .event-info-labels .primary-tag {
  order: -1;
}
.event-content__group_main .event-info-titlev2 {
  font-size: 2rem;
  line-height: 1.15;
  margin: 0 0 1rem;
}
@media (min-width: 1024px) {
  .event-content__group_main .event-info-titlev2 {
    font-size: 2.5rem;
    margin: 0 0 0.5rem;
  }
}
.event-content__group_main .wp-block-image .alignleft {
  float: none;
  width: 100%;
}
@media (min-width: 1024px) {
  .event-content__group_main .wp-block-image .alignleft {
    width: auto;
    float: left;
  }
}
.event-content__group_main .wp-block-image .alignleft img {
  width: 100%;
}
@media (min-width: 1024px) {
  .event-content__group_main .wp-block-image .alignleft img {
    width: auto;
  }
}
.event-content__group_main .wp-block-image .alignright {
  float: none;
  width: 100%;
}
@media (min-width: 1024px) {
  .event-content__group_main .wp-block-image .alignright {
    width: auto;
    float: right;
  }
}
.event-content__group_main .wp-block-image .alignright img {
  width: 100%;
}
@media (min-width: 1024px) {
  .event-content__group_main .wp-block-image .alignright img {
    width: auto;
  }
}
.event-content__group_side {
  display: flex;
  flex-flow: column;
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 1px solid #dfe0e1;
}
@media (min-width: 768px) {
  .event-content__group_side {
    padding-top: 0;
    margin-top: 0;
    border-top: 0;
    padding-left: 1rem;
    width: 34%;
    order: 0;
    border-left: 1px solid #dfe0e1;
  }
}
@media (min-width: 1440px) {
  .event-content__group_side {
    padding-left: 3.2rem;
  }
}
.event-content__group_side .event-details {
  list-style: none;
  line-height: 1;
}
.event-content__group_side .event-details__item {
  font-size: 1.18rem;
  margin-bottom: 0.85rem;
  display: flex;
  align-items: start;
}
.event-content__group_side .event-details__item.event-formats-list {
  flex-wrap: wrap;
}
.event-content__group_side .event-details__item svg {
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0.1rem;
  margin-right: 0.8rem;
}
.event-content__group_side .event-details__item span {
  font-size: 1.22rem;
}
.event-content__group_side .event-details__item .event-format-item {
  width: 100%;
  display: flex;
  align-items: start;
}
.event-content__group_side .event-details .ticket-price__item {
  display: block;
  margin-bottom: 0.71rem;
}
.event-content__group_side .event-details .multiday-allday__dates {
  display: block;
}
.event-content__group_side .event-details .multiday-allday__dates_item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.71rem;
}
.event-content__group_side .event-details .multiday-allday__dates_item_date {
  padding-left: 1rem;
}
.event-content__group_side .event-details .singleday-multiple-times__dates_item {
  display: flex;
}
.event-content__group_side .event-details .singleday-multiple-times__dates_item_label {
  padding-left: 0.25rem;
  min-width: -moz-max-content;
  min-width: max-content;
}
@media (min-width: 1024px) {
  .event-content__group_side .event-details .singleday-multiple-times__dates_item_label {
    padding-left: 1rem;
  }
}
.event-content__group_side .event-details .singleday-multiple-times__dates_item_label .sold {
  vertical-align: center;
  font-size: 0.9rem;
  font-weight: 600;
  padding: 0.15rem 0.5rem 0.25rem;
  background-color: var(--red-brand);
  border-radius: 0.99em;
  color: var(--white-pure);
}
.event-content__group_side_buttons {
  margin: 2rem 0;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1024px) {
  .event-content__group_side_buttons {
    align-items: start;
    justify-content: start;
  }
}
.event-content__group_side_buttons .brand-button:not(:last-child),
.event-content__group_side_buttons .regular-button:not(:last-child) {
  margin-bottom: 1rem;
}
.event-content__group_side_time {
  margin-bottom: 1rem;
}
.event-content__group_side_time_info {
  font-size: 1.24rem;
  line-height: var(--main-line-height);
}
.event-content__group_side .extended-hours {
  margin-bottom: 1.5rem;
}
.event-content__group_side .extended-hours__title {
  font-size: 1.18rem;
  margin-bottom: 0.7rem;
  font-weight: 600;
  margin-top: 0.6rem;
}
.event-content__group_side .extended-hours__days {
  list-style: none;
  max-width: -moz-max-content;
  max-width: max-content;
}
.event-content__group_side .extended-hours__day {
  font-size: 1.24rem;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.6rem;
  line-height: var(--main-line-height);
}
.event-content__group_side .extended-hours__day_time {
  margin-left: 0.75rem;
}
.event-content__group_side_additional-info {
  font-size: 1rem;
  line-height: var(--main-line-height);
}
@media (min-width: 1024px) {
  .event-content__group_side_additional-info {
    max-width: 80%;
  }
}
.event-content__group_side_additional-info hr {
  margin: 0 0 2rem;
}
@media (min-width: 1024px) {
  .event-content__group_side_additional-info hr {
    margin-bottom: 1.5rem;
  }
}
.event-content__group_side_additional-info p {
  font-size: 1.1rem;
}
.event-content__group_side .course-form {
  order: -1;
  margin: 0 auto 2rem;
  max-width: 100%;
}
@media (min-width: 768px) {
  .event-content__group_side .course-form {
    margin-top: 3.5rem;
    order: 0;
  }
}
.event-content__group_side_membership-cta {
  border: 3px solid #ff0037;
  padding: 1rem;
  text-align: center;
  font-weight: 600;
  font-size: 1.2rem;
  color: initial;
  text-decoration: none;
}
@media (min-width: 1279px) {
  .event-content__group_side_membership-cta {
    width: 80%;
  }
}
.event-content__group_side_membership-cta strong {
  color: #ff0037;
}
.event-content .instructors {
  position: relative;
  text-align: center;
  margin: 3.75rem 0;
}
.event-content .instructors__title {
  text-align: left;
  font-size: 2rem;
  line-height: var(--main-line-height);
  margin-bottom: 1.7rem;
}
.event-content .instructors__subtitle {
  font-size: 1.2rem;
  line-height: var(--main-line-height);
  margin-bottom: 2rem;
}
@media (min-width: 1024px) {
  .event-content .instructors__subtitle {
    font-size: 1.15rem;
    max-width: 58%;
    margin: 0 auto 2.5rem;
  }
}
.event-content .instructors__collection {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.event-content .instructors__item {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
  position: relative;
  padding: 0;
  background-color: transparent;
  text-align: left;
  width: 100%;
  margin-bottom: 1rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .event-content .instructors__item {
    width: 14.1rem;
    margin-right: 0.5rem;
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .event-content .instructors__item {
    margin-right: 1.7rem;
  }
}
.event-content .instructors__item_wrapper {
  position: relative;
  padding-top: 13.5rem;
  display: flex;
  flex-flow: column;
  background-color: var(--white-pure);
}
@media (min-width: 1024px) {
  .event-content .instructors__item_wrapper {
    padding: 14rem 1rem 0;
  }
}
.event-content .instructors__item_image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: var(--gray-deep);
  height: 13.5rem;
  overflow: hidden;
  transition: height 0.6s;
  backface-visibility: hidden;
  will-change: height;
}
@media (min-width: 1024px) {
  .event-content .instructors__item_image {
    height: 14rem;
    left: 0;
    right: 0;
  }
}
.event-content .instructors__item_image:after {
  content: " ";
  background-image: url(https://japansociety.org/wp-content/themes/japan-society/front-src/components/Instructors/assets/bottom.png);
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  left: -1px;
  right: -1px;
  height: 3rem;
  backface-visibility: hidden;
}
.event-content .instructors__item_image_logo {
  opacity: 0;
  position: absolute;
  top: 2rem;
  left: 1.5rem;
  transition: opacity 0.6s;
}
.event-content .instructors__item_image_main {
  width: 100%;
  max-height: 13rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1024px) {
  .event-content .instructors__item_image_main {
    max-height: 14rem;
  }
}
.event-content .instructors__item_text {
  padding: 1rem 1.75rem;
  min-height: 10rem;
  background-color: var(--white-pure);
  display: flex;
  flex-flow: column;
  transition: color 0.6s 0.2s;
}
@media (min-width: 1024px) {
  .event-content .instructors__item_text {
    min-height: 10.5rem;
    padding: 1rem 0.75rem;
  }
}
.event-content .instructors__item_text_name {
  font-size: 1.25rem;
  font-weight: 800;
  margin-bottom: 0.2rem;
  position: relative;
  z-index: 5;
}
@media (min-width: 1024px) {
  .event-content .instructors__item_text_name {
    margin-bottom: 0.5rem;
  }
}
.event-content .instructors__item_text_about {
  font-size: 1.1rem;
  position: relative;
  z-index: 5;
}
.event-content .instructors__item_text_link {
  margin-top: auto;
  text-decoration: none;
  color: var(--white-pure);
  font-weight: 800;
  font-size: 1rem;
  position: relative;
  z-index: 5;
  opacity: 0;
  transition: opacity 0.6s;
}
.event-content .instructors__item:hover .instructors__item_image {
  height: 150%;
}
.event-content .instructors__item:hover .instructors__item_image_logo {
  opacity: 1;
}
.event-content .instructors__item:hover .instructors__item_text {
  transition: color 0.6s;
  color: var(--white-pure);
}
.event-content .instructors__item:hover .instructors__item_text_link {
  opacity: 1;
}
.event-content hr {
  height: 1px;
  background-color: #dfe0e1;
  border: 0;
}/*# sourceMappingURL=styles.css.map */