/* ----------- Add your styles below and click SAVE -----------  */


.Content1Column ul.auto-list li, .Content2Column ul.auto-list li {background-image: url(/admin/inc/FrontEndFiles/icons/document.png); background-size:auto}
.image-zoom { cursor: zoom-in; }
.image-magnifier { position: fixed; width: 240px; height: 240px; border: 3px solid #fff; border-radius: 50%; box-shadow: 0 2px 12px rgba(0,0,0,.4); background-repeat: no-repeat; pointer-events: none; z-index: 99999; display: none; }
.image-modal { cursor: zoom-in; }
.image-modal-overlay { position: fixed; inset: 0; background: rgba(0,0,0,.9); z-index: 999999; display: none; align-items: center; justify-content: center; padding: 15px; box-sizing: border-box; }
.image-modal-overlay.active { display: flex; }
.image-modal-content { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.image-modal-content img { display: block; max-width: calc(100vw - 30px); max-height: calc(100vh - 30px); width: auto; height: auto; object-fit: contain; }
.image-modal-close { position: fixed; top: 15px; right: 15px; width: 46px; height: 46px; border: 0; border-radius: 50%; background: rgba(0,0,0,.7); color: #fff; font-size: 32px; line-height: 42px; cursor: pointer; z-index: 1000000; }
@media (max-width: 700px) { .image-modal-overlay { padding: 5px; } .image-modal-content img { max-width: calc(100vw - 10px); max-height: calc(100vh - 10px); } }