@charset "UTF-8";
/* Custom Sass */
/* Colour Palette */
/* Fonts */
@font-face {
  font-family: TenorSans;
  src: url("../fonts/TenorSans.ttf");
}

@font-face {
  font-family: Quicksand;
  src: url("../fonts/Quicksand.ttf");
}

/* Breakpoints */
/* limited reset */
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font: inherit;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body {
  height: 100%;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-image: url("../images/1.png");
  background-repeat: repeat;
  background-color: #cccccc;
}

.wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

main h1 {
  font-family: TenorSans;
  text-transform: uppercase;
  color: #726562;
}

main h2 {
  font-family: Quicksand;
  color: #726562;
  font-weight: 600;
}

main p,
main .breadcrumb,
main .breadcrumb a,
main .no-results,
main .empty-cart {
  font-family: Quicksand;
  color: #726562;
}

main .no-results,
main .empty-cart {
  font-weight: 600;
}

main .message .no-results {
  width: 150px;
  text-align: center;
}

main .empty-cart {
  margin: 2em 0;
}

main input {
  font-family: Quicksand;
}

/* Media Queries */
@media only screen and (max-width: 500px) {
  main h1 {
    font-size: 1.8em;
  }
  main h2 {
    font-size: 1.1em;
  }
}

@media only screen and (min-width: 500px) and (max-width: 991px) {
  main h1 {
    font-size: 2.1em;
  }
  main h2 {
    font-size: 1.2em;
  }
}

@media only screen and (min-width: 992px) {
  main h1 {
    font-size: 2.3em;
  }
  main h2 {
    font-size: 1.2em;
  }
}

/* Navbar */
.menu-container {
  background: #f5e3da;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.menu-container .nav-left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.menu-container .user-links {
  margin-top: 0.5em;
}

.menu-container .user-links a {
  margin-top: 0.5em;
  color: #b87a5f;
  font-family: Quicksand;
  font-weight: 600;
  padding-right: 1em;
}

.navbar {
  background: #f5e3da;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* Dropdown Menu */
.dropbtn {
  border: none;
  background: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #f5e3da;
  min-width: 210px;
  -webkit-box-shadow: 8px 8px 20px 8px rgba(0, 0, 0, 0.2);
          box-shadow: 8px 8px 20px 8px rgba(0, 0, 0, 0.2);
  z-index: 1;
  border-radius: 4px;
}

.dropdown-content .nav-link {
  display: block;
  font-family: Quicksand;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  color: #b87a5f;
  text-transform: uppercase;
  padding: 1.5em 0.5em;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown-content .nav-link:hover {
  background: #b87a5f;
  color: #f5e3da;
}

/* Media Queries */
@media only screen and (max-width: 500px) {
  .logo {
    width: 8em;
    margin-left: 0.2em;
  }
  .nav-toggler-icon,
  .nav-icon {
    width: 2.5em;
    padding-right: 0.2em;
  }
  .nav-right {
    margin-right: 0.5em;
  }
  .dropdown-content .nav-link {
    font-size: 1em;
  }
}

@media only screen and (min-width: 500px) and (max-width: 991px) {
  .logo {
    width: 8em;
    margin-left: 1em;
  }
  .nav-toggler-icon,
  .nav-icon {
    width: 3.5em;
    padding-right: 1em;
  }
  .nav-right {
    margin-right: 0.8em;
  }
  .dropdown-content .nav-link {
    font-size: 1em;
  }
}

@media only screen and (min-width: 992px) {
  .logo {
    width: 9em;
    margin-left: 1em;
  }
  .nav-toggler-icon,
  .nav-icon {
    width: 3.5em;
    padding-right: 1em;
  }
  .nav-right {
    margin-right: 1em;
  }
  .dropdown-content .nav-link {
    font-size: 1.1em;
  }
}

.img-hero {
  width: 100%;
  height: 100%;
}

.featured-products {
  margin-top: 4.5em;
}

.featured-products hr {
  width: 70%;
}

.featured-products h1 {
  margin-bottom: 2em;
  text-align: center;
}

.featured-products .featured-row {
  margin: 0 auto;
}

.featured-products .card {
  border: none;
  text-align: center;
  background: none;
  color: #726562;
  font-family: Quicksand;
  margin: 0 auto;
}

.featured-products .img-featured {
  background: #f5c0a5;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.featured-products .img-featured:hover {
  -webkit-filter: drop-shadow(0px 0px 4px #b87a5f);
          filter: drop-shadow(0px 0px 4px #b87a5f);
}

.featured-products .product-price {
  font-weight: 600;
}

.info-grid .img-1,
.info-grid .img-2 {
  background-size: cover;
  margin: 0 auto;
}

.info-grid .img-1 {
  background-image: url("../images/peaches.png");
}

.info-grid .img-2 {
  background-image: url("../images/pink-fruit.png");
}

.info-grid .info-col {
  background: #f5e3dac5;
  border-radius: 100%;
}

.info-grid p {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

/* Media Queries */
@media only screen and (max-width: 500px) {
  .featured-products .img-featured {
    min-height: 290px;
    width: 290px;
  }
  .featured-products .col-auto {
    margin: 0 auto;
  }
  .info-grid {
    margin: 4em 0;
  }
  .info-grid .img-1,
  .info-grid .img-2 {
    height: 290px;
    max-width: 290px;
  }
  .info-grid .info-col {
    height: 290px;
    max-width: 290px;
    margin: 1.5em auto;
  }
  .info-grid p {
    width: 190px;
    font-size: 0.9em;
  }
}

@media only screen and (min-width: 500px) and (max-width: 991px) {
  .featured-products .img-featured {
    min-height: 290px;
    width: 290px;
  }
  .featured-products .col-auto {
    margin: 0 auto;
  }
  .info-grid {
    margin: 4em 0;
  }
  .info-grid .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .info-grid .img-1,
  .info-grid .img-2 {
    height: 330px;
    max-width: 330px;
  }
  .info-grid .info-col {
    height: 330px;
    max-width: 330px;
    margin: 1.5em auto;
  }
  .info-grid p {
    width: 250px;
  }
}

@media only screen and (min-width: 992px) {
  .featured-products .img-featured {
    min-height: 250px;
    width: 250px;
  }
  .featured-products .col-auto {
    width: 500px;
    margin: 0 auto;
  }
  .info-grid {
    margin: 8em auto;
  }
  .info-grid .row {
    margin: 5em auto;
    width: 85%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .info-grid .img-1,
  .info-grid .img-2 {
    height: 350px;
    max-width: 350px;
  }
  .info-grid .info-col {
    height: 350px;
    max-width: 350px;
    margin: 0 auto;
  }
  .info-grid p {
    width: 250px;
  }
}

/* Loader (loading.io/css | https://github.com/loadingio/css-spinner/tree/master/build/circle */
.products .lds-circle,
.products-admin .lds-circle,
.edit-container .lds-circle {
  display: block;
  text-align: center;
  -webkit-transform: translateZ(1px);
          transform: translateZ(1px);
}

.products .lds-circle > div,
.products-admin .lds-circle > div,
.edit-container .lds-circle > div {
  display: inline-block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  background: #b87a5f;
  -webkit-animation: lds-circle 3.8s cubic-bezier(0, 0.2, 0.8, 1) infinite;
          animation: lds-circle 3.8s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

@-webkit-keyframes lds-circle {
  0%,
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
            animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
  }
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  50% {
    -webkit-transform: rotateY(1800deg);
            transform: rotateY(1800deg);
    -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
            animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
  }
  100% {
    -webkit-transform: rotateY(3600deg);
            transform: rotateY(3600deg);
  }
}

@keyframes lds-circle {
  0%,
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
            animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
  }
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  50% {
    -webkit-transform: rotateY(1800deg);
            transform: rotateY(1800deg);
    -webkit-animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
            animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
  }
  100% {
    -webkit-transform: rotateY(3600deg);
            transform: rotateY(3600deg);
  }
}

/*________________*/
.products-container .title-head {
  margin-top: 2.5em;
}

.products-container input {
  border-radius: 4px;
  border: 1px solid #b1b1b1;
  padding: 0.5em;
  width: 180px;
}

.products {
  margin: 3em 0;
}

.products .products-row {
  margin: 0 auto;
}

.products .card {
  border: none;
  text-align: center;
  background: none;
  color: #726562;
  font-family: Quicksand;
  margin: 0 auto;
}

.products .img-product {
  background: #f5c0a5;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.products .img-product:hover {
  -webkit-filter: drop-shadow(0px 0px 4px #b87a5f);
          filter: drop-shadow(0px 0px 4px #b87a5f);
}

.products .product-price {
  font-weight: 600;
}

/* Media Queries */
@media only screen and (max-width: 500px) {
  .title-head h1 {
    text-align: center;
    display: block;
  }
  .title-head input {
    display: block;
    margin: 1em auto;
  }
  .products-container .row {
    display: block;
    margin: 0 auto;
  }
  .products .img-product {
    min-height: 250px;
    width: 250px;
  }
}

@media only screen and (min-width: 500px) and (max-width: 991px) {
  .products-container .title-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .products-container h1 {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .products-container .col-auto {
    min-width: 290px;
    margin: 0 auto;
  }
  .products .img-product {
    min-height: 230px;
    width: 230px;
  }
}

@media only screen and (min-width: 992px) {
  .products-container .title-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .products-container h1 {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .products-container .col-auto {
    min-width: 320px;
  }
  .products .img-product {
    min-height: 260px;
    width: 260px;
  }
}

.product-detail-container .breadcrumb {
  background: none;
  margin-top: 2.5em;
}

.product-detail-container .breadcrumb li {
  padding-right: 0.5em;
  font-weight: 600;
}

.product-detail-container .card {
  border: none;
  text-align: center;
  background: none;
  color: #726562;
  font-family: Quicksand;
  margin: 0 auto;
}

.product-detail-container .img-product {
  background: #f5c0a5;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.product-detail-container .product-title,
.product-detail-container .product-price {
  font-weight: 600;
}

.product-detail-container .card-body {
  background: #f5e3dac5;
  border-radius: 100%;
  position: relative;
}

.product-detail-container .card-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.product-detail-container .row {
  width: 90%;
}

.product-detail-container button {
  font-family: TenorSans;
  text-transform: uppercase;
  padding: 0.5em 1em;
  border: none;
  border-radius: 4px;
}

.add {
  background: #b87a5f;
  color: #f5e3da;
}

.add:hover {
  background: #de9874;
  color: #726562;
}

.added {
  background: #726562;
  color: #f5e3da;
}

.added::after {
  content: " ✔";
}

/* Media Queries */
@media only screen and (max-width: 500px) {
  .product .row {
    margin: 0 auto;
  }
  .product .img-product {
    width: 310px;
    height: 310px;
    margin: 2em auto;
  }
  .product .product-img {
    width: 270px;
    height: auto;
    margin: 0 auto;
  }
  .product .col-body {
    display: block;
    margin: 0.5em auto 3em auto;
  }
  .product .card-body {
    height: 310px;
    width: 310px;
  }
  .product .card-content {
    width: 220px;
  }
  .product .card-content h5 {
    font-size: 1.1em;
  }
  .product .card-content p {
    font-size: 0.9em;
  }
}

@media only screen and (min-width: 500px) and (max-width: 991px) {
  .product .row {
    margin: 0 auto;
  }
  .product .img-product {
    width: 330px;
    height: 330px;
    margin: 1em auto;
  }
  .product .product-img {
    width: 250px;
    height: auto;
    margin: 0 auto;
  }
  .product .col-body {
    display: block;
    margin: 1em auto 3em auto;
  }
  .product .card-body {
    height: 330px;
    width: 330px;
  }
  .product .card-content {
    width: 200px;
  }
  .product .card-content p {
    font-size: 0.95em;
  }
}

@media only screen and (min-width: 992px) {
  .product-detail-container .row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .product .img-product {
    width: 350px;
    height: 350px;
    margin: 2em auto;
  }
  .product .product-img {
    width: 300px;
    height: auto;
    margin: 0 auto;
  }
  .product .card-body {
    height: 350px;
    width: 350px;
  }
  .product .card-content {
    width: 250px;
  }
}

.cart-container .title-head {
  margin-top: 2.5em;
}

.cart-container .cart-row {
  margin: 3em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cart-container .img-product {
  background: #f5c0a5;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cart-container .img-product:hover {
  -webkit-filter: drop-shadow(0px 0px 4px #b87a5f);
          filter: drop-shadow(0px 0px 4px #b87a5f);
}

.cart-container .cart-details {
  text-align: center;
  margin: 3em auto;
}

.cart-container .cart-details .total-title,
.cart-container .cart-details .total {
  font-weight: 600;
}

.cart-container .cart-details .input-group {
  margin: 1em auto;
}

.cart-container .cart-details button {
  font-family: TenorSans;
  text-transform: uppercase;
  border: none;
}

.cart-container .cart-details .btn-discount {
  background: #b87a5f;
  color: #f5e3da;
  border-radius: 0 4px 4px 0;
}

.cart-container .cart-details .btn-discount:hover {
  background: #de9874;
}

.cart-container .cart-details .cart-buttons button {
  padding: 0.5em 1em;
  border-radius: 4px;
  width: 250px;
}

.cart-container .cart-details .cart-buttons button:hover {
  background: #de9874;
}

.cart-container .cart-details .btn-checkout {
  background: #b87a5f;
  color: #f5e3da;
  margin: 1em 0;
}

.cart-container .cart-details .btn-continue {
  background: #726562;
  color: #f5e3da;
  margin-bottom: 1em;
}

/* Media Queries */
@media only screen and (max-width: 500px) {
  .cart .img-product {
    min-height: 230px;
    width: 230px;
    margin-bottom: 1em;
  }
  .cart .cart-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .cart .product-title,
  .cart .product-price {
    margin: 0.5em 0;
  }
  .cart-details .input-group {
    width: 280px;
  }
}

@media only screen and (min-width: 500px) and (max-width: 991px) {
  .cart .img-product {
    min-height: 210px;
    width: 210px;
  }
  .cart .cart-row {
    width: 95%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .cart-details .input-group {
    width: 300px;
  }
}

@media only screen and (min-width: 992px) {
  .cart .img-product {
    min-height: 260px;
    width: 260px;
  }
  .cart .cart-row {
    width: 80%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .cart-details .input-group {
    width: 320px;
  }
}

.main-login .link-admin {
  text-align: right;
}

.main-login .links-login {
  margin: 0.5em 0;
}

.main-login .link-admin,
.main-login .links-login {
  display: block;
  font-family: Quicksand;
  color: #de9874;
}

.login-container h2,
.login-container .signin-btn,
.admin-login-container h2,
.admin-login-container .signin-btn {
  font-family: TenorSans;
  text-transform: uppercase;
  text-align: center;
}

.login-container input,
.admin-login-container input {
  margin: 1em auto;
}

.login-container button,
.admin-login-container button {
  text-align: center;
  width: 100%;
}

.login-container .signin-btn,
.admin-login-container .signin-btn {
  color: #f5e3da;
  background: #726562;
}

.login-container .signin-btn:hover,
.admin-login-container .signin-btn:hover {
  background: #de9874;
  color: #726562;
}

.login-container .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 2em 0;
}

.login-container .row .col-auto {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.login-container .row .signup-btn {
  color: #726562;
  background: #f5c0a5;
  font-family: Quicksand;
  display: block;
  margin: 1em auto;
}

.login-container .row .signup-btn:hover {
  font-weight: 600;
}

.admin-login-container {
  margin: 5em auto;
}

.admin-login-container .message-container .error {
  font-family: Quicksand;
}

/* Media Queries */
@media only screen and (max-width: 500px) {
  .main-login .link-admin {
    margin: 2.5em 1em 0 0;
  }
  .login-container .row {
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 5em;
  }
  .login-container .row .signin-btn {
    margin-bottom: 3em;
  }
  .admin-login-container h2,
  .login-container h2 {
    font-size: 1.5em;
  }
  .admin-login-container {
    margin-bottom: 4.5em;
  }
  .admin-login-container form {
    max-width: 350px;
    margin: 2em auto;
  }
  .admin-login-container .message-container .error {
    display: block;
    color: #e45e5e;
    font-weight: 600;
    margin: 1em 0;
  }
}

@media only screen and (min-width: 500px) and (max-width: 991px) {
  .main-login .link-admin {
    margin: 2.5em 2em 0 0;
  }
  .login-container .col-auto {
    margin: 1em 0;
  }
  .admin-login-container h2,
  .login-container h2 {
    font-size: 1.5em;
  }
  .admin-login-container form {
    max-width: 500px;
    margin: 2em auto;
  }
  .admin-login-container .message-container .error {
    display: block;
    color: #e45e5e;
    font-weight: 600;
    margin: 1em 0;
  }
}

@media only screen and (min-width: 992px) {
  .main-login .link-admin {
    margin: 2.5em 4em 0 0;
  }
  .admin-login-container h2,
  .login-container h2 {
    font-size: 1.7em;
  }
  .login-container .col-auto {
    margin: 2em 3em;
  }
  .admin-login-container form {
    max-width: 500px;
    margin: 2em auto;
  }
  .admin-login-container .message-container .error {
    display: block;
    color: #e45e5e;
    font-weight: 600;
    margin: 1em 0;
  }
}

.admin-container h1 {
  margin: 1.5em 0 0.5em 0;
}

.admin-container a {
  color: #de9874;
  font-family: Quicksand;
  font-weight: 600;
}

.admin-container a:hover {
  color: #b87a5f;
}

.admin-container .admin-subhead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.admin-container .admin-subhead h2 {
  font-family: TenorSans;
  text-transform: uppercase;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.admin-container .admin-subhead a {
  text-transform: uppercase;
}

.products-admin {
  margin: 3em 0;
}

.products-admin .products-admin-row {
  margin: 0 auto;
}

.products-admin .card {
  border: none;
  text-align: center;
  background: none;
  color: #726562;
  font-family: Quicksand;
  margin: 0 auto;
}

.products-admin .img-product {
  background: #f5c0a5;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.products-admin .img-product:hover {
  -webkit-filter: drop-shadow(0px 0px 4px #b87a5f);
          filter: drop-shadow(0px 0px 4px #b87a5f);
}

.products-admin .product-price {
  font-weight: 600;
}

.add-container,
.edit-container {
  margin-top: 2.5em;
}

.add-container .message-container,
.edit-container .message-container {
  display: block;
  font-size: 1.1em;
  font-weight: 600;
  margin: 1em 0;
  font-family: Quicksand;
}

.add-container .message-container .error,
.edit-container .message-container .error {
  color: #e45e5e;
}

.add-container .message-container .success,
.edit-container .message-container .success {
  color: #b87a5f;
}

.add-container label,
.add-container input,
.add-container textarea,
.edit-container label,
.edit-container input,
.edit-container textarea {
  font-family: Quicksand;
  color: #726562;
}

.add-container button,
.edit-container button {
  font-family: TenorSans;
  text-transform: uppercase;
}

.add-container .btn-group,
.add-container .add-btn,
.edit-container .btn-group,
.edit-container .add-btn {
  margin: 2em 0 0 0;
  display: block;
}

.add-container .edit-btn,
.add-container .add-btn,
.add-container .delete-btn,
.edit-container .edit-btn,
.edit-container .add-btn,
.edit-container .delete-btn {
  width: 100%;
  font-size: 1.08em;
}

.add-container .edit-btn,
.add-container .add-btn,
.edit-container .edit-btn,
.edit-container .add-btn {
  background: #726562;
  color: #f5e3da;
}

.add-container .edit-btn:hover,
.add-container .add-btn:hover,
.edit-container .edit-btn:hover,
.edit-container .add-btn:hover {
  background: #de9874;
  color: #726562;
}

.add-container .delete-btn,
.edit-container .delete-btn {
  background: #b87a5f;
  color: #f5e3da;
}

.add-container .delete-btn:hover,
.edit-container .delete-btn:hover {
  background: #de9874;
  color: #726562;
}

.add-container #image,
.edit-container #image {
  background: #f5c0a5;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.add-container .img-product,
.edit-container .img-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.add-container .image-form-group label,
.add-container .image-form-group #imageUrl,
.add-container .image-form-group .image-btn,
.edit-container .image-form-group label,
.edit-container .image-form-group #imageUrl,
.edit-container .image-form-group .image-btn {
  text-align: center;
  display: block;
  margin: 0.5em auto;
}

.add-container .image-form-group #imageUrl,
.edit-container .image-form-group #imageUrl {
  width: 60%;
}

.add-container .image-form-group .image-btn,
.edit-container .image-form-group .image-btn {
  font-weight: 600;
  color: #de9874;
}

.add-container .image-form-group .image-btn:hover,
.edit-container .image-form-group .image-btn:hover {
  color: #de9874;
  text-decoration: underline;
}

.edit-container form {
  display: none;
}

/* Media Queries */
@media only screen and (max-width: 500px) {
  .products-admin .lds-circle {
    margin: 0 auto;
  }
  .products-admin .col-auto {
    margin: 0 auto;
  }
  .products-admin .img-product {
    min-height: 250px;
    width: 250px;
  }
  .add-container .row,
  .edit-container .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 3em auto;
  }
  .add-container #image,
  .edit-container #image {
    min-height: 220px;
    width: 220px;
  }
  .add-container .img-product,
  .edit-container .img-product {
    max-height: 200px;
    width: 200px;
  }
}

@media only screen and (min-width: 500px) and (max-width: 991px) {
  .products-admin .col-auto {
    min-width: 290px;
    margin: 0.5em auto;
  }
  .products-admin .img-product {
    min-height: 230px;
    width: 230px;
  }
  .add-container .row,
  .edit-container .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 3em auto;
  }
  .add-container #image,
  .edit-container #image {
    min-height: 250px;
    width: 250px;
  }
  .add-container .img-product,
  .edit-container .img-product {
    max-height: 220px;
    width: 220px;
  }
}

@media only screen and (min-width: 992px) {
  .products-admin-row .col-auto {
    margin-bottom: 2em;
    min-width: 320px;
  }
  .products-admin-row .img-product {
    min-height: 260px;
    width: 260px;
  }
  .add-container .row,
  .edit-container .row {
    margin: 3em auto;
  }
  .add-container #image,
  .edit-container #image {
    min-height: 240px;
    width: 240px;
  }
  .add-container .img-product,
  .edit-container .img-product {
    max-height: 220px;
    width: 220px;
  }
}

footer {
  background: #f5e3da;
  color: #726562;
}

footer .footer-top {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}

footer h5,
footer ul li a,
footer input {
  font-family: Quicksand;
}

footer h5 {
  font-size: 1.15em;
}

footer a {
  color: #726562;
}

footer a:hover {
  font-weight: 600;
  text-decoration: none;
  color: #726562;
}

footer .btn, footer h6 {
  font-family: TenorSans;
  text-transform: uppercase;
}

footer h6 {
  font-size: 1.15em;
}

footer .btn {
  color: #f5e3da;
  background: #b87a5f;
  border-radius: 0 4px 4px 0;
}

footer .btn:hover {
  background: #de9874;
  color: #726562;
}

footer input {
  border-radius: 4px 0 0 4px;
}

footer .footer-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #b87a5f;
  padding: 0.4em;
  font-family: TenorSans;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

footer .footer-bottom span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 2em;
  color: #f5e3da;
}

footer .footer-bottom .social-media-icons i {
  color: #f5e3da;
}

footer .footer-bottom .social-media-icons i:hover {
  color: #726562;
}

/* Media Queries */
@media only screen and (max-width: 500px) {
  footer form {
    padding: 0 2em;
  }
  footer .social-media-icons i {
    font-size: 1.7em;
    padding: 0.2em;
  }
}

@media only screen and (min-width: 500px) and (max-width: 991px) {
  footer .social-media-icons i {
    font-size: 2em;
    padding: 0.3em;
  }
  footer .social-media-icons {
    margin-right: 2em;
  }
}

@media only screen and (min-width: 992px) {
  footer input {
    max-width: 20em;
  }
  footer .social-media-icons i {
    font-size: 2.2em;
    padding: 0.5em;
  }
  footer .social-media-icons {
    margin-right: 2em;
  }
}
/*# sourceMappingURL=style.css.map */