﻿.body-container {
  margin-top: 60px;
  padding-bottom: 40px; }

.welcome-page li {
  list-style: none;
  padding: 4px; }

.logged-out-page iframe {
  display: none;
  width: 0;
  height: 0; }

.grants-page .card {
  margin-top: 20px;
  border-bottom: 1px solid lightgray; }
  .grants-page .card .card-title {
    font-size: 120%;
    font-weight: bold; }
    .grants-page .card .card-title img {
      width: 100px;
      height: 100px; }
  .grants-page .card label {
    font-weight: bold; }

/* Override Bootstrap buttons to bright yellow (#ffd900) */
.login-dark form .btn-primary {
  background: #ffd900 !important;
  border: none;
  color: #000 !important;
  font-weight: 600;
}

.login-dark form .btn-primary:hover,
.login-dark form .btn-primary:active,
.login-dark form .btn-primary:focus {
  background: #ffdf26 !important;
  color: #000 !important;
}

.btn-primary {
  background-color: #ffd900 !important;
  border-color: #ffd900 !important;
  color: #000 !important;
  font-weight: 600;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #ffdf26 !important;
  border-color: #ffdd1a !important;
  color: #000 !important;
}

.btn-outline-primary {
  color: #ffd900 !important;
  border-color: #ffd900 !important;
  background-color: transparent !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  background-color: #ffd900 !important;
  border-color: #ffd900 !important;
  color: #000 !important;
}

/* Dark theme for cards and forms */
.login-page .card {
  background-color: transparent;
  border-color: #434a52;
  color: #fff;
}

.login-page .card-header {
  background-color: transparent;
  border-color: #434a52;
  color: #fff;
}

.login-page .card-body {
  background-color: transparent;
}

