/* Headers via https://patorjk.com/software/taag/#p=display&f=Doh */

/* Variables */

:root {
  /* 0px */
  --zero-spacer: 0rem;
  /* 2px */
  --zero-point-two-spacer: 0.125rem;
  /* 5px */
  --zero-point-five-spacer: 0.3125rem;
  /* 10px */
  --one-spacer: 0.625rem;
  /* 15px */
  --one-point-five-spacer: 0.9375rem;
  /* 20px */
  --two-spacer: 1.25rem;
  /* 25px */
  --two-point-five-spacer: 1.5625rem;
  /* 30px */
  --three-spacer: 1.875rem;
  /* 35px */
  --three-spacer: 2.1875rem;
  /* 40px */
  --four-spacer: 2.5rem;
  /* 45px */
  --four-spacer: 2.8125rem;
  /* 50px */
  --five-spacer: 3.125rem;
  /* Match to 'wideSize' in theme.json */
  --max-width: 1600px;
  /* Border width */
  --border-width: 1px;
  /* Colors */
  --pc-blue: #B5D3EE;
  --pc-black: #000000;
  --pc-white: #FFFFFF;
  --pc-off-white: #EBEBE9;
}

/* Position/Positions/Positioning */

.top-0 {
  top: 0 !important;
}

.right-0 {
  right: 0 !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.left-0 {
  left: 0 !important;
}

.p-relative {
  position: relative !important;
}

.p-absolute {
  position: absolute !important;
}

.p-sticky {
  position: sticky !important;
}

@media screen and (min-width: 480px) {
  .top-sm-0 {
    top: 0 !important;
  }

  .right-sm-0 {
    right: 0 !important;
  }

  .bottom-sm-0 {
    bottom: 0 !important;
  }

  .left-sm-0 {
    left: 0 !important;
  }

  .p-sm-relative {
    position: relative !important;
  }

  .p-sm-absolute {
    position: absolute !important;
  }

  .p-sm-sticky {
    position: sticky !important;
  }
}

@media screen and (min-width: 782px) {
  .top-md-0 {
    top: 0 !important;
  }

  .right-md-0 {
    right: 0 !important;
  }

  .bottom-md-0 {
    bottom: 0 !important;
  }

  .left-md-0 {
    left: 0 !important;
  }

  .p-md-relative {
    position: relative !important;
  }

  .p-md-absolute {
    position: absolute !important;
  }

  .p-md-sticky {
    position: sticky !important;
  }
}

@media screen and (min-width: 1080px) {
  .top-lg-0 {
    top: 0 !important;
  }

  .right-lg-0 {
    right: 0 !important;
  }

  .bottom-lg-0 {
    bottom: 0 !important;
  }

  .left-lg-0 {
    left: 0 !important;
  }

  .p-lg-relative {
    position: relative !important;
  }

  .p-lg-absolute {
    position: absolute !important;
  }

  .p-lg-sticky {
    position: sticky !important;
  }
}

@media screen and (min-width: 1600px) {
  .top-xl-0 {
    top: 0 !important;
  }

  .right-xl-0 {
    right: 0 !important;
  }

  .bottom-xl-0 {
    bottom: 0 !important;
  }

  .left-xl-0 {
    left: 0 !important;
  }

  .p-xl-relative {
    position: relative !important;
  }

  .p-xl-absolute {
    position: absolute !important;
  }

  .p-xl-sticky {
    position: sticky !important;
  }
}

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

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

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

.border {
  border: var(--border-width) solid !important;
}

.border-left {
  border-left: var(--border-width) solid !important;
}

.border-top {
  border-top: var(--border-width) solid !important;
}

.border-right {
  border-right: var(--border-width) solid !important;
}

.border-bottom {
  border-bottom: var(--border-width) solid !important;
}

@media screen and (min-width: 480px) {
  .border-left-sm-none {
    border-left: none !important;
  }

  .border-top-sm-none {
    border-top: none !important;
  }

  .border-right-sm-none {
    border-right: none !important;
  }

  .border-sm {
    border: var(--border-width) solid !important;
  }

  .border-left-sm {
    border-left: var(--border-width) solid !important;
  }

  .border-top-sm {
    border-top: var(--border-width) solid !important;
  }

  .border-right-sm {
    border-right: var(--border-width) solid !important;
  }

  .border-bottom-sm {
    border-bottom: var(--border-width) solid !important;
  }
}

@media screen and (min-width: 782px) {
  .border-left-md-none {
    border-left: none !important;
  }

  .border-top-md-none {
    border-top: none !important;
  }

  .border-right-md-none {
    border-right: none !important;
  }

  .border-md {
    border: var(--border-width) solid !important;
  }

  .border-left-md {
    border-left: var(--border-width) solid !important;
  }

  .border-top-md {
    border-top: var(--border-width) solid !important;
  }

  .border-right-md {
    border-right: var(--border-width) solid !important;
  }

  .border-bottom-md {
    border-bottom: var(--border-width) solid !important;
  }
}

@media screen and (min-width: 1080px) {
  .border-left-lg-none {
    border-left: none !important;
  }

  .border-top-lg-none {
    border-top: none !important;
  }

  .border-right-lg-none {
    border-right: none !important;
  }

  .border-lg-0p5 {
    border: 0.5px solid !important;
  }

  .border-left-lg {
    border-left: var(--border-width) solid !important;
  }

  .border-top-lg {
    border-top: var(--border-width) solid !important;
  }

  .border-right-lg {
    border-right: var(--border-width) solid !important;
  }

  .border-bottom-lg {
    border-bottom: var(--border-width) solid !important;
  }
}

@media screen and (min-width: 1600px) {
  .border-left-xl-none {
    border-left: none !important;
  }

  .border-top-xl-none {
    border-top: none !important;
  }

  .border-right-xl-none {
    border-right: none !important;
  }

  .border-xl {
    border: var(--border-width) solid !important;
  }

  .border-left-xl {
    border-left: var(--border-width) solid !important;
  }

  .border-top-xl {
    border-top: var(--border-width) solid !important;
  }

  .border-right-xl {
    border-right: var(--border-width) solid !important;
  }

  .border-bottom-xl {
    border-bottom: var(--border-width) solid !important;
  }
}

/* Colors */
.has-pc-blue-color {
  color: var(--pc-blue);
}
.has-pc-blue-background-color {
  background-color: var(--pc-blue);
}

.has-pc-black-color {
  color: var(--pc-black);
}
.has-pc-black-background-color {
  background-color: var(--pc-black);
}
.has-pc-white-color {
  color: var(--pc-white);
}
.has-pc-white-background-color {
  background-color: var(--pc-white);
}
.has-pc-off-white-color {
  color: var(--pc-off-white);
}
.has-pc-off-white-background-color {
  background-color: var(--pc-off-white);
}