/* Fonts */

@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 200;
  src: local("Mulish ExtraLight"), local("Mulish-ExtraLight"), url("/assets/fonts/Mulish-ExtraLight.woff2") format("woff2"); }

@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 200;
  src: local("Mulish ExtraLight Italic"), local("Mulish-ExtraLightItalic"), url("/assets/fonts/Mulish-ExtraLightItalic.woff2") format("woff2"); }

@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 300;
  src: local("Mulish Light"), local("Mulish-Light"), url("/assets/fonts/Mulish-Light.woff2") format("woff2"); }

@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 300;
  src: local("Mulish Light Italic"), local("Mulish-LightItalic"), url("/assets/fonts/Mulish-LightItalic.woff2") format("woff2"); }

@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  src: local("Mulish"), local("Mulish"), url("/assets/fonts/Mulish-Regular.woff2") format("woff2"); }

@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 400;
  src: local("Mulish Italic"), local("Mulish-Italic"), url("/assets/fonts/Mulish-Italic.woff2") format("woff2"); }

@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 500;
  src: local("Mulish Medium"), local("Mulish-Medium"), url("/assets/fonts/Mulish-Medium.woff2") format("woff2"); }

@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 500;
  src: local("Mulish Medium Italic"), local("Mulish-MediumItalic"), url("/assets/fonts/Mulish-MediumItalic.woff2") format("woff2"); }

@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 600;
  src: local("Mulish SemiBold"), local("Mulish-SemiBold"), url("/assets/fonts/Mulish-SemiBold.woff2") format("woff2"); }

@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 600;
  src: local("Mulish SemiBold Italic"), local("Mulish-SemiBoldItalic"), url("/assets/fonts/Mulish-SemiBoldItalic.woff2") format("woff2"); }

@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 700;
  src: local("Mulish Bold"), local("Mulish-Bold"), url("/assets/fonts/Mulish-Bold.woff2") format("woff2"); }

@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 700;
  src: local("Mulish Bold Italic"), local("Mulish-BoldItalic"), url("/assets/fonts/Mulish-BoldItalic.woff2") format("woff2"); }

@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 800;
  src: local("Mulish ExtraBold"), local("Mulish-ExtraBold"), url("/assets/fonts/Mulish-ExtraBold.woff2") format("woff2"); }

@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 800;
  src: local("Mulish ExtraBold Italic"), local("Mulish-ExtraBoldItalic"), url("/assets/fonts/Mulish-ExtraBoldItalic.woff2") format("woff2"); }

@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 900;
  src: local("Mulish Black"), local("Mulish-Black"), url("/assets/fonts/Mulish-Black.woff2") format("woff2"); }

@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 900;
  src: local("Mulish Black Italic"), local("Mulish-BlackItalic"), url("/assets/fonts/Mulish-BlackItalic.woff2") format("woff2"); }


/* Variables */

:root {
  --bs-font-sans-serif: "Mulish", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}


/* Global */

body {
  background-color: #3c6a1b;
}

html {
  scrollbar-color: rgba(0, 0, 0, 0.5) rgba(255, 255, 255, 0.5);
}

/*
@media (prefers-color-scheme: dark) {
  html {
    scrollbar-color: rgba(255, 255, 255, 0.5) rgba(0, 0, 0, 0.5);
  }
}
*/

a {
  color: #3c6a1b;
}


/* Site */

.tdg-site__header {
  padding-top: 3rem;
  padding-bottom: 3rem;
  color: #fff;
  text-align: center;
  background-color: #3c6a1b;
}

.tdg-site__header a {
  color: #fff;
}

.tdg-site__title a {
  text-decoration: none;
}

.tdg-site__title a:hover {
  text-decoration: underline;
}

.tdg-site__content {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: #fff;
}

.tdg-site__footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
  color: #fff;
  font-size: 0.875rem;
  text-align: center;
  background-color: #3c6a1b;
}

.tdg-site__footer a {
  color: #fff;
}


/* Post */

.tdg-post__title a {
  color: var(--bs-body-color);
  text-decoration: none;
}

.tdg-post__title a:hover {
  text-decoration: underline;
}

.tdg-post__date {
  font-size: 0.875rem;
}

.tdg-post__body figure {
  margin-bottom: 1rem;
}

.tdg-post__body p:last-child,
.tdg-post__body figure:last-child {
  margin-bottom: 0;
}


/* Post List */

.tdg-post-list--collapsed .tdg-post__title a {
  text-decoration: underline;
}


/* Page */

.tdg-page__header {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.tdg-page__title {
  font-weight: 700;
}


/* Module */

@media (max-width: 767px) {
  .tdg-module {
    text-align: center;
  }
}

.tdg-module p:last-child {
  margin-bottom: 0;
}