/*--------------------------------------------------------------
# FSPF
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.fspf.wrap {
  width: 100%;
  margin: 1rem auto;
  border: 1px solid #ccc;
  display: inline-block; }
  .fspf.wrap a {
    text-decoration: none; }

.fspf.wrap a:hover {
  background: none; }

.fspf-thumbnail {
  margin: 1rem; }

.fspf-title {
  margin: 0.5rem;
  font-size: 1.5rem;
  text-decoration: underline;
  text-align: center;
  -webkit-text-decoration-color: #7cbd2a;
  -moz-text-decoration-color: #7cbd2a;
       text-decoration-color: #7cbd2a; }

.fspf-description {
  padding: .5rem 1rem;
  font-weight: 400;
  -ms-flex: 1 0 100%;
      flex: 1 0 100%; }

@media screen and (min-width: 768px) {
  .fspf-thumbnail {
    -ms-flex: 0 0 200px;
        flex: 0 0 200px; }

  .fspf-title {
    -ms-flex: 1.5 0 0;
        flex: 1.5 0 0;
    text-align: left; } }
@media screen and (min-width: 1025px) {
  .fspf-title {
    font-size: 1.5rem; } }
