@charset "UTF-8";
/*
	color1 - taust
	color2 - pealkirjade taust 
	color3 - hinnang
	color4 - artikli taust
	color5 - tärnide värv
*/
/* Coolors Exported Palette - coolors.co */
@import url("https://fonts.googleapis.com/css?family=Grandstander");
/* line 30, ../scss/teater.scss */
body {
  background-color: #2acca4;
  color: #000;
  margin: 0;
  padding: 10px;
  text-align: justify;
  font-family: Grandstander, sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 200;
  font-size: 14px;
  line-height: 20px;
  background: url("vasak-kardin.png") no-repeat, url("parem-kardin.png") right top no-repeat, url("yleval-kardin.png") left top repeat-x;
  background-origin: border-box;
  background-attachment: fixed;
  background-size: 10vw 100vh, 10vw 100vh, auto 4vh;
}

/* line 48, ../scss/teater.scss */
h1 {
  color: #5d5d62;
}

/* line 52, ../scss/teater.scss */
strong {
  font-weight: bold;
}

/* line 55, ../scss/teater.scss */
main {
  background-color: #70032e;
  margin-top: 3vh;
}

/* line 60, ../scss/teater.scss */
div {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}

/* line 65, ../scss/teater.scss */
p {
  padding-bottom: 0.3em;
  padding-top: 0.2em;
}

/* line 70, ../scss/teater.scss */
.hinnang {
  color: #7B7370;
  font-size: 1em;
  text-align: justify;
}

/* line 77, ../scss/teater.scss */
.markused {
  color: #298f0c;
  text-align: justify;
}

/* line 84, ../scss/teater.scss */
.tutvustus {
  text-align: justify;
  font-size: 1em;
  color: 0;
}

/* line 90, ../scss/teater.scss */
.etenduse-box {
  background-color: #CAF0F8;
  border-radius: 10px;
  margin-bottom: 0;
  margin-top: 1.5em;
  padding-top: 0;
  padding-right: 1em;
}

/* line 99, ../scss/teater.scss */
.etendus {
  background-color: #7d002f;
  background-color: #7d002f;
  border-radius: 10px 10px 0 0;
  color: #2acca4;
  padding: 5pt;
  padding-right: 1em;
  margin-right: -1em;
}

/* line 110, ../scss/teater.scss */
.teater {
  font-size: 1em;
  font-weight: bold;
}

/* line 115, ../scss/teater.scss */
.pealkiri {
  color: #5d5d62;
  font-size: 1.4em;
  font-weight: bold;
}

/* line 121, ../scss/teater.scss */
.koht {
  font-size: 1em;
}

/* line 125, ../scss/teater.scss */
.tarne {
  color: #70032e;
  padding-left: 1.5em;
  font-family: monospace;
  font-size: 1.5em;
  letter-spacing: 3px;
}

/* line 133, ../scss/teater.scss */
.etendusekirjeldus {
  margin: 0 10px 1em 50px;
  padding-right: 25px;
  text-indent: -70px;
  color: #000;
}

/* line 140, ../scss/teater.scss */
span.label {
  font-weight: bold;
  color: #7B7370;
  width: 110px;
}

/* line 146, ../scss/teater.scss */
form label {
  float: left;
  font-weight: bold;
  padding-right: 10px;
  text-align: right;
  width: 10%;
}

/* line 154, ../scss/teater.scss */
footer, div.jalus {
  text-transform: uppercase;
  color: #7d002f;
  font-size: 0.8em;
  margin-top: 1em;
}

/* line 162, ../scss/teater.scss */
article, div.artikkel {
  display: block;
  background-color: #CAF0F8;
  color: #000;
  border-color: #2acca4;
  border-radius: 10px;
  margin-bottom: 5px;
  margin-top: 1em;
  padding: 25px;
  background-size: cover;
}

/* line 176, ../scss/teater.scss */
article h2, div.artikkel h2 {
  background-color: #2acca4;
  border-radius: 10px 10px 0 0;
  color: #70032e;
  margin-left: -25px;
  margin-right: -25px;
  margin-top: -25px;
  padding: 12.5px 15px 10px 15px;
}

/* line 186, ../scss/teater.scss */
article footer, .kuupaev {
  border-top: 1px dotted #2acca4;
  color: #2acca4;
  font-family: monospace;
  font-size: 0.9em;
  font-style: italic;
}

/* line 194, ../scss/teater.scss */
.jutt {
  background-color: #70032e;
  background-size: cover;
}

/* line 196, ../scss/teater.scss */
div.tsitaat {
  width: 50%;
  text-align: justify;
  margin-left: auto;
  margin-right: 0;
  padding-top: 0;
  padding-right: 25px;
  margin-top: 0;
  font-size: 0.9em;
  font-family: monospace;
  font-style: italic;
}

/* line 209, ../scss/teater.scss */
div.tautor {
  text-align: right;
  padding-top: 0;
  padding-right: 25px;
  font-size: 1em;
  font-family: monospace;
}

/* line 217, ../scss/teater.scss */
body > footer, body > header, body > footer a {
  background-color: #70032e;
  color: #fff;
  font-size: 1.4em;
  font-family: Grandstander, sans-serif;
}