/** * * MVC * Model View Controller (MVC) design pattern for simple web applications. * * @see https://github.com/fabiodoppio/mvc * * @author Fabio Doppio (Developer) * @license https://opensource.org/license/mit/ MIT License * */ .header{background: none !important;}.footer-bg-accent{background-color:var(--color-primary-100) !important;}#mvc-background img,#mvc-background video{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-1;object-fit:cover}.mvc main section{background:#fff}section#mvc-funeral{margin-top:400px;background:0 0}section#mvc-funeral .container{margin:0 auto;margin-bottom:20px}section#mvc-lastwords .container{margin:0 auto;margin-top:20px}section#mvc-funeral h2,section#mvc-lastwords h2{font-weight:300;font-style:italic;text-shadow:1px 1px 2px rgb(0 0 0 / .6);color:#fff;font-size:36px!important;margin:0;padding:0}section#mvc-lastwords h2{text-align:center}section#mvc-lastwords{padding:100px 0 200px;background:linear-gradient(to bottom,#fff,rgba(255,255,255,.8))}section#mvc-introduction{background:linear-gradient(to top,#fff 300px,transparent 300px);min-height:400px;}section#mvc-introduction .container{background:#fff;margin:0 auto;padding:30px;border-radius:10px}.is--flex{display:flex}section#mvc-introduction .avatar{width:150px;height:150px;border-radius:10px;overflow:hidden;margin-bottom:20px}section#mvc-introduction h1{color:var(--color-primary-100);font-size:50px;margin:0;padding:0}section#mvc-introduction .details li{display:inline-block;color:var(--color-secondary-600);margin-right:20px;margin-bottom:5px}section#mvc-introduction .details i{width:15px;margin-right:5px}section#mvc-introduction .is--flex>div{width:100%}section#mvc-introduction .is--flex>div:last-child{margin-left:20px;text-align:right;max-width:350px;}section#mvc-introduction .is--flex>div:first-child{margin-right:20px;width:150px}section#mvc-introduction .share li{display:inline-block;margin:0 5px}section#mvc-introduction .share li a{margin:0;display:block;width:50px;height:50px;line-height:50px;font-size:30px;text-align:center}section#mvc-introduction .introduction{line-height:150%}section#mvc-gallery .container,section#mvc-memories .container,section#mvc-memories-long .container,section#mvc-obituary .container,section#mvc-video .container{margin:0 auto;padding:30px}section#mvc-video .container{text-align:center;}section#mvc-relatives .container{margin:0 auto;padding:20px 0}section#mvc-gallery h2,section#mvc-memories h2,section#mvc-memories-long h2,section#mvc-obituary h2,section#mvc-relatives h2,section#mvc-video h2{text-align:center;font-weight:700;color:var(--color-secondary-300);text-transform:uppercase;margin-bottom:50px;padding:0;letter-spacing:.25em;margin-top:50px}section#mvc-obituary .footnote h3{text-align:center;font-style:italic;color:var(--color-secondary-300);padding:0;margin-top:50px;font-size:32px}section#mvc-gallery ul li{display:inline-block;margin:10px}section#mvc-gallery .image{display:flex;justify-content:center;align-items:center;overflow:hidden}section#mvc-gallery .image img{width:280px;height:200px;object-fit:cover;border-radius:10px}section#mvc-video .is--flex {margin-bottom:30px; text-align:left;}section#mvc-video iframe,section#mvc-video video{margin-right:50px; margin-bottom:30px; flex-grow:1;min-width:50%;max-width:50%;height:400px;border-radius:10px}section#mvc-obituary{padding-bottom:50px}section#mvc-obituary .obituary{column-count:2;column-gap:50px}section#mvc-memories{background:rgba(0,0,0,.6);padding-bottom:50px;text-align:center}section#mvc-memories h2{color:#fff;text-shadow:1px 1px 2px rgb(0 0 0 / .6)}section#mvc-memories .memory{background:#fff;display:inline-block;margin:10px;padding:15px;border-radius:10px;max-width:235px;min-width:235px;vertical-align:top;box-shadow:1px 1px 5px rgb(0 0 0 / .6);text-align:left;font-size:14px}section#mvc-memories .memory-headline{font-weight:700;display:block}section#mvc-memories .memory-date{margin-top:10px;text-align:right;display:block;color:var(--color-secondary-600)}section#mvc-memories .container>button,section#mvc-memories-long .container>button{display:block;margin:30px auto 0}#mvc-memories-long li.memory { width: calc(50% - 50px); vertical-align: top; display: inline-block;margin: 0 25px 30px;}section#mvc-memories-long span.author {color: var(--color-secondary-600);}label[for="firstname"],label[for="firstname-long"]{display:none}.modalbox>div{border-radius:10px;text-align:left}.modalbox>div button{margin-top:20px;margin-bottom:0}.carousel-wrapper{position:relative;width:772px;overflow:hidden;margin-bottom:15px;height:300px}.carousel-track{display:flex;transition:transform .5s ease;align-items:flex-start;position:absolute}#mvc-memories .is--flex{justify-content:center;align-items:center}#mvc-memories span[data-trigger]{color:var(--color-primary-100);font-size:50px;margin:50px;cursor:pointer}main .avatar::before{color:var(--color-secondary-600);font-family:"Font Awesome 6 Free";content:"\f007";font-weight:700;z-index:1;position:absolute;text-align:center;line-height:150px;display:block;font-size:60px;width:100%;background:var(--color-secondary-700)}main .avatar{background:var(--color-secondary-700);height:150px;width:150px;border-radius:50%;display:block;position:relative;overflow:hidden}main .avatar img{height:150px;width:150px;z-index:2;position:absolute;left:0;top:0;display:block}.person .avatar,.person .avatar img,.person .avatar::before{width:50px;height:50px}.person .avatar::before{line-height:50px;font-size:24px}*{--e-global-color-accent:var(--color-primary-100)}#mvc-preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;display:flex;align-items:center;justify-content:center;z-index:9999}#mvc-preloader i{font-size:3rem;color:#333}main{visibility:hidden}main.is--loaded{visibility:visible;transition:visibility 0s,opacity .5s;opacity:1}.majc-toggle-button,section[data-id="18d435c8"],section[data-id="4538addb"]{display:none}.family{position:relative;width:680px;height:680px;margin:0 auto;overflow:hidden}.ring{position:absolute;border:2px solid rgba(0,0,0,.06);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.ring1{border:none;background:var(--color-primary-100);display:flex;align-items:center;justify-content:center;width:200px;height:200px;z-index:5}.ring2{width:320px;height:320px;background:var(--color-primary-100);z-index:4}.ring3{width:440px;height:440px;background:var(--color-primary-200);z-index:3}.ring4{width:560px;height:560px;background:var(--color-primary-300);z-index:2}.ring5{width:680px;height:680px;background:var(--color-primary-400);z-index:1}.person{position:absolute;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;z-index:999}.legend{font-size:14px;color:var(--color-secondary-400)}.legend li:first-child i{color:var(--color-primary-100)}.legend li:nth-child(2) i{color:var(--color-primary-200)}.legend li:nth-child(3) i{color:var(--color-primary-300)}.legend li:nth-child(4) i{color:var(--color-primary-400)}.legend{text-align:center;margin:30px 0}.legend li{display:inline-block;margin:0 10px}section#mvc-gallery{text-align:center}.family{overflow:auto;width:100%}@media screen and (max-width:900px){section#mvc-gallery .image img{width:250px;height:180px}section#mvc-memories .memory{max-width:270px;min-width:270px}}@media screen and (max-width:767px){section#mvc-gallery{text-align:center}section#mvc-gallery .image img{width:100%;height:180px}section#mvc-introduction .is--flex,section#mvc-video .is--flex{flex-direction:column}section#mvc-introduction .is--flex>div:last-child{margin-bottom:30px;margin-left:0;text-align:left;max-width:350px;}section#mvc-video iframe,section#mvc-video video{min-width:100%;max-width:100%;margin-bottom:30px}section#mvc-obituary .obituary{column-count:1}section#mvc-memories .memory{max-width:52%;min-width:52%}#mvc-memories span[data-trigger]{margin:0}#mvc-memories-long li.memory { width: 100%; display: block;margin: 0 0 50px;}}