/**
 * -----------------------------------------------------
 * Circle Interactive
 * -----------------------------------------------------
 * @author Reece Benson <reece@circle-interactive.co.uk>
 * @desc   Use this file for custom CSS overrides that
 *         you can't or don't want to add to SCSS
 */

/** FOOTER SLIDE */
.footer-slide h3 {
  float: left;
  color: white;
  padding: 0;
  margin: 0;
  margin-top: 0.5em;
}

a.btn.red {
  color: white;
  background-color: #233c73;
}

a.btn.white {
  color: black;
  background-color: white;
}

a.btn.transparent {
  color: white;
  background-color: transparent;
  border-color: white;
}

a.btn.transparent:hover {
  color: white;
  background-color: rgba(255, 255, 255, 0.05);
}

.footer-slide a.btn.red {
  float: right;
}

a.btn.red:hover {
  color: black;
  background-color: white;
}

a.btn.white:hover {
  background-color: rgb(235, 235, 235);
}

@media only screen and (max-width: 768px) {
  .footer-slide {
    text-align: center;
  }

  .footer-slide h3 {
    float: unset;
  }

  .footer-slide a.btn.red {
    float: unset !important; /* @todo - remove !important */
    margin-top: 1.5em;
  }
}

/** CAROUSEL OVERLAYING BLOCKS */
.region-header .block#block-block-7,
.region-header .block#block-block-8,
.region-header .block#block-block-9 {
  display: inline-block;
  vertical-align: top;
}

/** FOOTER LINE UP */
footer.footer .block:not(.ignore) {
  vertical-align: top;
}

/** OVERIDES BACKGROUND COLOR */
.page-civicrm.page-civicrm-contribute.page-civicrm-contribute-transact  {
  background-color: white !important;
}