/* Font Awesome Icon Coloring */
.fa-pitaya {
  color: #4A148C;
}
.fa-white {
  color: white;
}
.fa-red {
  color: red;
}
.fa-green {
  color: green;
}


/* Footer Settings */
.footer {
  color: #4A148C;

}

/* Fix `close` style on mobile */
@media screen and (max-width: 768px) {
  /* Fix behavior for when sidebar should be open */
  body .sidebar {
    transform: translateX(300px);
  }
  body .content {
    transform: translateX(300px);
  }
  .sidebar-toggle {
    background-color: rgba(255,255,255,0.8);
    transition: 1s background-color;
    width: 284px;
    padding: 10px;
  }

  /* Fix behavior for when sidebar should be closed */
  body.close .sidebar {
    transform: translateX(0);
  }
  body.close .content {
    transform: translateX(0px);
  }
  body.close .sidebar-toggle {
    background-color: transparent;
    width: auto;
    padding: 30px 30px 10px 10px;
  }
}