body {
  min-height: 25rem;
  padding-top: 4.5rem;
}

body {
  padding-bottom: 20px;
}

.navbar {
  margin-bottom: 20px;
}

body {
  background-color: #EEEEEE;
}

.cntr {
  color: #9b9ea1
}

.pow{
  color: #cc6d6d;
  font-weight: bold;
}

.cntrdark {
  color: #292b2c
}

.jplist-selected {
  background-color: #6c757d;
  color: #EEEEEE
}

.bg-dark1 {
  background-color: #24282d
}

.bg-dark2 {
  background-color: #343a40
}


/*animation for the collapsing cards that filter results - icon is from fontawesome*/

.card-header .fa {
  transition: .3s transform ease-in-out;
}

.card-header .collapsed .fa {
  transform: rotate(90deg);
}

/*even spacing for the radio select buttons for All, Y, N*/

.spaceradio {
  display: inline-block;
  width: 3em
}

/*text colors in filter menus*/

.greeny {
  color: green
}

.reddy {
  color: red
}

/*footer*/

.bd-footer {
  font-size: 85%;
  text-align: center;
  background-color: #24282d
}

.bd-footer a {
  font-weight: 500;
  color: #6c757d
}

.bd-footer a:focus, .bd-footer a:hover {
  color: #007bff
}

.bd-footer p {
  margin-bottom: 0
}

@media (min-width:576px) {
  .bd-footer {
    text-align: left
  }
}

.bd-footer-links {
  padding-left: 0;
  margin-bottom: 1rem
}

.bd-footer-links li {
  display: inline-block
}

.bd-footer-links li+li {
  margin-left: 1rem
}

/*for collape filter button*/
@media (min-width: 768px) {
  .collapse.dont-collapse-sm {
    display: block;
    height: auto !important;
    visibility: visible;
  }
}

/*for Production Tiers*/
@media (max-width: 768px) {
  .bumpup{
    font-size: 125%
    }
}

/*toggle for show and hide filters button*/
.btn-text span{display:inline}
.btn-text:not(.collapsed)  #show1 {display:none}
.btn-text.collapsed #hide1 {display:none}

/**/
.cardsmalltext{
  font-size: 90%
}

/*set aspect ratio for images on cards*/
.x1{
  width: 100%;
  aspect-ratio: 1/1
}

a.shiftanchor {
  display: block;
  position: relative;
  top: -70px;
  visibility: hidden
}