/* Layout */
body, html { height: 100%; margin: 0; }
body { min-height: 100vh; display: flex; flex-direction: column; font-family: 'Noto Sans', Arial, Helvetica, sans-serif; font-size: 1.125em;
       /*background: url('/css/assets/global_bgr.png') repeat-y 50% 400%;*/ }
body > main.site-main { flex: 1; }
main.site-main .umb-block-grid .umb-block-grid__layout-item:last-child > section { padding-bottom: 8em !important; }

/* Section */
section { padding: 4em 0; position: relative; isolation: isolate; }
section:has(> div.background) { position: relative; isolation: isolate; background-color: #fff;}
section > div.background { position: absolute; inset: 0; background-size: cover; background-position: center; z-index: -1; }

/* Cards */
a.card img { transition: transform 0.25s ease-out, opacity 0.25s ease-out; }
a.card:hover img { transform: scale(1.1);}

/* Cards: Hero */
.card-hero h3.card-title { display: inline-flex; align-items: center; padding: .25em 1em; color: #fff; background-color: var(--brand-primary); border-radius: 1em; font-size: 1.125em; transition: all .3s ease;  }
.card-hero h3.card-title::after { content: "\f061"; font-family: "Font Awesome 6 Free"; font-size: .95em; font-weight: 900; padding-left: .375em; transform: translateX(0); transition: transform .3s ease; } 
.card-hero .card:hover h3.card-title { background-color: var(--brand-primary-hover); color: #fff; }
.card-hero .card:hover h3.card-title::after { transform: translateX(.18em); }

/* Page Wrapper */
:root { --bleed-offset: calc((250px + 24px) / 2 - var(--scrollbar-wd) / 2); }
.page-wrapper { width: 100%; margin-inline: auto; padding-inline: 12px; /* BS gutter */ display: grid; grid-template-columns: 1fr; gap: 0 24px; }
.page-wrapper aside { z-index: 1; padding: 1.5rem 0; position: relative; display: none; }
.page-wrapper aside > nav { position: sticky; padding: 0.5rem; top: 140px; }
.page-wrapper .content section .container { width: 100%; max-width: none; /* let page-wrapper control the width */ margin-inline: auto; }
.page-wrapper .content section > div.background { 
    width: calc(100vw - var(--scrollbar-wd));
    position: absolute;
    left: -12px;
 }
@media (min-width: 576px)  { .page-wrapper { max-width: 540px; } .page-wrapper .content section > div.background { left: calc(-1 * ((100vw - var(--scrollbar-wd) - 540px) / 2 + 12px)); }}
@media (min-width: 768px)  { .page-wrapper { max-width: 720px; } .page-wrapper .content section > div.background { left: calc(-1 * ((100vw - var(--scrollbar-wd) - 720px) / 2 + 12px)); }}
@media (min-width: 992px)  { .page-wrapper { max-width: 960px; grid-template-columns: 250px 1fr; } .page-wrapper aside { display: block; } .page-wrapper .content section > div.background { left: calc(-1 * ((100vw - var(--scrollbar-wd) - 960px) / 2 + 286px)); }
@media (min-width: 1200px) { .page-wrapper { max-width: 1140px; } .page-wrapper .content section > div.background { left: calc(-1 * ((100vw - var(--scrollbar-wd) - 1140px) / 2 + 286px)); }}
@media (min-width: 1400px) { .page-wrapper { max-width: 1320px; } .page-wrapper .content section > div.background { left: calc(-1 * ((100vw - var(--scrollbar-wd) - 1320px) / 2 + 286px)); }}
 
/* Footer */
footer.site-footer { flex-shrink: 0; background-color: rgb(215,215,215); font-size: 0.9375em; }
footer.site-footer .newsletter { background-color: var(--brand-primary); color: #fff; margin-top: -54px; position: relative; z-index: 1; }
footer.site-footer i { color: var(--brand-primary); }

/* Header */
header.site-header { position: fixed; width: 100%; z-index: 10; top: 0; }
header.site-header .header-wrapper { position: absolute; width: 100%; }
header.site-header.scrolled .topbar-wrapper { background-color: var(--brand-primary); }
header.site-header.scrolled .navbar-wrapper { background-color: #fff; border-bottom: 1px #eee solid; }
header.site-header.animate * { transition: all 0.25s ease-in; }
@media (max-width: 767px) { 
    header.site-header .topbar-wrapper { background-color: var(--brand-primary); } 
    header.site-header.scrolled .navbar-wrapper { background-color: #fff; border-bottom: 1px #eee solid; } }

/* Common */
a { text-decoration: none; }
a:hover, .link-primary:focus .link-primary:hover { text-decoration: underline; color: var(--brand-primary-hover); }
h1, h2, h3, h4, h5, h6 { margin-bottom: 0.375em; }
p { margin-bottom: 0.25em; }
p:last-child { margin-bottom: 0.125em; }

/* Header Menu */
#navbarHeader {
    --sm-line-height: normal;
    --sm-dropdowns-navbar-bg: none;
    --sm-dropdowns-navbar-color: #555;
    --sm-dropdowns-navbar-padding-y: 0.25em;
    --sm-dropdowns-navbar-padding-x: 0;
    --sm-dropdowns-nav-link-font-size: 18px;
    --sm-dropdowns-nav-link-font-weight: 600;
    --sm-dropdowns-nav-link-hover-bg: var(--brand-primary-hover);
    --sm-dropdowns-nav-link-hover-color: #fff;
    --sm-dropdowns-nav-link-active-bg: var(--brand-primary-hover);
    --sm-dropdowns-nav-link-expanded-bg: var(--brand-primary-hover);
    --sm-dropdowns-nav-link-padding-y: 0.5em;
    --sm-dropdowns-sub-link-hover-bg: var(--brand-primary-hover);
    /*
    --sm-collapsible-navbar-bg: rgba(4,103,112,100);
    --sm-collapsible-navbar-color: #fff;
    --sm-collapsible-nav-link-hover-bg: rgba(255,255,255,0.15);
    --sm-collapsible-nav-link-active-bg: rgba(255,255,255,0.15);
    --sm-collapsible-nav-link-hover-color: #fff;
    --sm-collapsible-nav-link-expanded-bg: rgba(2,34,36,0.35);
    --sm-collapsible-sub-first-level-bg: rgba(255,255,255,0.15);
    --sm-collapsible-sub-link-color: #fff;
    --sm-collapsible-sub-link-hover-color: #fff;
    */
    --sm-sub-min-width: 16em;
    font-size: 1.375rem;
    background-color: rgba(255,255,255,0.9);
    border-radius: 5px;
    padding: 8px;
}
#navbarHeader a { text-decoration: none !important;}