/* 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-point-five-spacer: 2.1875rem;
  /* 40px */
  --four-spacer: 2.5rem;
  /* 45px */
  --four-point-spacer: 2.8125rem;
  /* 50px */
  --five-spacer: 3.125rem;
  /* Match to 'wideSize' in theme.json */
  --max-width: 1600px;
  /* Border width */
  --border-width: 1px;
  /* Colors */
  --black: #1F1E24;
  --black-60: rgba(0, 0, 0, 0.6);
  --light-grey: #E7E4DF;
  --grey: #656565;
  --white: #F2F1EF;
  --blue: #6690A6;
  --dark-blue: #2D6D8E;
  --green: #6B9A6E;
  --dark-green: #2B6644;
  --pink: #CE66AE;
  --dark-pink: #AB3386;
  --red: #E8584D;
  --dark-red: #C7382E;
  --yellow: #D5B63A;
  --dark-yellow: #826900;
}

/* Position/Positions/Positioning */

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

.top-50 {
  top: 50% !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: 0 !important;
}

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

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

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

.border-left {
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: var(--border-width) solid !important;
}

.border-top {
  border-top: var(--border-width) solid !important;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}

.border-right {
  border-top: 0;
  border-right: var(--border-width) solid !important;
  border-bottom: 0;
  border-left: 0;
}

.border-bottom {
  border-top: 0;
  border-right: 0;
  border-bottom: var(--border-width) solid !important;
  border-left: 0;
}

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

  .border-top-sm-none {
    border-top: 0 !important;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
  }

  .border-right-sm-none {
    border-top: 0;
    border-right: 0 !important;
    border-bottom: 0;
    border-left: 0;
  }

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

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

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

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

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

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

  .border-top-md-none {
    border-top: 0 !important;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
  }

  .border-right-md-none {
    border-top: 0;
    border-right: 0 !important;
    border-bottom: 0;
    border-left: 0;
  }

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

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

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

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

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

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

  .border-top-lg-none {
    border-top: 0 !important;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
  }

  .border-right-lg-none {
    border-top: 0;
    border-right: 0 !important;
    border-bottom: 0;
    border-left: 0;
  }

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

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

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

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

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

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

  .border-top-xl-none {
    border-top: 0 !important;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
  }

  .border-right-xl-none {
    border-top: 0;
    border-right: 0 !important;
    border-bottom: 0;
    border-left: 0;
  }

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

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

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

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

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

/* Colors */
.has-black-color,
.has-black-color * {
  color: var(--black) !important;
}
.has-black-60-color,
.has-black-60-color * {
  color: var(--black-60) !important;
}
.has-light-grey-color,
.has-light-grey-color * {
  color: var(--light-grey) !important;
}
.has-grey-color,
.has-grey-color * {
  color: var(--grey) !important;
}
.has-black-background-color {
  background-color: var(--black) !important;
}
.has-black-60-background-color {
  background-color: var(--black-60) !important;
}
.has-light-grey-background-color {
  background-color: var(--light-grey) !important;
}
.has-grey-background-color {
  background-color: var(--grey) !important;
}
.has-white-color,
.has-white-color * {
  color: var(--white) !important;
}
.has-white-background-color {
  background-color: var(--white) !important;
}
.has-blue-color,
.has-blue-color * {
  color: var(--blue) !important;
}
.has-blue-background-color {
  background-color: var(--blue) !important;
}
.has-dark-blue-color,
.has-dark-blue-color * {
  color: var(--dark-blue) !important;
}
.has-dark-blue-background-color {
  background-color: var(--dark-blue) !important;
}
.has-green-color,
.has-green-color * {
  color: var(--green) !important;
}
.has-green-background-color {
  background-color: var(--green) !important;
}
.has-dark-green-color,
.has-dark-green-color * {
  color: var(--dark-green) !important;
}
.has-dark-green-background-color {
  background-color: var(--dark-green) !important;
}
.has-pink-color,
.has-pink-color * {
  color: var(--pink) !important;
}
.has-pink-background-color {
  background-color: var(--pink) !important;
}
.has-dark-pink-color,
.has-dark-pink-color * {
  color: var(--dark-pink) !important;
}
.has-dark-pink-background-color {
  background-color: var(--dark-pink) !important;
}
.has-red-color,
.has-red-color * {
  color: var(--red) !important;
}
.has-red-background-color {
  background-color: var(--red) !important;
}
.has-dark-red-color,
.has-dark-red-color * {
  color: var(--dark-red) !important;
}
.has-dark-red-background-color {
  background-color: var(--dark-red) !important;
}
.has-yellow-color,
.has-yellow-color * {
  color: var(--yellow) !important;
}
.has-yellow-background-color {
  background-color: var(--yellow) !important;
}
.has-dark-yellow-color,
.has-dark-yellow-color * {
  color: var(--dark-yellow) !important;
}
.has-dark-yellow-background-color {
  background-color: var(--dark-yellow) !important;
}

/* Border Color */
.has-black-border-color {
  border-color: var(--black) !important;
}
.has-grey-border-color {
  border-color: var(--grey) !important;
}
.has-white-border-color {
  border-color: var(--white) !important;
}
.has-translucent-white-border-color {
  border-color: #F2F1EF80 !important;
}
.has-blue-border-color {
  border-color: var(--blue) !important;
}
.has-dark-blue-border-color {
  border-color: var(--dark-blue) !important;
}
.has-green-border-color {
  border-color: var(--green) !important;
}
.has-dark-green-border-color {
  border-color: var(--dark-green) !important;
}
.has-pink-border-color {
  border-color: var(--pink) !important;
}
.has-dark-pink-border-color {
  border-color: var(--dark-pink) !important;
}
.has-red-border-color {
  border-color: var(--red) !important;
}
.has-dark-red-border-color {
  border-color: var(--dark-red) !important;
}
.has-yellow-border-color {
  border-color: var(--yellow) !important;
}
.has-dark-yellow-border-color {
  border-color: var(--dark-yellow) !important;
}

/* Tying pillars to their colors */
.has-borders-empire-background-color {
  background-color: var(--red) !important;
}
.has-bodies-gender-health-background-color {
  background-color: var(--pink) !important;
}
.has-land-labor-extraction-background-color {
  background-color: var(--green) !important;
}
.has-culture-media-education-background-color {
  background-color: var(--blue) !important;
}
.has-state-power-background-color {
  background-color: var(--yellow) !important;
}
.has-borders-empire-color {
  color: var(--red) !important;
}
.has-dark-borders-empire-color {
  color: var(--dark-red) !important;
}
.has-dark-bodies-gender-health-color {
  color: var(--dark-pink) !important;
}
.has-dark-land-labor-extraction-color {
  color: var(--dark-green) !important;
}
.has-dark-culture-media-education-color {
  color: var(--dark-blue) !important;
}
.has-dark-state-power-color {
  color: var(--dark-yellow) !important;
}