/*styles for gallery-full-fit-cycle2.css */

body, html {
    height: 100%;
    margin:0px;
    overflow: hidden;
}
.cycle-slideshow {
    width: 100%;
    height:100%;
    z-index: 1;
    position:absolute;
    background-size: cover;
}
.cycle-slideshow img {
    width:100vw;
    height:100vh;
    object-fit: cover;
}

#wmd-overlay-wrapper {
    position:absolute;
    display:table;
    height:auto;
    width:100%;
    padding:0;
    z-index: 50;
    font-size: 2vw;
    text-shadow: 2px 2px 5px black;
    bottom:7%;
    left:5%;
}

#wmd-overlay {
    font-family: verdana,arial, sans-serif;
    position:table-cell;
    height: auto;
    width: 70%;
    padding: 5px 5%;
    display: none;
    color: #efefef;
    top:0%;
    z-index: 1;
    background: linear-gradient(to right, rgba(0,0,0,0.4), rgba(0,0,0,0)); /* Standard syntax (must be last) */
}


.wmd-title {
    font-size: 1em;
    line-height: 0.2em;
    top:-0.1em;
}
.wmd-desc {
    font-size: 0.7em;
    line-height: 0.2em
    padding-top: 0.3em;
}


/*overrides for smaller screens*/

@media (max-width: 851px){
    #wmd-overlay-wrapper {

        font-size: 3vw;
        text-shadow: 2px 2px 5px black;
    }
}

/*overrides for really smaller screens*/

@media (max-width: 740px){
    #wmd-overlay-wrapper {

        font-size: 4vw;
        text-shadow: 2px 2px 5px black;
    }
}