<div data-module="card" class="card-standard card-standard--short-form js-card-standard js-card-generic " data-read-more-text="" data-read-less-text="">
<div class="card-standard__image-container">
<figure class="image js-image " data-module="imagelazy" data-is-small-image="">
<img class="image__lowres js-image-lazyload" data-object-fit data-src="" alt="">
<picture class="image__container">
<img class="js-image-lazyload js-fallback-image" data-object-fit data-src="" alt="">
</picture>
</figure>
</div>
<p class="card-standard__page-type js-page-type"></p>
<div class="card-standard__inner">
<h3 class="card-standard__title js-title"></h3>
<p class="card-standard__location js-location-name"></p>
<div class="card-standard__details">
</div>
</div>
</div>
<div data-module="card" class="card-standard card-standard--short-form js-card-standard js-card-generic {{#if isSmall}}card-standard--small{{/if}} {{#if locationName}}has-location{{/if}} {{#if tags}}has-tags{{/if}}" data-read-more-text="{{readMoreText}}" data-read-less-text="{{readLessText}}" {{#if cardId}}data-card-id={{cardId}}{{/if}} {{#if location}}data-longitude="{{location.longitude}}" data-latitude="{{location.latitude}}"{{/if}}>
{{#if location}}{{> @cp-location-marker longitude=location.longitude latitude=location.latitude}}{{/if}}
<div class="card-standard__image-container" {{#if responsiveImage.dominantColour}}style="background-color: #{{responsiveImage.dominantColour}};"{{/if}}>
{{#if webAppMode}}
{{> @cp-like-button likeText}}
{{/if}}
{{#if responsiveImage.isSmallImage}}
<div class="card-standard__small-image-container">
{{> @cp-medium-image lowResolutionUrl=responsiveImage.lowResolutionUrl fallbackImageUrl=responsiveImage.fallbackImageUrl sources=responsiveImage.sources caption=responsiveImage.caption dynamicImage=dynamicImage isSmallImage=responsiveImage.isSmallImage forceLoad=responsiveImage.forceLoad}}
</div>
{{/if}}
{{> @cp-medium-image lowResolutionUrl=responsiveImage.lowResolutionUrl fallbackImageUrl=responsiveImage.fallbackImageUrl sources=responsiveImage.sources caption=responsiveImage.caption dynamicImage=dynamicImage isSmallImage=responsiveImage.isSmallImage forceLoad=responsiveImage.forceLoad}}
</div>
<p class="card-standard__page-type js-page-type">{{pageType}}</p>
<div class="card-standard__inner">
{{#if timeSpan}}<time class="card-standard__read-time js-readtime" datetime="{{timeSpan.stamp}}">{{timeSpan.text}}</time>{{/if}}
<h3 class="card-standard__title js-title">{{title}}</h3>
{{#if starRating}}
<div class="card-standard__rating">
<div class="star-rating star-rating--{{starRating.total}}-max star-rating--{{starRating.rating}}-rating"></div>
<p class="card-standard__rating-text">{{starRating.rating}}/{{starRating.total}}</p>
</div>
{{/if}}
{{#if link}}
<a href="{{#if link.url}}{{link.url}}{{else}}#{{/if}}" class="card-standard__link card-standard__link--external js-link"{{#if link.target}} target="{{link.target}}"{{#ifEquals link.target "_blank"}} rel="noopener"{{/ifEquals}}{{/if}} >{{link.text}}</a>
{{/if}}
<p class="card-standard__location js-location-name">{{locationName}}</p>
<div class="card-standard__details">
{{#if details.description.text}}
<div class="card-standard__description js-truncate-text" data-character-limit="400">
{{details.description.text}}
</div>
{{/if}}
{{#if details.address.text}}
<div class="card-standard__address">
<strong class="card-standard__details-title">{{details.address.title}}</strong>
<p class="card-standard__meta card-standard__meta--has-icon">{{{details.address.icon}}} {{details.address.text}}</p>
</div>
{{/if}}
{{#if details.telephone.text}}
<div class="card-standard__telephone">
<strong class="card-standard__details-title">{{details.telephone.title}}</strong>
<p class="card-standard__meta card-standard__meta--has-icon">{{{details.telephone.icon}}} {{details.telephone.text}}</p>
</div>
{{/if}}
{{#if details.price.text}}
<div class="card-standard__price">
<strong class="card-standard__details-title">{{details.price.title}}</strong>
<p class="card-standard__meta card-standard__meta--has-icon">{{{details.price.icon}}} {{details.price.text}}</p>
</div>
{{/if}}
{{#if details.openClosedDays.text}}
<div class="card-standard__days">
<strong class="card-standard__details-title">{{details.openClosedDays.title}}</strong>
<div class="card-standard__meta">{{{details.openClosedDays.text}}}</div>
</div>
{{/if}}
{{#if details.openClosedTimes.text}}
<div class="card-standard__times">
<strong class="card-standard__details-title">{{details.openClosedTimes.title}}</strong>
<div class="card-standard__meta">{{{details.openClosedTimes.text}}}</div>
</div>
{{/if}}
{{#if details.nearbyAirports.text}}
<div class="card-standard__nearby-airports">
<strong class="card-standard__details-title">{{details.nearbyAirports.title}}</strong>
<p class="card-standard__meta card-standard__meta--has-icon">{{{details.nearbyAirports.icon}}} {{details.nearbyAirports.text}}</p>
</div>
{{/if}}
{{#if details.attributes.title}}
<div class="card-standard__attributes">
<strong class="card-standard__details-title">{{details.attributes.title}}</strong>
{{#if details.attributes.text}}
<p class="card-standard__meta card-standard__meta--has-icon">{{{details.attributes.icon}}} {{details.attributes.text}}</p>
{{/if}}
{{#if details.seasonalAdvice.text}}
<p class="card-standard__meta card-standard__meta--has-icon">{{{details.seasonalAdvice.icon}}} {{details.seasonalAdvice.text}}</p>
{{/if}}
{{#if details.seasonalAvailability.text}}
<p class="card-standard__meta card-standard__meta--has-icon">{{{details.seasonalAvailability.icon}}} {{details.seasonalAvailability.text}}</p>
{{/if}}
</div>
{{/if}}
{{#if tags}}
{{> @cp-hashtags tags }}
{{/if}}
</div>
{{#if detailsLink}}<a href="{{detailsLink.url}}" class="card-standard__link card-standard__details-link card-standard__link--bold js-details-link">{{detailsLink.text}}</a>{{/if}}
</div>
</div>
/* No context defined for this component. */
There are no notes for this item.