@charset "UTF-8";.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;max-width:100%;margin-top:3rem}.gallery .du-gallery-container:only-child,.gallery .du-gallery-item-area:only-child{width:100%}@media screen and (min-width:480px){.gallery .du-gallery-container:only-child,.gallery .du-gallery-item-area:only-child{width:66%}}@media screen and (min-width:768px){.gallery .du-gallery-container:only-child,.gallery .du-gallery-item-area:only-child{width:50%}}.gallery .gallery-item{text-align:left;margin:0}.gallery .gallery-item img{width:100%;-o-object-fit:cover;object-fit:cover;height:200px;cursor:pointer;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.1);transition:transform 0.2s ease}.gallery .gallery-item img:hover{color:#fff;background-color:rgba(0,0,0,0);cursor:pointer}.gallery .gallery-item figcaption{max-width:70ch;color:black;font-size:1.4rem;margin-top:12px;padding:0px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.du-gallery-buttons{position:absolute;bottom:9px;right:9px;text-align:right;margin-top:15px}#lightboxModal{background:rgba(0,0,0,0.9);overflow:hidden}#lightboxModal::backdrop{background:rgba(0,0,0,0.9)}#lightboxClose{position:absolute;top:20px;right:30px;color:white;font-size:40px;font-weight:bold;z-index:1000;cursor:pointer;color:#eee;background-color:rgba(0,0,0,0.3);border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.1)}#lightboxClose:hover{transform:scale(1.03) translateY(0rem);cursor:pointer;box-shadow:rgba(0,0,0,0.22) 0 0.1rem 0.6rem 0,rgba(75,37,130,0.2) 0 0.1rem 1.4rem 0}#lightboxFigure{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;overflow:hidden}#lightboxFigure #lightboxImg{flex-grow:1;flex-shrink:1;max-height:90%;height:auto;object-fit:contain}#lightboxFigure #lightboxCaption{flex-shrink:0;color:#f1f1f1;text-align:center;font-size:1.6rem;padding:20px;max-width:70ch;word-wrap:break-word}@media screen and (min-width:768px){#lightboxFigure #lightboxCaption{font-size:2rem}}dialog#ModalDialog{border-color:transparent;border-radius:0;background:transparent;align-content:center;justify-content:center;padding:30px}dialog#ModalDialog::backdrop{background:rgba(0,0,0,0.8)}dialog#ModalDialog figure{display:flex;flex-direction:column;align-content:center;justify-content:center;text-align:center}dialog#ModalDialog img{flex:1;width:100%;height:auto;object-fit:contain}dialog#ModalDialog figcaption{flex-shrink:0;background:rgba(0,0,0,0.7);color:white;padding:10px 20px;margin-top:20px;border-radius:5px;font-size:1.6rem;text-align:center;backdrop-filter:blur(2px)}@media screen and (min-width:768px){dialog#ModalDialog figcaption{font-size:2rem}}dialog#ModalDialog .modal-close{position:absolute;top:20px;right:30px;color:white;font-size:40px;font-weight:bold;cursor:pointer}.du-image-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;max-width:100%;margin-top:3rem}.du-gallery-container{display:flex;flex-direction:column;position:relative;background-color:#eee;padding:9px 9px 54px 9px;border-radius:10px;margin-bottom:15px}figure{position:relative}figure i{position:absolute;pointer-events:none;color:#eee;background-color:rgba(0,0,0,0.3);border-radius:5px;top:9px;right:9px;padding:9px 12px;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.1)}figure:hover i{color:#fff;background-color:rgba(0,0,0,0);cursor:pointer}.du-gallery-image{width:100%;height:200px;object-fit:cover;cursor:pointer;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.1);transition:transform 0.2s ease}.du-gallery-image:hover{transform:scale(1.03) translateY(0rem);cursor:pointer;box-shadow:rgba(0,0,0,0.22) 0 0.1rem 0.6rem 0,rgba(75,37,130,0.2) 0 0.1rem 1.4rem 0}.du-gallery-figcaption{max-width:70ch;color:black;font-size:1.4rem;margin-top:8px;padding:0px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.du-gallery-buttons{position:absolute;bottom:9px;right:9px;text-align:right;margin-top:15px}.modal-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.93);z-index:1000;justify-content:center;align-items:center}.image-container{display:flex;flex-direction:column;align-items:center;max-width:95%;max-height:90%}.image-content{max-width:90%;max-height:90%;object-fit:contain}.image-figcaption{max-width:70ch;color:white;font-size:1.6rem;margin-top:10px;max-width:90%}@media screen and (min-width:768px){.image-figcaption{font-size:2rem}}.modal-close{position:absolute;top:20px;right:30px;color:white;font-size:40px;font-weight:bold;cursor:pointer}.xmodal{display:none;position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.9);overflow:auto}.xmodal.active{display:block}.xmodal-content{display:grid;grid-template-areas:"image" "caption";grid-template-columns:100%;grid-template-rows:auto min-content;justify-content:stretch;height:100dvh;width:100dvw;margin:0;padding:15px}.xmodal-image{grid-area:image;max-width:100%;background-repeat:no-repeat;background-position:center center;background-attachment:scroll;background-size:contain;display:flex;justify-content:center;align-items:center;z-index:1000}.xmodal-caption{grid-area:caption;color:white;background-color:rgba(0,0,0,0.5);border-radius:8px;text-align:center;font-size:16px;line-height:1.5;overflow-y:auto;white-space:normal;word-wrap:break-word;max-width:70ch;margin-inline:auto;padding:10px 20px;margin-top:10px}.xclose,.xexpand{position:absolute;top:15px;right:35px;text-align:center;font-size:40px;width:40px;font-weight:bold;z-index:1010;cursor:pointer;color:#eee;background-color:rgba(0,0,0,0.2);border-radius:5px}.xclose:hover,.xexpand:hover{color:#fff;cursor:pointer;background-color:rgba(0,0,0,0.1)}.xexpand{right:85px}
/*# sourceMappingURL=du_image-gallery.css.map */