/*
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
*/


/* standalone generals */

body { background-color: #CFE7F5 }
.wrap.w3slideshow { display: table; margin: 0 auto 100px auto; }
h4 { margin-bottom:5px }

/* ----------------------------------------------------------------------------- elements, example */

.w3dots { width: calc(100% - 40px); right: 0; text-align: right }
.captions { display: none }
.w3slideshow .text { display: none }
.fsicon { display: none }

/* ----------------------------------------------------------------------------- slide effects */

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

/* slide from top
#Show0 .w3slide             { top:-200%; transition: top 3s }
#Show0 .w3slide.active      { top:0 }
#Show0 .w3slide.rwd         { top:+200%; }
#Show0 .w3slide.rwd.active  { top:0; }                                          */

/* zoom 
#Show0 .w3slide             { width: 0%; height: 0%; top: 0; left: 100%; transition: all 2s }
#Show0 .w3slide.active      { width: 100%; height: auto; top: 0; left: 0 }
#Show0 .w3slide.rwd         { width: 0%; height: 0% top: 100%; left:0 }
#Show0 .w3slide.rwd.active  { width: 100%; height: auto; top: 0; left: 0 }      */

/* rotate
#Show0 .w3slide             { width: 0%; height: 0%; top: 50%; left: 50%; transition: all .5s }
#Show0 .w3slide.active      { width: 100%; height: auto; top: 0; left: 0; z-index: 1; transform: rotate(360deg) }
#Show0 .w3slide.rwd         { width: 0%; height: 0%; top: 50%; left: 50%; }
#Show0 .w3slide.rwd.active  { width: 100%; height: auto; top: 0; left: 0; z-index: 1; transform: rotate(360deg) }                                          
                                                                                */
/* fade */  
#Show1 .w3slide         { opacity: 0; transition: opacity 1s; }
#Show1 .w3slide.active  { opacity: 1; }

/* curtain from right */ 
#Show2 .w3slide         { left:+100%; z-index: 1; transition: left 4s linear; }
#Show2 .w3slide.active  { left:0; }
#Show2 .w3slide.rwd     { left:0; z-index: 0; }
#Show2 .w3slide.active  { left:0; }  

/* curtain to left*/
#Show3 .w3slide             { left:0; transition: left 4s linear; }
#Show3 .w3slide.active      { left:0; }
#Show3 .w3slide.rwd         { left:-100%; z-index: 1;  }
#Show3 .w3slide.rwd.active  { left:0 }  
 
/* ----------------------------------------------------------------------------- screens */ 

@media only screen and (max-width:1024px) { 
    .w3slideshow{ width: 100%; } 
}


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




/* curtain save
#Show2 .w3slide        { left:+100%; z-index: 1; transition: left 4s linear; }
#Show2 .w3slide.active { left:0; transition: left 4s linear; }
#Show2 .w3slide.rwd    { left:0; z-index: 0; transition: left 4s linear; }  */