/*         Common           */
body {
    margin:0;
    padding:0;
    box-sizing: border-box;
    background-color: black;
}

.sws-active-object {
    visibility: visible;
}

.sws-inactive-object {
    opacity: 0;
}

:root.sws-display  .sws-inactive-slide {
    display: none;
}


.sws-canvas {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow:column nowrap;
    flex-flow:column nowrap;
    height: 100vmin;
    width: 133vmin;
    margin: auto;

}

.sws-canvas > div {
    width: 100%;
}

.sws-inner-canvas {
    flex: 1;
    text-align: justify;
    overflow: hidden;
}

.sws-cover .sws-content {
    text-align:center;
}


body > h1, body > h2, body > h3, body > a.sws-previous {
    display: none;
}

/*             Display Mode             */
/****************************************/



/* display mode */
/* Aspect is 4/3, 16/9, 16/10 (default is 4/3) */

:root.sws-display .sws-canvas {
    max-width: 100vw;
    max-height: 100vh;
    overflow:hidden;
}

@media screen {
    @media (min-aspect-ratio: 4/3) {
        :root.sws-aspect-4-3 {
            font-size: 5vh;
        }
        :root.sws-aspect-4-3 .sws-canvas {
	    width:133.3333vh;
	    height:100vh;
        }
    }
    @media (max-aspect-ratio: 4/3) {
        :root.sws-aspect-4-3 {
            font-size: 3.75vw;
             }
        :root.sws-aspect-4-3 .sws-canvas {
	    width: 100vw;
	    height: 75vw;
        }
    }
}

/*
:root.sws-by-width.sws-aspect-16-9 .sws-canvas {
    width:177.7vh;
    height:100vh;
}

:root.sws-by-width.sws-aspect-16-10 .sws-canvas {
    width:160vh;
    height:100vh;
}


:root.sws-by-height.sws-aspect-16-9 .sws-canvas {
    width:100vw;
    height:56.25vw;
}

:root.sws-by-height.sws-aspect-16-10 .sws-canvas {
    width:100vw;
    height:62.5vw;
}
*/
:root.sws-display body::after{
    display:inline-block;
    height:100vh;
    width:0;
    content: "";
    vertical-align:middle;

}

/* :root.sws-display .sws-canvas { */
/*     display:inline-block; */
/*     padding: 0; */
/*     max-width: 100vw; */
/* } */


:root.sws-display body {
    background: black;
    overflow: hidden;
}


/*                 Print Mode                 */
/* ****************************************** */

@media print {

:root.sws-print {
    font-size: 10.5mm;
}

:root.sws-print body {
    background: white;
    width: 100%;
    padding: 0;
    margin: 0;
}

@page {
    /* size: 1128px 797px; */
    size: A4 landscape;
    bleed: 0mm;
    margin: 0pt;
}

:root.sws-print .sws-canvas {
/*        width: 1128px;
        height: 797px; */
    width: 297mm;
    height: 209.8mm;
        border: none;
        padding: 0;
        margin: 0;
        box-sizing:border-box;
        /*overflow:hidden;*/
        page-break-after:always;
        page-break-inside:avoid;
}

:root.sws-print .sws-canvas:last {
    page-break-after: avoid;
}

:root.sws-print .sws-inactive-slide {
    opacity: 1;
}
}
/* counters for the toc */

.sws-toc li::before {
    content: "";
}
.sws-toc + .sws-footer {
    display: none;
}

.sws-toc li.done::after {
    content: " 	✓";
    font-weight:bold;
}


.sws-toc li {
    display:block;
    flex: 1;
    margin-top: auto;
    margin-bottom: auto;
}
.sws-toc .sws-content {
    height: 100%;
}

.sws-toc .sws-slide {
    height: 100%;
}


.sws-toc-title::before {
    content: "Outline";
}

/*             Control Panel             */
/*****************************************/



@font-face {
  font-family: 'AndroidEmoji';
  src: url(emojione-android.ttf) format('truetype');
}

/* entypo */
.sws-symbol {
    font-family: 'AndroidEmoji';
}

#sws-control-panel-canvas {
    position: fixed;
    z-index: 100;
    left: 0pt;
    bottom: 0pt;
    width: 100%;
    height: 100%;
    overflow:hidden;
    text-align: center;
    display:none;
}

#sws-control-panel {
    /*    visibility: hidden;*/
    font-family: 'AndroidEmoji';
    font-size:6vmin;
    width: 100vmin;
    bottom: 0vh;
    display:inline-block;
    border-radius: 1vmin;
    background-color: white;
    opacity: 0.9;
    color: black;
    z-index: 100;
    margin-left: auto;
    margin-right:auto;
    vertical-align:middle;
}


#sws-control-panel-canvas:after{
    content:"";
    display:inline-block;
    width: 0vmin;
    height: 100%;
    background:pink;
    vertical-align:bottom;
}

#sws-control-panel-title-bar {
    width: 100%;
    font-size: 3vmin;
    text-align:right;
}

#sws-control-panel select
 {
     display: inline-block;
     vertical-align: middle;
     font-size: 3vmin;
 }

#sws-control-panel-navigation {
    text-align: center;
}

#sws-control-panel a {
    color: black;
    text-decoration: none;
    display: inline-block;
    padding: 0pt 1em 0pt 1em;
    vertical-align: middle;
}

#sws-control-panel-title-bar a {
    padding:0vmin 2vmin 0vmin 0vmin;
    margin: 0 0 0 0;
}

#sws-control-panel a:hover {
    cursor: pointer;
}
#sws-control-panel-slide-input
{
    font-size: 3vmin;
    width: 3em;
    vertical-align:middle;
}
#sws-control-panel-total-slides {
    font-size: 3vmin;
    vertical-align:middle;
}

#sws-control-panel-navigation-bar {
    width: 50vmin;
}
#sws-print-container {
    top: 0;
    left: 0;
    width: 29.7cm;
    overflow: auto;
    border: 1px;
    padding: 1px 1px 1px 1px;
}

#sws-help-panel-canvas {
    color:white;
    background:black;
    z-index: 101;
    position:fixed;
    width:30%;
    left:35%;
    top:25%;
    opacity: 0.9;
    border-radius: 1vmin;
    display:none;
}
#sws-help-panel-canvas * {
    color: white;
    font-family: sans;
}
#sws-help-panel-canvas h1 {
    font-size: large;
}

/* embedded SVG images are inlined and their height matches twice the font-size */
/*
object[type="image/svg+xml"] {
    display:inline-block;
    font-size:inherit;
    height: 2em;
    vertical-align:middle;
}
*/
#sws-php-referencer-unused {
    background: url(conference.php);
}