/* Banner Block Styles */
section.banner {
  background-size: cover;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  overflow: hidden; }
  section.banner h1 {
    font-size: 2em; }
  section.banner h2 {
    font-size: 1.8em; }
  section.banner h3 {
    font-size: 1.6em; }
  section.banner h4 {
    font-size: 1.4em; }
  section.banner h5 {
    font-size: 1.2em; }
  section.banner h3 {
    font-size: 1em; }
  section.banner h1, section.banner h2, section.banner h3, section.banner h4, section.banner h5, section.banner h6 {
    line-height: 1.6; }
  section.banner > div {
    color: white;
    max-width: 1020px;
    padding: 0 10px;
    margin: 0 auto;
    position: relative;
    z-index: 9; }
  section.banner .banner-content * {
    color: white; }
  section.banner.center {
    text-align: center; }
  section.banner.blue-overlay, section.banner.green-overlay, section.banner.brown-overlay {
    position: relative; }
    section.banner.blue-overlay:before, section.banner.green-overlay:before, section.banner.brown-overlay:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 8; }
  section.banner.use-gb.blue-overlay:before, section.banner.use-gb.green-overlay:before, section.banner.use-gb.brown-overlay:before {
    display: none; }
  section.banner.blue-overlay:before {
    background-color: rgba(27, 69, 104, 0.7); }
  section.banner.green-overlay:before {
    background-color: rgba(83, 111, 33, 0.7); }
  section.banner.brown-overlay:before {
    background-color: rgba(51, 27, 9, 0.7); }
  section.banner.sm > div {
    max-width: 400px;
    width: 100%; }
  section.banner.md > div {
    max-width: 700px;
    width: 100%; }
  section.banner.full > div {
    max-width: 100%;
    width: 100%; }
  section.banner video {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }

.green-bar-banner {
  background-color: #78A12E;
  position: relative;
  color: #fff; }
  .green-bar-banner > div {
    padding: 10px 15px; }
  .green-bar-banner .banner-content, .green-bar-banner h1, .green-bar-banner h2, .green-bar-banner h3, .green-bar-banner h4, .green-bar-banner h5, .green-bar-banner h6, .green-bar-banner p, .green-bar-banner a {
    color: #fff; }
  .green-bar-banner:before {
    background-repeat: no-repeat;
    background-image: url("/wp-content/themes/refreshing-mountain/img/blocks/green-mtn.png");
    background-position: center;
    content: '';
    position: absolute;
    height: 60px;
    width: 100%;
    z-index: 9;
    top: -55px; }
  .green-bar-banner > div {
    color: white;
    max-width: 1020px;
    padding: 0 10px;
    margin: 0 auto;
    position: relative;
    z-index: 9;
    color: #fff;
    text-align: center;
    padding: 30px 0;
    font-size: 1.6em;
    font-weight: bold; }
  .green-bar-banner .xola-gift, .green-bar-banner .xola-checkout, .green-bar-banner .xola-checkout.xola-custom {
    background-color: #fff;
    color: #78A12E !important; }