/* --------------- All --------------- */

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #a52a2a;
  font-family: 'Montserrat', sans-serif;
}

a {
  color: white;
}

p {
  margin: 0;
}

.zeroBorder {
  border: none;
}


/* -------------- Index -------------- */

/* Jumbotron */

#main-logo {
  height: auto;
  width: 350px;
  min-width: 150px;
}

.jumbotron {
  background-image: url(../images/webBanner.png);
  background-size: cover;
  text-align: center;
}

.jumbotron img {
  width: 50%;
  max-width: 500px;
  margin: 0 auto;
}


/* Navbar */

#navbarNav {
  margin: 10px 0px 10px 0px;

}


/* Chef/Manager/Foodie Display */

.customer-container {
  background-color: white;
  border-radius: 5px;
}

.customer-text {
  font-size: 0.9rem;
}


/* Search and Restaurant Cards */

#store-name, 
#rest-card-text {
  font-size: 1rem;
}

#store-name {
  height: 45px;
  font-weight: bold;
}

#rest-card-text {
  font-size: 0.9rem;
}

.form-check-inline {
  margin-right: 10px;
}

#submit-search {
  margin-top: 15px;
}



/* Mini-Cards */

#card-rest-text {
  font-style: italic;
  font-size: 0.8rem;
}

#card-review-text {
  height: 75px;
  font-size: 0.9rem;
}
#caption {
  font-size: 0.9rem;
}

#review-card-top {
  height: 222px;
  width: 332px;
}

#store-results {
  max-height: 450px;
  overflow: auto;
}

#review-icon, 
#ex-review-icon {
  height: 42px;
  width: 42px;
}

#review-section {
  background-color: white;
  border-radius: 5px;
  max-height: 950px;
  overflow: auto;
}

#review-card:hover, 
#rest-card:hover  {
  border: 2px solid #a52a2a;
}


/* Extended-Cards Modal */

.card-title {
  font-size: 1.2rem;
}

.modal-dialog,
.modal-content {
    height: 100%;
}

.modal-body {
    max-height: calc(100% - 120px);
    overflow-y: scroll;
}

#map {
  height: 100%;
}

.ex-square {
  width: 325px;
  height: 325px;
}

.ex-square-info {
  width: 325px;
  height: auto;
  min-height: 325px;
}

.ex-img {
  height: auto;
  width: 100%;
  max-height: 325px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.front-pic {
  max-width: 195px;
}

.smallText {
  font-size: 0.97rem;
}

#ex-food {

  background-color: #293039;
  border: 8px solid #a52a2a;
}

.head {
  border: none;
}

#card-rest-text {
  height: 40px;
}

#restCard {
  padding: 0;
}


/* Footer */

.footer {
  position: relative;
  left: 0;
  bottom: 0;
  width: 100%;
  color: white;
  background-color: #293039;
  text-align: center;
  font-size: 1.1rem;
  margin-top: 50px;
  height: 100px;
padding-top: 20px;
}


/* --- About --- */

.aboutBanner {
  background-image: url(../images/webBanner.png);
  background-size: cover;
  width:100%;
  display:flex;
  justify-content: center;
  align-items:center;
  flex-wrap:wrap;
}


/* --- Contact --- */

.contactBanner {
  background-image: url(../images/webBanner.png);
  background-size: cover;
  width:100%;
  display:flex;
  justify-content: center;
  align-items:center;
  flex-wrap:wrap;
}