/*******************
  Layout
********************/
.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.flex-row {
  flex-direction: row;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-column {
  flex-direction: column;
}

.flex-column-reverse {
  flex-direction: column-reverse;
}

.flex-start {
  justify-content: flex-start;
}

.flex-center {
  justify-content: center;
}

.flex-end {
  justify-content: flex-end;
}

.space-around {
  justify-content: space-around;
}

.space-between {
  justify-content: space-between;
}

.align-start {
  align-items: flex-start;
}

.align-center {
  align-items: center;
}

.align-end {
  align-items: flex-end;
}

.grid {
  display: grid;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.sticky {
  position: sticky;
}

.fixed {
  position: fixed;
}

.border {
  border: 1px solid currentColor;
}

.rounded {
  border-radius: 4px;
}

.stretch {
  flex-grow: 1;
}

.basis-100 {
  flex-basis: 100%;
}

/*******************
  Text 
********************/
.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.lh-0 {
  line-height: 0;
}

.lh-1 {
  line-height: 1;
}

.lh-2 {
  line-height: 1.2;
}

.small {
  font-size: small;
}

.smaller {
  font-size: smaller;
}

.hyphens {
  hyphens: auto;
}

.text-xs {
  font-size: var(--text-xs);
}

.text-s {
  font-size: var(--text-s);
}

.text-m {
  font-size: var(--text-m);
}

.text-l {
  font-size: var(--text-l);
}

.text-xl {
  font-size: var(--text-xl);
}

.text-xxl {
  font-size: var(--text-xxl);
}

.text-h1 {
  font-size: var(--h1);
}

.text-h2 {
  font-size: var(--h2);
}

.text-h3 {
  font-size: var(--h3);
}

.text-h4 {
  font-size: var(--h4);
}

.text-h5 {
  font-size: var(--h5);
}

.text-h6 {
  font-size: var(--h6);
}

/*******************
  Colors
********************/
.white {
  color: #fff;
}

.grey-lightest {
  color: #F3F4F6;
}

.grey-light {
  color: var(--bricks-text-light);
}

.grey-medium {
  color: var(--bricks-text-medium);
}

.grey-dark {
  color: var(--bricks-text-dark);
}

.grey-darkest {
  color: #111827;
}

.bg-grey-lightest {
  background-color: #F3F4F6;
}

.bg-grey-light {
  background-color: var(--bricks-text-light);
}

.bg-grey-medium {
  background-color: var(--bricks-text-medium);
}

.bg-grey-dark {
  background-color: var(--bricks-text-dark);
}

.bg-grey-darkest {
  background-color: #111827;
}

.red-lightest {
  color: #fecaca;
}

.red-light {
  color: #fca5a5;
}

.red-medium {
  color: #ef4444;
}

.red-dark {
  color: #b92e18;
}

.red-darkest {
  color: #450a0a;
}

.bg-red-lightest {
  background-color: #fecaca;
}

.bg-red-light {
  background-color: #fca5a5;
}

.bg-red-medium {
  background-color: #ef4444;
}

.bg-red-dark {
  background-color: #b92e18;
}

.bg-red-darkest {
  background-color: #450a0a;
}

.green-lightest {
  color: #f0fdf4;
}

.green-light {
  color: #86efac;
}

.green-medium {
  color: #22c55e;
}

.green-dark {
  color: #047857;
}

.green-darkest {
  color: #022c22;
}

.bg-green-lightest {
  background-color: #f0fdf4;
}

.bg-green-light {
  background-color: #86efac;
}

.bg-green-medium {
  background-color: #22c55e;
}

.bg-green-dark {
  background-color: #047857;
}

.bg-green-darkest {
  background-color: #022c22;
}

/*******************
  Spacing
********************/
.p-0 {
  padding: 0;
}

.pb-0 {
  padding-bottom: 0;
}

.pl-0 {
  padding-left: 0;
}

.pr-0 {
  padding-right: 0;
}

.pt-0 {
  padding-top: 0;
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.py-0 {
  padding-bottom: 0;
  padding-top: 0;
}

.p-xxs {
  padding: var(--space-xxs);
}

.pb-xxs {
  padding-bottom: var(--space-xxs);
}

.pl-xxs {
  padding-left: var(--space-xxs);
}

.pr-xxs {
  padding-right: var(--space-xxs);
}

.pt-xxs {
  padding-top: var(--space-xxs);
}

.px-xxs {
  padding-left: var(--space-xxs);
  padding-right: var(--space-xxs);
}

.py-xxs {
  padding-bottom: var(--space-xxs);
  padding-top: var(--space-xxs);
}

.p-xs {
  padding: var(--space-xs, 12px);
}

.pb-xs {
  padding-bottom: var(--space-xs, 12px);
}

.pl-xs {
  padding-left: var(--space-xs, 12px);
}

.pr-xs {
  padding-right: var(--space-xs, 12px);
}

.pt-xs {
  padding-top: var(--space-xs, 12px);
}

.px-xs {
  padding-left: var(--space-xs, 12px);
  padding-right: var(--space-xs, 12px);
}

.py-xs {
  padding-bottom: var(--space-xs, 12px);
  padding-top: var(--space-xs, 12px);
}

.p-s {
  padding: var(--space-s);
}

.pb-s {
  padding-bottom: var(--space-s);
}

.pl-s {
  padding-left: var(--space-s);
}

.pr-s {
  padding-right: var(--space-s);
}

.pt-s {
  padding-top: var(--space-s);
}

.px-s {
  padding-left: var(--space-s);
  padding-right: var(--space-s);
}

.py-s {
  padding-bottom: var(--space-s);
  padding-top: var(--space-s);
}

.p-m {
  padding: var(--space-m);
}

.pb-m {
  padding-bottom: var(--space-m);
}

.pl-m {
  padding-left: var(--space-m);
}

.pr-m {
  padding-right: var(--space-m);
}

.pt-m {
  padding-top: var(--space-m);
}

.px-m {
  padding-left: var(--space-m);
  padding-right: var(--space-m);
}

.py-m {
  padding-bottom: var(--space-m);
  padding-top: var(--space-m);
}

.p-l {
  padding: var(--space-l);
}

.pb-l {
  padding-bottom: var(--space-l);
}

.pl-l {
  padding-left: var(--space-l);
}

.pr-l {
  padding-right: var(--space-l);
}

.pt-l {
  padding-top: var(--space-l);
}

.px-l {
  padding-left: var(--space-l);
  padding-right: var(--space-l);
}

.py-l {
  padding-bottom: var(--space-l);
  padding-top: var(--space-l);
}

.p-xl {
  padding: var(--space-xl);
}

.pb-xl {
  padding-bottom: var(--space-xl);
}

.pl-xl {
  padding-left: var(--space-xl);
}

.pr-xl {
  padding-right: var(--space-xl);
}

.pt-xl {
  padding-top: var(--space-xl);
}

.px-xl {
  padding-left: var(--space-xl);
  padding-right: var(--space-xl);
}

.py-xl {
  padding-bottom: var(--space-xl);
  padding-top: var(--space-xl);
}

.p-xxl {
  padding: var(--space-xxl);
}

.pb-xxl {
  padding-bottom: var(--space-xxl);
}

.pl-xxl {
  padding-left: var(--space-xxl);
}

.pr-xxl {
  padding-right: var(--space-xxl);
}

.pt-xxl {
  padding-top: var(--space-xxl);
}

.px-xxl {
  padding-left: var(--space-xxl);
  padding-right: var(--space-xxl);
}

.py-xxl {
  padding-bottom: var(--space-xxl);
  padding-top: var(--space-xxl);
}

.m-0 {
  margin: 0;
}

.mb-0 {
  margin-bottom: 0;
}

.ml-0 {
  margin-left: 0;
}

.mr-0 {
  margin-right: 0;
}

.mt-0 {
  margin-top: 0;
}

.mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.my-0 {
  margin-bottom: 0;
  margin-top: 0;
}

.m-xxs {
  margin: var(--space-xxs);
}

.mb-xxs {
  margin-bottom: var(--space-xxs);
}

.ml-xxs {
  margin-left: var(--space-xxs);
}

.mr-xxs {
  margin-right: var(--space-xxs);
}

.mt-xxs {
  margin-top: var(--space-xxs);
}

.mx-xxs {
  margin-left: var(--space-xxs);
  margin-right: var(--space-xxs);
}

.my-xxs {
  margin-bottom: var(--space-xxs);
  margin-top: var(--space-xxs);
}

.m-xs {
  margin: var(--space-xs, 12px);
}

.mb-xs {
  margin-bottom: var(--space-xs, 12px);
}

.ml-xs {
  margin-left: var(--space-xs, 12px);
}

.mr-xs {
  margin-right: var(--space-xs, 12px);
}

.mt-xs {
  margin-top: var(--space-xs, 12px);
}

.mx-xs {
  margin-left: var(--space-xs, 12px);
  margin-right: var(--space-xs, 12px);
}

.my-xs {
  margin-bottom: var(--space-xs, 12px);
  margin-top: var(--space-xs, 12px);
}

.m-s {
  margin: var(--space-s);
}

.mb-s {
  margin-bottom: var(--space-s);
}

.ml-s {
  margin-left: var(--space-s);
}

.mr-s {
  margin-right: var(--space-s);
}

.mt-s {
  margin-top: var(--space-s);
}

.mx-s {
  margin-left: var(--space-s);
  margin-right: var(--space-s);
}

.my-s {
  margin-bottom: var(--space-s);
  margin-top: var(--space-s);
}

.m-m {
  margin: var(--space-m);
}

.mb-m {
  margin-bottom: var(--space-m);
}

.ml-m {
  margin-left: var(--space-m);
}

.mr-m {
  margin-right: var(--space-m);
}

.mt-m {
  margin-top: var(--space-m);
}

.mx-m {
  margin-left: var(--space-m);
  margin-right: var(--space-m);
}

.my-m {
  margin-bottom: var(--space-m);
  margin-top: var(--space-m);
}

.m-l {
  margin: var(--space-l);
}

.mb-l {
  margin-bottom: var(--space-l);
}

.ml-l {
  margin-left: var(--space-l);
}

.mr-l {
  margin-right: var(--space-l);
}

.mt-l {
  margin-top: var(--space-l);
}

.mx-l {
  margin-left: var(--space-l);
  margin-right: var(--space-l);
}

.my-l {
  margin-bottom: var(--space-l);
  margin-top: var(--space-l);
}

.m-xl {
  margin: var(--space-xl);
}

.mb-xl {
  margin-bottom: var(--space-xl);
}

.ml-xl {
  margin-left: var(--space-xl);
}

.mr-xl {
  margin-right: var(--space-xl);
}

.mt-xl {
  margin-top: var(--space-xl);
}

.mx-xl {
  margin-left: var(--space-xl);
  margin-right: var(--space-xl);
}

.my-xl {
  margin-bottom: var(--space-xl);
  margin-top: var(--space-xl);
}

.m-xxl {
  margin: var(--space-xxl);
}

.mb-xxl {
  margin-bottom: var(--space-xxl);
}

.ml-xxl {
  margin-left: var(--space-xxl);
}

.mr-xxl {
  margin-right: var(--space-xxl);
}

.mt-xxl {
  margin-top: var(--space-xxl);
}

.mx-xxl {
  margin-left: var(--space-xxl);
  margin-right: var(--space-xxl);
}

.my-xxl {
  margin-bottom: var(--space-xxl);
  margin-top: var(--space-xxl);
}

.m-auto {
  margin: auto;
}

.mb-auto {
  margin-bottom: auto;
}

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

.mt-auto {
  margin-top: auto;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-auto {
  margin-bottom: auto;
  margin-top: auto;
}

.gap-0 {
  gap: 0;
}

.gap-xxs {
  gap: var(--space-xxs);
}

.gap-xs {
  gap: var(--space-xs, 12px);
}

.gap-s {
  gap: var(--space-s);
}

.gap-m {
  gap: var(--space-m);
}

.gap-l {
  gap: var(--space-l);
}

.gap-xl {
  gap: var(--space-xl);
}

.gap-xxl {
  gap: var(--space-xxl);
}

/*******************
  Sizing
********************/
.h-100 {
  height: 100%;
}

.w-100 {
  width: 100%;
}

.maxw-xs {
  max-width: 375px;
}

.maxw-sm {
  max-width: 576px;
}

.maxw-md {
  max-width: 650px;
}

.maxw-mlg {
  max-width: 768px;
}

.maxw-lg {
  max-width: 1024px;
}

.maxw-xl {
  max-width: 1280px;
}

.maxw-xxl {
  max-width: 1600px;
}

.minw-xs {
  min-width: 375px;
}

.minw-sm {
  min-width: 576px;
}

.minw-md {
  min-width: 650px;
}

.minw-mlg {
  min-width: 768px;
}

.minw-lg {
  min-width: 1024px;
}

.minw-xl {
  min-width: 1280px;
}

.minw-xxl {
  min-width: 1600px;
}

/*******************
  Other
********************/
.border-none {
  border: none !important;
}

:root {
  --space-xxs: .5rem;
}

@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.rotate,
.button .icon-refresh {
  animation: rotating 3s infinite linear;
}

.loader {
  width: 2rem;
  height: 2rem;
}

img {
  display: block;
  height: auto;
}

.icon {
  width: 2rem;
  height: 2rem;
  fill: currentColor;
}

.btn--small .icon {
  width: 1.5rem;
  height: 1.5rem;
}

.icon:not([height]),
.icon:not([width]) {
  min-height: 1rem;
  min-width: 1rem;
}

.item {
  border: 1px solid #D1D5DB;
}

.item-thumbnail {
  min-width: 250px;
}

.item-metas.grid {
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  align-items: start;
}

.item-meta-label {
  flex-shrink: 0;
}

.item-description {
  position: relative;
  max-height: 150px;
  overflow: hidden;
  transition: all 0.25s ease-out;
}
.item-description .overlay {
  background: linear-gradient(to top, white 0%, rgba(255, 255, 255, 0.6) 25%, transparent 100%);
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.item-description.expanded {
  max-height: none;
}
.item-description.expanded .overlay {
  background: none;
}

.read-more[aria-expanded=true] .icon-chevron-down {
  transform: rotate(180deg);
}

.pmb-notice {
  border-left: 4px solid var(--bricks-text-light);
}
.pmb-notice a {
  text-decoration: underline;
}

.pmb-notice-success {
  color: #022c22;
  border-left-color: var(--bricks-text-success);
}

.pmb-notice-error {
  border-left-color: var(--bricks-text-danger);
}

.pill {
  border-radius: 16px;
}

.nav-tab-wrapper {
  gap: var(--space-xs, 12px);
}
.nav-tab-wrapper a {
  text-decoration: none;
}
.nav-tab-wrapper a:hover, .nav-tab-wrapper a:focus {
  text-decoration: none;
}

.tab-heading {
  border-bottom: 4px solid transparent;
}
.tab-heading:hover, .tab-heading:focus, .tab-heading.active {
  border-bottom-color: var(--action);
}

.download-button .icon-refresh,
.add-to-cart-button .icon-refresh,
.cart-submit-button .icon-refresh {
  display: none;
}
.download-button.processing .icon,
.add-to-cart-button.processing .icon,
.cart-submit-button.processing .icon {
  display: none;
}
.download-button.processing .icon-refresh,
.add-to-cart-button.processing .icon-refresh,
.cart-submit-button.processing .icon-refresh {
  display: inline-block;
}
.download-button:hover,
.add-to-cart-button:hover,
.cart-submit-button:hover {
  cursor: pointer;
}

body.bricks-is-frontend.bricks-is-frontend input:not([type=submit]):hover,
body.bricks-is-frontend.bricks-is-frontend select:hover {
  outline-style: solid;
  outline-color: var(--focus-color);
  outline-width: var(--focus-width);
  outline-offset: var(--focus-offset);
}

[class*=btn--].btn--small:not(.wp-block-button, .btn--none) {
  padding: var(--space-xxs) var(--space-xs, 12px);
  min-inline-size: 0;
}

@media screen and (min-width: 650px) {
  .item-wrapper {
    flex-direction: row;
  }

  .item-thumbnail {
    max-width: 250px;
  }
}
table,
th,
td {
  border-collapse: collapse;
  border: 4px solid var(--bricks-border-color, #6B7280);
  text-align: center;
}

table .table-heading-title,
table .table-data-title {
  text-align: left;
}

.scroll-to-top {
  bottom: 2rem;
  right: 2rem;
}

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