/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/blocks/banner/_banner.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************/
@import url(https://use.typekit.net/veq0jrt.css);
/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/blocks/banner/_banner.scss (1) ***!
  \************************************************************************************************************************************************************************************************************************************************************/
/**
 * Add font scale with media query as per configuration on $body-text
 * Ex: @include body-text( h1 );
 * This will add font-size and line-height with different breakpoints.
 */
/*----------------
		Font
------------------*/
/*---------------------------------
		Font Weights
-----------------------------------*/
/*---------------------------------
		RWest Theme Colors Variables
-----------------------------------*/
.banner {
  position: fixed;
  width: 100%;
  align-items: center;
  justify-content: center;
  z-index: 3;
  padding: calc(0.5rem);
  z-index: 12;
}
.banner.row {
  max-width: none;
}
.banner .block-inner {
  position: relative;
}
.banner .close-banner {
  cursor: pointer;
  color: #fff;
  position: absolute;
  top: 5px;
  right: 5px;
}
.banner .columns {
  display: flex;
  align-items: center;
  justify-content: center;
}
.banner * {
  color: #fff;
  font-family: "brandon-grotesque", sans-serif;
}
.banner p {
  font-size: 18px;
}
.banner.closed {
  display: none;
  height: 0;
}
.banner a {
  color: #fff;
  text-decoration: none;
  transition: 0.3s;
}
.banner a:hover, .banner a:active, .banner a:focus {
  color: #090a0f;
  text-decoration: underline;
}
.banner.generations {
  position: fixed;
}

/*# sourceMappingURL=banner.css.map*/