.logo {
  display: inline-block;
  background-size: cover;
}
  .logo.has-image { text-indent: -9999px; }



.bf-u-header {
  min-height: 200px;
}

.bfu-header-background {
}

  .bfu-header-background > .row,
  .bfu-header-background > .row > div {
    height: 100%;

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
    .bfu-header-background > .row > div {
      padding-top: 100%;
    }


  .bfu-header-background > .row > div:first-child {
    margin-right: 1px;
  }
  .bfu-header-background > .row > div:last-child {
    margin-right: -1px;
  }


.bfu-header-content {
  position: relative;
  margin: 0 auto;

  text-align: center;
}
  .bfu-header-content .bfu-header-content-colour {
    display: inline-block;
    padding: 20px 40px;
  }


.bfutf-header {
  position: relative;
  margin-bottom: 1em;
}
  .bfutf-thumbnail-content {
    width: 50%;
    padding: 40px 20px 40px 15px;
  }
  .bfutf-image {
    position: absolute;
    top: 0;
    left: 50%;
    right: 0;
    bottom: 0;

    margin-left: 5px;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }


footer#b_foot {
  position: relative;
}
  footer#b_foot::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 30px;
    top: 0;

    background-size: 30px;
    background-repeat: repeat-x;
    background-image: url(https://inthistogether.d2.barefootdigital.co/res/pub/Template/rainbow.png);
  }


.button, .button-2, .button-3, .button-4 {
  transition: all 0.15s;
}

.bfcms-ctr-container.overlay-bg>.bf-flex-underlay {
  opacity: 0.8;
}

.bf-article-subcontent {
  position: relative;
  height: 10rem;
  margin-bottom: 1rem;

  overflow: hidden;
}

  .bfa-t-summary .bf-article-subcontent:after {
    content: '';

    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 75px;

    background: #fff;
    background: linear-gradient(180deg , rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  }

  .b7 .bfa-t-summary .bf-article-subcontent:after {
    background: rgb(238,238,238);
    background: linear-gradient(180deg , rgba(238,238,238,0) 0%, rgba(238,238,238,1) 100%);
  }


.bf-resource-picture {
  display: none;
}

.bfcms-ctr-container.rainbow:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;

  display: block;
  width: 100%;
  height: 36px;

  background-size: 30px;
  background-repeat: repeat-x;
  background-image: url(https://inthistogether.d2.barefootdigital.co/res/pub/Template/rainbow.png);
}