.link{
  text-decoration: underline;
    outline: 3px solid transparent;
    cursor: pointer !important;
}
.link:hover,
.link:focus {
    text-decoration: underline!important;
    /*color: #0071ea !important;*/
    position: relative;
    outline: 3px solid #FFBF47;
}
.panel-info{text-align: center;}
#faq-main {
    padding-top: 0px;
    padding-bottom: 5px;
    background: #f2f2f2;
}
.faq-heading {
    margin-bottom: 5px;
}
#faq-main article {
    margin-bottom: 10px !important;
}
.scroll-to-nav .back-button:before {
    background: none;
}

.panel-footer{
    border-top: 1px solid #383c4b;
    text-align: center;
    color: aqua;
    font-weight: 800;
    font-size: 18px;
    background: url(https://static-floodinfo.s3-eu-west-1.amazonaws.com/static/floodmaps/img/icons/arrow-yellow-right.svg) calc(100% - 20px) center no-repeat rgb(56 60 75);
}
.panel-footer.active{
   outline: 3px solid #FFBF47;
}
.panel-footer > .link{
    color: #fff;
}
.image-link{
  height: 270px;
  box-shadow: 0 0 6px rgb(0 0 0 / .16);
}
.next-div{
  margin-bottom: 20px;
}
.next-div h3{
  font-size: 22px;
  margin-bottom: 0px;
}
.next-div a{
  font-size: 20px;
}
h1{text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);}
.image-cover {background-attachment: unset;}