:root {
  --green: hsl(123, 29%, 51%);
  --dark: hsl(206, 36%, 14%);
  --less-dark: hsl(206, 5%, 26%);
  --dark-green: hsl(169, 91%, 17%);
  --link-color: #fff;
  --link-hover-color: var(--green);
}


h1 {
  font-size: calc(2rem + 1vw);
  font-weight: 800;
}

h1.header-title a {
  text-decoration: none;
  color: var(--dark);
}

.move-down {
  position: relative;
  top: 12px;
}

h2 {
  font-size: calc(26px + 2 * ((100vw - 320px) / 680));
  margin-top: 1.3rem;
  margin-bottom: 1.3rem;
}

/* main > a {
  color: var(--dark) !important;
  text-decoration: none;
}

main > a:hover {
  color: var(--dark) !important;
  border-bottom: solid 2px var(--dark) !important;
} */

blockquote{
  border-inline-start: .25em solid hsl(0, 0%, 78%);
  margin: 2.6em 0;
  padding: 1em 2em;
}



.bg-dark {
  background-color: var(--dark) !important;
}



.bs-icon-primary1 {
  border-color: var(--green) !important;
  background-color: var(--green) !important;
  color: var(--link-color);
}

/* .btn-primary {
  border-color: var(--dark-green) !important;
  background-color: var(--dark-green) !important;
  color: var(--link-color);
} */

.bg-green {
  background-color: var(--green) !important;
}

.bg-blue {
  background-color: var(--dark-green) !important;
}

/* Override Bootstrap's link styles */

/* nav a {
  color: var(--link-color);
  text-decoration: none;
  border-bottom: solid 2px transparent;
}

nav a:hover {
  
  color: var(--link-color);
  border-bottom: solid 2px var(--link-color);
} */

.footer-top {
  /* background-image: url(/img/grass.png); */
  /* Moved to base.html */
  background-repeat: repeat-x;
  height: 65px;
  margin-bottom: -2px;
}

.link-footer {
  color: var(--dark);
  text-decoration: none;
}

.link-footer:hover {
  color: var(--dark);
  border-bottom: solid 2px var(--dark);
}

.bs-icon.bs-icon-primary {
  background: var(--dark);
  color: var(--bs-white);
}

.card-title {
  font-size: 1.6rem;
  font-weight: 700;
}




/* Default Theme Blocks */
/* page-title */
.default-page .page-title {}

/* richtext block */
.default-page div.richtext {}

/* heading_and_paragraph */
.default-page div.heading_and_paragraph {}

.default-page div.heading_and_paragraph img {
  max-width: 100%;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

/* heading block */
.default-page div.heading {
  
}

/* cards */
.default-page .cards {}

/* youtube_video block */
.default-page div.youtube_video {}

/* Document block */
.default-page div.document p {color: var(--less-dark);}

.default-page div.appendicies div.document{}


.default-page .appendicies-block div.heading{ 
  font-size: calc(18px + 2 * ((100vw - 320px) / 680));
  margin-bottom: 1rem;
}


/* Force embed block to display content using 100% width */
.embed-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  /* Adjust this value for the desired aspect ratio (16:9 in this case) */
  height: 0;
  overflow: hidden;
}

.embed-container iframe,
.embed-container embed,
.embed-container object,
.embed-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}