:root {
    --navbar-height: 58px;
}

html {
  overflow-y: scroll;
}

html, body {
  max-width: 100%;
  overflow-x: hidden;
  word-wrap: break-word;
}

/* Font-sizes */
.fs-18 {
  font-size: 18px !important;
}
.fs-16 {
  font-size: 16px !important;
}
.fs-15 {
  font-size: 15px !important;
}
.fs-14 {
  font-size: 14px !important;
}
.fs-13 {
  font-size: 13px !important;
}
.fs-12 {
  font-size: 12px !important;
}
.fs-11 {
  font-size: 11px !important;
}
.fs-10 {
  font-size: 10px !important;
}
.fs-9 {
  font-size: 9px !important;
}
.fs-8 {
  font-size: 8px !important;
}

@media (max-width: 768px) {
  .m-fs-18 {
    font-size: 18px !important;
  }
  .m-fs-16 {
    font-size: 16px !important;
  }
  .m-fs-15 {
    font-size: 15px !important;
  }
  .m-fs-14 {
    font-size: 14px !important;
  }
  .m-fs-13 {
    font-size: 13px !important;
  }
  .m-fs-12 {
    font-size: 12px !important;
  }
  .m-fs-11 {
    font-size: 11px !important;
  }
  .m-fs-10 {
    font-size: 10px !important;
  }
  .m-fs-9 {
    font-size: 9px !important;
  }
  .m-fs-8 {
    font-size: 8px !important;
  }
}


/* Callout */
.callout {
  padding: 0.75rem;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  background-color: var(--bd-callout-bg, var(--bs-gray-100));
  border-left: 0.25rem solid var(--bd-callout-border, var(--bs-gray-300));
}

.callout + .callout {
  margin-top: -.25rem;
}

.callout-default {
  --bd-callout-bg: rgba(var(--bs-secondary-rgb), .075);
  --bd-callout-border: rgba(var(--bs-secondary-rgb), .5);
}

.callout-info {
  --bd-callout-bg: rgba(var(--bs-info-rgb), .075);
  --bd-callout-border: rgba(var(--bs-info-rgb), .5);
}

.callout-warning {
  --bd-callout-bg: rgba(var(--bs-warning-rgb), .075);
  --bd-callout-border: rgba(var(--bs-warning-rgb), .5);
}

.callout-danger {
  --bd-callout-bg: rgba(var(--bs-danger-rgb), .075);
  --bd-callout-border: rgba(var(--bs-danger-rgb), .5);
}

.callout-company {
  --bd-callout-bg: var(--company-color-alpha-10);
  --bd-callout-border: var(--company-color-alpha-50);
}

/* Button */
@media (max-width: 768px) {
  .btn-mobile-sm {
    padding: .25rem .5rem;
    font-size: 0.875rem;
    border-radius: 0.25rem;
  }
}

@media (max-width: 768px) {
  .btn-mobile-xs {
    padding: .2rem .4rem;
    font-size: 0.6rem;
    border-radius: 0.25rem;
  }
}


/* Content > Album */
.modal-album-foto {
  margin-top: var(--navbar-height);
  height: auto;
  max-height: calc(100vh - var(--navbar-height));
}

.carousel-album-foto {
  max-height: calc(100vh - var(--navbar-height));
  object-fit: contain;
}

/* Borders */
.rounded-top-right {
  border-top-right-radius: 1.5rem;
}