/*
    - Name: "footer.scss"
    - Description: "Footer custom styles"
*/
/* Media query breakpoints */
@font-face {
  font-family: "Cardo Bold";
  src: url("/themes/custom/historias/assets/fonts/cardo/Cardo-Bold.woff2") format("woff2"), url("/themes/custom/historias/assets/fonts/cardo/Cardo-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cardo Regular";
  src: url("/themes/custom/historias/assets/fonts/cardo/Cardo-Regular.woff2") format("woff2"), url("/themes/custom/historias/assets/fonts/cardo/Cardo-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cardo Italic";
  src: url("/themes/custom/historias/assets/fonts/cardo/Cardo-Italic.woff2") format("woff2"), url("/themes/custom/historias/assets/fonts/cardo/Cardo-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Libre Caslon Display";
  src: url("/themes/custom/historias/assets/fonts/librecaslon/LibreCaslonDisplay-Regular.woff2") format("woff2"), url("/themes/custom/historias/assets/fonts/librecaslon/LibreCaslonDisplay-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "icomoon";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/themes/custom/historias/assets/fonts/icomoon/icomoon.tff") format("tff"), url("/themes/custom/historias/assets/fonts/icomoon/icomoon.eot?") format("eot"), url("/themes/custom/historias/assets/fonts/icomoon/icomoon.woff") format("woff");
}
.back-top {
  position: fixed;
  bottom: -50px;
  right: 15px;
  z-index: 100;
  cursor: pointer;
}

.rtl.back-top {
  right: auto;
  left: 15px;
}

.back-top:hover .back-top__item {
  background: #ee9982;
}

.back-top:hover .back-top__item svg {
  fill: #fff;
}

.back-top svg {
  fill: #fff;
}

.back-top.show {
  bottom: 15px;
}

.back-top.show.nav_active {
  bottom: 80px;
}

@media only screen and (min-width: 640px) {
  .back-top.nav_active {
    bottom: 90px;
  }
}
.back-top .back-top__item {
  background: rgba(0, 0, 0, 0.6);
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  transform: rotate(90deg);
}

.back-top .back-top__item svg {
  width: 14px;
}

.back-top__item {
  cursor: pointer;
  opacity: 1;
}

.back-top__item svg {
  fill: #fff;
}

.back-top__item svg .handle {
  transform: translateX(8px);
}

.back-top__item svg .bar {
  opacity: 0;
  transform-origin: left center;
  transform: translateX(16px);
}

.back-top__item:hover .handle {
  transform: translateX(4px);
}

.back-top__item:hover .bar {
  opacity: 1;
  transform: translateX(4px) scale(0.8);
}
/*# sourceMappingURL=footer.css.map */