/*
Pallette:

Dark Red: 185, 26, 31 (#B91A1F)
Orange: 239, 49, 37 (#EF3125)
Beige: 249, 181, 103 (#F9B567)
Cyan: 0, 216, 255 (#00D8FF)
Light Blue: 0, 151, 255 (#0097FF)
Blue: 0, 112, 255 (#0070FF)
Gray-Blue: 113, 205, 228 (#71CDE4)
Gray: 171, 223, 237 (#ABDFED)
*/

a {
  color: white;
}

a:hover {
color: #0070FF;
}

body {
  background-color: black;
  color: white;
  font-family: 'roboto';
  opacity:0;
  transition: opacity 1s;
  -webkit-transition: opacity 1s; /* Safari */
}

.about {
  text-align: center;
}

.carousel {
  padding-top: 5em !important;
}

.carousel-inner > .carousel-item > img, .carousel-inner > .carousel-item > a > img {
  align-content: center;
  height: 75%;
  width: 100%;
}

.content-background {
background: linear-gradient(
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0.5)
  ), url('../resources/img/bg.jpg') no-repeat center center fixed;
  background-size: cover;
  height: 100%;
  width: 100%;
}

.contact {
  padding-bottom: 5em;
  padding-top: 5em;
  text-align: center;
}

.contact-details {
  padding-top: 1em !important;
}

.darken, .nav-item, .dropdown-item, .btn-dark, .dropdown-menu {
  background-color: rgba(0, 0, 0, .75);
  -webkit-transition: all 0.5s linear;
     -moz-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
       -o-transition: all 0.5s linear;
          transition: all 0.5s linear;

  color: white;
}

.darken:hover {
  background-color: rgba(0, 0, 0, 1);
    -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
         -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
}

div {
  padding: 0em 0em 0em 0em !important;
}

.emph {
  font-style: italic;
}

.fa {
  padding-top: 1em !important;
}

.footer {
  text-align: center;
}

hr {
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

html, body {
  font-family: 'Roboto', sans-serif;
}

.navbar {
  font-family: 'Roboto Condensed', sans-serif;
  padding-left: 10% !important;
  padding-right: 10% !important;
  background-color: "black";
}

.logo {
  height: 1.5em;
  width: 1.5em;
}

.molecube_about{
  padding-bottom: 1% !important;
  padding-top: 1% !important;
  padding-left:10% !important;
  padding-right:10% !important;
}

.nav-item:hover, .dropdown-item:hover, .btn-dark:hover {
  background-color: rgba(0, 0, 0, 1);
    -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
         -o-transition: all 0.5s linear;
            transition: all 0.5s linear;

  color: white;
}

.padding-section {
  padding-bottom: 1% !important;
  padding-top: 1% !important;
  padding-left:10% !important;
  padding-right:10% !important;
}

.privacy {
  padding-bottom: 1% !important;
  padding-top: 1% !important;
  padding-left:10% !important;
  padding-right:10% !important;
}

.subtitle {
  font-size: 2em;
  font-weight: bold;
}

.tagline1{
  color: #0070FF;
}

.tagline2{
  color: #B91A1F;
}

.title {
  color: #00D8FF;
  font-size: 3em;
  font-weight: bold;
}

.company {
  padding-top: 2.5em !important;
}