/**
*********************
* Import all the settings
********************
**/
/**
*********************
* Colors
********************
**/
/* Brand Colors */
/* Grayscale colors */
/* Accent colors. Primarily used for buttons */
/** Button & Link colors **/
@font-face {
  font-family: "Droid Sans";
  src: url("../../../fonts/Droid-Sans/DroidSans.ttf");
  font-weight: normal;
}

@font-face {
  font-family: "Droid Sans";
  src: url("../../../fonts/Droid-Sans/DroidSans-Bold.ttf");
  font-weight: 700;
}

/**
*********************
* Variables
********************
**/
/* Typography */
/* Transitions */
/* Container & spacings */
/** Button spacing **/
/* Border */
/* Breakpoints */
/**
*********************
* Breakpoint mixin
********************
**/
/**
*********************
* Colors
********************
**/
#billboard .block--billboard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 8rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

#billboard .block--billboard > .container {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

@media only screen and (min-width: 36.065rem) {
  #billboard .block--billboard > .container {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}

#billboard .block--billboard .field {
  margin-bottom: 0;
}

#billboard .block--billboard .block__content {
  padding: 1rem 1.5rem;
  color: #fff;
  border-radius: 1.5rem;
  background: rgba(15, 15, 15, 0.5);
}

@media only screen and (min-width: 48.065rem) {
  #billboard .block--billboard .block__content {
    max-width: 40rem;
  }
}

#billboard .block--billboard .field--name-field-title {
  font-size: 1.25rem;
}

@media only screen and (min-width: 36.065rem) {
  #billboard .block--billboard .field--name-field-title {
    font-size: 1.875rem;
  }
}

#billboard .block--billboard .field--name-field-subtitle {
  font-size: 1rem;
}

@media only screen and (min-width: 36.065rem) {
  #billboard .block--billboard .field--name-field-subtitle {
    font-size: 1.25rem;
  }
}

#billboard .block--billboard .field--name-body p,
#billboard .block--billboard .field--name-field-body p {
  margin-bottom: 0;
  color: #fff;
  font-size: 0.875rem;
}

@media only screen and (min-width: 36.065rem) {
  #billboard .block--billboard .field--name-body p,
  #billboard .block--billboard .field--name-field-body p {
    font-size: 1rem;
  }
}

#billboard .block--billboard .links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.5rem;
  margin-bottom: 0.3rem;
}

#billboard .block--billboard .links .field {
  margin-right: 1rem;
}

#billboard .block--billboard .links .field a {
  display: inline-block;
  padding: 0.3rem 0.75rem;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  border: 0.0625rem solid #fff;
  border-width: 0.1875rem;
  font-size: 0.75rem;
}

#billboard .block--billboard .links .field a:hover, #billboard .block--billboard .links .field a:focus {
  text-decoration: none;
}

@media only screen and (min-width: 36.065rem) {
  #billboard .block--billboard .links .field a {
    font-size: 0.875rem;
  }
}

@media only screen and (min-width: 36.065rem) {
  #billboard .block--billboard {
    min-height: 10rem;
  }
}

@media only screen and (min-width: 62.065rem) {
  #billboard .block--billboard {
    min-height: 18rem;
  }
}

#billboard .block--homepage-billboard .slick-prev,
#billboard .block--homepage-billboard .slick-next {
  position: absolute;
  z-index: 1;
  top: 50%;
  width: 1.75rem;
  height: 1.75rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: transparent !important;
  border: none;
  border-radius: 50%;
  background: rgba(15, 15, 15, 0.4);
  font-size: 0;
}

#billboard .block--homepage-billboard .slick-prev::before,
#billboard .block--homepage-billboard .slick-next::before {
  text-align: center;
  color: #fff;
  font-family: "FontAwesome", sans-serif;
  font-size: 0.875rem;
}

@media only screen and (min-width: 36.065rem) {
  #billboard .block--homepage-billboard .slick-prev::before,
  #billboard .block--homepage-billboard .slick-next::before {
    font-size: 1rem;
  }
}

@media only screen and (min-width: 36.065rem) {
  #billboard .block--homepage-billboard .slick-prev,
  #billboard .block--homepage-billboard .slick-next {
    width: 3rem;
    height: 3rem;
  }
}

#billboard .block--homepage-billboard .slick-prev {
  left: 0;
}

#billboard .block--homepage-billboard .slick-prev::before {
  content: "\f053";
}

@media only screen and (min-width: 48.065rem) {
  #billboard .block--homepage-billboard .slick-prev {
    left: 1rem;
  }
}

#billboard .block--homepage-billboard .slick-next {
  right: 0;
}

#billboard .block--homepage-billboard .slick-next::before {
  content: "\f054";
}

@media only screen and (min-width: 48.065rem) {
  #billboard .block--homepage-billboard .slick-next {
    right: 1rem;
  }
}

#billboard .block--homepage-billboard .block--billboard {
  min-height: 20rem;
}

@media only screen and (min-width: 48.065rem) {
  #billboard .block--homepage-billboard .block--billboard {
    min-height: 30rem;
  }
}

@media only screen and (min-width: 62.065rem) {
  #billboard .block--homepage-billboard .block--billboard {
    min-height: 25rem;
  }
}

@media only screen and (min-width: 75.065rem) {
  #billboard .block--homepage-billboard .block--billboard > .container {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
}

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