/*
** NOTE: This file is generated by Gulp and should not be edited directly!
** Any changes made directly to this file will be overwritten next time its asset group is processed by Gulp.
** Assets.json at root of the CinchOrchardCoreCMS.Theme project will point you to the files used to generate this.
*/

@font-face {
  font-family: "Exo2";
  src: url("../fonts/Exo2-Regular.ttf");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Exo2";
  src: url("../fonts/Exo2-Bold.ttf");
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "WixMadeForText";
  src: url("../fonts/WixMadeforText-Regular.ttf");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "WixMadeforText";
  src: url("../fonts/WixMadeforText-Bold.ttf");
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.breadcrumb-hero {
  min-height: 400px;
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 16px 64px;
}
.breadcrumb-hero .hero-container {
  max-width: 1440px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 32px;
  margin: 0 auto;
  padding: 0 64px;
}
.breadcrumb-hero .hero-container .breadcrumbs {
  width: 100%;
  margin: 0 auto;
  color: #ffffff;
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.breadcrumb-hero .hero-container .breadcrumbs li {
  display: flex;
  align-items: center;
  gap: 8px;
}
.breadcrumb-hero .hero-container .breadcrumbs a, .breadcrumb-hero .hero-container .breadcrumbs .active-breadcrumb {
  color: #ffffff;
}
.breadcrumb-hero .hero-container .title {
  width: 100%;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 0;
  margin: 0 auto;
}
.breadcrumb-hero .hero-container .title .hero-title {
  flex-grow: 0;
  font-family: Exo2;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  margin-bottom: 0;
}
.breadcrumb-hero .hero-container .title .hero-subtitle {
  flex-grow: 0;
  font-family: Exo2;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
}
.breadcrumb-hero .hero-container .buttons-block {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.breadcrumb-hero .hero-container .buttons-block .hero-button {
  width: 140px;
  height: 48px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  cursor: pointer;
  transition: 0.25s;
}
.breadcrumb-hero .hero-container .buttons-block .hero-button .label {
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 0;
}
.breadcrumb-hero .hero-container .buttons-block .hero-button .label .button-icon {
  height: 20px;
}
.breadcrumb-hero .hero-container .buttons-block .hero-button .label .button-caption {
  flex-grow: 0;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
}
.breadcrumb-hero .hero-container .buttons-block .hero-button.white-outline {
  border: solid 1px #ffffff;
  transition: 0.25s;
}
.breadcrumb-hero .hero-container .buttons-block .hero-button.white-outline:hover {
  background-color: rgba(255, 255, 255, 0.12);
}
.breadcrumb-hero .hero-container .buttons-block .hero-button:hover {
  background-color: #34aaeb;
}

@media screen and (max-width: 800px) {
  .breadcrumb-hero {
    padding: 16px;
  }
  .breadcrumb-hero .hero-container {
    padding: 0;
  }
  .breadcrumb-hero .hero-container .title .hero-title {
    font-size: 48px;
  }
  .breadcrumb-hero .hero-container .title .hero-subtitle {
    font-size: 20px;
  }
  .breadcrumb-hero .hero-container .buttons-block {
    flex-wrap: wrap;
  }
}
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndpZGdldC1icmVhZGNydW1iLWhlcm8uY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsImZpbGUiOiJ3aWRnZXQtYnJlYWRjcnVtYi1oZXJvLmNzcyIsInNvdXJjZXNDb250ZW50IjpbXX0= */