/*# sourceMappingURL=beacons.css.map */
.x {
  color: #a0c0c9;
}

/* CSS Document */
/*Discovery Institute - General Styles*/
/*Colors:
Main: #444;
Grey BG: #eee;
Hyperlink: #0678c1;
CSC: #0678C1;
Tech: #cfad66; New Tech: #a06b20;
Econ: #007c69;
Human Exceptionalism: #BC8046;
Cascadia: #7baab0;
Add: #94a1b6;
*/
.gray-lightest-back {
  background-color: #eee;
}

.gray-light-back {
  background-color: #c1c1c1;
}

.gray-dark-back {
  background-color: #404040;
}

.di-color-primary a, .di-color-primary .color-primary, .brand-di a, .brand-di .color-primary {
  color: #0678c1;
}

.di-back-primary, .brand-di .back-primary {
  background-color: #0678c1;
}

.di-color-secondary, .brand-di .color-secondary {
  color: #444;
}

.di-back-secondary, .brand-di .back-secondary {
  background-color: #444;
}

.di-color-light, .brand-di .color-light {
  color: #0678c1;
}

.di-back-light, .brand-di .back-light {
  background-color: #0678c1;
}

.di-color-dark, .brand-di .color-dark {
  color: #113d63;
}

.di-back-dark, .brand-di .back-dark {
  background-color: #113d63;
}

.di-color-header .color-header, .brand-di .color-header {
  color: #404040;
}

.di-back-header, .brand-di .back-header {
  background-color: #404040;
}

.brand-di a {
  color: #0678c1;
}
.brand-di a:visited {
  color: #0678c1;
}
.brand-di a:hover {
  color: #113d63;
}
.brand-di .border-color-primary {
  border-color: #0678c1;
}
.brand-di nav.primary ul li:hover {
  background-color: #0678c1;
}
.brand-di nav.primary ul ul {
  background-color: #0678c1;
}
.brand-di nav.navigator::before {
  background: #0678c1;
}
.brand-di nav.navigator .menu-item-has-children > a::before {
  border-left-color: #0678c1;
}
.brand-di nav.navigator .menu-item-has-children.is-toggled-open > a::before {
  border-top-color: #0678c1;
}

.acte-color-primary a, .acte-color-primary .color-primary, .brand-acte a, .brand-acte .color-primary {
  color: #2b437d;
}

.acte-back-primary, .brand-acte .back-primary {
  background-color: #2b437d;
}

.acte-color-secondary, .brand-acte .color-secondary {
  color: #cb2934;
}

.acte-back-secondary, .brand-acte .back-secondary {
  background-color: #cb2934;
}

.acte-color-light, .brand-acte .color-light {
  color: #113d63;
}

.acte-back-light, .brand-acte .back-light {
  background-color: #113d63;
}

.acte-color-dark, .brand-acte .color-dark {
  color: #113d63;
}

.acte-back-dark, .brand-acte .back-dark {
  background-color: #113d63;
}

.acte-color-header .color-header, .brand-acte .color-header {
  color: #2b437d;
}

.acte-back-header, .brand-acte .back-header {
  background-color: #2b437d;
}

.brand-acte a {
  color: #2b437d;
}
.brand-acte a:visited {
  color: #2b437d;
}
.brand-acte a:hover {
  color: #113d63;
}
.brand-acte .border-color-primary {
  border-color: #2b437d;
}
.brand-acte nav.primary ul li:hover {
  background-color: #113d63;
}
.brand-acte nav.primary ul ul {
  background-color: #113d63;
}
.brand-acte nav.navigator::before {
  background: #2b437d;
}
.brand-acte nav.navigator .menu-item-has-children > a::before {
  border-left-color: #2b437d;
}
.brand-acte nav.navigator .menu-item-has-children.is-toggled-open > a::before {
  border-top-color: #2b437d;
}

.csc-color-primary a, .csc-color-primary .color-primary, .brand-csc a, .brand-csc .color-primary {
  color: #167abf;
}

.csc-back-primary, .brand-csc .back-primary {
  background-color: #167abf;
}

.csc-color-secondary, .brand-csc .color-secondary {
  color: #ffdd00;
}

.csc-back-secondary, .brand-csc .back-secondary {
  background-color: #ffdd00;
}

.csc-color-light, .brand-csc .color-light {
  color: #113d63;
}

.csc-back-light, .brand-csc .back-light {
  background-color: #113d63;
}

.csc-color-dark, .brand-csc .color-dark {
  color: #113d63;
}

.csc-back-dark, .brand-csc .back-dark {
  background-color: #113d63;
}

.csc-color-header .color-header, .brand-csc .color-header {
  color: #083c63;
}

.csc-back-header, .brand-csc .back-header {
  background-color: #083c63;
}

.brand-csc a {
  color: #167abf;
}
.brand-csc a:visited {
  color: #167abf;
}
.brand-csc a:hover {
  color: #113d63;
}
.brand-csc .border-color-primary {
  border-color: #167abf;
}
.brand-csc nav.primary ul li:hover {
  background-color: #167abf;
}
.brand-csc nav.primary ul ul {
  background-color: #167abf;
}
.brand-csc nav.navigator::before {
  background: #167abf;
}
.brand-csc nav.navigator .menu-item-has-children > a::before {
  border-left-color: #167abf;
}
.brand-csc nav.navigator .menu-item-has-children.is-toggled-open > a::before {
  border-top-color: #167abf;
}

.cccl-color-primary a, .cccl-color-primary .color-primary, .brand-cccl a, .brand-cccl .color-primary {
  color: #a24732;
}

.cccl-back-primary, .brand-cccl .back-primary {
  background-color: #a24732;
}

.cccl-color-secondary, .brand-cccl .color-secondary {
  color: #a24732;
}

.cccl-back-secondary, .brand-cccl .back-secondary {
  background-color: #a24732;
}

.cccl-color-light, .brand-cccl .color-light {
  color: #a24732;
}

.cccl-back-light, .brand-cccl .back-light {
  background-color: #a24732;
}

.cccl-color-dark, .brand-cccl .color-dark {
  color: #8f301a;
}

.cccl-back-dark, .brand-cccl .back-dark {
  background-color: #8f301a;
}

.cccl-color-header .color-header, .brand-cccl .color-header {
  color: #8f301a;
}

.cccl-back-header, .brand-cccl .back-header {
  background-color: #8f301a;
}

.brand-cccl a {
  color: #a24732;
}
.brand-cccl a:visited {
  color: #a24732;
}
.brand-cccl a:hover {
  color: #8f301a;
}
.brand-cccl .border-color-primary {
  border-color: #a24732;
}
.brand-cccl nav.primary ul li:hover {
  background-color: #a24732;
}
.brand-cccl nav.primary ul ul {
  background-color: #a24732;
}
.brand-cccl nav.navigator::before {
  background: #a24732;
}
.brand-cccl nav.navigator .menu-item-has-children > a::before {
  border-left-color: #a24732;
}
.brand-cccl nav.navigator .menu-item-has-children.is-toggled-open > a::before {
  border-top-color: #a24732;
}

.ccrd-color-primary a, .ccrd-color-primary .color-primary, .brand-ccrd a, .brand-ccrd .color-primary {
  color: #7BAAB0;
}

.ccrd-back-primary, .brand-ccrd .back-primary {
  background-color: #7BAAB0;
}

.ccrd-color-secondary, .brand-ccrd .color-secondary {
  color: #0D4C85;
}

.ccrd-back-secondary, .brand-ccrd .back-secondary {
  background-color: #0D4C85;
}

.ccrd-color-light, .brand-ccrd .color-light {
  color: #8AD4DF;
}

.ccrd-back-light, .brand-ccrd .back-light {
  background-color: #8AD4DF;
}

.ccrd-color-dark, .brand-ccrd .color-dark {
  color: #0D4C85;
}

.ccrd-back-dark, .brand-ccrd .back-dark {
  background-color: #0D4C85;
}

.ccrd-color-header .color-header, .brand-ccrd .color-header {
  color: #7BAAB0;
}

.ccrd-back-header, .brand-ccrd .back-header {
  background-color: #7BAAB0;
}

.brand-ccrd a {
  color: #7BAAB0;
}
.brand-ccrd a:visited {
  color: #7BAAB0;
}
.brand-ccrd a:hover {
  color: #0D4C85;
}
.brand-ccrd .border-color-primary {
  border-color: #7BAAB0;
}
.brand-ccrd nav.primary ul li:hover {
  background-color: #0D4C85;
}
.brand-ccrd nav.primary ul ul {
  background-color: #0D4C85;
}
.brand-ccrd nav.navigator::before {
  background: #7BAAB0;
}
.brand-ccrd nav.navigator .menu-item-has-children > a::before {
  border-left-color: #7BAAB0;
}
.brand-ccrd nav.navigator .menu-item-has-children.is-toggled-open > a::before {
  border-top-color: #7BAAB0;
}

.che-color-primary a, .che-color-primary .color-primary, .brand-che a, .brand-che .color-primary {
  color: #BC8046;
}

.che-back-primary, .brand-che .back-primary {
  background-color: #BC8046;
}

.che-color-secondary, .brand-che .color-secondary {
  color: #a24732;
}

.che-back-secondary, .brand-che .back-secondary {
  background-color: #a24732;
}

.che-color-light, .brand-che .color-light {
  color: #a24732;
}

.che-back-light, .brand-che .back-light {
  background-color: #a24732;
}

.che-color-dark, .brand-che .color-dark {
  color: rgb(166, 86, 8);
}

.che-back-dark, .brand-che .back-dark {
  background-color: rgb(166, 86, 8);
}

.che-color-header .color-header, .brand-che .color-header {
  color: #BC8046;
}

.che-back-header, .brand-che .back-header {
  background-color: #BC8046;
}

.brand-che a {
  color: #BC8046;
}
.brand-che a:visited {
  color: #BC8046;
}
.brand-che a:hover {
  color: rgb(166, 86, 8);
}
.brand-che .border-color-primary {
  border-color: #BC8046;
}
.brand-che nav.primary ul li:hover {
  background-color: rgb(166, 86, 8);
}
.brand-che nav.primary ul ul {
  background-color: rgb(166, 86, 8);
}
.brand-che nav.navigator::before {
  background: #BC8046;
}
.brand-che nav.navigator .menu-item-has-children > a::before {
  border-left-color: #BC8046;
}
.brand-che nav.navigator .menu-item-has-children.is-toggled-open > a::before {
  border-top-color: #BC8046;
}

.cnai-color-primary a, .cnai-color-primary .color-primary, .brand-cnai a, .brand-cnai .color-primary {
  color: #a0c0c9;
}

.cnai-back-primary, .brand-cnai .back-primary {
  background-color: #a0c0c9;
}

.cnai-color-secondary, .brand-cnai .color-secondary {
  color: #ff3800;
}

.cnai-back-secondary, .brand-cnai .back-secondary {
  background-color: #ff3800;
}

.cnai-color-light, .brand-cnai .color-light {
  color: #48a8a8;
}

.cnai-back-light, .brand-cnai .back-light {
  background-color: #48a8a8;
}

.cnai-color-dark, .brand-cnai .color-dark {
  color: #3e7d79;
}

.cnai-back-dark, .brand-cnai .back-dark {
  background-color: #3e7d79;
}

.cnai-color-header .color-header, .brand-cnai .color-header {
  color: #a0c0c9;
}

.cnai-back-header, .brand-cnai .back-header {
  background-color: #a0c0c9;
}

.brand-cnai a {
  color: #a0c0c9;
}
.brand-cnai a:visited {
  color: #a0c0c9;
}
.brand-cnai a:hover {
  color: #3e7d79;
}
.brand-cnai .border-color-primary {
  border-color: #a0c0c9;
}
.brand-cnai nav.primary ul li:hover {
  background-color: #3e7d79;
}
.brand-cnai nav.primary ul ul {
  background-color: #3e7d79;
}
.brand-cnai nav.navigator::before {
  background: #a0c0c9;
}
.brand-cnai nav.navigator .menu-item-has-children > a::before {
  border-left-color: #a0c0c9;
}
.brand-cnai nav.navigator .menu-item-has-children.is-toggled-open > a::before {
  border-top-color: #a0c0c9;
}

.dip-color-primary a, .dip-color-primary .color-primary, .brand-dip a, .brand-dip .color-primary {
  color: #a24732;
}

.dip-back-primary, .brand-dip .back-primary {
  background-color: #a24732;
}

.dip-color-secondary, .brand-dip .color-secondary {
  color: #a24732;
}

.dip-back-secondary, .brand-dip .back-secondary {
  background-color: #a24732;
}

.dip-color-light, .brand-dip .color-light {
  color: #a24732;
}

.dip-back-light, .brand-dip .back-light {
  background-color: #a24732;
}

.dip-color-dark, .brand-dip .color-dark {
  color: #a24732;
}

.dip-back-dark, .brand-dip .back-dark {
  background-color: #a24732;
}

.dip-color-header .color-header, .brand-dip .color-header {
  color: #a24732;
}

.dip-back-header, .brand-dip .back-header {
  background-color: #a24732;
}

.brand-dip a {
  color: #a24732;
}
.brand-dip a:visited {
  color: #a24732;
}
.brand-dip a:hover {
  color: #a24732;
}
.brand-dip .border-color-primary {
  border-color: #a24732;
}
.brand-dip nav.primary ul li:hover {
  background-color: #a24732;
}
.brand-dip nav.primary ul ul {
  background-color: #a24732;
}
.brand-dip nav.navigator::before {
  background: #a24732;
}
.brand-dip nav.navigator .menu-item-has-children > a::before {
  border-left-color: #a24732;
}
.brand-dip nav.navigator .menu-item-has-children.is-toggled-open > a::before {
  border-top-color: #a24732;
}

.tdp-color-primary a, .tdp-color-primary .color-primary, .brand-tdp a, .brand-tdp .color-primary {
  color: #B89058;
}

.tdp-back-primary, .brand-tdp .back-primary {
  background-color: #B89058;
}

.tdp-color-secondary, .brand-tdp .color-secondary {
  color: #a06b20;
}

.tdp-back-secondary, .brand-tdp .back-secondary {
  background-color: #a06b20;
}

.tdp-color-light, .brand-tdp .color-light {
  color: #d0ae61;
}

.tdp-back-light, .brand-tdp .back-light {
  background-color: #d0ae61;
}

.tdp-color-dark, .brand-tdp .color-dark {
  color: #a06b20;
}

.tdp-back-dark, .brand-tdp .back-dark {
  background-color: #a06b20;
}

.tdp-color-header .color-header, .brand-tdp .color-header {
  color: #B89058;
}

.tdp-back-header, .brand-tdp .back-header {
  background-color: #B89058;
}

.brand-tdp a {
  color: #B89058;
}
.brand-tdp a:visited {
  color: #B89058;
}
.brand-tdp a:hover {
  color: #a06b20;
}
.brand-tdp .border-color-primary {
  border-color: #B89058;
}
.brand-tdp nav.primary ul li:hover {
  background-color: #a06b20;
}
.brand-tdp nav.primary ul ul {
  background-color: #a06b20;
}
.brand-tdp nav.navigator::before {
  background: #B89058;
}
.brand-tdp nav.navigator .menu-item-has-children > a::before {
  border-left-color: #B89058;
}
.brand-tdp nav.navigator .menu-item-has-children.is-toggled-open > a::before {
  border-top-color: #B89058;
}

.cwpm-color-primary a, .cwpm-color-primary .color-primary, .brand-cwpm a, .brand-cwpm .color-primary {
  color: #007c69;
}

.cwpm-back-primary, .brand-cwpm .back-primary {
  background-color: #007c69;
}

.cwpm-color-secondary, .brand-cwpm .color-secondary {
  color: #444444;
}

.cwpm-back-secondary, .brand-cwpm .back-secondary {
  background-color: #444444;
}

.cwpm-color-light, .brand-cwpm .color-light {
  color: #63aca1;
}

.cwpm-back-light, .brand-cwpm .back-light {
  background-color: #63aca1;
}

.cwpm-color-dark, .brand-cwpm .color-dark {
  color: #004d41;
}

.cwpm-back-dark, .brand-cwpm .back-dark {
  background-color: #004d41;
}

.cwpm-color-header .color-header, .brand-cwpm .color-header {
  color: #007c69;
}

.cwpm-back-header, .brand-cwpm .back-header {
  background-color: #007c69;
}

.brand-cwpm a {
  color: #007c69;
}
.brand-cwpm a:visited {
  color: #007c69;
}
.brand-cwpm a:hover {
  color: #004d41;
}
.brand-cwpm .border-color-primary {
  border-color: #007c69;
}
.brand-cwpm nav.primary ul li:hover {
  background-color: #004d41;
}
.brand-cwpm nav.primary ul ul {
  background-color: #004d41;
}
.brand-cwpm nav.navigator::before {
  background: #007c69;
}
.brand-cwpm nav.navigator .menu-item-has-children > a::before {
  border-left-color: #007c69;
}
.brand-cwpm nav.navigator .menu-item-has-children.is-toggled-open > a::before {
  border-top-color: #007c69;
}

@media screen and (min-aspect-ratio: 16/10) {
  /* something for wide screens */
}
.is-switched .center-center {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.is-switched main {
  max-width: 100%;
  padding: var(--x1_5);
}
@media (min-width: 1000px) {
  .is-switched main {
    width: 1000px;
  }
}
.is-switched h2 {
  font-family: var(--sans);
  font-weight: 300;
}
.is-switched main {
  flex: 0 0 100%;
  padding: var(--n);
  max-width: 100%;
}
@media (min-width: 1000px) {
  .is-switched main {
    flex: 1 0 67%;
  }
}
@media (min-width: 1000px) {
  .is-switched main {
    max-width: 800px;
  }
}
.is-switched main ~ aside {
  flex: 0 0 100%;
  padding: var(--n);
}
@media (min-width: 1000px) {
  .is-switched main ~ aside {
    flex: 1 1 33%;
    max-width: 400px;
  }
}

.post:not(.posts-side-left) .center-center,
.page:not(.pages-side-right) .center-center {
  padding-left: var(--n2);
  padding-right: var(--n2);
}
@media (min-width: 1000px) {
  .post:not(.posts-side-left) main,
  .page:not(.pages-side-right) main {
    max-width: 1000px;
  }
}

.monofold.wp-block-columns,
.bifold.wp-block-columns,
.trifold.wp-block-columns {
  justify-content: center;
}
.monofold.wp-block-columns .wp-block-column,
.bifold.wp-block-columns .wp-block-column,
.trifold.wp-block-columns .wp-block-column {
  flex-grow: 1;
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 800px) {
  .trifold {
    margin-left: 0;
    margin-right: 0;
  }
  .trifold .wp-block-column {
    flex-basis: 30%;
    flex-grow: 1;
    max-width: 330px;
  }
  .trifold .wp-block-column:not(:last-of-type) {
    padding-right: var(--n2);
  }
}

.wp-block-column:not(#x) {
  margin-left: 0;
}

.has-4-columns .wp-block-column {
  flex: 0 0 100%;
}
@media (min-width: 800px) {
  .has-4-columns.bifold .wp-block-column:not(:first-of-type):not(:last-of-type) {
    flex-basis: 45%;
    flex-grow: 1;
    flex-shrink: 0;
    max-width: 600px;
  }
  .has-4-columns.bifold .wp-block-column:first-of-type,
  .has-4-columns.bifold .wp-block-column:last-of-type {
    flex-basis: 5%;
    flex-grow: 1;
  }
}

@media (min-width: 800px) {
  .trifold.has-5-columns .wp-block-column {
    flex-basis: 30%;
    flex-grow: 1;
    max-width: 400px;
  }
  .trifold.has-5-columns .wp-block-column:first-of-type, .trifold.has-5-columns .wp-block-column:last-of-type {
    flex-basis: 5%;
    max-width: none;
    padding: 0;
  }
}

.f-b-large:not(#x) {
  flex-basis: var(--large);
  flex-shrink: 0;
  max-width: 100%;
}

.f-b-medium:not(#x) {
  flex-basis: var(--medium);
  flex-shrink: 0;
  max-width: 100%;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
:root {
  --h2-size: 2rem;
}

body:not(#x) .has-drop-cap:first-letter {
  font-family: var(--nevis);
  margin-right: var(--n2);
}

p + ol {
  margin-top: 0;
}

:root {
  --dark: #023a49;
  --light: #96d3d4;
  --middling: #08757c;
  --highlight: #d79750;
  --hover: #ffdb79;
  --dark: rgba(63,63,63,1);
  --dark-1: rgba(0,0,0,.1);
  --dark-5: rgba(0,0,0,.5);
  --dark-8: rgba(0,0,0,.8);
  --light-1: rgba(255,255,255,.1);
  --light-5: rgba(255,255,255,.5);
  --light-8: rgba(255,255,255,.8);
  --light: #c5c5c5;
  --middling: #7c7c7c;
  --highlight: #4f9fd7;
  --hover: #ffdb79;
  --header-height: 100px;
  --max-width: 1200px;
  --menu-back: black;
  --primary: #0678c1;
  --primary-hover: #0e5cb0;
  --secondary: #c1c1c1;
  --link-color: #db6d54;
  --link-color-hover: #da411f;
  --button-color: #f3f1e5;
  --button-background: #db6d54;
  --button-background-hover: #241f23;
}

.back-primary {
  background-color: var(--primary);
}

.back-secondary {
  background-color: var(--secondary);
}

.back-primary {
  background-color: var(--primary);
}

.back-light {
  background-color: var(--light);
}

.back-black {
  background-color: black;
  color: white;
}

.back-dark:not(.x) {
  background-color: var(--dark);
}

.back-darker {
  background-color: rgba(0, 0, 0, 0.8);
}

.color-primary {
  color: var(--primary);
}

.color-secondary {
  color: var(--secondary);
}

.color-primary {
  color: var(--primary);
}

.color-light:not(.x) {
  color: var(--light);
}

.gradient-south-white-light {
  background: linear-gradient(to bottom, white 0%, var(--light) 100%);
}

.gradient-south-white-primary {
  background: linear-gradient(to bottom, white 0%, var(--primary) 100%);
}

.gradient-south-light-transparent-hard {
  background: linear-gradient(to bottom, var(--light) 0%, var(--light) 50%, transparent 50%, transparent 100%);
}

.gradient-east-light-transparent-hard {
  background: linear-gradient(to right, var(--light) 0%, var(--light) 50%, transparent 50%, transparent 100%);
}

.gradient-east-light-black-hard {
  background: linear-gradient(to right, var(--light) 0%, var(--light) 50%, black 50%, black 100%);
}

.east-primary-secondary-hard {
  background: linear-gradient(to right, var(--primary) 0%, var(--primary) 50%, var(--secondary) 50%, var(--secondary) 100%);
}

.east-secondary-primary-hard {
  background: linear-gradient(to right, var(--secondary) 0%, var(--secondary) 50%, var(--primary) 50%, var(--primary) 100%);
}

.secondary-primary-hard {
  background: linear-gradient(to right, var(--secondary) 0%, var(--secondary) 50%, var(--primary) 50%, var(--primary) 100%);
}

.white-secondary-hard {
  background: linear-gradient(to right, white 0%, white 50%, var(--secondary) 50%, var(--secondary) 100%);
}

.white-primary-south-hard {
  background: linear-gradient(to bottom, white 0%, white 50%, var(--primary) 50%, var(--primary) 100%);
}

.back-secondary .beacons-button {
  background-color: var(--back-darker);
  color: var(--color-secondary);
}
.back-secondary .beacons-button:hover {
  color: var(--primary);
}

.gradient-center-gray {
  position: relative;
  overflow: hidden;
  padding-top: var(--n2);
  padding-bottom: 0;
}
.gradient-center-gray::before {
  background: radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  content: "";
  height: 150px;
  pointer-events: none;
  position: absolute;
  width: 100%;
  top: -90px;
  left: 0%;
}

.gradient-center-gray:not(#x) a {
  color: rgba(0, 0, 0, 0.35);
}

div[class*=frame-] {
  position: relative;
}

div[class*=frame-]::before {
  content: "";
  pointer-events: none;
  position: absolute;
  width: calc(50% + 12px);
}

.frame-nw-primary::before {
  box-shadow: -12px -12px 0 var(--primary);
  top: 0;
  left: 0;
  height: 0;
  padding-bottom: calc(50% + 12px);
}

.frame-ne-primary::before {
  top: 0;
  left: 0;
  height: 0;
  padding-bottom: 25%;
}

.frame-se-primary::after {
  background-color: var(--primary);
  bottom: 0;
  right: 0;
  height: 0;
  padding-bottom: 25%;
}

div.frame-quarter::before {
  padding-bottom: calc(25% + 12px);
  width: calc(25% + 12px);
}

nav.adjacencies {
  padding: var(--n) 0;
}

article a.post-edit-link:link,
article a.post-edit-link:visited {
  border: 1px gray solid;
  color: gray;
  display: inline-block;
  font-size: 0.8rem;
  opacity: 0.5;
  padding: 0 3px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 98104;
}
article a.post-edit-link:link:hover,
article a.post-edit-link:visited:hover {
  background: gray;
  color: white;
  opacity: 1;
}
article header sup, article header sub {
  display: none;
}
article center p:last-child {
  padding-bottom: 0;
}

.articles article:not(.hello) {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 800px) {
  .articles article:not(.hello).fi {
    display: grid;
    grid-column-gap: var(--n4);
    grid-row-gap: var(--n4);
    grid-template-columns: 1fr 2fr;
    grid-template-rows: auto auto auto;
    grid-template-areas: "figure-1 header span" "figure-2 center span" "figure-3 footer span";
  }
  .articles article:not(.hello).fi figure {
    display: block;
    grid-aread: figure-1;
    grid-row-start: figure-1;
    grid-row-end: figure-3;
    margin-right: var(--n2);
  }
  .articles article:not(.hello).fi header {
    grid-area: header;
  }
  .articles article:not(.hello).fi center {
    grid-area: center;
  }
  .articles article:not(.hello).fi footer {
    grid-area: footer;
  }
}
.articles article:not(.hello) figure, .articles article:not(.hello) header, .articles article:not(.hello) center, .articles article:not(.hello) footer {
  display: block;
  flex: 0 0 100%;
}
.articles article:not(.hello) figure {
  display: block;
  padding-bottom: 33%;
}
.articles article:not(.hello) figure header, .articles article:not(.hello) figure footer, .articles article:not(.hello) figure img {
  display: none;
}
.articles article:not(.hello) sup, .articles article:not(.hello) sub {
  display: block;
}
.articles article:not(.hello) header sup {
  font-size: 1rem;
  font-weight: bold;
  opacity: 0.5;
}
.articles article:not(.hello) header sup dt {
  display: none;
}
.articles article:not(.hello) header sup dd:not(.article-categories) {
  display: none;
}
.articles article:not(.hello) header sup .article-categories:not(.x):not(.y)::before {
  content: "";
}
.articles article:not(.hello) header h1 {
  line-height: 0.75;
}
.articles article:not(.hello) header sub {
  margin-top: 0.5rem;
  opacity: 0.75;
}
.articles article:not(.hello) header sub p {
  padding: 0;
}
.articles article:not(.hello) header sub .article-categories {
  display: none;
}
.articles article {
  padding: 0 0 var(--n) 0;
}
.articles article ~ article {
  padding-top: var(--n);
  border-top: 2px var(--gray-lighter) solid;
}
.articles article header h2 {
  margin-top: 0;
}

.is-stylized:not(.articles-show-teases) .articles article center {
  display: none;
}

.signature .author-card .no-description {
  display: none;
}

sub.categories {
  display: none;
}

dl.article-meta dd.article-ert {
  display: none;
}

.body-footer ul.menu {
  padding: 0;
  margin: 0;
}

.body-footer ul.menu li {
  list-style: none;
}

ul.shownotes {
  padding: 0;
  margin-left: 0;
}
ul.shownotes li {
  border-top: 2px var(--gray-light) solid;
  line-height: 1.2em;
  list-style: none;
  padding: 0.25em 0;
}

.widget_nav_menu ul {
  margin: 0;
}
.widget_nav_menu li {
  list-style: none;
}

.top-area li {
  display: inline-block;
}

.side header {
  font-weight: bold;
}
.side ul {
  margin: 0;
  padding: 0;
}
.side li {
  list-style: none;
}
.side aside {
  margin-bottom: var(--n);
}

section.comments {
  margin-top: var(--x2);
  border-top: 3px var(--dark-1) solid;
  padding-top: var(--x2);
}
section.comments header {
  font-weight: 700;
  font-size: 2rem;
  text-transform: uppercase;
  padding-bottom: var(--n);
}
section.comments label[for=comment] {
  display: none;
}
section.comments textarea {
  width: 100%;
}

header.center-header sup a:any-link {
  background-color: var(--dark-8);
  background-color: transparent;
  border-bottom: 3px var(--light-8) solid;
  color: var(--light-8);
  margin: 0px 4px 4px 4px;
  padding: 7px 0px 4px;
}
header.center-header sup a:hover {
  background-color: var(--light-8);
  color: var(--dark-8);
  margin-left: 0;
  margin-right: 0;
  padding: 7px 7px 4px 7px;
}
header.center-header sup.meta {
  display: none;
}

.mejs-container {
  margin-bottom: 0;
  padding-bottom: var(--n2);
  width: 100% !important;
}
.mejs-container ~ figcaption {
  font-size: 0.8em;
  line-height: 0.9;
  margin-bottom: 0;
  opacity: 0.8;
  padding-top: var(--n4);
}

a.play[data-lity] {
  display: block;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

a.play[data-lity]::before {
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  content: "";
  top: calc(50% - 50px);
  left: calc(50% - 50px);
  width: 100px;
  height: 100px;
  pointer-events: none;
  position: absolute;
  z-index: 100;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

a.play[data-lity]:hover::before {
  background-color: var(--primary);
}

a.play[data-lity]::after {
  content: "";
  top: calc(50% - 25px);
  left: calc(50% - 15px);
  position: absolute;
  border-color: var(--primary);
  border-style: solid;
  border-width: 25px 0 25px 0;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 40px solid var(--primary);
  pointer-events: none;
  width: 0;
  height: 0;
  z-index: 101;
}

@media (max-width: 999px) {
  .single-format-video .body-header {
    pointer-events: none;
  }
}
.single-format-video .body-header .menu-primary-container {
  pointer-events: normal;
}
.single-format-video .figure-hull:not(#x):not(#y) {
  min-height: 275px;
}
@media (max-width: 799px) {
  .single-format-video.has-featured-image .center-header:not(.x) {
    position: relative;
  }
  .single-format-video .center-header *:not(#x),
  .single-format-video .center-header a:any-link:not(#x),
  .single-format-video .center-header dd:not(#x) {
    color: rgba(0, 0, 0, 0.75);
  }
}
@media (max-width: 999px) {
  .single-format-video .area-brand:not(#x),
  .single-format-video big.title,
  .single-format-video big.title a:any-link {
    pointer-events: none;
  }
}
.single-format-video .figured a:any-link * {
  line-height: 100%;
}
@media (max-width: 999px) {
  .single-format-video .figured a:any-link * {
    pointer-events: none;
  }
}

.hailed-videos figure img {
  width: 100%;
}

.template-center {
  padding: 0;
}
@media (min-width: 1000px) {
  .template-center {
    max-width: 100%;
  }
}
.template-center .wp-block-columns,
.template-center .wp-block-group {
  width: 100%;
}

.asides > center {
  display: flex;
  flex-flow: row wrap;
}
.asides > center main, .asides > center aside {
  flex: 1 1 25%;
}
.asides > center main {
  flex: 1 0 50%;
}

.center-center {
  max-width: 100vw;
}

.wp-block-columns:not(#x) {
  gap: 0;
}