Ultra File Manager

Edit: /home/melaqxso/allshadesofwellness.com/wp-content/plugins/bearsthemes-addons/assets/css/events.scss

@import "variables";
.sc-event-list {
  .sc-event {
    display: flex;
    align-items: center;
    position: relative;
    max-width: 600px;
    background: #000000;
    margin: 0 auto 30px;
    padding: 30px;
    border-radius: 15px;
    &:last-child {
      margin-bottom: 0;
    }
    &__date {
      display: flex;
      flex-direction: column;
      width: 90px;
      font-size: 14px;
      font-weight: 400;
      line-height: 1.5;
      color: #d45f44;;
      border-right: #e1e1e1 solid 1px;
      .date {
        font-size: 40px;
        font-weight: 800;
        color: #FFFFFF;
      }
    }
    &__content {
      display: flex;
      align-items: center;
      width: calc(100% - 90px);
    }
    &__inner {
      width: calc(100% - 120px);
      padding: 0 30px;
    }
    &__organizer {
      font-size: 14px;
      font-weight: 400;
      line-height: 1.5;
      color: #d45f44;
      margin-bottom: 8px;
      svg {
        display: inline-block;
        vertical-align: middle;
        fill: currentColor;
        margin: -3px 4px 0 1px;
      }
    }
    &__title {
      font-size: 18px;
      font-weight: 700;
      line-height: 1.25;
      text-transform: uppercase;
      color: #FFFFFF;
      margin-bottom: 8px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      a {
        color: inherit;
      }
    }
    &__location {
      font-size: 14px;
      font-weight: 400;
      line-height: 1.5;
      color: #d45f44;
      svg {
        display: inline-block;
        vertical-align: middle;
        fill: currentColor;
        margin: -3px 4px 0 1px;
      }
    }
    .tribe-address {
      font-size: 14px;
      font-weight: 400;
      line-height: 1.5;
      color: #d45f44;
    }
    &__read-more {
      display: inline-block;
      width: 120px;
      font-size: 14px;
      font-weight: 600;
      line-height: 20px;
      text-align: center;
      text-transform: uppercase;
      white-space: nowrap;
      color: #FFFFFF;
      background: #d45f44;
      padding: 12px;
      &:hover {
        color: #d45f44;
        background: #FFFFFF;
      }
    }

@media( max-width: $break-xs - 0.02) {
      padding: 24px 16px;
      &__date {
        width: 80px;
      }
      &__content {
        width: calc(100% - 80px);
      }
      &__inner {
        width: 100%;
        padding: 0 0 0 20px;
      }
      &__read-more {
        display: none;
      }
    }

}
}

.elementor-events {
  &--default {
    .elementor-event {
      background: #F9F7F5;
      overflow: hidden;
      -webkit-transition: all .3s;
      transition: all .3s;
    	&__thumbnail {
        position: relative;
        overflow: hidden;
        padding-bottom: 66%;
        background: #e7e6e4;
        img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
    	}
      &__content {
        padding: 24px 32px;
      }
      &__title {
        font-weight: 500;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 12px;
        a {
          color: inherit;
          &:hover {
            color: $main-color;
          }
        }
      }
      &__meta {
        list-style: none;
        margin: 0 0 16px;
        padding: 0;
        li {
          display: inline-block;
          font-weight: 300;
          font-size: 14px;
          line-height: 16px;
          &:not(:last-child) {
            margin-right: 24px;
          }
          svg {
            display: inline-block;
            vertical-align: middle;
            fill: $main-color;
            margin: -4px 4px 0 0;
          }
        }
      }
      &__excerpt {
        margin-bottom: 16px;
        > p {
          margin: 0;
        }
      }
      &__cost {
        font-size: 16px;
        font-weight: 500;
        color: $main-color;
        margin-bottom: 16px;
      }
      &__read-more {
        display: inline-block;
        font-weight: 500;
        font-size: 14px;
        line-height: 100%;
        color: $main-color;
        text-decoration: none;
        &:hover {
          color: darken($main-color, 10%);
        }
      }
    }
  }
  &--skin-list-pumori {
    .elementor-event {
      background: #FFFFFF;
      overflow: hidden;
      border: 1px solid #E8E7E7;
      -webkit-transition: all .3s;
      transition: all .3s;
      &:hover {
        .elementor-event {
          &__thumbnail img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
          }
          &__read-more {
            opacity: 1;
            margin-top: 0;
          }
        }
      }
      &.has-thumbnail {
        display: flex;
        align-items: center;
        .elementor-event {
          &__content {
            width: calc(100% - 150px);
          }
        }
      }
      &__thumbnail-wrap {
        position: relative;
        width: 150px;
      }
      &__thumbnail {
        position: relative;
        overflow: hidden;
        padding-bottom: 100%;
        background: #e7e6e4;
        img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
          -webkit-transform: scale(1.01);
          transform: scale(1.01);
          -webkit-transition: all 1.5s cubic-bezier(.11,.52,.53,.79) 0s;
          transition: all 1.5s cubic-bezier(.11,.52,.53,.79) 0s;
        }
      }
      &__read-more {
        position: absolute;
        top: 50%;
        left: 50%;
        display: inline-block;
        font-size: 13px;
        font-weight: 700;
        line-height: 20px;
        text-transform: uppercase;
        color: #002866;
        background: #FFEE00;
        margin-top: 30px;
        padding: 6px 15px;
        opacity: 0;
        border-radius: 2px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: all 0.6s;
        transition: all 0.6s;
      }
      &__content {
        display: flex;
        align-items: center;
      }
      &__content-header {
        width: 60%;
        padding: 20px 40px;
      }
      &__title {
        font-size: 22px;
        font-weight: 600;
        line-height: 1.25;
        margin-bottom: 12px;
        color: #002866;
        a {
          color: inherit;
        }
      }
      &__date {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        text-transform: uppercase;
        color: #4D6995;
      }
      &__address {
        position: relative;
        width: 40%;
        padding: 20px 40px;
        &:before {
          content: "";
          position: absolute;
          top: 50%;
          left: 0;
          width: 1px;
          height: 50px;
          background: #7889A4;
          margin-top: -25px;
        }
      }
      &__address-tile {
        font-size: 16px;
        font-weight: 600;
        line-height: 1.25;
        color: #002866;
        margin-bottom: 8px;
      }
      .tribe-address {
        display: block;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        color: #4D6995;
      }

@media( max-width: $break-sm - 0.02 ) {
        &.has-thumbnail {
          .elementor-event {
            &__content {
              flex-direction: column;
              padding: 24px 16px;
            }
            &__content-header, &__address {
              width: 100%;
              padding: 0;
            }
            &__address {
              &:before {
                display: none;
              }
            }
            &__address-tile {
              display: none;
            }
          }
        }
        &__content {
          padding: 0;
        }
        &__content-header,
        &__address {
          padding: 24px 16px;
        }
        &__title {
          margin-bottom: 8px;
        }
      }

@media( max-width: $break-xs - 0.02 ) {
        flex-direction: column;
        &.has-thumbnail {
          .elementor-event {
            &__content {
              width: 100%;
            }
          }
        }
        &__thumbnail-wrap {
          width: 100%;
        }
        &__thumbnail {
          padding-bottom: 66% !important;
        }
        &__content {
          padding: 24px 16px;
        }
      }

}
  }
  &--skin-list-changtse {
    .elementor-event {
      background: #FFFFFF;
      overflow: hidden;
      -webkit-transition: all .3s;
      transition: all .3s;
      &:hover {
        .elementor-event {
          &__thumbnail img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
          }
          &__read-more {
            opacity: 1;
          }
        }
      }
      &.has-thumbnail {
        display: flex;
        align-items: center;
        .elementor-event {
          &__content {
            width: calc(100% - 170px);
            padding-left: 20px;
          }
        }
      }
      &__thumbnail-wrap {
        position: relative;
        width: 170px;
      }
      &__thumbnail {
        position: relative;
        overflow: hidden;
        padding-bottom: 66%;
        background: #e7e6e4;
        border-radius: 5px;
        img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
          -webkit-transition: all 1.5s cubic-bezier(.11,.52,.53,.79) 0s;
          transition: all 1.5s cubic-bezier(.11,.52,.53,.79) 0s;
        }
      }
      &__read-more {
        position: absolute;
        top: 50%;
        left: 50%;
        display: inline-block;
        font-size: 13px;
        font-weight: 700;
        line-height: 20px;
        text-transform: uppercase;
        color: #fff;
        background: #e05d41;
        padding: 6px 15px;
        opacity: 0;
        border-radius: 4px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
      }
      &__content {

}
      &__content-header {
        width: 100%;
        .event-cate-list{
          font-size: 14px;
          font-weight: 600;
          text-transform: uppercase;
          color: #667a62;
          a {
            color: inherit;
          }
        }
      }
      &__content-info {
        width: 100%;
        display: flex;
        > div:not(:last-child) {
          padding-right: 60px;
          &:after {
            content: "";
            position: absolute;
            top: 50%;
            right: 30px;
            width: 1px;
            height: 30px;
            background: #333;
            margin-top: -15px;
          }
        }
      }
      &__title {
        font-size: 24px;
        font-weight: 600;
        line-height: 1.25;
        margin-bottom: 12px;
        color: #333;
        a {
          color: inherit;
        }
      }
      &__date {
        position: relative;
        white-space: nowrap;
      }
      &__address {
        position: relative;
      }
      &__address-tile {
        font-weight: 600;
        display: block;
        text-transform: uppercase;
        color: #888;
        line-height: 20px;
        font-size: 14px;
        margin-bottom: 0;
      }
      .tribe-address {
        display: block;
        color: #e05d41;
        font-size: 14px;
        font-weight: 600;
      }
      .tribe-date {
        display: block;
        color: #e05d41;
        font-size: 14px;
        font-weight: 600;
      }
      &__date-tile {
        font-weight: 600;
        display: block;
        text-transform: uppercase;
        color: #888;
        line-height: 20px;
        font-size: 14px;
        margin-bottom: 0;
      }

@media( max-width: $break-xs - 0.02 ) {
        flex-direction: column;
        &.has-thumbnail {
          .elementor-event {
            &__content {
              width: 100%;
              padding: 20px 0 0;
            }
          }
        }
        &__thumbnail-wrap {
          width: 100%;
        }
        &__thumbnail {
          padding-bottom: 66% !important;
        }
      }

}
  }
  &--skin-list-baruntse {
    .elementor-filter {
      list-style: none;
      background: #002866;
      margin: 0 0 5px;
      padding: 24px 0;
      li {
        position: relative;
        display: inline-block;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.5;
        color: #FFFFFF;
        padding: 0 32px;
        &:not(:last-child):after {
          content: "";
          position: absolute;
          top: 50%;
          right: 0;
          width: 1px;
          height: 20px;
          background: #C4C4C4;
          -webkit-transform: translateY( -50% );
          transform: translateY( -50% );
        }
        a {
          color: inherit;
          &.active,
          &:hover {
            color: #FFEE00;
          }
        }
      }
    }
    .no-result {
      padding: 30px;
    }
    .elementor-event {
      background: #FFFFFF;
      overflow: hidden;
      border: 1px solid #E8E7E7;
      -webkit-transition: all .3s;
      transition: all .3s;
      &.animate__show {
       -webkit-animation-duration: 1s;
       animation-duration: 1s;
       -webkit-animation-duration: 1s;
       animation-duration: 1s;
       -webkit-animation-fill-mode: both;
       animation-fill-mode: both;
       -webkit-animation-name: fadeIn;
       animation-name: fadeIn;
      }
      &.animate__hide {
       -webkit-animation-duration: 0.5s;
       animation-duration: 0.5s;
       -webkit-animation-duration: 0.5s;
       animation-duration: 0.5s;
       -webkit-animation-fill-mode: both;
       animation-fill-mode: both;
       -webkit-animation-name: fadeOut;
       animation-name: fadeOut;
      }
      &.has-thumbnail {
        display: flex;
        .elementor-event {
          &__content {
            width: calc(100% - 147px);
          }
        }
      }
      &__thumbnail-wrap {
        position: relative;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 147px;
        padding: 24px 0;
        z-index: 1;
        &:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 96px;
          height: 100%;
          background: #FFEE00;
          z-index: -1;
        }
      }
      &__thumbnail {
        position: relative;
        overflow: hidden;
        width: 102px;
        height: 102px;
        background: #e7e6e4;
        border-radius: 50%;
        &:hover {
          img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
          }
        }
        img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
          -webkit-transition: all 1.5s cubic-bezier(.11,.52,.53,.79) 0s;
          transition: all 1.5s cubic-bezier(.11,.52,.53,.79) 0s;
        }
      }
      &__content {
        display: flex;
      }
      &__content-column {
        display: flex;
        align-items: center;
        padding: 24px 16px;
        &:not(:last-child) {
          border-right: 1px solid #E8E7E7;
        }
      }
      &__content-inner {
        width: 100%;
      }
      &__content-header {
        width: calc(50% - 200px);
      }
      &__category {
        width: 200px;
      }
      &__address {
        width: calc(50% - 140px);
      }
      &__read-more {
        width: 140px;
      }
      &__title {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.25;
        margin-bottom: 12px;
        color: #002866;
        a {
          color: inherit;
        }
      }
      &__date {
        font-size: 18px;
        font-weight: 400;
        line-height: 1.5;
        color: #7889A4;
      }
      &__category,
      &__address {
        font-size: 18px;
        line-height: 1.5;
        text-align: center;
        color: #7889A4;
        a {
          color: inherit;
        }
      }
      &__category-title,
      &__address-title {
        font-size: 18px;
        line-height: 1.25;
        color: #002866;
        margin-bottom: 12px;
      }
      &__read-more {
        text-align: center;
        a {
         display: inline-block;
         font-size: 14px;
         font-weight: 700;
         line-height: 20px;
         text-transform: uppercase;
         color: #002866;
         background: #FFEE00;
         padding: 10px 30px;
         border-radius: 2px;
         &:hover {
           color: #FFFFFF;
           background: #002866;
         }
       }
      }

@media( max-width: $break-md - 0.02 ) {
        &__content-header,
        &__address {
          width: 50%;
        }
        &__category,
        &__read-more {
          display: none;
        }

}

@media( max-width: $break-sm - 0.02 ) {
        &__content {
          flex-direction: column;
          padding: 24px 16px;
        }
        &__content-column {
          border: none !important;
        }
        &__content-header,
        &__address {
          width: 100%;
          padding: 0;
        }
        &__address {
          text-align: left;
        }
        &__title {
          margin-bottom: 8px;
        }
        &__address-title {
          display: none;
        }
      }

@media( max-width: $break-xs - 0.02 ) {
        &.has-thumbnail {
          .elementor-event {
            &__content {
              width: calc(100% - 96px);
            }
          }
        }
        &__thumbnail-wrap {
          width: 96px;
          &:before {
            width: 56px;
          }
        }
        &__thumbnail {
          width: 86px;
          height: 86px;
        }

&_title {
          font-size: 20px;
        }
        &__date,
        &__address {
          font-size: 16px;
        }

}

}
  }

&--skin-list-coropuna {
    .elementor-event {
      position: relative;
      overflow: hidden;
      -webkit-transition: all .3s;
      transition: all .3s;
      &.has-date {
        .elementor-event {
          &__content {
            margin-left: 60px;
            padding: 40px 40px 40px 100px;
          }
        }
      }
      &.has-read-more {
        .elementor-event {
          &__content {
            margin-left: 0;
            padding: 40px 110px 40px 40px;
          }
        }
      }
      &.has-date.has-read-more {
        .elementor-event {
          &__content {
            margin-left: 60px;
            padding: 40px 110px 40px 100px;
          }
        }
      }
      &__date {
        position: absolute;
        top: 50%;
        left: 0;
        width: 120px;
        height: 120px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 40px;
        font-weight: 700;
        line-height: 1.25;
        text-transform: uppercase;
        color: #4E3629;
        background: #FFFFFF;
        z-index: 3;
        margin-top: -60px;
        border: 5px solid #4E3629;
        &:before {
          content: "";
          position: absolute;
          bottom: -5px;
          left: 50%;
          width: 40px;
          height: 6px;
          background: #BFCC80;
          margin-left: -20px;
        }
        .month {
          font-size: 24px;
        }
      }
      &__content {
        position: relative;
        background: #FFFFFF;
        z-index: 1;
        padding: 40px;
      }
      &__title {
        font-size: 22px;
        font-weight: 500;
        line-height: 1.25;
        color: #4E3629;
        margin-bottom: 8px;
        a {
          color: inherit;
        }
      }
      &__meta {
        list-style: none;
        margin: 0;
        padding: 0;
        li {
          display: inline-block;
          font-size: 13px;
          font-weight: 500;
          line-height: 1.25;
          text-transform: uppercase;
          color: #BFCC80;
          &:not(:last-child) {
            margin-right: 40px;
          }
          svg {
            display: inline-block;
            vertical-align: middle;
            fill: #BFCC80;
            margin: -3px 4px 0 1px;
          }
        }
      }
      &__read-more {
        position: absolute;
        top: 0;
        right: 0;
        width: 72px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        fill: #4E3629;
        background: #BFCC80;
        &:hover {
          color: #FFFFFF;
          background: #4E3629;
        }
        svg {
          fill: currentColor;
        }
      }

@media( max-width: $break-xs - 0.02 ) {
        &.has-date {
          .elementor-event {
            &__content {
              margin: 60px 0 0 0;
              padding: 90px 16px 30px 16px;
            }
          }
        }
        &.has-read-more {
          .elementor-event {
            &__content {
              margin: 0;
              padding: 30px 88px 80px 16px;
            }
          }
        }
        &.has-date.has-read-more {
          .elementor-event {
            &__content {
              margin: 60px 0 0 0;
              padding: 90px 16px 80px 16px;
            }
          }
        }
        &__date {
          top: 0;
          left: 16px;
          margin-top: 0;
        }
        &__content {
          padding: 30px 16px;
        }
        &__read-more {
          top: auto;
          bottom: 0;
          width: 100%;
          height: 50px;
        }
      }

}

&--skin-grid-andrus {
    .elementor-event {
      position: relative;
      overflow: hidden;
      background: #FFFFFF;
      border-radius: 3px;
      -webkit-transition: all .3s;
      transition: all .3s;
      &:hover {
        .elementor-event {
          &__thumbnail img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
          }
        }
      }
      &__thumbnail {
        position: relative;
        overflow: hidden;
        background: #e7e6e4;
        padding-bottom: 66.66%;
        img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
          -webkit-transition: all 1.5s cubic-bezier(.11,.52,.53,.79) 0s;
          transition: all 1.5s cubic-bezier(.11,.52,.53,.79) 0s;
        }
      }
      &__content {
        padding: 30px;
      }
      &__date {
        font-size: 13px;
        font-weight: 700;
        line-height: 1.5;
        text-transform: uppercase;
        color: #898989;
        margin-bottom: 8px;
        svg {
          display: inline-block;
          vertical-align: middle;
          fill: #fed700;
          margin: -3px 4px 0 1px;
        }
      }
      &__title {
        font-size: 22px;
        font-weight: 800;
        line-height: 1.25;
        color: #333333;
        margin-bottom: 8px;
        a {
          color: inherit;
        }
      }
      &__address {
        font-size: 14px;
        line-height: 1.5;
        color: #fed700;
        svg {
          display: inline-block;
          vertical-align: middle;
          fill: currentColor;
          margin: -3px 4px 0 1px;
        }
      }
      &__read-more {
        display: block;
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        text-transform: uppercase;
        text-align: center;
        color: #FFFFFF;
        background: #12041a;
        padding: 12px 30px;
        &:hover {
          color: #333333;
          background: #FDD704;
        }
      }

@media( max-width: $break-xs - 0.02 ) {
        &__content {
          padding: 30px 16px;
        }
      }

}
  }

&--skin-grid-changla {
    .elementor-event {
      position: relative;
      overflow: hidden;
      background: #FFFFFF;
      border-radius: 3px;
      -webkit-box-shadow: 0 5px 30px rgba(#000000, 0.1);
      box-shadow: 0 5px 30px rgba(#000000, 0.1);
      -webkit-transition: all .3s;
      transition: all .3s;
      &:hover {
        .elementor-event {
          &__thumbnail img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
          }
        }
      }
      &.has-meta {
        .elementor-event {
          &__content {
            margin-bottom: 50px;
          }
        }
      }
      &__thumbnail {
        position: relative;
        overflow: hidden;
        background: #e7e6e4;
        padding-bottom: 66.66%;
        img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
          -webkit-transition: all 1.5s cubic-bezier(.11,.52,.53,.79) 0s;
          transition: all 1.5s cubic-bezier(.11,.52,.53,.79) 0s;
        }
      }
      &__content {
        padding: 30px;
      }
      &__title {
        font-size: 22px;
        font-weight: 700;
        line-height: 1.25;
        color: #333333;
        margin-bottom: 8px;
        a {
          color: inherit;
          &:hover {
            color: #1f3ddc;
          }
        }
      }
      &__address {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        color: #999999;
        svg {
          display: inline-block;
          vertical-align: middle;
          fill: currentColor;
          margin: -3px 4px 0 1px;
        }
      }
      &__meta {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        display: flex;
        align-items: center;
        background: #f5f5f5;
      }
      &__date,
      &__organizer {
        width: 50%;
        font-size: 14px;
        font-weight: 400;
        line-height: 50px;
        text-align: center;
        color: #333333;
        padding: 0 16px;
      }
      &__date {
        font-weight: 700;
        text-transform: uppercase;
        color: #FFFFFF;
        background: #1f3ddc;
      }

@media( max-width: $break-xs - 0.02 ) {
        &__content {
          padding: 30px 16px;
        }
      }

}
  }

&--skin-grid-havsula {
    .elementor-event {
      position: relative;
      overflow: hidden;
      text-align: center;
      background: #FFFFFF;
      -webkit-transition: all .3s;
      transition: all .3s;
      &__thumbnail {
        position: relative;
        overflow: hidden;
        background: #e7e6e4;
        margin-bottom: 8px;
        padding-bottom: 85%;
        img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }
      &__overlay {
        position: absolute;
        top: 90%;
        left: calc(50% - 800px);
        width: 1600px;
        height: 1600px;
        background: #FFFFFF;
        z-index: 1;
        border-radius: 800px;
      }
      &__category {
        position: absolute;
        top: 15px;
        left: 15px;
        font-size: 12px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #FFFFFF;
        background: #ec2127;
        z-index: 3;
        padding: 0 8px;
        border-radius: 20px;
        a {
          color: inherit;
        }
      }
      &__read-more {
        position: absolute;
        top: 100%;
        left: 50%;
        width: 80px;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #FFFFFF;
        background: #ec2127;
        margin: -40px 0 0 -40px;
        z-index: 3;
        opacity: 0;
        visibility: hidden;
        border-radius: 80px;
        -webkit-transition: 1s cubic-bezier(.91,.27,.52,.84);
        transition: 1s cubic-bezier(.91,.27,.52,.84);
        svg {
          fill: currentColor;
        }
      }
      &__content {
        padding: 0 15px 30px;
      }
      &__title {
        font-size: 22px;
        font-weight: 700;
        line-height: 1.25;
        color: #333333;
        margin-bottom: 8px;
        a {
          color: inherit;
          &:hover {
            color: #ec2127;
          }
        }
      }
      &__meta {
        list-style: none;
        margin: 0;
        padding: 0;
        li {
          display: block;
          font-size: 13px;
          font-weight: 400;
          line-height: 1.75;
          text-transform: uppercase;
          color: #444444;
          &:not(:last-child) {
            margin-right: 8px;
          }
          svg {
            display: inline-block;
            vertical-align: middle;
            margin: -3px 4px 0 1px;
          }
        }
      }
      &:hover {
        .elementor-event {
          &__read-more {
            top: 50%;
            opacity: 1;
            visibility: visible;
          }
        }

}
    }
  }

&--skin-grid-castor {
    .elementor-event {
      display: flex;
      position: relative;
      overflow: hidden;
      background: #FFFFFF;
      padding: 30px;
      border: 1px solid #eaeaea;
      border-radius: 15px;
      -webkit-box-shadow: 0 2px 4px rgba(#000000, 0.1);
      box-shadow: 0 2px 4px rgba(#000000, 0.1);
      -webkit-transition: all .3s;
      transition: all .3s;
      &__icon {
        color: #4892da;
        svg {
          fill: currentColor;
        }
      }
      &__content {
        width: calc(100% - 50px);
        padding-left: 30px;
      }
      &__date {
        font-size: 16px;
        font-weight: 700;
        line-height: 1.5;
        text-transform: uppercase;
        color: #4892da;
        margin-bottom: 12px;
        .date {
          display: block;
          font-size: 36px;
          line-height: 1;
        }
      }
      &__title {
        font-size: 22px;
        font-weight: 800;
        line-height: 1.25;
        color: #333333;
        margin-bottom: 16px;
        a {
          color: inherit;
        }
      }
      &__organizer {
        font-size: 14px;
        font-weight: 700;
        line-height: 1.5;
        color: #4C4C4C;
        margin-bottom: 8px;
        span {
          text-transform: uppercase;
          color: #4892da;
        }

}
      &__address {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        color: #4C4C4C;
        margin-bottom: 30px;
        svg {
          display: inline-block;
          vertical-align: middle;
          fill: #4892da;
          margin: -3px 4px 0 1px;
        }
      }
      &__read-more {
        display: inline-block;
        font-size: 13px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #FFFFFF;
        background: #4892da;
        padding: 12px 30px;
        border-radius: 15px;
      }

@media( max-width: $break-xs - 0.02 ) {
        flex-direction: column;
        padding: 34px 16px;
        &__content {
          width: 100%;
          margin-top: 10px;
          padding-left: 0;
        }
      }

}
  }

&--skin-grid-grouse {
    .elementor-event {
      position: relative;
      overflow: hidden;
      -webkit-transition: all .3s;
      transition: all .3s;
      &:hover {
        .elementor-event {
          &__thumbnail img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
          }
        }
      }
      &.has-thumbnail {
        .elementor-event {
          &__content {
            padding-top: 30px;
          }
          &__date {
            position: absolute;
            top: -60px;
            left: 20px;
            margin-bottom: 0;
          }
        }
      }
      &__thumbnail {
        position: relative;
        overflow: hidden;
        line-height: 0;
        background: #e7e6e4;
        padding-bottom: 66.66%;
        border-radius: 5px;
        img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
          -webkit-transition: all 1.5s cubic-bezier(.11,.52,.53,.79) 0s;
          transition: all 1.5s cubic-bezier(.11,.52,.53,.79) 0s;
        }
      }
      &__content {
        position: relative;
        padding-top: 0;
      }
      &__date {
        display: inline-flex;
        flex-direction: column;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.5;
        text-transform: uppercase;
        text-align: center;
        color: #FFFFFF;
        background: #da9100;
        margin-bottom: 15px;
        padding: 10px 18px;
        border-radius: 5px;
        .date {
          font-size: 24px;
        }
      }
      &__meta {
        list-style: none;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        color: #da9100;
        margin: 0 0 12px;
        padding: 0;
        span {
          color: #666666;
        }
        li {
          display: inline-block;
          &:not(:last-child):after {
            content: "-";
            display: inline-block;
            vertical-align: middle;
            color: #666666;
            margin: 0 4px;
          }
        }
      }
      &__title {
        font-size: 20px;
        font-weight: 700;
        line-height: 1.25;
        text-transform: uppercase;
        color: #333333;
        margin-bottom: 12px;
        a {
          color: inherit;
          &:hover {
            color: #da9100;
          }
        }
      }
      &__address {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        color: #666666;
        svg {
          display: inline-block;
          vertical-align: middle;
          fill: #da9100;
          margin: -3px 4px 0 1px;
        }
      }

}
  }

&--skin-grid-sankar {
    .elementor-event {
      position: relative;
      overflow: hidden;
      background: #FFFFFF;
      -webkit-transition: all .3s;
      transition: all .3s;
      &:hover {
        .elementor-event {
          &__thumbnail img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
          }
        }
      }
      &.has-thumbnail {
        .elementor-event {
          &__content {
            margin-top: 0;
          }
        }
      }
      &__thumbnail {
        position: relative;
        overflow: hidden;
        background: #e7e6e4;
        padding-bottom: 66.66%;
        border-radius: 5px;
        img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
          -webkit-transition: all 1.5s cubic-bezier(.11,.52,.53,.79) 0s;
          transition: all 1.5s cubic-bezier(.11,.52,.53,.79) 0s;
        }
      }
      &__content {
        position: relative;
        margin-top: 30px;
        padding: 50px 0 0 30px;
      }
      &__meta {
        position: absolute;
        top: -30px;
        left: 30px;
        max-width: 200px;
        font-size: 13px;
        font-weight: 400;
        line-height: 1.5;
        background: #FFFFFF;
        padding: 10px 30px 10px 10px;
        border-radius: 5px;
        -webkit-box-shadow: 0 0 30px 0 rgba(#000000, 0.1);
        box-shadow: 0px 0px 30px rgba(#000000, 0.1);
      }
      &__organizer {
        display: flex;
        align-items: center;
        .thumb {
          width: 40px;
          height: 40px;
          background: #e7e6e4;
          img {
            width: 100%;
            height: 100%;
            object-fit: cover;
          }
        }
        .infor {
          width: calc(100% - 40px);
          font-size: 14px;
          font-weight: 700;
          line-height: 1.2;
          text-transform: uppercase;
          color: #333333;
          padding-left: 12px;
          span {
            display: block;
            font-size: 13px;
            font-weight: 400;
            text-transform: none;
            color: #347d7a;
          }
        }
      }
      &__address {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 15px;
        right: -20px;
        width: 40px;
        height: 40px;
        text-align: center;
        color: #347d7a;
        background: #FFFFFF;
        border: 2px solid #347d7a;
        border-radius: 40px;
        svg {
          fill: currentColor;
        }
        &:hover {
          color: #FFFFFF;
          background: #347d7a;
          .tribe-address {
            opacity: 1;
          }
        }
      }
      .tribe-address {
        position: absolute;
        bottom: 100%;
        left: 50%;
        width: 160px;
        color: #347d7a;
        background: #FFFFFF;
        padding: 4px;
        opacity: 0;
        border-radius: 3px;
        -webkit-transform: translateX(-50%) translateY(-10px);
        transform: translateX(-50%) translateY(-10px);
        -webkit-box-shadow: 0 0 30px 0 rgba(#000000, 0.1);
        box-shadow: 0px 0px 30px rgba(#000000, 0.1);
        -webkit-transition: all .4s;
        transition: all .4s;
      }
      &__title {
        font-size: 22px;
        font-weight: 700;
        line-height: 1.25;
        color: #333333;
        margin-bottom: 8px;
        a {
          color: inherit;
        }
      }
      &__date {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        color: #555555;
        span {
          color: #347d7a;
        }
      }

@media( max-width: $break-xs - 0.02 ) {
        &__content {
          padding: 50px 0 0 15px;
        }
        &__meta {
          left: 15px;
          max-width: 190px;
        }
      }
    }
  }

&--skin-grid-manaslu {
    .elementor-event {
      position: relative;
      overflow: hidden;
      background: #FFFFFF;
      border-radius: 15px;
      -webkit-box-shadow: 0px 10px 30px rgba(16, 19, 24, 0.1);
      box-shadow: 0px 10px 30px rgba(16, 19, 24, 0.1);
      -webkit-transition: all .3s;
      transition: all .3s;
      &:hover {
        .elementor-event {
          &__thumbnail img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
          }
        }
      }
      &__thumbnail {
        position: relative;
        overflow: hidden;
        line-height: 0;
        background: #e7e6e4;
        padding-bottom: 66.66%;
        img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
          -webkit-transition: all 1.5s cubic-bezier(.11,.52,.53,.79) 0s;
          transition: all 1.5s cubic-bezier(.11,.52,.53,.79) 0s;
        }
      }
      &__content {
        padding: 30px;
        @media( max-width: $break-xs - 0.02 ) {
          padding: 24px 16px;
        }
      }
      &__title {
        font-size: 22px;
        font-weight: 700;
        line-height: 1.25;
        color: #101318;
        margin-bottom: 12px;
        a {
          color: inherit;
          &:hover {
            color: #3780FF;
          }
        }
      }
      &__meta {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        color: #101318;
        margin-bottom: 20px;
        > div {
          display: inline-block;
          &:not(:last-child):after {
            content: "|";
            display: inline-block;
            margin: 0 4px;
          }
        }
      }
      &__organizer {
        font-weight: 600;
      }
      &__date {
        display: flex;
        align-items: center;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        color: #101318;
        .calendar {
          display: flex;
          flex-direction: column;
          width: 60px;
          font-size: 20px;
          text-align: center;
          background: #EEF0F3;
          overflow: hidden;
          border-radius: 5px;
          span {
            padding: 2px;
          }
          .month {
            font-size: 14px;
            font-weight: 700;
            background: #6EFACC;
          }
        }
        .detail {
          width: calc(100% - 60px);
          padding-left: 15px;
          span {
            display: block;
          }
          .time {
            font-size: 14px;
            font-weight: 700;
            text-transform: uppercase;
          }
        }
      }

}
  }

&--skin-grid-yutmaru {
    .elementor-event {
      position: relative;
      -webkit-transition: all .3s;
      transition: all .3s;
      &.has-thumbnail {
        .elementor-event {
          &__organizer {
            margin: -60px 30px 15px 30px;
          }
        }
      }
      &__thumbnail {
        position: relative;
        overflow: hidden;
        line-height: 0;
        background: #e7e6e4;
        padding-bottom: 66.66%;
        border-radius: 30px;
        img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }
      &__content {
        display: flex;
      }
      &__organizer {
        position: relative;
        width: 220px;
        height: 220px;
        background: #FFFFFF;
        margin: 0 30px 15px 0;
        padding: 15px;
        border-radius: 300px 300px 300px 30px;
        -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
        img {
          width: 100%;
          height: auto;
          border-radius: 50%;
        }
        span {
          position: absolute;
          bottom: -15px;
          right: 15px;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          width: 60px;
          height: 60px;
          color: #FFFFFF;
          background: #009E74;
          border-radius: 100px;
        }
      }
      &__content-inner {
        width: calc(100% - 280px);
        padding-top: 20px;
      }
      &__title {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.29;
        color: #151515;
        margin-bottom: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        a {
          color: inherit;
          &:hover {
            color: #F4B03E;
          }
        }
      }
      &__meta {
        list-style: none;
        font-size: 18px;
        line-height: 1.67;
        color: #151515;
        margin: 0 0 12px;
        padding: 0;
        li:not(:last-child) {
          margin-bottom: 8px;
        }
        svg {
          display: inline-block;
          vertical-align: middle;
          margin: -2px 8px 0 0;
        }
      }
      &__read-more {
        font-size: 18px;
        font-weight: 700;
        line-height: 1.67;
        color: #E45C35;
        &:hover {
          color: #F4B03E;
        }
        svg {
          display: inline-block;
          vertical-align: middle;
          margin: -2px 0 0 8px;
        }
      }

@media( max-width: 1440px ) {
        &__meta,
        &__read-more {
          font-size: 16px;
        }

}

@media( max-width: $break-lg - 0.02 ) {
        &__organizer {
          display: none;
        }
        &__content-inner {
          width: 100%;
        }
      }
    }
  }

&--skin-list-galloway {
    .elementor-event {
      position: relative;
      overflow: hidden;
      -webkit-transition: all .3s;
      transition: all .3s;
      &.has-date {
        display: flex;
        align-items: center;
        .elementor-event {
          &__content {
            width: calc(100% - 120px);
            padding-left: 20px;
          }
        }
      }
      &__date {
        width: 120px;
        height: 120px;
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 11px;
        font-weight: 400;
        line-height: 1.25;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #FFFFFF;
        background: #ffba00;
        border-radius: 3px;
        .date {
          font-size: 24px;
          font-weight: 700;
        }
        .time {
          display: inline-block;
          background: #eba53a;
          margin-top: 8px;
          padding: 4px 8px;
          border-radius: 20px;
        }
      }
      &__title {
        font-size: 20px;
        font-weight: 700;
        line-height: 1.25;
        color: #282828;
        margin-bottom: 8px;
        a {
          color: inherit;
          &:hover {
            color: #ffba00;
          }
        }
      }
      &__address {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        color: #7A7A7A;
        margin-bottom: 8px;
        svg {
          display: inline-block;
          vertical-align: middle;
          fill: currentColor;
          margin: -3px 4px 0 1px;
        }
      }
      &__read-more {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        color: #ffba00;
        svg {
          display: inline-block;
          vertical-align: middle;
          fill: currentColor;
          margin: -3px 1px 0 4px;
        }
      }

@media( max-width: $break-xs - 0.02 ) {
        &.has-date {
          align-items: unset;
          flex-direction: column;
          .elementor-event {
            &__content {
              width: 100%;
              margin: 20px 0 0 0;
              padding: 0;
            }
          }
        }

}

}
  }

&--skin-list-taboche {
    .elementor-event {
      position: relative;
      overflow: hidden;
      -webkit-transition: all .3s;
      transition: all .3s;
      &.has-date {
        .elementor-event {
          &__content {
            margin-left: 60px;
            padding: 20px 40px 20px 100px;
            min-height: 140px;
            display: flex;
            flex-direction: column;
            justify-content: center;
          }
        }
      }
      &.has-read-more {
        .elementor-event {
          &__content {
            margin-left: 0;
            padding: 20px 150px 20px 40px;
            min-height: 140px;
            display: flex;
            flex-direction: column;
            justify-content: center;
          }
        }
      }
      &.has-date.has-read-more {
        .elementor-event {
          &__content {
            margin-left: 60px;
            padding: 20px 150px 20px 100px;
            min-height: 140px;
            display: flex;
            flex-direction: column;
            justify-content: center;
          }
        }
      }
      &__date {
        position: absolute;
        top: 50%;
        left: 0;
        width: 140px;
        height: 140px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 50px;
        font-weight: 700;
        line-height: 1.25;
        text-transform: uppercase;
        color: #222;
        background: #f7db07;
        z-index: 3;
        margin-top: -70px;
        border-radius: 5px;
        .month {
          font-size: 16px;
        }
      }
      &__content {
        position: relative;
        background: rgba(251,251,251,.1);
        z-index: 1;
        padding: 40px;
        border-radius: 5px;
      }
      &__title {
        font-size: 24px;
        font-weight: 400;
        line-height: 1.25;
        color: #fff;
        margin-bottom: 10px;
        a {
          color: inherit;
          &:hover {
            color: #F7DB07;
          }
        }
      }
      &__address {
        font-size: 15px;
        font-weight: 400;
        line-height: 1.25;
        color: #bfbfbf;
        svg {
          display: inline-block;
          vertical-align: middle;
          fill: #f7db07;
          margin: -3px 4px 0 1px;
        }
      }
      &__meta {
        list-style: none;
        margin: 0;
        padding: 0;
        li {
          display: inline-block;
          font-size: 15px;
          font-weight: 400;
          line-height: 1.25;
          color: #bfbfbf;
          &:not(:last-child) {
            padding-right: 20px;
            border-right: 1px solid #757575;
          }
          svg {
            display: inline-block;
            vertical-align: middle;
            fill: #f7db07;
            margin: -3px 4px 0 1px;
          }
          &.organizer {
              padding-left: 20px;
          }
        }
      }
      &__read-more {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #333;
        font-size: 16px;
        right: 20px;
        background: #fff;
        width: 130px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        border-radius: 3px;
        top: calc(50% - 22px);
        text-decoration: none;
        svg {
          fill: #333;
        }
      }

@media( max-width: $break-xs - 0.02 ) {
        &.has-date {
          .elementor-event {
            &__content {
              margin: 60px 0 0 0;
              padding: 100px 15px 30px 15px;
            }
          }
        }
        &.has-read-more {
          .elementor-event {
            &__content {
              margin: 0;
              padding: 30px 88px 80px 16px;
            }
          }
        }
        &.has-date.has-read-more {
          .elementor-event {
            &__content {
              margin: 60px 0 0 0;
              padding: 100px 15px 80px 15px;
            }
          }
        }
        &__date {
          top: 0;
          left: 15px;
          margin-top: 0;
        }
        &__content {
          padding: 30px 16px;
        }
        &__read-more {
          top: auto;
          left: 15px;
          bottom: 15px;
        }
      }

}

&--skin-list-paradis {
    .elementor-event {
      position: relative;
      overflow: hidden;
      -webkit-transition: all .3s;
      transition: all .3s;
      &:not(:last-child) {
        border-bottom: 1px dashed #d0cfcf;
      }
      &.has-date {
        display: flex;
        align-items: center;
        .elementor-event {
          &__content {
            width: calc(100% - 120px);
            padding-left: 20px;
          }
        }
      }
      &__date {
        position: relative;
        width: 120px;
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.25;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #367978;
        background: #ef2853;
        padding: 10px;
        .date {
          font-size: 50px;
          font-weight: 700;
          color: #FFFFFF;
        }
        .month-year {
          display: block;
          width: 100%;
          text-align: center;
          background: #FFFFFF;
          margin-top: 8px;
          padding: 4px 8px;
        }
      }
      &__title {
        font-size: 22px;
        font-weight: 700;
        line-height: 1.25;
        color: #367978;
        margin-bottom: 12px;
        a {
          color: inherit;
          &:hover {
            color: #ef2853;
          }
        }
      }
      &__meta {
        list-style: none;
        margin: 0 0 8px;
        padding: 0;
        li {
          display: inline-block;
          font-size: 14px;
          font-weight: 400;
          line-height: 1.5;
          color: #555555;
          &:not(:last-child):after {
            content: "|";
            display: inline-block;
            margin: 0 20px;
          }
          svg {
            display: inline-block;
            vertical-align: middle;
            fill: #ef2853;
            margin: -3px 4px 0 1px;
          }
        }
      }
      &__address {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        color: #555555;
        svg {
          display: inline-block;
          vertical-align: middle;
          fill: #ef2853;
          margin: -3px 4px 0 1px;
        }
      }

}

}
  }

&--skin-list-jorasses {
    .elementor-event {
      background: #FFFFFF;
      overflow: hidden;
      -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.3);
      box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.3);
      -webkit-transition: all .3s;
      transition: all .3s;
      &:hover {
        .elementor-event {
          &__thumbnail img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
          }
        }
      }
      &.has-thumbnail {
        display: flex;
        align-items: center;
        .elementor-event {
          &__content {
            width: calc(100% - 300px);
            padding: 30px 30px 30px 63px;
          }
          &__title {
            padding: 0;
          }
          &__date {
            display: flex;
            flex-direction: column;
            position: absolute;
            top: 50%;
            left: 0;
            -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
          }
        }
      }
      &__thumbnail-wrap {
        position: relative;
        width: 300px;
      }
      &__thumbnail {
        position: relative;
        overflow: hidden;
        padding-bottom: 50%;
        background: #e7e6e4;
        img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
          -webkit-transition: all 1.5s cubic-bezier(.11,.52,.53,.79) 0s;
          transition: all 1.5s cubic-bezier(.11,.52,.53,.79) 0s;
        }
      }
      &__content {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 30px;

}
      &__title {
        width: 45%;
        font-size: 24px;
        font-weight: 700;
        line-height: 1.25;
        overflow: hidden;
        margin-bottom: 12px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        color: #333333;
        padding-left: 20px;
        a {
          color: inherit;
          &:hover {
            color: #ea0028;
          }
        }
      }
      &__date {
        display: flex;
        flex-direction: column;
        min-width: 65px;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        text-align: center;
        text-transform: uppercase;
        color: #FFFFFF;
        background: #001b72;
        padding: 10px;
        border-radius: 2px;
        .date {
          font-size: 22px;
          font-weight: 700;
        }
      }
      &__address {
        display: flex;
        align-items: center;
        width: calc(55% - 150px);
        position: relative;
        padding: 0 20px;
        svg {
          fill: currentColor;
          margin: -3px 4px 0 1px;
        }
      }
      .tribe-address {
        font-size: 15px;
        font-weight: 400;
        line-height: 1.5;
        color: #666666;
      }
      &__read-more {
        display: inline-block;
        width: 150px;
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        text-align: center;
        text-transform: uppercase;
        white-space: nowrap;
        color: #ea0028;
        background: #FFFFFF;
        padding: 10px;
        border: 2px solid #ea0028;
        border-radius: 2px;
        &:hover {
          color: #FFFFFF;
          background: #ea0028;
        }
      }

@media( max-width: $break-lg - 0.02 ) {
        &.has-thumbnail {
          .elementor-event {
            &__read-more {
              display: none;
            }
          }
        }
        &__address {
          width: 55%;
          padding: 0 0 0 20px;
        }
      }

@media( max-width: $break-md - 0.02 ) {
        &__content {
          flex-direction: column;
          align-items: start;
        }
        &__title, &__address {
          width: 100%;
          padding: 0;
        }
      }

@media( max-width: $break-sm - 0.02 ) {
        flex-direction: column;
        &.has-thumbnail {
          .elementor-event {
            &__content {
              width: 100%;
              padding: 50px 16px 24px;
            }
            &__date {
              position: absolute;
              top: 0;
              left: 16px;
              transform: translateX(0) translateY(-50%);
              transform: translateX(0) translateY(-50%);
            }
          }
        }
        &__thumbnail-wrap {
          width: 100%;
        }
        &__thumbnail {
          padding-bottom: 66% !important;
        }
        &__content {
          padding: 24px 16px;
        }
        &__date {
          position: static;
          margin-bottom: 20px;
        }
        &__address {
          margin-bottom: 20px;
        }
      }

}
  }

&--skin-list-michelson {
    .elementor-event {
      display: flex;
      align-items: center;
      &.has-thumbnail {
        .elementor-event {
          &__content {
            width: calc(100% - 100px);
          }
        }
      }
      &__thumbnail {
        width: 100px;
        height: 100px;
        overflow: hidden;
        border-radius: 100px;
        img {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }
      &__content {
        display: flex;
        align-items: center;
        width: 100%;
      }
      &__date {
        display: flex;
        flex-direction: column;
        width: 100px;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        text-align: center;
        color: #63b6d1;
        border-right: #e1e1e1 solid 1px;
        .date {
          font-size: 40px;
          font-weight: 800;
          color: #333333;
        }
      }
      &__inner {
        width: calc(100% - 250px);
        padding: 0 20px;
      }
      &__organizer {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        color: #63b6d1;
        margin-bottom: 8px;
        svg {
          display: inline-block;
          vertical-align: middle;
          fill: currentColor;
          margin: -3px 4px 0 1px;
        }
      }
      &__title {
        font-size: 18px;
        font-weight: 700;
        line-height: 1.25;
        text-transform: uppercase;
        color: #333333;
        margin-bottom: 4px;
        a {
          color: inherit;
        }
      }
      .tribe-address {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        color: #63b6d1;
      }
      &__read-more {
        display: inline-block;
        width: 150px;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        text-align: center;
        text-transform: uppercase;
        white-space: nowrap;
        color: #FFFFFF;
        background: #63b6d1;
        padding: 15px;
        border-radius: 30px;
        &:hover {
          background: #000000;
        }
      }

@media(max-width: $break-sm - 0.02) {
        &__inner {
          width: calc(100% - 100px);
          padding: 0 0 0 20px;
        }
        &__read-more {
          display: none;
        }
      }

@media(max-width: $break-xs - 0.02) {
        flex-direction: column;
        align-items: flex-start;
        &.has-thumbnail {
          .elementor-event__content {
              width: 100%;
          }
        }
        &__thumbnail {
          display: none;
        }
      }
    }
  }

&--skin-list-cerredo {
    .elementor-event {
      display: flex;
      align-items: center;
      &:not(:last-child) {
        border-bottom: 1px solid #e4e4e4;
      }
      &.has-thumbnail {
        .elementor-event {
          &__content {
            width: 80%;
          }
        }
      }
      &__thumbnail-wrap {
        display: flex;
        overflow: hidden;
        width: 25%;
        border-radius: 40px;
      }
      &__thumbnail {
        position: relative;
        width: calc(100% - 120px);
        overflow: hidden;
        img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }
      &__date {
        display: flex;
        flex-direction: column;
        width: 120px;
        font-size: 20px;
        font-weight: 700;
        line-height: 1.2;
        text-transform: uppercase;
        text-align: center;
        color: #FFFFFF;
        background: #1b2550;
        padding: 20px 10px;
        .date {
          font-size: 42px;
          color: #d04a48;
        }
      }
      &__content {
        display: flex;
        align-items: center;
        width: 100%;
      }
      &__header {
        width: 45%;
        padding-left: 30px;
      }
      &__title {
        font-size: 28px;
        font-weight: 700;
        line-height: 1.25;
        color: #1a1a1a;
        margin-bottom: 4px;
        a {
          color: inherit;
          &:hover {
            color: #d04a48;
          }
        }
      }
      &__organizer {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        color: #778fc3;
      }
      &__meta {
        list-style: none;
        width: calc(55% - 150px);
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        color: #1a1a1a;
        margin: 0;
        padding: 0 30px;
        li {
          display: block;
          &:not(:last-child) {
            margin-bottom: 12px;
          }
        }
        svg {
          display: inline-block;
          vertical-align: middle;
          fill: currentColor;
          margin: -3px 4px 0 1px;
        }
      }
      .tribe-address {
        font-size: inherit;
        font-weight: inherit;
        line-height: inherit;
        color: #d04a48;
      }
      &__read-more {
        display: inline-block;
        width: 150px;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        text-align: center;
        text-transform: uppercase;
        white-space: nowrap;
        color: #d04a48;;
        background: transparent;
        padding: 14px;
        border: 1px solid #d04a48;
        border-radius: 30px;
        &:hover {
          color: #FFFFFF;
          background: #d04a48;;
        }
      }

@media(max-width: $break-md - 0.02) {
        &.has-thumbnail {
          .elementor-event__content {
            width: 70%;
          }
        }
        &__thumbnail-wrap {
          width: 30%;
        }
        &__read-more {
          display: none;
        }
        &__header {
          width: 55%;
        }
        &__meta {
          width: 45%;
          padding-right: 0;
        }
      }
      @media(max-width: $break-sm - 0.02) {
        flex-direction: column;
        align-items: flex-start;
        &.has-thumbnail {
          .elementor-event__content {
            width: 100%;
          }
        }
        &__thumbnail-wrap {
          width: 280px;
        }
        &__content {
          flex-direction: column;
          align-items: flex-start;
        }
        &__header {
          width: 100%;
          padding: 15px 0;
        }
        &__meta {
          width: 100%;
          padding: 0;
        }
      }
    }
  }

&--skin-list-gangri {
    .elementor-event {
      display: flex;
      align-items: center;
      background: #FFFFFF;
      padding: 20px 20px 20px 0;
      -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
      box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
      &:hover {
        .elementor-event {
          &__thumbnail img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
          }
        }
      }
      &.has-thumbnail {
        margin-left: 70px;
        .elementor-event {
          &__content {
            width: 70%;
          }
        }
      }
      &__thumbnail-wrap {
        width: calc(30% + 70px);
        margin-left: -70px;
      }
      &__thumbnail {
        position: relative;
        overflow: hidden;
        padding-bottom: 50%;
        background: #e7e6e4;
        img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
          -webkit-transition: all 1.5s cubic-bezier(.11,.52,.53,.79) 0s;
          transition: all 1.5s cubic-bezier(.11,.52,.53,.79) 0s;
        }
      }
      &__content {
        display: flex;
        align-items: center;
        width: 100%;
      }
      &__date {
        display: flex;
        flex-direction: column;
        width: 160px;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        text-align: center;
        color: #d45f44;;
        border-right: #e1e1e1 solid 1px;
        .date {
          font-size: 40px;
          font-weight: 800;
          color: #333333;
        }
      }
      &__inner {
        width: calc(100% - 310px);
        padding: 0 30px;
      }
      &__organizer {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        color: #d45f44;
        margin-bottom: 8px;
        svg {
          display: inline-block;
          vertical-align: middle;
          fill: currentColor;
          margin: -3px 4px 0 1px;
        }
      }
      &__title {
        font-size: 18px;
        font-weight: 700;
        line-height: 1.25;
        text-transform: uppercase;
        color: #333333;
        margin-bottom: 4px;
        a {
          color: inherit;
        }
      }
      .tribe-address {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        color: #d45f44;
      }
      &__read-more {
        display: inline-block;
        width: 150px;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        text-align: center;
        text-transform: uppercase;
        white-space: nowrap;
        color: #FFFFFF;
        background: #d45f44;
        padding: 15px;
        &:hover {
          background: #000000;
        }
      }

@media(max-width: $break-md - 0.02) {
        &__inner {
          width: calc(100% - 160px);
          padding: 0 0 0 30px;
        }
        &__read-more {
          display: none;
        }
      }

@media(max-width: $break-sm - 0.02) {
        flex-direction: column;
        align-items: flex-start;
        padding: 15px;
        &.has-thumbnail {
          margin-left: 0;
          .elementor-event__content {
              width: 100%;
          }
        }
        &__thumbnail-wrap {
          width: 100%;
          margin: 0 0 20px;
        }
      }

@media(max-width: $break-xs - 0.02) {
        &__date {
          width: 100px;
        }
        &__inner {
          width: calc(100% - 100px);
          padding: 0 0 0 20px;
        }

}
    }
  }

&--skin-list-cruces {
    .elementor-event {
      display: flex;
      align-items: center;
      background: #F8F8FF;
      border-radius: 10px;
      &:hover {
        .elementor-event {
          &__thumbnail img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
          }
        }
      }
      &.has-thumbnail {
        margin-left: 50px;
        .elementor-event {
          &__content {
            width: 80%;
          }
        }
      }
      &__thumbnail-wrap {
        width: calc(20% + 50px);
        min-width: 160px;
        margin: 25px 0 25px -50px;
      }
      &__thumbnail {
        position: relative;
        overflow: hidden;
        padding-bottom: 100%;
        background: #e7e6e4;
        border-radius: 10px;
        img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
          -webkit-transition: all 1.5s cubic-bezier(.11,.52,.53,.79) 0s;
          transition: all 1.5s cubic-bezier(.11,.52,.53,.79) 0s;
        }
      }
      &__content {
        padding: 25px 30px;
      }
      &__date {
        font-size: 16px;
        line-height: 1.5;
        color: #BFB170;
        margin-bottom: 10px;
        svg {
          fill: currentColor;
          margin-right: 8px;
        }
      }
      &__title {
        font-weight: 600;
        font-size: 26px;
        line-height: 1.3;
        color: #011E41;
        margin-bottom: 20px;
        a {
          color: inherit;
          &:hover {
            color: #BFB170;
          }
        }
      }
      &__meta {
        list-style: none;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        color: #222222;
        margin: 0;
        padding: 0;
        li {
          display: inline-block;
          &:not(:last-child) {
            margin-right: 20px;
          }
        }
        svg {
          display: inline-block;
          vertical-align: middle;
          fill: #222222;
          margin: -3px 8px 0 1px;
        }
      }
      @media(max-width: $break-xs - 0.02) {
        flex-direction: column;
        overflow: hidden;
        &.has-thumbnail {
          margin-left: 0;
          .elementor-event {
            &__content {
              width: 100%;
            }
          }
        }
        &__thumbnail-wrap {
          width: 100%;
          margin: 0;
        }
        &__thumbnail {
          border-radius: 0;
        }
        &__content {
          padding: 25px 15px;
        }
      }
    }
  }

&--skin-cobble-michelson {
    grid-template-areas:
    'item1 item1'
    'item2 item3'
    'item4 item5';
    @media( max-width: $break-sm - 0.02 ) {
      grid-template-areas:
      'item1'
      'item2'
      'item3'
      'item4'
      'item5';
    }
    .elementor-event {
      position: relative;
      min-height: 326px;
      overflow: hidden;
      -webkit-transition: all .3s;
      transition: all .3s;
      &--1 { grid-area: item1; }
      &--2 { grid-area: item2; }
      &--3 { grid-area: item3; }
      &--4 { grid-area: item4; }
      &--5 { grid-area: item5; }
      &__thumbnail {
        position: absolute;
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: 1;
        img {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }
      &__overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(#000000, 0.65);
        z-index: 3;
      }
      &__content {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        max-width: 630px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 5;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
      }
      &__date {
        display: flex;
        flex-direction: column;
        width: 100px;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        text-align: center;
        white-space: nowrap;
        color: #63b6d1;
        padding: 0 20px;
        border-right: #e1e1e1 solid 1px;
        .date {
          font-size: 40px;
          font-weight: 800;
          color: #FFFFFF;
        }
      }
      &__inner {
        padding: 0 20px;
      }
      &__organizer {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        color: #63b6d1;
        margin-bottom: 8px;
        svg {
          display: inline-block;
          vertical-align: middle;
          fill: currentColor;
          margin: -3px 4px 0 1px;
        }
      }
      &__title {
        font-size: 20px;
        font-weight: 700;
        line-height: 1.25;
        color: #FFFFFF;
        margin-bottom: 4px;
        a {
          color: inherit;
        }
      }
      .tribe-address {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        color: #63b6d1;
      }

@media( max-width: $break-sm - 0.02) {
        &__date,
        &__inner {
          padding: 0 15px;
        }
      }
    }
  }

&--skin-cobble-vaccine {
    .elementor-event-wrap {
      display: flex;
      margin: 0 -15px;
      &:nth-child(2n+1) {
        flex-direction: row-reverse;
        justify-content: flex-end;
      }
    }
    .elementor-event {
      padding: 0 15px;
      &:hover {
        .elementor-event {
          &__thumbnail img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
          }
        }
      }
      &--horizontal {
        width: 66.67%;
        .elementor-event {
          &__inner {
            position: relative;
            display: flex;
            align-items: center;
          }
          &__thumbnail {
            width: 45%;
            height: 100%;
          }
          &__content {
            width: 55%;
            padding-left: 24px;
          }
          &__date {
            position: absolute;
            top: 24px;
            right: 24px;
          }
        }
      }
      &--vertical {
        width: 33.33%;
        .elementor-event {
          position: relative;
          &__thumbnail {
            padding-bottom: 66%;
          }
          &__content {
            position: relative;
            padding-top: 24px;
          }
          &__date {
            position: absolute;
            top: -35px;
            right: 24px;
          }
        }
      }
      &__inner {
        height: 100%;
        background: #FFFFFF;
        padding: 24px;
        border-radius: 10px;
        -webkit-box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.15);
      }
      &__thumbnail {
        position: relative;
        overflow: hidden;
        background: #e7e6e4;
        border-radius: 10px;
        img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
          -webkit-transition: all 1.5s cubic-bezier(.11,.52,.53,.79) 0s;
          transition: all 1.5s cubic-bezier(.11,.52,.53,.79) 0s;
        }
      }
      &__mark {
        font-size: 70px;
        font-weight: 700;
        line-height: 1;
        color: #009E74;
        opacity: 0.1;
        margin-bottom: 14px;
      }
      &__date {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 70px;
        height: 70px;
        font-size: 18px;
        line-height: 1;
        color: #FFFFFF;
        text-align: center;
        background: #009E74;
        padding: 4px;
        border-radius: 10px;
        -webkit-box-shadow: 0px 10px 20px rgba(0, 158, 116, 0.3);
        box-shadow: 0px 10px 20px rgba(0, 158, 116, 0.3);
        .day {
          font-size: 30px;
          font-weight: 700;
          line-height: 1;
          color: #FFFFFF;
          margin-bottom: 4px;
        }
      }
      &__category {
        font-size: 18px;
        line-height: 1.67;
        margin-bottom: 14px;
        a {
          display: inline-block;
          color: inherit;
          padding: 1px 12px;
          color: #009E74;
          background: #FFFFFF;
          border: 1px solid #009E74;
          border-radius: 8px;
          &:not(:last-child) {
            margin-right: 8px;
          }
          &:hover {
            color: #FFFFFF;
            background: #009E74;
          }
        }
      }
      &__title {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.29;
        color: #151515;
        margin-bottom: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        a {
          color: inherit;
          &:hover {
            color: #25A5F4;
          }
        }
      }
      &__meta {
        list-style: none;
        font-size: 18px;
        font-weight: 400;
        line-height: 1.5;
        color: #151515;
        margin: 0 0 24px;
        padding: 0;
        li {
          display: block;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          &:not(:last-child) {
            margin-bottom: 12px;
          }
        }
        svg {
          display: inline-block;
          vertical-align: middle;
          fill: #009E74;
          margin: -3px 8px 0 1px;
        }
      }
      &__excerpt {
        font-size: 18px;
        line-height: 1.67;
        color: #8A8A8A;
        margin-bottom: 24px;
        p {
          margin: 0;
        }
      }
      &__read-more {
        display: inline-block;
        font-size: 18px;
        font-weight: 700;
        line-height: 30px;
        color: #FFFFFF;
        padding: 10px 30px;
        background: #25A5F4;
        border-radius: 10px;
        &:hover {
          background: #0052B5;
        }
      }
    }

@media( max-width: 1440px ) {
      .elementor-event {
        &--horizontal .elementor-event__date {
          top: 16px;
          right: 16px;
        }
        &--vertical .elementor-event__date {
          right: 16px;
        }
        &__inner {
          padding: 16px;
        }
        &__mark {
          font-size: 60px;
        }
        &__date,
        &__category,
        &__meta,
        &__excerpt {
          font-size: 16px;
        }
      }
    }

@media( max-width: $break-lg - 0.02 ) {
      .elementor-event {
        &__mark {
          font-size: 52px;
        }
        &__excerpt {
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
        }
      }
    }

@media( max-width: $break-md - 0.02 ) {
      .elementor-event {
        &--horizontal {
          width: 50%;
          .elementor-event {
            &__inner {
              flex-direction: column;
            }
            &__thumbnail {
              width: 100%;
              height: auto;
              padding-bottom: 66%;
            }
            &__content {
              position: relative;
              width: 100%;
              padding: 24px 0 0 0;
            }
            &__date {
              top: -35px;
            }
          }
        }
        &--vertical {
          width: 50%;
        }
        &__mark,
        &__excerpt {
          display: none;
        }
      }
    }

@media( max-width: $break-sm - 0.02 ) {
      .elementor-event-wrap {
        flex-direction: column;
        &:nth-child(2n+1) {
          flex-direction: column;
        }
      }
      .elementor-event {
        &--horizontal,
        &--vertical {
          width: 100%;
        }
      }
    }
  }

}

Ukuran: 80.9 KB