{
  "format": 1,
  "slug": "layout-hotel-split",
  "title": "Hotel split, image left",
  "description": "A white 640px split modal with the photograph filling the left 42%: a soft scrim and a small uppercase caption over its foot, then a grey kicker, a serif headline, two lines of copy, the rate beside the crossed-out price, and one dark See the dates button. For boutique hotels and rentals selling a seasonal rate; stacks into a photo banner on phones by itself.",
  "type": "image_and_content",
  "categories": [
    "sales",
    "announcement"
  ],
  "season": "winter",
  "requires": {
    "pro": false,
    "plugins": []
  },
  "preview": "preview.webp",
  "images": [
    "photo.jpg"
  ],
  "popup": {
    "popup_name": "Hotel split, image left",
    "wdpop_item_tab": {
      "popup_type": "image_and_content",
      "popup_image": "{{IMAGE:photo.jpg}}",
      "popup_image_layout": "left",
      "popup_title": "Two nights by the water",
      "Popup_content": "<span class=\"wdpop-eyebrow\">November – February</span><p>Dinner both evenings, a late checkout on Sunday, and the fire lit before you get back from the walk.</p><span class=\"wdpop-price\"><strong>£240</strong><s>£310</s><small>for two, midweek</small></span><span class=\"wdpop-cap\">Loch view · Suite 2</span>",
      "popup_close_text": "",
      "cta_link": {
        "url": "/rooms/",
        "text": "See the dates",
        "target": ""
      },
      "popup_display_mode": "modal",
      "popup_width": "modal-custom-width",
      "popup_custom_width": {
        "width": "640",
        "unit": "px"
      },
      "popup_position": "wdpop_core_middle_center",
      "popup_style_accordions": {
        "style_bg": "#ffffff",
        "style_text": "#5d7480",
        "style_radius": "16",
        "style_padding": {
          "top": "40",
          "right": "36",
          "bottom": "40",
          "left": "36",
          "unit": "px"
        },
        "style_shadow": "large",
        "style_overlay_color": "#0f172a",
        "style_overlay_opacity": "55",
        "style_overlay_blur": "0",
        "style_heading_size": "30",
        "style_heading_weight": "700",
        "style_heading_color": "#12232c",
        "style_body_size": "14",
        "style_align": "left",
        "style_cta_bg": {
          "color": "#12232c",
          "hover": "#1f3a47"
        },
        "style_cta_color": {
          "color": "#ffffff",
          "hover": "#ffffff"
        },
        "style_btn_radius": "8",
        "style_btn_font_size": "14",
        "style_btn_padding": {
          "top": "15",
          "right": "26",
          "bottom": "15",
          "left": "26",
          "unit": "px"
        },
        "style_btn_width": "auto",
        "close_btn_color": {
          "color": "#12232c",
          "hover": "#12232c"
        },
        "close_btn_bg_color": {
          "color": "rgba(255,255,255,0.9)",
          "hover": "#ffffff"
        },
        "close_btn_border_color": {
          "color": "transparent",
          "hover": "transparent"
        },
        "anim_in": "zoom",
        "anim_out": "fade",
        "anim_duration": "350",
        "style_mobile_heading_size": "26",
        "custom_css": "/* Image Layout = Left, 42% photo column with a bottom scrim and a caption pinned over its foot; kicker above the serif heading, the rate row under the copy. Selectors carry .wdpop-root so they outrank Pro's stylesheet, which loads after this CSS. */\n{{POPUP}}.wdpop-root{--wdpop-image-width:42%;--wdpop-image-min-height:392px;--wdpop-image-mobile-height:200px}\n{{POPUP}}.wdpop-root .modal-content{font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;overflow:hidden}\n{{POPUP}}.wdpop-root .wdpop-layout--left .wing--popup-image::after{content:'';position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(rgba(12,26,35,0),rgba(12,26,35,.7));pointer-events:none}\n{{POPUP}}.wdpop-root .wing--popup-content-wrap{display:flex;flex-direction:column;align-items:flex-start;text-align:var(--wdpop-align,left)}\n{{POPUP}}.wdpop-root .wing--popup-content{display:contents}\n{{POPUP}}.wdpop-root .wdpop-eyebrow{order:-1;margin:0 0 12px;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#7a94a1;line-height:1.4}\n{{POPUP}}.wdpop-root .wing--popup-title{margin:0 0 12px;font-family:Georgia,'Times New Roman',Times,serif;line-height:1.15}\n{{POPUP}}.wdpop-root .wing--popup-content p{margin:0 0 22px;line-height:1.65}\n{{POPUP}}.wdpop-root .wdpop-price{display:flex;align-items:baseline;gap:8px;margin:0 0 20px}\n{{POPUP}}.wdpop-root .wdpop-price strong{font-size:28px;font-weight:700;color:#12232c;line-height:1.1}\n{{POPUP}}.wdpop-root .wdpop-price s{font-size:15px;color:#9db1ba}\n{{POPUP}}.wdpop-root .wdpop-price small{font-size:12.5px;color:#7a94a1}\n{{POPUP}}.wdpop-root .wdpop-cta{order:8;margin:0;font-weight:700;line-height:1.2}\n{{POPUP}}.wdpop-root .wdpop-cap{position:absolute;left:20px;bottom:18px;width:calc(var(--wdpop-image-width) - 40px);z-index:1;color:#fff;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;line-height:1.4;text-align:left}\n{{POPUP}}.wdpop-root .wing--popup-close-btn{top:14px;right:16px;width:30px;height:30px;padding:0;border:0;border-radius:50%;line-height:30px;font-size:18px;text-align:center}\n@container wdpop (max-width:520px){{{POPUP}}.wdpop-root .wdpop-cap{left:16px;right:16px;width:auto;bottom:auto;top:calc(var(--wdpop-image-mobile-height) - 16px);transform:translateY(-100%)}}"
      },
      "page_load_events": {
        "page_load_status": "1",
        "popup_delay": "0"
      },
      "frequency_events": {
        "freq_mode": "always"
      }
    }
  }
}