/* Variables */
.events-block {
  padding-bottom: 120px;
  padding-top: 120px;
  background-color: #FEFBF8;
  position: relative; }
  @media (max-width: 1023px) {
    .events-block {
      padding-bottom: 100px;
      padding-top: 100px; } }
  @media (max-width: 767px) {
    .events-block {
      padding-bottom: 60px;
      padding-top: 60px; } }

.events-block .event-list,
.vc_column-inner .event-list {
  display: flex;
  flex-direction: column;
  row-gap: 64px;
  list-style: none;
  margin: 0; }
  @media (max-width: 899px) {
    .events-block .event-list,
    .vc_column-inner .event-list {
      row-gap: 48px; } }
  .events-block .event-list .event-card,
  .vc_column-inner .event-list .event-card {
    display: flex;
    flex-direction: row-reverse;
    gap: 24px;
    margin: 0 !important;
    width: 100%; }
    @media (max-width: 899px) {
      .events-block .event-list .event-card,
      .vc_column-inner .event-list .event-card {
        flex-direction: column-reverse; } }
    .events-block .event-list .event-card:before,
    .vc_column-inner .event-list .event-card:before {
      display: none !important; }
    .events-block .event-list .event-card:not(:last-child),
    .vc_column-inner .event-list .event-card:not(:last-child) {
      border-bottom: solid 1px #dedede;
      padding-bottom: 64px; }
      @media (max-width: 899px) {
        .events-block .event-list .event-card:not(:last-child),
        .vc_column-inner .event-list .event-card:not(:last-child) {
          padding-bottom: 48px; } }
    .events-block .event-list .event-card .event-image,
    .vc_column-inner .event-list .event-card .event-image {
      flex: 0 0 267px;
      position: relative; }
      .events-block .event-list .event-card .event-image .event-type,
      .vc_column-inner .event-list .event-card .event-image .event-type {
        background-color: rgba(255, 255, 255, 0.9);
        border-radius: 30px;
        color: #282828 !important;
        font-size: 12px;
        font-weight: 600;
        line-height: 23px;
        margin-bottom: 5px;
        margin-right: 5px;
        padding: 4px 15px 3px;
        white-space: nowrap;
        background-color: #69E0FF;
        color: #282828 !important;
        margin: 0;
        position: absolute;
        left: 12px;
        top: 12px; }
        .events-block .event-list .event-card .event-image .event-type.moodlemoot, .events-block .event-list .event-card .event-image .event-type.moodlemoots,
        .vc_column-inner .event-list .event-card .event-image .event-type.moodlemoot,
        .vc_column-inner .event-list .event-card .event-image .event-type.moodlemoots {
          background-color: #194866;
          color: #fff !important; }
        .events-block .event-list .event-card .event-image .event-type.webinars-and-meetings,
        .vc_column-inner .event-list .event-card .event-image .event-type.webinars-and-meetings {
          background-color: #F98012;
          color: #fff !important; }
      .events-block .event-list .event-card .event-image img,
      .vc_column-inner .event-list .event-card .event-image img {
        border-radius: 16px;
        max-width: 100%;
        width: 300px; }
    .events-block .event-list .event-card .event-details,
    .vc_column-inner .event-list .event-card .event-details {
      display: flex;
      align-items: flex-start;
      column-gap: 16px;
      flex-wrap: wrap;
      flex: 1; }
      .events-block .event-list .event-card .event-details .namehost,
      .vc_column-inner .event-list .event-card .event-details .namehost {
        flex: 1; }
      .events-block .event-list .event-card .event-details h2,
      .vc_column-inner .event-list .event-card .event-details h2 {
        font-size: 28px;
        margin-bottom: 8px;
        order: 1; }
        @media screen and (min-width: 768px) {
          .events-block .event-list .event-card .event-details h2,
          .vc_column-inner .event-list .event-card .event-details h2 {
            font-size: 32px; } }
        @media screen and (min-width: 1024px) {
          .events-block .event-list .event-card .event-details h2,
          .vc_column-inner .event-list .event-card .event-details h2 {
            font-size: 36px; } }
        .events-block .event-list .event-card .event-details h2 a,
        .vc_column-inner .event-list .event-card .event-details h2 a {
          color: #194866; }
      .events-block .event-list .event-card .event-details .cta-cal,
      .vc_column-inner .event-list .event-card .event-details .cta-cal {
        margin-left: auto;
        margin-top: 3px;
        order: 2;
        position: relative; }
        @media (max-width: 699px) {
          .events-block .event-list .event-card .event-details .cta-cal,
          .vc_column-inner .event-list .event-card .event-details .cta-cal {
            flex: 0 0 100%;
            margin-top: 16px; } }
        .events-block .event-list .event-card .event-details .cta-cal .add-to-calendar,
        .vc_column-inner .event-list .event-card .event-details .cta-cal .add-to-calendar {
          background-color: #194866;
          border: solid 1px #194866;
          border-radius: 40px;
          color: #fff;
          display: inline-block;
          font-size: 16px;
          font-weight: 500;
          line-height: 22px;
          padding: 12px 25px;
          text-align: center;
          text-decoration: none;
          transition: border-color 0.2s, background-color 0.2s, color 0.2s, line-height 0.2s;
          width: auto;
          cursor: pointer;
          display: inline-flex;
          align-items: center;
          font-family: 'Open Sans', sans-serif;
          font-size: 14px;
          padding: 4px 16px;
          white-space: nowrap; }
          @media (max-width: 499px) {
            .events-block .event-list .event-card .event-details .cta-cal .add-to-calendar,
            .vc_column-inner .event-list .event-card .event-details .cta-cal .add-to-calendar {
              text-align: center; } }
          .events-block .event-list .event-card .event-details .cta-cal .add-to-calendar:hover, .events-block .event-list .event-card .event-details .cta-cal .add-to-calendar:focus,
          .vc_column-inner .event-list .event-card .event-details .cta-cal .add-to-calendar:hover,
          .vc_column-inner .event-list .event-card .event-details .cta-cal .add-to-calendar:focus {
            background-color: #F98012;
            border-color: #F98012;
            text-decoration: none; }
          .events-block .event-list .event-card .event-details .cta-cal .add-to-calendar svg,
          .vc_column-inner .event-list .event-card .event-details .cta-cal .add-to-calendar svg {
            height: 21px;
            margin-right: 10px;
            vertical-align: top; }
          .events-block .event-list .event-card .event-details .cta-cal .add-to-calendar i,
          .vc_column-inner .event-list .event-card .event-details .cta-cal .add-to-calendar i {
            margin-right: 10px; }
          .events-block .event-list .event-card .event-details .cta-cal .add-to-calendar.file svg path,
          .vc_column-inner .event-list .event-card .event-details .cta-cal .add-to-calendar.file svg path {
            stroke: #fff; }
          .events-block .event-list .event-card .event-details .cta-cal .add-to-calendar:not(.file) svg path,
          .vc_column-inner .event-list .event-card .event-details .cta-cal .add-to-calendar:not(.file) svg path {
            fill: #fff; }
          .events-block .event-list .event-card .event-details .cta-cal .add-to-calendar i,
          .vc_column-inner .event-list .event-card .event-details .cta-cal .add-to-calendar i {
            display: block;
            font-size: 10px;
            height: 8px;
            margin-right: 6px; }
          .events-block .event-list .event-card .event-details .cta-cal .add-to-calendar:not(:hover):not(:focus),
          .vc_column-inner .event-list .event-card .event-details .cta-cal .add-to-calendar:not(:hover):not(:focus) {
            background-color: #EBEEF1;
            border-color: #EBEEF1;
            color: #194866; }
        .events-block .event-list .event-card .event-details .cta-cal .calendar-links,
        .vc_column-inner .event-list .event-card .event-details .cta-cal .calendar-links {
          background-color: #EBEEF1;
          border-radius: 16px;
          display: none;
          padding: 16px 20px;
          position: absolute;
          right: 0;
          top: calc(100% + 5px);
          width: 180px; }
          @media (max-width: 699px) {
            .events-block .event-list .event-card .event-details .cta-cal .calendar-links,
            .vc_column-inner .event-list .event-card .event-details .cta-cal .calendar-links {
              left: 0;
              right: auto; } }
          .events-block .event-list .event-card .event-details .cta-cal .calendar-links.open,
          .vc_column-inner .event-list .event-card .event-details .cta-cal .calendar-links.open {
            display: block; }
          .events-block .event-list .event-card .event-details .cta-cal .calendar-links a,
          .vc_column-inner .event-list .event-card .event-details .cta-cal .calendar-links a {
            color: #194866;
            display: inline-flex;
            align-items: center;
            column-gap: 4px;
            font-size: 14px;
            white-space: nowrap; }
          .events-block .event-list .event-card .event-details .cta-cal .calendar-links img,
          .vc_column-inner .event-list .event-card .event-details .cta-cal .calendar-links img {
            width: 16px; }
      .events-block .event-list .event-card .event-details .details,
      .events-block .event-list .event-card .event-details .description,
      .events-block .event-list .event-card .event-details .suitable,
      .vc_column-inner .event-list .event-card .event-details .details,
      .vc_column-inner .event-list .event-card .event-details .description,
      .vc_column-inner .event-list .event-card .event-details .suitable {
        flex: 0 0 100%;
        font-size: 14px;
        order: 3; }
      .events-block .event-list .event-card .event-details .details,
      .vc_column-inner .event-list .event-card .event-details .details {
        display: flex;
        flex-wrap: wrap;
        gap: 12px 24px;
        margin: 16px 0; }
        @media (max-width: 599px) {
          .events-block .event-list .event-card .event-details .details,
          .vc_column-inner .event-list .event-card .event-details .details {
            flex-direction: column; } }
        .events-block .event-list .event-card .event-details .details .details-set,
        .vc_column-inner .event-list .event-card .event-details .details .details-set {
          color: #194866;
          display: inline-flex;
          align-items: center;
          column-gap: 8px;
          font-weight: 500; }
        .events-block .event-list .event-card .event-details .details .fa,
        .vc_column-inner .event-list .event-card .event-details .details .fa {
          color: #F98012;
          font-size: 18px; }
      .events-block .event-list .event-card .event-details .suitable,
      .vc_column-inner .event-list .event-card .event-details .suitable {
        margin-top: 16px; }
        .events-block .event-list .event-card .event-details .suitable strong,
        .vc_column-inner .event-list .event-card .event-details .suitable strong {
          color: #194866; }

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