/**
 *
 *  MVC
 *  Model View Controller (MVC) design pattern for simple web applications.
 *
 *  @see     https://github.com/fabiodoppio/mvc
 *
 *  @author  Fabio Doppio (Developer) <hallo@fabiodoppio.de>
 *  @license https://opensource.org/license/mit/ MIT License
 *
 */

.image,.is--flex{display:flex}main .avatar,main .avatar::before{background:var(--color-secondary-700)}#gallery li,.image img{width:280px;height:200px}#gallery li,.element{margin:0 10px 10px 0}.mvc.page.edit .box-container{border:2px solid var(--color-border);border-radius:3px;margin-bottom:20px;text-align:center}#gallery,#relatives,.mvc.page.edit .box-container label{text-align:left}.mvc.page.edit .box-headline{display:flex;align-items:center;padding:10px 15px;background:var(--color-border);text-transform:uppercase;color:var(--color-secondary-300);height:50px}.element,.mvc.page.edit .box-content{padding:20px}.mvc.page.edit .box-headline h2{font-weight:700;font-size:18px;margin:0;padding:0;line-height:50px}.mvc.page.edit .box-headline i{margin-right:10px;font-size:16px}label[for=firstname]{display:none}.image{justify-content:center;align-items:center;overflow:hidden}#gallery li,.element,div#theme label{display:inline-block}.image img{object-fit:cover;border-radius:10px}main .avatar,main .avatar img{height:150px;width:150px;display:block}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%}main .avatar{margin:0 auto 20px;border-radius:50%;position:relative;overflow:hidden}main .avatar img{z-index:2;position:absolute;left:0;top:0}#relatives .element{min-width:300px;width:calc(100% / 3 - 20px);border:1px solid var(--color-secondary-700);text-align:center;border-radius:10px}label[for=dateofdeath]{margin-right:0}div#theme label{width:calc(100% / 4 - 20px)}div#theme input+picture img{border:5px solid transparent;border-radius:10px}div#theme input:checked+picture img{border:5px solid var(--color-primary-100)}#gallery li{border-radius:10px;position:relative}#gallery li.ui-state-highlight{background:var(--color-primary-100)}#relatives>button{margin:0 auto;display:block}#gallery [data-request="memorial/submit/image/delete"]{position:absolute;bottom:10px;right:10px;background:var(--color-primary-100);padding:5px 10px;border-radius:5px;color:#fff}#videos video {margin-right: 50px;flex-grow: 1;min-width: 50%;max-width: 50%;height: 400px;border-radius: 10px;}#videos .element {border-bottom:1px solid var(--color-secondary-700);}@media screen and (max-width:900px){div#theme label{display:inline-block;width:100%}#gallery,#relatives{text-align:center}#gallery .image,#gallery img,#gallery li,#relatives .element{width:100%}#gallery img{height:300px}}