/*
  The body background is the bacgkround of "everything". Many
  impress.js tools call it the "surface". It could also be a
  picture or pattern, but we leave it as light gray.
*/

body {
    font-family: 'PT Sans', sans-serif;
    min-height: 740px;

    background: rgb(215, 215, 215);
    color: rgb(70, 70, 70);
}

/*
    Now let's style the presentation steps.
*/

.step {
    position: relative;
    width: 1800px;
    padding: 60px;
    margin: 60px auto;

    box-sizing:         border-box;

    font-family: 'PT Serif', georgia, serif;
    font-size: 60px;
    line-height: 1.5;
}
/*
    Make inactive steps a little bit transparent.
*/
.impress-enabled .step {
    margin: 0;
    opacity: 0.3;
    transition:         opacity 1s;
}

.impress-enabled .step.active { opacity: 1 }

.slide {
    display: block;

    width: 1850px;
    height: 1000px;
    padding: 40px 60px;

    background-color: white;
    border: 2px solid rgba(0, 0, 0, .3);
    border-radius: 30px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);

    text-shadow: 0 3px 3px rgba(0, 0, 0, .2);

    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 45px;
    letter-spacing: -2px;
}


.slide h1, 
.slide h2, 
.slide h3 {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    text-align: center;
}

.slide p {
    text-align: center;
    margin: 0.7em;
}

.slide li {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    margin-left: 3em;
    margin-right: 3em;
}

/* A list with a), b), ... numberings */

@counter-style alpha-list {
	system: extends lower-alpha;
	suffix: ') ';
}
.alphalist {
	list-style: alpha-list;
}



/* **Theoremstyles** */

/* A simple theoremstyle */
/* Use as <div class="box"><span class="thmtitle">Theorem:</span> ...</div> */

.thmbox {border:1px solid gray; border-radius:5px 5px; padding:5px;} /* A box to surround theorems etc */

.thmtitle {font-variant:small-caps; font-weight:bold; color:#808080; text-shadow: 1px 1px 4px rgba(170,170,170,0.9);} /* Style for theoremtitle  */

.d em {font-style:normal; color:#000099;} /* Change emphasize style in definitions (class d) */


/* A theoremstyle where a short version of the theorem-type (Thm, Lem, ...) is added on the left */
/* Use as <div class="theoremstyle t">...</div> */

.theoremstyle {
	margin-left:3em;
	margin-bottom:1em;
	position:relative;
}

.theoremstyle::before {
	font-variant:small-caps;
	font-weight:bold;
	color:#808080;
	text-shadow: 1px 1px 4px rgba(170,170,170,0.9);
	display:block;
	float:left;
	margin-left:-3em;
}

.theoremstyle.t::before {content:"Thm.:";}
.theoremstyle.d::before {content:"Def.:";}
.theoremstyle.l::before {content:"Lem.:";}

/* A theoremstyle where the theoremtype is stated in full above */
/* Same use as previous one */

.theoremstyletop::before {
	font-variant:small-caps;
	font-weight:bold;
	color:#808080;
	text-shadow: 1px 1px 4px rgba(170,170,170,0.9);
	display:block;
}

.theoremstyletop.t::before {content:"Theorem:";}
.theoremstyletop.l::before {content:"Lemma:";}


/* Envioronment for proofs (with qed-Box at the end) */
/* Use as <div class="proofstyle">...</div> */

.proofstyle {
	margin-left:4em;
	margin-bottom:1em;
	position:relative;
}

.proofstyle::before {
	font-variant:small-caps;
	font-weight:bold;
	color:#808080;
	text-shadow: 1px 1px 4px rgba(170,170,170,0.9);
	display:block;
	float:left;
	margin-left:-3em;
	content:"Proof:";
	transition:opacity 1s;
}

.proofstyle::after {
	position:absolute;
	right:20px;
	bottom:-5px;
	font-size:35px;
	content:"□";
	transition:opacity 1s;
}