/* Import fonts */
@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Poiret+One&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Macondo&display=swap');

/* Content width */
/*
body #sb-site {max-width: 75%; margin: 0 auto; }
body #header {left: 0 }
*/
/* responsive, for small screens use full screen */
/*
@media (max-width: 479px) {
    body #sb-site {max-width: 100%};
    }
*/
/* General formattting */
/* First level headers */

h1 {
  font-size: 16pt;
  font-weight: bold;
  background-color: white; 
  color: black;
  text-align: left;
  text-indent: 2px;
  margin-top: 15px;
  margin-bottom: 2px;
  border-bottom: solid 2px;
  padding: 1px;
  font-family: sans-serif;
  letter-spacing: normal;
}
/* Blog item titles */
h4 {
  font-size: 18pt;
  font-weight: bold;
  background-color: white; 
  color: DarkSlateGray;
  text-align: left;
  padding: 0px;
  margin-top: 10px;
  margin-bottom: 5px;
/*  border-bottom: solid green 2px;*/
  font-family: "Macondo", cursive;
}
h2 {
  font-size: 14pt;
  color: black;
  background-color: white;
  text-align: left;
  border-bottom: 0px;
  padding: 2px;
  margin-top: 10px;
  margin-bottom: 1px;
}

h3 {
  font-size: 14pt;
  color: black;
  text-align: left;
  border-bottom: 1px solid gray;
  padding-bottom: 2px;
  margin-top: 10px;
  font-weight: bold;
  font-family: Georgia, serif;
}

p {
  font-size: 12pt;
  line-height: 1.5;
  text-align: justify;
  text-indent: 0.5em;
  margin-top: 1em;
  margin-bottom: 1em;
  font-family: "Montserrat", serif;
}

.sidebar-content {
  font-size: 10pt;
  }

/* Centres images */
img {
  display: block;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 10px;
  max-height: 90vh;
}
/* style images within a figure */
 figure > img {
  max-height: 90vh;
  border: 2px solid silver;
}

/* formats only the image captions */
figcaption {
  font-style: italic;
  font-size: 11pt; 
  color: black;
  background-color: white;
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
}

video, videocontrols {
  max-height: 80vh;
  max-width: 100%;
}

/* Centres videos */ 
p > video {
  display: block;
  border: thin silver solid;
  margin: auto;
}

figure {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 0.5em;
}
/*
pre {
  padding: 2px;
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 1.1;
}
*/