/* Body */
body {
  max-width: 50em; /* limit line length to 50em for readability   */
  margin: 0 0; 
  padding: 1.6em 1.5em 2em 1em; 
  line-height: 1.2;
  font-family: 'Times New Roman', serif;
  font-size: 14pt; 
  color: #424242;  /* Grey 800 */
  }

/* Headings */
h1, h2, h3 { line-height: 1.2; }
h1 { font-weight: bold; font-family: 'Roboto', sans-serif; font-size: 130%; }  
h2 { font-weight: bold; font-size: 100%; }

/* Paragraphs and Lists */
p { margin: 1em 0; }

li > p:first-child { margin-top: 0; }
ul, ol { 
  font-family: 'Times New Roman', sans-serif;
  margin-left: 0; padding-left: 2em; }
li { margin: 0.25em 0 0.5em; padding: 0; }

/* ---- Paigutus ---- */
#Container {
  display: flex;
  /* flex-wrap: wrap; */
}
#Tekst {
  flex-grow: 1; margin-left: 2rem;
  max-width: 53rem; /* Teksti loetavuse huvides */
}
#Riba {
  flex-grow: 0; width: 18rem;
  padding: 0 1rem 2rem 1rem;
  background-color: Azure;
}

/* ---- Teatepaneelid ---- */
.block__note {
  border-color:#0074d9; background-color:#e5f1fb;
  color:#004b8d; padding:0 8px;
  border:1px solid #0074d9;
  border-radius:4px; font-size:85%;
  margin-bottom:5px;
}
.block__note > p { margin:0 0 8px 0 }
.block__note--heading {
  font-weight:600; margin-top:8px;
  line-height:1; font-size:18px
}
.block__tip {
  border-color:#cab918;
  background-color:#f9f8e7;
  color:#837810;
  padding:0 8px;
  border:1px solid #cab918;
  border-radius:4px;
  font-size:85%;
  margin-bottom:5px;
}
.block__tip > p {
  margin:0 0 8px 0
}
.block__tip--heading {
  font-weight:600;
  margin-top:8px;
  line-height:1;
  font-size:18px
}
.block__warning {
  border-color:#f44336;
  background-color:#FFECEC;
  color:#f44336;
  padding:0 8px;
  border:1px solid #ff851b;
  border-radius:4px;
  font-size:85%;
  margin-bottom:5px;
}
.block__warning > p {
  margin:0 0 8px 0
}
.block__warning--heading {
  font-weight:600;
  margin-top:8px;
  line-height:1;
  font-size:18px
}
.block__lead {
  font-size:20px;
}
.block__lead > p {
  margin-top:0
}

/* ---- ---- */

.lyliti {
  cursor: pointer;
}
.keel {
  font-size: 16px;
  font-weight: bold;
  color: white;
  background-color: #9E9E9E;
  width: 2rem;
  border-radius: 3px;
  text-align: center;
}
.teine { 
  font-size: 16px; 
  font-family: 'Anonymous Pro', serif;
}

.Anon {
  font-family: 'Anonymous Pro';
}
.edit { 
  color: #E0E0E0; font-size: 24px; cursor: pointer;
  position: absolute; right: 5px; top: 5px;
  text-decoration:none;
}
a[href] .edit { color: #E0E0E0; text-decoration:none; }

.RibaElement {
  display: block;
  line-height: 1.75;
}

.inset { 
  font-size: 16px; 
  font-family: 'Anonymous Pro', serif;
  margin-left: 2em; }
.caption {
  font-size: 10px; margin-top: 0px; text-align: right; }
blockquote { 
  font-style: italic; 
  font-family: 'Anonymous Pro', monospace;
  font-size: 16px;
  margin-left: 0;
}
.concept { 
  text-decoration: underline;
}

/* Code */
pre, code, samp {
  font-family: 'Anonymous Pro', monospace;
  font-size: 18px;
  color: #FF8A65; 
  overflow-y: hidden; 
  overflow-x: hidden;
  page-break-inside: avoid;
  hyphens: none;
  text-transform: none;
}
pre code,
code code {
  font-size: 100%;
}
pre {
  margin-top: 1em;
  margin-bottom: 1em;
}


/* Links */
a[href] {
  color: #607D8B;
  text-decoration: none;
  border-bottom: 1px solid #607D8B;
  padding: 0 1px 0;
  margin: 0 -1px 0;
}
a:visited {
  border-bottom-color: #607D8B;
}

a[href]:focus,
a[href]:hover {
  background: #607D8B;
  background: rgba(75%, 75%, 75%, .25);
  border-bottom-width: 3px;
  margin-bottom: -2px;
}
a[href]:active {
  color: #C00;
  border-color: #C00;
}

/* //// Material design ikoonid //// */
.ikoon { color: #00acc1; font-size: 48px !important; }