#collection-60a281559edaa07c3b301660 {
  #page {
    PADDING-TOP: 0;
  }
}

#collection-6091c1981b456878911bd49e {
  overflow-x: hidden;

  #page {
    PADDING-TOP: 0;
  }

  h2 {
    color: black;
  }


  box-sizing: border-box;

  * {
    box-sizing: border-box;
  }

}

.month h3 {
  margin: 16px 0 12px;
  font-size: 15px;
  font-weight: bold;
  
  @include mq($until: tablet) {
    margin: 24px 0 16px;
  }
}

.events__item--hidden,
.month--hidden {
  display: none;
}

.events-section >
.events__title {
  display: flex;
  align-items: center;
  margin-bottom:  40px;
  justify-content: space-between;

  @include mq($until: tablet) {
    display: block;
    text-align: center;
  }

  h2 {
    font-weight:  bold;
    text-transform: none;
    letter-spacing: 0;
  }

  a {
    background: #FF8B38;
    color: black;
    font-weight:  bold;
    padding: 8px 24px;
    border-radius: 3px;
  }
}

.upcoming-events {
  position: relative;
  padding: 64px 0 64px;
  background: #efefef;

  &:before, &:after {
    width: 66.666vw;
    height :100%;
    content: '';
    display: block;
    position: absolute;
    background: #efefef;

    z-index: 0;
    top: 0;
    left: -66.666vw;
  }

  &:after {
    left:100%;
  }

}


.events {
  width: 100%;
}

.events__item {
  padding-bottom: 12px;
  position: relative;
  z-index: 2;

  p:empty {
    display: none;
  }

  p {
    margin: 0;
  }

  .events__link {
    background: #FFFFFF;
    border: 1px solid #E4E4E4;
    border-radius: 3px;
    display: block;
    transition: all 0.3s ease-in-out;
    overflow: hidden;


    &:hover {
      border: 1px solid #ff8b38;
      box-shadow: 0 0 24px rgba(0,0, 0, 0.1);
    }
  }


.events__block {
  display: flex;
  //padding: 12px 24px;
  padding-right:  12px;

  
  @include mq($until: tablet) {
  display: block;
    padding-right: 0;
  }
  
  @include mq($from: tablet, $until: desktop) {
      flex-wrap: wrap;
  }
}


.events__category {
  opacity: 0.55;
  font-size: 13px;
  color: #000000;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom:  8px !important;

  display: none;
}

.events__content {
  //display: flex;
  //align-items: center;

  padding-top:  12px;

  @include mq($from: desktop) {
    padding-right: 40px;
  }

  @include mq($until: desktop) {
      padding: 24px;
  }
  
  @include mq($from: tablet) {
      flex: 0 0 calc(100% - 380px);
    padding-bottom:  24px;
  }
}

.events__cta {
  padding-top:  12px;

  @include mq($until: desktop) {
    padding-top: 0 !important;
    margin-top: 0 !important;
    padding:  0 24px 24px 24px !important;
  }
  
  @include mq($from: tablet) {
    position: absolute;
    left: 284px;
    bottom: 24px;
  }
}

.events__title {
  margin: 3px 0 0 0 ;
  padding-right: 24px;
  font-size: 20px;
  color: #000000;
  letter-spacing: 0;
  font-weight: bold;

  line-height: 1.3;
  
  @include mq($until: tablet) {
    padding-right: 0;
    font-size: 16px;
  }
  
}

  .events-desc {
    margin-top:  16px;
  }

.events__desc p {
  margin: 0;
  opacity: 0.65;
  font-size: 14px !important;
  line-height: 1.3;

  display: none;
}

.events__media {
  flex: 0 0 260px;
  margin-right: 24px;

  img {
    max-width: 100%;
    margin-bottom:  -7px;

    @include mq($until: desktop) {
      width: 100%;
    }
  }
  
  @include mq($from: tablet, $until: desktop) {
    flex: 0 0 320px;
  }

  @include mq($until: desktop) {
    margin-right: 0;
    width: 100%;
  }
}

.events__datetime {
  flex: 0 0 240px;
}

.events__start {
  line-height:  1.2;
  //margin-bottom:  -6px;
}

.events__date {
  margin-top:  auto;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;

  span {
    color: black !important;
  }
}

  .events-time {
    .time {
      font-size: 13px;
    }
  }

  .events-time {
    display: flex;
  }

  .events__date svg {
    width: 16px;
    height: 16px;
    opacity: 0.6;
    position: relative;
    top: 3px;

    display: none;
  }

  .same-date .events__end .date
     {
      display: none;
    }


  .date-separator {
    margin: 0 4px;
  }

  .same-date {
    .date-separator {
      display: none;
    }
  }

  .events-time {
    display: none;
  }

  .same-date .events-time {
    display: flex;
  }

  .events__cta {
    margin-left:  auto;
    padding-top: 12px;

    @include mq($until: tablet) {
      margin-top: 16px;
    }

    p {

      line-height: 1.2;
     position: relative;
      color: #FF8B38 !important;
      font-weight: bold;
      border-bottom:  2px solid transparent;
      transition: all 0.3s ease-in-out;
      font-size: 14px;

      display: inline-flex;
      align-items: center;

      svg, path {
        width: 16px;
        height: 16px;
        fill: #FF8B38;
        margin-left: 4px;
      }
    }


  }


}



.filters {
  
  @media (max-width: 1023px) {
      background: white;
    z-index: 10000;
  }
  @media (min-width: 1024px) {
    flex: 0 0 200px;
  }



}

.new-filters__form-title {

  @media (max-width: 1023px) {
      display: none;
  }
}


.new-filters__form {
  //display: flex;
  align-items: center;

  padding-bottom: 16px;
  margin-bottom: 32px;

  @media (max-width: 767px) {
    padding: 0 16px;
    margin-bottom: 0;
  }

  @media (max-width: 1023px) {
    display: flex;
    flex-direction: column;

    > * {
      width: 100%;
    }
  }

  .new-filters__form-title {
    margin-bottom: 32px;

    h3 {
      margin: 0 !important;
    }
  }


  .control-group__heading {
    font-weight: 500;
    margin-bottom: 12px;
  }

  .checkbox-wrap {

    margin-bottom: 4px;
    input {
      position: absolute;
      left: -99999px;
      opacity: 0;
      visibility: hidden;
    }

    label {
      min-width: 120px;
      font-weight: 500;
      font-size: 14px;
      line-height: 1.3;
      padding: 4px 12px;
      border: 1px solid lightgray;
      box-shadow: 0 0 8px rgba(0,0,0, 0.1);
      border-radius: 3px;
      display: inline-flex;
      align-items: center;

      svg {
        width: 16px;
        height: 16px;
        margin-right: 4px;
      }
    }

    input:checked ~ label {
      box-shadow: none;
      border: 1px solid $color-orange;
      background: $color-orange
    }
  }
}

.filters__mobile-panel {
  padding-top: 12px;

  @media (min-width: 1024px) {
      display: none !important;
  }
}

.btn--open-filters {
  background: none;
  border: 2px solid $color-orange;
}

.js-filters-close {
  background: none;
  top: 4px;
}

.control-group--apply {
  margin-top: 24px !important;
}

.op-load-more {
  @media (max-width: 1023px) {
    margin-left: 0;
  }
}

.past-events .past-events {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;




  //width: calc(100% + 32px);

  position: relative;
  align-items: stretch;
  min-height: 60px;

  @include mq($from: desktop) {
    margin: 0 -16px !important;
    min-width: calc(100% - 200px);

    flex: calc(100% - 200px);
  }
}



.past-events__item {
  box-sizing: border-box;
  flex: 0 0 33.333%;
  margin: 0 0 36px 0;
  padding: 0 12px;


  position: relative;

  @media (max-width: 767px) {
    flex: 0 0 100%;
    padding: 0;
  }
  
  @include mq($from: tablet, $until: desktop) {
    flex: 0 0 50%;
  }

  p:empty {
    display: none;
  }

  p {
    margin: 0;
  }
}

.cats {
  display: flex;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 8px;
}

.mainCategory, .audience {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  opacity: 0.6;

  svg {
    width: 14px !important;
    margin-right: 4px;
  }

  span {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.5px;
    line-height: 1;
  }
}

.audience {
  //margin-left: 8px;
  //border-left: 1px solid #d7d7d7;
  //padding-left: 8px;
}



.past-events__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  z-index: 3;

  svg {
    width: 48px;
    height: 48px;
    object-fit: contain;
  }
}

.past-events__item--not-video {
  .past-events__icon {
    display: none;
  }
}

.past-events {
  margin-top: 80px;

  @include mq($until: tablet) {
    margin-top: 40px;
  }
}

#content > .past-events {
  margin-top: 0;
}

#content > .past-events .past-events {
  margin-top: 0px !important;
}

#content > .past-events.events-section > .events__title {
  margin-bottom:  0 !important;
}


  svg.f-loader {
    display: inline-block;
    transition: 0.3s;
    border-radius: 5px;
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
  }


  .go path {
    animation-name: ro;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
  }



@keyframes ro {
  100% {
    transform: rotate(360deg) translate(0,0);
  }
}

span.play {
  display: none;
}

.past-events__item {
  transition: opacity 0.3s linear, transform 0.3s ease-in;
  opacity: 1;
  transform: translatey(0);


}

.past-events__item--hidden {
  opacity: 0;
  transform: translatey(4px);
}


.past-events__link{
  border: 0 !important;
  //border-radius: 3px;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: all 0.3s ease-in-out;

  img {
    opacity: 1 !important;
  }


  &:hover {
    //border: 1px solid #ff8b38;
    box-shadow: none !important;
  }
}

//.past-events__block {
//  height: 100%;
//
//  border-bottom: 1px solid #ececec;
//  padding-bottom: 24px;
//}


.past-events__media {
  padding-bottom: 56.25%;
  height: 0;
  position: relative;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0,0,0, 0.1);
  overflow: hidden;

  margin-bottom: 12px;

  img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
  }
}

.past-events header {

  padding: 0 !important;

  .categories {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 4px;
  }
}

.category-webinar {
  .categories {

    display: flex;
    align-items: center;

    &:before {
      content: '';
      display: block;
      margin-right: 4px;
      width: 14px;
      height: 14px;
      position: relative;
      opacity: 0.5;
      top: -2px;
      background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmVyc2lvbj0iMS4wIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiMwMDAwMDAiPjxwYXRoIGQ9Ik00IDJMNCAyMiAyMS4zIDEyeiIgZmlsbD0iIzAwMDAwMCIvPjwvc3ZnPgo=') no-repeat top left;
      background-size: contain;
    }
  }
}

.category-course {
  .categories {

    display: flex;
    align-items: center;

    &:before {
      content: '';
      display: block;
      margin-right: 4px;
      width: 14px;
      height: 14px;
      opacity: 0.5;
      background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTEzLjUsMi41SDkuMzI4Yy0wLjUzLDAtMS4wNzQsMC4xNzktMS40MTQsMC41ODZDNy44MzMsMy4xODMsNy42MjUsMy41LDcuNjI1LDMuNWgtMC4yNWMwLDAtMC4yMDgtMC4zMTctMC4yODktMC40MTRDNi43NDUsMi42NzksNi4yMDIsMi41LDUuNjcyLDIuNUgxLjVjLTAuNTUyLDAtMSwwLjQ0OC0xLDF2OGMwLDAuNTUyLDAuNDQ4LDEsMSwxaDQuMTcyYzAuNTMsMCwxLjA3NCwwLjE3OSwxLjQxNCwwLjU4NkM3LjE2NywxMy4xODMsNy4zNzUsMTMuNSw3LjM3NSwxMy41aDAuMjVjMCwwLDAuMjA4LTAuMzE3LDAuMjg5LTAuNDE0QzguMjU1LDEyLjY3OSw4Ljc5OCwxMi41LDkuMzI4LDEyLjVIMTMuNWMwLjU1MiwwLDEtMC40NDgsMS0xdi04QzE0LjUsMi45NDgsMTQuMDUyLDIuNSwxMy41LDIuNXoiLz48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTIgNS41TDQgNS41TTIgNy41TDQgNy41TTIgOS41TDQgOS41TTUgNS41TDYgNS41TTUgOS41TDYgOS41TTkgNS41TDExIDUuNU05IDcuNUwxMSA3LjVNMTIgNS41TDEzIDUuNSIvPjwvc3ZnPgo=') no-repeat top left;
      background-size: contain;
    }
  }
}

.past-events__title {
  font-size: 18px;
  color: #000000;
  letter-spacing: 0;
  font-weight: 600;
  margin-bottom: 4px !important;
}

.past-events__desc {
  color: black !important;
  font-size: 12px;
  margin-top: 12px;
  opacity: 0.5;
}

.past-events__tags {
  font-size: 13px;
  margin-top: 8px;
  line-height: 1.45;

  text-transform: capitalize;
}

/* Hide extra text, we only this in lightbox */
.past-events__lightbox-content, .past-events__item a > .sqs-layout  {
  display: none;
}



/* Action items global */

.action-item + .spacer-block {
  display: none;
}