/* La Passion Travel — additions to the compiled design stylesheet (tailwind.css). */

[hidden]:not([hidden="until-found"]) { display: none !important; }

/* Bricks prints the attachment's width/height on images; size images like the design does (classes and inline styles still win). */
@layer base {
	img.brxe-image { width: auto; height: auto; }
}

/* Bricks wraps the header and footer templates in its own landmarks. */
#brx-header, #brx-footer, #brx-content { display: contents; }

/* Scroll reveal (same timing as the static design). */
.lp-reveal { opacity: 0; transform: translateY(28px); transition: opacity 1.1s cubic-bezier(.22,1,.36,1), transform 1.1s cubic-bezier(.22,1,.36,1); }
.lp-reveal.lp-in { opacity: 1; transform: none; }

/* Alternative home pages (Editorial, Immersive): designed on browser defaults, without the Tailwind reset. */
.lp-home-alt :where(*) { margin: revert; padding: revert; font-size: revert; font-weight: revert; line-height: revert; list-style: revert; border-style: revert; border-width: revert; }
.lp-home-alt :where(img, svg, video, canvas) { display: revert; max-width: revert; height: revert; }
.lp-home-alt :where(a) { color: inherit; text-decoration: none; }
[data-lp-home] { line-height: normal; }
body.lp-home-alt { margin: 0; background: #f9f8f6; color: #222; font-family: 'Plus Jakarta Sans', system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
.lp-home-alt a { color: inherit; text-decoration: none; }
.lp-home-alt a:hover { color: #9c7a3c; }
.lp-home-alt button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
.lpe0:hover { color: rgb(197, 160, 89) !important; }
.lpe1:hover { background: rgb(249, 248, 246) !important; color: rgb(34, 34, 34) !important; }
.lpe2:hover { transform: scale(1.06) !important; }
.lpe3:hover { transform: scale(1.04) !important; }
.lpe4:hover { color: rgb(156, 122, 60) !important; }
.lpe5:hover { background: rgb(20, 47, 45) !important; color: rgb(249, 248, 246) !important; }
.lpe6:hover { color: rgb(156, 122, 60) !important; padding-left: 14px !important; }
.lpe7:hover { background: rgb(197, 160, 89) !important; color: rgb(34, 34, 34) !important; border-color: rgb(197, 160, 89) !important; }
.lpe8:hover { background: rgb(156, 122, 60) !important; color: rgb(249, 248, 246) !important; }
.lpe9:hover { background: rgb(34, 34, 34) !important; color: rgb(249, 248, 246) !important; }
.lpi0:hover { color: rgb(197, 160, 89) !important; }
.lpi1:hover { background: rgb(249, 248, 246) !important; color: rgb(34, 34, 34) !important; }
.lpi2:hover { background: rgb(197, 160, 89) !important; color: rgb(34, 34, 34) !important; border-color: rgb(197, 160, 89) !important; }
.lpi3:hover { transform: scale(1.05) !important; }
.lpi4:hover { background: rgb(31, 71, 68) !important; color: rgb(249, 248, 246) !important; }
.lpi5:hover { background: rgb(34, 34, 34) !important; color: rgb(249, 248, 246) !important; }
.lpi6:hover { color: rgb(156, 122, 60) !important; }

/* Logged-in editors: keep the fixed header below the WordPress toolbar. */
body.admin-bar [data-lp-header] { top: 32px; }
@media (max-width: 782px) { body.admin-bar [data-lp-header] { top: 46px; } }