/* OAOA CSS Styles */
::-moz-selection { /* Code for Firefox */
  color: var(--white);
  background: var(--primary);
}
::selection {
  color: var(--white);
  background: var(--primary);
}
.single-job h1,
.single-job h2,
.single-job h3,
.single-job h4,
.single-job h5,
.single-job h6 {
  margin: 0 0 var(--space-m);
}

section:has(.top-left) {
  justify-content: start;
}
section:has(.top-center) {
  justify-content: start;
}
section:has(.top-right) {
  justify-content: start;
}
section:has(.middle-left) {
  justify-content: center;
}
section:has(.middle-center) {
  justify-content: center;
}
section:has(.middle-right) {
  justify-content: center;
}
section:has(.bottom-left) {
  justify-content: end;
}
section:has(.bottom-center) {
  justify-content: end;
}
section:has(.bottom-right) {
  justify-content: end;
}
.top-left, .middle-left, .bottom-left {
  align-self: start;
  text-align: left;
}
.top-center, .middle-center, .bottom-center {
  align-self: center;
  text-align: center;
}
.top-right, .middle-right, .bottom-right {
  align-self: end;
  text-align: right;
}
.top-left .title, .middle-left .title, .bottom-left .title {
  align-items: start;
}
.top-center .title, .middle-center .title, .bottom-center .title {
  align-items: center;
}
.top-right .title, .middle-right .title, .bottom-right .title {
  align-items: end;
}

section.primary {
  background-color: var(--primary);
  color: var(--base);
}
section.secondary {
  background-color: var(--secondary);
  color: var(--base);
}
section.action {
  background-color: var(--action);
  color: var(--white);
}
section.base-light {
  background-color: var(--base-light);
  color: var(--base);
}
section.base-ultra-light {
  background-color: var(--base-ultra-light);
  color: var(--base);
}
section.white {
  background-color: var(--white);
  color: var(--base);
}
section.base {
  background-color: var(--base);
  color: var(--white);
}

.visualright .visual {
  order: 1;
}

/* .case-template-default main section:first-of-type {
  padding-top: calc(var(--space-xl)*2);
} */