/*body { padding-top: 56px; }*/
.left-aligned { margin-left: auto; }
.bg-dark { background-color:#013014 !important; }
.bg-hero { background-color: white; }


/* CALLOUT */
.bd-callout { padding:1.25rem; margin-top:1.25rem; margin-bottom:1.25rem; border:1px solid #e9ecef; border-left-width:.25rem; border-radius:.25rem }
.bd-callout h4 { margin-bottom:.25rem }
.bd-callout p:last-child { margin-bottom:0 }
.bd-callout code { border-radius:.25rem }
.bd-callout+.bd-callout { margin-top:-.25rem }
.bd-callout-info { border-left-color:#5bc0de }
.bd-callout-warning { border-left-color:#f0ad4e }
.bd-callout-danger { border-left-color:#d9534f }

/* page title */
h2.title_of_page {
    color: #013014;
    font-family: "Shrikhand", cursive;
    font-size: xxx-large;
    text-transform: uppercase;
}

/* Footer Styles */
footer a {
  color: #F4F1DE;
  /* font-weight: bold; */
  text-decoration: none;
}

footer a:hover {
  color: #F4F1DE;
  text-decoration: underline;
}

footer {
  text-align: center;
  margin: 0;
}

/* Subheading Styling */
.body_subhead {
    color: #013014;
    font-family: "Shrikhand", cursive;
    font-weight: bold;
}

/* Body Styling */
.body-container {
  background-color: #F4F1DE;
}

/* Laptop styles (screen width: 768px and above) */
@media screen and (min-width: 1001px) {
  nav.navbar.navbar-expand-lg.navbar-dark.bg-dark.fixed-top {
    height: 150px;
  }

  .body-container {
    margin: 0px 0 0;
  }

  .body-title {
    color: #013014;
    font-family: "Shrikhand", cursive;
    font-size: xxx-large;

  }

  .body-text {
    color: #013014;
    font-family: "Open Sans", sans-serif;
    font-size: large;
  }
}

/* Phone styles (screen width: up to 767px) */
@media screen and (max-width: 1000px) {
  /*nav.navbar.navbar-expand-lg.navbar-dark.bg-dark.fixed-top {
    height: 55px;
  }*/

  .body-container {
    margin: 20px 10px 10px;
  }

  .body-title {
    color: #013014;
    font-family: "Shrikhand", cursive;
    font-size: large;
  }

  .body-text {
    color: #013014;
    font-family: "Open Sans", sans-serif;
    font-size: xx-small;
  }

  footer {
    font-size: 10px;
  }
}

/* Text Selection Styles */
::-moz-selection {
  color: #F4F1DE;
  background-color: #013014;
}

::selection {
  color: #F4F1DE;
  background-color: #013014;
}

/* Highlighted Text Styles */
.highlighted-text {
  
  color: #7bab6a;
  font-weight: bold;
  text-shadow: #013014;
}