/* MaTiSSe.py default styles*/

/* box-sizing is necessary */
*, *:after, *:before {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
       -o-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
}

/* paragraph */
p {
  padding: 1% 0;
}

/* link */
a {
  color: inherit;
  text-decoration: none;
  padding: 0 0.1em;

  -webkit-transition: 0.2s;
     -moz-transition: 0.2s;
      -ms-transition: 0.2s;
       -o-transition: 0.2s;
          transition: 0.2s;
}
a:hover, a:focus {
  text-transform: uppercase;
  font-size: 150%;
  padding: 5%;
}

/* lists */
ol {
  list-style: none;
  counter-reset: item;
  padding-left: 0;
}
ul {
  list-style: none;
  padding-left: 0;
}
li:before {
  content: counter(item) ". ";
  counter-increment: item;
  padding-right: 0.8em;
  text-indent: -0.8em;
}
ul li:before {
  content: '■';
}
ol li:before {
  padding-right: 0.5em;
}
li {
  padding-left: 0.8em;
}

/* codes */
pre {
  display:flex;
  padding: 1% 0;
  font-size: 90%;
}

.columns:after {
  visibility: hidden;
  content:" ";
  clear: both;
  display: block;
}

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

  background: rgb(215, 215, 215);
  background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 500, from(rgb(240, 240, 240)), to(rgb(190, 190, 190)));
  background: -webkit-radial-gradient(rgb(240, 240, 240), rgb(190, 190, 190));
  background:    -moz-radial-gradient(rgb(240, 240, 240), rgb(190, 190, 190));
  background:     -ms-radial-gradient(rgb(240, 240, 240), rgb(190, 190, 190));
  background:      -o-radial-gradient(rgb(240, 240, 240), rgb(190, 190, 190));
  background:         radial-gradient(rgb(240, 240, 240), rgb(190, 190, 190));
}

/* impress.js specific tags */
.step {
  position: relative;
}
.impress-enabled .step {
  margin: 0;
  opacity: 0.3;

  -webkit-transition: opacity 1s;
     -moz-transition: opacity 1s;
      -ms-transition: opacity 1s;
       -o-transition: opacity 1s;
          transition: opacity 1s;
}
.impress-enabled .step.active {
  opacity: 1;
}

/* MaTiSSe.py specific tags */

/* timer tags */
input[type=button] {
  padding:0;
  margin:0;
  border:0 none;
  background: rgba(0,0,0,0.01);
}
.countDown {
  display: block;
  padding: 0;
  margin: 0;
}
.timercontrols {
  display:table-row;
}
.timer {
  display:table-row;
}
.timercontainer {
  padding: 0 1%;
}

/* timer entities */
.toc {
  display: block;
}
.toc-chapter, .toc-section, .toc-subsection, .toc-slide {
  clear: both;
  float: left;
  white-space: pre-wrap;
}
.toc-chapter-emph, .toc-section-emph, .toc-subsection-emph, .toc-slide-emph {
  clear: both;
  float: left;
  white-space: pre-wrap;
}
.centering {
  display: block;
  width: 0;
  margin: 0 auto;
}
