/* wp-content/themes/bds/modules/css/classes.css */
.alignfull {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
}
.has-info-background-color {
  background-color: var(--color--info) !important;
}
.has-success-background-color {
  background-color: var(--color--success) !important;
}
.has-warning-background-color {
  background-color: var(--color--warning) !important;
}
.has-error-background-color {
  background-color: var(--color--error) !important;
}
.border {
  border: var(--border);
}
.border-top {
  border-top: var(--border);
}
.border-right {
  border-right: var(--border);
}
.border-bottom {
  border-bottom: var(--border);
}
.border-left {
  border-left: var(--border);
}
.border-radius {
  border-radius: var(--border-radius);
}
.border-radius-xs {
  border-radius: var(--border-radius-xs);
}
.border-radius-sm {
  border-radius: var(--border-radius-sm);
}
.border-radius-md {
  border-radius: var(--border-radius-md);
}
.border-radius-lg {
  border-radius: var(--border-radius-lg);
}
.box-shadow {
  box-shadow: var(--box-shadow);
}
.clearfix::after {
  clear: both;
  content: "";
  display: table;
}
.has-info-color {
  color: var(--color--info) !important;
}
.has-success-color {
  color: var(--color--success) !important;
}
.has-warning-color {
  color: var(--color--warning) !important;
}
.has-error-color {
  color: var(--color--error) !important;
}
.flex {
  display: flex !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.justify-center {
  justify-content: center !important;
}
.justify-space-between {
  justify-content: space-between !important;
}
.align-center {
  align-items: center !important;
}
@media screen and (max-width: 781px) {
  .flex-on-mobile {
    display: flex !important;
  }
  .flex-column-on-mobile {
    flex-direction: column !important;
  }
  .flex-wrap-on-mobile {
    flex-wrap: wrap !important;
  }
  .justify-center-on-mobile {
    justify-content: center !important;
  }
  .justify-space-between-on-mobile {
    justify-content: space-between !important;
  }
  .align-center-on-mobile {
    align-items: center !important;
  }
}
@media screen and (min-width: 782px) and (max-width: 1181px) {
  .flex-on-tablet {
    display: flex !important;
  }
  .flex-column-on-tablet {
    flex-direction: column !important;
  }
  .flex-wrap-on-tablet {
    flex-wrap: wrap !important;
  }
  .justify-center-on-tablet {
    justify-content: center !important;
  }
  .justify-space-between-on-tablet {
    justify-content: space-between !important;
  }
  .align-center-on-tablet {
    align-items: center !important;
  }
}
@media screen and (min-width: 1182px) {
  .flex-on-desktop {
    display: flex !important;
  }
  .flex-column-on-desktop {
    flex-direction: column !important;
  }
  .flex-wrap-on-desktop {
    flex-wrap: wrap !important;
  }
  .justify-center-on-desktop {
    justify-content: center !important;
  }
  .justify-space-between-on-desktop {
    justify-content: space-between !important;
  }
  .align-center-on-desktop {
    align-items: center !important;
  }
}
.sm {
  font-size: var(--font-size--sm);
}
.md {
  font-size: var(--font-size--md);
}
.lg {
  font-size: var(--font-size--lg);
}
.xl {
  font-size: var(--font-size--xl);
}
.xxl {
  font-size: var(--font-size--xxl);
}
.thin {
  font-weight: var(--font-weight--thin, 100);
}
.extralight {
  font-weight: var(--font-weight--extralight, 200);
}
.light {
  font-weight: var(--font-weight--light, 300);
}
.normal {
  font-weight: var(--font-weight--normal, 400);
}
.medium {
  font-weight: var(--font-weight--medium, 500);
}
.semibold {
  font-weight: var(--font-weight--semibold, 600);
}
.bold {
  font-weight: var(--font-weight--bold, 700);
}
.extrabold {
  font-weight: var(--font-weight--extrabold, 800);
}
.black {
  font-weight: var(--font-weight--black, 900);
}
.gap-xs {
  gap: var(--spacing-1) !important;
}
.gap-sm {
  gap: var(--spacing-2) !important;
}
.gap-md {
  gap: var(--spacing-3) !important;
}
.gap {
  gap: var(--spacing-4) !important;
}
.gap-lg {
  gap: var(--spacing-5) !important;
}
.gap-xl {
  gap: var(--spacing-6) !important;
}
.gap-xxl {
  gap: var(--spacing-7) !important;
}
.inline-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-1);
  margin: 0;
  padding: 0;
  list-style: none;
}
.list-style-lower-alpha {
  list-style-type: lower-alpha;
}
.list-style-upper-roman {
  list-style-type: upper-roman;
}
.margin-xs {
  margin: var(--spacing-1) !important;
}
.margin-sm {
  margin: var(--spacing-2) !important;
}
.margin-md {
  margin: var(--spacing-3) !important;
}
.margin {
  margin: var(--spacing-4) !important;
}
.margin-lg {
  margin: var(--spacing-5) !important;
}
.margin-xl {
  margin: var(--spacing-6) !important;
}
.margin-xxl {
  margin: var(--spacing-7) !important;
}
.padding-xs {
  padding: var(--spacing-1) !important;
}
.padding-sm {
  padding: var(--spacing-2) !important;
}
.padding-md {
  padding: var(--spacing-3) !important;
}
.padding {
  padding: var(--spacing-4) !important;
}
.padding-lg {
  padding: var(--spacing-5) !important;
}
.padding-xl {
  padding: var(--spacing-6) !important;
}
.padding-xxl {
  padding: var(--spacing-7) !important;
}
.responsive-table {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
:has(.stretched-link),
.stretched-link {
  position: relative;
}
.stretched-link a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}
.text-left {
  text-align: left !important;
}
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}
@media screen and (max-width: 781px) {
  .text-left-on-mobile {
    text-align: left !important;
  }
  .text-center-on-mobile {
    text-align: center !important;
  }
  .text-right-on-mobile {
    text-align: right !important;
  }
}
@media screen and (min-width: 782px) and (max-width: 1181px) {
  .text-left-on-tablet {
    text-align: left !important;
  }
  .text-center-on-tablet {
    text-align: center !important;
  }
  .text-right-on-tablet {
    text-align: right !important;
  }
}
@media screen and (min-width: 1182px) {
  .text-left-on-desktop {
    text-align: left !important;
  }
  .text-center-on-desktop {
    text-align: center !important;
  }
  .text-right-on-desktop {
    text-align: right !important;
  }
}
.transition {
  transition: var(--transition);
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
@media screen and (max-width: 781px) {
  .hide-on-mobile {
    display: none !important;
  }
}
@media screen and (min-width: 782px) and (max-width: 1181px) {
  .hide-on-tablet {
    display: none !important;
  }
}
@media screen and (min-width: 1182px) {
  .hide-on-desktop {
    display: none !important;
  }
}
body.logged-in .hide-logged-in {
  display: none !important;
}
body:not(.logged-in) .hide-logged-out {
  display: none !important;
}
.masonry {
  display: grid !important;
  grid-template-columns: repeat(24, 1fr);
  gap: var(--gap);
}
.masonry > * {
  width: auto !important;
}
.masonry > *:nth-child(5n+1) {
  grid-column: 1 / span 8;
}
.masonry > *:nth-child(5n+2) {
  grid-column: 9 / span 8;
}
.masonry > *:nth-child(5n+3) {
  grid-column: 17 / span 8;
}
.masonry > *:nth-child(5n+4) {
  grid-column: 1 / span 12;
}
.masonry > *:nth-child(5n+5) {
  grid-column: 13 / span 12;
}
/*# sourceMappingURL=classes.css.map */