/* Translucent colors */
/* Animation definitions */
/**
 * Mixins
 */
/**
 * Default page width mixin
 */
/**
 * Flexbox with flex-flow, justify-content and align-items.
 *
 * @param  {[type]} $direction        [description]
 * @param  {[type]} $wrap             [description]
 * @param  {[type]} $justify-content  [description]
 * @param  {[type]} $align-items      [description]
 * @return {[type]}                   [description]
 */
/**
 * Font size with line-height.
 *
 * @param  {[type]} $size       [description]
 * @param  {[type]} $lineheight [description]
 * @return {[type]}             [description]
 */
/**
 * Button.
 *
 * @param  {[type]} $bg:    red           [description]
 * @param  {[type]} $color: white         [description]
 * @return {[type]}         [description]
 */
/**
 * Font family.
 *
 * @param {[string]} $name
 *  Name of the font-family.
 */
/**
  * Media query mixin.
  *
  * @param  {[type]} $size [description]
  * @return {[type]}        [description]
  */
/**
  * Hover mixin
  *
  * @param  {[type]} $color [description]
  * @param  {[type]} $background-color [description]
  * @return {[type]}        [description]
  */
/**
  * Responsive attribute mixin
  *
  * @param  {[type]} $property [description]
  * @param  {[type]} $default [description]
  * @param  {[type]} $large [description]
  * @param  {[type]} $medium [description]
  * @param  {[type]} $small [description]
  * @return {[type]}        [description]
  */
/**
  * Keyframes
  **/
.responsive-background-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -2;
}

.responsive-background-image:after {
  background-image: -webkit-gradient(linear, left top, right top, from(#006083), to(rgba(0, 96, 131, 0)));
  background-image: -webkit-linear-gradient(left, #006083, rgba(0, 96, 131, 0));
  background-image: linear-gradient(to right, #006083, rgba(0, 96, 131, 0));
  bottom: 0;
  content: "";
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}

.page-node-type-facility .responsive-background-image:after {
  display: none;
}