@font-face {
  font-family: "IM Fell English SC";
  src: url("ui/IM_Fell_English_SC/IMFellEnglishSC-Regular.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Cinzel";
  src: url("ui/Cinzel/Cinzel-VariableFont_wght.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Libre Baskerville";
  src: url("ui/libre-baskerville/LibreBaskerville-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Libre Baskerville";
  src: url("ui/libre-baskerville/LibreBaskerville-Italic.otf") format("opentype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Libre Baskerville";
  src: url("ui/libre-baskerville/LibreBaskerville-Bold.otf") format("opentype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Merriweather";
  src: url("ui/Merriweather/Merriweather-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Merriweather";
  src: url("ui/Merriweather/Merriweather-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Merriweather";
  src: url("ui/Merriweather/Merriweather-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("ui/Roboto/Roboto-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("ui/Roboto/Roboto-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("ui/Roboto/Roboto-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("ui/Roboto/Roboto-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url("ui/Roboto/Roboto-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
/* The side navigation menu */
.sidebar {
  margin: 0;
  padding: 0;
  width: 200px;
  position: fixed;
  height: 100%;
  overflow: auto;
  border-right-style: solid;
  border-right-width: 2px;
  border-right-color: rgba(90, 25, 238, 0.4);
  background: url("ui/journal-background.webp") repeat;
  box-shadow: rgba(50, 50, 93, 0.25) 0 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.sidebar .heading {
  font-family: "IM Fell English SC";
  color: #ffdbc3;
  font-size: 30px;
  padding-left: 12px;
  padding-top: 12px;
}
.sidebar a {
  display: block;
  font-family: "Roboto";
  color: #ffdbc3;
  padding: 16px;
  text-decoration: none;
}
.sidebar a.active {
  background-color: rgba(90, 25, 238, 0.4);
  color: #ffdbc3;
}
.sidebar a:hover:not(.active) {
  background-image: linear-gradient(to right, rgb(44, 10, 147), rgba(90, 25, 238, 0.4));
  color: white;
}

/* Page content. The value of the margin-left property should match the value of the sidebar's width property */
.content {
  margin-left: 200px;
}

.page-heading {
  margin-left: 200px;
  padding-left: 40px;
}

/* On screens that are less than 700px wide, make the sidebar into a topbar */
@media screen and (max-width: 700px) {
  .sidebar {
    width: 100%;
    height: auto;
    position: relative;
    border-right-style: none;
    border-right-width: 0;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: rgba(90, 25, 238, 0.4);
    background: url("ui/journal-background.webp") repeat;
  }
  .sidebar .heading {
    display: block; /* Forces the heading to occupy the full width */
    margin-top: 10px; /* Optional: Adds spacing from the content above */
    text-align: center; /* Optional: Centers the heading text */
  }
  .sidebar a {
    float: left;
  }
  .content {
    margin-left: 0;
  }
  .page-heading {
    margin-left: 0;
    padding-left: 20px;
  }
}
/* On screens that are less than 400px, display the bar vertically, instead of horizontally */
@media screen and (max-width: 400px) {
  .sidebar a {
    text-align: center;
    float: none;
  }
  .heading {
    display: block; /* Forces the heading to occupy the full width */
    margin-top: 10px; /* Optional: Adds spacing from the content above */
    text-align: center; /* Optional: Centers the heading text */
  }
  .content {
    margin-left: 220px;
  }
  .page-heading {
    margin-left: 200px;
    padding-left: 40px;
  }
}
html, body {
  font-family: "Merriweather";
  color: #4e5287;
  margin: 0;
  padding: 0;
}
html h1, html h2, html h3, html h4, html h5, html h6, body h1, body h2, body h3, body h4, body h5, body h6 {
  font-family: "Cinzel";
  font-variant-caps: small-caps;
  letter-spacing: normal;
  font-weight: normal;
  border: none;
}

hr {
  color: rgba(90, 25, 238, 0.4);
}

.page-heading {
  display: flex;
  align-items: center;
  font-family: "IM Fell English SC";
  font-size: 100px;
  background-color: #757070;
  color: #F2EDD7;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #402505;
}
.page-heading .index-logo, .page-heading img {
  height: 100px;
  width: 100px;
}

.inline-container {
  display: flex;
  align-items: center; /* Vertically align items */
  gap: 10px; /* Adjust spacing between the elements */
  margin-left: 220px;
  padding-top: 30px;
}
.inline-container .icon {
  width: 60px; /* Adjust size as needed */
  height: auto;
}
.inline-container .post-title {
  margin: 0; /* Remove default margin for better alignment */
}

.post-index {
  margin-left: 220px;
}
.post-index.news-post {
  font-family: "Roboto";
  font-size: 16pt;
  padding-top: 10px;
}

.content {
  padding: 1px 30px 0 30px;
  height: auto;
}
.content .date {
  font-family: "Roboto";
}
.content .author {
  font-family: "Roboto";
}
.content .author .name {
  font-size: 16pt;
}
.content .author .date {
  font-style: italic;
}
.content .contact {
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 10px; /* Adjust spacing as needed */
}
.content .contact .icon, .content .contact img {
  display: grid;
  width: 48px;
}
.content .contact .email {
  display: grid;
}

.blog {
  padding: 10px;
}
.blog .title {
  font-weight: bold;
}

/*# sourceMappingURL=waka-huia.css.map */