/* ToTheLink Excursions Booking 0.9.16
 * Calm, broad curves. The dark layer guarantees solid blue behind the date.
 * Each SVG starts and ends at the same height AND slope, so the moving repeat is seamless.
 */
body .ttl-grid-listing .ttl-card-image,
.ttl-related-excursions .ttl-card-image{overflow:hidden!important}

body .ttl-grid-listing .ttl-card-date-ribbon,
.ttl-related-excursions .ttl-card-date-ribbon{
  position:absolute!important;
  z-index:7!important;
  left:0!important;
  right:0!important;
  bottom:-1px!important;
  width:100%!important;
  height:112px!important;
  min-height:112px!important;
  padding:0!important;
  display:block!important;
  overflow:hidden!important;
  background:transparent!important;
  color:#fff!important;
  text-align:center!important;
  text-shadow:0 1px 3px rgba(0,0,0,.62)!important;
  isolation:isolate!important;
  pointer-events:none!important;
}
body .ttl-grid-listing .ttl-card-date-ribbon::before,
body .ttl-grid-listing .ttl-card-date-ribbon::after,
.ttl-related-excursions .ttl-card-date-ribbon::before,
.ttl-related-excursions .ttl-card-date-ribbon::after{
  content:none!important;
  display:none!important;
  animation:none!important;
  background:none!important;
  clip-path:none!important;
}

body .ttl-grid-listing .ttl-card-wave-box,
.ttl-related-excursions .ttl-card-wave-box{
  position:absolute!important;
  inset:auto 0 0 0!important;
  width:100%!important;
  height:112px!important;
  overflow:hidden!important;
  z-index:1!important;
  pointer-events:none!important;
  background:transparent!important;
  isolation:isolate!important;
}

@keyframes ttl-liotsis-wave-slide-v0914{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}

body .ttl-grid-listing .ttl-card-wave,
.ttl-related-excursions .ttl-card-wave{
  position:absolute!important;
  display:block!important;
  left:0!important;
  right:auto!important;
  bottom:0!important;
  width:200%!important;
  height:112px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background-repeat:repeat-x!important;
  background-size:50% 100%!important;
  background-position:0 bottom!important;
  /* Do not set transform here: the keyframes must own transform or the waves freeze. */
  transform-origin:left bottom!important;
  animation-name:ttl-liotsis-wave-slide-v0914!important;
  animation-timing-function:linear!important;
  animation-iteration-count:infinite!important;
  animation-play-state:running!important;
  will-change:transform!important;
  pointer-events:none!important;
}

/* Broad curves rather than pronounced little waves. */
body .ttl-grid-listing .ttl-card-wave-1,
.ttl-related-excursions .ttl-card-wave-1{
  background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200 100' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'><path d='M0,48 C200,30 400,30 600,48 C800,66 1000,66 1200,48 V100 H0 Z' fill='%23003399'/></svg>")!important;
  opacity:1!important;
  z-index:1!important;
  animation-duration:28s!important;
}
body .ttl-grid-listing .ttl-card-wave-2,
.ttl-related-excursions .ttl-card-wave-2{
  background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200 100' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'><path d='M0,58 C200,70 400,70 600,58 C800,46 1000,46 1200,58 V100 H0 Z' fill='%230066cc'/></svg>")!important;
  opacity:.72!important;
  z-index:2!important;
  animation-duration:22s!important;
}
body .ttl-grid-listing .ttl-card-wave-3,
.ttl-related-excursions .ttl-card-wave-3{
  background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200 100' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'><path d='M0,68 C200,58 400,58 600,68 C800,78 1000,78 1200,68 V100 H0 Z' fill='%230099ff'/></svg>")!important;
  opacity:.50!important;
  z-index:3!important;
  animation-duration:16s!important;
}
body .ttl-grid-listing .ttl-card-wave-4,
.ttl-related-excursions .ttl-card-wave-4{display:none!important;animation:none!important}

body .ttl-grid-listing .ttl-card-date-labels,
.ttl-related-excursions .ttl-card-date-labels{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:13px!important;
  width:100%!important;
  min-height:32px!important;
  padding:0 12px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:1px!important;
  z-index:8!important;
  box-sizing:border-box!important;
  color:#fff!important;
  text-align:center!important;
  text-shadow:0 1px 3px rgba(0,0,0,.65)!important;
}
body .ttl-grid-listing .ttl-card-date-label,
.ttl-related-excursions .ttl-card-date-label{
  position:relative!important;
  z-index:8!important;
  margin:0!important;
  color:#fff!important;
  white-space:nowrap!important;
}
body .ttl-grid-listing .ttl-card-date-labels strong,
.ttl-related-excursions .ttl-card-date-labels strong{
  font-size:18px!important;
  font-weight:900!important;
  line-height:1.08!important;
}
body .ttl-grid-listing .ttl-card-date-labels small,
.ttl-related-excursions .ttl-card-date-labels small{
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.08!important;
}