@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;
  filter: hue-rotate(45deg);
}

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

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

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

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

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

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

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

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

/* line 91, ../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 100, ../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 111, ../scss/teater.scss */
.teater {
  font-size: 1em;
  font-weight: bold;
}

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

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

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

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

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

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

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

/* line 163, ../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 177, ../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 187, ../scss/teater.scss */
article footer, .kuupaev {
  border-top: 1px dotted #2acca4;
  color: #2acca4;
  font-family: monospace;
  font-size: 0.9em;
  font-style: italic;
}

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

/* line 197, ../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 210, ../scss/teater.scss */
div.tautor {
  text-align: right;
  padding-top: 0;
  padding-right: 25px;
  font-size: 1em;
  font-family: monospace;
}

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