/*
 * Global
 */

body {
    background-color: #EEEEEE;
    font-family: "Lato", sans-serif;
}

.pink {
    color: #FFB7C5 !important;
}

a {
    color: rgba(0, 0, 0, .5);
    border-bottom: .1rem solid rgba(0, 0, 0, .5);
    text-decoration: none;
}

a:hover,
a:focus {
    border-bottom-color: #FFB7C5;
}

.btn-primary {
    color: #212529 !important;
    background-color: #FFB7C5 !important;
    border-color: #FFB7C5 !important;
  }

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

/*
 * Header
 */

.nav-masthead .nav-link {
    padding: .25rem 0;
    font-weight: 700;
    color: rgba(0, 0, 0, .5);
    border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
    border-bottom-color: #FFB7C5;
}

.nav-masthead .nav-link + .nav-link {
    margin-left: 1rem;
}

.nav-masthead .active {
    color: #000000;
    border-bottom-color: #FFB7C5;
}

.nav-masthead {
    float: right;
}

/*
 * Main
 */

.cursive {
    font-family: "Dancing Script", cursive;
}

.pawprints {
    max-width: 50vw;
    max-height: 25vh;
}

.poem {
    text-wrap: nowrap;
}

.lead {
    font-size: 1.15rem;
}

.resources {
    word-wrap: break-word;
}

.resources iframe {
    width: 100%;
}

.audit-log {
    max-height: 300px;
    overflow-y: scroll;
}

/*
 * Guestbook
 */

.guestbook .card {
    max-height: 800px;
}

.guestbook img {
    max-height: 400px;
    object-fit: cover;
}

.guestbook .card-text {
    overflow-y: scroll;
}

@media screen and (min-width: 768px) {
    .resources iframe,
    .contact-form iframe {
      width: 700px;
    }
  }

/*
 * Footer
 */

.footer {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background-color: #FFFFFF;
}

.footer a {
    padding: .25rem 0;
    color: rgba(0, 0, 0, .5);
    border-bottom: .25rem solid transparent;
    text-decoration: none;
}

.footer a:hover,
.footer a:focus {
    border-bottom-color: #FFB7C5;
}

.footer .active {
    color: #000000;
    border-bottom-color: #FFB7C5;
}