@import url("../simpleWebSlides.css");
@import url("sws-utils.css");


@import url('https://fonts.googleapis.com/css?family=Roboto+Mono');
/*@import url('https://fonts.googleapis.com/css?family=Cabin'); */
/*@import url("leanLight.css"); */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

/* fonts */

.sws-canvas {
    font-size:0.65rem;
    font-family: 'Open Sans', 'NotoColorEmoji', Times;/*, ;*/
}

.sws-title *
{
    text-align: center;
    font-size: 1rem;
}


code,tt, kbd, .codelist dt, .kw-string, .kw-keyword,.kw-comment,.kw-operator {
    font-family: 'Roboto Mono', monospace;
    font-size:0.55rem;
}

tt, kbd {
    font-weight: bolder;
}


.sws-canvas .math,
.sws-canvas var  {
    font-family: 'Computer Modern Serif';
    font-style:normal;
}

.sws-canvas math * {
    font-family: 'Computer Modern Serif';


}

.sws-footer {
    font-size: 0.6rem;
    text-align: center;
}



a {
    text-decoration: none;
}
.sws-toc li {
    font-size:110%;
}

/* spacing */
.sws-inner-canvas {
    vertical-align: top;
    flex-flow: column nowrap;
}
.sws-content {
    margin: 0;
    box-sizing: border-box;
    padding: 0em 1em;
}


p {
    margin-bottom: 0.5em;
    margin-top: 0;
}
/* visual elements */
.sws-slide-num-sep:after {
    content: " / ";
}

ul {
    list-style: none;
    padding-left: 0em;
}
ul ul {
    padding-left: 1em;
}
ul > li:before {
    content: "◆";
    display:inline-block;
    height: 1.75em;
    vertical-align: middle;
    font-size: 80%;
    padding-right: 0.5em;
    padding-left: 0em;
}
ul ul > li {
    text-indent: none;
}
/* shadow effects */

:root.sws-display .sws-canvas {
    -moz-background-clip: padding;     /* Firefox 3.6 */
    -webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
    background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
    border-width: 0.5rem;
    border-style: solid;
    box-sizing: border-box;
    border-color: rgba(0,0,0,0);
}
:root.sws-display .sws-canvas.sws-active-slide {
    position: relative;
    overflow: visible;
}
:root.sws-display .sws-canvas.sws-active-slide::after {
    content : "";
    display: block;
    z-index: -200;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    color: black;
    background-color: rgba(0,0,0,0);
    box-shadow: 0 0 0.5rem 0.25rem;
}
