html {
    font-size: 14px;

    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
    background-image: url('../images/bg-woodland.jpg');
    background-size: cover;
    background-repeat: no-repeat;

    margin-bottom: 60px;
}

/* All links to be green. (see override for navbar-nav below.) */
a {
    color: #1D902F !important;
    text-decoration: none !important;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

/*html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}
*/

/* CMS inline edit-mode overlay (see Views/Cms/Layout100.cshtml) */
.editControl {
  outline: 1px dashed #258cfb;
  padding: 0.5rem;
}

.editControl .btnEditControl {
  display: inline-block;
  margin-bottom: 0.25rem;
  font-size: 0.85rem;
}

/* CMS-managed nav (see Cms/MenuHtmlGenerator.cs and _Layout.cshtml). The
   compiled menu HTML deliberately omits Bootstrap's dropdown-toggle/
   data-bs-toggle attributes (matching the original, which stripped the
   equivalent Bootstrap 3 attributes from its cached output "to make the
   click work") — dropdowns open on hover instead of Bootstrap's JS toggle. */
.navbar-nav .dropdown:hover > .dropdown-menu {
  display: block;
}

.navbar {
    background-color: #6ea32d !important;
}

.navbar-nav .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.3em;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

/* As we have set all a-links to be green we have to reset the menu items to gray here! */
.navbar-nav > .nav-item > a {
    color: rgba(0, 0, 0, .55) !important;
    text-decoration: none !important;
}

.dropdown-item {
    color: white !important;
}

/*.navbar-nav > .nav-item > .dropdown-menu > .dropdown-item > a {
    color: white !important;
}
*/

/* BOOTSTRAP OVERRIDES */
.btn-primary {
    color: #fff;
    background-color: #1D902F;
}

.btn-primary:hover {
    color: #fff;
    background-color: #41CB56;
}

.card {
    border: 1px solid #1C4D24 !important;
}

.card-header {
    color: white !important;
    background-color: #1C4D24 !important;
    padding: 10px 15px !important;
}

.card-header-bold {
    font-weight: bold;
}

/* --------------------------
    NAV Bar modifiers
   -------------------------- */
.nav-tabs {
    border-color: Transparent Transparent #1D902F !important;
}

.nav-tabs a:hover {
    color: white !important;
    background-color: #1D902F !important;
}

.nav-tabs > li > a.active {
    border-color: #1D902F !important;
    border-bottom-color: Transparent !important;
    color: #1D902F !important;
    font-weight: bold !important;
}

.nav-tabs > li > a.active:hover {
    color: white !important;
    background-color: #1D902F !important;
}

/* Dynamic page css */
h1 {
    font-size: 30px;
    font-weight: 500;
    color: #1C4D24;
}

h2 {
    font-size: 24px;
    font-weight: 500;
    color: #1C4D24;
}

.ExpandingSectionHeader {
    background-color: #1C4D24;
    color: white;
    font-weight: bold;
    height: 2.0em;
    line-height: 2.0em;
    margin-bottom: 5px;
    padding-left: 5px;
    width: 100%;
}

.fa-plus.lnk-add {
    color: yellow;
}