/* Replacements for behaviour the old CMS scripts used to provide. */

html { scroll-behavior: smooth; }

/* data-uk-sticky header */
.tm-sticky-header { position: sticky; top: 0; z-index: 980; }
/* On phones the logo is taller than the headerbar; keep the white strip below it that the old site had */
@media (max-width: 767px) {
    .tm-sticky-header { padding-bottom: 20px; background: #fff; }
}

/* Main menu dropdowns, centred under their parent (UIkit pos: bottom-center) */
.uk-navbar-nav > li.uk-parent { position: relative; }
.uk-navbar-nav > li > .uk-dropdown { top: 100%; left: 50%; margin-left: -150px; }

/* Visible keyboard focus (the theme removes outlines and colours focused menu links navy-on-navy) */
a:focus-visible, button:focus-visible { outline: 2px solid #b7814f; outline-offset: 2px; }
.uk-nav-navbar > li > a:focus-visible, .uk-navbar-nav > li > a:focus-visible, .uk-nav-offcanvas a:focus-visible { color: #fff; outline: 2px solid #b7814f; outline-offset: -2px; }

/* Home hero (was a single-slide fullscreen slideshow) */
.hero { height: 100vh; min-height: 300px; }
.hero .uk-cover-background { z-index: 0; }
.hero .uk-overlay-panel { z-index: 1; }

/* Parallax banners */
.tm-parallax-dolce-vita { background-position: 50% 0; background-size: cover; background-repeat: no-repeat; }

/* Scroll-in animations: hidden until site.js reveals them (never hidden without JS) */
.js [data-animate]:not(.is-in) { visibility: hidden; }
@media (prefers-reduced-motion: reduce) {
    .js [data-animate]:not(.is-in) { visibility: visible; }
}

/* Footer association logos */
.tm-footer-logo { width: 100%; max-width: 142px; display: block; margin-left: auto; margin-right: auto; }

/* Google map embed */
.embedGoogleMap { width: 100%; height: 400px; border: 0; display: block; }


/* Stacked columns need the spacing UIkit's grid-margin script used to add */
@media (max-width: 767px) {
    .left-inner-text, .right-inner-text { width: 100%; float: none; }
}

/* Home "About" block: the old page got this spacing from two stray empty paragraphs */
.home-about { margin: 25px 0; }

/* Slide-in animations start off-screen; don't let them widen the page on phones
   (the old site briefly zoomed out on some pages because of this) */
main { overflow-x: hidden; }
@supports (overflow-x: clip) { main { overflow-x: clip; } }