.margin-tn {
  margin: 4px !important;
}

.padding-tn {
  padding: 4px !important;
}

.margin-top-tn {
  margin-top: 4px !important;
}

.padding-top-tn {
  padding-top: 4px !important;
}

.margin-rgt-tn {
  margin-right: 4px !important;
}

.padding-rgt-tn {
  padding-right: 4px !important;
}

.margin-btm-tn {
  margin-bottom: 4px !important;
}

.padding-btm-tn {
  padding-bottom: 4px !important;
}

.margin-lft-tn {
  margin-left: 4px !important;
}

.padding-lft-tn {
  padding-left: 4px !important;
}

.margin-xs {
  margin: 8px !important;
}

.padding-xs {
  padding: 8px !important;
}

.margin-top-xs {
  margin-top: 8px !important;
}

.padding-top-xs {
  padding-top: 8px !important;
}

.margin-rgt-xs {
  margin-right: 8px !important;
}

.padding-rgt-xs {
  padding-right: 8px !important;
}

.margin-btm-xs {
  margin-bottom: 8px !important;
}

.padding-btm-xs {
  padding-bottom: 8px !important;
}

.margin-lft-xs {
  margin-left: 8px !important;
}

.padding-lft-xs {
  padding-left: 8px !important;
}

.margin-sm {
  margin: 12px !important;
}

.padding-sm {
  padding: 12px !important;
}

.margin-top-sm {
  margin-top: 12px !important;
}

.padding-top-sm {
  padding-top: 12px !important;
}

.margin-rgt-sm {
  margin-right: 12px !important;
}

.padding-rgt-sm {
  padding-right: 12px !important;
}

.margin-btm-sm {
  margin-bottom: 12px !important;
}

.padding-btm-sm {
  padding-bottom: 12px !important;
}

.margin-lft-sm {
  margin-left: 12px !important;
}

.padding-lft-sm {
  padding-left: 12px !important;
}

.margin-md {
  margin: 20px !important;
}

.padding-md {
  padding: 20px !important;
}

.margin-top-md {
  margin-top: 20px !important;
}

.padding-top-md {
  padding-top: 20px !important;
}

.margin-rgt-md {
  margin-right: 20px !important;
}

.padding-rgt-md {
  padding-right: 20px !important;
}

.margin-btm-md {
  margin-bottom: 20px !important;
}

.padding-btm-md {
  padding-bottom: 20px !important;
}

.margin-lft-md {
  margin-left: 20px !important;
}

.padding-lft-md {
  padding-left: 20px !important;
}

.margin-lg {
  margin: 30px !important;
}

.padding-lg {
  padding: 30px !important;
}

.margin-top-lg {
  margin-top: 30px !important;
}

.padding-top-lg {
  padding-top: 30px !important;
}

.margin-rgt-lg {
  margin-right: 30px !important;
}

.padding-rgt-lg {
  padding-right: 30px !important;
}

.margin-btm-lg {
  margin-bottom: 30px !important;
}

.padding-btm-lg {
  padding-bottom: 30px !important;
}

.margin-lft-lg {
  margin-left: 30px !important;
}

.padding-lft-lg {
  padding-left: 30px !important;
}

.margin-xl {
  margin: 60px !important;
}

.padding-xl {
  padding: 60px !important;
}

.margin-top-xl {
  margin-top: 60px !important;
}

.padding-top-xl {
  padding-top: 60px !important;
}

.margin-rgt-xl {
  margin-right: 60px !important;
}

.padding-rgt-xl {
  padding-right: 60px !important;
}

.margin-btm-xl {
  margin-bottom: 60px !important;
}

.padding-btm-xl {
  padding-bottom: 60px !important;
}

.margin-lft-xl {
  margin-left: 60px !important;
}

.padding-lft-xl {
  padding-left: 60px !important;
}

.margin-top-5 {
  margin-top: 5px;
}

.margin-btm-5 {
  margin-bottom: 5px;
}

.margin-top-15 {
  margin-top: 15px;
}

.margin-btm-15 {
  margin-bottom: 15px;
}

.margin-top-35 {
  margin-top: 35px;
}

.margin-btm-35 {
  margin-bottom: 35px;
}

.margin-top-40 {
  margin-top: 40px;
}

.margin-btm-40 {
  margin-bottom: 40px;
}


@media screen and (max-width: 767px) {
  .padding-lg-xs {
    padding: 30px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .padding-lg-sm {
    padding: 30px !important;
  }
}




.no-padding {
  padding: 0 !important;
  ;
}

.no-margin {
  margin: 0 !important;
  ;
}

.no-border {
  border: none !important;
}

.no-shadow {
  box-shadow: none !important;
}


.mh-1 {
  min-height: 1rem;
}

.mh-2 {
  min-height: 2rem;
}

.mh-4 {
  min-height: 4rem;
}

.mh-6 {
  min-height: 6rem;
}

.mh-8 {
  min-height: 8rem;
}

.mh-10 {
  min-height: 10rem;
}

.mh-12 {
  min-height: 12rem;
}

.mh-14 {
  min-height: 14rem;
}

.mh-16 {
  min-height: 16rem;
}

.mh-18 {
  min-height: 18rem;
}



/* STAGGERED IMAGE GALLERIES */
.block-gallery-grid-staggered .blocks-gallery-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

@media (min-width: 992px) {
  .block-gallery-grid-staggered .blocks-gallery-grid {
    gap: 1.5rem;
  }
}

.block-gallery-grid-staggered .blocks-gallery-grid .blocks-gallery-item {
  flex-basis: calc(50% - 0.25rem);
  flex-grow: 0;
  width: auto;
  margin: 0;
}

.block-gallery-grid-staggered .blocks-gallery-grid .blocks-gallery-item:nth-child(odd) {
  top: -2.0rem;
}

.block-gallery-grid-staggered .blocks-gallery-grid .blocks-gallery-item:nth-child(even) {
  top: 2.0rem;
}

@media (min-width: 992px) {
  .block-gallery-grid-staggered .blocks-gallery-grid .blocks-gallery-item {
    flex-basis: calc(33.33333% - 1rem);
    margin: 0;
  }

  /* reset mobile offset */
  .block-gallery-grid-staggered .blocks-gallery-grid .blocks-gallery-item:nth-child(odd) {
    top: 0rem;
  }

  .block-gallery-grid-staggered .blocks-gallery-grid .blocks-gallery-item:nth-child(even) {
    top: 0rem;
  }

  /* 3 column layout */
  .block-gallery-grid-staggered .blocks-gallery-grid .blocks-gallery-item:nth-child(3n),
  .block-gallery-grid-staggered .blocks-gallery-grid .blocks-gallery-item:nth-child(3n - 2) {
    top: -2.5rem;
  }

  .block-gallery-grid-staggered .blocks-gallery-grid .blocks-gallery-item:nth-child(3n - 1) {
    top: 2.5rem;
  }

  /* 4 column layout */
  .block-gallery-grid-staggered.columns-4 .blocks-gallery-grid .blocks-gallery-item {
    flex-basis: calc(25% - 1.125rem);
    margin: 0;
  }

  .block-gallery-grid-staggered.columns-4 .blocks-gallery-grid .blocks-gallery-item:nth-child(odd) {
    top: -2.5rem;
  }

  .block-gallery-grid-staggered.columns-4 .blocks-gallery-grid .blocks-gallery-item:nth-child(even) {
    top: 2.5rem;
  }


}