/****************************************/
/* KAYAK White Label Premium Modules
/* Version: 1.1 rev.2018.01.22
/* Copyright: 2018 KAYAK Online Marketing
/* https://www.kayakonlinemarketing.com/
/* 1.1
/* - Added notes for future maintenance
/* 1.0
/* - Initial release
/****************************************/

/*****************************************/
/* Premium Modules                       */
/*****************************************/

/* Parallax Module
   Use: create module group with class
        "parallax-content" that contains
        all parallax content (text, etc.),
        then add the custom parallax module
        after the .parallax-content module
        group.
        Place all of this within another
        module group with class
        "parallax-wrapper".
        Using a parallax module is very
        similar to using a standard
        "billboard" module, only with
        parallax-specific classes and
        the custom parallax module.
        .parallax-tint controls a colour
        overlay that is set by the user
        in the custom parallax module.
*/

/* This is in the "premium" scripts file because
/* it isn't something you'll likely use on most
/* client projects. Every so often, though, it
/* does come in handy.
*/

.parallax-wrapper,
.parallax-content{
    position: relative;
    z-index: 10;
}

.parallax-wrapper{
    padding: 40px 0;
}

.parallax-container{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}

.parallax-background{
    width: 100%;
    height: 100%;
    background: 50% 0/cover no-repeat fixed;
}

.parallax-tint{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

/*** FONT SIZE HELPERS ***/
.fs-12 {
  font-size: 12px;
}

.fs-14 {
  font-size: 14px;
}

.fs-16 {
  font-size: 16px;
}

.fs-18 {
  font-size: 18px;
}

.fs-20 {
  font-size: 20px;
}

.fs-22 {
  font-size: 22px;
}

.fs-24 {
  font-size: 24px;
}

.fs-26 {
  font-size: 26px;
}

.fs-28 {
  font-size: 28px;
}

.fs-30 {
  font-size: 30px;
}

.fs-32 {
  font-size: 32px;
}

.fs-34 {
  font-size: 34px;
}

.fs-36 {
  font-size: 36px;
}

.fs-38 {
  font-size: 38px;
}

.fs-40 {
  font-size: 40px;
}

.fs-42 {
  font-size: 42px;
}

.fs-44 {
  font-size: 44px;
}

.fs-46 {
  font-size: 46px;
}

.fs-48 {
  font-size: 48px;
}

.fs-50 {
  font-size: 50px;
}

.fs-52 {
  font-size: 52px;
}

.fs-54 {
  font-size: 54px;
}

.fs-56 {
  font-size: 56px;
}

.fs-58 {
  font-size: 58px;
}

.fs-60 {
  font-size: 60px;
}

.fs-62 {
  font-size: 62px;
}

.fs-64 {
  font-size: 64px;
}

.fs-66 {
  font-size: 66px;
}

.fs-68 {
  font-size: 68px;
}

.fs-70 {
  font-size: 70px;
}

.fs-72 {
  font-size: 72px;
}

.fs-74 {
  font-size: 74px;
}

.fs-76 {
  font-size: 76px;
}

.fs-78 {
  font-size: 78px;
}

.fs-80 {
  font-size: 80px;
}

.fs-82 {
  font-size: 82px;
}

.fs-84 {
  font-size: 84px;
}

.fs-86 {
  font-size: 86px;
}

.fs-88 {
  font-size: 88px;
}

.fs-90 {
  font-size: 90px;
}

.fs-92 {
  font-size: 92px;
}

.fs-94 {
  font-size: 94px;
}

.fs-96 {
  font-size: 96px;
}

.fs-98 {
  font-size: 98px;
}

.fs-100 {
  font-size: 100px;
}

/*** FONT SIZE HELPERS FOR MOBILE ***/
@media screen and (max-width: 767px) {
  .m-fs-12 {
    font-size: 12px;
  }

  .m-fs-14 {
    font-size: 14px;
  }

  .m-fs-16 {
    font-size: 16px;
  }

  .m-fs-18 {
    font-size: 18px;
  }

  .m-fs-20 {
    font-size: 20px;
  }

  .m-fs-22 {
    font-size: 22px;
  }

  .m-fs-24 {
    font-size: 24px;
  }

  .m-fs-26 {
    font-size: 26px;
  }

  .m-fs-28 {
    font-size: 28px;
  }

  .m-fs-30 {
    font-size: 30px;
  }

  .m-fs-32 {
    font-size: 32px;
  }

  .m-fs-34 {
    font-size: 34px;
  }

  .m-fs-36 {
    font-size: 36px;
  }

  .m-fs-38 {
    font-size: 38px;
  }

  .m-fs-40 {
    font-size: 40px;
  }

  .m-fs-42 {
    font-size: 42px;
  }

  .m-fs-44 {
    font-size: 44px;
  }

  .m-fs-46 {
    font-size: 46px;
  }

  .m-fs-48 {
    font-size: 48px;
  }

  .m-fs-50 {
    font-size: 50px;
  }

  .m-fs-52 {
    font-size: 52px;
  }

  .m-fs-54 {
    font-size: 54px;
  }

  .m-fs-56 {
    font-size: 56px;
  }

  .m-fs-58 {
    font-size: 58px;
  }

  .m-fs-60 {
    font-size: 60px;
  }

  .m-fs-62 {
    font-size: 62px;
  }

  .m-fs-64 {
    font-size: 64px;
  }

  .m-fs-66 {
    font-size: 66px;
  }

  .m-fs-68 {
    font-size: 68px;
  }

  .m-fs-70 {
    font-size: 70px;
  }

  .m-fs-72 {
    font-size: 72px;
  }

  .m-fs-74 {
    font-size: 74px;
  }

  .m-fs-76 {
    font-size: 76px;
  }

  .m-fs-78 {
    font-size: 78px;
  }

  .m-fs-80 {
    font-size: 80px;
  }

  .m-fs-82 {
    font-size: 82px;
  }

  .m-fs-84 {
    font-size: 84px;
  }

  .m-fs-86 {
    font-size: 86px;
  }

  .m-fs-88 {
    font-size: 88px;
  }

  .m-fs-90 {
    font-size: 90px;
  }

  .m-fs-92 {
    font-size: 92px;
  }

  .m-fs-94 {
    font-size: 94px;
  }

  .m-fs-96 {
    font-size: 96px;
  }

  .m-fs-98 {
    font-size: 98px;
  }

  .m-fs-100 {
    font-size: 100px;
  }
}