$color: #ccdeff;
$background-color: #25131c;
$post-color: #dce1ec;
$post-background-color: #290505;
$post-border-color:rgb(178, 158, 158);
$card-border-color: lightgray;
$card-photo-border-color: #ffffffd4;
$carousel-color: rgb(255,255,200);
$carousel-background-color: #530e6a;
$primary: #00c40d;
$danger: #dc0505d5;

.grants-page {
  .card {
    margin-top: 20px;
    border-bottom: 1px solid $card-border-color;

    .card-title {
      img {
        width: 100px;
        height: 100px;
      }

      font-size: 120%;
      font-weight: bold;
    }

    label {
      font-weight: bold;
    }
  }
}

.navbar-dark .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

div.carousel-inner > div.item > div.carousel-caption-s {
  margin: .5em;
  background-color: $carousel-background-color;
  color: $carousel-color;
  font-weight: bold;
  padding: .5em;
}

img.blogphoto {
  max-width: 100%;
  max-height: 100%;
}

input[type='checkbox'] {
  appearance: auto;
  min-width: 1em;
  min-height: 1em;
}

.container {
  background-color: $background-color;
  color: #fff;
  padding: .5em;
  margin: .5em;
}

.post {
  background-color: $post-background-color;
  color:#d1d1d1;
  padding: 2.3em;
  border-radius: 2em;
  border: solid #5d7f0ca4 2pt;
} 

.actiongroup
{
  float: right;
  margin:.5em;
}

.float-left
{
  float: left;
  margin:.5em;
}



a {
  color: var(--blue);
}

a.close
{
  cursor: pointer;
}

.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; }

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

div.carousel-inner > div.item > div.carousel-caption-s {
  margin: .5em;
  background-color: $carousel-background-color;
  color: $carousel-color;
  font-weight: bold;
  padding: .5em; }

img.blogphoto {
  max-width: 100%;
  max-height: 100%; }

input[type='checkbox'] {
  appearance: auto;
  min-width: 1em;
  min-height: 1em; }

.container {
  background-color: $background-color;
  color: $color;
  padding: .5em;
  margin: .5em; }

.post {
  background-color: $post-background-color;
  color: $post-color;
  padding: .7em;
  border-radius: 2em;
  border: solid $post-border-color 2pt; 
  .photo {
    max-height: 100%;
    max-width: 100%;
  }
}

.actiongroup {
  float: right;
  margin: .5em; }

.float-left {
  float: left;
  margin: .5em; }

  body {
    font: 1rem/1.5 var(--font-family-sans-serif);
    color: $color;
    background-color: $background-color;

  }

  .card {
    max-height: 20em;
    max-width: 30em;
    display: inline-table;


  .card-photo
  {
    border: solid 1px $card-photo-border-color;
    max-height: 15em;
    max-width: 30em;
  }
  .index-post-title
  {
    display: inline;
  }
  }
