/* xl - DESKTOP STYLES */
/**
* TIMELINE LAYOUT HACK (Simplified Positioning Strategy)
* "Teleports" the image and date to opposite sides using absolute positioning.
* Scraps the complex grid logic to allow natural paragraph flow.
*/
.wp-block-cp-timeline-content-timeline-block + .wp-block-heading {
  margin-top: -3rem;
}
.wp-block-heading + .wp-block-cp-timeline-content-timeline-block {
  margin-top: -3rem;
}
@media (min-width: 768px) {
  /* Standard Entry: Text is on the Right, so move Image to the LEFT */
  /* Alternating Entry: Text is on the Left, so move Image to the RIGHT */
  /* 3. Position the DATE (The Swap)
       We take the date out of the 'Time' side and move it over the 'Detail' side.
    */
  /* Standard Entry: Image is on Left, so move Date to the RIGHT */
  /* Alternating Entry: Image is on Right, so move Date to the LEFT */
  /* 4. The Text Box (.story-details)
       We keep this exactly where the plugin put it, but add a margin 
       so it doesn't overlap the absolute-positioned date above it.
    */
  .cool-timeline-block-list {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    padding: 4rem 0 2rem;
  }
  .cool-timeline-block-list.show {
    opacity: 1;
  }
  div.wp-block-cp-timeline-content-timeline-block-child.swiper-slide .ctlb-block-image {
    position: absolute !important;
    top: 0 !important;
    width: 100% !important;
    /* Spans the opposite column */
    margin: 0 !important;
    z-index: 1 !important;
  }
  div.wp-block-cp-timeline-content-timeline-block-child.swiper-slide .ctlb-block-image img {
    margin: 0 !important;
  }
  div.wp-block-cp-timeline-content-timeline-block-child.swiper-slide .position-right .ctlb-block-image {
    right: calc(100% + 90px) !important;
  }
  div.wp-block-cp-timeline-content-timeline-block-child.swiper-slide .position-left .ctlb-block-image {
    left: calc(100% + 90px) !important;
  }
  div.wp-block-cp-timeline-content-timeline-block-child.swiper-slide .story-time {
    position: absolute !important;
    top: 55px !important;
    width: calc(50% - 35px) !important;
    /* Spans the opposite column */
    margin: 0 !important;
    z-index: 10 !important;
    text-align: left !important;
    padding: 0 20px !important;
    height: auto !important;
  }
  div.wp-block-cp-timeline-content-timeline-block-child.swiper-slide .position-right .story-time {
    right: -8px !important;
  }
  div.wp-block-cp-timeline-content-timeline-block-child.swiper-slide .position-left .story-time {
    left: 0 !important;
  }
  div.wp-block-cp-timeline-content-timeline-block-child.swiper-slide .story-details {
    margin-top: 8px !important;
    position: relative !important;
    z-index: 5 !important;
    padding-top: calc(var(--ctlb-container-top-padding,20px) + 30px) !important;
  }
  div.wp-block-cp-timeline-content-timeline-block-child.swiper-slide .story-details p:not(:last-child) {
    margin-bottom: 10px;
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22%2F%22%2C%22sources%22%3A%5B%22(stdin)%22%2C%22wp-content%2Fcustom_codes%2F14280-scss-desktop.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACMA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAAEA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAEC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAACA%3BAAAA%3BAAAA%3BAAEG%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQH%3BAAAA%3BAAAA%3BAAKG%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAYA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOH%3BAAAA%3BAAAA%3BAAAA%22%7D */