/* Fonts */
p, ul { margin-bottom: 0.75em; font-family: 'Zen Maru Gothic', sans-serif; }
h1 { font-weight: bold; font-size: 2.25em; margin-bottom: 1.5rem; }
h2 { font-size: 1.875em; margin-bottom: 0.875rem; }
h3 { font-size: 1.687em; margin-bottom: 0.75rem; }
h4 { font-size: 1.5em; margin-bottom: 0.5rem; }
.fs-md { font-size: 1.1875rem; line-height: 1.5; }
.fs-lg { font-size: 1.25rem; line-height: 1.6; }
.fs-xl { font-size: 1.3125rem; line-height: 1.7; }

/* Sections */
main { color: #121d2b; line-height: 1.4; font-size: 1.0625rem; min-height: 100vh; }
main h1, main h2, main h3 { color: #253d5b; font-family: 'Tinos'; }
section.content { padding: 40px 0; position: relative; }
section.content.first { padding-top: 60px; }
main section:last-child { padding-bottom: 60px; }
section.dark { color: #fff; }
section.dark h1, section.dark h2, section.dark h3 { color: #fff; }

/* Sections Background */
section.content::after { content: " "; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--mygrid-background-color); background-image: var(--mygrid-background-image); background-size: cover; opacity: var(--mygrid-background-opacity); z-index: -1; }

/* Section blocks */
section .block h3 { border-bottom: 1px #046770 solid; margin-bottom: .25em; padding-bottom: 0.125em; }
section .block { margin-bottom: 1.5em; }

/* Section: Title */
section.title .breadcrumb i { font-size: 0.75rem; padding-bottom: 4px; vertical-align: middle; }
section.title.over-header { margin-top: -99px !important; margin-bottom: 0; height: 100px; z-index: 2; position: relative; }
section.title.over-header .background { position: relative; margin-left: -120px; margin-right: -15px; padding-left: 120px; padding-top: 20px; height: 100px; background: url('/css/assets/title-bg.png'); background-repeat: no-repeat; }
section.title.over-header h1 { text-shadow: 1px 1px 4px #fff; }
section.title.over-header ol.breadcrumb { text-shadow: 0px 0px 2px #fff; }

/* Section: Submenu */
@media (min-width: 992px) {
    nav .navbar-tabbed { color: #253d5b; font-family: 'Zen Maru Gothic', sans-serif; }
    nav .navbar-tabbed .nav-link { border-bottom: 2px solid transparent; transition: all .3s ease; margin: 0 .125em; } 
    nav .navbar-tabbed .nav-link.active { font-weight: 600; border-bottom: 2px solid #253d5b; color: #253d5b; }
    nav .navbar-tabbed .nav-link:hover { border-bottom: 2px solid #253d5b; color: #253d5b; }
}

/* Parallax */
section.parallax { background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }

/* Lists */
.text-center ul li .fa-li, .text-end ul li .fa-li { position: relative; margin-right: -1.75rem; }

/* Cards */
.card, .card p { font-size: 1rem; }
.card h4 { font-size: 1.375rem; color: #046770; }
.card-icon { color: #046770; }
.clear .card { background-color: transparent; border-color: transparent; }
.card .fit-cover { object-fit: cover; }

/* Articles */
.articles .card-img-overlay {  }
.articles .card-img-overlay .card-title { position: absolute; bottom: 0; background: linear-gradient(180deg, rgba(2,34,36,0) 0%, rgba(2,34,36,0.75) 55%, rgba(2,34,36,1) 100%); }
.articles .card-img-overlay h4 { color: #FFF !important; }

/* Tiles */
.tile { display: flex; }
.tile p { margin: 0; }
.tile .tile-icon { font-size: 1.75rem; color: #baa175; margin-right: 0.75rem; margin-top: 0rem; }
.tile .tile-body .tile-super { font-size: 0.875rem; margin-bottom: -0.25rem; }
.tile .tile-body .tile-text { font-size: 1.125rem; }

/* Image Hover Zoom/Fade */
.card img.gray { filter: grayscale(40%); }
.card img.zoom:hover, .card a:hover img.zoom { transform: scale(1.075); transition: all .5s ease-in-out; }
.card img.gray:hover, .card a:hover img.gray { filter: grayscale(0%); }
.card a:has(img.zoom) { display: block; overflow: hidden; }

/* Image Gallery */
ul.image-gallery { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; list-style: none; margin: 0; padding: 0; }
ul.image-gallery > li { flex-basis: 306px; }
ul.image-gallery > li img { object-fit: cover; max-width: 100%; height: auto; vertical-align: middle; opacity: 0.85; }
.dark ul.image-gallery > li img { opacity: 0.8; filter: grayscale(75%); }
ul.image-gallery > li img:hover { opacity: 1; filter: grayscale(0); }
.image-gallery-plus-wrapper { position: relative; display: block; height: 100%; }
.image-gallery-plus { position: absolute; height: 100%; width: 100%; background: rgba(255,255,255,0.65); z-index: 99; display: flex; flex-direction: column; justify-content: center; text-align: center; font-size: 3em; font-weight: bold; color: #253d8b !important; }

/* Image Grid */
.images-grid-container { display: block; }
.images-grid-container .grid-item img { width: 100%; height: auto; padding: 1em; }
@media (min-width: 768px) {
    .images-grid-container { padding: 0 0 2.5rem 0 !important; display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 8.5vw; grid-gap: 0.75vw; }
    .images-grid-container .grid-item img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; padding: 0; }
}
.images-grid-container .hidden { display: none !important; }
.images-grid-container .grid-item a:hover img { filter: brightness(1.15); }

/* Footer */
footer h1, footer h2, footer h3, footer h4 { color: #FFF; font-family: 'Zen Maru Gothic', sans-serif; margin-bottom: 0.25em; }


/*.umb-block-grid__area img { width: 100%; height: auto; }*/