/* a few styles for Bromley Well that don't really belong in the main bootstrap css */

/* banner text goes wide right on desktop, centre on mobile */
.banner-html {
  width: 100%;
}

/* hack to make the refer button appear next to the search button */
.header-buttons .empty {
  display: none;
}
.referral-button,
.referral-button p {
  display: inline;
} 

/* main banner for homepage */
.homepage-banner {
  min-height: 350px;
}
.homepage-banner .content {
  position: absolute;
  bottom: 10px;
}
.homepage-banner .content p {
  display: inline-block;
  background-color: #1a78ba;
  padding: 2px 10px;
  border-radius: 5px;
}
@media (min-width: 768px) {
  .homepage-banner .content p {
    max-width: 80%;
  }
}

/* don't hide on desktop pages */
.breadcrumb {
  display: block !important;
}

/* prevent main image dominating if it's tall */
/*
.main-image img {
  max-height: 400px;
  width: auto;
}
*/
.main-image .image {
  text-align: center;
}

/* prevent main image dominating on a wide screen */
.fullcol .main-image .image {
  max-width: 720px;
}

/* thumbnail header/text to left but image in centre, and a drop shadow */
.thumbnail {
  text-align: left; 
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}
.thumbnail .image {
  text-align: center;
}

/* move the more link/button to bottom right */
.includelet .more {
  text-align: right;
  margin-bottom: 0 !important;
  margin-right: 0 !important;
}

/* centre the funder logos in their columns */
.funders .row .row {
  text-align: center;
}
.funders img {
  width: 100%;
  margin: 10px 0;
}

/* give title and full title includelets a bold title */
.filteredItemList.mode-title .thumbnail .title,
.filteredItemList.mode-full_title .thumbnail .title {
  font-weight: bold;
  font-size: 18px;
  margin: 10px;
  display: inline-block;
}
