* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.tx-c-4 {
  color: #F7E7D4;
}

.h3 {
  border-bottom: 2px solid red;
  text-align: center;
}

body {
  background-color: #F7E7D4;
}

header .navbar {
  background-color: #FCBA12;
  color: #FB8604;
}
header .carousel {
  background-color: #F7E7D4;
}
header .carousel-inner {
  height: 500px;
}

main {
  min-height: 92vh;
}
main .posts,
main .trend-jewellery,
main .most-sold-jewellery,
main .new-jewellery {
  background-color: #F7E7D4;
}
main .posts h1,
main .trend-jewellery h1,
main .most-sold-jewellery h1,
main .new-jewellery h1 {
  padding: 20px;
  border-bottom: 2px solid red;
  text-align: center;
}
main .posts .card,
main .trend-jewellery .card,
main .most-sold-jewellery .card,
main .new-jewellery .card {
  background-color: transparent;
  box-shadow: 0 2px 4px black;
}
main .posts .card .card-price,
main .trend-jewellery .card .card-price,
main .most-sold-jewellery .card .card-price,
main .new-jewellery .card .card-price {
  color: #343009;
  font-weight: bold;
}
main .posts .card a,
main .trend-jewellery .card a,
main .most-sold-jewellery .card a,
main .new-jewellery .card a {
  color: black;
  text-decoration: none;
}
main .posts .card .btn,
main .trend-jewellery .card .btn,
main .most-sold-jewellery .card .btn,
main .new-jewellery .card .btn {
  background-color: #FB8604;
  color: #F7E7D4;
}
main .posts .card .btn:hover,
main .trend-jewellery .card .btn:hover,
main .most-sold-jewellery .card .btn:hover,
main .new-jewellery .card .btn:hover {
  background-color: rgb(200.8, 107.2, 3.2);
}
main .posts .col,
main .trend-jewellery .col,
main .most-sold-jewellery .col,
main .new-jewellery .col {
  margin-bottom: 20px;
}
main .loginSignInForm {
  background-color: #F7E7D4;
}
main .loginSignInForm form {
  background: linear-gradient(90deg, rgba(252, 186, 18, 0.115) 8%, rgba(252, 186, 18, 0.104) 96%);
  border-radius: 20px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
main .loginSignInForm form .btn-warning {
  background-color: #FCBA12;
  color: #343009;
}
main .loginSignInForm form .btn-warning:hover {
  background-color: rgb(216.2625, 156.0375, 2.7375);
}
main .loginSignInForm form .formHelpers a {
  font-size: 0.9rem;
}
@media screen and (max-width: 500px) {
  main .loginSignInForm {
    width: 90%;
  }
}
@media screen and (min-width: 501px) and (max-width: 619px) {
  main .loginSignInForm {
    width: 60%;
  }
}
@media screen and (min-width: 620px) and (max-width: 970px) {
  main .loginSignInForm {
    width: 45%;
  }
}
@media screen and (min-width: 971px) and (max-width: 1200px) {
  main .loginSignInForm {
    width: 30%;
  }
}

footer {
  padding: 40px 0;
  background-color: #343009;
  color: #FB8604;
}
footer h1,
footer h3 {
  color: #F7E7D4;
  border-bottom: 2px solid red;
  text-align: center;
  padding-bottom: 10px;
}
footer ul {
  margin: 0;
  padding: 0;
}
footer ul li {
  list-style: none;
  margin-bottom: 10px;
  border-bottom: 1px solid red;
  padding-bottom: 5px;
}
footer ul a {
  color: #F7E7D4;
  text-decoration: none;
}
footer ul a:hover {
  text-decoration: underline;
}
footer .accordion-button {
  background-color: #FB8604;
  color: #343009;
}
footer .accordion-body {
  background-color: #F7E7D4;
  color: #343009;
}
footer small {
  color: #F7E7D4;
}/*# sourceMappingURL=style.css.map */