/*
  This file is generated by theme colors.
  NB! Do not make changes to this file, it will be overwritten by system.
 */
.has-ubab-green-background-color {
  background-color: #00D588;
}

.has-ubab-green-color {
  color: #00D588;
}
.has-ubab-green-color *:not(.has-text-color) {
  color: #00D588;
}

.has-ubab-purple-background-color {
  background-color: #5C257F;
}

.has-ubab-purple-color {
  color: #5C257F;
}
.has-ubab-purple-color *:not(.has-text-color) {
  color: #5C257F;
}

.has-ubab-yellow-background-color {
  background-color: #FFF482;
}

.has-ubab-yellow-color {
  color: #FFF482;
}
.has-ubab-yellow-color *:not(.has-text-color) {
  color: #FFF482;
}

.has-ubab-ash-background-color {
  background-color: #DFDFE4;
}

.has-ubab-ash-color {
  color: #DFDFE4;
}
.has-ubab-ash-color *:not(.has-text-color) {
  color: #DFDFE4;
}

.has-ubab-pion-background-color {
  background-color: #FF5897;
}

.has-ubab-pion-color {
  color: #FF5897;
}
.has-ubab-pion-color *:not(.has-text-color) {
  color: #FF5897;
}

.has-gray-background-color {
  background-color: #c6c6c6;
}

.has-gray-color {
  color: #c6c6c6;
}
.has-gray-color *:not(.has-text-color) {
  color: #c6c6c6;
}

.has-light-gray-background-color {
  background-color: #ececec;
}

.has-light-gray-color {
  color: #ececec;
}
.has-light-gray-color *:not(.has-text-color) {
  color: #ececec;
}

.has-white-background-color {
  background-color: #ffffff;
}

.has-white-color {
  color: #ffffff;
}
.has-white-color *:not(.has-text-color) {
  color: #ffffff;
}

.has-black-background-color {
  background-color: #000000;
}

.has-black-color {
  color: #000000;
}
.has-black-color *:not(.has-text-color) {
  color: #000000;
}

/**
$theme-site-header-background : #000000;
$theme-site-body-background : #ffffff;
$theme-site-footer-background: #444444;
$theme-menu-links: #000000;
$theme-menu-links-negative: #ffffff;
$theme-mobile-menu-background: #ffffff;
$theme-mobile-menu-links: #000000;
$theme-text-color: #222222;
$theme-contrast-color-1: #FF0000;
$theme-contrast-color-2: #FFFF00;
$theme-link-color: #0000FF;
$theme-link-hover-color: #FF00FF;
 */
/** Input & forms fields **/
/** Page elements **/
/** Text color **/
/** Links **/
/** Buttons **/
/** Main Navigation **/
/** Mobile Navigation **/
/** Misc. element **/
/*
Added theme colors
 */
/*
Import fonts
 */
/** Preamble **/
/**
Paragraphs and such
 */
/**
Menu items
 */
/**
Buttons
 */
/**
    Breakpoints
 */
/**
font-family: Sh CaslonGraphique;
font-style: normal;
font-weight: normal;
font-size: 50px;
line-height: 60px;
**/
.slider-banner-block .inner .inner-content .hero-title {
  margin-top: 50px;
  font-family: "aktiv-grotesk", "Arial", sans-serif;
  text-transform: uppercase;
  font-style: italic;
  font-weight: 900;
  font-size: 36px;
  line-height: 34px;
}
@media screen and (max-width: 781px) {
  .slider-banner-block .inner .inner-content .hero-title {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 36px;
    line-height: 34px;
  }
}
@media screen and (min-width: 782px) {
  .slider-banner-block .inner .inner-content .hero-title {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 60px;
    line-height: 60px;
  }
}
@media screen and (min-width: 960px) {
  .slider-banner-block .inner .inner-content .hero-title {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 60px;
    line-height: 60px;
  }
}
@media screen and (min-width: 1280px) {
  .slider-banner-block .inner .inner-content .hero-title {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 60px;
    line-height: 60px;
  }
}
.slider-banner-block .inner .inner-content .hero-text {
  font-family: freight-display-pro, "Times New Roman", serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 24px;
  margin-top: 5px;
  margin-bottom: 20px;
}
@media screen and (max-width: 781px) {
  .slider-banner-block .inner .inner-content .hero-text {
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 24px;
  }
}
@media screen and (min-width: 782px) {
  .slider-banner-block .inner .inner-content .hero-text {
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 32px;
  }
}
@media screen and (min-width: 960px) {
  .slider-banner-block .inner .inner-content .hero-text {
    font-size: 30px;
    line-height: 32px;
  }
}
@media screen and (min-width: 1280px) {
  .slider-banner-block .inner .inner-content .hero-text {
    font-size: 30px;
    line-height: 32px;
  }
}
.slider-banner-block .inner .inner-content a.hero-banner-button {
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  background: transparent;
  min-width: 96px;
  height: 48px;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.slider-banner-block .inner .inner-content a.hero-banner-button span.button-text {
  text-transform: uppercase;
  font-family: "aktiv-grotesk", "Arial", sans-serif;
  font-weight: 400;
  transition: opacity 200ms 100ms;
  opacity: 0;
}
.slider-banner-block .inner .inner-content a.hero-banner-button:hover span.button-text {
  opacity: 1;
}
.slider-banner-block .inner .inner-content a.hero-banner-button:hover:after {
  left: 100%;
  background-color: currentColor;
}
.slider-banner-block .inner .inner-content a.hero-banner-button.has-ubab-green-color {
  color: #00D588;
}
.slider-banner-block .inner .inner-content a.hero-banner-button.has-ubab-green-color:hover {
  color: #00D588;
}
.slider-banner-block .inner .inner-content a.hero-banner-button.has-ubab-green-color:hover:after {
  background-color: #00D588;
}
.slider-banner-block .inner .inner-content a.hero-banner-button.has-ubab-green-color *:not(.has-text-color) {
  color: #00D588;
}
.slider-banner-block .inner .inner-content a.hero-banner-button.has-ubab-purple-color {
  color: #5C257F;
}
.slider-banner-block .inner .inner-content a.hero-banner-button.has-ubab-purple-color:hover {
  color: #5C257F;
}
.slider-banner-block .inner .inner-content a.hero-banner-button.has-ubab-purple-color:hover:after {
  background-color: #5C257F;
}
.slider-banner-block .inner .inner-content a.hero-banner-button.has-ubab-purple-color *:not(.has-text-color) {
  color: #5C257F;
}
.slider-banner-block .inner .inner-content a.hero-banner-button.has-ubab-yellow-color {
  color: #FFF482;
}
.slider-banner-block .inner .inner-content a.hero-banner-button.has-ubab-yellow-color:hover {
  color: #FFF482;
}
.slider-banner-block .inner .inner-content a.hero-banner-button.has-ubab-yellow-color:hover:after {
  background-color: #FFF482;
}
.slider-banner-block .inner .inner-content a.hero-banner-button.has-ubab-yellow-color *:not(.has-text-color) {
  color: #FFF482;
}
.slider-banner-block .inner .inner-content a.hero-banner-button.has-ubab-ash-color {
  color: #DFDFE4;
}
.slider-banner-block .inner .inner-content a.hero-banner-button.has-ubab-ash-color:hover {
  color: #DFDFE4;
}
.slider-banner-block .inner .inner-content a.hero-banner-button.has-ubab-ash-color:hover:after {
  background-color: #DFDFE4;
}
.slider-banner-block .inner .inner-content a.hero-banner-button.has-ubab-ash-color *:not(.has-text-color) {
  color: #DFDFE4;
}
.slider-banner-block .inner .inner-content a.hero-banner-button.has-ubab-pion-color {
  color: #FF5897;
}
.slider-banner-block .inner .inner-content a.hero-banner-button.has-ubab-pion-color:hover {
  color: #FF5897;
}
.slider-banner-block .inner .inner-content a.hero-banner-button.has-ubab-pion-color:hover:after {
  background-color: #FF5897;
}
.slider-banner-block .inner .inner-content a.hero-banner-button.has-ubab-pion-color *:not(.has-text-color) {
  color: #FF5897;
}
.slider-banner-block .inner .inner-content a.hero-banner-button.has-gray-color {
  color: #c6c6c6;
}
.slider-banner-block .inner .inner-content a.hero-banner-button.has-gray-color:hover {
  color: #c6c6c6;
}
.slider-banner-block .inner .inner-content a.hero-banner-button.has-gray-color:hover:after {
  background-color: #c6c6c6;
}
.slider-banner-block .inner .inner-content a.hero-banner-button.has-gray-color *:not(.has-text-color) {
  color: #c6c6c6;
}
.slider-banner-block .inner .inner-content a.hero-banner-button.has-light-gray-color {
  color: #ececec;
}
.slider-banner-block .inner .inner-content a.hero-banner-button.has-light-gray-color:hover {
  color: #ececec;
}
.slider-banner-block .inner .inner-content a.hero-banner-button.has-light-gray-color:hover:after {
  background-color: #ececec;
}
.slider-banner-block .inner .inner-content a.hero-banner-button.has-light-gray-color *:not(.has-text-color) {
  color: #ececec;
}
.slider-banner-block .inner .inner-content a.hero-banner-button.has-white-color {
  color: #ffffff;
}
.slider-banner-block .inner .inner-content a.hero-banner-button.has-white-color:hover {
  color: #ffffff;
}
.slider-banner-block .inner .inner-content a.hero-banner-button.has-white-color:hover:after {
  background-color: #ffffff;
}
.slider-banner-block .inner .inner-content a.hero-banner-button.has-white-color *:not(.has-text-color) {
  color: #ffffff;
}
.slider-banner-block .inner .inner-content a.hero-banner-button.has-black-color {
  color: #000000;
}
.slider-banner-block .inner .inner-content a.hero-banner-button.has-black-color:hover {
  color: #000000;
}
.slider-banner-block .inner .inner-content a.hero-banner-button.has-black-color:hover:after {
  background-color: #000000;
}
.slider-banner-block .inner .inner-content a.hero-banner-button.has-black-color *:not(.has-text-color) {
  color: #000000;
}
.slider-banner-block .inner .inner-content a.hero-banner-button:after {
  transition: left 200ms;
  background-color: currentColor;
  -webkit-mask-image: url("./../../sass/theme-images/arrow-right.svg");
  mask-image: url("./../../sass/theme-images/arrow-right.svg");
  content: "";
  font-size: inherit;
  font-weight: 200;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-position: center center;
  -webkit-mask-position: center center;
  mask-size: contain;
  -webkit-mask-size: contain;
}
.slider-banner-block .inner.small-text-block .inner-content {
  padding: 20px 30px 30px 20px;
}
.slider-banner-block .inner.small-text-block .inner-content .hero-title {
  margin-top: 50px;
  font-family: "aktiv-grotesk", "Arial", sans-serif;
  text-transform: uppercase;
  font-style: italic;
  font-weight: 900;
  font-size: 36px;
  line-height: 34px;
  font-size: 40px;
  line-height: 42px;
}
@media screen and (max-width: 781px) {
  .slider-banner-block .inner.small-text-block .inner-content .hero-title {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 36px;
    line-height: 34px;
  }
}
@media screen and (min-width: 782px) {
  .slider-banner-block .inner.small-text-block .inner-content .hero-title {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 60px;
    line-height: 60px;
  }
}
@media screen and (min-width: 960px) {
  .slider-banner-block .inner.small-text-block .inner-content .hero-title {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 60px;
    line-height: 60px;
  }
}
@media screen and (min-width: 1280px) {
  .slider-banner-block .inner.small-text-block .inner-content .hero-title {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 60px;
    line-height: 60px;
  }
}
@media screen and (max-width: 781px) {
  .slider-banner-block .inner.small-text-block .inner-content .hero-title {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 26px;
    line-height: 28px;
  }
}
@media screen and (min-width: 782px) {
  .slider-banner-block .inner.small-text-block .inner-content .hero-title {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 32px;
  }
}
@media screen and (min-width: 960px) {
  .slider-banner-block .inner.small-text-block .inner-content .hero-title {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 40px;
    line-height: 42px;
  }
}
@media screen and (min-width: 1280px) {
  .slider-banner-block .inner.small-text-block .inner-content .hero-title {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 40px;
    line-height: 42px;
  }
}
.slider-banner-block .inner.small-text-block .inner-content .hero-text {
  font-family: freight-display-pro, "Times New Roman", serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 24px;
  margin-top: 5px;
  margin-bottom: 20px;
  margin-top: 5px;
  margin-bottom: 10px;
}
@media screen and (max-width: 781px) {
  .slider-banner-block .inner.small-text-block .inner-content .hero-text {
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 24px;
  }
}
@media screen and (min-width: 782px) {
  .slider-banner-block .inner.small-text-block .inner-content .hero-text {
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 32px;
  }
}
@media screen and (min-width: 960px) {
  .slider-banner-block .inner.small-text-block .inner-content .hero-text {
    font-size: 30px;
    line-height: 32px;
  }
}
@media screen and (min-width: 1280px) {
  .slider-banner-block .inner.small-text-block .inner-content .hero-text {
    font-size: 30px;
    line-height: 32px;
  }
}
@media screen and (max-width: 781px) {
  .slider-banner-block .inner.small-text-block .inner-content .hero-text {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 23px;
  }
}
@media screen and (min-width: 782px) {
  .slider-banner-block .inner.small-text-block .inner-content .hero-text {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 27px;
  }
}
@media screen and (min-width: 960px) {
  .slider-banner-block .inner.small-text-block .inner-content .hero-text {
    font-size: 32px;
    line-height: 34px;
  }
}
@media screen and (min-width: 1280px) {
  .slider-banner-block .inner.small-text-block .inner-content .hero-text {
    font-size: 32px;
    line-height: 34px;
  }
}
@media screen and (max-width: 781px) {
  .slider-banner-block .background-image {
    display: block;
  }
}

@media screen and (max-width: 1439px) {
  .slider-banner-block .banner-container .inner .background-image {
    display: block;
  }
  .slider-banner-block .banner-container .inner .background-image .background-video {
    padding-bottom: 100%;
  }
  .slider-banner-block .banner-container .inner .background-image .background-video .wp-video {
    position: absolute;
    height: 100% !important;
    width: 100%;
  }
  .slider-banner-block .banner-container .inner .background-image .background-video .wp-video .mejs-container {
    height: 100% !important;
    width: auto !important;
  }
  .slider-banner-block .banner-container .inner .background-image .background-video .wp-video .mejs-container .mejs-mediaelement mediaelementwrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    max-height: 100%;
  }
  .slider-banner-block .banner-container .inner .background-image .background-video .wp-video .mejs-container .mejs-mediaelement mediaelementwrapper video {
    max-width: none;
    height: 100% !important;
    width: auto !important;
  }
}

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