@import url("http://fonts.googleapis.com/css?family=Oswald|Play|Shadows+Into+Light&subset=latin,latin-ext");
html{
  background-color: #343a40;
}

body {
    background-color: rgb(250, 250, 250);
}
.footer {
  /* background-color: rgb(191, 221, 52); */
  background-color: #343a40;
  color: white;
}
.footer p {
  margin: 0;
}
.footer a {
  color: white;
}
.footer a:hover {
  color: white;
  opacity: 0.7;
  text-decoration: none;
}
.footer hr {
  border: 3px solid white;
  opacity: 0.5;
}

.jumbotron{
    padding: 0.5rem 0;
}
.text-bg-home,
.text-bg-home a {
  color: black;
  background-color: rgb(191, 221, 52);
}

.text-bg-error {
  color: white;
  background-color: red;
}

.gallery {
  color: white;
  background-color: #343a40;
}

.text-bg-home2,
.text-bg-home2 a {
  color: white;
  background-color: #343a40;
}
.text-bg-home2 a:hover {
  color: rgb(220, 220, 220);
  background-color: #343a40;
}
.text-bg-home2 a {
  text-decoration: none;
}
.text-bg-home2 img {
    border: 2px solid white;
}
.text-bg-home2 img:hover {
  border: 2px solid rgb(220, 220, 220);
}

.text-bg-home3 {
  background-color: transparent;
}
.text-bg-home3:hover {
  background-color: transparent;
}
.text-bg-home3 a {
  color: #343a40;
  text-decoration: none; /* */
}
.text-bg-home3 a:hover {
  color: #343a40;
  text-decoration: none;
  opacity: 0.75;
}
.text-bg-home3 a:hover em {
  text-decoration: underline;
  opacity: 1;
}
.text-bg-home3 img {
    border: 4px solid white;
}
.text-bg-home3 img:hover {
  border: 4px solid rgb(191, 221, 52);
}
hr.cra {
  border: 3px solid #343a40;
  opacity: 0.5;
}
p.cra,
li.cra {
  color: #343a40;
}
p.cra a,
p.cra2 a,
p.cra3 a,
li.cra a {
  color: rgb(57, 84, 12);
  text-decoration: none;
}
p.cra a,
p.cra2 a,
li.cra a {
  font-weight: bold;
}

p.cra a:hover,
p.cra2 a:hover,
p.cra3 a:hover,
li.cra a:hover {
  color: rgb(57, 84, 12);
  opacity: 0.75;
}

p.cra a:hover,
li.cra a:hover {
  text-decoration: underline;
}
p.cra2 a:hover,
p.cra3 a:hover {
  text-decoration: none;
}

nav,
.dropdown-menu,
.nav-item {
  color: white;
  background-color: #343a40;
}
a.nav-link,
a.nav-link:visited,
.dropdown a:focus,
.navbar-toggler {
    color: white;
}
a.nav-link:hover,
.navbar-toggler:hover {
  color: rgb(220, 220, 220);
}
 /* a.nav-link.visited,
a.nav-link.active,
a.nav-link.focus,
a.nav-link.show,
a.nav-link.link,
.navbar-nav .nav-link.link,
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.focus,
.navbar-nav .nav-link.visited,
.navbar-nav .nav-link.show {
  color: rgb(200, 200, 200);
  color: red;
} */
.navbar-nav .nav-link.active,
.dropdown a:focus.nav-link.active,
.navbar-nav .nav-link.show {
  color: rgb(200, 200, 200);
}
.dropdown-divider {
  border-color: rgb(200, 200, 200);
}

.btn-green {
  --bs-btn-color: black;
  --bs-btn-bg: rgb(191, 221, 52);
  --bs-btn-border-color: rgb(191, 221, 52);
  --bs-btn-hover-color: white;
  --bs-btn-hover-bg: rgb(57, 84, 12);
  --bs-btn-hover-border-color: rgb(57, 84, 12);
  /* --bs-btn-focus-shadow-rgb: 60, 153, 110; */
}

.text-bg-orange,
.text-bg-orange a,
.text-bg-green,
.text-bg-green a {
  color: black;
  background-color: white;
}
.text-bg-green a:hover,
.text-bg-green:hover a,
.text-bg-green:hover {
  color: black;
  background-color: rgb(191, 221, 52);
}

.text-bg-orange a:hover,
.text-bg-orange:hover a,
.text-bg-orange:hover {
  color: black;
  background-color: orange;
}

.text-bg-orange a,
.text-bg-green a,
.text-bg-home a {
  text-decoration: none;
}
/* .text-bg-green .white a,
.text-bg-green .white a:hover,
.text-bg-orange .white a,
.text-bg-orange .white a:hover,
.white,
.white a,
.white a:hover {
  background-color: white;
} */
.white {
  background-color: white;
  border-bottom: 8px solid rgb(191, 221, 52);
  ;
}
.white:hover {
  border-bottom: 8px solid rgb(57, 84, 12);
}
.white a,
.white a:hover {
  color: black;
  text-decoration: none;
}

.lead2 {
  font-size: 1.25rem;
  /* font-weight: 300;
  font-family: 'Shadows Into Light', cursive, helvetica, arial, sans-serif;
  font-family: 'Oswald', Impact, Charcoal, helvetica, arial, verdana, sans-serif; */
  font-family: 'Shadows Into Light', cursive, helvetica, arial, sans-serif;
}
.lead3 {
  font-size: 1.25rem; /* */
  font-weight: 400;
}
.lead3small {
  font-size: 1rem; /* */
  font-weight: 400;
}
.logo5 {
  background-color: white;
  padding:  0.2em  0.5em  0.2em 0.5em;
  margin: 0 1em 0 1em;
}

.pic_bg {
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 14em;
/*  background-size: contain;
  background-size: auto 100%;
  background-image: url(../cons_images/mirid.jpg); */
}