/* Sections */
main { color: #2F3944; line-height: 0 /* makes a padding at the end */; }
section { background-size: cover; padding: 0 0; }
section.content { padding: 40px 0; }
.dark p, .dark h1, .dark h2, .dark h3, .dark h4 { color: #fcfcfc; }

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

/* Section projects */
.projects > .row::after { content: " "; width: 100%; height: 18px; background-position: center center; background-image: url('/css/assets/sep-checked.png'); margin: .75rem; }
.projects > .row:last-child:after { height: 0px; }
ul.project-gallery { display: flex; flex-wrap: wrap; justify-content: left; gap: 15px; list-style: none; margin: 0.375rem -0.375rem;  }
ul.project-gallery a:hover { opacity: 0.75; filter: grayscale(25%); }
ul.project-gallery a.video { position: relative; display: inline-block; }
ul.project-gallery a.video i { position: absolute; top: 43px; left: 0; width: 100%; height: fit-content; z-index: 1; color: #fff; text-align: center; font-size: 5rem; display: inline-block; }

/* Row-Alt */
.row-alt { background-color: rgba(29,20,40,0.02); }
.row-alt:nth-child(even) { background-color: #fff; }

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

/* 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: 304px; }
ul.image-gallery > li img { object-fit: cover; max-width: 100%; height: auto; vertical-align: middle; opacity: 0.85; filter: grayscale(15%); }
ul.image-gallery > li img:hover { opacity: 1; filter: grayscale(0); }
ul.image-gallery.grid { display: grid; grid-template-rows: 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; gap: 1em; }
ul.image-gallery.grid > li:first-child { grid-column-start: 1; grid-column-end: span 2; grid-row-start: 1; grid-row-end: span 2; }

/* Cards */
.card.dark { background-color: rgba(29,20,40,0.75); }
.card .card-icon { font-size: 3rem; }

/* List Group */
.list-group-nav li.list-group-item { padding: 0; }
.list-group-nav li.list-group-item a { display: block; padding: .5rem 1rem; text-decoration: none; background-color: #2d3047; color: #fff; transition: all 0.25s ease; }
.list-group-nav li.list-group-item a:hover { background-color: #635985; }

/* Image Hover Zoom */
img.zoom:hover { transform: scale(1.1); transition: all .4s ease-in-out; }
.card a:has(img.zoom) { display: block; overflow: hidden; }

/* 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; }