@charset "UTF-8";

@import url("https://fonts.googleapis.com/css?family=Nunito");

body {
  background-color: #247ba0;
  color: #000;
  margin: 4vh 0 0 0;
  overflow-y: scroll;
  padding: 10px;
  text-align: justify;
  font-family: Nunito, sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  font-size: 12pt;
  line-height: 14pt; 
  min-height: 100vh;
  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;
  }

main {
	background-color: #30CFFF;
	width: 75vw;
	
}

h1, h2, h3 {
  
  font-family: Nunito, sans-serif;
  }

.hinnang {
  color: #187a37;
  font-size: 1.1em;
  text-align: justify; 
  }

.markused {
  color: #5bb277;
  text-align: justify; 
  }

.tutvustus {
  text-align: justify; 
  }

.etenduse-box {
  background-color: #f3ffbd;
  border-radius: 10px;
  margin-bottom: 0;
  margin-top: 1.5em;
  padding-top: 0;
  padding-right: 1em; }

.etendus {
  background-color: #b2dbbf;
  background-color: #b2dbbf;
  border-radius: 10px 10px 0 0;
  color: #247ba0;
  padding: 5pt;
  padding-right: 1em;
  margin-right: -1em; }

.teater {
  font-size: 1em;
  font-weight: bold; }

.pealkiri {
  color: #a25c1f;
  font-size: 1.4em;
  font-weight: bold; }

.koht {
  font-size: 1em; }

.tarne {
  color: #ff1654;
  padding-left: 1.5em;
  font-family: monospace;
  font-size: 1.5em; }

.etendusekirjeldus {
  margin: 0 10px 1em 50px;
  padding-right: 25px;
  text-indent: -50px; }

span.label {
  font-weight: bold;
  color: #1fa28b;
  width: 30%; 
  display: block;  
  }

form label {
  float: left;
  font-weight: bold;
  padding-right: 10px;
  text-align: right;
  width: 10%; }


article, div.artikkel {
  display: block;
  background-color: #f3ffbd;
  color: #000;
  border-radius: 10px;
  margin-bottom: 5px;
  margin-top: 0.8em;
  padding: 25px; 
  box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
  }

article header h2, div.artikkel h2 {
  background-color: #b2dbbf;
  border-radius: 10px 10px 0 0;
  color: #247ba0;
  margin-left: -25px;
  margin-right: -25px;
  margin-top: -25px;
  padding: 12.5px 15px 10px 15px; }

article footer, .kuupaev {
  border-top: 1px dotted #247ba0;
  color: #247ba0;
  font-family: monospace;
  font-size: 0.9em;
  font-style: italic; }

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; 
  }

div.tautor {
  text-align: right;
  padding-top: 0;
  padding-right: 25px;
  font-size: 1em;
  font-family: monospace; }


body>footer, body>header, body>footer a {
	
	width: 75vw;
	background-color: #03A8E5;
	opacity: 0.9;
	color: #000;
	font-size: 1.1em;
	font-family: Nunito, sans-serif;
}


article div, article p {
	font-size:1.1em;
	line-height: 1.2em; 
}