@import url("https://fonts.googleapis.com/css2?family=Ubuntu+Sans:ital,wght@0,100..800;1,100..800&display=swap");
body {
  background-color: #333;
  padding-top: env(safe-area-inset-top); /* Add padding for iOS safe area */
  font-family: "Ubuntu Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

.btn-primary {
  background-color: #f31392;
  border-color: #f31392;
}

.link-primary,
.text-primary {
  color: #f31392 !important;
  text-decoration-color: #f31392 !important;
}

.link-primary:active,
.link-primary:hover,
.link-primary:focus {
  color: #cd117c !important;
  text-decoration-color: #cd117c !important;
}

.btn-primary.btn:active, .btn-primary.btn:hover {
  background-color: #cd117c !important;
  border-color: #cd117c !important;
}

.card-preview .card {
  border: 1px solid #333333;
  border-radius: 0.75rem;
  overflow: hidden;
}
.card-preview .card-header {
  padding: 0.25rem;
}

.view-card-btn {
  text-decoration: none;
}
.view-card-btn img {
  max-height: 120px;
}

.logo-container img {
  max-height: 150px;
  max-width: 150px;
}

.navbar .navbar-brand {
  color: #f31392;
}
.navbar .navbar-toggler {
  border: 0;
  color: #f31392;
}
.navbar .border-top {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

.modal-fullscreen .modal-header {
  background-color: #2b3035;
  border-bottom: 1px solid #333333;
}
.modal-fullscreen .modal-footer {
  background-color: #2b3035;
  border-top: 1px solid #333333;
}

#cardDetails .btn-light {
  border: 0 !important;
}

@media (max-width: 767.98px) {
  .modal-fullscreen .modal-footer {
    padding-bottom: 3rem;
  }
}

/*# sourceMappingURL=style.css.map */