/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Our Story page
# Media
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Our Story page
--------------------------------------------------------------*/
#our-story-timeline {
  padding-top: 30px;
}
#our-story-timeline .ex_s_lick-track {
  color: #0000 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
}
#our-story-timeline li.ex_s_lick-current span.tl-point {
  font-size: 22px !important;
}
#our-story-timeline .horizontal-nav li.ex_s_lick-current span.tl-point:before {
  border: 2px solid #fff !important;
  background-color: #c32228 !important;
  z-index: 2;
}
#our-story-timeline .horizontal-nav li.ex_s_lick-current span.tl-point:after {
  content: " ";
  border: 5px solid #c32228 !important;
  background-color: #c32228 !important;
  height: 21px;
  width: 21px;
  border-radius: 50%;
  position: absolute;
  bottom: -23px;
  left: 50%;
  margin-left: -8px;
  transition: all .25s;
  box-sizing: border-box;
  z-index: 1;
}
#our-story-timeline .horizontal-nav .ex_s_lick-next,
#our-story-timeline .horizontal-nav .ex_s_lick-prev {
  background: none;
  border: 0;
  font-size: 85px;
  top: 22px;
}
#our-story-timeline .horizontal-nav .ex_s_lick-next {
  right: -50px;
}
#our-story-timeline .horizontal-nav .ex_s_lick-prev {
  left: -50px;
}
.wpex.horizontal-timeline .horizontal-nav li span.tl-point i,
.wpex.horizontal-timeline .horizontal-nav li span.tl-point:before {
  border: 3px solid #000 !important;
  background-color: #000 !important;
}
#our-story-timeline .timeline-details {
  padding: 0 10px;
}
#our-story-timeline .timeline-details > h2 {
  display: none;
}
#our-story-timeline .wpex h2 + .hidden-date + .wptl-excerpt, 
#our-story-timeline .wpex h2 + .wptl-excerpt {
  border-top: 0;
}
#our-story-timeline .wptl-excerpt p {
  margin-bottom: 22px !important;
}
#our-story-timeline .wpex-timeline-label {
  background: #fff;
  border: 3px solid #fff;
  left: 0;
  margin: 0 auto;
  max-width: 575px;
  position: relative;
  right: 0;
  width: 100%; 
}
#our-story-timeline .wpex-timeline-label h2 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
}
#our-story-timeline .wpex-timeline-label img {
  margin: 0 !important;
  max-height: none !important;
  width: 100% !important;
}
#our-story-timeline .horizontal-content.ex_s_lick-slider {
  margin-top: 30px;
  position: relative;
}
#our-story-timeline .horizontal-content.ex_s_lick-slider:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255,255,255, 0);
  border-bottom-color: #fff;
  border-width: 25px;
  margin-left: -25px;
}


/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
@media (max-width: 1000px) {
  #our-story-showroom .wpb_single_image {
    width: 90%;
  }
  #our-story-showroom .wpb_single_image:last-child .vc_single_image-wrapper {
    margin-right: -20px;
  }
}
@media (max-width: 768px) {
  #our-story-showroom .wpb_single_image {
    width: 100% !important;
  }
  #our-story-showroom .wpb_single_image img {
    width: 100vw !important;
  }
  #our-story-showroom .wpb_single_image:last-child {
    margin-top: 0 !important;
  }
  #our-story-showroom .wpb_single_image:first-child {
    margin-bottom: 40px !important;
  }
  #our-story-showroom .wpb_single_image:first-child .vc_single_image-wrapper {
    margin: 100px 0 0 !important;
  }
  #our-story-showroom .wpb_single_image:last-child .vc_single_image-wrapper {
    margin-right: 0 !important;
  }
  #our-story-showroom h2 {
    margin-top: 40px !important;
  }

  #our-story-showroom .wpb_column.vc_col-sm-6 {
    width: 100% !important;
  }
  #our-story-showroom h2 {
    margin-top: 30px !important;
  }
  #our-story-showroom a.ubtn-link {
    padding: 0 !important; 
  }
  #our-story-showroom button {
    width: -webkit-fill-available !important;
  }
  #our-story-timeline {
    padding-top: 30px !important;
    padding-bottom: 20px !important;
  }
  #our-story-timeline h2 {
    font-size: 24px !important;
    line-height: 29px !important;
  }
  #our-story-timeline .ex_s_lick-track li span.tl-point,
  #our-story-timeline .ex_s_lick-track li.ex_s_lick-current span.tl-point {
    font-size: 18px !important;
  }

  #our-story-timeline .wpb_column.vc_column_container {
    padding: 0 !important;
  }
  #our-story-timeline .wpex-timeline-label {
    margin-right: 0 !important;
    width: auto !important;
  }
  #our-story-timeline .ex_s_lick-arrow {
    height: auto !important;
    top: 47px !important;
  }
  #our-story-timeline .fa.fa-angle-right,
  #our-story-timeline .fa.fa-angle-left {
    font-size: 65px !important;
  }

  #our-story-join-our-team button {
    width: -webkit-fill-available !important;
  }
}