/*!
 * Start Bootstrap - Scrolling Nav (https://startbootstrap.com/template-overviews/scrolling-nav)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-scrolling-nav/blob/master/LICENSE)
 */

 /* NAV BAR */ 

/* responsive bit */ 

/*body {
  background-color: #FDF8F8;
}*/

#mainNav {
  min-height: 30px;
  background-color: #64a19d;
  font-family: 'PT Serif', serif; 
  font-size: 1rem;
}

#mainNav .navbar-toggler {
  font-size: 80%;
  padding: 0.75rem;
  color: #64a19d;
  border: 1px solid #64a19d;
}

#mainNav .navbar-toggler:focus {
  outline: none;
}

#mainNav .navbar-brand {
  color: #64a19d;
  font-size: 1rem;
  font-weight: bold;
}

#mainNav .navbar-nav .nav-item:hover {
  font-weight: 500;
  background-color: transparent;
}

#mainNav .navbar-nav .nav-item:active, #mainNav .navbar-nav .nav-item:focus {
  outline: none;
  background-color: transparent;
}

/* desktop bit */ 

@media (min-width: 992px) {

  #mainNav {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none;
    background-color: transparent;
    transition: background-color 0.3s ease-in-out;
  }


  #mainNav {
    font-size: 1rem;
  }


  #mainNav .navbar-brand {
    color: #D2899F; /*purple*/
    font-size: 1rem;
    font-weight: bold;
    padding: 15px 0px 25px 15px;
    font-weight: bold;
  }

  #mainNav .nav-link {
    transition: none;    
    color: #D2899F;
    padding: 15px;
    min-height: 30px;
    font-family: 'PT Serif', serif; 
    font-size: 1rem;
  }

/*  #mainNav .nav-link:hover {
    font-weight: bold;
  }
*/
  #mainNav.navbar-shrink {
    background-color: #EEC7B6;
  }
  #mainNav.navbar-shrink .navbar-brand {
    color: #FDF8F8;
    align-content: center;
  }
  #mainNav.navbar-shrink .nav-link {
    color: rgba(255, 255, 255, 0.5);
    border-bottom: 2px solid transparent;
  }
  #mainNav.navbar-shrink .nav-link:hover {
    color: rgba(255, 255, 255, 1);
  }
  #mainNav.navbar-shrink .nav-link:active {
    color: rgba(255, 255, 255, 1);
  }
  #mainNav.navbar-shrink .nav-link.active {
    color: rgba(255, 255, 255, 1);
  }


section {
  padding-top: 40px;
  padding-bottom: 40px;
  width: 85%;
  margin-right: auto;
  margin-left: auto;
}

img.poster {
  padding-top: 30px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

h1 {
  font-family: 'PT Serif', serif;
  font-size: 2rem;
  color: #37343B;
  font-weight: bold;
  padding: 120px 0px 0px 0px;

}

h2 {
  font-family: 'PT Serif', serif;
  font-size: 1.5rem;
  color: #D2899F;
  font-weight: bold;
  text-align: left;
  padding: 10px 0px 10px 0px;
}

h3 {
  font-family: 'PT Serif', serif;
  font-size: 1.5rem;
  color: #808080;
  font-weight: bold;
  text-align: left;
  padding: 10px 0px;
}

p {
  color: #363F46;
  font-size: 17px;
  font-family: 'Open Sans', sans-serif;
}

li {
  color: #363F46;
  font-size: 17px;
  font-family: 'Open Sans', sans-serif;
}



p.body{
  color: #363F46;
  font-size: 17px;
  font-family: 'Open Sans', sans-serif;
  padding: 10px 10px 10px 10px;
}

.phone {
  width: 45%;
  height:auto;

}

img {
  width: 99%;
  height:auto;
}


a:hover {
  text-decoration: none;
}

footer p {
  font-family: 'Open Sans', sans-serif;
  font-size: 17px;
}

/*ul {
  font-size: 17px;
  color: #363F46;
}
*/
.emphasisText {
  color: #E99094;
  font-size: 17px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
}



.img-wireframe {
    height: auto; 
    width: 30%; 
    padding: 1rem; 
    max-width: 45%;
    margin: 1rem;
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));
}

.btn {
  background-color: #663F3D;
  color: #ffffff !important;
  margin: 3px;
}

.btn:hover {
  color: #ffffff !important;
  text-decoration: none !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
}

.btn:hover, .btn:visted, .btn:active {
  color: #ffffff !important;
  text-decoration: none !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
}

.card-body{
  background-color: #fcfcfc;
}

a {
  color: #363F46;
}

#joke > div {
	display: none;
}

#joke > div:first-child {
    display: block
}
#joke > div:hover + div {
    display: block
}

table {
  color: #808080;
  font-size: 13px;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  margin-left: auto;
  margin-right: auto;
}

th {
  text-align: center;
  font-weight: normal;
}

td {
  text-align: center;
  padding: 20px 40px 20px 40px;
}