/* Scoped to Hotelcalendar layouts in the popup and TinyMCE editor. */
.hcp-content { container-type:inline-size; container-name:hc-popup; }
.hc-popup-layout { display:flex; flex-direction:column; width:100%; overflow:hidden; background:#fff; color:#252d2c; text-align:left; border-radius:12px; font-family:inherit; line-height:1.6; }
.hc-popup-layout *, .hc-popup-layout *::before, .hc-popup-layout *::after { box-sizing:border-box; }
.hc-popup-layout .hc-popup-photo { flex:1 1 50%; min-width:0; margin:0; }
.hc-popup-layout .hc-popup-photo img { display:block; width:100%; height:auto; max-width:100%; margin:0; border:0; border-radius:0; }
.hc-popup-layout .hc-popup-copy { flex:1 1 50%; min-width:0; padding:28px; }
.hc-popup-layout .hc-popup-copy h2 { color:inherit; font-family:inherit; font-size:clamp(24px,4vw,34px); line-height:1.2; margin:0 0 16px; }
.hc-popup-layout .hc-popup-copy p { margin:0 0 16px; }
.hc-popup-layout .hc-popup-copy > :last-child { margin-bottom:0; }
.hc-popup-layout .hc-popup-eyebrow { font-size:11px; font-weight:700; letter-spacing:2px; color:#756341; }
.hc-popup-layout .hc-popup-button { display:inline-block; max-width:100%; padding:12px 22px; border-radius:6px; background:#273f38; color:#fff; text-decoration:none; font-size:15px; font-weight:600; overflow-wrap:anywhere; }
.hc-popup-layout .hc-popup-button:hover { background:#38564d; color:#fff; }
.hc-popup-layout .hc-popup-button:focus-visible { outline:3px solid #b19867; outline-offset:3px; }
.hc-popup-layout--image-left, .hc-popup-layout--image-right { flex-direction:row; align-items:stretch; }
.hc-popup-layout--image-left .hc-popup-photo img, .hc-popup-layout--image-right .hc-popup-photo img { height:100%; min-height:280px; object-fit:cover; }
.hc-popup-layout--image-top .hc-popup-photo img { max-height:360px; object-fit:cover; }
.hc-popup-layout--text .hc-popup-copy { padding:32px; }
@media (max-width:600px) {
    .hc-popup-layout--image-left, .hc-popup-layout--image-right { flex-direction:column; }
    .hc-popup-layout--image-right .hc-popup-photo { order:-1; }
    .hc-popup-layout .hc-popup-copy { padding:22px; }
    .hc-popup-layout--image-left .hc-popup-photo img, .hc-popup-layout--image-right .hc-popup-photo img { height:auto; min-height:0; max-height:260px; }
}
@container hc-popup (max-width:480px) {
    .hc-popup-layout--image-left, .hc-popup-layout--image-right { flex-direction:column; }
    .hc-popup-layout--image-right .hc-popup-photo { order:-1; }
    .hc-popup-layout .hc-popup-copy { padding:22px; }
    .hc-popup-layout--image-left .hc-popup-photo img, .hc-popup-layout--image-right .hc-popup-photo img { height:auto; min-height:0; max-height:260px; }
}