/*

Colors

#fbf7ff
#f6dcff
#e7b7f7
#9664A0
#7636a5
#5f1d80
#530064

*/

.prezoButton::before
{
    background-image: url(images/tv-solid.svg);
}

#slideSorter
{
    text-align: center;
    padding: 2vh 0;
}

.slideSorterSlide
{
    /*width: 23em;*/
    width: 432px;
    display: inline-block;
    margin: 0.5em;
    /*border: solid 1px #000;*/
    background-color: #000;
    overflow: hidden;
}

/*
.slideSorterSlide img
{
    max-height: 12em;
    margin: auto;
}
*/

.slideLabel
{
    position: relative;
    float:left;
    left: 0.4em;
    top: 0.4em;
    color: #BBB;
    font-size: 0.6em;
    filter: drop-shadow(1px 1px 1px #000);
}

#slideScaleSlider
{
    width: 40em;
    /* margin: 6em 0; */
    height: 5vh;
}

#printTitleDIV
{
    text-align: center;
    margin: 2em;
}

#printTitlePrezoName
{
    font-weight: bold;
    font-size: 2em;
    color:#333;
}

#printTitlePrezoInfo
{
    margin-top: 0.4em;
}

#presentationsLoaderDIV
{
    position:absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.85);
}

#presentationsLoaderDIV img
{
    position: absolute;
    transform: translate(-50%, 50%);
}



/*
----- Probably should eventually should put all layer styles in a separate stylesheet -------
*/

.outerLayerDIV
{
    position: relative;
}

.layerDIV
{
    position: relative;
    /* border: solid 1px #0F0; */
    /* display: flex; */
    align-items: center;
}

.layerNameLabel
{
    overflow:hidden;
    color: #FFF;
}

.layerTextSpan
{
    width: 100%;
    height: 100%;
    display:flex;
}

.layerTint
{
    mix-blend-mode: multiply;
    pointer-events: none;
}