/* Not overckass has each element overrode entirely, whole classes were copied as reference */

/*  Text overrides */

body {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    /*font-family: Times, "Times New Roman", Georgia, serif; */
    /*font-family: sans-serif; */
    font-size: 18px;
    line-height: 1.42857143;
    color: #1d1d1d;
  }
a {
  color: #1d1d1d;
  text-decoration: underline;
}
.navbar ul.nav > li > a {
  text-decoration: none;

}
.navbar ul.nav > li > a:hover {
  text-decoration: none;
}
.navbar ul.dropdown-menu li a {

  color: #1d1d1d;
  font-size: 16px;
  text-decoration: none;
}
.navbar ul.dropdown-menu li a:hover {
  color: #1d1d1d;
  font-size: 16px;
}

/* Styling header and footers overrides */

#heading-breadcrumbs {
  background: #000000;
  padding: 20px 0;
  margin-bottom: 40px;
}
#heading-breadcrumbs.no-mb {
  margin-bottom: 0;
}
#heading-breadcrumbs h1 {
  color: #e6e6e6;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0.08em;
}
#footer {
  background: #000000;
  padding: 25px 0;
  color: #999999;
}
#copyright {
    background: #fff;
    color: #111;
    padding: 25px 0;
    font-size: 12px;
    line-height: 12px;
  }

/* Homepage carousel  overrides */

.home-carousel {
  position: relative;
  background: url('/img/wheat-bg-color2.jpeg') center center repeat;
  background-size: cover;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.home-carousel .dark-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #838383;
  opacity: 0.25;
  filter: alpha(opacity=.9);
}

/* Image styling extras */

/* Image stying hacks, see https://dzone.com/articles/how-to-style-images-with-markdown */
/* CSS image styling: https://www.w3schools.com/css/css3_images.asp */
img[src*="#inline"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: 2px solid black;
  border-radius: 8px;
}

img[src*="#inlinesmall"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 20%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: 2px solid black;
  border-radius: 8px;
}

img[src*="#header"] {
  display: block;
  width: 100%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

img[src*="#render"] {
  display: block;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: 2px solid black;
  border-radius: 8px;
}

img[src*="#drawing"] {
  display: block;
  width: 100%;
}

img[src*="#carousel"] {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: 2px solid black;
  border-radius: 8px;
  width: 80%;
}

/* Table Styling */
/* Lifted from mdbook general.css */ 

table {
  margin: 0 auto;
  border-collapse: collapse;
}
table td {
  padding: 3px 20px;
  border: 1px #1d1d1d solid;
}
table thead {
  background: #1d1d1d;
  color: white
}
table thead td {
  font-weight: 700;
  border: #1d1d1d;
}
table thead th {
  padding: 3px 20px;
}
table thead tr {
  border: 1px #1d1d1d solid;
}
/* Alternate background colors for rows */
table tbody tr:nth-child(2n) {
  background: #c0c0c0;
}

/* Black carousel text */
.home-carousel h1, .home-carousel h2, .home-carousel h3, .home-carousel p, .home-carousel ul {
  color: #1d1d1d
}

/* Carousel buttons */
.home-carousel .owl-theme .owl-controls .owl-page span {
  background: rgb(0, 0, 0);
}
.home-carousel .owl-theme .owl-controls .owl-page.active span {
  background: rgb(70, 70, 70);
}
.home-carousel .owl-theme .owl-controls .owl-page:hover span {
  background: rgb(112, 112, 112);
}