@import url('https://fonts.googleapis.com/css?family=Hind|Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css?family=Source+Serif+Pro:400,700&display=swap');


/* NOTE:
SOME ELEMENTS IN BS4 CAN BE CHANGED WITH SCSS AND VARIABLES.
I COULDN'T GET THEM TO WORK, BUT SOME THINGS CAN BE CHANGED IN HERE.
MAKE EDITS TO THE BOOTSTRAP CLASS IN HERE. IF THE CHANGE DOESN'T SHOW UP, 
THEN MAKE THE STYLE EDITS INSIDE OF THE TAG ITSELF.
-MIKE 
*/
/* Custom navbar-toggler icon (hamburger) */
body{
  background-image:linear-gradient(
    180deg, #94A036 20%, #889332 50%, #899663 100%);
  font-family: Source Serif Pro;
}
.custom-toggler .navbar-toggler-icon { /* Change stroke='rbga(x,x,x,x)' to change color. */
  background-image: url( 
"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(248, 205, 63, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); 
}
.custom-toggler.navbar-toggler{
  border-style: none;
}

/*Dropdown links in nav */

.nav-link.dropdown-toggle{
  font-size: 30px;
}
.dropdown-menu{
  background-image:linear-gradient(180deg, #8f9776, #899663);
  border-style: none;
  font-family: Source Serif Pro, cursive;
  font-size: 20px;
}
.dropdown-item{
  color: rgba(248, 205, 63, 0.8);
  
}
.dropdown-item:hover{
  background-color:grey;
  color: rgba(248, 205, 63, 0.8);
}

.nav-link{
  font-size:30px;
  
}

.card-body{
  background-color: lightgrey;
}
.jumbotron{
  background-color: initial;
}

a{
  text-decoration:none;
}

.text-muted{
  font-size: 10px;
}

.mail{
  text-decoration: none; 
  color:black;

}

.mail:hover{
  color:rgba(248, 205, 63, 0.8);
  text-decoration: none;
  font-weight:bold;
}

#yelp-review1{
  float:right;
  text-align:center;
}
#map {
  height: 400px;  /* The height is 400 pixels */
  width: 100%;  /* The width is the width of the web page */
 }