/*
Copyright Sebastian Heimpel M.A. 2023
JS: alexandria/mdls/w3slideshow/w3slideshow.js
CSS: alexandria/mdls/w3slideshow/w3slideshow.css
HTML: alexandria/mdls/w3slideshow/w3slideshow.html
PHP: alexandria/mdls/w3slideshow/w3slideshow.php
*/

/* frame, determines width */
.w3slideshow { position:relative; width: 100%; max-width: 100%; background-color: black; white-space: normal }
/* possible loading image */
/* .w3slideshow { background-image: url('cmsgo50.png'); background-repeat: no-repeat; background-position: center center; } */

/* slides-container - w3slides MUST be relative */
.w3slides { position:relative; overflow:hidden; }

/* slides - w3slide MUST be position absolute */
.w3slide { position: absolute; width:100%; }
.w3slide { visibility: hidden }
.w3slide.active, .w3slide.current, .w3slide.rwd.active, .w3slide.rwd.current { visibility: visible }
/* .w3slide.active, .w3slide.current { visibility: visible }  */

/* Images */
.w3img { max-width:100%; width: 100% }

/* Texts */
.text { position: absolute; display: none;
    color: white; 
    text-align: left;
    max-width: calc(100% - 48px);
    padding: 8px 12px;  
    bottom: 8px; 
    color: white;
    background-color: black;
}
.w3slideshow.fullsize .text.active { display: block }

/* & previous & next arrows */
.prev, .next { position: absolute;
    cursor: pointer;
    top: calc(50% - 27px);
    width: auto;
    padding: 15px;
    color: white;
    font-weight: bold;
    font-size: 25px;    
    user-select: none;
    text-decoration: none;
    color: white;
    transition: background-color .2s;
}
.prev { left: 0px; border-radius: 0 3px 3px 0; }
.next { right: 0px; border-radius: 3px 0 0 3px; }
.prev:hover, .next:hover { background-color: black;  text-decoration: none; }

/* Numbertext (1/3 etc) */
.numbertext { position: absolute;
    top:0; left:0; padding: 8px 12px; color: white; }

/* dots container and dots */
.w3dots { position: absolute; padding: 6px 11px; top:0; right:0; user-select: none; }
.dot { display: inline-block; margin: 1px; text-align: center; cursor: pointer; height: 16px; width: 16px; font-size:14px; background-color: white; border-radius: 50%; opacity: .3; line-height: normal }
.dot:hover { opacity: 1 }
.dot.active { opacity: 1 }

/* fullsize icon */
.fsicon { position: absolute; display: block; right: 0; bottom: 0;  cursor: pointer; color: white; padding:8px 12px; font-size: 24px; font-weight:bold; font-family: webdings }

/* captions outside w3slides, .active by JS */
.captions { position: relative; padding: 8px 12px; background-color: #ccc }
.caption  { display: none; min-height: 1rem }
.caption.active  { display:block; opacity:1; }

/* cms */
.captiontext { width: 90% }

.prev, .next, .numbertext, .text, .w3dots, .captions, .fsicon { z-index: 1; }

/* slide from left */
.w3slideshow .w3slide             { left:+100%; transition: left 1s }
.w3slideshow .w3slide.active      { left:0 }
.w3slideshow.w3slide.rwd         { left:-100% }
.w3slideshow .w3slide.rwd.active  { left:0 }                                          

/* max 1024 */
@media only screen and (max-width:1024px) { 
    .t-not { display: none; }
    .fsicon { display: none }
    .w3slideshow{ width: 100%; float:none } 
}