/* Base styles */
body {
  font-family: 'Mona Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

a {
  text-decoration: none;
  color: black !important;
}

/* .... Start Body Section .... */
body {
  /* background-color: black !important; */
  font-family: 'Mona Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
/* .... End Body Section .... */

/* .... Start Navbar Section .... */
.navbar-nav {
  margin-left: auto;
  margin-right: 0 !important;
}

/* Footer Section */
footer {
  margin-top: 100px;
}

/* Recipe Section */
.btn.bg-gold:hover {
  background-color: #b3ab98 !important;
}

.text-bg-info {
  background-color: #c0ac7a !important;
}

/* Color styles */
.bg-grey {
  background-color: #404146;
}

.bg-gold {
  background-color: #c0ac7a;
}

.bg-light-grey {
  background-color: #bfc3c6;
}

.bg-off-white {
  background-color: #fffaf4;
}

.bg-cream {
  background-color: #fdefdc;
}

.text-cream {
  color: #f9e6cb;
}

.text-gold {
  color: #c0ac7a;
}

/* start of recipe section */
a {
  text-decoration: none;
  color: black !important;
}

/* Navbar Section */
.navbar-nav {
  margin-left: auto;
  margin-right: 0 !important;
}

/* Footer Section */
footer {
  height: 300px;
  bottom: 0;
  width: 100% !important;
}

/* Recipe Section */

.btn.bg-gold:hover {
  background-color: #b3ab98 !important;
}

.text-bg-info {
  background-color: #c0ac7a !important;
}

/* end of recipe section */

/* start of about us page */
.about-item {
  margin-bottom: 20px;
  margin-top: 20px;
  background-color: #b3ab98;
  padding-top: 40px;
  padding-bottom: 20px;
  box-shadow: 0 0 9px rgba(0, 0, 0 0.6);
}

.about-item i {
  font-size: 43px;
  margin: 0;
}

.about-item h3 {
  font-size: 25px;
  margin: 10px;
}

.about-item p {
  margin: 30px;
}

.team-images {
  border-radius: 50%;
  width: 100px;
  height: 100px;
  object-fit: cover;
  margin: auto;
}
.info-box {
  min-height: 480px !important;
}
.card {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 50px -12px;
  border-radius: 0;
  padding: 20px;
  border: none;
}

.icon {
  font-size: 25px;
  color: #c0ac7a;
}

.icon:hover {
  color: black;
}

/* end of about us page */
/* Responsive design */
@media (min-width: 768px) {
  .news-input {
    width: 50%;
  }
}

/* Responsive design */
@media (max-width: 320px) {
  .logo {
    width: 100%;
    height: auto;
  }
}