.
- */
- & .icon--search {
- position: absolute;
- inset-block-start: 0;
- inset-inline-end: 0;
- display: block;
- width: 24px; /* Width of the SVG background image. */
- height: 100%;
- pointer-events: none;
- background-image: url("../../images/search--white.svg");
- background-repeat: no-repeat;
- background-position: center;
- background-size: contain;
-
- &:after {
- position: absolute;
- inset-block-end: 0;
- inset-inline-start: 0;
- width: 100%;
- height: 0;
- content: "";
- transition: transform 0.2s;
- transform: scaleX(0);
- transform-origin: left;
- border-block-start: solid var(--sp0-5) var(--color--blue-50);
- }
- }
-
- &:focus {
- outline: solid 4px transparent;
- outline-offset: -4px;
- box-shadow: none;
-
- & span:after {
- transform: scaleX(1);
- }
-
- @media screen and (-ms-high-contrast: active) {
- border-bottom-width: var(--sp0-5);
-
- & span:after {
- content: none;
- }
- }
- }
-
- @media screen and (-ms-high-contrast: active) {
- /* IE11's high contrast show will not show the background image, so we show the text. */
- & .visually-hidden {
- position: static;
- overflow: visible;
- clip: auto;
- width: auto;
- height: auto;
- text-align: center;
- }
-
- /* Edge's high contrast does show the background image, so we hide it. */
- & .icon--search {
- display: none;
- }
- }
- }
-}
-
-.block-search-wide__container {
- max-width: var(--max-width);
- padding-inline-end: var(--sp2);
-}
-
-.block-search-wide__grid {
- display: grid;
- grid-template-columns: repeat(var(--grid-col-count--md), 1fr);
- grid-column-gap: var(--grid-gap--md);
-}
-
-/* Override specificity from container-inline.module.css */
-.container-inline {
- & .block-search-wide__container {
- display: block;
- }
-
- & .block-search-wide__grid {
- display: grid;
- }
-}
-
-.block-search-wide__button {
- position: relative;
- display: none;
- width: var(--sp3);
- height: var(--sp6);
- cursor: pointer;
- color: var(--color--gray-0); /* Affects SVG search icon. */
- border: 0;
- background: transparent;
- -webkit-appearance: none;
-
- &:focus {
- position: relative;
- outline: 0;
-
- &:after {
- position: absolute;
- top: 50%;
- left: 50%;
- width: 80%;
- height: var(--sp3);
- content: "";
- transform: translate(-50%, -50%);
- border: solid 2px var(--color--blue-50);
- border-radius: 4px;
- }
- }
-
- &[aria-expanded="true"] {
- background: var(--color--black);
-
- &:focus:after {
- border-color: var(--color--white);
- }
-
- & .block-search-wide__button-close {
- &:before,
- &:after {
- position: absolute;
- top: 50%;
- left: 50%;
- width: var(--sp1-5);
- height: 0;
- content: "";
- border-block-start: solid 2px var(--color--white);
- }
-
- &:before {
- transform: translate(-50%, -50%) rotate(-45deg);
- }
-
- &:after {
- transform: translate(-50%, -50%) rotate(45deg);
- }
- }
-
- & svg {
- display: none;
- }
- }
-
- & svg {
- margin-inline-start: auto;
- margin-inline-end: auto;
- }
-
- @media (forced-colors: active) {
- background: ButtonFace;
-
- & path {
- fill: ButtonText;
- }
- }
-}
-
-/* Provide rudimentary access to site search if JS is disabled. */
-html:not(.js) .search-block-form:focus-within .block-search-wide__wrapper {
- visibility: visible;
- max-height: var(--sp8);
-}
-
-/* Necessary to override specificity of transpiled PostCSS properties from default input focus styling. */
-[dir] .block-search-wide__wrapper input[type="search"] {
- background-color: transparent;
- background-image: linear-gradient(var(--color--blue-50), var(--color--blue-50)); /* Two values are needed for IE11 support. */
- background-repeat: no-repeat;
- background-position: bottom left; /* LTR */
- background-size: 0% 10px;
-
- &:focus {
- background-size: 100% var(--sp0-5);
- }
-}
-
-[dir="rtl"] .block-search-wide__wrapper {
- & input[type="search"] {
- background-position: bottom right;
- }
-
- & .search-form__submit .icon--search:after {
- transform-origin: right;
- }
-}
-
-body:not(.is-always-mobile-nav) {
- & .block-search-wide__wrapper,
- & .block-search-wide__button {
- @media (--nav) {
- display: block;
- }
- }
-}
diff --git a/web/themes/custom/rorschach/css/components/header-site-branding.css b/web/themes/custom/rorschach/css/components/header-site-branding.css
deleted file mode 100644
index 23bb171..0000000
--- a/web/themes/custom/rorschach/css/components/header-site-branding.css
+++ /dev/null
@@ -1,231 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Site branding in header.
- */
-
-[dir="ltr"] .site-branding {
- margin-right: 1.125rem;
- margin-left: -1.125rem;
-}
-
-[dir="rtl"] .site-branding {
- margin-right: -1.125rem;
- margin-left: 1.125rem;
-}
-
-[dir="ltr"] .site-branding {
- padding-left: 1.125rem;
-}
-
-[dir="rtl"] .site-branding {
- padding-right: 1.125rem;
-}
-
-[dir="ltr"] .site-branding {
- padding-right: 1.125rem;
-}
-
-[dir="rtl"] .site-branding {
- padding-left: 1.125rem;
-}
-
-.site-branding {
- display: flex;
- flex-shrink: 1;
- align-items: flex-end;
- min-width: calc(33.33333vw + 0.75rem);
- min-height: 3.375rem;
- padding-top: 0;
- padding-bottom: 0.5625rem;
-
- /* @todo - #0d7ab8 isn't currently a variable. */
- background-image: linear-gradient(160deg, #2494db 0%, #0d7ab8 78.66%);
-}
-
-@media (min-width: 31.25rem) {
-
- .site-branding {
- min-height: 4.5rem;
- }
-}
-
-@media (min-width: 43.75rem) {
-
- .site-branding {
- min-height: 6.75rem;
- padding-bottom: 1.125rem;
- }
-}
-
-@media (min-width: 62.5rem) {
-
- .site-branding {
- min-width: calc(14.28571vw + 0.99107rem);
- }
-}
-
-@media (min-width: 75rem) {
-
- [dir="ltr"] .site-branding {
- margin-left: -2.25rem;
- }
-
- [dir="rtl"] .site-branding {
- margin-right: -2.25rem;
- }
-
- [dir="ltr"] .site-branding {
- padding-left: 2.25rem;
- }
-
- [dir="rtl"] .site-branding {
- padding-right: 2.25rem;
- }
-
- [dir="ltr"] .site-branding {
- padding-right: 2.25rem;
- }
-
- [dir="rtl"] .site-branding {
- padding-left: 2.25rem;
- }
-
- .site-branding {
- min-width: calc(14.28571vw + 0.99107rem);
- min-height: 11.25rem;
- padding-top: 0;
- padding-bottom: 0;
- }
-}
-
-@media (min-width: 90rem) {
-
- .site-branding {
- min-width: 13.98214rem;
- }
-}
-
-[dir="rtl"] .site-branding {
- background-image: linear-gradient(-160deg, #2494db 0%, #0d7ab8 78.66%);
-}
-
-.site-branding--bg-gray {
- background: #f7f9fa;
-}
-
-.site-branding--bg-white {
- background: #fff;
-}
-
-.site-branding__inner {
- display: flex;
- align-items: center;
-}
-
-.site-branding__inner a {
- text-decoration: none;
-}
-
-@media (min-width: 75rem) {
-
- [dir="ltr"] .site-branding__inner {
- padding-left: 0;
- }
-
- [dir="rtl"] .site-branding__inner {
- padding-right: 0;
- }
-
- [dir="ltr"] .site-branding__inner {
- padding-right: 0;
- }
-
- [dir="rtl"] .site-branding__inner {
- padding-left: 0;
- }
-
- .site-branding__inner {
- height: 6.75rem;
- padding-top: 0.5625rem;
- padding-bottom: 0.5625rem;
- }
-}
-
-.site-branding__logo {
- flex-shrink: 0;
- max-width: 100%;
-}
-
-.site-branding__logo img {
- width: auto;
- max-width: 100%;
- max-height: 2.25rem;
-}
-
-@media (min-width: 31.25rem) {
-
- .site-branding__logo img {
- max-height: 3.375rem;
- }
-}
-
-@media (min-width: 43.75rem) {
-
- .site-branding__logo img {
- max-height: 4.5rem;
- }
-}
-
-@media (min-width: 75rem) {
-
- .site-branding__logo img {
- max-height: 5.625rem;
- }
-}
-
-.site-branding__text {
- color: #fff;
- font-size: 1.125rem;
- font-weight: bold;
-}
-
-.site-branding__text a {
- color: inherit;
-}
-
-@media (min-width: 43.75rem) {
-
- .site-branding__text {
- font-size: 1.75rem;
- line-height: 1.75rem;
- }
-}
-
-@media (min-width: 75rem) {
-
- .site-branding__text {
- letter-spacing: 0.02em;
- font-size: 2rem;
- line-height: 2.25rem;
- }
-}
-
-.site-branding--bg-gray .site-branding__text,
-.site-branding--bg-white .site-branding__text {
- color: #2494db;
-}
-
-[dir="ltr"] .site-branding__logo + .site-branding__text {
- margin-left: 0.75rem;
-}
-
-[dir="rtl"] .site-branding__logo + .site-branding__text {
- margin-right: 0.75rem;
-}
diff --git a/web/themes/custom/rorschach/css/components/header-site-branding.pcss.css b/web/themes/custom/rorschach/css/components/header-site-branding.pcss.css
deleted file mode 100644
index 5bb4827..0000000
--- a/web/themes/custom/rorschach/css/components/header-site-branding.pcss.css
+++ /dev/null
@@ -1,128 +0,0 @@
-/**
- * @file
- * Site branding in header.
- */
-
-@import "../base/variables.pcss.css";
-
-.site-branding {
- display: flex;
- flex-shrink: 1;
- align-items: flex-end;
- min-width: calc((2 * var(--grid-col-width)) + (2 * var(--grid-gap)) + var(--container-padding));
- min-height: var(--sp3);
- margin-inline: calc(-1 * var(--container-padding)) var(--sp);
- padding-block: 0 var(--sp0-5);
- padding-inline-start: var(--container-padding);
- padding-inline-end: var(--container-padding);
-
- /* @todo - #0d7ab8 isn't currently a variable. */
- background-image: linear-gradient(160deg, var(--color--blue-50) 0%, #0d7ab8 78.66%);
-
- @media (--sm) {
- min-height: var(--sp4);
- }
-
- @media (--md) {
- min-height: var(--sp6);
- padding-block-end: var(--sp);
- }
-
- @media (--lg) {
- min-width: calc((2 * var(--grid-col-width--lg)) + (2 * var(--grid-gap--lg)) + var(--container-padding));
- }
-
- @media (--nav) {
- min-width: calc((2 * var(--grid-col-width--nav)) + (2 * var(--grid-gap--nav)) + var(--container-padding-nav));
- min-height: var(--site-header-height-wide);
- margin-inline-start: calc(-1 * var(--container-padding-nav));
- padding-block: 0;
- padding-inline-start: var(--container-padding-nav);
- padding-inline-end: var(--container-padding-nav);
- }
-
- @media (--grid-max) {
- min-width: calc((2 * var(--grid-col-width--max)) + (2 * var(--grid-gap--max)) + var(--container-padding-nav));
- }
-}
-
-[dir="rtl"] .site-branding {
- background-image: linear-gradient(-160deg, var(--color--blue-50) 0%, #0d7ab8 78.66%);
-}
-
-.site-branding--bg-gray {
- background: var(--color--gray-95);
-}
-
-.site-branding--bg-white {
- background: var(--color--white);
-}
-
-.site-branding__inner {
- display: flex;
- align-items: center;
-
- & a {
- text-decoration: none;
- }
-
- @media (--nav) {
- height: var(--header-height-wide-when-fixed);
- padding-block: var(--sp0-5);
- padding-inline-start: 0;
- padding-inline-end: 0;
- }
-}
-
-.site-branding__logo {
- flex-shrink: 0;
- max-width: 100%;
-
- & img {
- width: auto;
- max-width: 100%;
- max-height: var(--sp2);
-
- @media (--sm) {
- max-height: var(--sp3);
- }
-
- @media (--md) {
- max-height: var(--sp4);
- }
-
- @media (--nav) {
- max-height: calc(var(--header-height-wide-when-fixed) - var(--sp));
- }
- }
-}
-
-.site-branding__text {
- color: var(--color--white);
- font-size: 18px;
- font-weight: bold;
-
- & a {
- color: inherit;
- }
-
- @media (--md) {
- font-size: 28px;
- line-height: 28px;
- }
-
- @media (--nav) {
- letter-spacing: 0.02em;
- font-size: 32px;
- line-height: var(--sp2);
- }
-}
-
-.site-branding--bg-gray .site-branding__text,
-.site-branding--bg-white .site-branding__text {
- color: var(--color--blue-50);
-}
-
-.site-branding__logo + .site-branding__text {
- margin-inline-start: 12px;
-}
diff --git a/web/themes/custom/rorschach/css/components/header-sticky-toggle.css b/web/themes/custom/rorschach/css/components/header-sticky-toggle.css
deleted file mode 100644
index 262997f..0000000
--- a/web/themes/custom/rorschach/css/components/header-sticky-toggle.css
+++ /dev/null
@@ -1,145 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Sticky Header Toggle Button.
- *
- * This button shows on the left hand side of the header (in LTR layouts), and
- * toggles fixing the header to the top of the viewport.
- */
-
-.sticky-header-toggle {
- display: none;
-}
-
-@media (min-width: 75rem) {
-
- .sticky-header-toggle {
- display: flex;
- flex-shrink: 0;
- align-items: center;
- justify-content: center;
- width: 5.625rem;
- height: 6.75rem;
- pointer-events: none;
- opacity: 0;
- border: 0;
- outline: 0;
- background-color: #2494db;
- }
-
- .sticky-header-toggle:focus {
- cursor: pointer;
- pointer-events: auto;
- opacity: 1;
- outline: solid 2px #fff;
- outline-offset: -4px;
- }
-}
-
-@media (min-width: 75rem) {
-
- body:not(.is-always-mobile-nav) .is-fixed .sticky-header-toggle {
- visibility: visible;
- }
-}
-
-@media (min-width: 75rem) {
-
- body.is-always-mobile-nav .sticky-header-toggle {
- visibility: hidden;
- }
-}
-
-.sticky-header-toggle__icon {
- position: relative;
- width: 2.25rem;
- height: 1.3125rem;
- transition: opacity 0.2s;
- pointer-events: none;
- transform-style: preserve-3d;
-}
-
-.sticky-header-toggle__icon > span {
- display: block;
- height: 0;
- /* Intentionally not using CSS logical properties. */
- border-top: solid 3px #fff;
-}
-
-[dir="ltr"] .sticky-header-toggle__icon > span:nth-child(1) {
- left: 0;
-}
-
-[dir="rtl"] .sticky-header-toggle__icon > span:nth-child(1) {
- right: 0;
-}
-
-.sticky-header-toggle__icon > span:nth-child(1) {
- position: absolute;
- top: 0;
- width: 100%;
- height: 0;
- transition: transform 0.2s;
- background-color: #fff;
-}
-
-[dir="ltr"] .sticky-header-toggle__icon > span:nth-child(2) {
- left: 0;
-}
-
-[dir="rtl"] .sticky-header-toggle__icon > span:nth-child(2) {
- right: 0;
-}
-
-.sticky-header-toggle__icon > span:nth-child(2) {
- position: absolute;
- top: 0.5625rem;
- width: 100%;
- height: 0;
- transition: opacity 0.2s;
- background-color: #fff;
-}
-
-[dir="ltr"] .sticky-header-toggle__icon > span:nth-child(3) {
- left: 0;
-}
-
-[dir="rtl"] .sticky-header-toggle__icon > span:nth-child(3) {
- right: 0;
-}
-
-.sticky-header-toggle__icon > span:nth-child(3) {
- position: absolute;
- top: auto;
- bottom: 0;
- width: 100%;
- height: 0;
- transition: transform 0.2s;
- background-color: #fff;
-}
-
-.is-fixed .sticky-header-toggle {
- cursor: pointer;
- pointer-events: auto;
- opacity: 1;
-}
-
-[aria-checked="true"] .sticky-header-toggle__icon > span:nth-child(1) {
- top: 0.5625rem;
- transform: rotate(-45deg);
-}
-
-[aria-checked="true"] .sticky-header-toggle__icon > span:nth-child(2) {
- opacity: 0;
-}
-
-[aria-checked="true"] .sticky-header-toggle__icon > span:nth-child(3) {
- top: 0.5625rem;
- transform: rotate(45deg);
-}
diff --git a/web/themes/custom/rorschach/css/components/header-sticky-toggle.pcss.css b/web/themes/custom/rorschach/css/components/header-sticky-toggle.pcss.css
deleted file mode 100644
index 04932fb..0000000
--- a/web/themes/custom/rorschach/css/components/header-sticky-toggle.pcss.css
+++ /dev/null
@@ -1,115 +0,0 @@
-/**
- * @file
- * Sticky Header Toggle Button.
- *
- * This button shows on the left hand side of the header (in LTR layouts), and
- * toggles fixing the header to the top of the viewport.
- */
-
-@import "../base/variables.pcss.css";
-
-.sticky-header-toggle {
- display: none;
-
- @media (--nav) {
- display: flex;
- flex-shrink: 0;
- align-items: center;
- justify-content: center;
- width: var(--content-left);
- height: var(--sp6);
- pointer-events: none;
- opacity: 0;
- border: 0;
- outline: 0;
- background-color: var(--color--blue-50);
-
- &:focus {
- cursor: pointer;
- pointer-events: auto;
- opacity: 1;
- outline: solid 2px var(--color--white);
- outline-offset: -4px;
- }
- }
-}
-
-body:not(.is-always-mobile-nav) .is-fixed .sticky-header-toggle {
- @media (--nav) {
- visibility: visible;
- }
-}
-
-body.is-always-mobile-nav .sticky-header-toggle {
- @media (--nav) {
- visibility: hidden;
- }
-}
-
-.sticky-header-toggle__icon {
- position: relative;
- width: var(--sp2);
- height: 21px;
- transition: opacity 0.2s;
- pointer-events: none;
- transform-style: preserve-3d;
-
- & > span {
- display: block;
- height: 0;
- /* Intentionally not using CSS logical properties. */
- border-top: solid 3px var(--color--white);
-
- &:nth-child(1) {
- position: absolute;
- inset-block-start: 0;
- inset-inline-start: 0;
- width: 100%;
- height: 0;
- transition: transform 0.2s;
- background-color: var(--color--white);
- }
-
- &:nth-child(2) {
- position: absolute;
- inset-block-start: 9px;
- inset-inline-start: 0;
- width: 100%;
- height: 0;
- transition: opacity 0.2s;
- background-color: var(--color--white);
- }
-
- &:nth-child(3) {
- position: absolute;
- inset-block: auto 0;
- inset-inline-start: 0;
- width: 100%;
- height: 0;
- transition: transform 0.2s;
- background-color: var(--color--white);
- }
- }
-}
-
-.is-fixed .sticky-header-toggle {
- cursor: pointer;
- pointer-events: auto;
- opacity: 1;
-}
-
-[aria-checked="true"] .sticky-header-toggle__icon {
- & > span:nth-child(1) {
- inset-block-start: 9px;
- transform: rotate(-45deg);
- }
-
- & > span:nth-child(2) {
- opacity: 0;
- }
-
- & > span:nth-child(3) {
- inset-block-start: 9px;
- transform: rotate(45deg);
- }
-}
diff --git a/web/themes/custom/rorschach/css/components/hero.css b/web/themes/custom/rorschach/css/components/hero.css
deleted file mode 100644
index e6ef9c2..0000000
--- a/web/themes/custom/rorschach/css/components/hero.css
+++ /dev/null
@@ -1,75 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Main Hero.
- */
-
-.hero__content {
- -ms-grid-column: 1;
- -ms-grid-column-span: 6;
- grid-column: 1 / 7;
-}
-
-@media (min-width: 43.75rem) {
-
- .hero__content { /* 700px */
- -ms-grid-column: 3;
- -ms-grid-column-span: 10;
- grid-column: 3 / 13;
- }
-}
-
-@media (min-width: 62.5rem) {
-
- .hero__content {
- -ms-grid-column: 3;
- -ms-grid-column-span: 8;
- grid-column: 3 / 11;
- }
-}
-
-.hero__img {
- -ms-grid-column: 1;
- -ms-grid-column-span: 6;
- grid-column: 1 / 7;
- margin-top: 2.25rem;
- margin-bottom: 2.25rem;
-}
-
-.hero__img img {
- width: 100%;
-}
-
-@media (min-width: 31.25rem) {
-
- .hero__img {
- margin-top: 3.375rem;
- margin-bottom: 3.375rem;
- }
-}
-
-@media (min-width: 43.75rem) {
-
- .hero__img {
- -ms-grid-column: 1;
- -ms-grid-column-span: 14;
- grid-column: 1 / 15;
- margin-top: 4.5rem;
- margin-bottom: 4.5rem;
- }
-}
-
-@media (min-width: 62.5rem) {
-
- .hero__img {
- -ms-grid-column: 2;
- -ms-grid-column-span: 12;
- grid-column: 2 / 14;
- }
-}
diff --git a/web/themes/custom/rorschach/css/components/hero.pcss.css b/web/themes/custom/rorschach/css/components/hero.pcss.css
deleted file mode 100644
index b794381..0000000
--- a/web/themes/custom/rorschach/css/components/hero.pcss.css
+++ /dev/null
@@ -1,43 +0,0 @@
-/**
- * @file
- * Main Hero.
- */
-
-@import "../base/variables.pcss.css";
-
-.hero__content {
- grid-column: 1 / 7;
-
- @media (--grid-md) { /* 700px */
- grid-column: 3 / 13;
- }
-
- @media (--lg) {
- grid-column: 3 / 11;
- }
-}
-
-.hero__img {
- grid-column: 1 / 7;
- margin-block-start: var(--sp2);
- margin-block-end: var(--sp2);
-
- & img {
- width: 100%;
- }
-
- @media (--sm) {
- margin-block-start: var(--sp3);
- margin-block-end: var(--sp3);
- }
-
- @media (--grid-md) {
- grid-column: 1 / 15;
- margin-block-start: var(--sp4);
- margin-block-end: var(--sp4);
- }
-
- @media (--lg) {
- grid-column: 2 / 14;
- }
-}
diff --git a/web/themes/custom/rorschach/css/components/links.css b/web/themes/custom/rorschach/css/components/links.css
deleted file mode 100644
index 644fd55..0000000
--- a/web/themes/custom/rorschach/css/components/links.css
+++ /dev/null
@@ -1,64 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Links component.
- */
-
-[dir="ltr"] .links.inline {
- margin-left: 0;
-}
-
-[dir="rtl"] .links.inline {
- margin-right: 0;
-}
-
-[dir="ltr"] .links.inline {
- padding-left: 0;
-}
-
-[dir="rtl"] .links.inline {
- padding-right: 0;
-}
-
-[dir="ltr"] .links.inline {
- padding-right: 0;
-}
-
-[dir="rtl"] .links.inline {
- padding-left: 0;
-}
-
-.links.inline {
- padding-top: 0;
- padding-bottom: 0;
- list-style: none;
-}
-
-.links.inline > * {
- display: inline;
-}
-
-[dir="ltr"] .links.inline > *:not(:last-child) {
- padding-right: 1em;
-}
-
-[dir="rtl"] .links.inline > *:not(:last-child) {
- padding-left: 1em;
-}
-
-@media (min-width: 43.75rem) {
-
- [dir="ltr"] .node--type-book .links.inline {
- text-align: right;
- }
-
- [dir="rtl"] .node--type-book .links.inline {
- text-align: left;
- }
-}
diff --git a/web/themes/custom/rorschach/css/components/links.pcss.css b/web/themes/custom/rorschach/css/components/links.pcss.css
deleted file mode 100644
index 9be266d..0000000
--- a/web/themes/custom/rorschach/css/components/links.pcss.css
+++ /dev/null
@@ -1,28 +0,0 @@
-/**
- * @file
- * Links component.
- */
-
-@import "../base/variables.pcss.css";
-
-.links.inline {
- margin-inline-start: 0;
- padding-block: 0;
- padding-inline-start: 0;
- padding-inline-end: 0;
- list-style: none;
-
- & > * {
- display: inline;
-
- &:not(:last-child) {
- padding-inline-end: 1em;
- }
- }
-}
-
-.node--type-book .links.inline {
- @media (--md) {
- text-align: end;
- }
-}
diff --git a/web/themes/custom/rorschach/css/components/maintenance-page.css b/web/themes/custom/rorschach/css/components/maintenance-page.css
deleted file mode 100644
index 2086af1..0000000
--- a/web/themes/custom/rorschach/css/components/maintenance-page.css
+++ /dev/null
@@ -1,29 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Maintenance page.
- */
-
-@media (min-width: 75rem) {
-
- .maintenance-page .site-header__initial {
- flex-shrink: 0;
- width: 5.625rem;
- }
-}
-
-.maintenance-page .main-content {
- min-height: 80vh;
-}
-
-.maintenance-page-icon {
- display: block;
- margin-top: 3.375rem;
- margin-bottom: 3.375rem;
-}
diff --git a/web/themes/custom/rorschach/css/components/maintenance-page.pcss.css b/web/themes/custom/rorschach/css/components/maintenance-page.pcss.css
deleted file mode 100644
index 79c7b2b..0000000
--- a/web/themes/custom/rorschach/css/components/maintenance-page.pcss.css
+++ /dev/null
@@ -1,23 +0,0 @@
-/**
- * @file
- * Maintenance page.
- */
-
-@import "../base/variables.pcss.css";
-
-.maintenance-page {
- & .site-header__initial {
- @media (--nav) {
- flex-shrink: 0;
- width: var(--content-left);
- }
- }
-
- & .main-content {
- min-height: 80vh;
- }
-}
-.maintenance-page-icon {
- display: block;
- margin-block: var(--sp3);
-}
diff --git a/web/themes/custom/rorschach/css/components/messages.css b/web/themes/custom/rorschach/css/components/messages.css
deleted file mode 100644
index 13909ef..0000000
--- a/web/themes/custom/rorschach/css/components/messages.css
+++ /dev/null
@@ -1,261 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Messages.
- */
-
-[dir="ltr"] .messages-list {
- padding-left: 0;
-}
-
-[dir="rtl"] .messages-list {
- padding-right: 0;
-}
-
-[dir="ltr"] .messages-list {
- padding-right: 0;
-}
-
-[dir="rtl"] .messages-list {
- padding-left: 0;
-}
-
-.messages-list {
- margin-top: 1.125rem;
- margin-bottom: 1.125rem;
- padding-top: 0;
- padding-bottom: 0;
- list-style: none;
-}
-
-[dir="ltr"] .messages {
- padding-left: 1.6875rem;
-}
-
-[dir="rtl"] .messages {
- padding-right: 1.6875rem;
-}
-
-[dir="ltr"] .messages {
- padding-right: 1.6875rem;
-}
-
-[dir="rtl"] .messages {
- padding-left: 1.6875rem;
-}
-
-.messages {
- min-height: 4.25rem;
- padding-top: 1.125rem;
- padding-bottom: 1.125rem;
- color: #fff;
- outline: solid 1px transparent;
- background-color: #0d1214;
-}
-
-.messages * {
- color: inherit;
-}
-
-/* Additional specificity to override contrib modules. */
-
-.messages.messages-list__item {
- background-image: none;
-}
-
-[dir="ltr"] .messages__list {
- margin-left: 0;
-}
-
-[dir="rtl"] .messages__list {
- margin-right: 0;
-}
-
-[dir="ltr"] .messages__list {
- margin-right: 0;
-}
-
-[dir="rtl"] .messages__list {
- margin-left: 0;
-}
-
-[dir="ltr"] .messages__list {
- padding-left: 0;
-}
-
-[dir="rtl"] .messages__list {
- padding-right: 0;
-}
-
-[dir="ltr"] .messages__list {
- padding-right: 0;
-}
-
-[dir="rtl"] .messages__list {
- padding-left: 0;
-}
-
-.messages__list {
- margin-top: 0;
- margin-bottom: 0;
- padding-top: 0;
- padding-bottom: 0;
- list-style: none;
-}
-
-.messages:not(.hidden) ~ .messages {
- margin-top: 1.125rem;
-}
-
-.messages__item + .messages__item {
- margin-top: 0.5625rem;
-}
-
-.messages__container {
- display: flex;
-}
-
-[dir="ltr"] .messages__header {
- margin-right: 1.125rem;
-}
-
-[dir="rtl"] .messages__header {
- margin-left: 1.125rem;
-}
-
-.messages__header {
- flex-shrink: 0;
-}
-
-[dir="ltr"] .messages__header.no-icon {
- margin-right: 0;
-}
-
-[dir="rtl"] .messages__header.no-icon {
- margin-left: 0;
-}
-
-.messages__content {
- overflow: auto; /* Ensure large code blocks can be scrolled to. */
- flex: 1;
- padding-top: 0.1875rem;
-}
-
-[dir="ltr"] .messages__button {
- margin-left: 1.125rem;
-}
-
-[dir="rtl"] .messages__button {
- margin-right: 1.125rem;
-}
-
-.messages__button {
- flex-shrink: 0;
- padding-top: 0.1875rem;
-}
-
-[dir="ltr"] .messages__close {
- padding-left: 0;
-}
-
-[dir="rtl"] .messages__close {
- padding-right: 0;
-}
-
-[dir="ltr"] .messages__close {
- padding-right: 0;
-}
-
-[dir="rtl"] .messages__close {
- padding-left: 0;
-}
-
-.messages__close {
- position: relative;
- width: 1.5625rem;
- height: 1.5625rem;
- padding-top: 0;
- padding-bottom: 0;
- cursor: pointer;
- vertical-align: top;
- border: 0;
- background: none;
- -webkit-appearance: none;
- appearance: none;
-}
-
-.messages__close:before,
-.messages__close:after {
- position: absolute;
- top: 50%;
- left: 50%;
- display: block;
- width: 2.0625rem;
- height: 0;
- content: "";
- border-top: solid 2px #7e96a7;
-}
-
-.messages__close:before {
- transform: translate(-50%, -50%) rotate(45deg);
-}
-
-.messages__close:after {
- transform: translate(-50%, -50%) rotate(-45deg);
-}
-
-.messages__close:hover::before,
-.messages__close:hover::after {
- border-color: #fff;
-}
-
-.messages__close:focus {
- outline: 2px solid #53b0eb;
- outline-offset: 2px;
-}
-
-.messages__icon svg {
- vertical-align: top;
-}
-
-.messages--error .messages__icon svg {
- fill: #e33f1e;
-}
-
-.messages--warning .messages__icon svg {
- fill: #fdca40;
-}
-
-.messages--status .messages__icon svg {
- fill: #3fa21c;
-}
-
-.messages--info .messages__icon svg {
- fill: #53b0eb;
-}
-
-.messages a {
- color: #fff;
-}
-
-.messages pre {
- margin: 0;
-}
-
-[dir="ltr"] .js-form-managed-file .messages {
- border-left: solid 0.375rem #e33f1e;
-}
-
-[dir="rtl"] .js-form-managed-file .messages {
- border-right: solid 0.375rem #e33f1e;
-}
-
-.js-form-managed-file .messages {
- margin-bottom: 1.125rem;
-}
diff --git a/web/themes/custom/rorschach/css/components/messages.pcss.css b/web/themes/custom/rorschach/css/components/messages.pcss.css
deleted file mode 100644
index 3625aa5..0000000
--- a/web/themes/custom/rorschach/css/components/messages.pcss.css
+++ /dev/null
@@ -1,159 +0,0 @@
-/**
- * @file
- * Messages.
- */
-
-@import "../base/variables.pcss.css";
-
-:root {
- --messages-icon-size: 32px;
-}
-
-.messages-list {
- margin-block: var(--sp1);
- padding-block: 0;
- padding-inline-start: 0;
- padding-inline-end: 0;
- list-style: none;
-}
-
-.messages {
- min-height: calc(var(--messages-icon-size) + 2 * var(--sp1));
- padding-block: var(--sp1);
- padding-inline-start: var(--sp1-5);
- padding-inline-end: var(--sp1-5);
- color: var(--color--white);
- outline: solid 1px transparent;
- background-color: var(--color--gray-0);
-
- & * {
- color: inherit;
- }
-
- /* Additional specificity to override contrib modules. */
- &.messages-list__item {
- background-image: none;
- }
-}
-
-.messages__list {
- margin-block: 0;
- margin-inline-start: 0;
- margin-inline-end: 0;
- padding-block: 0;
- padding-inline-start: 0;
- padding-inline-end: 0;
- list-style: none;
-}
-
-.messages:not(.hidden) ~ .messages {
- margin-block-start: var(--sp1);
-}
-
-.messages__item + .messages__item {
- margin-block-start: var(--sp0-5);
-}
-
-.messages__container {
- display: flex;
-}
-
-.messages__header {
- flex-shrink: 0;
- margin-inline-end: var(--sp1);
-
- &.no-icon {
- margin-inline-end: 0;
- }
-}
-
-.messages__content {
- overflow: auto; /* Ensure large code blocks can be scrolled to. */
- flex: 1;
- padding-block-start: 3px;
-}
-
-.messages__button {
- flex-shrink: 0;
- margin-inline-start: var(--sp1);
- padding-block-start: 3px;
-}
-
-.messages__close {
- position: relative;
- width: 25px;
- height: 25px;
- padding-block: 0;
- padding-inline-start: 0;
- padding-inline-end: 0;
- cursor: pointer;
- vertical-align: top;
- border: 0;
- background: none;
- appearance: none;
-
- &:before,
- &:after {
- position: absolute;
- top: 50%;
- left: 50%;
- display: block;
- width: 33px;
- height: 0;
- content: "";
- border-top: solid 2px var(--color--gray-30);
- }
-
- &:before {
- transform: translate(-50%, -50%) rotate(45deg);
- }
-
- &:after {
- transform: translate(-50%, -50%) rotate(-45deg);
- }
-
- &:hover {
- &::before,
- &::after {
- border-color: var(--color--white);
- }
- }
-
- &:focus {
- outline: 2px solid var(--color--blue-70);
- outline-offset: 2px;
- }
-}
-
-.messages__icon svg {
- vertical-align: top;
-}
-
-.messages--error .messages__icon svg {
- fill: var(--color--red);
-}
-
-.messages--warning .messages__icon svg {
- fill: var(--color--gold);
-}
-
-.messages--status .messages__icon svg {
- fill: var(--color--green);
-}
-
-.messages--info .messages__icon svg {
- fill: var(--color--blue-70);
-}
-
-.messages a {
- color: var(--color--white);
-}
-
-.messages pre {
- margin: 0;
-}
-
-.js-form-managed-file .messages {
- margin-block-end: var(--sp1);
- border-inline-start: solid 6px var(--color--red);
-}
diff --git a/web/themes/custom/rorschach/css/components/navigation/menu-sidebar.css b/web/themes/custom/rorschach/css/components/navigation/menu-sidebar.css
deleted file mode 100644
index 026d3ab..0000000
--- a/web/themes/custom/rorschach/css/components/navigation/menu-sidebar.css
+++ /dev/null
@@ -1,84 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Styles for menu placed in sidebar region.
- */
-
-.menu--sidebar {
- list-style: none;
-}
-
-.menu--sidebar .menu {
- list-style: none;
-}
-
-.menu--sidebar .menu--level-1 {
- margin: 0;
-}
-
-[dir="ltr"] .menu--sidebar .menu__link {
- padding-left: 0;
-}
-
-[dir="rtl"] .menu--sidebar .menu__link {
- padding-right: 0;
-}
-
-[dir="ltr"] .menu--sidebar .menu__link {
- padding-right: 0;
-}
-
-[dir="rtl"] .menu--sidebar .menu__link {
- padding-left: 0;
-}
-
-.menu--sidebar .menu__link {
- position: relative;
- display: block;
- padding-top: 0.84375rem;
- padding-bottom: 0.84375rem;
- font-family: Lora, georgia, serif;
- font-size: 1.125rem;
-
- /* Bottom divider line. */
-}
-
-[dir="ltr"] .menu--sidebar .menu__link:after {
- left: 0;
-}
-
-[dir="rtl"] .menu--sidebar .menu__link:after {
- right: 0;
-}
-
-.menu--sidebar .menu__link:after {
- position: absolute;
- bottom: 0;
- width: 4.5rem;
- height: 0;
- content: "";
- border-top: solid 2px #e7edf1;
-}
-
-.menu--sidebar .menu__link--link {
- text-decoration: none;
- color: #0d1214;
- font-weight: 600;
-}
-
-.menu--sidebar .menu__link--link:hover {
- color: #2494db;
-}
-
-/* No bottom divider line for last menu item. */
-
-.menu--sidebar .menu__item--level-1:last-child > .menu__link:last-child:after,
-.menu--sidebar .menu__item--level-1:last-child > .menu__item--level-2:last-child > .menu__link:last-child:after {
- content: none;
-}
diff --git a/web/themes/custom/rorschach/css/components/navigation/menu-sidebar.pcss.css b/web/themes/custom/rorschach/css/components/navigation/menu-sidebar.pcss.css
deleted file mode 100644
index de077db..0000000
--- a/web/themes/custom/rorschach/css/components/navigation/menu-sidebar.pcss.css
+++ /dev/null
@@ -1,57 +0,0 @@
-/**
- * @file
- * Styles for menu placed in sidebar region.
- */
-
-@import "../../base/variables.pcss.css";
-
-.menu--sidebar {
- list-style: none;
-
- & .menu {
- list-style: none;
- }
-
- & .menu--level-1 {
- margin: 0;
- }
-
- & .menu__link {
- position: relative;
- display: block;
- padding-block: var(--sp0-75);
- padding-inline-start: 0;
- padding-inline-end: 0;
- font-family: var(--font-serif);
- font-size: 18px;
-
- /* Bottom divider line. */
- &:after {
- position: absolute;
- inset-block-end: 0;
- inset-inline-start: 0;
- width: var(--sp4);
- height: 0;
- content: "";
- border-block-start: solid 2px var(--color--gray-80);
- }
- }
-
- & .menu__link--link {
- text-decoration: none;
- color: var(--color--gray-0);
- font-weight: 600;
-
- &:hover {
- color: var(--color--blue-50);
- }
- }
-
- /* No bottom divider line for last menu item. */
- & .menu__item--level-1:last-child > .menu__link:last-child,
- & .menu__item--level-1:last-child > .menu__item--level-2:last-child > .menu__link:last-child {
- &:after {
- content: none;
- }
- }
-}
diff --git a/web/themes/custom/rorschach/css/components/navigation/nav-button-mobile.css b/web/themes/custom/rorschach/css/components/navigation/nav-button-mobile.css
deleted file mode 100644
index a8ba864..0000000
--- a/web/themes/custom/rorschach/css/components/navigation/nav-button-mobile.css
+++ /dev/null
@@ -1,178 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Nav Button Mobile.
- */
-
-[dir="ltr"] .mobile-nav-button {
- margin-left: auto;
-}
-
-[dir="rtl"] .mobile-nav-button {
- margin-right: auto;
-}
-
-[dir="ltr"] .mobile-nav-button {
- margin-right: -0.375rem;
-}
-
-[dir="rtl"] .mobile-nav-button {
- margin-left: -0.375rem;
-}
-
-[dir="ltr"] .mobile-nav-button {
- padding-left: 0.375rem;
-}
-
-[dir="rtl"] .mobile-nav-button {
- padding-right: 0.375rem;
-}
-
-[dir="ltr"] .mobile-nav-button {
- padding-right: 0.375rem;
-}
-
-[dir="rtl"] .mobile-nav-button {
- padding-left: 0.375rem;
-}
-
-.mobile-nav-button {
- position: relative;
- z-index: 505; /* Appear above mobile nav. */
- display: flex;
- align-items: center;
- -ms-grid-row-align: center;
- align-self: center;
- width: 2.25rem;
- height: 2.25rem;
- padding-top: 0;
- padding-bottom: 0;
- cursor: pointer;
- border: none;
- background: transparent;
- -webkit-appearance: none;
- appearance: none;
-}
-
-.mobile-nav-button:focus {
- outline: solid 2px #0d77b5;
-}
-
-.mobile-nav-button:active {
- color: inherit; /* Override Safari's default UA styles. */
-}
-
-@media (min-width: 31.25rem) {
-
- [dir="ltr"] .mobile-nav-button {
- padding-left: 1.125rem;
- }
-
- [dir="rtl"] .mobile-nav-button {
- padding-right: 1.125rem;
- }
-
- .mobile-nav-button {
- display: inline-flex;
- width: auto;
- }
-}
-
-/* Text that says "menu". */
-
-.mobile-nav-button__label {
- position: absolute;
- display: block;
- overflow: hidden;
- clip: rect(1px, 1px, 1px, 1px);
- width: 1px;
- height: 1px;
- word-wrap: normal;
-}
-
-@media (min-width: 31.25rem) {
-
- [dir="ltr"] .mobile-nav-button__label {
- margin-right: 0.75rem;
- }
-
- [dir="rtl"] .mobile-nav-button__label {
- margin-left: 0.75rem;
- }
-
- .mobile-nav-button__label {
- position: static;
- overflow: visible;
- clip: auto;
- width: auto;
- height: auto;
- letter-spacing: 0.05em;
- font-size: 0.875rem;
- font-weight: 600;
- }
-}
-
-.mobile-nav-button__icon {
- position: relative;
- display: block;
- width: 2.25rem;
- height: 0;
- border-top: solid 3px #2494db;
-}
-
-[dir="ltr"] .mobile-nav-button__icon:before {
- left: 0;
-}
-
-[dir="rtl"] .mobile-nav-button__icon:before {
- right: 0;
-}
-
-.mobile-nav-button__icon:before {
- position: absolute;
- top: -0.6875rem;
- width: 100%;
- height: 0;
- content: "";
- transition: all 0.2s;
- border-top: solid 3px #2494db;
-}
-
-[dir="ltr"] .mobile-nav-button__icon:after {
- left: 0;
-}
-
-[dir="rtl"] .mobile-nav-button__icon:after {
- right: 0;
-}
-
-.mobile-nav-button__icon:after {
- position: absolute;
- top: auto;
- bottom: -0.5rem;
- width: 100%;
- height: 0;
- content: "";
- transition: all 0.2s;
- border-top: solid 3px #2494db;
-}
-
-.mobile-nav-button[aria-expanded="true"] .mobile-nav-button__icon {
- border-top: 0;
-}
-
-.mobile-nav-button[aria-expanded="true"] .mobile-nav-button__icon:before {
- top: 0;
- transform: rotate(-45deg);
-}
-
-.mobile-nav-button[aria-expanded="true"] .mobile-nav-button__icon:after {
- top: 0;
- transform: rotate(45deg);
-}
diff --git a/web/themes/custom/rorschach/css/components/navigation/nav-button-mobile.pcss.css b/web/themes/custom/rorschach/css/components/navigation/nav-button-mobile.pcss.css
deleted file mode 100644
index 92e77ac..0000000
--- a/web/themes/custom/rorschach/css/components/navigation/nav-button-mobile.pcss.css
+++ /dev/null
@@ -1,106 +0,0 @@
-/**
- * @file
- * Nav Button Mobile.
- */
-
-@import "../../base/variables.pcss.css";
-
-.mobile-nav-button {
- position: relative;
- z-index: 505; /* Appear above mobile nav. */
- display: flex;
- align-items: center;
- align-self: center;
- width: var(--sp2);
- height: var(--sp2);
- margin-inline-start: auto;
- margin-inline-end: -6px;
- padding-block: 0;
- padding-inline-start: 6px;
- padding-inline-end: 6px;
- cursor: pointer;
- border: none;
- background: transparent;
- appearance: none;
-
- &:focus {
- outline: solid 2px var(--color--blue-20);
- }
-
- &:active {
- color: inherit; /* Override Safari's default UA styles. */
- }
-
- @media (--sm) {
- display: inline-flex;
- width: auto;
- padding-inline-start: var(--sp);
- }
-}
-
-/* Text that says "menu". */
-.mobile-nav-button__label {
- position: absolute;
- display: block;
- overflow: hidden;
- clip: rect(1px, 1px, 1px, 1px);
- width: 1px;
- height: 1px;
- word-wrap: normal;
-
- @media (--sm) {
- position: static;
- overflow: visible;
- clip: auto;
- width: auto;
- height: auto;
- margin-inline-end: 12px;
- letter-spacing: 0.05em;
- font-size: 14px;
- font-weight: 600;
- }
-}
-
-.mobile-nav-button__icon {
- position: relative;
- display: block;
- width: var(--sp2);
- height: 0;
- border-top: solid 3px var(--color--blue-50);
-
- &:before {
- position: absolute;
- inset-block-start: -11px;
- inset-inline-start: 0;
- width: 100%;
- height: 0;
- content: "";
- transition: all 0.2s;
- border-top: solid 3px var(--color--blue-50);
- }
-
- &:after {
- position: absolute;
- inset-block: auto -8px;
- inset-inline-start: 0;
- width: 100%;
- height: 0;
- content: "";
- transition: all 0.2s;
- border-top: solid 3px var(--color--blue-50);
- }
-}
-
-.mobile-nav-button[aria-expanded="true"] .mobile-nav-button__icon {
- border-top: 0;
-
- &:before {
- inset-block-start: 0;
- transform: rotate(-45deg);
- }
-
- &:after {
- inset-block-start: 0;
- transform: rotate(45deg);
- }
-}
diff --git a/web/themes/custom/rorschach/css/components/navigation/nav-primary-button.css b/web/themes/custom/rorschach/css/components/navigation/nav-primary-button.css
deleted file mode 100644
index 04de7b8..0000000
--- a/web/themes/custom/rorschach/css/components/navigation/nav-primary-button.css
+++ /dev/null
@@ -1,163 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Button that expands second level nav when clicked.
- */
-
-[dir="ltr"] .primary-nav__button-toggle {
- padding-left: 0;
-}
-
-[dir="rtl"] .primary-nav__button-toggle {
- padding-right: 0;
-}
-
-[dir="ltr"] .primary-nav__button-toggle {
- padding-right: 0;
-}
-
-[dir="rtl"] .primary-nav__button-toggle {
- padding-left: 0;
-}
-
-.primary-nav__button-toggle {
- position: relative;
- overflow: hidden;
- width: 2.25rem;
- height: 2.25rem;
- margin-top: 0.5625rem; /* Visually align button with menu link text. */
- padding-top: 0;
- padding-bottom: 0;
- cursor: pointer;
- text-indent: -62.4375rem;
- border: 0;
- background: transparent;
- -webkit-appearance: none;
-}
-
-.primary-nav__button-toggle:focus {
- outline: auto 2px #2494db;
- outline-offset: 2px;
-}
-
-.primary-nav__button-toggle .icon--menu-toggle {
- position: absolute;
- /* stylelint-disable csstools/use-logical */
- top: 50%;
- left: 50%;
- /* stylelint-enable csstools/use-logical */
- width: 1rem;
- height: 1rem;
- transition: background-color 0.2s;
- transform: translate(-50%, -50%);
- border-radius: 2px;
-}
-
-.primary-nav__button-toggle .icon--menu-toggle:before,
-.primary-nav__button-toggle .icon--menu-toggle:after {
- position: absolute;
- /* stylelint-disable csstools/use-logical */
- top: 50%;
- left: 50%;
- /* stylelint-enable csstools/use-logical */
- width: 1.125rem;
- height: 0;
- content: "";
- transform: translate(-50%, -50%);
- /* Intentionally not using CSS logical properties. */
- border-top: solid 3px #2494db;
-}
-
-.primary-nav__button-toggle .icon--menu-toggle:after {
- transition: opacity 0.2s;
- transform: translate(-50%, -50%) rotate(90deg);
-}
-
-.primary-nav__button-toggle[aria-expanded="true"] .icon--menu-toggle:after {
- opacity: 0;
-}
-
-/* aria-hidden attribute is removed by JS. Button is non-functional
- until JS is enabled.
- */
-
-.primary-nav__button-toggle[aria-hidden="true"] {
- pointer-events: none;
-}
-
-@media (min-width: 75rem) {
- [dir="ltr"] body:not(.is-always-mobile-nav) .primary-nav__button-toggle {
- margin-right: -2.25rem;
- }
- [dir="rtl"] body:not(.is-always-mobile-nav) .primary-nav__button-toggle {
- margin-left: -2.25rem;
- }
- body:not(.is-always-mobile-nav) .primary-nav__button-toggle {
- flex-shrink: 0;
- -ms-grid-row-align: stretch;
- align-self: stretch;
- width: 2.75rem;
- height: auto;
- margin-top: 0;
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__button-toggle:focus {
- border: 0;
- outline: 0;
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__button-toggle:focus .icon--menu-toggle {
- border: solid 2px #0d77b5;
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__button-toggle:active {
- /* Necessary for Safari. */
- color: currentColor;
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__button-toggle[aria-expanded="true"] .icon--menu-toggle:after {
- opacity: 0.8;
- }
-
- [dir="ltr"] body:not(.is-always-mobile-nav) .primary-nav__button-toggle .icon--menu-toggle {
- left: 0.1875rem;
- }
-
- [dir="rtl"] body:not(.is-always-mobile-nav) .primary-nav__button-toggle .icon--menu-toggle {
- right: 0.1875rem;
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__button-toggle .icon--menu-toggle {
- width: 1.125rem;
- transform: translateY(-50%);
- border-radius: 0.25rem;
- background-color: #fff;
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__button-toggle .icon--menu-toggle:before {
- content: none;
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__button-toggle .icon--menu-toggle:after {
- /* stylelint-disable csstools/use-logical */
- top: calc(50% - 2px);
- left: 0.1875rem;
- /* stylelint-enable csstools/use-logical */
- width: 0.5rem;
- height: 0.5rem;
- content: "";
- transform: translateY(-50%) rotate(45deg);
- opacity: 0.8;
- /* Intentionally not using CSS logical properties. */
- border-top: none;
- border-right: solid 2px currentColor;
- border-bottom: solid 2px currentColor;
- background: transparent;
- }
-}
diff --git a/web/themes/custom/rorschach/css/components/navigation/nav-primary-button.pcss.css b/web/themes/custom/rorschach/css/components/navigation/nav-primary-button.pcss.css
deleted file mode 100644
index b31aeb1..0000000
--- a/web/themes/custom/rorschach/css/components/navigation/nav-primary-button.pcss.css
+++ /dev/null
@@ -1,131 +0,0 @@
-/**
- * @file
- * Button that expands second level nav when clicked.
- */
-
-@import "../../base/variables.pcss.css";
-
-.primary-nav__button-toggle {
- position: relative;
- overflow: hidden;
- width: var(--sp2);
- height: var(--sp2);
- margin-block-start: var(--sp0-5); /* Visually align button with menu link text. */
- padding-block: 0;
- padding-inline-start: 0;
- padding-inline-end: 0;
- cursor: pointer;
- text-indent: -999px;
- border: 0;
- background: transparent;
- -webkit-appearance: none;
-
- &:focus {
- outline: auto 2px var(--color--blue-50);
- outline-offset: 2px;
- }
-
- & .icon--menu-toggle {
- position: absolute;
- /* stylelint-disable csstools/use-logical */
- top: 50%;
- left: 50%;
- /* stylelint-enable csstools/use-logical */
- width: 16px;
- height: 16px;
- transition: background-color 0.2s;
- transform: translate(-50%, -50%);
- border-radius: 2px;
-
- &:before,
- &:after {
- position: absolute;
- /* stylelint-disable csstools/use-logical */
- top: 50%;
- left: 50%;
- /* stylelint-enable csstools/use-logical */
- width: var(--sp);
- height: 0;
- content: "";
- transform: translate(-50%, -50%);
- /* Intentionally not using CSS logical properties. */
- border-top: solid 3px var(--color--blue-50);
- }
-
- &:after {
- transition: opacity 0.2s;
- transform: translate(-50%, -50%) rotate(90deg);
- }
- }
-
- &[aria-expanded="true"] .icon--menu-toggle:after {
- opacity: 0;
- }
-
- /* aria-hidden attribute is removed by JS. Button is non-functional
- until JS is enabled.
- */
- &[aria-hidden="true"] {
- pointer-events: none;
- }
-}
-
-body:not(.is-always-mobile-nav) {
- @media (--nav) {
- & .primary-nav__button-toggle {
- flex-shrink: 0;
- align-self: stretch;
- width: calc(var(--sp2) + 8px);
- height: auto;
- margin-block-start: 0;
- margin-inline-end: calc(-1 * var(--sp2));
-
- &:focus {
- border: 0;
- outline: 0;
-
- & .icon--menu-toggle {
- border: solid 2px var(--color--blue-20);
- }
- }
-
- &:active {
- /* Necessary for Safari. */
- color: currentColor;
- }
-
- &[aria-expanded="true"] .icon--menu-toggle:after {
- opacity: 0.8;
- }
-
- & .icon--menu-toggle {
- inset-inline-start: 3px;
- width: 18px;
- transform: translateY(-50%);
- border-radius: 4px;
- background-color: var(--color--white);
-
- &:before {
- content: none;
- }
-
- &:after {
- /* stylelint-disable csstools/use-logical */
- top: calc(50% - 2px);
- left: 3px;
- /* stylelint-enable csstools/use-logical */
- width: 8px;
- height: 8px;
- content: "";
- transform: translateY(-50%) rotate(45deg);
- opacity: 0.8;
- /* Intentionally not using CSS logical properties. */
- border-top: none;
- border-right: solid 2px currentColor;
- border-bottom: solid 2px currentColor;
- background: transparent;
- }
- }
- }
- }
-}
diff --git a/web/themes/custom/rorschach/css/components/navigation/nav-primary-no-js.css b/web/themes/custom/rorschach/css/components/navigation/nav-primary-no-js.css
deleted file mode 100644
index 36e24dd..0000000
--- a/web/themes/custom/rorschach/css/components/navigation/nav-primary-no-js.css
+++ /dev/null
@@ -1,211 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Styles for primary navigation when JavaScript is disabled.
- */
-
-/**
- * Mobile styles for primary navigation when JS is disabled.
- */
-
-@media (max-width: 75rem) {
- html:not(.js) .primary-nav__menu--level-1 {
- column-width: 18.75rem;
- column-gap: 2.25rem;
- }
-
- html:not(.js) .primary-nav__menu-item {
- page-break-inside: avoid;
- break-inside: avoid;
- }
-
- html:not(.js) .site-header__inner__container {
- flex-wrap: wrap;
- }
-
- html:not(.js) .mobile-buttons {
- display: none;
- }
-
- html[dir="ltr"]:not(.js) .header-nav {
- margin-left: 2.25rem;
- }
-
- html[dir="rtl"]:not(.js) .header-nav {
- margin-right: 2.25rem;
- }
-
- html[dir="ltr"]:not(.js) .header-nav {
- margin-right: 2.25rem;
- }
-
- html[dir="rtl"]:not(.js) .header-nav {
- margin-left: 2.25rem;
- }
-
- html[dir="ltr"]:not(.js) .header-nav {
- padding-left: 2.25rem;
- }
-
- html[dir="rtl"]:not(.js) .header-nav {
- padding-right: 2.25rem;
- }
-
- html[dir="ltr"]:not(.js) .header-nav {
- padding-right: 2.25rem;
- }
-
- html[dir="rtl"]:not(.js) .header-nav {
- padding-left: 2.25rem;
- }
-
- html:not(.js) .header-nav {
- border: solid 1px #e7edf1 !important;
- }
-
- html:not(.js) .header-nav {
- position: static;
- visibility: visible;
- flex-basis: 100%;
- width: 100%;
- max-width: none;
- margin-top: 2.25rem;
- margin-bottom: 0;
- padding-top: 2.25rem;
- padding-bottom: 0;
- transform: none;
- box-shadow: 0 0 36px #d7e1e8;
- }
-
- html[dir="ltr"]:not(.js) .primary-nav__menu--level-2 {
- border-left: 0;
- }
-
- html[dir="rtl"]:not(.js) .primary-nav__menu--level-2 {
- border-right: 0;
- }
-
- html:not(.js) .primary-nav__button-toggle {
- display: none;
- }
- html:not(.js) .primary-nav__menu-link--button.primary-nav__menu-link--has-children:before,
- html:not(.js) .primary-nav__menu-link--button.primary-nav__menu-link--has-children:after {
- content: none;
- }
-}
-
-@media (min-width: 75rem) {
- /**
- * Styles for 'always on mobile navigation' when JS is disabled.
- */
- html:not(.js) body.is-always-mobile-nav .primary-nav__menu--level-1 {
- column-width: 18.75rem;
- column-gap: 2.25rem;
- }
-
- html:not(.js) body.is-always-mobile-nav .primary-nav__menu-item {
- page-break-inside: avoid;
- break-inside: avoid;
- }
-
- html:not(.js) body.is-always-mobile-nav .site-header__inner__container {
- flex-wrap: wrap;
- }
-
- html:not(.js) body.is-always-mobile-nav .mobile-buttons {
- display: none;
- }
-
- html[dir="ltr"]:not(.js) body.is-always-mobile-nav .header-nav {
- margin-left: 2.25rem;
- }
-
- html[dir="rtl"]:not(.js) body.is-always-mobile-nav .header-nav {
- margin-right: 2.25rem;
- }
-
- html[dir="ltr"]:not(.js) body.is-always-mobile-nav .header-nav {
- margin-right: 2.25rem;
- }
-
- html[dir="rtl"]:not(.js) body.is-always-mobile-nav .header-nav {
- margin-left: 2.25rem;
- }
-
- html[dir="ltr"]:not(.js) body.is-always-mobile-nav .header-nav {
- padding-left: 2.25rem;
- }
-
- html[dir="rtl"]:not(.js) body.is-always-mobile-nav .header-nav {
- padding-right: 2.25rem;
- }
-
- html[dir="ltr"]:not(.js) body.is-always-mobile-nav .header-nav {
- padding-right: 2.25rem;
- }
-
- html[dir="rtl"]:not(.js) body.is-always-mobile-nav .header-nav {
- padding-left: 2.25rem;
- }
-
- html:not(.js) body.is-always-mobile-nav .header-nav {
- border: solid 1px #e7edf1 !important;
- }
-
- html:not(.js) body.is-always-mobile-nav .header-nav {
- position: static;
- visibility: visible;
- flex-basis: 100%;
- width: 100%;
- max-width: none;
- margin-top: 2.25rem;
- margin-bottom: 0;
- padding-top: 2.25rem;
- padding-bottom: 0;
- transform: none;
- box-shadow: 0 0 36px #d7e1e8;
- }
-
- html[dir="ltr"]:not(.js) body.is-always-mobile-nav .primary-nav__menu--level-2 {
- border-left: 0;
- }
-
- html[dir="rtl"]:not(.js) body.is-always-mobile-nav .primary-nav__menu--level-2 {
- border-right: 0;
- }
-
- html:not(.js) body.is-always-mobile-nav .primary-nav__button-toggle {
- display: none;
- }
- html:not(.js) body.is-always-mobile-nav .primary-nav__menu-link--button.primary-nav__menu-link--has-children:before,
- html:not(.js) body.is-always-mobile-nav .primary-nav__menu-link--button.primary-nav__menu-link--has-children:after {
- content: none;
- }
-
- /**
- * Styles for traditional dropdown primary navigation when JS is disabled.
- */
- html:not(.js) body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:hover .primary-nav__menu--level-2,
- html:not(.js) body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:hover .primary-nav__menu-🥕 {
- visibility: visible;
- transform: translate(-50%, 0);
- opacity: 1;
- }
-
- /*
- * Cannot combine the focus-within pseudo selector with other selectors,
- * because it will break IE11 and earlier versions of MS Edge.
- */
- html:not(.js) body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:focus-within .primary-nav__menu--level-2,
- html:not(.js) body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:focus-within .primary-nav__menu-🥕 {
- visibility: visible;
- transform: translate(-50%, 0);
- opacity: 1;
- }
-}
diff --git a/web/themes/custom/rorschach/css/components/navigation/nav-primary-no-js.pcss.css b/web/themes/custom/rorschach/css/components/navigation/nav-primary-no-js.pcss.css
deleted file mode 100644
index 178df7a..0000000
--- a/web/themes/custom/rorschach/css/components/navigation/nav-primary-no-js.pcss.css
+++ /dev/null
@@ -1,150 +0,0 @@
-/**
- * @file
- * Styles for primary navigation when JavaScript is disabled.
- */
-
-@import "../../base/variables.pcss.css";
-
-:root {
- --no-js-nav-column-width: 300px;
- --no-js-nav-column-gap: var(--sp2);
-}
-
-html:not(.js) {
- /**
- * Mobile styles for primary navigation when JS is disabled.
- */
- @media (--max-nav) {
- & .primary-nav__menu--level-1 {
- column-width: var(--no-js-nav-column-width);
- column-gap: var(--no-js-nav-column-gap);
- }
-
- & .primary-nav__menu-item {
- break-inside: avoid;
- }
-
- & .site-header__inner__container {
- flex-wrap: wrap;
- }
-
- & .mobile-buttons {
- display: none;
- }
-
- & .header-nav {
- position: static;
- visibility: visible;
- flex-basis: 100%;
- width: 100%;
- max-width: none;
- margin-block: var(--sp2) 0;
- margin-inline-start: var(--sp2);
- margin-inline-end: var(--sp2);
- padding-block: var(--sp2) 0;
- padding-inline-start: var(--sp2);
- padding-inline-end: var(--sp2);
- transform: none;
- border: solid 1px var(--color--gray-80) !important;
- box-shadow: 0 0 36px var(--color--gray-70);
- }
-
- & .primary-nav__menu--level-2 {
- border-inline-start: 0;
- }
-
- & .primary-nav__button-toggle {
- display: none;
- }
-
- & .primary-nav__menu-link--button.primary-nav__menu-link--has-children {
- &:before,
- &:after {
- content: none;
- }
- }
- }
-
- @media (--nav) {
- /**
- * Styles for 'always on mobile navigation' when JS is disabled.
- */
- & body.is-always-mobile-nav {
- & .primary-nav__menu--level-1 {
- column-width: var(--no-js-nav-column-width);
- column-gap: var(--no-js-nav-column-gap);
- }
-
- & .primary-nav__menu-item {
- break-inside: avoid;
- }
-
- & .site-header__inner__container {
- flex-wrap: wrap;
- }
-
- & .mobile-buttons {
- display: none;
- }
-
- & .header-nav {
- position: static;
- visibility: visible;
- flex-basis: 100%;
- width: 100%;
- max-width: none;
- margin-block: var(--sp2) 0;
- margin-inline-start: var(--sp2);
- margin-inline-end: var(--sp2);
- padding-block: var(--sp2) 0;
- padding-inline-start: var(--sp2);
- padding-inline-end: var(--sp2);
- transform: none;
- border: solid 1px var(--color--gray-80) !important;
- box-shadow: 0 0 36px var(--color--gray-70);
- }
-
- & .primary-nav__menu--level-2 {
- border-inline-start: 0;
- }
-
- & .primary-nav__button-toggle {
- display: none;
- }
-
- & .primary-nav__menu-link--button.primary-nav__menu-link--has-children {
- &:before,
- &:after {
- content: none;
- }
- }
- }
-
- /**
- * Styles for traditional dropdown primary navigation when JS is disabled.
- */
- & body:not(.is-always-mobile-nav) {
- & .primary-nav__menu-item--level-1:hover {
- & .primary-nav__menu--level-2,
- & .primary-nav__menu-🥕 {
- visibility: visible;
- transform: translate(-50%, 0);
- opacity: 1;
- }
- }
-
- /*
- * Cannot combine the focus-within pseudo selector with other selectors,
- * because it will break IE11 and earlier versions of MS Edge.
- */
- & .primary-nav__menu-item--level-1:focus-within {
- & .primary-nav__menu--level-2,
- & .primary-nav__menu-🥕 {
- visibility: visible;
- transform: translate(-50%, 0);
- opacity: 1;
- }
- }
- }
- }
-}
diff --git a/web/themes/custom/rorschach/css/components/navigation/nav-primary-wide.css b/web/themes/custom/rorschach/css/components/navigation/nav-primary-wide.css
deleted file mode 100644
index 7e430fa..0000000
--- a/web/themes/custom/rorschach/css/components/navigation/nav-primary-wide.css
+++ /dev/null
@@ -1,340 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Nav Primary (wide widths).
- */
-
-@media (min-width: 75rem) {
- body:not(.is-always-mobile-nav) .primary-nav__menu-item {
- flex-wrap: nowrap; /* Ensure that sub navigation toggle button doesn't wrap underneath link. */
- }
- body:not(.is-always-mobile-nav) .primary-nav__menu-item.primary-nav__menu-item--has-children .primary-nav__menu-link--link,
- body:not(.is-always-mobile-nav) .primary-nav__menu-item.primary-nav__menu-item--has-children .primary-nav__menu-link--nolink {
- flex-basis: auto;
- }
-
- /* Remove hover state if submenu exists. */
- body:not(.is-always-mobile-nav) .primary-nav__menu-item.primary-nav__menu-item--has-children .primary-nav__menu-link--level-1 .primary-nav__menu-link-inner:after {
- content: none;
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__menu-link {
- letter-spacing: 0.02em;
- font-size: 1rem;
- line-height: 1.6875rem;
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__menu-link:focus {
- position: relative;
- outline: 0;
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__menu-link:focus:before {
- position: absolute;
- top: 50%;
- left: 50%;
- width: calc(100% + 1.125rem);
- height: 3.375rem;
- content: "";
- transform: translate(-50%, -50%);
- border: solid 2px #2494db;
- border-radius: 0.25rem;
- }
- [dir="ltr"] body:not(.is-always-mobile-nav) .primary-nav__menu-link--button.primary-nav__menu-link--has-children {
- padding-right: 0.5625rem;
- }
- [dir="rtl"] body:not(.is-always-mobile-nav) .primary-nav__menu-link--button.primary-nav__menu-link--has-children {
- padding-left: 0.5625rem;
- }
- body:not(.is-always-mobile-nav) .primary-nav__menu-link--button.primary-nav__menu-link--has-children {
- overflow: visible; /* Necessary to view icon in IE11 */
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__menu-link--button.primary-nav__menu-link--has-children:focus:before {
- width: calc(100% + 1.6875rem);
- content: "";
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__menu-link--button.primary-nav__menu-link--has-children:before {
- content: none;
- }
-
- /* Chevron icon for desktop navigation. */
- [dir="ltr"] body:not(.is-always-mobile-nav) .primary-nav__menu-link--button.primary-nav__menu-link--has-children:after {
- left: calc(100% - 0.1875rem);
- }
- [dir="rtl"] body:not(.is-always-mobile-nav) .primary-nav__menu-link--button.primary-nav__menu-link--has-children:after {
- right: calc(100% - 0.1875rem);
- }
- body:not(.is-always-mobile-nav) .primary-nav__menu-link--button.primary-nav__menu-link--has-children:after {
- position: absolute;
- top: 50%;
- width: 0.5rem;
- height: 0.5rem;
- margin-top: -2px;
- transform: translateY(-50%) rotate(45deg);
- /* Intentionally not using CSS logical properties. */
- border-top: 0;
- border-right: solid 2px currentColor;
- border-bottom: solid 2px currentColor;
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__menu-link--button.primary-nav__menu-link--has-children[aria-expanded="true"]:after {
- opacity: 1;
- }
-
- [dir="ltr"] body:not(.is-always-mobile-nav) .primary-nav__menu-link-inner {
- padding-left: 0;
- }
-
- [dir="rtl"] body:not(.is-always-mobile-nav) .primary-nav__menu-link-inner {
- padding-right: 0;
- }
-
- [dir="ltr"] body:not(.is-always-mobile-nav) .primary-nav__menu-link-inner {
- padding-right: 0;
- }
-
- [dir="rtl"] body:not(.is-always-mobile-nav) .primary-nav__menu-link-inner {
- padding-left: 0;
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__menu-link-inner {
- padding-top: 2.25rem;
- padding-bottom: 2.25rem;
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__menu-link-inner:after {
- transform-origin: center;
- border-top-width: 9px;
- }
-
- [dir="ltr"] body:not(.is-always-mobile-nav) .primary-nav__menu--level-1 {
- margin-right: 1.125rem;
- }
-
- [dir="rtl"] body:not(.is-always-mobile-nav) .primary-nav__menu--level-1 {
- margin-left: 1.125rem;
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__menu--level-1 {
- display: flex;
- align-items: stretch;
- }
-
- [dir="ltr"] body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1 {
- margin-left: 0;
- }
-
- [dir="rtl"] body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1 {
- margin-right: 0;
- }
-
- [dir="ltr"] body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1 {
- margin-right: 0;
- }
-
- [dir="rtl"] body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1 {
- margin-left: 0;
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1 {
- position: relative; /* Anchor secondary menu */
- display: flex;
- align-items: center;
- width: max-content;
- max-width: 12.5rem;
- margin-top: 0;
- margin-bottom: 0;
- }
-
- [dir="ltr"] body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:not(:last-child) {
- margin-right: 2.25rem;
- }
-
- [dir="rtl"] body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:not(:last-child) {
- margin-left: 2.25rem;
- }
-
- [dir="ltr"] body:not(.is-always-mobile-nav) .primary-nav__menu--level-2 {
- margin-left: 0;
- }
-
- [dir="rtl"] body:not(.is-always-mobile-nav) .primary-nav__menu--level-2 {
- margin-right: 0;
- }
-
- [dir="ltr"] body:not(.is-always-mobile-nav) .primary-nav__menu--level-2 {
- padding-left: 2.25rem;
- }
-
- [dir="rtl"] body:not(.is-always-mobile-nav) .primary-nav__menu--level-2 {
- padding-right: 2.25rem;
- }
-
- [dir="ltr"] body:not(.is-always-mobile-nav) .primary-nav__menu--level-2 {
- padding-right: 2.25rem;
- }
-
- [dir="rtl"] body:not(.is-always-mobile-nav) .primary-nav__menu--level-2 {
- padding-left: 2.25rem;
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__menu--level-2 {
- position: absolute;
- z-index: 105; /* Appear above search container. */
- top: calc(100% - 0.5625rem);
- left: 50%;
- visibility: hidden;
- overflow: auto;
- width: 15.625rem;
- /**
- * Ensure that long level-2 menus will never overflow viewport (focused
- * elements should always be in viewport per accessibility guidelines).
- */
- max-height: calc(100vh - 12.375rem);
- margin-top: 0;
- padding-top: 3.375rem;
- padding-bottom: 3.375rem;
- transition: none;
- transform: translate(-50%, -1.25rem);
- opacity: 0;
- /* Intentionally not using CSS logical properties. */
- border-top: solid #2494db 9px;
- border-right: solid 1px transparent; /* Transparent borders useful for Windows High Contrast mode. */
- border-bottom: solid 1px transparent;
- border-left: solid 1px transparent;
- border-radius: 0 0 2px 2px;
- background: #fff;
- box-shadow: 0 1px 36px rgba(0, 0, 0, 0.08);
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__menu--level-2.is-active-menu-parent {
- visibility: visible;
- margin-top: 0;
- transform: translate(-50%, 0);
- opacity: 1;
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-2 {
- display: block;
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-2:focus:before {
- top: 0;
- left: -0.5625rem;
- height: 100%;
- transform: none;
- }
-
- [dir="ltr"] body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-2 .primary-nav__menu-link-inner {
- padding-left: 0;
- }
-
- [dir="rtl"] body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-2 .primary-nav__menu-link-inner {
- padding-right: 0;
- }
-
- [dir="ltr"] body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-2 .primary-nav__menu-link-inner {
- padding-right: 0;
- }
-
- [dir="rtl"] body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-2 .primary-nav__menu-link-inner {
- padding-left: 0;
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-2 .primary-nav__menu-link-inner {
- padding-top: 0.5625rem;
- padding-bottom: 0.5625rem;
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-2 .primary-nav__menu-link-inner:after {
- transform-origin: left;
- border-top-width: 3px;
- }
-
- /**
- * Arrow is placed outside of submenu because the submenu has the
- * `overflow: hidden` CSS rule applied.
- */
- body:not(.is-always-mobile-nav) .primary-nav__menu-🥕 {
- position: absolute;
- z-index: 105; /* Match level 2 menus. */
- top: calc(100% - 1.125rem);
- left: 50%;
- visibility: hidden;
- width: 0;
- height: 0;
- transform: translate(-50%, -1.25rem);
- opacity: 0;
- /* Intentionally not using CSS logical properties. */
- border-right: solid 10px transparent;
- border-bottom: solid 10px #2494db;
- border-left: solid 10px transparent;
- }
-
- body:not(.is-always-mobile-nav) .primary-nav__menu-🥕.is-active-menu-parent {
- visibility: visible;
- transform: translate(-50%, 0);
- opacity: 1;
- }
-
- /**
- * When ensuring that long menus don't overflow viewport, we can give a
- * little extra room when the toolbar is fixed (and is shorter).
- */
- body:not(.is-always-mobile-nav) .is-fixed .primary-nav__menu--level-2 {
- max-height: calc(100vh - 7.875rem);
- }
-}
-
-/*
- * Take into account Drupal's admin toolbars when ensuring that long level-2
- * menus will never overflow viewport.
- */
-
-@media (min-width: 75rem) {
- /* Toolbar is fixed, and tray is vertical or toolbar is horizontal and tray is closed. */
- body.toolbar-vertical:not(.is-always-mobile-nav) .primary-nav__menu--level-2,
- body.toolbar-horizontal.toolbar-fixed:not(.is-always-mobile-nav) .primary-nav__menu--level-2 {
- max-height: calc(100vh - 14.8125rem);
- }
-
- body.toolbar-vertical:not(.is-always-mobile-nav) .is-fixed .primary-nav__menu--level-2,
- body.toolbar-horizontal.toolbar-fixed:not(.is-always-mobile-nav) .is-fixed .primary-nav__menu--level-2 {
- max-height: calc(100vh - 10.3125rem);
- }
-
- /* Toolbar is horizontal fixed, and tray is open. */
- body.toolbar-horizontal.toolbar-fixed.toolbar-tray-open:not(.is-always-mobile-nav) .primary-nav__menu--level-2 {
- max-height: calc(100vh - 17.3125rem);
- }
-
- body.toolbar-horizontal.toolbar-fixed.toolbar-tray-open:not(.is-always-mobile-nav) .is-fixed .primary-nav__menu--level-2 {
- max-height: calc(100vh - 12.8125rem);
- }
-}
-
-/*
- * Only apply transition styles to menu when JS is loaded. This
- * works around https://bugs.chromium.org/p/chromium/issues/detail?id=332189
- */
-
-@media (min-width: 75rem) {
- html.js body:not(.is-always-mobile-nav) .primary-nav__menu--level-2,
- html.js body:not(.is-always-mobile-nav) .primary-nav__menu-🥕 {
- transition: visibility 0.2s, transform 0.2s, opacity 0.2s;
- }
-}
-
-@media (min-width: 75rem) {
- [dir="rtl"] body:not(.is-always-mobile-nav) .primary-nav__menu-link--level-2 .primary-nav__menu-link-inner:after {
- transform-origin: right;
- }
-}
diff --git a/web/themes/custom/rorschach/css/components/navigation/nav-primary-wide.pcss.css b/web/themes/custom/rorschach/css/components/navigation/nav-primary-wide.pcss.css
deleted file mode 100644
index 65c7019..0000000
--- a/web/themes/custom/rorschach/css/components/navigation/nav-primary-wide.pcss.css
+++ /dev/null
@@ -1,266 +0,0 @@
-/**
- * @file
- * Nav Primary (wide widths).
- */
-
-@import "../../base/variables.pcss.css";
-
-body:not(.is-always-mobile-nav) {
- @media (--nav) {
- & .primary-nav__menu-item {
- flex-wrap: nowrap; /* Ensure that sub navigation toggle button doesn't wrap underneath link. */
-
- &.primary-nav__menu-item--has-children {
- & .primary-nav__menu-link--link,
- & .primary-nav__menu-link--nolink {
- flex-basis: auto;
- }
-
- /* Remove hover state if submenu exists. */
- & .primary-nav__menu-link--level-1 .primary-nav__menu-link-inner:after {
- content: none;
- }
- }
- }
-
- & .primary-nav__menu-link {
- letter-spacing: 0.02em;
- font-size: 16px;
- line-height: var(--sp1-5);
-
- &:focus {
- position: relative;
- outline: 0;
-
- &:before {
- position: absolute;
- top: 50%;
- left: 50%;
- width: calc(100% + var(--sp));
- height: var(--sp3);
- content: "";
- transform: translate(-50%, -50%);
- border: solid 2px var(--color--blue-50);
- border-radius: 4px;
- }
- }
- }
-
- & .primary-nav__menu-link--button {
- &.primary-nav__menu-link--has-children {
- overflow: visible; /* Necessary to view icon in IE11 */
- padding-inline-end: 9px;
-
- &:focus:before {
- width: calc(100% + var(--sp1-5));
- content: "";
- }
-
- &:before {
- content: none;
- }
-
- /* Chevron icon for desktop navigation. */
- &:after {
- position: absolute;
- inset-block-start: 50%;
- inset-inline-start: calc(100% - 3px);
- width: 8px;
- height: 8px;
- margin-block-start: -2px;
- transform: translateY(-50%) rotate(45deg);
- /* Intentionally not using CSS logical properties. */
- border-top: 0;
- border-right: solid 2px currentColor;
- border-bottom: solid 2px currentColor;
- }
-
- &[aria-expanded="true"]:after {
- opacity: 1;
- }
- }
- }
-
- & .primary-nav__menu-link-inner {
- padding-block: var(--sp2);
- padding-inline-start: 0;
- padding-inline-end: 0;
-
- &:after {
- transform-origin: center;
- border-top-width: var(--sp0-5);
- }
- }
-
- & .primary-nav__menu--level-1 {
- display: flex;
- align-items: stretch;
- margin-inline-end: var(--sp);
- }
-
- & .primary-nav__menu-item--level-1 {
- position: relative; /* Anchor secondary menu */
- display: flex;
- align-items: center;
- width: max-content;
- max-width: 200px;
- margin-block: 0;
- margin-inline-start: 0;
- margin-inline-end: 0;
-
- &:not(:last-child) {
- margin-inline-end: var(--sp2);
- }
- }
-
- & .primary-nav__menu--level-2 {
- position: absolute;
- z-index: 105; /* Appear above search container. */
- top: calc(100% - (0.5 * var(--sp)));
- left: 50%;
- visibility: hidden;
- overflow: auto;
- width: 250px;
- /**
- * Ensure that long level-2 menus will never overflow viewport (focused
- * elements should always be in viewport per accessibility guidelines).
- */
- max-height: calc(100vh - var(--site-header-height-wide) - var(--sp));
- margin-block-start: 0;
- margin-inline-start: 0;
- padding-block: calc(3 * var(--sp));
- padding-inline-start: var(--sp2);
- padding-inline-end: var(--sp2);
- transition: none;
- transform: translate(-50%, -20px);
- opacity: 0;
- /* Intentionally not using CSS logical properties. */
- border-top: solid var(--color--blue-50) var(--sp0-5);
- border-right: solid 1px transparent; /* Transparent borders useful for Windows High Contrast mode. */
- border-bottom: solid 1px transparent;
- border-left: solid 1px transparent;
- border-radius: 0 0 2px 2px;
- background: var(--color--white);
- box-shadow: 0 1px 36px rgba(0, 0, 0, 0.08);
-
- &.is-active-menu-parent {
- visibility: visible;
- margin-block-start: 0;
- transform: translate(-50%, 0);
- opacity: 1;
- }
- }
-
- & .primary-nav__menu-link--level-2 {
- display: block;
-
- &:focus:before {
- top: 0;
- left: calc(var(--sp0-5) * -1);
- height: 100%;
- transform: none;
- }
-
- & .primary-nav__menu-link-inner {
- padding-block: var(--sp0-5);
- padding-inline-start: 0;
- padding-inline-end: 0;
-
- &:after {
- transform-origin: left;
- border-top-width: 3px;
- }
- }
- }
-
- /**
- * Arrow is placed outside of submenu because the submenu has the
- * `overflow: hidden` CSS rule applied.
- */
- & .primary-nav__menu-🥕 {
- position: absolute;
- z-index: 105; /* Match level 2 menus. */
- top: calc(100% - var(--sp));
- left: 50%;
- visibility: hidden;
- width: 0;
- height: 0;
- transform: translate(-50%, -20px);
- opacity: 0;
- /* Intentionally not using CSS logical properties. */
- border-right: solid 10px transparent;
- border-bottom: solid 10px var(--color--blue-50);
- border-left: solid 10px transparent;
-
- &.is-active-menu-parent {
- visibility: visible;
- transform: translate(-50%, 0);
- opacity: 1;
- }
- }
-
- /**
- * When ensuring that long menus don't overflow viewport, we can give a
- * little extra room when the toolbar is fixed (and is shorter).
- */
- & .is-fixed .primary-nav__menu--level-2 {
- max-height: calc(100vh - var(--site-header-height-wide) - var(--sp) + var(--sp4));
- }
- }
-}
-
-/*
- * Take into account Drupal's admin toolbars when ensuring that long level-2
- * menus will never overflow viewport.
- */
-@media (--nav) {
- body:not(.is-always-mobile-nav) {
- /* Toolbar is fixed, and tray is vertical or toolbar is horizontal and tray is closed. */
- &.toolbar-vertical,
- &.toolbar-horizontal.toolbar-fixed {
- & .primary-nav__menu--level-2 {
- max-height: calc(100vh - var(--site-header-height-wide) - var(--sp) - var(--toolbar-height));
- }
-
- & .is-fixed .primary-nav__menu--level-2 {
- max-height: calc(100vh - var(--site-header-height-wide) - var(--sp) - var(--toolbar-height) + var(--sp4));
- }
- }
-
- /* Toolbar is horizontal fixed, and tray is open. */
- &.toolbar-horizontal.toolbar-fixed.toolbar-tray-open {
- & .primary-nav__menu--level-2 {
- max-height: calc(100vh - var(--site-header-height-wide) - var(--sp) - var(--toolbar-height) - var(--toolbar-tray-height));
- }
-
- & .is-fixed .primary-nav__menu--level-2 {
- max-height: calc(100vh - var(--site-header-height-wide) - var(--sp) - var(--toolbar-height) - var(--toolbar-tray-height) + var(--sp4));
- }
- }
- }
-}
-
-/*
- * Only apply transition styles to menu when JS is loaded. This
- * works around https://bugs.chromium.org/p/chromium/issues/detail?id=332189
- */
-html.js body:not(.is-always-mobile-nav) {
- @media (--nav) {
- & .primary-nav__menu--level-2,
- & .primary-nav__menu-🥕 {
- transition: visibility 0.2s, transform 0.2s, opacity 0.2s;
- }
- }
-}
-
-[dir="rtl"] {
- & body:not(.is-always-mobile-nav) {
- @media (--nav) {
- & .primary-nav__menu-link--level-2 {
- & .primary-nav__menu-link-inner:after {
- transform-origin: right;
- }
- }
- }
- }
-}
diff --git a/web/themes/custom/rorschach/css/components/navigation/nav-primary.css b/web/themes/custom/rorschach/css/components/navigation/nav-primary.css
deleted file mode 100644
index 4cff2cc..0000000
--- a/web/themes/custom/rorschach/css/components/navigation/nav-primary.css
+++ /dev/null
@@ -1,343 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Nav Primary.
- */
-
-.primary-nav__menu {
- flex-wrap: wrap;
- list-style: none;
-}
-
-.primary-nav__menu-item {
- margin-bottom: 0.5625rem;
-}
-
-.primary-nav__menu-item:last-child {
- margin-bottom: 0;
-}
-
-.primary-nav__menu-item.primary-nav__menu-item--has-children {
- display: flex;
- flex-wrap: wrap;
- justify-content: space-between;
-}
-
-.primary-nav__menu-item.primary-nav__menu-item--has-children .primary-nav__menu-link--link,
-.primary-nav__menu-item.primary-nav__menu-item--has-children .primary-nav__menu-link--nolink {
- /* Ensure that long text doesn't make the mobile expand button wrap. */
- flex-basis: calc(100% - 3.375rem);
-}
-
-.primary-nav__menu-link {
- flex-grow: 1;
- text-decoration: none;
- color: #0d1214;
- font-size: 1.75rem;
- font-weight: bold;
- line-height: 2.25rem;
-}
-
-.primary-nav__menu-link:hover {
- color: inherit;
-}
-
-.primary-nav__menu-link:focus {
- outline: auto 2px #2494db;
- outline-offset: 2px;
-}
-
-[dir="ltr"] .primary-nav__menu-link--nolink {
- padding-left: 0;
-}
-
-[dir="rtl"] .primary-nav__menu-link--nolink {
- padding-right: 0;
-}
-
-[dir="ltr"] .primary-nav__menu-link--nolink {
- padding-right: 0;
-}
-
-[dir="rtl"] .primary-nav__menu-link--nolink {
- padding-left: 0;
-}
-
-.primary-nav__menu-link--nolink {
- padding-top: 0.5625rem;
- padding-bottom: 0.5625rem;
- color: #6e7172;
- font-weight: normal;
-}
-
-[dir="ltr"] .primary-nav__menu-link--button {
- padding-left: 0;
-}
-
-[dir="rtl"] .primary-nav__menu-link--button {
- padding-right: 0;
-}
-
-[dir="ltr"] .primary-nav__menu-link--button {
- padding-right: 0;
-}
-
-[dir="rtl"] .primary-nav__menu-link--button {
- padding-left: 0;
-}
-
-[dir="ltr"] .primary-nav__menu-link--button {
- text-align: left;
-}
-
-[dir="rtl"] .primary-nav__menu-link--button {
- text-align: right;
-}
-
-.primary-nav__menu-link--button {
- position: relative;
- padding-top: 0;
- padding-bottom: 0;
- cursor: pointer;
- border: 0;
- background: transparent;
-
- /* Plus icon for mobile navigation. */
-}
-
-[dir="ltr"] .primary-nav__menu-link--button.primary-nav__menu-link--has-children {
- padding-right: 3.375rem;
-}
-
-[dir="rtl"] .primary-nav__menu-link--button.primary-nav__menu-link--has-children {
- padding-left: 3.375rem;
-}
-
-.primary-nav__menu-link--button.primary-nav__menu-link--has-children { /* Ensure text does not overlap icon. */
-}
-
-[dir="ltr"] .primary-nav__menu-link--button.primary-nav__menu-link--has-children:before,
-[dir="ltr"] .primary-nav__menu-link--button.primary-nav__menu-link--has-children:after {
- right: 0.5625rem;
-}
-
-[dir="rtl"] .primary-nav__menu-link--button.primary-nav__menu-link--has-children:before,
-[dir="rtl"] .primary-nav__menu-link--button.primary-nav__menu-link--has-children:after {
- left: 0.5625rem;
-}
-
-.primary-nav__menu-link--button.primary-nav__menu-link--has-children:before,
-.primary-nav__menu-link--button.primary-nav__menu-link--has-children:after {
- position: absolute;
- top: 1.625rem; /* Visually align button with menu link text. */
- width: 1.125rem;
- height: 0;
- content: "";
- /* Intentionally not using CSS logical properties. */
- border-top: solid 3px #2494db;
-}
-
-.primary-nav__menu-link--button.primary-nav__menu-link--has-children:after {
- transition: opacity 0.2s;
- transform: rotate(90deg);
-}
-
-.primary-nav__menu-link--button.primary-nav__menu-link--has-children[aria-expanded="true"]:after {
- opacity: 0;
-}
-
-[dir="ltr"] .primary-nav__menu-link-inner {
- padding-left: 0;
-}
-
-[dir="rtl"] .primary-nav__menu-link-inner {
- padding-right: 0;
-}
-
-[dir="ltr"] .primary-nav__menu-link-inner {
- padding-right: 0;
-}
-
-[dir="rtl"] .primary-nav__menu-link-inner {
- padding-left: 0;
-}
-
-.primary-nav__menu-link-inner {
- position: relative;
- display: inline-flex;
- align-items: center;
- padding-top: 0.5625rem;
- padding-bottom: 0.5625rem;
-}
-
-[dir="ltr"] .primary-nav__menu-link-inner:after {
- left: 0;
-}
-
-[dir="rtl"] .primary-nav__menu-link-inner:after {
- right: 0;
-}
-
-.primary-nav__menu-link-inner:after {
- position: absolute;
- bottom: 0;
- width: 100%;
- height: 0;
- content: "";
- transition: transform 0.2s;
- transform: scaleX(0);
- transform-origin: left;
- /* Intentionally not using CSS logical properties. */
- border-top: solid 5px #2494db;
-}
-
-.primary-nav__menu-link:hover .primary-nav__menu-link-inner:after {
- transform: scaleX(1);
-}
-
-/*
- Top level specific styles.
-*/
-
-[dir="ltr"] .primary-nav__menu--level-1 {
- margin-left: 0;
-}
-
-[dir="rtl"] .primary-nav__menu--level-1 {
- margin-right: 0;
-}
-
-[dir="ltr"] .primary-nav__menu--level-1 {
- margin-right: 0;
-}
-
-[dir="rtl"] .primary-nav__menu--level-1 {
- margin-left: 0;
-}
-
-[dir="ltr"] .primary-nav__menu--level-1 {
- padding-left: 0;
-}
-
-[dir="rtl"] .primary-nav__menu--level-1 {
- padding-right: 0;
-}
-
-[dir="ltr"] .primary-nav__menu--level-1 {
- padding-right: 0;
-}
-
-[dir="rtl"] .primary-nav__menu--level-1 {
- padding-left: 0;
-}
-
-.primary-nav__menu--level-1 {
- margin-top: 0;
- margin-bottom: 0;
- padding-top: 0;
- padding-bottom: 0;
-}
-
-.primary-nav__menu-link--level-1 {
- position: relative;
- display: flex;
- letter-spacing: -1px;
-}
-
-/*
- Secondary menu specific styles.
-*/
-
-[dir="ltr"] .primary-nav__menu--level-2 {
- margin-left: -1.125rem;
-}
-
-[dir="rtl"] .primary-nav__menu--level-2 {
- margin-right: -1.125rem;
-}
-
-[dir="ltr"] .primary-nav__menu--level-2 {
- padding-left: 2.8125rem;
-}
-
-[dir="rtl"] .primary-nav__menu--level-2 {
- padding-right: 2.8125rem;
-}
-
-[dir="ltr"] .primary-nav__menu--level-2 {
- border-left: solid 1.125rem #2494db;
-}
-
-[dir="rtl"] .primary-nav__menu--level-2 {
- border-right: solid 1.125rem #2494db;
-}
-
-.primary-nav__menu--level-2 {
- visibility: hidden;
- overflow: hidden;
- flex-basis: 100%;
- max-height: 0;
- margin-top: 0;
- margin-bottom: 0;
- transition: opacity 0.2s, visibility 0.2s, max-height 0.2s;
- opacity: 0;
-}
-
-.primary-nav__menu--level-2.is-active-menu-parent {
- visibility: visible;
- max-height: none;
- margin-top: 1.6875rem;
- opacity: 1;
-}
-
-@media (min-width: 43.75rem) {
-
- [dir="ltr"] .primary-nav__menu--level-2 {
- margin-left: -3.375rem;
- }
-
- [dir="rtl"] .primary-nav__menu--level-2 {
- margin-right: -3.375rem;
- }
-
- [dir="ltr"] .primary-nav__menu--level-2 {
- padding-left: 3.375rem;
- }
-
- [dir="rtl"] .primary-nav__menu--level-2 {
- padding-right: 3.375rem;
- }
-}
-
-/*
- * Olivero doesn't officially support nested tertiary submenus, but this
- * ensures that it doesn't break all the way.
- *
- * @see https://www.drupal.org/project/drupal/issues/3221399
- */
-
-.primary-nav__menu--level-2 .primary-nav__menu-item--has-children {
- display: block;
-}
-
-.primary-nav__menu-link--level-2 {
- font-size: 1rem;
- font-weight: normal;
- line-height: 1.125rem;
-}
-
-html:not(.js) .primary-nav__menu--level-2 {
- visibility: visible;
- max-height: none;
- opacity: 1;
-}
-
-[dir="rtl"] .primary-nav__menu-link-inner:after {
- transform-origin: right;
-}
diff --git a/web/themes/custom/rorschach/css/components/navigation/nav-primary.pcss.css b/web/themes/custom/rorschach/css/components/navigation/nav-primary.pcss.css
deleted file mode 100644
index cc7550e..0000000
--- a/web/themes/custom/rorschach/css/components/navigation/nav-primary.pcss.css
+++ /dev/null
@@ -1,201 +0,0 @@
-/**
- * @file
- * Nav Primary.
- */
-
-@import "../../base/variables.pcss.css";
-
-.primary-nav__menu {
- flex-wrap: wrap;
- list-style: none;
-}
-
-.primary-nav__menu-item {
- margin-block-end: var(--sp0-5);
-
- &:last-child {
- margin-block-end: 0;
- }
-
- &.primary-nav__menu-item--has-children {
- display: flex;
- flex-wrap: wrap;
- justify-content: space-between;
-
- & .primary-nav__menu-link--link,
- & .primary-nav__menu-link--nolink {
- /* Ensure that long text doesn't make the mobile expand button wrap. */
- flex-basis: calc(100% - var(--sp3));
- }
- }
-}
-
-.primary-nav__menu-link {
- flex-grow: 1;
- text-decoration: none;
- color: var(--color--gray-0);
- font-size: 28px;
- font-weight: bold;
- line-height: var(--sp2);
-
- &:hover {
- color: inherit;
- }
-
- &:focus {
- outline: auto 2px var(--color--blue-50);
- outline-offset: 2px;
- }
-}
-
-.primary-nav__menu-link--nolink {
- padding-block: var(--sp0-5);
- padding-inline-start: 0;
- padding-inline-end: 0;
- color: var(--color--gray-20);
- font-weight: normal;
-}
-
-.primary-nav__menu-link--button {
- position: relative;
- padding-block: 0;
- padding-inline-start: 0;
- padding-inline-end: 0;
- cursor: pointer;
- text-align: start;
- border: 0;
- background: transparent;
-
- /* Plus icon for mobile navigation. */
- &.primary-nav__menu-link--has-children {
- padding-inline-end: var(--sp3); /* Ensure text does not overlap icon. */
-
- &:before,
- &:after {
- position: absolute;
- inset-inline-end: 9px;
- inset-block-start: calc(var(--sp0-5) + 17px); /* Visually align button with menu link text. */
- width: 18px;
- height: 0;
- content: "";
- /* Intentionally not using CSS logical properties. */
- border-top: solid 3px var(--color--blue-50);
- }
-
- &:after {
- transition: opacity 0.2s;
- transform: rotate(90deg);
- }
-
- &[aria-expanded="true"]:after {
- opacity: 0;
- }
- }
-}
-
-.primary-nav__menu-link-inner {
- position: relative;
- display: inline-flex;
- align-items: center;
- padding-block: var(--sp0-5);
- padding-inline-start: 0;
- padding-inline-end: 0;
-
- &:after {
- position: absolute;
- inset-block-end: 0;
- inset-inline-start: 0;
- width: 100%;
- height: 0;
- content: "";
- transition: transform 0.2s;
- transform: scaleX(0);
- transform-origin: left;
- /* Intentionally not using CSS logical properties. */
- border-top: solid 5px var(--color--blue-50);
- }
-
- &:after {
- @nest .primary-nav__menu-link:hover & {
- transform: scaleX(1);
- }
- }
-}
-
-/*
- Top level specific styles.
-*/
-.primary-nav__menu--level-1 {
- margin-block: 0;
- margin-inline-start: 0;
- margin-inline-end: 0;
- padding-block: 0;
- padding-inline-start: 0;
- padding-inline-end: 0;
-}
-
-.primary-nav__menu-link--level-1 {
- position: relative;
- display: flex;
- letter-spacing: -1px;
-}
-
-/*
- Secondary menu specific styles.
-*/
-.primary-nav__menu--level-2 {
- visibility: hidden;
- overflow: hidden;
- flex-basis: 100%;
- max-height: 0;
- margin-block: 0;
- margin-inline-start: calc(-1 * var(--sp));
- padding-inline-start: var(--sp2-5);
- transition: opacity 0.2s, visibility 0.2s, max-height 0.2s;
- opacity: 0;
- border-inline-start: solid var(--sp) var(--color--blue-50);
-
- &.is-active-menu-parent {
- visibility: visible;
- max-height: none;
- margin-block-start: var(--sp1-5);
- opacity: 1;
- }
-
- @media (--md) {
- margin-inline-start: calc(-1 * var(--sp3));
- padding-inline-start: var(--sp3);
- }
-}
-
-/*
- * Olivero doesn't officially support nested tertiary submenus, but this
- * ensures that it doesn't break all the way.
- *
- * @see https://www.drupal.org/project/drupal/issues/3221399
- */
-.primary-nav__menu--level-2 .primary-nav__menu-item--has-children {
- display: block;
-}
-
-.primary-nav__menu-link--level-2 {
- font-size: 16px;
- font-weight: normal;
- line-height: var(--sp);
-}
-
-html:not(.js) {
- & .primary-nav__menu--level-2 {
- visibility: visible;
- max-height: none;
- opacity: 1;
- }
-}
-
-[dir="rtl"] {
- & .primary-nav__menu-link-inner {
- &:after {
- transform-origin: right;
- }
- }
-}
diff --git a/web/themes/custom/rorschach/css/components/navigation/nav-secondary.css b/web/themes/custom/rorschach/css/components/navigation/nav-secondary.css
deleted file mode 100644
index 646ca0c..0000000
--- a/web/themes/custom/rorschach/css/components/navigation/nav-secondary.css
+++ /dev/null
@@ -1,167 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Secondary navigation styling.
- */
-
-.secondary-nav {
- letter-spacing: 0.02em;
- font-size: 0.875rem;
- font-weight: 600;
-}
-
-[dir="ltr"] .secondary-nav__menu {
- margin-left: 0;
-}
-
-[dir="rtl"] .secondary-nav__menu {
- margin-right: 0;
-}
-
-[dir="ltr"] .secondary-nav__menu {
- margin-right: 0;
-}
-
-[dir="rtl"] .secondary-nav__menu {
- margin-left: 0;
-}
-
-[dir="ltr"] .secondary-nav__menu {
- padding-left: 0;
-}
-
-[dir="rtl"] .secondary-nav__menu {
- padding-right: 0;
-}
-
-[dir="ltr"] .secondary-nav__menu {
- padding-right: 0;
-}
-
-[dir="rtl"] .secondary-nav__menu {
- padding-left: 0;
-}
-
-.secondary-nav__menu {
- display: flex;
- align-items: center;
- margin-top: 0;
- margin-bottom: 0;
- padding-top: 0;
- padding-bottom: 0;
- list-style: none;
-}
-
-.secondary-nav__menu-item {
- /* Parent element is set to flex-basis: 0. We
- * don't want text to wrap unless it goes over a
- * certain arbitrary width.
- */
-
- /* @todo should this be scoped to desktop nav? */
- width: max-content;
- max-width: 12.5rem;
-}
-
-[dir="ltr"] .secondary-nav__menu-item:not(:last-child) {
- margin-right: 1.6875rem;
-}
-
-[dir="rtl"] .secondary-nav__menu-item:not(:last-child) {
- margin-left: 1.6875rem;
-}
-
-.secondary-nav__menu-link {
- position: relative;
- display: inline-flex;
- align-items: center;
- height: 2.25rem;
- text-decoration: none;
- color: inherit;
-}
-
-.secondary-nav__menu-link:after {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 0;
- content: "";
- transition: opacity 0.2s, transform 0.2s;
- transform: translateY(0.3125rem);
- opacity: 0;
- /* Intentionally not using CSS logical properties. */
- border-top: solid 2px currentColor;
-}
-
-.secondary-nav__menu-link:hover:after {
- transform: translateY(0);
- opacity: 0.8;
-}
-
-@media (min-width: 75rem) {
- [dir="ltr"] body:not(.is-always-mobile-nav) .secondary-nav {
- margin-left: 1.125rem;
- }
- [dir="rtl"] body:not(.is-always-mobile-nav) .secondary-nav {
- margin-right: 1.125rem;
- }
- [dir="ltr"] body:not(.is-always-mobile-nav) .secondary-nav {
- padding-left: 2.25rem;
- }
- [dir="rtl"] body:not(.is-always-mobile-nav) .secondary-nav {
- padding-right: 2.25rem;
- }
- body:not(.is-always-mobile-nav) .secondary-nav {
- position: relative;
- display: flex;
- }
-
- [dir="ltr"] body:not(.is-always-mobile-nav) .secondary-nav:before {
- left: 0;
- }
-
- [dir="rtl"] body:not(.is-always-mobile-nav) .secondary-nav:before {
- right: 0;
- }
-
- body:not(.is-always-mobile-nav) .secondary-nav:before {
- position: absolute;
- top: 50%;
- width: 2px;
- height: 2.25rem;
- content: "";
- transform: translateY(-50%);
- background-color: #d7e1e8;
- }
-
- [dir="ltr"] body:not(.is-always-mobile-nav) .secondary-nav__menu-item:not(:last-child) {
- margin-right: 2.25rem;
- }
-
- [dir="rtl"] body:not(.is-always-mobile-nav) .secondary-nav__menu-item:not(:last-child) {
- margin-left: 2.25rem;
- }
- body:not(.is-always-mobile-nav) .secondary-nav__menu-link:focus {
- position: relative;
- outline: 0;
- }
-
- body:not(.is-always-mobile-nav) .secondary-nav__menu-link:focus:before {
- position: absolute;
- top: 50%;
- left: 50%;
- width: calc(100% + 1.125rem);
- height: 3.375rem;
- content: "";
- transform: translate(-50%, -50%);
- border: solid 2px #2494db;
- border-radius: 0.25rem;
- }
-}
diff --git a/web/themes/custom/rorschach/css/components/navigation/nav-secondary.pcss.css b/web/themes/custom/rorschach/css/components/navigation/nav-secondary.pcss.css
deleted file mode 100644
index 9929091..0000000
--- a/web/themes/custom/rorschach/css/components/navigation/nav-secondary.pcss.css
+++ /dev/null
@@ -1,114 +0,0 @@
-/**
- * @file
- * Secondary navigation styling.
- */
-
-@import "../../base/variables.pcss.css";
-
-.secondary-nav {
- letter-spacing: 0.02em;
- font-size: var(--font-size-s);
- font-weight: 600;
-}
-
-.secondary-nav__menu {
- display: flex;
- align-items: center;
- margin-block: 0;
- margin-inline-start: 0;
- margin-inline-end: 0;
- padding-block: 0;
- padding-inline-start: 0;
- padding-inline-end: 0;
- list-style: none;
-}
-
-.secondary-nav__menu-item {
- /* Parent element is set to flex-basis: 0. We
- * don't want text to wrap unless it goes over a
- * certain arbitrary width.
- */
-
- /* @todo should this be scoped to desktop nav? */
- width: max-content;
- max-width: 200px;
-
- &:not(:last-child) {
- margin-inline-end: var(--sp1-5);
- }
-}
-
-.secondary-nav__menu-link {
- position: relative;
- display: inline-flex;
- align-items: center;
- height: var(--sp2);
- text-decoration: none;
- color: inherit;
-
- &:after {
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 0;
- content: "";
- transition: opacity 0.2s, transform 0.2s;
- transform: translateY(5px);
- opacity: 0;
- /* Intentionally not using CSS logical properties. */
- border-top: solid 2px currentColor;
- }
-
- &:hover {
- &:after {
- transform: translateY(0);
- opacity: 0.8;
- }
- }
-}
-
-body:not(.is-always-mobile-nav) {
- @media (--nav) {
- & .secondary-nav {
- position: relative;
- display: flex;
- margin-inline-start: var(--sp);
- padding-inline-start: var(--sp2);
-
- &:before {
- position: absolute;
- inset-block-start: 50%;
- inset-inline-start: 0;
- width: 2px;
- height: var(--sp2);
- content: "";
- transform: translateY(-50%);
- background-color: var(--color--gray-70);
- }
- }
-
- & .secondary-nav__menu-item:not(:last-child) {
- margin-inline-end: var(--sp2);
- }
-
- & .secondary-nav__menu-link {
- &:focus {
- position: relative;
- outline: 0;
-
- &:before {
- position: absolute;
- top: 50%;
- left: 50%;
- width: calc(100% + var(--sp));
- height: var(--sp3);
- content: "";
- transform: translate(-50%, -50%);
- border: solid 2px var(--color--blue-50);
- border-radius: 4px;
- }
- }
- }
- }
-}
diff --git a/web/themes/custom/rorschach/css/components/navigation/wide-nav-expand.css b/web/themes/custom/rorschach/css/components/navigation/wide-nav-expand.css
deleted file mode 100644
index 068f7ec..0000000
--- a/web/themes/custom/rorschach/css/components/navigation/wide-nav-expand.css
+++ /dev/null
@@ -1,139 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Button which expands the navigation at wide viewport widths.
- */
-
-.wide-nav-expand {
- display: none;
-}
-
-@media (min-width: 75rem) {
-
- .wide-nav-expand {
- display: flex;
- visibility: hidden;
- flex-shrink: 0;
- align-items: center;
- justify-content: center;
- width: 5.625rem;
- height: 6.75rem;
- cursor: pointer;
- pointer-events: auto;
- color: #fff;
- border: 0;
- background-color: #2494db;
- }
-
- .wide-nav-expand:focus {
- outline: solid 2px currentColor;
- outline-offset: -4px;
- }
-}
-
-@media (min-width: 75rem) {
-
- body:not(.is-always-mobile-nav) .is-fixed .wide-nav-expand {
- visibility: visible;
- }
-}
-
-@media (min-width: 75rem) {
-
- body.is-always-mobile-nav .wide-nav-expand {
- visibility: hidden;
- }
-}
-
-.wide-nav-expand__icon {
- position: relative;
- width: 2.25rem;
- height: 1.3125rem;
- transition: opacity 0.2s;
- pointer-events: none;
- opacity: 0;
- transform-style: preserve-3d;
-}
-
-.wide-nav-expand__icon > span {
- display: block;
- height: 0;
- /* Intentionally not using CSS logical properties. */
- border-top: solid 3px currentColor;
-}
-
-[dir="ltr"] .wide-nav-expand__icon > span:nth-child(1) {
- left: 0;
-}
-
-[dir="rtl"] .wide-nav-expand__icon > span:nth-child(1) {
- right: 0;
-}
-
-.wide-nav-expand__icon > span:nth-child(1) {
- position: absolute;
- top: 0;
- width: 100%;
- height: 0;
- transition: transform 0.2s;
- background-color: currentColor;
-}
-
-[dir="ltr"] .wide-nav-expand__icon > span:nth-child(2) {
- left: 0;
-}
-
-[dir="rtl"] .wide-nav-expand__icon > span:nth-child(2) {
- right: 0;
-}
-
-.wide-nav-expand__icon > span:nth-child(2) {
- position: absolute;
- top: 0.5625rem;
- width: 100%;
- height: 0;
- transition: opacity 0.2s;
- background-color: currentColor;
-}
-
-[dir="ltr"] .wide-nav-expand__icon > span:nth-child(3) {
- left: 0;
-}
-
-[dir="rtl"] .wide-nav-expand__icon > span:nth-child(3) {
- right: 0;
-}
-
-.wide-nav-expand__icon > span:nth-child(3) {
- position: absolute;
- top: auto;
- bottom: 0;
- width: 100%;
- height: 0;
- transition: transform 0.2s;
- background-color: currentColor;
-}
-
-.is-fixed .wide-nav-expand__icon {
- opacity: 1;
-}
-
-[aria-expanded="true"] .wide-nav-expand__icon > span:nth-child(1) {
- top: 0.5625rem;
- transform: rotate(-45deg);
-}
-
-[aria-expanded="true"] .wide-nav-expand__icon > span:nth-child(2) {
- opacity: 0;
-}
-
-[aria-expanded="true"] .wide-nav-expand__icon > span:nth-child(3) {
- top: 0.5625rem;
- transform: rotate(45deg);
-}
diff --git a/web/themes/custom/rorschach/css/components/navigation/wide-nav-expand.pcss.css b/web/themes/custom/rorschach/css/components/navigation/wide-nav-expand.pcss.css
deleted file mode 100644
index d23be8a..0000000
--- a/web/themes/custom/rorschach/css/components/navigation/wide-nav-expand.pcss.css
+++ /dev/null
@@ -1,109 +0,0 @@
-/**
- * @file
- * Button which expands the navigation at wide viewport widths.
- */
-
-@import "../../base/variables.pcss.css";
-
-.wide-nav-expand {
- display: none;
-
- @media (--nav) {
- display: flex;
- visibility: hidden;
- flex-shrink: 0;
- align-items: center;
- justify-content: center;
- width: var(--content-left);
- height: var(--sp6);
- cursor: pointer;
- pointer-events: auto;
- color: var(--color--white);
- border: 0;
- background-color: var(--color--blue-50);
-
- &:focus {
- outline: solid 2px currentColor;
- outline-offset: -4px;
- }
- }
-}
-
-body:not(.is-always-mobile-nav) .is-fixed .wide-nav-expand {
- @media (--nav) {
- visibility: visible;
- }
-}
-
-body.is-always-mobile-nav .wide-nav-expand {
- @media (--nav) {
- visibility: hidden;
- }
-}
-
-.wide-nav-expand__icon {
- position: relative;
- width: var(--sp2);
- height: 21px;
- transition: opacity 0.2s;
- pointer-events: none;
- opacity: 0;
- transform-style: preserve-3d;
-
- & > span {
- display: block;
- height: 0;
- /* Intentionally not using CSS logical properties. */
- border-top: solid 3px currentColor;
-
- &:nth-child(1) {
- position: absolute;
- inset-block-start: 0;
- inset-inline-start: 0;
- width: 100%;
- height: 0;
- transition: transform 0.2s;
- background-color: currentColor;
- }
-
- &:nth-child(2) {
- position: absolute;
- inset-block-start: 9px;
- inset-inline-start: 0;
- width: 100%;
- height: 0;
- transition: opacity 0.2s;
- background-color: currentColor;
- }
-
- &:nth-child(3) {
- position: absolute;
- inset-block: auto 0;
- inset-inline-start: 0;
- width: 100%;
- height: 0;
- transition: transform 0.2s;
- background-color: currentColor;
- }
- }
-}
-
-.is-fixed .wide-nav-expand__icon {
- opacity: 1;
-}
-
-[aria-expanded="true"] .wide-nav-expand__icon {
- & > span:nth-child(1) {
- inset-block-start: 9px;
- transform: rotate(-45deg);
- }
-
- & > span:nth-child(2) {
- opacity: 0;
- }
-
- & > span:nth-child(3) {
- inset-block-start: 9px;
- transform: rotate(45deg);
- }
-}
diff --git a/web/themes/custom/rorschach/css/components/node-preview-container.css b/web/themes/custom/rorschach/css/components/node-preview-container.css
deleted file mode 100644
index 209ce40..0000000
--- a/web/themes/custom/rorschach/css/components/node-preview-container.css
+++ /dev/null
@@ -1,69 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Node preview container styling.
- */
-
-[dir="ltr"] .node-preview-container {
- padding-left: 0.5625rem;
-}
-
-[dir="rtl"] .node-preview-container {
- padding-right: 0.5625rem;
-}
-
-[dir="ltr"] .node-preview-container {
- padding-right: 0.5625rem;
-}
-
-[dir="rtl"] .node-preview-container {
- padding-left: 0.5625rem;
-}
-
-.node-preview-container {
- padding-top: 0;
- padding-bottom: 0;
- background: #fff;
- box-shadow: -36px 1px 36px rgba(0, 0, 0, 0.08); /* LTR */
-}
-
-[dir="rtl"] .node-preview-container {
- box-shadow: 36px 1px 36px rgba(0, 0, 0, 0.08);
-}
-
-body.toolbar-vertical.toolbar-tray-open .node-preview-container {
- max-width: calc(100vw - 15.875rem);
-}
-
-.node-preview-form-select {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
-}
-
-[dir="ltr"] .node-preview-backlink {
- margin-left: 0;
-}
-
-[dir="rtl"] .node-preview-backlink {
- margin-right: 0;
-}
-
-[dir="ltr"] .node-preview-backlink {
- margin-right: auto;
-}
-
-[dir="rtl"] .node-preview-backlink {
- margin-left: auto;
-}
-
-.node-preview-backlink {
- margin-top: 0.5625rem;
- margin-bottom: 0.5625rem;
-}
diff --git a/web/themes/custom/rorschach/css/components/node-preview-container.pcss.css b/web/themes/custom/rorschach/css/components/node-preview-container.pcss.css
deleted file mode 100644
index 53e1f1d..0000000
--- a/web/themes/custom/rorschach/css/components/node-preview-container.pcss.css
+++ /dev/null
@@ -1,34 +0,0 @@
-/**
- * @file
- * Node preview container styling.
- */
-
-@import "../base/variables.pcss.css";
-
-.node-preview-container {
- padding-block: 0;
- padding-inline-start: var(--sp0-5);
- padding-inline-end: var(--sp0-5);
- background: var(--color--white);
- box-shadow: -36px 1px 36px rgba(0, 0, 0, 0.08); /* LTR */
-}
-
-[dir="rtl"] .node-preview-container {
- box-shadow: 36px 1px 36px rgba(0, 0, 0, 0.08);
-}
-
-body.toolbar-vertical.toolbar-tray-open .node-preview-container {
- max-width: calc(100vw - var(--toolbar-tray-vertical-width) - var(--scrollbar-width));
-}
-
-.node-preview-form-select {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
-}
-
-.node-preview-backlink {
- margin-block: var(--sp0-5);
- margin-inline-start: 0;
- margin-inline-end: auto;
-}
diff --git a/web/themes/custom/rorschach/css/components/node-teaser.css b/web/themes/custom/rorschach/css/components/node-teaser.css
deleted file mode 100644
index 78de8d2..0000000
--- a/web/themes/custom/rorschach/css/components/node-teaser.css
+++ /dev/null
@@ -1,224 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Node Teaser specific styles.
- */
-
-.node--view-mode-teaser {
- position: relative; /* Anchor after pseudo-element. */
- margin-bottom: 1.6875rem;
-}
-
-.node--view-mode-teaser:after {
- position: absolute;
- bottom: 0;
- width: 3.375rem;
- height: 0;
- content: "";
- /* Intentionally not using CSS logical properties. */
- border-top: solid 2px #e7edf1;
-}
-
-.node--view-mode-teaser .node__meta {
- margin-bottom: 1.125rem;
-}
-
-.node--view-mode-teaser .node__meta a {
- color: #0d77b5;
- font-weight: bold;
-}
-
-.node--view-mode-teaser .node__top-wrapper {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- margin: 0;
-}
-
-@media (min-width: 62.5rem) {
-
- .node--view-mode-teaser .node__top-wrapper {
- position: relative; /* Anchor the image */
- }
-}
-
-[dir="ltr"] .node--view-mode-teaser .primary-image {
- margin-right: 1.125rem;
-}
-
-[dir="rtl"] .node--view-mode-teaser .primary-image {
- margin-left: 1.125rem;
-}
-
-.node--view-mode-teaser .primary-image {
- flex-shrink: 0;
- margin: 0;
- margin-bottom: 1.125rem;
-
- /* Ensure title does not wrap under image until necessary. */
-}
-
-.node--view-mode-teaser .primary-image + .node__title {
- flex-basis: calc(100% - 5.0625rem);
-}
-
-@media (min-width: 62.5rem) {
-
- .node--view-mode-teaser .primary-image + .node__title {
- flex-basis: auto;
- }
-}
-
-.node--view-mode-teaser .primary-image a {
- display: block;
-}
-
-.node--view-mode-teaser .primary-image img {
- width: 3.9375rem;
- height: 3.9375rem;
- object-fit: cover;
- border-radius: 50%;
-}
-
-@media (min-width: 62.5rem) {
-
- .node--view-mode-teaser .primary-image img {
- width: calc(7.14286vw - 2.31696rem);
- height: calc(7.14286vw - 2.31696rem);
- }
-}
-
-@media (min-width: 75rem) {
-
- .node--view-mode-teaser .primary-image img {
- width: calc(7.14286vw - 2.87946rem);
- height: calc(7.14286vw - 2.87946rem);
- }
-}
-
-@media (min-width: 90rem) {
-
- .node--view-mode-teaser .primary-image img {
- width: 3.61607rem;
- height: 3.61607rem;
- }
-}
-
-@media (min-width: 62.5rem) {
-
- [dir="ltr"] .node--view-mode-teaser .primary-image {
- left: calc(-7.14286vw - -0.06696rem);
- }
-
- [dir="rtl"] .node--view-mode-teaser .primary-image {
- right: calc(-7.14286vw - -0.06696rem);
- }
-
- .node--view-mode-teaser .primary-image {
- position: absolute;
- top: 0;
- margin: 0;
- }
-}
-
-@media (min-width: 75rem) {
-
- [dir="ltr"] .node--view-mode-teaser .primary-image {
- left: calc(-7.14286vw - -0.62946rem);
- }
-
- [dir="rtl"] .node--view-mode-teaser .primary-image {
- right: calc(-7.14286vw - -0.62946rem);
- }
-}
-
-@media (min-width: 90rem) {
-
- [dir="ltr"] .node--view-mode-teaser .primary-image {
- left: -5.86607rem;
- }
-
- [dir="rtl"] .node--view-mode-teaser .primary-image {
- right: -5.86607rem;
- }
-}
-
-.node--view-mode-teaser .node__title {
- margin: 0;
- margin-bottom: 1.125rem;
- color: #0d1214;
- font-size: 1.5rem;
- line-height: 1.6875rem;
-}
-
-@media (min-width: 62.5rem) {
-
- .node--view-mode-teaser .node__title {
- font-size: 2.25rem;
- line-height: 3.375rem;
- }
-}
-
-[dir="ltr"] .node--view-mode-teaser .field--tag-ref {
- margin-left: 0;
-}
-
-[dir="rtl"] .node--view-mode-teaser .field--tag-ref {
- margin-right: 0;
-}
-
-[dir="ltr"] .node--view-mode-teaser .field--tag-ref {
- margin-right: 0;
-}
-
-[dir="rtl"] .node--view-mode-teaser .field--tag-ref {
- margin-left: 0;
-}
-
-[dir="ltr"] .node--view-mode-teaser .field--tag-ref {
- padding-left: 0;
-}
-
-[dir="rtl"] .node--view-mode-teaser .field--tag-ref {
- padding-right: 0;
-}
-
-[dir="ltr"] .node--view-mode-teaser .field--tag-ref {
- padding-right: 0;
-}
-
-[dir="rtl"] .node--view-mode-teaser .field--tag-ref {
- padding-left: 0;
-}
-
-.node--view-mode-teaser .field--tag-ref {
- margin-top: 1.125rem;
- margin-bottom: 0;
- padding-top: 0;
- padding-bottom: 0;
- background-color: transparent;
-}
-
-@media (min-width: 62.5rem) {
-
- .node--view-mode-teaser .field--tag-ref {
- margin-top: 2.25rem;
- }
-}
-
-@media (min-width: 62.5rem) {
-
- .node--view-mode-teaser {
- margin-bottom: 3.375rem;
- }
-}
-
-.views-row:last-child .node--view-mode-teaser {
- margin-bottom: 0;
-}
diff --git a/web/themes/custom/rorschach/css/components/node-teaser.pcss.css b/web/themes/custom/rorschach/css/components/node-teaser.pcss.css
deleted file mode 100644
index 82335fa..0000000
--- a/web/themes/custom/rorschach/css/components/node-teaser.pcss.css
+++ /dev/null
@@ -1,134 +0,0 @@
-/**
- * @file
- * Node Teaser specific styles.
- */
-
-@import "../base/variables.pcss.css";
-
-.node--view-mode-teaser {
- position: relative; /* Anchor after pseudo-element. */
- margin-block-end: var(--sp1-5);
-
- &:after {
- position: absolute;
- inset-block-end: 0;
- width: var(--sp3);
- height: 0;
- content: "";
- /* Intentionally not using CSS logical properties. */
- border-top: solid 2px var(--color--gray-80);
- }
-
- & .node__meta {
- margin-block-end: var(--sp);
-
- & a {
- color: var(--color--blue-20);
- font-weight: bold;
- }
- }
-
- & .node__top-wrapper {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- margin: 0;
-
- @media (--lg) {
- position: relative; /* Anchor the image */
- }
- }
-
- & .primary-image {
- flex-shrink: 0;
- margin: 0;
- margin-block-end: var(--sp1);
- margin-inline-end: var(--sp1);
-
- /* Ensure title does not wrap under image until necessary. */
- & + .node__title {
- flex-basis: calc(100% - calc(4.5 * var(--sp)));
-
- @media (--lg) {
- flex-basis: auto;
- }
- }
-
- & a {
- display: block;
- }
-
- & img {
- width: calc(3.5 * var(--sp));
- height: calc(3.5 * var(--sp));
- object-fit: cover;
- border-radius: 50%;
-
- @media (--lg) {
- width: var(--grid-col-width--lg);
- height: var(--grid-col-width--lg);
- }
-
- @media (--nav) {
- width: var(--grid-col-width--nav);
- height: var(--grid-col-width--nav);
- }
-
- @media (--grid-max) {
- width: var(--grid-col-width--max);
- height: var(--grid-col-width--max);
- }
- }
-
- @media (--lg) {
- position: absolute;
- inset-block-start: 0;
- inset-inline-start: calc(-1 * ((var(--grid-col-width--lg) + var(--grid-gap--lg))));
- margin: 0;
- }
-
- @media (--nav) {
- inset-inline-start: calc(-1 * ((var(--grid-col-width--nav) + var(--grid-gap--nav))));
- }
-
- @media (--grid-max) {
- inset-inline-start: calc(-1 * ((var(--grid-col-width--max) + var(--grid-gap--max))));
- }
- }
-
- & .node__title {
- margin: 0;
- margin-block-end: var(--sp1);
- color: var(--color--gray-0);
- font-size: 24px;
- line-height: var(--line-height-base);
-
- @media (--lg) {
- font-size: var(--sp2);
- line-height: var(--sp3);
- }
- }
-
- & .field--tag-ref {
- margin-block-start: var(--sp1);
- margin-block-end: 0;
- margin-inline-start: 0;
- margin-inline-end: 0;
- padding-block: 0;
- padding-inline-start: 0;
- padding-inline-end: 0;
- background-color: transparent;
-
- @media (--lg) {
- margin-block-start: var(--sp2);
- }
- }
-
- @media (--lg) {
- margin-block-end: var(--sp3);
- }
-}
-
-.views-row:last-child .node--view-mode-teaser {
- margin-block-end: 0;
-}
diff --git a/web/themes/custom/rorschach/css/components/node.css b/web/themes/custom/rorschach/css/components/node.css
deleted file mode 100644
index b98bd9d..0000000
--- a/web/themes/custom/rorschach/css/components/node.css
+++ /dev/null
@@ -1,83 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Node specific styles.
- */
-
-.node__meta {
- display: flex;
- align-items: center;
- margin-bottom: 1.125rem;
- color: #6e7172;
- font-size: 0.875rem;
- line-height: 1.125rem;
-}
-
-.node__meta a {
- font-weight: bold;
-}
-
-@media (min-width: 31.25rem) {
-
- .node__meta {
- margin-bottom: 2.25rem;
- }
-}
-
-[dir="ltr"] .node__author-image img {
- margin-right: 0.5625rem;
-}
-
-[dir="rtl"] .node__author-image img {
- margin-left: 0.5625rem;
-}
-
-.node__author-image img {
- width: 2.8125rem;
- height: 2.8125rem;
- object-fit: cover;
- border-radius: 50%;
-}
-
-.node__title a {
- padding-bottom: 0.1875rem;
- transition: background-size 0.2s, color 0.2s;
- text-decoration: none;
- color: #0d1214;
- background-color: transparent;
- background-image: linear-gradient(#2494db, #2494db); /* Two values are needed for IE11 support. */
- background-repeat: no-repeat;
- background-position: bottom left; /* LTR */
- background-size: 0 0.1875rem;
-}
-
-.node__title a:hover,
-.node__title a:focus {
- color: #0d77b5;
-}
-
-[dir="rtl"] .node__title {
- background-position: bottom right;
-}
-
-.node__content {
- padding-bottom: 1.6875rem;
-}
-
-@media (min-width: 62.5rem) {
-
- .node__content {
- padding-bottom: 3.375rem;
- }
-}
-
-.node--unpublished {
- /* There is no variable for the color - #fff4f4. */
- background-color: #fff4f4;
-}
diff --git a/web/themes/custom/rorschach/css/components/node.pcss.css b/web/themes/custom/rorschach/css/components/node.pcss.css
deleted file mode 100644
index 920332a..0000000
--- a/web/themes/custom/rorschach/css/components/node.pcss.css
+++ /dev/null
@@ -1,67 +0,0 @@
-/**
- * @file
- * Node specific styles.
- */
-
-@import "../base/variables.pcss.css";
-
-.node__meta {
- display: flex;
- align-items: center;
- margin-block-end: var(--sp1);
- color: var(--color--gray-20);
- font-size: 14px;
- line-height: var(--sp);
-
- & a {
- font-weight: bold;
- }
-
- @media (--sm) {
- margin-block-end: var(--sp2);
- }
-}
-
-.node__author-image img {
- width: var(--sp2-5);
- height: var(--sp2-5);
- margin-inline-end: var(--sp0-5);
- object-fit: cover;
- border-radius: 50%;
-}
-
-.node__title {
- & a {
- padding-block-end: 3px;
- transition: background-size 0.2s, color 0.2s;
- text-decoration: none;
- color: var(--color--gray-0);
- background-color: transparent;
- background-image: linear-gradient(var(--color--blue-50), var(--color--blue-50)); /* Two values are needed for IE11 support. */
- background-repeat: no-repeat;
- background-position: bottom left; /* LTR */
- background-size: 0 3px;
-
- &:hover,
- &:focus {
- color: var(--color--blue-20);
- }
- }
-}
-
-[dir="rtl"] .node__title {
- background-position: bottom right;
-}
-
-.node__content {
- padding-block-end: var(--sp1-5);
-
- @media (--lg) {
- padding-block-end: var(--sp3);
- }
-}
-
-.node--unpublished {
- /* There is no variable for the color - #fff4f4. */
- background-color: #fff4f4;
-}
diff --git a/web/themes/custom/rorschach/css/components/off-canvas.css b/web/themes/custom/rorschach/css/components/off-canvas.css
deleted file mode 100644
index cb67c0e..0000000
--- a/web/themes/custom/rorschach/css/components/off-canvas.css
+++ /dev/null
@@ -1,106 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Settings tray specific styles.
- */
-
-[dir="ltr"] #drupal-off-canvas .form-type-boolean {
- margin-left: 0;
-}
-
-[dir="rtl"] #drupal-off-canvas .form-type-boolean {
- margin-right: 0;
-}
-
-#drupal-off-canvas .form-type-boolean {
- line-height: 1.125rem;
-}
-
-#drupal-off-canvas .form-type-boolean input[type="checkbox"],
-#drupal-off-canvas .form-type-boolean input[type="radio"] {
- float: none;
- width: 0.84375rem;
- height: 0.84375rem;
- transform: none;
- vertical-align: middle;
-}
-
-[dir="ltr"] #drupal-off-canvas .form-type-boolean .form-item__description {
- margin-left: 0;
-}
-
-[dir="rtl"] #drupal-off-canvas .form-type-boolean .form-item__description {
- margin-right: 0;
-}
-
-/* Necessary for Safari. */
-
-#drupal-off-canvas .olivero-details {
- border-top: solid 1px rgba(255, 255, 255, 0.25);
- border-bottom: solid 1px rgba(255, 255, 255, 0.25);
- box-shadow: none;
-}
-
-#drupal-off-canvas .olivero-details__wrapper {
- padding: 1.25rem;
-}
-
-/* Necessary for Safari. */
-
-#drupal-off-canvas .olivero-details__summary {
- display: block;
- list-style: disc outside none;
- list-style: initial;
-}
-
-#drupal-off-canvas .olivero-details__summary:focus {
- outline: solid 1px rgba(255, 255, 255, 0.25);
-}
-
-#drupal-off-canvas .olivero-details__summary:before {
- content: none;
-}
-
-#drupal-off-canvas .olivero-details__summary::-webkit-details-marker {
- display: inline-block;
-}
-
-/* Necessary for IE11. */
-
-#drupal-off-canvas .olivero-details__summary .details-title:before {
- content: none;
-}
-
-/* Necessary for Firefox. */
-
-@supports (list-style-type: disclosure-closed) {
-
- #drupal-off-canvas .olivero-details__summary {
- display: list-item;
- list-style-position: inside;
- list-style-type: disclosure-closed;
- }
-}
-
-/* Necessary for Firefox. */
-
-@supports (list-style-type: disclosure-open) {
-
- #drupal-off-canvas .olivero-details[open] .olivero-details__summary {
- list-style-type: disclosure-open;
- }
-}
-
-/* Necessary for Safari. */
-
-#drupal-off-canvas div {
- display: block;
- color: #ddd;
- font-size: 0.875rem;
-}
diff --git a/web/themes/custom/rorschach/css/components/off-canvas.pcss.css b/web/themes/custom/rorschach/css/components/off-canvas.pcss.css
deleted file mode 100644
index 5d0c05c..0000000
--- a/web/themes/custom/rorschach/css/components/off-canvas.pcss.css
+++ /dev/null
@@ -1,81 +0,0 @@
-/**
- * @file
- * Settings tray specific styles.
- */
-
-@import "../base/variables.pcss.css";
-
-#drupal-off-canvas {
- & .form-type-boolean {
- margin-inline-start: 0;
- line-height: var(--line-height-s);
-
- & input[type="checkbox"],
- & input[type="radio"] {
- float: none;
- width: var(--sp0-75);
- height: var(--sp0-75);
- transform: none;
- vertical-align: middle;
- }
-
- & .form-item__description {
- margin-inline-start: 0;
- }
- }
-
- /* Necessary for Safari. */
- & .olivero-details {
- border-top: solid 1px rgba(255, 255, 255, 0.25);
- border-bottom: solid 1px rgba(255, 255, 255, 0.25);
- box-shadow: none;
- }
-
- & .olivero-details__wrapper {
- padding: 20px;
- }
-
- /* Necessary for Safari. */
- & .olivero-details__summary {
- display: block;
- list-style: initial;
-
- &:focus {
- outline: solid 1px rgba(255, 255, 255, 0.25);
- }
-
- &:before {
- content: none;
- }
-
- &::-webkit-details-marker {
- display: inline-block;
- }
-
- /* Necessary for IE11. */
- & .details-title:before {
- content: none;
- }
-
- /* Necessary for Firefox. */
- @supports (list-style-type: disclosure-closed) {
- display: list-item;
- list-style-position: inside;
- list-style-type: disclosure-closed;
- }
- }
-
- /* Necessary for Firefox. */
- & .olivero-details[open] .olivero-details__summary {
- @supports (list-style-type: disclosure-open) {
- list-style-type: disclosure-open;
- }
- }
-
- /* Necessary for Safari. */
- & div {
- display: block;
- color: #ddd;
- font-size: 14px;
- }
-}
diff --git a/web/themes/custom/rorschach/css/components/page-title.css b/web/themes/custom/rorschach/css/components/page-title.css
deleted file mode 100644
index e854944..0000000
--- a/web/themes/custom/rorschach/css/components/page-title.css
+++ /dev/null
@@ -1,19 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Page title.
- */
-
-.page-title {
- /*
- Necessary to properly display the star icon from core's shortcut
- module.
- */
- display: inline;
-}
diff --git a/web/themes/custom/rorschach/css/components/page-title.pcss.css b/web/themes/custom/rorschach/css/components/page-title.pcss.css
deleted file mode 100644
index 62b1336..0000000
--- a/web/themes/custom/rorschach/css/components/page-title.pcss.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/**
- * @file
- * Page title.
- */
-
-@import "../base/variables.pcss.css";
-
-.page-title {
- /*
- Necessary to properly display the star icon from core's shortcut
- module.
- */
- display: inline;
-}
diff --git a/web/themes/custom/rorschach/css/components/pager.css b/web/themes/custom/rorschach/css/components/pager.css
deleted file mode 100644
index 16ad7f0..0000000
--- a/web/themes/custom/rorschach/css/components/pager.css
+++ /dev/null
@@ -1,121 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Styles for pagination.
- */
-
-[dir="ltr"] .pager__items {
- margin-left: 0;
-}
-
-[dir="rtl"] .pager__items {
- margin-right: 0;
-}
-
-[dir="ltr"] .pager__items {
- padding-left: 0;
-}
-
-[dir="rtl"] .pager__items {
- padding-right: 0;
-}
-
-[dir="ltr"] .pager__items {
- padding-right: 0;
-}
-
-[dir="rtl"] .pager__items {
- padding-left: 0;
-}
-
-.pager__items {
- display: flex;
- flex-wrap: wrap;
- align-items: flex-end;
- margin-top: 0;
- margin-bottom: 0;
- padding-top: 0;
- padding-bottom: 0;
- list-style: none;
- font-weight: bold;
-}
-
-.pager__item {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 2.8125rem;
- height: 2.8125rem;
- cursor: default;
- color: #6e7172;
- background-color: #fff;
-}
-
-@media (min-width: 31.25rem) {
-
- .pager__item {
- width: 3.375rem;
- height: 3.375rem;
- }
-}
-
-[dir="rtl"] .pager__item--control {
- transform: scaleX(-1);
-}
-
-.pager__item--active {
- color: #fff;
- background-color: #0d77b5;
-}
-
-/* IE11 Specific. */
-
-@media (-ms-high-contrast: active) {
-
- .pager__item--control path {
- fill: currentColor;
- }
-}
-
-@media (forced-colors: active) {
-
- .pager__item--control path {
- fill: linktext;
- }
-}
-
-.pager__link {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 100%;
- height: 100%;
- text-decoration: none;
- color: #6e7172;
-}
-
-.pager__link:hover {
- background-color: #e7edf1;
-}
-
-.pager__link:focus {
- color: #0d77b5;
- outline: solid 2px #0d77b5;
- outline-offset: -2px;
-}
-
-.pager__item svg {
- display: block;
- fill: currentColor;
-}
-
-.pager__item--next svg,
-.pager__item--last svg {
- transform: rotate(180deg);
-}
diff --git a/web/themes/custom/rorschach/css/components/pager.pcss.css b/web/themes/custom/rorschach/css/components/pager.pcss.css
deleted file mode 100644
index 222c985..0000000
--- a/web/themes/custom/rorschach/css/components/pager.pcss.css
+++ /dev/null
@@ -1,87 +0,0 @@
-/**
- * @file
- * Styles for pagination.
- */
-
-@import "../base/variables.pcss.css";
-
-.pager__items {
- display: flex;
- flex-wrap: wrap;
- align-items: flex-end;
- margin-block: 0;
- margin-inline-start: 0;
- padding-block: 0;
- padding-inline-start: 0;
- padding-inline-end: 0;
- list-style: none;
- font-weight: bold;
-}
-
-.pager__item {
- display: flex;
- align-items: center;
- justify-content: center;
- width: var(--sp2-5);
- height: var(--sp2-5);
- cursor: default;
- color: var(--color--gray-20);
- background-color: var(--color--white);
-
- @media (--sm) {
- width: var(--sp3);
- height: var(--sp3);
- }
-}
-
-[dir="rtl"] .pager__item--control {
- transform: scaleX(-1);
-}
-
-.pager__item--active {
- color: var(--color--white);
- background-color: var(--color--blue-20);
-}
-
-.pager__item--control {
- & path {
- /* IE11 Specific. */
- @media (-ms-high-contrast: active) {
- fill: currentColor;
- }
-
- @media (forced-colors: active) {
- fill: linktext;
- }
- }
-}
-
-.pager__link {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 100%;
- height: 100%;
- text-decoration: none;
- color: var(--color--gray-20);
-}
-
-.pager__link:hover {
- background-color: var(--color--gray-80);
-}
-
-.pager__link:focus {
- color: var(--color--blue-20);
- outline: solid 2px var(--color--blue-20);
- outline-offset: -2px;
-}
-
-.pager__item svg {
- display: block;
- fill: currentColor;
-}
-
-.pager__item--next svg,
-.pager__item--last svg {
- transform: rotate(180deg);
-}
diff --git a/web/themes/custom/rorschach/css/components/powered-by-block.css b/web/themes/custom/rorschach/css/components/powered-by-block.css
deleted file mode 100644
index 01c4a46..0000000
--- a/web/themes/custom/rorschach/css/components/powered-by-block.css
+++ /dev/null
@@ -1,57 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Powered by block specific styles.
- */
-
-.block-system-powered-by-block {
- letter-spacing: 0.02em;
- font-size: 0.875rem;
- line-height: 1.125rem;
-}
-
-.block-system-powered-by-block a {
- text-decoration: underline;
-}
-
-.block-system-powered-by-block a:hover,
-.block-system-powered-by-block a:focus {
- text-decoration: none;
-}
-
-[dir="ltr"] .block-system-powered-by-block .drupal-logo {
- margin-left: 0.28125rem;
-}
-
-[dir="rtl"] .block-system-powered-by-block .drupal-logo {
- margin-right: 0.28125rem;
-}
-
-.block-system-powered-by-block .drupal-logo {
- display: inline-block;
- margin-top: -0.28125rem;
-}
-
-.block-system-powered-by-block svg {
- width: 0.875rem; /* 14 */
- height: 1.1875rem; /* 19 */
- vertical-align: top;
-}
-
-.block-system-powered-by-block svg path {
- fill: currentColor;
-}
-
-.site-footer .block-system-powered-by-block a {
- color: #fff;
-}
-
-.site-footer .block-system-powered-by-block svg path {
- fill: #fff;
-}
diff --git a/web/themes/custom/rorschach/css/components/powered-by-block.pcss.css b/web/themes/custom/rorschach/css/components/powered-by-block.pcss.css
deleted file mode 100644
index 1de64e6..0000000
--- a/web/themes/custom/rorschach/css/components/powered-by-block.pcss.css
+++ /dev/null
@@ -1,47 +0,0 @@
-/**
- * @file
- * Powered by block specific styles.
- */
-
-@import "../base/variables.pcss.css";
-
-.block-system-powered-by-block {
- letter-spacing: 0.02em;
- font-size: 14px;
- line-height: var(--sp);
-
- & a {
- text-decoration: underline;
-
- &:hover,
- &:focus {
- text-decoration: none;
- }
- }
-
- & .drupal-logo {
- display: inline-block;
- margin-block-start: calc(-1 * var(--sp) / 4);
- margin-inline-start: calc(var(--sp) / 4);
- }
-
- & svg {
- width: 0.875rem; /* 14 */
- height: 1.1875rem; /* 19 */
- vertical-align: top;
-
- & path {
- fill: currentColor;
- }
- }
-}
-
-.site-footer .block-system-powered-by-block {
- & a {
- color: var(--color--white);
- }
-
- & svg path {
- fill: var(--color--white);
- }
-}
diff --git a/web/themes/custom/rorschach/css/components/progress.css b/web/themes/custom/rorschach/css/components/progress.css
deleted file mode 100644
index 98b415a..0000000
--- a/web/themes/custom/rorschach/css/components/progress.css
+++ /dev/null
@@ -1,31 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Progress bar specific styles.
- */
-
-.progress__track {
- overflow: hidden;
- height: 1.125rem;
- border: 1px solid #0d77b5;
- border-radius: 0.1875rem;
-}
-
-.progress__bar {
- height: 1.125rem;
- background-color: #0d77b5;
-}
-
-[dir="ltr"] .progress__percentage {
- margin-left: 1rem;
-}
-
-[dir="rtl"] .progress__percentage {
- margin-right: 1rem;
-}
diff --git a/web/themes/custom/rorschach/css/components/progress.pcss.css b/web/themes/custom/rorschach/css/components/progress.pcss.css
deleted file mode 100644
index 38ba714..0000000
--- a/web/themes/custom/rorschach/css/components/progress.pcss.css
+++ /dev/null
@@ -1,22 +0,0 @@
-/**
- * @file
- * Progress bar specific styles.
- */
-
-@import "../base/variables.pcss.css";
-
-.progress__track {
- overflow: hidden;
- height: var(--sp);
- border: 1px solid var(--color--blue-20);
- border-radius: var(--border-radius);
-}
-
-.progress__bar {
- height: var(--sp);
- background-color: var(--color--blue-20);
-}
-
-.progress__percentage {
- margin-inline-start: 1rem;
-}
diff --git a/web/themes/custom/rorschach/css/components/search-results.css b/web/themes/custom/rorschach/css/components/search-results.css
deleted file mode 100644
index 43631b0..0000000
--- a/web/themes/custom/rorschach/css/components/search-results.css
+++ /dev/null
@@ -1,144 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Search results specific styles.
- */
-
-[dir="ltr"] .search-results {
- padding-left: 0;
-}
-
-[dir="rtl"] .search-results {
- padding-right: 0;
-}
-
-[dir="ltr"] .search-results {
- padding-right: 0;
-}
-
-[dir="rtl"] .search-results {
- padding-left: 0;
-}
-
-.search-results {
- margin-bottom: 2.25rem;
- padding-top: 0;
- padding-bottom: 0;
- list-style: none;
-}
-
-@media (min-width: 43.75rem) {
-
- .search-results {
- margin-bottom: 3.375rem;
- }
-}
-
-[dir="ltr"] .search-result__title {
- margin-left: 0;
-}
-
-[dir="rtl"] .search-result__title {
- margin-right: 0;
-}
-
-[dir="ltr"] .search-result__title {
- margin-right: 0;
-}
-
-[dir="rtl"] .search-result__title {
- margin-left: 0;
-}
-
-.search-result__title {
- margin-top: 0;
- margin-bottom: 0;
- color: #0d1214;
- font-size: 1.25rem;
- line-height: 1.6875rem;
-}
-
-.search-result__title a {
- padding-bottom: 0.1875rem;
- transition: background-size 0.2s, color 0.2s;
- text-decoration: none;
- background-color: transparent;
- background-image: linear-gradient(#2494db, #2494db); /* Two values are needed for IE11 support. */
- background-repeat: no-repeat;
- background-position: bottom left; /* LTR */
- background-size: 0 0.1875rem;
-}
-
-.search-result__title a:hover {
- color: #0d77b5;
-}
-
-@media (min-width: 62.5rem) {
-
- .search-result__title {
- margin-bottom: 1.125rem;
- font-size: 1.875rem;
- line-height: 3.375rem;
- }
-}
-
-[dir="rtl"] .search-result__title a {
- background-position: bottom right;
-}
-
-.search-result__snippet {
- padding-bottom: calc(1.6875rem - 2px);
-}
-
-@media (min-width: 62.5rem) {
-
- .search-result__snippet {
- padding-bottom: 3.375rem;
- }
-}
-
-.search-result__meta {
- display: flex;
- align-items: center;
- margin-bottom: 1.125rem;
- color: #6e7172;
- font-size: 0.875rem;
- line-height: 1.125rem;
-}
-
-.search-result__meta a {
- color: #0d77b5;
- font-weight: bold;
-}
-
-.search-results__item {
- position: relative; /* Anchor after pseudo-element. */
- margin-bottom: 1.6875rem;
-}
-
-.search-results__item:after {
- position: absolute;
- bottom: 0;
- width: 3.375rem;
- height: 0;
- content: "";
- /* Intentionally not using CSS logical properties. */
- border-top: solid 2px #e7edf1;
-}
-
-.search-results__item:last-child {
- margin-bottom: 0;
-}
-
-@media (min-width: 62.5rem) {
-
- .search-results__item {
- margin-bottom: 3.375rem;
- }
-}
diff --git a/web/themes/custom/rorschach/css/components/search-results.pcss.css b/web/themes/custom/rorschach/css/components/search-results.pcss.css
deleted file mode 100644
index b485a5d..0000000
--- a/web/themes/custom/rorschach/css/components/search-results.pcss.css
+++ /dev/null
@@ -1,97 +0,0 @@
-/**
- * @file
- * Search results specific styles.
- */
-
-@import "../base/variables.pcss.css";
-
-.search-results {
- margin-block-end: var(--sp2);
- padding-block: 0;
- padding-inline-start: 0;
- padding-inline-end: 0;
- list-style: none;
-
- @media (--md) {
- margin-block-end: var(--sp3);
- }
-}
-
-.search-result__title {
- margin-block: 0;
- margin-inline-start: 0;
- margin-inline-end: 0;
- color: var(--color--gray-0);
- font-size: 20px;
- line-height: var(--line-height-base);
-
- & a {
- padding-block-end: 3px;
- transition: background-size 0.2s, color 0.2s;
- text-decoration: none;
- background-color: transparent;
- background-image: linear-gradient(var(--color--blue-50), var(--color--blue-50)); /* Two values are needed for IE11 support. */
- background-repeat: no-repeat;
- background-position: bottom left; /* LTR */
- background-size: 0 3px;
-
- &:hover {
- color: var(--color--blue-20);
- }
- }
-
- @media (--lg) {
- margin-block-end: var(--sp1);
- font-size: 30px;
- line-height: var(--sp3);
- }
-}
-
-[dir="rtl"] .search-result__title a {
- background-position: bottom right;
-}
-
-.search-result__snippet {
- padding-block-end: calc(var(--sp1-5) - 2px);
-
- @media (--lg) {
- padding-block-end: var(--sp3);
- }
-}
-
-.search-result__meta {
- display: flex;
- align-items: center;
- margin-block-end: var(--sp1);
- color: var(--color--gray-20);
- font-size: 14px;
- line-height: var(--sp);
-
- & a {
- color: var(--color--blue-20);
- font-weight: bold;
- }
-}
-
-.search-results__item {
- position: relative; /* Anchor after pseudo-element. */
- margin-block-end: var(--sp1-5);
-
- &:after {
- position: absolute;
- inset-block-end: 0;
- width: var(--sp3);
- height: 0;
- content: "";
- /* Intentionally not using CSS logical properties. */
- border-top: solid 2px var(--color--gray-80);
- }
-
- &:last-child {
- margin-block-end: 0;
- }
-
- @media (--lg) {
- margin-block-end: var(--sp3);
- }
-}
diff --git a/web/themes/custom/rorschach/css/components/site-header.css b/web/themes/custom/rorschach/css/components/site-header.css
deleted file mode 100644
index 55defcf..0000000
--- a/web/themes/custom/rorschach/css/components/site-header.css
+++ /dev/null
@@ -1,125 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Site header.
- */
-
-.site-header {
- position: relative;
- /**
- * Ensure mobile site header is always above other elements including
- * contextual links, quick-edit, and Tour.
- */
- z-index: 101;
-}
-
-@media (min-width: 75rem) {
-
- .site-header {
- /* Necessary to keep the content from jumping up when header transitions to fixed. */
- min-height: 11.25rem;
- border-bottom: solid 1px transparent; /* Will show in Windows high contrast mode. */
- }
-}
-
-.site-header__initial {
- position: relative;
- z-index: 102;
- display: flex;
- align-items: flex-end;
- -ms-grid-row-align: stretch;
- align-self: stretch;
- background-color: #2494db;
-}
-
-.site-header__fixable {
- display: flex;
- align-items: flex-end;
- transition: all 0.5s;
-}
-
-@media (min-width: 75rem) {
- .site-header__fixable.is-fixed:not(.is-expanded) {
- pointer-events: none;
- }
-}
-
-@media (min-width: 75rem) {
- body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed {
- position: fixed;
- z-index: 102; /* Appear above body content that is position: relative */
- top: -4.5rem;
- max-width: 98.125rem;
- }
-
- /* Toolbar is fixed, and tray is either vertical or closed and horizontal. */
- body.toolbar-vertical.toolbar-fixed:not(.is-always-mobile-nav) .site-header__fixable.is-fixed,
- body.toolbar-horizontal.toolbar-fixed:not(.is-always-mobile-nav) .site-header__fixable.is-fixed {
- top: -2.0625rem;
- }
- /* Toolbar is fixed, and tray is open and horizontal. */
- body.toolbar-horizontal.toolbar-fixed.toolbar-tray-open:not(.is-always-mobile-nav) .site-header__fixable.is-fixed {
- top: 0.4375rem;
- }
-}
-
-.site-header__inner {
- z-index: 1; /* Appear in front of Drupal's tabs. */
- flex-grow: 1;
- width: calc(100vw - 5.625rem);
- background: #fff;
-}
-
-/*
- * Only apply transition styles when JS is loaded. This
- * works around https://bugs.chromium.org/p/chromium/issues/detail?id=332189
- */
-
-@media (min-width: 75rem) {
-
- html.js body:not(.is-always-mobile-nav) .site-header__inner {
- transition: opacity 0.3s, transform 0.3s, box-shadow 0.3s;
- }
-}
-
-@media (min-width: 75rem) {
-
- .site-header__fixable.is-expanded .site-header__inner {
- box-shadow: -36px 1px 36px rgba(0, 0, 0, 0.08); /* LTR */
- }
-}
-
-@media (min-width: 75rem) {
-
- [dir="rtl"] .site-header__fixable.is-expanded .site-header__inner {
- box-shadow: 36px 1px 36px rgba(0, 0, 0, 0.08);
- }
-}
-
-/* Hide the desktop nav when it's fixed and not active. */
-
-@media (min-width: 75rem) {
-
- body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed:not(.is-expanded) .site-header__inner {
- transform: translateX(-101%); /* LTR */
- opacity: 0;
- }
-}
-
-@media (min-width: 75rem) {
-
- [dir="rtl"] body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed:not(.is-expanded) .site-header__inner {
- transform: translateX(101%);
- }
-}
-
-.site-header__inner__container {
- display: flex;
- justify-content: space-between;
-}
diff --git a/web/themes/custom/rorschach/css/components/site-header.pcss.css b/web/themes/custom/rorschach/css/components/site-header.pcss.css
deleted file mode 100644
index 533749c..0000000
--- a/web/themes/custom/rorschach/css/components/site-header.pcss.css
+++ /dev/null
@@ -1,115 +0,0 @@
-/**
- * @file
- * Site header.
- */
-
-@import "../base/variables.pcss.css";
-
-.site-header {
- position: relative;
- /**
- * Ensure mobile site header is always above other elements including
- * contextual links, quick-edit, and Tour.
- */
- z-index: 101;
-
- @media (--nav) {
- /* Necessary to keep the content from jumping up when header transitions to fixed. */
- min-height: var(--site-header-height-wide);
- border-block-end: solid 1px transparent; /* Will show in Windows high contrast mode. */
- }
-}
-
-.site-header__initial {
- position: relative;
- z-index: 102;
- display: flex;
- align-items: flex-end;
- align-self: stretch;
- background-color: var(--color--blue-50);
-}
-
-.site-header__fixable {
- display: flex;
- align-items: flex-end;
- transition: all 0.5s;
-
- &.is-fixed {
- @media (--nav) {
- &:not(.is-expanded) {
- pointer-events: none;
- }
- }
- }
-}
-
-@media (--nav) {
- body:not(.is-always-mobile-nav) {
- & .site-header__fixable.is-fixed {
- position: fixed;
- z-index: 102; /* Appear above body content that is position: relative */
- inset-block-start: calc(-1 * var(--sp4));
- max-width: var(--max-bg-color);
- }
-
- /* Toolbar is fixed, and tray is either vertical or closed and horizontal. */
- &.toolbar-vertical.toolbar-fixed,
- &.toolbar-horizontal.toolbar-fixed {
- & .site-header__fixable.is-fixed {
- inset-block-start: calc(var(--toolbar-height) - var(--sp4));
- }
- }
- /* Toolbar is fixed, and tray is open and horizontal. */
- &.toolbar-horizontal.toolbar-fixed.toolbar-tray-open .site-header__fixable.is-fixed {
- inset-block-start: calc(var(--toolbar-tray-height) + var(--toolbar-height) - var(--sp4));
- }
- }
-}
-
-.site-header__inner {
- z-index: 1; /* Appear in front of Drupal's tabs. */
- flex-grow: 1;
- width: calc(100vw - var(--content-left));
- background: var(--color--white);
-}
-
-/*
- * Only apply transition styles when JS is loaded. This
- * works around https://bugs.chromium.org/p/chromium/issues/detail?id=332189
- */
-html.js body:not(.is-always-mobile-nav) .site-header__inner {
- @media (--nav) {
- transition: opacity 0.3s, transform 0.3s, box-shadow 0.3s;
- }
-}
-
-.site-header__fixable.is-expanded .site-header__inner {
- @media (--nav) {
- box-shadow: -36px 1px 36px rgba(0, 0, 0, 0.08); /* LTR */
- }
-}
-
-[dir="rtl"] .site-header__fixable.is-expanded .site-header__inner {
- @media (--nav) {
- box-shadow: 36px 1px 36px rgba(0, 0, 0, 0.08);
- }
-}
-
-/* Hide the desktop nav when it's fixed and not active. */
-body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed:not(.is-expanded) .site-header__inner {
- @media (--nav) {
- transform: translateX(-101%); /* LTR */
- opacity: 0;
- }
-}
-
-[dir="rtl"] body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed:not(.is-expanded) .site-header__inner {
- @media (--nav) {
- transform: translateX(101%);
- }
-}
-
-.site-header__inner__container {
- display: flex;
- justify-content: space-between;
-}
diff --git a/web/themes/custom/rorschach/css/components/skip-link.css b/web/themes/custom/rorschach/css/components/skip-link.css
deleted file mode 100644
index 1b15875..0000000
--- a/web/themes/custom/rorschach/css/components/skip-link.css
+++ /dev/null
@@ -1,61 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Skip link
- *
- * Allows keyboard users to quickly skip to the main content of the page.
- */
-
-[dir="ltr"] .skip-link {
- padding-left: 1.125rem;
-}
-
-[dir="rtl"] .skip-link {
- padding-right: 1.125rem;
-}
-
-[dir="ltr"] .skip-link {
- padding-right: 1.125rem;
-}
-
-[dir="rtl"] .skip-link {
- padding-left: 1.125rem;
-}
-
-.skip-link {
- display: block;
- width: 100%;
- max-width: 98.125rem;
- padding-top: 0.5625rem;
- padding-bottom: 0.5625rem;
- text-decoration: none;
- color: #fff;
- outline: 0;
- background-color: #0d1214;
-}
-
-.skip-link:hover {
- text-decoration: underline;
- color: #fff;
-}
-
-.skip-link:after {
- content: "\0020 ➔";
-}
-
-.skip-link.focusable:focus {
- position: absolute !important;
-}
-
-.skip-link.focusable:focus { /* Override position from module file. */
- z-index: 503;
- width: 100%;
- height: 2.5rem;
- outline: none;
-}
diff --git a/web/themes/custom/rorschach/css/components/skip-link.pcss.css b/web/themes/custom/rorschach/css/components/skip-link.pcss.css
deleted file mode 100644
index ca8a0dc..0000000
--- a/web/themes/custom/rorschach/css/components/skip-link.pcss.css
+++ /dev/null
@@ -1,38 +0,0 @@
-/**
- * @file
- * Skip link
- *
- * Allows keyboard users to quickly skip to the main content of the page.
- */
-
-@import "../base/variables.pcss.css";
-
-.skip-link {
- display: block;
- width: 100%;
- max-width: var(--max-bg-color);
- padding-block: var(--sp0-5);
- padding-inline-start: var(--sp);
- padding-inline-end: var(--sp);
- text-decoration: none;
- color: var(--color--white);
- outline: 0;
- background-color: var(--color--gray-0);
-
- &:hover {
- text-decoration: underline;
- color: var(--color--white);
- }
-
- &:after {
- content: "\0020 ➔";
- }
-}
-
-.skip-link.focusable:focus {
- position: absolute !important; /* Override position from module file. */
- z-index: 503;
- width: 100%;
- height: 40px;
- outline: none;
-}
diff --git a/web/themes/custom/rorschach/css/components/table.css b/web/themes/custom/rorschach/css/components/table.css
deleted file mode 100644
index c11ea88..0000000
--- a/web/themes/custom/rorschach/css/components/table.css
+++ /dev/null
@@ -1,261 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * User generated tables.
- */
-
-.forum table,
-.text-content table,
-.views-table,
-.draggable-table {
- margin-top: 2.25rem;
- margin-bottom: 2.25rem;
- border-spacing: 0;
- color: #313637;
- border: 0;
- border-collapse: collapse;
- font-family: metropolis, sans-serif;
- font-size: 1rem;
- line-height: 1.6875rem;
-}
-
-[dir="ltr"] .forum table caption,
-[dir="ltr"] .text-content table caption,
-[dir="ltr"] .views-table caption,
-[dir="ltr"] .draggable-table caption {
- text-align: left;
-}
-
-[dir="rtl"] .forum table caption,
-[dir="rtl"] .text-content table caption,
-[dir="rtl"] .views-table caption,
-[dir="rtl"] .draggable-table caption {
- text-align: right;
-}
-
-.forum table caption,
-.text-content table caption,
-.views-table caption,
-.draggable-table caption {
- margin-bottom: 1.125rem;
- color: #313637;
- font-family: Lora, georgia, serif;
- font-size: 0.875rem;
- font-style: italic;
- line-height: 1.125rem;
-}
-
-.forum table tr:last-child td,
-.text-content table tr:last-child td,
-.views-table tr:last-child td,
-.draggable-table tr:last-child td {
- border-bottom: 0;
-}
-
-[dir="ltr"] .forum table td,
-[dir="ltr"] .text-content table td,
-[dir="ltr"] .views-table td,
-[dir="ltr"] .draggable-table td,
-[dir="ltr"] .forum table th,
-[dir="ltr"] .text-content table th,
-[dir="ltr"] .views-table th,
-[dir="ltr"] .draggable-table th {
- padding-left: 0;
-}
-
-[dir="rtl"] .forum table td,
-[dir="rtl"] .text-content table td,
-[dir="rtl"] .views-table td,
-[dir="rtl"] .draggable-table td,
-[dir="rtl"] .forum table th,
-[dir="rtl"] .text-content table th,
-[dir="rtl"] .views-table th,
-[dir="rtl"] .draggable-table th {
- padding-right: 0;
-}
-
-[dir="ltr"] .forum table td,
-[dir="ltr"] .text-content table td,
-[dir="ltr"] .views-table td,
-[dir="ltr"] .draggable-table td,
-[dir="ltr"] .forum table th,
-[dir="ltr"] .text-content table th,
-[dir="ltr"] .views-table th,
-[dir="ltr"] .draggable-table th {
- padding-right: 1.125rem;
-}
-
-[dir="rtl"] .forum table td,
-[dir="rtl"] .text-content table td,
-[dir="rtl"] .views-table td,
-[dir="rtl"] .draggable-table td,
-[dir="rtl"] .forum table th,
-[dir="rtl"] .text-content table th,
-[dir="rtl"] .views-table th,
-[dir="rtl"] .draggable-table th {
- padding-left: 1.125rem;
-}
-
-.forum table td,
-.text-content table td,
-.views-table td,
-.draggable-table td,
-.forum table th,
-.text-content table th,
-.views-table th,
-.draggable-table th {
- padding-top: 1.125rem;
- padding-bottom: 1.125rem;
- vertical-align: top;
-}
-
-[dir="ltr"] .forum table th,
-[dir="ltr"] .text-content table th,
-[dir="ltr"] .views-table th,
-[dir="ltr"] .draggable-table th {
- margin-left: 0;
-}
-
-[dir="rtl"] .forum table th,
-[dir="rtl"] .text-content table th,
-[dir="rtl"] .views-table th,
-[dir="rtl"] .draggable-table th {
- margin-right: 0;
-}
-
-[dir="ltr"] .forum table th,
-[dir="ltr"] .text-content table th,
-[dir="ltr"] .views-table th,
-[dir="ltr"] .draggable-table th {
- margin-right: 0;
-}
-
-[dir="rtl"] .forum table th,
-[dir="rtl"] .text-content table th,
-[dir="rtl"] .views-table th,
-[dir="rtl"] .draggable-table th {
- margin-left: 0;
-}
-
-[dir="ltr"] .forum table th,
-[dir="ltr"] .text-content table th,
-[dir="ltr"] .views-table th,
-[dir="ltr"] .draggable-table th {
- text-align: left;
-}
-
-[dir="rtl"] .forum table th,
-[dir="rtl"] .text-content table th,
-[dir="rtl"] .views-table th,
-[dir="rtl"] .draggable-table th {
- text-align: right;
-}
-
-.forum table th,
-.text-content table th,
-.views-table th,
-.draggable-table th {
- margin-top: 0;
- margin-bottom: 0;
- letter-spacing: 0.02em;
- color: #0d1214;
- border-bottom: 2px solid #2494db;
- font-family: metropolis, sans-serif;
- font-size: 0.875rem;
- line-height: 1.125rem;
-
- /**
- * Fixes for styles injected by CKEditor
- */
-}
-
-[dir="ltr"] .forum table th.text-align-left,
-[dir="ltr"] .text-content table th.text-align-left,
-[dir="ltr"] .views-table th.text-align-left,
-[dir="ltr"] .draggable-table th.text-align-left {
- text-align: left;
-}
-
-[dir="rtl"] .forum table th.text-align-left,
-[dir="rtl"] .text-content table th.text-align-left,
-[dir="rtl"] .views-table th.text-align-left,
-[dir="rtl"] .draggable-table th.text-align-left {
- text-align: right;
-}
-
-[dir="ltr"] .forum table th.text-align-right,
-[dir="ltr"] .text-content table th.text-align-right,
-[dir="ltr"] .views-table th.text-align-right,
-[dir="ltr"] .draggable-table th.text-align-right {
- text-align: right;
-}
-
-[dir="rtl"] .forum table th.text-align-right,
-[dir="rtl"] .text-content table th.text-align-right,
-[dir="rtl"] .views-table th.text-align-right,
-[dir="rtl"] .draggable-table th.text-align-right {
- text-align: left;
-}
-
-.forum table th.text-align-center,
-.text-content table th.text-align-center,
-.views-table th.text-align-center,
-.draggable-table th.text-align-center {
- text-align: center;
-}
-
-.forum table th.text-align-justify,
-.text-content table th.text-align-justify,
-.views-table th.text-align-justify,
-.draggable-table th.text-align-justify {
- text-align: justify;
-}
-
-.forum table td,
-.text-content table td,
-.views-table td,
-.draggable-table td {
- white-space: normal;
- border-bottom: 2px solid #98abb9;
-}
-
-.forum table th.checkbox,
-.text-content table th.checkbox,
-.views-table th.checkbox,
-.draggable-table th.checkbox,
-.forum table td.checkbox,
-.text-content table td.checkbox,
-.views-table td.checkbox,
-.draggable-table td.checkbox {
- text-align: center;
-}
-
-.draggable-table {
- width: 100%;
-}
-
-.draggable-table .form-item {
- margin-top: 0;
-}
-
-.tablesort {
- vertical-align: middle;
-}
-
-.sticky-header {
- z-index: 0;
- margin: 0;
- border-bottom: 0.25rem solid #2494db;
-}
-
-/* Properly align VBO checkboxes. */
-
-.views-field-node-bulk-form .form-item {
- margin: 0;
-}
diff --git a/web/themes/custom/rorschach/css/components/table.pcss.css b/web/themes/custom/rorschach/css/components/table.pcss.css
deleted file mode 100644
index 8d4d3c5..0000000
--- a/web/themes/custom/rorschach/css/components/table.pcss.css
+++ /dev/null
@@ -1,112 +0,0 @@
-/**
- * @file
- * User generated tables.
- */
-
-@import "../base/variables.pcss.css";
-
-.forum table,
-.text-content table,
-.views-table,
-.draggable-table {
- margin-block-start: var(--sp2);
- margin-block-end: var(--sp2);
- border-spacing: 0;
- color: var(--color--gray-10);
- border: 0;
- border-collapse: collapse;
- font-family: var(--font-sans);
- font-size: 16px;
- line-height: var(--sp1-5);
-
- & caption {
- margin-block-end: var(--sp1);
- text-align: start;
- color: var(--color--gray-10);
- font-family: var(--font-serif);
- font-size: 14px;
- font-style: italic;
- line-height: var(--sp);
- }
-
- & tr {
- &:last-child {
- & td {
- border-block-end: 0;
- }
- }
- }
-
- & td,
- & th {
- padding-block: var(--sp1);
- padding-inline-start: 0;
- padding-inline-end: var(--sp1);
- vertical-align: top;
- }
-
- & th {
- margin-block: 0;
- margin-inline-start: 0;
- margin-inline-end: 0;
- text-align: start;
- letter-spacing: 0.02em;
- color: var(--color--gray-0);
- border-block-end: 2px solid var(--color--blue-50);
- font-family: var(--font-sans);
- font-size: 14px;
- line-height: var(--sp);
-
- /**
- * Fixes for styles injected by CKEditor
- */
- &.text-align-left {
- text-align: start;
- }
-
- &.text-align-right {
- text-align: end;
- }
-
- &.text-align-center {
- text-align: center;
- }
-
- &.text-align-justify {
- text-align: justify;
- }
- }
-
- & td {
- white-space: normal;
- border-block-end: 2px solid var(--color--gray-40);
- }
-
- & th.checkbox,
- & td.checkbox {
- text-align: center;
- }
-}
-
-.draggable-table {
- width: 100%;
-}
-
-.draggable-table .form-item {
- margin-top: 0;
-}
-
-.tablesort {
- vertical-align: middle;
-}
-
-.sticky-header {
- z-index: 0;
- margin: 0;
- border-block-end: 4px solid var(--color--blue-50);
-}
-
-/* Properly align VBO checkboxes. */
-.views-field-node-bulk-form .form-item {
- margin: 0;
-}
diff --git a/web/themes/custom/rorschach/css/components/tabledrag.css b/web/themes/custom/rorschach/css/components/tabledrag.css
deleted file mode 100644
index ee42174..0000000
--- a/web/themes/custom/rorschach/css/components/tabledrag.css
+++ /dev/null
@@ -1,78 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Styles for tabledrag.
- */
-
-.draggable:hover {
- background-color: #f7f9fa;
-}
-
-.draggable.drag {
- background-color: #f1f4f7;
-}
-
-.draggable.drag-previous {
- background-color: #e7edf1;
-}
-
-.drag-previous a {
- color: #313637; /* Ensure proper contrast. */
-}
-
-a.tabledrag-handle,
-.touchevents a.tabledrag-handle {
- width: 2.25rem;
- height: 2.25rem;
-}
-
-[dir="ltr"] .draggable a.tabledrag-handle {
- margin-left: 0;
-}
-
-[dir="rtl"] .draggable a.tabledrag-handle {
- margin-right: 0;
-}
-
-a.tabledrag-handle .handle {
- width: 2.25rem;
- height: 2.25rem;
- margin: 0;
- background-position: 50% 5px;
-}
-
-.touchevents a.tabledrag-handle .handle {
- height: 2.25rem;
- background-position: 50% 5px;
-}
-
-[dir="ltr"] .touchevents .draggable td {
- padding-left: 0;
-}
-
-[dir="rtl"] .touchevents .draggable td {
- padding-right: 0;
-}
-
-[dir="ltr"] .touchevents .draggable td {
- padding-right: 0.5625rem;
-}
-
-[dir="rtl"] .touchevents .draggable td {
- padding-left: 0.5625rem;
-}
-
-.touchevents .draggable td {
- padding-top: 0.5625rem;
- padding-bottom: 0.5625rem;
-}
-
-.touchevents .draggable .menu-item__link {
- padding: 0;
-}
diff --git a/web/themes/custom/rorschach/css/components/tabledrag.pcss.css b/web/themes/custom/rorschach/css/components/tabledrag.pcss.css
deleted file mode 100644
index 2a37722..0000000
--- a/web/themes/custom/rorschach/css/components/tabledrag.pcss.css
+++ /dev/null
@@ -1,54 +0,0 @@
-/**
- * @file
- * Styles for tabledrag.
- */
-
-@import "../base/variables.pcss.css";
-
-.draggable:hover {
- background-color: var(--color--gray-95);
-}
-
-.draggable.drag {
- background-color: var(--color--gray-90);
-}
-
-.draggable.drag-previous {
- background-color: var(--color--gray-80);
-}
-
-.drag-previous a {
- color: var(--color--gray-10); /* Ensure proper contrast. */
-}
-
-a.tabledrag-handle,
-.touchevents a.tabledrag-handle {
- width: 36px;
- height: 36px;
-}
-
-.draggable a.tabledrag-handle {
- margin-inline-start: 0;
-}
-
-a.tabledrag-handle .handle {
- width: var(--sp2);
- height: var(--sp2);
- margin: 0;
- background-position: 50% 5px;
-}
-
-.touchevents a.tabledrag-handle .handle {
- height: var(--sp2);
- background-position: 50% 5px;
-}
-
-.touchevents .draggable td {
- padding-block: var(--sp0-5);
- padding-inline-start: 0;
- padding-inline-end: var(--sp0-5);
-}
-
-.touchevents .draggable .menu-item__link {
- padding: 0;
-}
diff --git a/web/themes/custom/rorschach/css/components/tabs.css b/web/themes/custom/rorschach/css/components/tabs.css
deleted file mode 100644
index 0ac9a61..0000000
--- a/web/themes/custom/rorschach/css/components/tabs.css
+++ /dev/null
@@ -1,246 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-[dir="ltr"] .tabs {
- margin-left: 0;
-}
-[dir="rtl"] .tabs {
- margin-right: 0;
-}
-[dir="ltr"] .tabs {
- margin-right: 0;
-}
-[dir="rtl"] .tabs {
- margin-left: 0;
-}
-[dir="ltr"] .tabs {
- padding-left: 0;
-}
-[dir="rtl"] .tabs {
- padding-right: 0;
-}
-[dir="ltr"] .tabs {
- padding-right: 0;
-}
-[dir="rtl"] .tabs {
- padding-left: 0;
-}
-.tabs {
- display: flex;
- flex-direction: column;
- width: 100%;
- margin-top: 0;
- margin-bottom: 0;
- padding-top: 0;
- padding-bottom: 0;
- list-style: none;
-}
-
-@media (min-width: 43.75rem) {
- .tabs {
- flex-direction: row;
- flex-wrap: wrap;
- }
-}
-.tabs__tab {
- display: none;
- margin: 0;
- margin-bottom: -1px;
-}
-.tabs__tab.is-active {
- display: flex;
-}
-
-@media (min-width: 43.75rem) {
- .tabs__tab {
- display: flex;
- margin: 0;
- margin-bottom: -1px;
- }
-}
-html:not(.js) .tabs__tab,
-.tabs.is-expanded .tabs__tab {
- display: flex;
-}
-.tabs--secondary .tabs__tab {
- display: block;
-}
-
-@media (min-width: 43.75rem) {
- .tabs--secondary .tabs__tab {
- display: flex;
- }
-}
-[dir="ltr"] .tabs__link {
- padding-left: 1.6875rem;
-}
-[dir="rtl"] .tabs__link {
- padding-right: 1.6875rem;
-}
-[dir="ltr"] .tabs__link {
- padding-right: 1.6875rem;
-}
-[dir="rtl"] .tabs__link {
- padding-left: 1.6875rem;
-}
-.tabs__link {
- display: flex;
- flex-grow: 1;
- align-items: center;
- height: 3.375rem;
- padding-top: 0;
- padding-bottom: 0;
- transition: background-color 0.2s;
- text-decoration: none;
- letter-spacing: 1px;
- color: #6e7172;
- border: 1px solid #e7edf1;
- background-color: #f7f9fa;
- font-size: 0.875rem;
-}
-.tabs--secondary .tabs__link {
- text-transform: none;
-}
-
-@media (min-width: 43.75rem) {
- .tabs--secondary .tabs__link {
- border-top-color: transparent;
- border-right-color: transparent;
- border-left-color: transparent;
- background-color: transparent;
- }
-}
-.tabs__link:focus {
- position: relative;
- outline: solid 3px #2494db;
- outline-offset: -3px;
-}
-.tabs__link:hover {
- background-color: #e7edf1;
-}
-.tabs__link.is-active {
- position: relative;
- color: #0d1214;
- font-weight: 600;
-}
-[dir="ltr"] .tabs__link.is-active:after {
- left: -1px;
-}
-[dir="rtl"] .tabs__link.is-active:after {
- right: -1px;
-}
-[dir="ltr"] .tabs__link.is-active:after {
- border-left: 0.375rem solid #2494db;
-}
-[dir="rtl"] .tabs__link.is-active:after {
- border-right: 0.375rem solid #2494db;
-}
-.tabs__link.is-active:after {
- position: absolute;
- bottom: -1px;
- height: calc(100% + 2px);
- content: "";
-}
-
-@media (min-width: 43.75rem) {
- [dir="ltr"] .tabs__link.is-active:after {
- left: 0;
- }
- [dir="rtl"] .tabs__link.is-active:after {
- right: 0;
- }
- [dir="ltr"] .tabs__link.is-active:after {
- border-left: 0;
- }
- [dir="rtl"] .tabs__link.is-active:after {
- border-right: 0;
- }
- .tabs__link.is-active:after {
- width: 100%;
- height: auto;
- border-top: 0.375rem solid #2494db;
- }
-}
-[dir="ltr"] .tabs__trigger {
- margin-left: -1px;
-}
-[dir="rtl"] .tabs__trigger {
- margin-right: -1px;
-}
-[dir="ltr"] .tabs__trigger {
- margin-right: 0;
-}
-[dir="rtl"] .tabs__trigger {
- margin-left: 0;
-}
-.tabs__trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 3.375rem;
- margin-top: 0;
- margin-bottom: 0;
- cursor: pointer;
- border: solid 1px #e7edf1;
- background-color: #f7f9fa;
-}
-.tabs__trigger:hover {
- background-color: #e7edf1;
-}
-.tabs__trigger:focus {
- position: relative;
- border-color: #2494db;
- outline: none;
-}
-
-@media (min-width: 43.75rem) {
- .tabs__trigger {
- display: none;
- }
-}
-html:not(.js) .tabs__trigger {
- display: none;
-}
-.tabs__trigger-icon {
- position: relative;
- display: block;
- width: 1.125rem;
- height: 0.625rem;
- margin-top: -2px;
-}
-[dir="ltr"] .tabs__trigger-icon > span {
- left: 0;
-}
-[dir="rtl"] .tabs__trigger-icon > span {
- right: 0;
-}
-.tabs__trigger-icon > span {
- position: absolute;
- display: block;
- width: 100%;
- transition: transform 0.2s, opacity 0.2s, top 0.2s;
- border-top: solid 2px #2494db;
-}
-.tabs__trigger-icon > span:nth-child(1) {
- top: 0;
-}
-.tabs__trigger-icon > span:nth-child(2) {
- top: calc(50% + 1px);
-}
-.tabs__trigger-icon > span:nth-child(3) {
- top: calc(100% + 2px);
-}
-.tabs__trigger[aria-expanded="true"] .tabs__trigger-icon > span:nth-child(1) {
- top: calc(50% + 1px);
- transform: rotate(45deg);
-}
-.tabs__trigger[aria-expanded="true"] .tabs__trigger-icon > span:nth-child(2) {
- opacity: 0;
-}
-.tabs__trigger[aria-expanded="true"] .tabs__trigger-icon > span:nth-child(3) {
- top: calc(50% + 1px);
- transform: rotate(-45deg);
-}
diff --git a/web/themes/custom/rorschach/css/components/tabs.pcss.css b/web/themes/custom/rorschach/css/components/tabs.pcss.css
deleted file mode 100644
index 5549b5e..0000000
--- a/web/themes/custom/rorschach/css/components/tabs.pcss.css
+++ /dev/null
@@ -1,194 +0,0 @@
-@import "../base/variables.pcss.css";
-
-:root {
- --tab-active-border-size: 6px;
-}
-
-.tabs {
- display: flex;
- flex-direction: column;
- width: 100%;
- margin-block: 0;
- margin-inline-start: 0;
- margin-inline-end: 0;
- padding-block: 0;
- padding-inline-start: 0;
- padding-inline-end: 0;
- list-style: none;
-
- @media (--md) {
- flex-direction: row;
- flex-wrap: wrap;
- }
-}
-
-.tabs__tab {
- display: none;
- margin: 0;
- margin-block-end: -1px;
-
- &.is-active {
- display: flex;
- }
-
- @media (--md) {
- display: flex;
- margin: 0;
- margin-block-end: -1px;
- }
-}
-
-html:not(.js) .tabs__tab,
-.tabs.is-expanded .tabs__tab {
- display: flex;
-}
-
-.tabs--secondary .tabs__tab {
- display: block;
-
- @media (--md) {
- display: flex;
- }
-}
-
-.tabs__link {
- display: flex;
- flex-grow: 1;
- align-items: center;
- height: var(--sp3);
- padding-block: 0;
- padding-inline-start: var(--sp1-5);
- padding-inline-end: var(--sp1-5);
- transition: background-color 0.2s;
- text-decoration: none;
- letter-spacing: 1px;
- color: var(--color--gray-20);
- border: 1px solid var(--color--gray-80);
- background-color: var(--color--gray-95);
- font-size: var(--font-size-s);
-}
-
-.tabs--secondary .tabs__link {
- text-transform: none;
-
- @media (--md) {
- border-top-color: transparent;
- border-right-color: transparent;
- border-left-color: transparent;
- background-color: transparent;
- }
-}
-
-.tabs__link:focus {
- position: relative;
- outline: solid 3px var(--color--blue-50);
- outline-offset: -3px;
-}
-
-.tabs__link:hover {
- background-color: var(--color--gray-80);
-}
-
-.tabs__link.is-active {
- position: relative;
- color: var(--color--gray-0);
- font-weight: 600;
-
- &:after {
- position: absolute;
- inset-block-end: -1px;
- inset-inline-start: -1px;
- height: calc(100% + 2px);
- content: "";
- border-inline-start: var(--tab-active-border-size) solid var(--color--blue-50);
- }
-
- @media (--md) {
- &:after {
- inset-inline-start: 0;
- width: 100%;
- height: auto;
- border-block-start: var(--tab-active-border-size) solid var(--color--blue-50);
- border-inline-start: 0;
- }
- }
-}
-
-.tabs__trigger {
- display: flex;
- align-items: center;
- justify-content: center;
- width: var(--sp3);
- margin-block-start: 0;
- margin-block-end: 0;
- margin-inline-start: -1px;
- margin-inline-end: 0;
- cursor: pointer;
- border: solid 1px var(--color--gray-80);
- background-color: var(--color--gray-95);
-
- &:hover {
- background-color: var(--color--gray-80);
- }
-
- &:focus {
- position: relative;
- border-color: var(--color--blue-50);
- outline: none;
- }
-
- @media (--md) {
- display: none;
- }
-}
-
-html:not(.js) .tabs__trigger {
- display: none;
-}
-
-.tabs__trigger-icon {
- position: relative;
- display: block;
- width: var(--sp);
- height: 10px;
- margin-block-start: -2px;
-
- & > span {
- position: absolute;
- inset-inline-start: 0;
- display: block;
- width: 100%;
- transition: transform 0.2s, opacity 0.2s, top 0.2s;
- border-block-start: solid 2px var(--color--blue-50);
-
- &:nth-child(1) {
- inset-block-start: 0;
- }
-
- &:nth-child(2) {
- inset-block-start: calc(50% + 1px);
- }
-
- &:nth-child(3) {
- inset-block-start: calc(100% + 2px);
- }
- }
-}
-
-.tabs__trigger[aria-expanded="true"] .tabs__trigger-icon {
- & > span {
- &:nth-child(1) {
- inset-block-start: calc(50% + 1px);
- transform: rotate(45deg);
- }
-
- &:nth-child(2) {
- opacity: 0;
- }
-
- &:nth-child(3) {
- inset-block-start: calc(50% + 1px);
- transform: rotate(-45deg);
- }
- }
-}
diff --git a/web/themes/custom/rorschach/css/components/tags.css b/web/themes/custom/rorschach/css/components/tags.css
deleted file mode 100644
index 33b690e..0000000
--- a/web/themes/custom/rorschach/css/components/tags.css
+++ /dev/null
@@ -1,171 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Tags field styling.
- */
-
-.field--tags {
- display: flex;
- font-family: metropolis, sans-serif;
-}
-
-[dir="ltr"] .field--tags__label {
- margin-right: 1.40625rem;
-}
-
-[dir="rtl"] .field--tags__label {
- margin-left: 1.40625rem;
-}
-
-.field--tags__label {
- margin: 0;
- letter-spacing: 0.02em;
- color: #6e7172;
- font-size: 0.875rem;
- font-weight: 600;
- line-height: 1.6;
-}
-
-.field--tags__label:after {
- content: ":";
-}
-
-@media (min-width: 43.75rem) {
-
- .field--tags__label {
- line-height: 2;
- }
-}
-
-[dir="ltr"] .field--label-inline .field--tags__label {
- padding-left: 0;
-}
-
-[dir="rtl"] .field--label-inline .field--tags__label {
- padding-right: 0;
-}
-
-[dir="ltr"] .field--label-inline .field--tags__label {
- padding-right: 0;
-}
-
-[dir="rtl"] .field--label-inline .field--tags__label {
- padding-left: 0;
-}
-
-.field--label-inline .field--tags__label {
- padding-top: 0;
- padding-bottom: 0;
-}
-
-[dir="ltr"] .field--tags__items {
- margin-left: -0.28125rem;
-}
-
-[dir="rtl"] .field--tags__items {
- margin-right: -0.28125rem;
-}
-
-[dir="ltr"] .field--tags__items {
- margin-right: -0.28125rem;
-}
-
-[dir="rtl"] .field--tags__items {
- margin-left: -0.28125rem;
-}
-
-[dir="ltr"] .field--tags__items {
- padding-left: 0;
-}
-
-[dir="rtl"] .field--tags__items {
- padding-right: 0;
-}
-
-[dir="ltr"] .field--tags__items {
- padding-right: 0;
-}
-
-[dir="rtl"] .field--tags__items {
- padding-left: 0;
-}
-
-.field--tags__items {
- display: flex;
- flex-wrap: wrap;
- margin-top: -0.28125rem;
- margin-bottom: -0.28125rem;
- padding-top: 0;
- padding-bottom: 0;
- list-style: none;
-}
-
-[dir="ltr"] .field--tags__item {
- margin-left: 0.28125rem;
-}
-
-[dir="rtl"] .field--tags__item {
- margin-right: 0.28125rem;
-}
-
-[dir="ltr"] .field--tags__item {
- margin-right: 0.28125rem;
-}
-
-[dir="rtl"] .field--tags__item {
- margin-left: 0.28125rem;
-}
-
-.field--tags__item {
- display: flex;
- margin-top: 0.28125rem;
- margin-bottom: 0.28125rem;
-}
-
-.field--tags__item:nth-last-child(n+2):after {
- content: ",";
- font-size: 1rem;
- line-height: 1.5;
-}
-
-.field--tags__item a {
- position: relative;
- display: flex;
- align-items: center;
- text-decoration: none;
- letter-spacing: 0.02em;
- color: #0d77b5;
- font-size: 1rem;
- font-weight: 700;
- line-height: 1.5;
-}
-
-[dir="ltr"] .node--view-mode-full .field--tags {
- padding-left: 2.25rem;
-}
-
-[dir="rtl"] .node--view-mode-full .field--tags {
- padding-right: 2.25rem;
-}
-
-[dir="ltr"] .node--view-mode-full .field--tags {
- padding-right: 2.25rem;
-}
-
-[dir="rtl"] .node--view-mode-full .field--tags {
- padding-left: 2.25rem;
-}
-
-.node--view-mode-full .field--tags {
- margin-top: 4.5rem;
- margin-bottom: 4.5rem;
- padding-top: 1.6875rem;
- padding-bottom: 1.6875rem;
- background-color: #f7f9fa;
-}
diff --git a/web/themes/custom/rorschach/css/components/tags.pcss.css b/web/themes/custom/rorschach/css/components/tags.pcss.css
deleted file mode 100644
index 2017acb..0000000
--- a/web/themes/custom/rorschach/css/components/tags.pcss.css
+++ /dev/null
@@ -1,83 +0,0 @@
-/**
- * @file
- * Tags field styling.
- */
-
-@import "../base/variables.pcss.css";
-
-.field--tags {
- display: flex;
- font-family: var(--font-sans);
-}
-
-.field--tags__label {
- margin: 0;
- margin-inline-end: calc(var(--sp1-5) - (var(--sp0-5) / 2));
- letter-spacing: 0.02em;
- color: var(--color--gray-20);
- font-size: var(--font-size-s);
- font-weight: 600;
- line-height: 1.6;
-
- &:after {
- content: ":";
- }
-
- @media (--md) {
- line-height: 2;
- }
-}
-
-.field--label-inline .field--tags__label {
- padding-block: 0;
- padding-inline-start: 0;
- padding-inline-end: 0;
-}
-
-.field--tags__items {
- display: flex;
- flex-wrap: wrap;
- margin-block: calc((var(--sp0-5) / 2) * -1);
- margin-inline-start: calc((var(--sp0-5) / 2) * -1);
- margin-inline-end: calc((var(--sp0-5) / 2) * -1);
- padding-block: 0;
- padding-inline-start: 0;
- padding-inline-end: 0;
- list-style: none;
-}
-
-.field--tags__item {
- display: flex;
- margin-block: calc(var(--sp0-5) / 2);
- margin-inline-start: calc(var(--sp0-5) / 2);
- margin-inline-end: calc(var(--sp0-5) / 2);
-}
-
-.field--tags__item:nth-last-child(n+2):after {
- content: ",";
- font-size: var(--font-size-base);
- line-height: 1.5;
-}
-
-.field--tags__item a {
- position: relative;
- display: flex;
- align-items: center;
- text-decoration: none;
- letter-spacing: 0.02em;
- color: var(--color--blue-20);
- font-size: var(--font-size-base);
- font-weight: 700;
- line-height: 1.5;
-}
-
-.node--view-mode-full {
- & .field--tags {
- margin-block-start: var(--sp4);
- margin-block-end: var(--sp4);
- padding-block: var(--sp1-5);
- padding-inline-start: var(--sp2);
- padding-inline-end: var(--sp2);
- background-color: var(--color--gray-95);
- }
-}
diff --git a/web/themes/custom/rorschach/css/components/text-content.css b/web/themes/custom/rorschach/css/components/text-content.css
deleted file mode 100644
index 8c297c2..0000000
--- a/web/themes/custom/rorschach/css/components/text-content.css
+++ /dev/null
@@ -1,267 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Text Content.
- */
-
-.text-content,
-.cke_editable {
- color: #313637;
- font-family: Lora, georgia, serif;
- line-height: 1.6875rem;
-
- /*
- @todo
-
- text-decoration-thickness is supported by FF & Safari
- text-underline-offset is supported by Safari
-
- text-decoration-color supported by Chrome, FF, & Safari
- */
-}
-
-.text-content a:not(.button),
-.cke_editable a:not(.button) {
- word-wrap: break-word;
- color: #0d77b5;
- text-decoration-color: #0d77b5;
- text-decoration-thickness: 2px;
-}
-
-@supports (box-shadow: none) {
-
- .text-content a:not(.button),
- .cke_editable a:not(.button) {
- transition: box-shadow 0.3s cubic-bezier(0.55, 0.085, 0, 0.99);
- text-decoration: none;
- box-shadow: inset 0 -2px 0 0 #2494db;
- }
-
- .text-content a:not(.button):hover,
- .cke_editable a:not(.button):hover {
- text-decoration: underline;
- color: #000;
-
- /* @todo - #d9ecfa isn't currently a variable. */
- box-shadow: inset 0 -2em 0 0 #d9ecfa;
- text-decoration-color: #d9ecfa;
- }
-}
-
-.text-content p,
-.cke_editable p {
- margin-top: 1.125rem;
- margin-bottom: 1.125rem;
-}
-
-.text-content p:first-child,
-.cke_editable p:first-child {
- margin-top: 0;
-}
-
-.text-content p:last-child,
-.cke_editable p:last-child {
- margin-bottom: 0;
-}
-
-@media (min-width: 43.75rem) {
-
- .text-content p,
- .cke_editable p {
- margin-top: 2.25rem;
- margin-bottom: 2.25rem;
- }
-}
-
-.text-content code,
-.cke_editable code {
- background-color: #f7f9fa;
-}
-
-[dir="ltr"] .text-content pre code,
-[dir="ltr"] .cke_editable pre code {
- padding-left: 1.125rem;
-}
-
-[dir="rtl"] .text-content pre code,
-[dir="rtl"] .cke_editable pre code {
- padding-right: 1.125rem;
-}
-
-[dir="ltr"] .text-content pre code,
-[dir="ltr"] .cke_editable pre code {
- padding-right: 1.125rem;
-}
-
-[dir="rtl"] .text-content pre code,
-[dir="rtl"] .cke_editable pre code {
- padding-left: 1.125rem;
-}
-
-.text-content pre code,
-.cke_editable pre code {
- display: block;
- overflow: auto;
- padding-top: 1.125rem;
- padding-bottom: 1.125rem;
- color: #6e7172;
-}
-
-[dir="ltr"] .text-content blockquote,
-[dir="ltr"] .cke_editable blockquote {
- margin-left: 0;
-}
-
-[dir="rtl"] .text-content blockquote,
-[dir="rtl"] .cke_editable blockquote {
- margin-right: 0;
-}
-
-[dir="ltr"] .text-content blockquote,
-[dir="ltr"] .cke_editable blockquote {
- margin-right: 0;
-}
-
-[dir="rtl"] .text-content blockquote,
-[dir="rtl"] .cke_editable blockquote {
- margin-left: 0;
-}
-
-[dir="ltr"] .text-content blockquote,
-[dir="ltr"] .cke_editable blockquote {
- padding-left: 2.25rem;
-}
-
-[dir="rtl"] .text-content blockquote,
-[dir="rtl"] .cke_editable blockquote {
- padding-right: 2.25rem;
-}
-
-.text-content blockquote,
-.cke_editable blockquote {
- position: relative;
- margin-top: 2.25rem;
- margin-bottom: 2.25rem;
- letter-spacing: -0.01em;
- font-family: Lora, georgia, serif;
- font-size: 1.3125rem;
- line-height: 2.25rem;
-}
-
-[dir="ltr"] .text-content blockquote:before,
-[dir="ltr"] .cke_editable blockquote:before {
- left: 0;
-}
-
-[dir="rtl"] .text-content blockquote:before,
-[dir="rtl"] .cke_editable blockquote:before {
- right: 0;
-}
-
-.text-content blockquote:before,
-.cke_editable blockquote:before {
- position: absolute;
- top: 0;
- content: "\201C";
- color: #53b0eb;
- font-size: 3.375rem;
-}
-
-[dir="ltr"] .text-content blockquote:after,
-[dir="ltr"] .cke_editable blockquote:after {
- left: 0;
-}
-
-[dir="rtl"] .text-content blockquote:after,
-[dir="rtl"] .cke_editable blockquote:after {
- right: 0;
-}
-
-[dir="ltr"] .text-content blockquote:after,
-[dir="ltr"] .cke_editable blockquote:after {
- margin-left: 0.25rem;
-}
-
-[dir="rtl"] .text-content blockquote:after,
-[dir="rtl"] .cke_editable blockquote:after {
- margin-right: 0.25rem;
-}
-
-.text-content blockquote:after,
-.cke_editable blockquote:after {
- position: absolute;
- bottom: 0;
- width: 0.5625rem;
- height: calc(100% - 1.875rem);
- content: "";
- background: #f7f9fa;
-}
-
-@media (min-width: 43.75rem) {
-
- .text-content blockquote,
- .cke_editable blockquote {
- font-size: 2rem;
- line-height: 3.375rem;
- }
-}
-
-@media (min-width: 62.5rem) {
-
- .text-content blockquote,
- .cke_editable blockquote {
- font-size: 2.5rem;
- line-height: 3.9375rem;
- }
-}
-
-@media (min-width: 43.75rem) {
-
- .text-content,
- .cke_editable {
- font-size: 1.125rem;
- line-height: 2.25rem;
- }
-}
-
-/**
- * Special colors for footer that has a dark background.
- */
-
-.site-footer .text-content {
- color: inherit;
-}
-
-.site-footer .text-content * {
- color: inherit;
-}
-
-.site-footer .text-content a {
- text-decoration: underline;
- color: #fff;
- box-shadow: none;
-}
-
-.site-footer .text-content a:hover {
- text-decoration: none;
- color: #fff;
- box-shadow: none;
-}
-
-/**
- * Decrease font-size for blockquote placed in sidebar region.
- */
-
-@media (min-width: 62.5rem) {
-
- .region--sidebar .text-content blockquote {
- font-size: 1.5rem;
- line-height: 2.25rem;
- }
-}
diff --git a/web/themes/custom/rorschach/css/components/text-content.pcss.css b/web/themes/custom/rorschach/css/components/text-content.pcss.css
deleted file mode 100644
index 668d546..0000000
--- a/web/themes/custom/rorschach/css/components/text-content.pcss.css
+++ /dev/null
@@ -1,155 +0,0 @@
-/**
- * @file
- * Text Content.
- */
-
-@import "../base/variables.pcss.css";
-
-.text-content,
-.cke_editable {
- color: var(--color--gray-10);
- font-family: var(--font-serif);
- line-height: var(--sp1-5);
-
- /*
- @todo
-
- text-decoration-thickness is supported by FF & Safari
- text-underline-offset is supported by Safari
-
- text-decoration-color supported by Chrome, FF, & Safari
- */
-
- & a:not(.button) {
- color: var(--color--blue-20);
- text-decoration-color: var(--color--blue-20);
- text-decoration-thickness: 2px;
- overflow-wrap: break-word;
-
- @supports (box-shadow: none) {
- transition: box-shadow 0.3s cubic-bezier(0.55, 0.085, 0, 0.99);
- text-decoration: none;
- box-shadow: inset 0 -2px 0 0 var(--color--blue-50);
-
- &:hover {
- text-decoration: underline;
- color: var(--color--black);
-
- /* @todo - #d9ecfa isn't currently a variable. */
- box-shadow: inset 0 -2em 0 0 #d9ecfa;
- text-decoration-color: #d9ecfa;
- }
- }
- }
-
- & p {
- margin-block-start: var(--sp);
- margin-block-end: var(--sp);
-
- &:first-child {
- margin-block-start: 0;
- }
-
- &:last-child {
- margin-block-end: 0;
- }
-
- @media (--md) {
- margin-block-start: var(--sp2);
- margin-block-end: var(--sp2);
- }
- }
-
- & code {
- background-color: var(--color--gray-95);
- }
-
- & pre code {
- display: block;
- overflow: auto;
- padding-block: var(--sp);
- padding-inline-start: var(--sp);
- padding-inline-end: var(--sp);
- color: var(--color--gray-20);
- }
-
- & blockquote {
- position: relative;
- margin-block: var(--sp2);
- margin-inline-start: 0;
- margin-inline-end: 0;
- padding-inline-start: var(--sp2);
- letter-spacing: -0.01em;
- font-family: var(--font-serif);
- font-size: 21px;
- line-height: var(--sp2);
-
- &:before {
- position: absolute;
- inset-block-start: 0;
- inset-inline-start: 0;
- content: "\201C";
- color: var(--color--blue-70);
- font-size: 54px;
- }
-
- &:after {
- position: absolute;
- inset-block-end: 0;
- inset-inline-start: 0;
- width: var(--sp0-5);
- height: calc(100% - 30px);
- margin-inline-start: 4px;
- content: "";
- background: var(--color--gray-95);
- }
-
- @media (--grid-md) {
- font-size: 32px;
- line-height: var(--sp3);
- }
-
- @media (--lg) {
- font-size: 40px;
- line-height: calc(3.5 * var(--sp));
- }
- }
-
- @media (--grid-md) {
- font-size: 18px;
- line-height: var(--sp2);
- }
-}
-
-/**
- * Special colors for footer that has a dark background.
- */
-.site-footer .text-content {
- color: inherit;
-
- & * {
- color: inherit;
- }
-
- & a {
- text-decoration: underline;
- color: var(--color--white);
- box-shadow: none;
-
- &:hover {
- text-decoration: none;
- color: var(--color--white);
- box-shadow: none;
- }
- }
-}
-
-/**
- * Decrease font-size for blockquote placed in sidebar region.
- */
-.region--sidebar .text-content blockquote {
- @media (--lg) {
- font-size: 24px;
- line-height: var(--sp2);
- }
-}
diff --git a/web/themes/custom/rorschach/css/components/ui-dialog.css b/web/themes/custom/rorschach/css/components/ui-dialog.css
deleted file mode 100644
index 2137d06..0000000
--- a/web/themes/custom/rorschach/css/components/ui-dialog.css
+++ /dev/null
@@ -1,16 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-/**
- * @file
- * Styles for jQuery UI dialog.
- */
-.ui-widget-overlay {
- z-index: 1259;
-}
-.ui-dialog {
- z-index: 1260;
-}
diff --git a/web/themes/custom/rorschach/css/components/ui-dialog.pcss.css b/web/themes/custom/rorschach/css/components/ui-dialog.pcss.css
deleted file mode 100644
index 7eb47a7..0000000
--- a/web/themes/custom/rorschach/css/components/ui-dialog.pcss.css
+++ /dev/null
@@ -1,11 +0,0 @@
-/**
- * @file
- * Styles for jQuery UI dialog.
- */
-.ui-widget-overlay {
- z-index: 1259;
-}
-
-.ui-dialog {
- z-index: 1260;
-}
diff --git a/web/themes/custom/rorschach/css/components/vertical-tabs.css b/web/themes/custom/rorschach/css/components/vertical-tabs.css
deleted file mode 100644
index 6685aee..0000000
--- a/web/themes/custom/rorschach/css/components/vertical-tabs.css
+++ /dev/null
@@ -1,149 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Vertical Tabs.
- */
-
-@media (min-width: 62.5rem) {
-
- .vertical-tabs {
- display: flex;
- }
-}
-
-[dir="ltr"] .vertical-tabs__menu {
- margin-left: 0;
-}
-
-[dir="rtl"] .vertical-tabs__menu {
- margin-right: 0;
-}
-
-[dir="ltr"] .vertical-tabs__menu {
- margin-right: 0;
-}
-
-[dir="rtl"] .vertical-tabs__menu {
- margin-left: 0;
-}
-
-.vertical-tabs__menu {
- position: relative;
- align-self: flex-start;
- margin: 0;
- list-style: none;
- border-width: 1px;
- border-style: solid;
- border-color: #e7edf1;
-}
-
-@media (min-width: 62.5rem) {
-
- .vertical-tabs__menu {
- width: 15rem;
- border-width: 1px 0 1px 1px;
- }
-}
-
-.vertical-tabs__panes {
- margin-top: -1px;
-}
-
-@media (min-width: 62.5rem) {
-
- .vertical-tabs__panes {
- width: calc(100% - 15rem);
- margin-top: 0;
- }
-}
-
-@media (min-width: 62.5rem) {
-
- .vertical-tabs__pane {
- min-height: 100%;
- }
-}
-
-.vertical-tabs__pane.olivero-details {
- margin: 0;
- border-radius: 0;
- box-shadow: none;
-}
-
-.vertical-tabs__pane > summary {
- display: none;
-}
-
-.vertical-tabs__menu-item:nth-child(n+2) {
- border-top: 1px solid #e7edf1;
-}
-
-[dir="ltr"] .vertical-tabs__menu-item a {
- padding-left: 0.84375rem;
-}
-
-[dir="rtl"] .vertical-tabs__menu-item a {
- padding-right: 0.84375rem;
-}
-
-[dir="ltr"] .vertical-tabs__menu-item a {
- padding-right: 0.84375rem;
-}
-
-[dir="rtl"] .vertical-tabs__menu-item a {
- padding-left: 0.84375rem;
-}
-
-.vertical-tabs__menu-item a {
- display: block;
- padding-top: 0.5625rem;
- padding-bottom: 0.5625rem;
- text-decoration: none;
- color: #0f6292;
- background-color: #e7edf1;
-}
-
-.vertical-tabs__menu-item a:focus,
-.vertical-tabs__menu-item a:hover,
-.vertical-tabs__menu-item a:active {
- background-color: #f7f9fa;
-}
-
-.vertical-tabs__menu-item.is-selected {
- background-color: #fff;
-}
-
-@media (min-width: 62.5rem) {
-
- [dir="ltr"] .vertical-tabs__menu-item.is-selected {
- margin-right: -1px;
- }
-
- [dir="rtl"] .vertical-tabs__menu-item.is-selected {
- margin-left: -1px;
- }
-
- [dir="ltr"] .vertical-tabs__menu-item.is-selected {
- padding-right: 1px;
- }
-
- [dir="rtl"] .vertical-tabs__menu-item.is-selected {
- padding-left: 1px;
- }
-}
-
-.vertical-tabs__menu-item.is-selected a {
- background-color: transparent;
-}
-
-.vertical-tabs__menu-item-summary {
- display: block;
- font-size: 0.875rem;
- line-height: 1.125rem;
-}
diff --git a/web/themes/custom/rorschach/css/components/vertical-tabs.pcss.css b/web/themes/custom/rorschach/css/components/vertical-tabs.pcss.css
deleted file mode 100644
index be8f2d9..0000000
--- a/web/themes/custom/rorschach/css/components/vertical-tabs.pcss.css
+++ /dev/null
@@ -1,98 +0,0 @@
-/**
- * @file
- * Vertical Tabs.
- */
-
-@import "../base/variables.pcss.css";
-
-:root {
- --vertical-tabs-menu-width: 15rem;
- --vertical-tabs-menu-border-width: 1px;
-}
-
-.vertical-tabs {
- @media (--lg) {
- display: flex;
- }
-}
-
-.vertical-tabs__menu {
- position: relative;
- align-self: flex-start;
- margin: 0;
- margin-inline-start: 0;
- margin-inline-end: 0;
- list-style: none;
- border-width: var(--vertical-tabs-menu-border-width);
- border-style: solid;
- border-color: var(--color--gray-80);
-
- @media (--lg) {
- width: var(--vertical-tabs-menu-width);
- border-width: var(--vertical-tabs-menu-border-width) 0 var(--vertical-tabs-menu-border-width) var(--vertical-tabs-menu-border-width);
- }
-}
-
-.vertical-tabs__panes {
- margin-block-start: calc(var(--vertical-tabs-menu-border-width) * -1);
-
- @media (--lg) {
- width: calc(100% - var(--vertical-tabs-menu-width));
- margin-block-start: 0;
- }
-}
-
-.vertical-tabs__pane {
- @media (--lg) {
- min-height: 100%;
- }
-}
-
-.vertical-tabs__pane.olivero-details {
- margin: 0;
- border-radius: 0;
- box-shadow: none;
-}
-
-.vertical-tabs__pane > summary {
- display: none;
-}
-
-.vertical-tabs__menu-item:nth-child(n+2) {
- border-block-start: var(--vertical-tabs-menu-border-width) solid var(--color--gray-80);
-}
-
-.vertical-tabs__menu-item a {
- display: block;
- padding-block: var(--sp0-5);
- padding-inline-start: var(--sp0-75);
- padding-inline-end: var(--sp0-75);
- text-decoration: none;
- color: var(--color--blue-10);
- background-color: var(--color--gray-80);
-
- &:focus,
- &:hover,
- &:active {
- background-color: var(--color--gray-95);
- }
-}
-
-.vertical-tabs__menu-item.is-selected {
- background-color: var(--color--white);
-
- @media (--lg) {
- margin-inline-end: calc(var(--vertical-tabs-menu-border-width) * -1);
- padding-inline-end: var(--vertical-tabs-menu-border-width);
- }
-}
-
-.vertical-tabs__menu-item.is-selected a {
- background-color: transparent;
-}
-
-.vertical-tabs__menu-item-summary {
- display: block;
- font-size: var(--font-size-s);
- line-height: var(--line-height-s);
-}
diff --git a/web/themes/custom/rorschach/css/components/wide-image.css b/web/themes/custom/rorschach/css/components/wide-image.css
deleted file mode 100644
index ec26542..0000000
--- a/web/themes/custom/rorschach/css/components/wide-image.css
+++ /dev/null
@@ -1,146 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Wide image component.
- */
-
-[dir="ltr"] .wide-image {
- margin-left: 0;
-}
-
-[dir="rtl"] .wide-image {
- margin-right: 0;
-}
-
-[dir="ltr"] .wide-image {
- margin-right: 0;
-}
-
-[dir="rtl"] .wide-image {
- margin-left: 0;
-}
-
-.wide-image {
- margin-top: 0.5625rem;
- margin-bottom: 2.25rem;
-}
-
-@media (min-width: 43.75rem) {
-
- [dir="ltr"] .wide-image {
- margin-left: -7.14286vw;
- }
-
- [dir="rtl"] .wide-image {
- margin-right: -7.14286vw;
- }
-
- .wide-image {
- width: calc(100vw - 2.25rem);
- margin-top: 2.25rem;
- margin-bottom: 4.5rem;
- }
-}
-
-@media (min-width: 62.5rem) {
-
- [dir="ltr"] .wide-image {
- margin-left: calc(-7.14286vw - -0.06696rem);
- }
-
- [dir="rtl"] .wide-image {
- margin-right: calc(-7.14286vw - -0.06696rem);
- }
-
- .wide-image {
- width: calc(85.71429vw - 3.05357rem);
- }
-}
-
-@media (min-width: 75rem) {
-
- [dir="ltr"] .wide-image {
- margin-left: calc(-7.14286vw - -0.62946rem);
- }
-
- [dir="rtl"] .wide-image {
- margin-right: calc(-7.14286vw - -0.62946rem);
- }
-
- .wide-image {
- width: calc(85.71429vw - 9.80357rem);
- }
-}
-
-@media (min-width: 90rem) {
-
- [dir="ltr"] .wide-image {
- margin-left: -5.86607rem;
- }
-
- [dir="rtl"] .wide-image {
- margin-right: -5.86607rem;
- }
-
- .wide-image {
- width: 68.14286rem;
- }
-}
-
-/* Ensure that image doesn't overlap sidebar. */
-
-@media (min-width: 62.5rem) {
-
- .sidebar-grid .wide-image {
- width: calc(64.28571vw - 2.85268rem);
- }
-}
-
-@media (min-width: 75rem) {
-
- .sidebar-grid .wide-image {
- width: calc(64.28571vw - 7.91518rem);
- }
-}
-
-@media (min-width: 81.25rem) {
-
- .sidebar-grid .wide-image {
- width: calc(71.42857vw - 8.54464rem);
- }
-}
-
-@media (min-width: 90rem) {
-
- .sidebar-grid .wide-image {
- width: 56.41071rem;
- }
-}
-
-/* Ensure that image doesn't overlap layout builder sections when editing layouts. */
-
-[dir="ltr"] .layout-builder .wide-image {
- margin-left: 0;
-}
-
-[dir="rtl"] .layout-builder .wide-image {
- margin-right: 0;
-}
-
-[dir="ltr"] .layout-builder .wide-image {
- margin-right: 0;
-}
-
-[dir="rtl"] .layout-builder .wide-image {
- margin-left: 0;
-}
-
-.layout-builder .wide-image {
- max-width: 100%;
-}
diff --git a/web/themes/custom/rorschach/css/components/wide-image.pcss.css b/web/themes/custom/rorschach/css/components/wide-image.pcss.css
deleted file mode 100644
index bcd2df2..0000000
--- a/web/themes/custom/rorschach/css/components/wide-image.pcss.css
+++ /dev/null
@@ -1,60 +0,0 @@
-/**
- * @file
- * Wide image component.
- */
-
-@import "../base/variables.pcss.css";
-
-.wide-image {
- margin-block-start: var(--sp0-5);
- margin-block-end: var(--sp2);
- margin-inline-start: 0;
- margin-inline-end: 0;
-
- @media (--grid-md) {
- width: calc(14 * var(--grid-col-width--md) + 13 * var(--grid-gap--md));
- margin-block: var(--sp2) var(--sp4);
- margin-inline-start: calc(-1 * ((var(--grid-col-width--md) + var(--grid-gap--md))));
- }
-
- @media (--lg) {
- width: calc(12 * var(--grid-col-width--lg) + 11 * var(--grid-gap--lg));
- margin-inline-start: calc(-1 * (var(--grid-col-width--lg) + var(--grid-gap--lg)));
- }
-
- @media (--nav) {
- width: calc(12 * var(--grid-col-width--nav) + 11 * var(--grid-gap--nav));
- margin-inline-start: calc(-1 * (var(--grid-col-width--nav) + var(--grid-gap--nav)));
- }
-
- @media (--grid-max) {
- width: calc(12 * var(--grid-col-width--max) + 11 * var(--grid-gap--max));
- margin-inline-start: calc(-1 * (var(--grid-col-width--max) + var(--grid-gap--max)));
- }
-}
-
-/* Ensure that image doesn't overlap sidebar. */
-.sidebar-grid .wide-image {
- @media (--lg) {
- width: calc(9 * var(--grid-col-width--lg) + 8 * var(--grid-gap--lg));
- }
-
- @media (--nav) {
- width: calc(9 * var(--grid-col-width--nav) + 8 * var(--grid-gap--nav));
- }
-
- @media (--xl) {
- width: calc(10 * var(--grid-col-width--nav) + 9 * var(--grid-gap--nav));
- }
-
- @media (--grid-max) {
- width: calc(10 * var(--grid-col-width--max) + 9 * var(--grid-gap--max));
- }
-}
-
-/* Ensure that image doesn't overlap layout builder sections when editing layouts. */
-.layout-builder .wide-image {
- max-width: 100%;
- margin-inline-start: 0;
- margin-inline-end: 0;
-}
diff --git a/web/themes/custom/rorschach/css/layout/grid.css b/web/themes/custom/rorschach/css/layout/grid.css
deleted file mode 100644
index ba88f06..0000000
--- a/web/themes/custom/rorschach/css/layout/grid.css
+++ /dev/null
@@ -1,84 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Grid system.
- */
-
-.grid-full {
- display: -ms-grid;
- display: grid;
- -ms-grid-rows: 1fr;
- grid-template-rows: 1fr;
- -ms-grid-columns: (minmax(0, 1fr))[6];
- grid-template-columns: repeat(6, minmax(0, 1fr));
- grid-column-gap: 1.125rem;
-
- /* .grid-full classes nested 3 or more deep go full width. */
-}
-
-.grid-full .grid-full .grid-full {
- display: block;
-}
-
-@media (min-width: 43.75rem) {
-
- .grid-full {
- -ms-grid-columns: (minmax(0, 1fr))[14];
- grid-template-columns: repeat(14, minmax(0, 1fr));
- grid-column-gap: 2.25rem;
- }
-}
-
-/*
- If the .grid-full is nested within the following, apply the appropriate number of columns.
- - .layout--content-narrow class.
- - Element that's inheriting the layout--content-narrow styles from its parent region.
-*/
-
-@media (min-width: 43.75rem) {
-
- .layout--content-narrow .grid-full,
- .layout--pass--content-narrow > * .grid-full {
- -ms-grid-columns: (minmax(0, 1fr))[ 12 ];
- grid-template-columns: repeat(12, minmax(0, 1fr));
- }
-}
-
-@media (min-width: 62.5rem) {
-
- .layout--content-narrow .grid-full,
- .layout--pass--content-narrow > * .grid-full {
- -ms-grid-columns: (minmax(0, 1fr))[ 8 ];
- grid-template-columns: repeat(8, minmax(0, 1fr));
- }
-}
-
-/*
- If the .grid-full is nested within the following, apply the appropriate number of columns.
- - .layout--content-medium class.
- - Element that's inheriting the layout--content-medium styles from its parent region.
-*/
-
-@media (min-width: 43.75rem) {
-
- .layout--content-medium .grid-full,
- .layout--pass--content-medium > * .grid-full {
- -ms-grid-columns: (minmax(0, 1fr))[ 12 ];
- grid-template-columns: repeat(12, minmax(0, 1fr));
- }
-}
-
-@media (min-width: 62.5rem) {
-
- .layout--content-medium .grid-full,
- .layout--pass--content-medium > * .grid-full {
- -ms-grid-columns: (minmax(0, 1fr))[ 10 ];
- grid-template-columns: repeat(10, minmax(0, 1fr));
- }
-}
diff --git a/web/themes/custom/rorschach/css/layout/grid.pcss.css b/web/themes/custom/rorschach/css/layout/grid.pcss.css
deleted file mode 100644
index 7299bfe..0000000
--- a/web/themes/custom/rorschach/css/layout/grid.pcss.css
+++ /dev/null
@@ -1,59 +0,0 @@
-/**
- * @file
- * Grid system.
- */
-
-@import "../base/variables.pcss.css";
-
-.grid-full {
- display: grid;
- grid-template-rows: 1fr;
- grid-template-columns: repeat(var(--grid-col-count), minmax(0, 1fr));
- grid-column-gap: var(--grid-gap);
-
- /* .grid-full classes nested 3 or more deep go full width. */
- & .grid-full .grid-full {
- display: block;
- }
-
- @media (--grid-md) {
- grid-template-columns: repeat(var(--grid-col-count--md), minmax(0, 1fr));
- grid-column-gap: var(--grid-gap--md);
- }
-}
-
-/*
- If the .grid-full is nested within the following, apply the appropriate number of columns.
- - .layout--content-narrow class.
- - Element that's inheriting the layout--content-narrow styles from its parent region.
-*/
-.layout--content-narrow .grid-full,
-.layout--pass--content-narrow > * .grid-full {
- @media (--grid-md) {
- -ms-grid-columns: (minmax(0, 1fr))[ calc(var(--grid-col-count--md) - 2) ];
- grid-template-columns: repeat(calc(var(--grid-col-count--md) - 2), minmax(0, 1fr));
- }
-
- @media (--lg) {
- -ms-grid-columns: (minmax(0, 1fr))[ calc(var(--grid-col-count--lg) - 6) ];
- grid-template-columns: repeat(calc(var(--grid-col-count--lg) - 6), minmax(0, 1fr));
- }
-}
-
-/*
- If the .grid-full is nested within the following, apply the appropriate number of columns.
- - .layout--content-medium class.
- - Element that's inheriting the layout--content-medium styles from its parent region.
-*/
-.layout--content-medium .grid-full,
-.layout--pass--content-medium > * .grid-full {
- @media (--grid-md) {
- -ms-grid-columns: (minmax(0, 1fr))[ calc(var(--grid-col-count--md) - 2) ];
- grid-template-columns: repeat(calc(var(--grid-col-count--md) - 2), minmax(0, 1fr));
- }
-
- @media (--lg) {
- -ms-grid-columns: (minmax(0, 1fr))[ calc(var(--grid-col-count--md) - 4) ];
- grid-template-columns: repeat(calc(var(--grid-col-count--md) - 4), minmax(0, 1fr));
- }
-}
diff --git a/web/themes/custom/rorschach/css/layout/layout-builder-fourcol-section.css b/web/themes/custom/rorschach/css/layout/layout-builder-fourcol-section.css
deleted file mode 100644
index a53fd65..0000000
--- a/web/themes/custom/rorschach/css/layout/layout-builder-fourcol-section.css
+++ /dev/null
@@ -1,95 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/*
- * @file
- * Provides the layout styles for four-column layout section.
- */
-
-.layout--fourcol-section {
- display: flex;
- flex-wrap: wrap;
-}
-
-.layout--fourcol-section > .layout__region {
- flex: 1 0 100%;
- margin-bottom: 1.125rem;
-}
-
-@media (min-width: 43.75rem) {
-
- .layout--fourcol-section > .layout__region {
- flex-basis: calc(50% - 1.125rem);
- flex-grow: 0;
- flex-shrink: 0;
- margin-bottom: 0;
- }
-}
-
-/* Two column layout. */
-
-@media (min-width: 43.75rem) {
- .layout--fourcol-section > .layout__region--first,
- .layout--fourcol-section > .layout__region--second {
- margin-bottom: 2.25rem;
- }
-
- [dir="ltr"] .layout--fourcol-section > .layout__region--first,
- [dir="ltr"] .layout--fourcol-section > .layout__region--third {
- margin-right: 1.125rem;
- }
-
- [dir="rtl"] .layout--fourcol-section > .layout__region--first,
- [dir="rtl"] .layout--fourcol-section > .layout__region--third {
- margin-left: 1.125rem;
- }
-
- [dir="ltr"] .layout--fourcol-section > .layout__region--second,
- [dir="ltr"] .layout--fourcol-section > .layout__region--fourth {
- margin-left: 1.125rem;
- }
-
- [dir="rtl"] .layout--fourcol-section > .layout__region--second,
- [dir="rtl"] .layout--fourcol-section > .layout__region--fourth {
- margin-right: 1.125rem;
- }
-}
-
-/* Four column layout. */
-
-@media (min-width: 62.5rem) {
- .layout--fourcol-section > .layout__region {
- flex-basis: calc(25% - 1.6875rem);
- }
-
- .layout--fourcol-section > .layout__region--first,
- .layout--fourcol-section > .layout__region--second {
- margin-bottom: 0;
- }
-
- [dir="ltr"] .layout--fourcol-section > .layout__region--first {
- margin-right: 1.125rem;
- }
-
- [dir="rtl"] .layout--fourcol-section > .layout__region--first {
- margin-left: 1.125rem;
- }
-
- .layout--fourcol-section > .layout__region--second,
- .layout--fourcol-section > .layout__region--third {
- margin-right: 1.125rem;
- margin-left: 1.125rem;
- }
-
- [dir="ltr"] .layout--fourcol-section > .layout__region--fourth {
- margin-left: 1.125rem;
- }
-
- [dir="rtl"] .layout--fourcol-section > .layout__region--fourth {
- margin-right: 1.125rem;
- }
-}
diff --git a/web/themes/custom/rorschach/css/layout/layout-builder-fourcol-section.pcss.css b/web/themes/custom/rorschach/css/layout/layout-builder-fourcol-section.pcss.css
deleted file mode 100644
index 7f4c655..0000000
--- a/web/themes/custom/rorschach/css/layout/layout-builder-fourcol-section.pcss.css
+++ /dev/null
@@ -1,66 +0,0 @@
-/*
- * @file
- * Provides the layout styles for four-column layout section.
- */
-
-@import "../base/variables.pcss.css";
-
-.layout--fourcol-section {
- display: flex;
- flex-wrap: wrap;
-
- & > .layout__region {
- flex: 1 0 100%;
- margin-block-end: var(--grid-gap);
-
- @media (--md) {
- flex-basis: calc(50% - (var(--grid-gap--md) * 0.5));
- flex-grow: 0;
- flex-shrink: 0;
- margin-block-end: 0;
- }
- }
-
- /* Two column layout. */
- @media (--md) {
- & > .layout__region--first,
- & > .layout__region--second {
- margin-block-end: var(--grid-gap--md);
- }
-
- & > .layout__region--first,
- & > .layout__region--third {
- margin-inline-end: calc(var(--grid-gap--md) * 0.5);
- }
-
- & > .layout__region--second,
- & > .layout__region--fourth {
- margin-inline-start: calc(var(--grid-gap--md) * 0.5);
- }
- }
-
- /* Four column layout. */
- @media (--lg) {
- & > .layout__region {
- flex-basis: calc(25% - (var(--grid-gap--md) * 0.75));
- }
-
- & > .layout__region--first,
- & > .layout__region--second {
- margin-block-end: 0;
- }
-
- & > .layout__region--first {
- margin-inline-end: calc(var(--grid-gap--md) * 0.5);
- }
-
- & > .layout__region--second,
- & > .layout__region--third {
- margin-inline: calc(var(--grid-gap--md) * 0.5);
- }
-
- & > .layout__region--fourth {
- margin-inline-start: calc(var(--grid-gap--md) * 0.5);
- }
- }
-}
diff --git a/web/themes/custom/rorschach/css/layout/layout-builder-threecol-section.css b/web/themes/custom/rorschach/css/layout/layout-builder-threecol-section.css
deleted file mode 100644
index 166c3df..0000000
--- a/web/themes/custom/rorschach/css/layout/layout-builder-threecol-section.css
+++ /dev/null
@@ -1,81 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/*
- * @file
- * Provides the layout styles for three-column layout section.
- */
-
-.layout--threecol-section {
- display: flex;
- flex-wrap: wrap;
-}
-
-.layout--threecol-section > .layout__region {
- flex: 1 0 100%;
- margin-bottom: 1.125rem;
-}
-
-@media (min-width: 62.5rem) {
-
- .layout--threecol-section > .layout__region {
- flex-grow: 0;
- flex-shrink: 0;
- margin-bottom: 0;
- }
-}
-
-@media (min-width: 62.5rem) {
- [dir="ltr"] .layout--threecol-section > .layout__region--first {
- margin-right: 1.125rem;
- }
- [dir="rtl"] .layout--threecol-section > .layout__region--first {
- margin-left: 1.125rem;
- }
-
- .layout--threecol-section > .layout__region--second {
- margin-right: 1.125rem;
- margin-left: 1.125rem;
- }
-
- [dir="ltr"] .layout--threecol-section > .layout__region--third {
- margin-left: 1.125rem;
- }
-
- [dir="rtl"] .layout--threecol-section > .layout__region--third {
- margin-right: 1.125rem;
- }
- .layout--threecol-section--25-50-25 > .layout__region--first,
- .layout--threecol-section--25-50-25 > .layout__region--third {
- flex-basis: calc(25% - 1.125rem);
- }
-
- .layout--threecol-section--25-50-25 > .layout__region--second {
- flex-basis: calc(50% - 2.25rem);
- }
- .layout--threecol-section--25-25-50 > .layout__region--first,
- .layout--threecol-section--25-25-50 > .layout__region--second {
- flex-basis: calc(25% - 1.125rem);
- }
-
- .layout--threecol-section--25-25-50 > .layout__region--third {
- flex-basis: calc(50% - 2.25rem);
- }
- .layout--threecol-section--50-25-25 > .layout__region--first {
- flex-basis: calc(50% - 2.25rem);
- }
-
- .layout--threecol-section--50-25-25 > .layout__region--second,
- .layout--threecol-section--50-25-25 > .layout__region--third {
- flex-basis: calc(25% - 1.125rem);
- }
- .layout--threecol-section--33-34-33 > .layout__region--first,
- .layout--threecol-section--33-34-33 > .layout__region--second,
- .layout--threecol-section--33-34-33 > .layout__region--third {
- flex-basis: calc(33.33% - 1.50075rem);
- }
-}
diff --git a/web/themes/custom/rorschach/css/layout/layout-builder-threecol-section.pcss.css b/web/themes/custom/rorschach/css/layout/layout-builder-threecol-section.pcss.css
deleted file mode 100644
index 3664e5d..0000000
--- a/web/themes/custom/rorschach/css/layout/layout-builder-threecol-section.pcss.css
+++ /dev/null
@@ -1,79 +0,0 @@
-/*
- * @file
- * Provides the layout styles for three-column layout section.
- */
-
-@import "../base/variables.pcss.css";
-
-.layout--threecol-section {
- display: flex;
- flex-wrap: wrap;
-
- & > .layout__region {
- flex: 1 0 100%;
- margin-block-end: var(--grid-gap);
-
- @media (--lg) {
- flex-grow: 0;
- flex-shrink: 0;
- margin-block-end: 0;
- }
- }
-}
-
-@media (--lg) {
- .layout--threecol-section {
- & > .layout__region--first {
- margin-inline-end: calc(var(--grid-gap--md) * 0.5);
- }
-
- & > .layout__region--second {
- margin-inline: calc(var(--grid-gap--md) * 0.5);
- }
-
- & > .layout__region--third {
- margin-inline-start: calc(var(--grid-gap--md) * 0.5);
- }
- }
-
- .layout--threecol-section--25-50-25 {
- & > .layout__region--first,
- & > .layout__region--third {
- flex-basis: calc(25% - (var(--grid-gap--md) * 0.5));
- }
-
- & > .layout__region--second {
- flex-basis: calc(50% - var(--grid-gap--md));
- }
- }
-
- .layout--threecol-section--25-25-50 {
- & > .layout__region--first,
- & > .layout__region--second {
- flex-basis: calc(25% - (var(--grid-gap--md) * 0.5));
- }
-
- & > .layout__region--third {
- flex-basis: calc(50% - var(--grid-gap--md));
- }
- }
-
- .layout--threecol-section--50-25-25 {
- & > .layout__region--first {
- flex-basis: calc(50% - var(--grid-gap--md));
- }
-
- & > .layout__region--second,
- & > .layout__region--third {
- flex-basis: calc(25% - (var(--grid-gap--md) * 0.5));
- }
- }
-
- .layout--threecol-section--33-34-33 {
- & > .layout__region--first,
- & > .layout__region--second,
- & > .layout__region--third {
- flex-basis: calc(33.33% - (var(--grid-gap--md) * 0.667));
- }
- }
-}
diff --git a/web/themes/custom/rorschach/css/layout/layout-builder-twocol-section.css b/web/themes/custom/rorschach/css/layout/layout-builder-twocol-section.css
deleted file mode 100644
index e87f40e..0000000
--- a/web/themes/custom/rorschach/css/layout/layout-builder-twocol-section.css
+++ /dev/null
@@ -1,138 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/*
- * @file
- * Provides the layout styles for two-column layout section.
- */
-
-.layout--twocol-section {
- display: flex;
- flex-wrap: wrap;
-}
-
-.layout--twocol-section > .layout__region {
- flex: 1 0 100%;
- margin-bottom: 1.125rem;
-}
-
-@media (min-width: 43.75rem) {
-
- .layout--twocol-section > .layout__region {
- flex-grow: 0;
- flex-shrink: 0;
- margin-bottom: 0;
- }
-}
-
-@media (min-width: 43.75rem) {
- [dir="ltr"] .layout--twocol-section--50-50 > .layout__region--first {
- margin-right: 1.125rem;
- }
- [dir="rtl"] .layout--twocol-section--50-50 > .layout__region--first {
- margin-left: 1.125rem;
- }
- .layout--twocol-section--50-50 > .layout__region--first {
- flex-basis: calc(50% - 1.125rem);
- }
-
- [dir="ltr"] .layout--twocol-section--50-50 > .layout__region--second {
- margin-left: 1.125rem;
- }
-
- [dir="rtl"] .layout--twocol-section--50-50 > .layout__region--second {
- margin-right: 1.125rem;
- }
-
- .layout--twocol-section--50-50 > .layout__region--second {
- flex-basis: calc(50% - 1.125rem);
- }
- [dir="ltr"] .layout--twocol-section--33-67 > .layout__region--first {
- margin-right: 0.74993rem;
- }
- [dir="rtl"] .layout--twocol-section--33-67 > .layout__region--first {
- margin-left: 0.74993rem;
- }
- .layout--twocol-section--33-67 > .layout__region--first {
- flex-basis: calc(33.33% - 0.74993rem);
- }
-
- [dir="ltr"] .layout--twocol-section--33-67 > .layout__region--second {
- margin-left: 1.49985rem;
- }
-
- [dir="rtl"] .layout--twocol-section--33-67 > .layout__region--second {
- margin-right: 1.49985rem;
- }
-
- .layout--twocol-section--33-67 > .layout__region--second {
- flex-basis: calc(66.66% - 1.49985rem);
- }
- [dir="ltr"] .layout--twocol-section--67-33 > .layout__region--first {
- margin-right: 1.49985rem;
- }
- [dir="rtl"] .layout--twocol-section--67-33 > .layout__region--first {
- margin-left: 1.49985rem;
- }
- .layout--twocol-section--67-33 > .layout__region--first {
- flex-basis: calc(66.66% - 1.49985rem);
- }
-
- [dir="ltr"] .layout--twocol-section--67-33 > .layout__region--second {
- margin-left: 0.74993rem;
- }
-
- [dir="rtl"] .layout--twocol-section--67-33 > .layout__region--second {
- margin-right: 0.74993rem;
- }
-
- .layout--twocol-section--67-33 > .layout__region--second {
- flex-basis: calc(33.33% - 0.74993rem);
- }
- [dir="ltr"] .layout--twocol-section--25-75 > .layout__region--first {
- margin-right: 0.5625rem;
- }
- [dir="rtl"] .layout--twocol-section--25-75 > .layout__region--first {
- margin-left: 0.5625rem;
- }
- .layout--twocol-section--25-75 > .layout__region--first {
- flex-basis: calc(25% - 0.5625rem);
- }
-
- [dir="ltr"] .layout--twocol-section--25-75 > .layout__region--second {
- margin-left: 1.6875rem;
- }
-
- [dir="rtl"] .layout--twocol-section--25-75 > .layout__region--second {
- margin-right: 1.6875rem;
- }
-
- .layout--twocol-section--25-75 > .layout__region--second {
- flex-basis: calc(75% - 1.6875rem);
- }
- [dir="ltr"] .layout--twocol-section--75-25 > .layout__region--first {
- margin-right: 1.6875rem;
- }
- [dir="rtl"] .layout--twocol-section--75-25 > .layout__region--first {
- margin-left: 1.6875rem;
- }
- .layout--twocol-section--75-25 > .layout__region--first {
- flex-basis: calc(75% - 1.6875rem);
- }
-
- [dir="ltr"] .layout--twocol-section--75-25 > .layout__region--second {
- margin-left: 0.5625rem;
- }
-
- [dir="rtl"] .layout--twocol-section--75-25 > .layout__region--second {
- margin-right: 0.5625rem;
- }
-
- .layout--twocol-section--75-25 > .layout__region--second {
- flex-basis: calc(25% - 0.5625rem);
- }
-}
diff --git a/web/themes/custom/rorschach/css/layout/layout-builder-twocol-section.pcss.css b/web/themes/custom/rorschach/css/layout/layout-builder-twocol-section.pcss.css
deleted file mode 100644
index 8e85121..0000000
--- a/web/themes/custom/rorschach/css/layout/layout-builder-twocol-section.pcss.css
+++ /dev/null
@@ -1,84 +0,0 @@
-/*
- * @file
- * Provides the layout styles for two-column layout section.
- */
-
-@import "../base/variables.pcss.css";
-
-.layout--twocol-section {
- display: flex;
- flex-wrap: wrap;
-
- & > .layout__region {
- flex: 1 0 100%;
- margin-block-end: var(--grid-gap);
-
- @media (--md) {
- flex-grow: 0;
- flex-shrink: 0;
- margin-block-end: 0;
- }
- }
-}
-
-@media (--md) {
- .layout--twocol-section--50-50 {
- & > .layout__region--first {
- flex-basis: calc(50% - (var(--grid-gap--md) * 0.5));
- margin-inline-end: calc(var(--grid-gap--md) * 0.5);
- }
-
- & > .layout__region--second {
- flex-basis: calc(50% - (var(--grid-gap--md) * 0.5));
- margin-inline-start: calc(var(--grid-gap--md) * 0.5);
- }
- }
-
- .layout--twocol-section--33-67 {
- & > .layout__region--first {
- flex-basis: calc(33.33% - (var(--grid-gap--md) * 0.3333));
- margin-inline-end: calc(var(--grid-gap--md) * 0.3333);
- }
-
- & > .layout__region--second {
- flex-basis: calc(66.66% - (var(--grid-gap--md) * 0.6666));
- margin-inline-start: calc(var(--grid-gap--md) * 0.6666);
- }
- }
-
- .layout--twocol-section--67-33 {
- & > .layout__region--first {
- flex-basis: calc(66.66% - (var(--grid-gap--md) * 0.6666));
- margin-inline-end: calc(var(--grid-gap--md) * 0.6666);
- }
-
- & > .layout__region--second {
- flex-basis: calc(33.33% - (var(--grid-gap--md) * 0.3333));
- margin-inline-start: calc(var(--grid-gap--md) * 0.3333);
- }
- }
-
- .layout--twocol-section--25-75 {
- & > .layout__region--first {
- flex-basis: calc(25% - (var(--grid-gap--md) * 0.25));
- margin-inline-end: calc(var(--grid-gap--md) * 0.25);
- }
-
- & > .layout__region--second {
- flex-basis: calc(75% - (var(--grid-gap--md) * 0.75));
- margin-inline-start: calc(var(--grid-gap--md) * 0.75);
- }
- }
-
- .layout--twocol-section--75-25 {
- & > .layout__region--first {
- flex-basis: calc(75% - (var(--grid-gap--md) * 0.75));
- margin-inline-end: calc(var(--grid-gap--md) * 0.75);
- }
-
- & > .layout__region--second {
- flex-basis: calc(25% - (var(--grid-gap--md) * 0.25));
- margin-inline-start: calc(var(--grid-gap--md) * 0.25);
- }
- }
-}
diff --git a/web/themes/custom/rorschach/css/layout/layout-content-medium.css b/web/themes/custom/rorschach/css/layout/layout-content-medium.css
deleted file mode 100644
index c7a09fc..0000000
--- a/web/themes/custom/rorschach/css/layout/layout-content-medium.css
+++ /dev/null
@@ -1,69 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Grid system definition for the content wide layout.
- */
-
-.layout--content-medium,
-.layout--pass--content-medium > * {
- -ms-grid-column: 1;
- -ms-grid-column-span: 6;
- grid-column: 1 / 7;
- width: 100%;
-}
-
-@media (min-width: 43.75rem) {
-
- .layout--content-medium,
- .layout--pass--content-medium > * {
- -ms-grid-column: 2;
- -ms-grid-column-span: 12;
- grid-column: 2 / 14;
- }
-}
-
-@media (min-width: 62.5rem) {
-
- .layout--content-medium,
- .layout--pass--content-medium > * {
- -ms-grid-column: 3;
- -ms-grid-column-span: 10;
- grid-column: 3 / 13;
- }
-}
-
-/*
- If .layout--content-medium is nested within itself, or an element that's inheriting the
- layout--content-medium styles from its parent region, go full width within its
- parent .grid-full.
-*/
-
-@media (min-width: 43.75rem) {
-
- .layout--pass--content-medium > * .layout--content-medium,
- .layout--content-medium .layout--content-medium,
- .layout--pass--content-medium > * .layout--pass--content-medium > *,
- .layout--content-medium .layout--pass--content-medium > * {
- -ms-grid-column: 1;
- -ms-grid-column-span: 12;
- grid-column: 1 / 13;
- }
-}
-
-@media (min-width: 62.5rem) {
-
- .layout--pass--content-medium > * .layout--content-medium,
- .layout--content-medium .layout--content-medium,
- .layout--pass--content-medium > * .layout--pass--content-medium > *,
- .layout--content-medium .layout--pass--content-medium > * {
- -ms-grid-column: 1;
- -ms-grid-column-span: 10;
- grid-column: 1 / 11;
- }
-}
diff --git a/web/themes/custom/rorschach/css/layout/layout-content-medium.pcss.css b/web/themes/custom/rorschach/css/layout/layout-content-medium.pcss.css
deleted file mode 100644
index 0721c2c..0000000
--- a/web/themes/custom/rorschach/css/layout/layout-content-medium.pcss.css
+++ /dev/null
@@ -1,39 +0,0 @@
-/**
- * @file
- * Grid system definition for the content wide layout.
- */
-
-@import "../base/variables.pcss.css";
-
-.layout--content-medium,
-.layout--pass--content-medium > * {
- grid-column: 1 / 7;
- width: 100%;
-
- @media (--grid-md) {
- grid-column: 2 / 14;
- }
-
- @media (--lg) {
- grid-column: 3 / 13;
- }
-}
-
-/*
- If .layout--content-medium is nested within itself, or an element that's inheriting the
- layout--content-medium styles from its parent region, go full width within its
- parent .grid-full.
-*/
-.layout--pass--content-medium > *,
-.layout--content-medium {
- & .layout--content-medium,
- & .layout--pass--content-medium > * {
- @media (--grid-md) {
- grid-column: 1 / 13;
- }
-
- @media (--lg) {
- grid-column: 1 / 11;
- }
- }
-}
diff --git a/web/themes/custom/rorschach/css/layout/layout-content-narrow.css b/web/themes/custom/rorschach/css/layout/layout-content-narrow.css
deleted file mode 100644
index abaa226..0000000
--- a/web/themes/custom/rorschach/css/layout/layout-content-narrow.css
+++ /dev/null
@@ -1,398 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Grid system definition for the content narrow layout.
- */
-
-.layout--content-narrow,
-.layout--pass--content-narrow > * {
- -ms-grid-column: 1;
- -ms-grid-column-span: 6;
- grid-column: 1 / 7;
- width: 100%;
-}
-
-@media (min-width: 43.75rem) {
-
- .layout--content-narrow,
- .layout--pass--content-narrow > * {
- -ms-grid-column: 2;
- -ms-grid-column-span: 12;
- grid-column: 2 / 14;
- }
-}
-
-@media (min-width: 62.5rem) {
-
- .layout--content-narrow,
- .layout--pass--content-narrow > * {
- -ms-grid-column: 3;
- -ms-grid-column-span: 8;
- grid-column: 3 / 11;
- }
-}
-
-/*
- If .layout--content-narrow is nested within any of the following, allocate the appropriate
- amount of columns within its parent .grid-full.
- - .layout--content-narrow class.
- - Element that's inheriting the layout--content-narrow styles from its parent region.
- - .layout--content-medium class.
- - Element that's inheriting the layout--content-medium styles from its parent region.
-*/
-
-@media (min-width: 43.75rem) {
-
- .layout--content-narrow .layout--content-narrow,
- .layout--pass--content-narrow > * .layout--content-narrow,
- .layout--content-medium .layout--content-narrow,
- .layout--pass--content-medium > * .layout--content-narrow,
- .layout--content-narrow .layout--pass--content-narrow > *,
- .layout--pass--content-narrow > * .layout--pass--content-narrow > *,
- .layout--content-medium .layout--pass--content-narrow > *,
- .layout--pass--content-medium > * .layout--pass--content-narrow > * {
- -ms-grid-column: 1;
- -ms-grid-column-span: 12;
- grid-column: 1 / 13;
- }
-}
-
-@media (min-width: 62.5rem) {
-
- .layout--content-narrow .layout--content-narrow,
- .layout--pass--content-narrow > * .layout--content-narrow,
- .layout--content-medium .layout--content-narrow,
- .layout--pass--content-medium > * .layout--content-narrow,
- .layout--content-narrow .layout--pass--content-narrow > *,
- .layout--pass--content-narrow > * .layout--pass--content-narrow > *,
- .layout--content-medium .layout--pass--content-narrow > *,
- .layout--pass--content-medium > * .layout--pass--content-narrow > * {
- -ms-grid-column: 1;
- -ms-grid-column-span: 8;
- grid-column: 1 / 9;
- }
-}
-
-/*
- Special grid-breaking treatment for text-content elements that
- reside in a content-narrow layout.
-*/
-
-@media (min-width: 43.75rem) {
-
- [dir="ltr"] .layout--content-narrow.text-content blockquote:before,
- [dir="ltr"] .layout--pass--content-narrow > *.text-content blockquote:before,
- [dir="ltr"] .layout--content-narrow .text-content blockquote:before,
- [dir="ltr"] .layout--pass--content-narrow > * .text-content blockquote:before {
- left: -7.14286vw;
- }
-
- [dir="rtl"] .layout--content-narrow.text-content blockquote:before,
- [dir="rtl"] .layout--pass--content-narrow > *.text-content blockquote:before,
- [dir="rtl"] .layout--content-narrow .text-content blockquote:before,
- [dir="rtl"] .layout--pass--content-narrow > * .text-content blockquote:before {
- right: -7.14286vw;
- }
-}
-
-@media (min-width: 62.5rem) {
-
- [dir="ltr"] .layout--content-narrow.text-content blockquote:before,
- [dir="ltr"] .layout--pass--content-narrow > *.text-content blockquote:before,
- [dir="ltr"] .layout--content-narrow .text-content blockquote:before,
- [dir="ltr"] .layout--pass--content-narrow > * .text-content blockquote:before {
- left: calc(-7.14286vw - -0.06696rem);
- }
-
- [dir="rtl"] .layout--content-narrow.text-content blockquote:before,
- [dir="rtl"] .layout--pass--content-narrow > *.text-content blockquote:before,
- [dir="rtl"] .layout--content-narrow .text-content blockquote:before,
- [dir="rtl"] .layout--pass--content-narrow > * .text-content blockquote:before {
- right: calc(-7.14286vw - -0.06696rem);
- }
-}
-
-@media (min-width: 75rem) {
-
- [dir="ltr"] .layout--content-narrow.text-content blockquote:before,
- [dir="ltr"] .layout--pass--content-narrow > *.text-content blockquote:before,
- [dir="ltr"] .layout--content-narrow .text-content blockquote:before,
- [dir="ltr"] .layout--pass--content-narrow > * .text-content blockquote:before {
- left: calc(-7.14286vw - -0.62946rem);
- }
-
- [dir="rtl"] .layout--content-narrow.text-content blockquote:before,
- [dir="rtl"] .layout--pass--content-narrow > *.text-content blockquote:before,
- [dir="rtl"] .layout--content-narrow .text-content blockquote:before,
- [dir="rtl"] .layout--pass--content-narrow > * .text-content blockquote:before {
- right: calc(-7.14286vw - -0.62946rem);
- }
-}
-
-@media (min-width: 90rem) {
-
- [dir="ltr"] .layout--content-narrow.text-content blockquote:before,
- [dir="ltr"] .layout--pass--content-narrow > *.text-content blockquote:before,
- [dir="ltr"] .layout--content-narrow .text-content blockquote:before,
- [dir="ltr"] .layout--pass--content-narrow > * .text-content blockquote:before {
- left: -5.86607rem;
- }
-
- [dir="rtl"] .layout--content-narrow.text-content blockquote:before,
- [dir="rtl"] .layout--pass--content-narrow > *.text-content blockquote:before,
- [dir="rtl"] .layout--content-narrow .text-content blockquote:before,
- [dir="rtl"] .layout--pass--content-narrow > * .text-content blockquote:before {
- right: -5.86607rem;
- }
-}
-
-@media (min-width: 43.75rem) {
-
- [dir="ltr"] .layout--content-narrow.text-content blockquote:after,
- [dir="ltr"] .layout--pass--content-narrow > *.text-content blockquote:after,
- [dir="ltr"] .layout--content-narrow .text-content blockquote:after,
- [dir="ltr"] .layout--pass--content-narrow > * .text-content blockquote:after {
- left: -7.14286vw;
- }
-
- [dir="rtl"] .layout--content-narrow.text-content blockquote:after,
- [dir="rtl"] .layout--pass--content-narrow > *.text-content blockquote:after,
- [dir="rtl"] .layout--content-narrow .text-content blockquote:after,
- [dir="rtl"] .layout--pass--content-narrow > * .text-content blockquote:after {
- right: -7.14286vw;
- }
-
- [dir="ltr"] .layout--content-narrow.text-content blockquote:after,
- [dir="ltr"] .layout--pass--content-narrow > *.text-content blockquote:after,
- [dir="ltr"] .layout--content-narrow .text-content blockquote:after,
- [dir="ltr"] .layout--pass--content-narrow > * .text-content blockquote:after {
- margin-left: 2px;
- }
-
- [dir="rtl"] .layout--content-narrow.text-content blockquote:after,
- [dir="rtl"] .layout--pass--content-narrow > *.text-content blockquote:after,
- [dir="rtl"] .layout--content-narrow .text-content blockquote:after,
- [dir="rtl"] .layout--pass--content-narrow > * .text-content blockquote:after {
- margin-right: 2px;
- }
-
- .layout--content-narrow.text-content blockquote:after,
- .layout--pass--content-narrow > *.text-content blockquote:after,
- .layout--content-narrow .text-content blockquote:after,
- .layout--pass--content-narrow > * .text-content blockquote:after {
- width: 1.125rem;
- height: calc(100% - 2.8125rem);
- }
-}
-
-@media (min-width: 62.5rem) {
-
- [dir="ltr"] .layout--content-narrow.text-content blockquote:after,
- [dir="ltr"] .layout--pass--content-narrow > *.text-content blockquote:after,
- [dir="ltr"] .layout--content-narrow .text-content blockquote:after,
- [dir="ltr"] .layout--pass--content-narrow > * .text-content blockquote:after {
- left: calc(-7.14286vw - -0.06696rem);
- }
-
- [dir="rtl"] .layout--content-narrow.text-content blockquote:after,
- [dir="rtl"] .layout--pass--content-narrow > *.text-content blockquote:after,
- [dir="rtl"] .layout--content-narrow .text-content blockquote:after,
- [dir="rtl"] .layout--pass--content-narrow > * .text-content blockquote:after {
- right: calc(-7.14286vw - -0.06696rem);
- }
-}
-
-@media (min-width: 75rem) {
-
- [dir="ltr"] .layout--content-narrow.text-content blockquote:after,
- [dir="ltr"] .layout--pass--content-narrow > *.text-content blockquote:after,
- [dir="ltr"] .layout--content-narrow .text-content blockquote:after,
- [dir="ltr"] .layout--pass--content-narrow > * .text-content blockquote:after {
- left: calc(-7.14286vw - -0.62946rem);
- }
-
- [dir="rtl"] .layout--content-narrow.text-content blockquote:after,
- [dir="rtl"] .layout--pass--content-narrow > *.text-content blockquote:after,
- [dir="rtl"] .layout--content-narrow .text-content blockquote:after,
- [dir="rtl"] .layout--pass--content-narrow > * .text-content blockquote:after {
- right: calc(-7.14286vw - -0.62946rem);
- }
-}
-
-@media (min-width: 90rem) {
-
- [dir="ltr"] .layout--content-narrow.text-content blockquote:after,
- [dir="ltr"] .layout--pass--content-narrow > *.text-content blockquote:after,
- [dir="ltr"] .layout--content-narrow .text-content blockquote:after,
- [dir="ltr"] .layout--pass--content-narrow > * .text-content blockquote:after {
- left: -5.86607rem;
- }
-
- [dir="rtl"] .layout--content-narrow.text-content blockquote:after,
- [dir="rtl"] .layout--pass--content-narrow > *.text-content blockquote:after,
- [dir="rtl"] .layout--content-narrow .text-content blockquote:after,
- [dir="rtl"] .layout--pass--content-narrow > * .text-content blockquote:after {
- right: -5.86607rem;
- }
-}
-
-@media (min-width: 43.75rem) {
-
- [dir="ltr"] .layout--content-narrow.text-content blockquote,
- [dir="ltr"] .layout--pass--content-narrow > *.text-content blockquote,
- [dir="ltr"] .layout--content-narrow .text-content blockquote,
- [dir="ltr"] .layout--pass--content-narrow > * .text-content blockquote {
- padding-left: 0;
- }
-
- [dir="rtl"] .layout--content-narrow.text-content blockquote,
- [dir="rtl"] .layout--pass--content-narrow > *.text-content blockquote,
- [dir="rtl"] .layout--content-narrow .text-content blockquote,
- [dir="rtl"] .layout--pass--content-narrow > * .text-content blockquote {
- padding-right: 0;
- }
-
- .layout--content-narrow.text-content blockquote,
- .layout--pass--content-narrow > *.text-content blockquote,
- .layout--content-narrow .text-content blockquote,
- .layout--pass--content-narrow > * .text-content blockquote {
- width: calc(71.42857vw - 2.25rem);
- margin-top: 3.375rem;
- margin-bottom: 3.375rem;
- }
-}
-
-@media (min-width: 62.5rem) {
-
- .layout--content-narrow.text-content blockquote,
- .layout--pass--content-narrow > *.text-content blockquote,
- .layout--content-narrow .text-content blockquote,
- .layout--pass--content-narrow > * .text-content blockquote {
- width: calc(71.42857vw - 2.91964rem);
- }
-}
-
-@media (min-width: 75rem) {
-
- .layout--content-narrow.text-content blockquote,
- .layout--pass--content-narrow > *.text-content blockquote,
- .layout--content-narrow .text-content blockquote,
- .layout--pass--content-narrow > * .text-content blockquote {
- width: calc(71.42857vw - 8.54464rem);
- }
-}
-
-@media (min-width: 90rem) {
-
- .layout--content-narrow.text-content blockquote,
- .layout--pass--content-narrow > *.text-content blockquote,
- .layout--content-narrow .text-content blockquote,
- .layout--pass--content-narrow > * .text-content blockquote {
- width: 56.41071rem;
- }
-}
-
-@media (min-width: 43.75rem) {
-
- .layout--content-narrow.text-content pre,
- .layout--pass--content-narrow > *.text-content pre,
- .layout--content-narrow .text-content pre,
- .layout--pass--content-narrow > * .text-content pre {
- margin-top: 3.375rem;
- margin-bottom: 3.375rem;
- }
-}
-
-@media (min-width: 62.5rem) {
-
- [dir="ltr"] .layout--content-narrow.text-content pre,
- [dir="ltr"] .layout--pass--content-narrow > *.text-content pre,
- [dir="ltr"] .layout--content-narrow .text-content pre,
- [dir="ltr"] .layout--pass--content-narrow > * .text-content pre {
- margin-left: calc(-7.14286vw - -0.06696rem);
- }
-
- [dir="rtl"] .layout--content-narrow.text-content pre,
- [dir="rtl"] .layout--pass--content-narrow > *.text-content pre,
- [dir="rtl"] .layout--content-narrow .text-content pre,
- [dir="rtl"] .layout--pass--content-narrow > * .text-content pre {
- margin-right: calc(-7.14286vw - -0.06696rem);
- }
-
- .layout--content-narrow.text-content pre,
- .layout--pass--content-narrow > *.text-content pre,
- .layout--content-narrow .text-content pre,
- .layout--pass--content-narrow > * .text-content pre {
- width: calc(85.71429vw - 3.05357rem);
- }
-}
-
-@media (min-width: 75rem) {
-
- [dir="ltr"] .layout--content-narrow.text-content pre,
- [dir="ltr"] .layout--pass--content-narrow > *.text-content pre,
- [dir="ltr"] .layout--content-narrow .text-content pre,
- [dir="ltr"] .layout--pass--content-narrow > * .text-content pre {
- margin-left: calc(-7.14286vw - -0.62946rem);
- }
-
- [dir="rtl"] .layout--content-narrow.text-content pre,
- [dir="rtl"] .layout--pass--content-narrow > *.text-content pre,
- [dir="rtl"] .layout--content-narrow .text-content pre,
- [dir="rtl"] .layout--pass--content-narrow > * .text-content pre {
- margin-right: calc(-7.14286vw - -0.62946rem);
- }
-
- .layout--content-narrow.text-content pre,
- .layout--pass--content-narrow > *.text-content pre,
- .layout--content-narrow .text-content pre,
- .layout--pass--content-narrow > * .text-content pre {
- width: calc(85.71429vw - 9.80357rem);
- }
-}
-
-@media (min-width: 90rem) {
-
- [dir="ltr"] .layout--content-narrow.text-content pre,
- [dir="ltr"] .layout--pass--content-narrow > *.text-content pre,
- [dir="ltr"] .layout--content-narrow .text-content pre,
- [dir="ltr"] .layout--pass--content-narrow > * .text-content pre {
- margin-left: -5.86607rem;
- }
-
- [dir="rtl"] .layout--content-narrow.text-content pre,
- [dir="rtl"] .layout--pass--content-narrow > *.text-content pre,
- [dir="rtl"] .layout--content-narrow .text-content pre,
- [dir="rtl"] .layout--pass--content-narrow > * .text-content pre {
- margin-right: -5.86607rem;
- }
-
- .layout--content-narrow.text-content pre,
- .layout--pass--content-narrow > *.text-content pre,
- .layout--content-narrow .text-content pre,
- .layout--pass--content-narrow > * .text-content pre {
- width: 68.14286rem;
- }
-}
-
-/**
- * and elements should not break containers and overflow
- * into sidebar region when present.
- */
-
-.sidebar-grid .layout--content-narrow.text-content blockquote,
-.sidebar-grid .layout--pass--content-narrow > *.text-content blockquote,
-.sidebar-grid .layout--content-narrow .text-content blockquote,
-.sidebar-grid .layout--pass--content-narrow > * .text-content blockquote,
-.sidebar-grid .layout--content-narrow.text-content pre,
-.sidebar-grid .layout--pass--content-narrow > *.text-content pre,
-.sidebar-grid .layout--content-narrow .text-content pre,
-.sidebar-grid .layout--pass--content-narrow > * .text-content pre {
- width: auto;
-}
diff --git a/web/themes/custom/rorschach/css/layout/layout-content-narrow.pcss.css b/web/themes/custom/rorschach/css/layout/layout-content-narrow.pcss.css
deleted file mode 100644
index dcc44b5..0000000
--- a/web/themes/custom/rorschach/css/layout/layout-content-narrow.pcss.css
+++ /dev/null
@@ -1,151 +0,0 @@
-/**
- * @file
- * Grid system definition for the content narrow layout.
- */
-
-@import "../base/variables.pcss.css";
-
-.layout--content-narrow,
-.layout--pass--content-narrow > * {
- grid-column: 1 / 7;
- width: 100%;
-
- @media (--grid-md) {
- grid-column: 2 / 14;
- }
-
- @media (--lg) {
- grid-column: 3 / 11;
- }
-}
-
-/*
- If .layout--content-narrow is nested within any of the following, allocate the appropriate
- amount of columns within its parent .grid-full.
- - .layout--content-narrow class.
- - Element that's inheriting the layout--content-narrow styles from its parent region.
- - .layout--content-medium class.
- - Element that's inheriting the layout--content-medium styles from its parent region.
-*/
-.layout--content-narrow,
-.layout--pass--content-narrow > *,
-.layout--content-medium,
-.layout--pass--content-medium > * {
- & .layout--content-narrow,
- & .layout--pass--content-narrow > * {
- @media (--grid-md) {
- grid-column: 1 / 13;
- }
-
- @media (--lg) {
- grid-column: 1 / 9;
- }
- }
-}
-
-/*
- Special grid-breaking treatment for text-content elements that
- reside in a content-narrow layout.
-*/
-.layout--content-narrow,
-.layout--pass--content-narrow > * {
- &.text-content,
- & .text-content {
- & blockquote {
- &:before {
- @media (--grid-md) {
- inset-inline-start: calc(-1 * (var(--grid-col-width--md) + var(--grid-gap--md)));
- }
-
- @media (--lg) {
- inset-inline-start: calc(-1 * (var(--grid-col-width--lg) + var(--grid-gap--lg)));
- }
-
- @media (--nav) {
- inset-inline-start: calc(-1 * (var(--grid-col-width--nav) + var(--grid-gap--nav)));
- }
-
- @media (--grid-max) {
- inset-inline-start: calc(-1 * (var(--grid-col-width--max) + var(--grid-gap--max)));
- }
- }
-
- &:after {
- @media (--grid-md) {
- inset-inline-start: calc(-1 * (var(--grid-col-width--md) + var(--grid-gap--md)));
- width: var(--sp);
- height: calc(100% - 45px);
- margin-inline-start: 2px;
- }
-
- @media (--lg) {
- inset-inline-start: calc(-1 * (var(--grid-col-width--lg) + var(--grid-gap--lg)));
- }
-
- @media (--nav) {
- inset-inline-start: calc(-1 * (var(--grid-col-width--nav) + var(--grid-gap--nav)));
- }
-
- @media (--grid-max) {
- inset-inline-start: calc(-1 * (var(--grid-col-width--max) + var(--grid-gap--max)));
- }
- }
-
- @media (--grid-md) {
- width: calc(10 * var(--grid-col-width--md) + 9 * var(--grid-gap--md));
- margin-block: var(--sp3);
- padding-inline-start: 0;
- }
-
- @media (--lg) {
- width: calc(10 * var(--grid-col-width--lg) + 9 * var(--grid-gap--lg));
- }
-
- @media (--nav) {
- width: calc(10 * var(--grid-col-width--nav) + 9 * var(--grid-gap--nav));
- }
-
- @media (--grid-max) {
- width: calc(10 * var(--grid-col-width--max) + 9 * var(--grid-gap--max));
- }
- }
-
- & pre {
- @media (--grid-md) {
- margin-block: var(--sp3);
- }
-
- @media (--lg) {
- width: calc(12 * var(--grid-col-width--lg) + 11 * var(--grid-gap--lg));
- margin-inline-start: calc(-1 * (var(--grid-col-width--lg) + var(--grid-gap--lg)));
- }
-
- @media (--nav) {
- width: calc(12 * var(--grid-col-width--nav) + 11 * var(--grid-gap--nav));
- margin-inline-start: calc(-1 * (var(--grid-col-width--nav) + var(--grid-gap--nav)));
- }
-
- @media (--grid-max) {
- width: calc(12 * var(--grid-col-width--max) + 11 * var(--grid-gap--max));
- margin-inline-start: calc(-1 * (var(--grid-col-width--max) + var(--grid-gap--max)));
- }
- }
- }
-}
-
-/**
- * and elements should not break containers and overflow
- * into sidebar region when present.
- */
-.sidebar-grid {
- & .layout--content-narrow,
- & .layout--pass--content-narrow > * {
- &.text-content,
- & .text-content {
- & blockquote,
- & pre {
- width: auto;
- }
- }
- }
-}
diff --git a/web/themes/custom/rorschach/css/layout/layout-discovery-section-layout.css b/web/themes/custom/rorschach/css/layout/layout-discovery-section-layout.css
deleted file mode 100644
index b26508e..0000000
--- a/web/themes/custom/rorschach/css/layout/layout-discovery-section-layout.css
+++ /dev/null
@@ -1,29 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/*
- * @file
- * Provides default layout styles for all layout sections.
- */
-
-.layout {
- margin-bottom: 1.125rem;
-}
-
-@media (min-width: 43.75rem) {
-
- .layout {
- margin-bottom: 2.25rem;
- }
-}
-
-@media (min-width: 62.5rem) {
-
- .layout {
- margin-bottom: 3.375rem;
- }
-}
diff --git a/web/themes/custom/rorschach/css/layout/layout-discovery-section-layout.pcss.css b/web/themes/custom/rorschach/css/layout/layout-discovery-section-layout.pcss.css
deleted file mode 100644
index d3217da..0000000
--- a/web/themes/custom/rorschach/css/layout/layout-discovery-section-layout.pcss.css
+++ /dev/null
@@ -1,18 +0,0 @@
-/*
- * @file
- * Provides default layout styles for all layout sections.
- */
-
-@import "../base/variables.pcss.css";
-
-.layout {
- margin-block-end: var(--sp);
-
- @media (--md) {
- margin-block-end: var(--sp2);
- }
-
- @media (--lg) {
- margin-block-end: var(--sp3);
- }
-}
diff --git a/web/themes/custom/rorschach/css/layout/layout-footer.css b/web/themes/custom/rorschach/css/layout/layout-footer.css
deleted file mode 100644
index 270b973..0000000
--- a/web/themes/custom/rorschach/css/layout/layout-footer.css
+++ /dev/null
@@ -1,67 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Grid system definition for the footer top and footer bottom layouts.
- */
-
-/**
- * Creates stacking context ensuring that child elements can never appear in
- * front of mobile navigation.
- */
-
-.site-footer {
- position: relative;
- z-index: 1;
-}
-
-.site-footer__inner {
- padding-top: 2.25rem;
- padding-bottom: 2.25rem;
-}
-
-@media (min-width: 75rem) {
-
- .site-footer__inner {
- padding-top: 4.5rem;
- padding-bottom: 14.625rem;
- }
-}
-
-.region--footer_top__inner > *,
-.region--footer_bottom__inner > * {
- margin-bottom: 2.25rem;
-}
-
-@media (min-width: 43.75rem) {
-
- .region--footer_top__inner > *,
- .region--footer_bottom__inner > * {
- flex: 1;
- margin-bottom: 0;
- }
-
- [dir="ltr"] .region--footer_top__inner > *:not(:last-child),
- [dir="ltr"] .region--footer_bottom__inner > *:not(:last-child) {
- margin-right: 2.25rem;
- }
-
- [dir="rtl"] .region--footer_top__inner > *:not(:last-child),
- [dir="rtl"] .region--footer_bottom__inner > *:not(:last-child) {
- margin-left: 2.25rem;
- }
-}
-
-@media (min-width: 43.75rem) {
-
- .region--footer_top__inner,
- .region--footer_bottom__inner {
- display: flex;
- flex-wrap: wrap;
- }
-}
diff --git a/web/themes/custom/rorschach/css/layout/layout-footer.pcss.css b/web/themes/custom/rorschach/css/layout/layout-footer.pcss.css
deleted file mode 100644
index dd10983..0000000
--- a/web/themes/custom/rorschach/css/layout/layout-footer.pcss.css
+++ /dev/null
@@ -1,44 +0,0 @@
-/**
- * @file
- * Grid system definition for the footer top and footer bottom layouts.
- */
-
-@import "../base/variables.pcss.css";
-
-/**
- * Creates stacking context ensuring that child elements can never appear in
- * front of mobile navigation.
- */
-.site-footer {
- position: relative;
- z-index: 1;
-}
-
-.site-footer__inner {
- padding-block: var(--sp2);
-
- @media (--nav) {
- padding-block: var(--sp4) calc(13 * var(--sp));
- }
-}
-
-.region--footer_top__inner,
-.region--footer_bottom__inner {
- & > * {
- margin-block-end: var(--sp2);
-
- @media (--md) {
- flex: 1;
- margin-block-end: 0;
-
- &:not(:last-child) {
- margin-inline-end: var(--sp2);
- }
- }
- }
-
- @media (--md) {
- display: flex;
- flex-wrap: wrap;
- }
-}
diff --git a/web/themes/custom/rorschach/css/layout/layout-sidebar.css b/web/themes/custom/rorschach/css/layout/layout-sidebar.css
deleted file mode 100644
index 438d829..0000000
--- a/web/themes/custom/rorschach/css/layout/layout-sidebar.css
+++ /dev/null
@@ -1,85 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Special grid system for sidebar.
- */
-
-.sidebar-grid > .site-main {
- -ms-grid-column: 1;
- -ms-grid-column-span: 6;
- grid-column: 1 / 7;
- align-self: flex-start;
- -ms-grid-row-align: start;
-}
-
-@media (min-width: 43.75rem) {
-
- .sidebar-grid > .site-main {
- -ms-grid-column: 1;
- -ms-grid-column-span: 14;
- grid-column: 1 / 15;
- }
-}
-
-@media (min-width: 62.5rem) {
-
- .sidebar-grid > .site-main {
- display: -ms-grid;
- display: grid;
- -ms-grid-columns: (minmax(0, 1fr))[8];
- grid-template-columns: repeat(8, minmax(0, 1fr));
- -ms-grid-column: 3;
- -ms-grid-column-span: 8;
- grid-column: 3 / 11;
- }
-
- .sidebar-grid > .site-main > .region--content-above,
- .sidebar-grid > .site-main > .region--content {
- -ms-grid-columns: (minmax(0, 1fr))[8];
- grid-template-columns: repeat(8, minmax(0, 1fr));
- -ms-grid-column: 1;
- -ms-grid-column-span: 8;
- grid-column: 1 / 9;
- }
-
- .sidebar-grid > .site-main .layout--content-narrow,
- .sidebar-grid > .site-main .layout--pass--content-narrow > *,
- .sidebar-grid > .site-main .layout--content-medium,
- .sidebar-grid > .site-main .layout--pass--content-medium > * {
- -ms-grid-column: 1;
- -ms-grid-column-span: 8;
- grid-column: 1 / 9;
- }
-}
-
-.sidebar-grid .region--sidebar {
- -ms-grid-row: 2;
- -ms-grid-column: 1;
- -ms-grid-column-span: 6;
- grid-column: 1 / 7;
-}
-
-@media (min-width: 43.75rem) {
-
- .sidebar-grid .region--sidebar {
- -ms-grid-column: 3;
- -ms-grid-column-span: 10;
- grid-column: 3 / 13;
- }
-}
-
-@media (min-width: 62.5rem) {
-
- .sidebar-grid .region--sidebar {
- -ms-grid-row: 1;
- -ms-grid-column: 12;
- -ms-grid-column-span: 3;
- grid-column: 12 / 15;
- }
-}
diff --git a/web/themes/custom/rorschach/css/layout/layout-sidebar.pcss.css b/web/themes/custom/rorschach/css/layout/layout-sidebar.pcss.css
deleted file mode 100644
index 2a28d01..0000000
--- a/web/themes/custom/rorschach/css/layout/layout-sidebar.pcss.css
+++ /dev/null
@@ -1,51 +0,0 @@
-/**
- * @file
- * Special grid system for sidebar.
- */
-
-@import "../base/variables.pcss.css";
-
-.sidebar-grid {
- & > .site-main {
- grid-column: 1 / 7;
- align-self: flex-start;
- -ms-grid-row-align: start;
-
- @media (--grid-md) {
- grid-column: 1 / 15;
- }
-
- @media (--lg) {
- display: grid;
- grid-template-columns: repeat(8, minmax(0, 1fr));
- grid-column: 3 / 11;
-
- & > .region--content-above,
- & > .region--content {
- grid-template-columns: repeat(8, minmax(0, 1fr));
- grid-column: 1 / 9;
- }
-
- & .layout--content-narrow,
- & .layout--pass--content-narrow > *,
- & .layout--content-medium,
- & .layout--pass--content-medium > * {
- grid-column: 1 / 9;
- }
- }
- }
-
- & .region--sidebar {
- -ms-grid-row: 2;
- grid-column: 1 / 7;
-
- @media (--grid-md) {
- grid-column: 3 / 13;
- }
-
- @media (--lg) {
- -ms-grid-row: 1;
- grid-column: 12 / 15;
- }
- }
-}
diff --git a/web/themes/custom/rorschach/css/layout/layout-views-grid-horizontal.css b/web/themes/custom/rorschach/css/layout/layout-views-grid-horizontal.css
deleted file mode 100644
index b6fd809..0000000
--- a/web/themes/custom/rorschach/css/layout/layout-views-grid-horizontal.css
+++ /dev/null
@@ -1,543 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Responsive styles for views grid horizontal layout.
- */
-
-.views-view-grid--horizontal {
- display: flex;
- flex-wrap: wrap;
-}
-
-[dir="ltr"] .views-view-grid--horizontal.cols-1 > * {
- margin-right: 0;
-}
-
-[dir="rtl"] .views-view-grid--horizontal.cols-1 > * {
- margin-left: 0;
-}
-
-.views-view-grid--horizontal.cols-1 > * {
- flex-basis: 100%;
-}
-
-[dir="ltr"] .views-view-grid--horizontal.cols-2 > * {
- margin-right: 0;
-}
-
-[dir="rtl"] .views-view-grid--horizontal.cols-2 > * {
- margin-left: 0;
-}
-
-.views-view-grid--horizontal.cols-2 > * {
- flex-basis: 100%;
-
- /* 2 column layout. */
-}
-
-@media (min-width: 43.75rem) {
-
- [dir="ltr"] .views-view-grid--horizontal.cols-2 > * {
- margin-right: 1.125rem;
- }
-
- [dir="rtl"] .views-view-grid--horizontal.cols-2 > * {
- margin-left: 1.125rem;
- }
-
- .views-view-grid--horizontal.cols-2 > * {
- flex-basis: calc(50% - 0.5625rem);
- }
-
- [dir="ltr"] .views-view-grid--horizontal.cols-2 > *:nth-child(2n) {
- margin-right: 0;
- }
-
- [dir="rtl"] .views-view-grid--horizontal.cols-2 > *:nth-child(2n) {
- margin-left: 0;
- }
-}
-
-[dir="ltr"] .views-view-grid--horizontal.cols-3 > * {
- margin-right: 0;
-}
-
-[dir="rtl"] .views-view-grid--horizontal.cols-3 > * {
- margin-left: 0;
-}
-
-.views-view-grid--horizontal.cols-3 > * {
- flex-basis: 100%;
-
- /* 2 column layout. */
-}
-
-@media (min-width: 43.75rem) {
-
- [dir="ltr"] .views-view-grid--horizontal.cols-3 > * {
- margin-right: 1.125rem;
- }
-
- [dir="rtl"] .views-view-grid--horizontal.cols-3 > * {
- margin-left: 1.125rem;
- }
-
- .views-view-grid--horizontal.cols-3 > * {
- flex-basis: calc(50% - 0.5625rem);
- }
-
- [dir="ltr"] .views-view-grid--horizontal.cols-3 > *:nth-child(2n) {
- margin-right: 0;
- }
-
- [dir="rtl"] .views-view-grid--horizontal.cols-3 > *:nth-child(2n) {
- margin-left: 0;
- }
-}
-
-/* 3 column layout. */
-
-@media (min-width: 62.5rem) {
-
- .views-view-grid--horizontal.cols-3 > * {
- flex-basis: calc(33.33333% - 0.75rem);
- }
-
- [dir="ltr"] .views-view-grid--horizontal.cols-3 > *:nth-child(2n) {
- margin-right: 1.125rem;
- }
-
- [dir="rtl"] .views-view-grid--horizontal.cols-3 > *:nth-child(2n) {
- margin-left: 1.125rem;
- }
-
- [dir="ltr"] .views-view-grid--horizontal.cols-3 > *:nth-child(3n) {
- margin-right: 0;
- }
-
- [dir="rtl"] .views-view-grid--horizontal.cols-3 > *:nth-child(3n) {
- margin-left: 0;
- }
-}
-
-[dir="ltr"] .views-view-grid--horizontal.cols-4 > * {
- margin-right: 0;
-}
-
-[dir="rtl"] .views-view-grid--horizontal.cols-4 > * {
- margin-left: 0;
-}
-
-.views-view-grid--horizontal.cols-4 > * {
- flex-basis: 100%;
-
- /* 2 column layout. */
-}
-
-@media (min-width: 43.75rem) {
-
- [dir="ltr"] .views-view-grid--horizontal.cols-4 > * {
- margin-right: 1.125rem;
- }
-
- [dir="rtl"] .views-view-grid--horizontal.cols-4 > * {
- margin-left: 1.125rem;
- }
-
- .views-view-grid--horizontal.cols-4 > * {
- flex-basis: calc(50% - 0.5625rem);
- }
-
- [dir="ltr"] .views-view-grid--horizontal.cols-4 > *:nth-child(2n) {
- margin-right: 0;
- }
-
- [dir="rtl"] .views-view-grid--horizontal.cols-4 > *:nth-child(2n) {
- margin-left: 0;
- }
-}
-
-/* 4 column layout. */
-
-@media (min-width: 62.5rem) {
-
- .views-view-grid--horizontal.cols-4 > * {
- flex-basis: calc(25% - 0.84375rem);
- }
-
- [dir="ltr"] .views-view-grid--horizontal.cols-4 > *:nth-child(2n) {
- margin-right: 1.125rem;
- }
-
- [dir="rtl"] .views-view-grid--horizontal.cols-4 > *:nth-child(2n) {
- margin-left: 1.125rem;
- }
-
- [dir="ltr"] .views-view-grid--horizontal.cols-4 > *:nth-child(4n) {
- margin-right: 0;
- }
-
- [dir="rtl"] .views-view-grid--horizontal.cols-4 > *:nth-child(4n) {
- margin-left: 0;
- }
-}
-
-[dir="ltr"] .views-view-grid--horizontal.cols-5 > * {
- margin-right: 0;
-}
-
-[dir="rtl"] .views-view-grid--horizontal.cols-5 > * {
- margin-left: 0;
-}
-
-.views-view-grid--horizontal.cols-5 > * {
- flex-basis: 100%;
-
- /* 2 column layout. */
-}
-
-@media (min-width: 31.25rem) {
-
- [dir="ltr"] .views-view-grid--horizontal.cols-5 > * {
- margin-right: 1.125rem;
- }
-
- [dir="rtl"] .views-view-grid--horizontal.cols-5 > * {
- margin-left: 1.125rem;
- }
-
- .views-view-grid--horizontal.cols-5 > * {
- flex-basis: calc(50% - 0.5625rem);
- }
-
- [dir="ltr"] .views-view-grid--horizontal.cols-5 > *:nth-child(2n) {
- margin-right: 0;
- }
-
- [dir="rtl"] .views-view-grid--horizontal.cols-5 > *:nth-child(2n) {
- margin-left: 0;
- }
-}
-
-/* 3 column layout. */
-
-@media (min-width: 43.75rem) {
-
- .views-view-grid--horizontal.cols-5 > * {
- flex-basis: calc(33.33333% - 0.75rem);
- }
-
- [dir="ltr"] .views-view-grid--horizontal.cols-5 > *:nth-child(2n) {
- margin-right: 1.125rem;
- }
-
- [dir="rtl"] .views-view-grid--horizontal.cols-5 > *:nth-child(2n) {
- margin-left: 1.125rem;
- }
-
- [dir="ltr"] .views-view-grid--horizontal.cols-5 > *:nth-child(3n) {
- margin-right: 0;
- }
-
- [dir="rtl"] .views-view-grid--horizontal.cols-5 > *:nth-child(3n) {
- margin-left: 0;
- }
-}
-
-/* 5 column layout. */
-
-@media (min-width: 62.5rem) {
-
- .views-view-grid--horizontal.cols-5 > * {
- flex-basis: calc(20% - 0.9rem);
- }
-
- [dir="ltr"] .views-view-grid--horizontal.cols-5 > *:nth-child(3n) {
- margin-right: 1.125rem;
- }
-
- [dir="rtl"] .views-view-grid--horizontal.cols-5 > *:nth-child(3n) {
- margin-left: 1.125rem;
- }
-
- [dir="ltr"] .views-view-grid--horizontal.cols-5 > *:nth-child(5n) {
- margin-right: 0;
- }
-
- [dir="rtl"] .views-view-grid--horizontal.cols-5 > *:nth-child(5n) {
- margin-left: 0;
- }
-}
-
-[dir="ltr"] .views-view-grid--horizontal.cols-6 > * {
- margin-right: 0;
-}
-
-[dir="rtl"] .views-view-grid--horizontal.cols-6 > * {
- margin-left: 0;
-}
-
-.views-view-grid--horizontal.cols-6 > * {
- flex-basis: 100%;
-
- /* 2 column layout. */
-}
-
-@media (min-width: 31.25rem) {
-
- [dir="ltr"] .views-view-grid--horizontal.cols-6 > * {
- margin-right: 1.125rem;
- }
-
- [dir="rtl"] .views-view-grid--horizontal.cols-6 > * {
- margin-left: 1.125rem;
- }
-
- .views-view-grid--horizontal.cols-6 > * {
- flex-basis: calc(50% - 0.5625rem);
- }
-
- [dir="ltr"] .views-view-grid--horizontal.cols-6 > *:nth-child(2n) {
- margin-right: 0;
- }
-
- [dir="rtl"] .views-view-grid--horizontal.cols-6 > *:nth-child(2n) {
- margin-left: 0;
- }
-}
-
-/* 3 column layout. */
-
-@media (min-width: 43.75rem) {
-
- .views-view-grid--horizontal.cols-6 > * {
- flex-basis: calc(33.33333% - 0.75rem);
- }
-
- [dir="ltr"] .views-view-grid--horizontal.cols-6 > *:nth-child(2n) {
- margin-right: 1.125rem;
- }
-
- [dir="rtl"] .views-view-grid--horizontal.cols-6 > *:nth-child(2n) {
- margin-left: 1.125rem;
- }
-
- [dir="ltr"] .views-view-grid--horizontal.cols-6 > *:nth-child(3n) {
- margin-right: 0;
- }
-
- [dir="rtl"] .views-view-grid--horizontal.cols-6 > *:nth-child(3n) {
- margin-left: 0;
- }
-}
-
-/* 6 column layout. */
-
-@media (min-width: 62.5rem) {
-
- .views-view-grid--horizontal.cols-6 > * {
- flex-basis: calc(16.66667% - 0.9375rem);
- }
-
- [dir="ltr"] .views-view-grid--horizontal.cols-6 > *:nth-child(3n) {
- margin-right: 1.125rem;
- }
-
- [dir="rtl"] .views-view-grid--horizontal.cols-6 > *:nth-child(3n) {
- margin-left: 1.125rem;
- }
-
- [dir="ltr"] .views-view-grid--horizontal.cols-6 > *:nth-child(6n) {
- margin-right: 0;
- }
-
- [dir="rtl"] .views-view-grid--horizontal.cols-6 > *:nth-child(6n) {
- margin-left: 0;
- }
-}
-
-[dir="ltr"] .views-view-grid--horizontal.cols-7 > * {
- margin-right: 0;
-}
-
-[dir="rtl"] .views-view-grid--horizontal.cols-7 > * {
- margin-left: 0;
-}
-
-.views-view-grid--horizontal.cols-7 > * {
- flex-basis: 100%;
-
- /* 2 column layout. */
-}
-
-@media (min-width: 31.25rem) {
-
- [dir="ltr"] .views-view-grid--horizontal.cols-7 > * {
- margin-right: 1.125rem;
- }
-
- [dir="rtl"] .views-view-grid--horizontal.cols-7 > * {
- margin-left: 1.125rem;
- }
-
- .views-view-grid--horizontal.cols-7 > * {
- flex-basis: calc(50% - 0.5625rem);
- }
-
- [dir="ltr"] .views-view-grid--horizontal.cols-7 > *:nth-child(2n) {
- margin-right: 0;
- }
-
- [dir="rtl"] .views-view-grid--horizontal.cols-7 > *:nth-child(2n) {
- margin-left: 0;
- }
-}
-
-/* 3 column layout. */
-
-@media (min-width: 43.75rem) {
-
- .views-view-grid--horizontal.cols-7 > * {
- flex-basis: calc(33.33333% - 0.75rem);
- }
-
- [dir="ltr"] .views-view-grid--horizontal.cols-7 > *:nth-child(2n) {
- margin-right: 1.125rem;
- }
-
- [dir="rtl"] .views-view-grid--horizontal.cols-7 > *:nth-child(2n) {
- margin-left: 1.125rem;
- }
-
- [dir="ltr"] .views-view-grid--horizontal.cols-7 > *:nth-child(3n) {
- margin-right: 0;
- }
-
- [dir="rtl"] .views-view-grid--horizontal.cols-7 > *:nth-child(3n) {
- margin-left: 0;
- }
-}
-
-/* 7 column layout. */
-
-@media (min-width: 62.5rem) {
-
- .views-view-grid--horizontal.cols-7 > * {
- flex-basis: calc(14.28571% - 0.96429rem);
- }
-
- [dir="ltr"] .views-view-grid--horizontal.cols-7 > *:nth-child(3n) {
- margin-right: 1.125rem;
- }
-
- [dir="rtl"] .views-view-grid--horizontal.cols-7 > *:nth-child(3n) {
- margin-left: 1.125rem;
- }
-
- [dir="ltr"] .views-view-grid--horizontal.cols-7 > *:nth-child(7n) {
- margin-right: 0;
- }
-
- [dir="rtl"] .views-view-grid--horizontal.cols-7 > *:nth-child(7n) {
- margin-left: 0;
- }
-}
-
-[dir="ltr"] .views-view-grid--horizontal.cols-8 > * {
- margin-right: 0;
-}
-
-[dir="rtl"] .views-view-grid--horizontal.cols-8 > * {
- margin-left: 0;
-}
-
-.views-view-grid--horizontal.cols-8 > * {
- flex-basis: 100%;
-
- /* 2 column layout. */
-}
-
-@media (min-width: 31.25rem) {
-
- [dir="ltr"] .views-view-grid--horizontal.cols-8 > * {
- margin-right: 1.125rem;
- }
-
- [dir="rtl"] .views-view-grid--horizontal.cols-8 > * {
- margin-left: 1.125rem;
- }
-
- .views-view-grid--horizontal.cols-8 > * {
- flex-basis: calc(50% - 0.5625rem);
- }
-
- [dir="ltr"] .views-view-grid--horizontal.cols-8 > *:nth-child(2n) {
- margin-right: 0;
- }
-
- [dir="rtl"] .views-view-grid--horizontal.cols-8 > *:nth-child(2n) {
- margin-left: 0;
- }
-}
-
-/* 4 column layout. */
-
-@media (min-width: 43.75rem) {
-
- .views-view-grid--horizontal.cols-8 > * {
- flex-basis: calc(25% - 0.84375rem);
- }
-
- [dir="ltr"] .views-view-grid--horizontal.cols-8 > *:nth-child(2n) {
- margin-right: 1.125rem;
- }
-
- [dir="rtl"] .views-view-grid--horizontal.cols-8 > *:nth-child(2n) {
- margin-left: 1.125rem;
- }
-
- [dir="ltr"] .views-view-grid--horizontal.cols-8 > *:nth-child(4n) {
- margin-right: 0;
- }
-
- [dir="rtl"] .views-view-grid--horizontal.cols-8 > *:nth-child(4n) {
- margin-left: 0;
- }
-}
-
-/* 8 column layout. */
-
-@media (min-width: 62.5rem) {
-
- .views-view-grid--horizontal.cols-8 > * {
- flex-basis: calc(12.5% - 0.98438rem);
- }
-
- [dir="ltr"] .views-view-grid--horizontal.cols-8 > *:nth-child(4n) {
- margin-right: 1.125rem;
- }
-
- [dir="rtl"] .views-view-grid--horizontal.cols-8 > *:nth-child(4n) {
- margin-left: 1.125rem;
- }
-
- [dir="ltr"] .views-view-grid--horizontal.cols-8 > *:nth-child(8n) {
- margin-right: 0;
- }
-
- [dir="rtl"] .views-view-grid--horizontal.cols-8 > *:nth-child(8n) {
- margin-left: 0;
- }
-}
-
-.views-view-grid--horizontal > * {
- flex-grow: 0;
- flex-shrink: 0;
- margin-bottom: 1.125rem;
-}
diff --git a/web/themes/custom/rorschach/css/layout/layout-views-grid-horizontal.pcss.css b/web/themes/custom/rorschach/css/layout/layout-views-grid-horizontal.pcss.css
deleted file mode 100644
index 64ad3ca..0000000
--- a/web/themes/custom/rorschach/css/layout/layout-views-grid-horizontal.pcss.css
+++ /dev/null
@@ -1,277 +0,0 @@
-/**
- * @file
- * Responsive styles for views grid horizontal layout.
- */
-
-@import "../base/variables.pcss.css";
-
-:root {
- --views-grid-layout-gap: var(--sp);
-}
-
-.views-view-grid--horizontal {
- display: flex;
- flex-wrap: wrap;
-
- &.cols-1 {
- & > * {
- flex-basis: 100%;
- margin-inline-end: 0;
- }
- }
-
- &.cols-2 {
- & > * {
- flex-basis: 100%;
- margin-inline-end: 0;
-
- /* 2 column layout. */
- @media (--md) {
- flex-basis: calc(100% / 2 - (((2 - 1) / 2) * var(--views-grid-layout-gap)));
- margin-inline-end: var(--views-grid-layout-gap);
-
- &:nth-child(2n) {
- margin-inline-end: 0;
- }
- }
- }
- }
-
- &.cols-3 {
- & > * {
- flex-basis: 100%;
- margin-inline-end: 0;
-
- /* 2 column layout. */
- @media (--md) {
- flex-basis: calc(100% / 2 - (((2 - 1) / 2) * var(--views-grid-layout-gap)));
- margin-inline-end: var(--views-grid-layout-gap);
-
- &:nth-child(2n) {
- margin-inline-end: 0;
- }
- }
-
- /* 3 column layout. */
- @media (--lg) {
- flex-basis: calc(100% / 3 - (((3 - 1) / 3) * var(--views-grid-layout-gap)));
-
- &:nth-child(2n) {
- margin-inline-end: var(--views-grid-layout-gap);
- }
-
- &:nth-child(3n) {
- margin-inline-end: 0;
- }
- }
- }
- }
-
- &.cols-4 {
- & > * {
- flex-basis: 100%;
- margin-inline-end: 0;
-
- /* 2 column layout. */
- @media (--md) {
- flex-basis: calc(100% / 2 - (((2 - 1) / 2) * var(--views-grid-layout-gap)));
- margin-inline-end: var(--views-grid-layout-gap);
-
- &:nth-child(2n) {
- margin-inline-end: 0;
- }
- }
-
- /* 4 column layout. */
- @media (--lg) {
- flex-basis: calc(100% / 4 - (((4 - 1) / 4) * var(--views-grid-layout-gap)));
-
- &:nth-child(2n) {
- margin-inline-end: var(--views-grid-layout-gap);
- }
-
- &:nth-child(4n) {
- margin-inline-end: 0;
- }
- }
- }
- }
-
- &.cols-5 {
- & > * {
- flex-basis: 100%;
- margin-inline-end: 0;
-
- /* 2 column layout. */
- @media (--sm) {
- flex-basis: calc(100% / 2 - (((2 - 1) / 2) * var(--views-grid-layout-gap)));
- margin-inline-end: var(--views-grid-layout-gap);
-
- &:nth-child(2n) {
- margin-inline-end: 0;
- }
- }
-
- /* 3 column layout. */
- @media (--md) {
- flex-basis: calc(100% / 3 - (((3 - 1) / 3) * var(--views-grid-layout-gap)));
-
- &:nth-child(2n) {
- margin-inline-end: var(--views-grid-layout-gap);
- }
-
- &:nth-child(3n) {
- margin-inline-end: 0;
- }
- }
-
- /* 5 column layout. */
- @media (--lg) {
- flex-basis: calc(100% / 5 - (((5 - 1) / 5) * var(--views-grid-layout-gap)));
-
- &:nth-child(3n) {
- margin-inline-end: var(--views-grid-layout-gap);
- }
-
- &:nth-child(5n) {
- margin-inline-end: 0;
- }
- }
- }
- }
-
- &.cols-6 {
- & > * {
- flex-basis: 100%;
- margin-inline-end: 0;
-
- /* 2 column layout. */
- @media (--sm) {
- flex-basis: calc(100% / 2 - (((2 - 1) / 2) * var(--views-grid-layout-gap)));
- margin-inline-end: var(--views-grid-layout-gap);
-
- &:nth-child(2n) {
- margin-inline-end: 0;
- }
- }
-
- /* 3 column layout. */
- @media (--md) {
- flex-basis: calc(100% / 3 - (((3 - 1) / 3) * var(--views-grid-layout-gap)));
-
- &:nth-child(2n) {
- margin-inline-end: var(--views-grid-layout-gap);
- }
-
- &:nth-child(3n) {
- margin-inline-end: 0;
- }
- }
-
- /* 6 column layout. */
- @media (--lg) {
- flex-basis: calc(100% / 6 - (((6 - 1) / 6) * var(--views-grid-layout-gap)));
-
- &:nth-child(3n) {
- margin-inline-end: var(--views-grid-layout-gap);
- }
-
- &:nth-child(6n) {
- margin-inline-end: 0;
- }
- }
- }
- }
-
- &.cols-7 {
- & > * {
- flex-basis: 100%;
- margin-inline-end: 0;
-
- /* 2 column layout. */
- @media (--sm) {
- flex-basis: calc(100% / 2 - (((2 - 1) / 2) * var(--views-grid-layout-gap)));
- margin-inline-end: var(--views-grid-layout-gap);
-
- &:nth-child(2n) {
- margin-inline-end: 0;
- }
- }
-
- /* 3 column layout. */
- @media (--md) {
- flex-basis: calc(100% / 3 - (((3 - 1) / 3) * var(--views-grid-layout-gap)));
-
- &:nth-child(2n) {
- margin-inline-end: var(--views-grid-layout-gap);
- }
-
- &:nth-child(3n) {
- margin-inline-end: 0;
- }
- }
-
- /* 7 column layout. */
- @media (--lg) {
- flex-basis: calc(100% / 7 - (((7 - 1) / 7) * var(--views-grid-layout-gap)));
-
- &:nth-child(3n) {
- margin-inline-end: var(--views-grid-layout-gap);
- }
-
- &:nth-child(7n) {
- margin-inline-end: 0;
- }
- }
- }
- }
-
- &.cols-8 {
- & > * {
- flex-basis: 100%;
- margin-inline-end: 0;
-
- /* 2 column layout. */
- @media (--sm) {
- flex-basis: calc(100% / 2 - (((2 - 1) / 2) * var(--views-grid-layout-gap)));
- margin-inline-end: var(--views-grid-layout-gap);
-
- &:nth-child(2n) {
- margin-inline-end: 0;
- }
- }
-
- /* 4 column layout. */
- @media (--md) {
- flex-basis: calc(100% / 4 - (((4 - 1) / 4) * var(--views-grid-layout-gap)));
-
- &:nth-child(2n) {
- margin-inline-end: var(--views-grid-layout-gap);
- }
-
- &:nth-child(4n) {
- margin-inline-end: 0;
- }
- }
-
- /* 8 column layout. */
- @media (--lg) {
- flex-basis: calc(100% / 8 - (((8 - 1) / 8) * var(--views-grid-layout-gap)));
-
- &:nth-child(4n) {
- margin-inline-end: var(--views-grid-layout-gap);
- }
-
- &:nth-child(8n) {
- margin-inline-end: 0;
- }
- }
- }
- }
-
- & > * {
- flex-grow: 0;
- flex-shrink: 0;
- margin-block-end: var(--views-grid-layout-gap);
- }
-}
diff --git a/web/themes/custom/rorschach/css/layout/layout-views-grid-vertical.css b/web/themes/custom/rorschach/css/layout/layout-views-grid-vertical.css
deleted file mode 100644
index d3f9e18..0000000
--- a/web/themes/custom/rorschach/css/layout/layout-views-grid-vertical.css
+++ /dev/null
@@ -1,148 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Responsive styles for views grid vertical layout.
- */
-
-.views-view-grid--vertical {
- margin-bottom: -1.125rem; /* Offset the bottom row's padding. */
- column-gap: 1.125rem;
-}
-
-@media (min-width: 31.25rem) {
-
- .views-view-grid--vertical.cols-2 {
- column-count: 2;
- }
-}
-
-@media (min-width: 31.25rem) {
-
- .views-view-grid--vertical.cols-3 {
- column-count: 2;
- }
-}
-
-@media (min-width: 43.75rem) {
-
- .views-view-grid--vertical.cols-3 {
- column-count: 3;
- }
-}
-
-@media (min-width: 31.25rem) {
-
- .views-view-grid--vertical.cols-4 {
- column-count: 2;
- }
-}
-
-@media (min-width: 43.75rem) {
-
- .views-view-grid--vertical.cols-4 {
- column-count: 3;
- }
-}
-
-@media (min-width: 62.5rem) {
-
- .views-view-grid--vertical.cols-4 {
- column-count: 4;
- }
-}
-
-@media (min-width: 31.25rem) {
-
- .views-view-grid--vertical.cols-5 {
- column-count: 2;
- }
-}
-
-@media (min-width: 43.75rem) {
-
- .views-view-grid--vertical.cols-5 {
- column-count: 3;
- }
-}
-
-@media (min-width: 62.5rem) {
-
- .views-view-grid--vertical.cols-5 {
- column-count: 5;
- }
-}
-
-@media (min-width: 31.25rem) {
-
- .views-view-grid--vertical.cols-6 {
- column-count: 2;
- }
-}
-
-@media (min-width: 43.75rem) {
-
- .views-view-grid--vertical.cols-6 {
- column-count: 3;
- }
-}
-
-@media (min-width: 62.5rem) {
-
- .views-view-grid--vertical.cols-6 {
- column-count: 6;
- }
-}
-
-@media (min-width: 31.25rem) {
-
- .views-view-grid--vertical.cols-7 {
- column-count: 2;
- }
-}
-
-@media (min-width: 43.75rem) {
-
- .views-view-grid--vertical.cols-7 {
- column-count: 3;
- }
-}
-
-@media (min-width: 62.5rem) {
-
- .views-view-grid--vertical.cols-7 {
- column-count: 7;
- }
-}
-
-@media (min-width: 31.25rem) {
-
- .views-view-grid--vertical.cols-8 {
- column-count: 2;
- }
-}
-
-@media (min-width: 43.75rem) {
-
- .views-view-grid--vertical.cols-8 {
- column-count: 4;
- }
-}
-
-@media (min-width: 62.5rem) {
-
- .views-view-grid--vertical.cols-8 {
- column-count: 8;
- }
-}
-
-.views-view-grid--vertical .views-view-grid__item > * {
- padding-bottom: 1.125rem;
- page-break-inside: avoid;
- break-inside: avoid;
-}
diff --git a/web/themes/custom/rorschach/css/layout/layout-views-grid-vertical.pcss.css b/web/themes/custom/rorschach/css/layout/layout-views-grid-vertical.pcss.css
deleted file mode 100644
index 5d7a922..0000000
--- a/web/themes/custom/rorschach/css/layout/layout-views-grid-vertical.pcss.css
+++ /dev/null
@@ -1,108 +0,0 @@
-/**
- * @file
- * Responsive styles for views grid vertical layout.
- */
-
-@import "../base/variables.pcss.css";
-
-:root {
- --views-grid-layout-gap: var(--sp);
-}
-
-.views-view-grid--vertical {
- margin-block-end: calc(-1 * var(--views-grid-layout-gap)); /* Offset the bottom row's padding. */
- column-gap: var(--views-grid-layout-gap);
-
- &.cols-2 {
- @media (--sm) {
- column-count: 2;
- }
- }
-
- &.cols-3 {
- @media (--sm) {
- column-count: 2;
- }
-
- @media (--md) {
- column-count: 3;
- }
- }
-
- &.cols-4 {
- @media (--sm) {
- column-count: 2;
- }
-
- @media (--md) {
- column-count: 3;
- }
-
- @media (--lg) {
- column-count: 4;
- }
- }
-
- &.cols-5 {
- @media (--sm) {
- column-count: 2;
- }
-
- @media (--md) {
- column-count: 3;
- }
-
- @media (--lg) {
- column-count: 5;
- }
- }
-
- &.cols-6 {
- @media (--sm) {
- column-count: 2;
- }
-
- @media (--md) {
- column-count: 3;
- }
-
- @media (--lg) {
- column-count: 6;
- }
- }
-
- &.cols-7 {
- @media (--sm) {
- column-count: 2;
- }
-
- @media (--md) {
- column-count: 3;
- }
-
- @media (--lg) {
- column-count: 7;
- }
- }
-
- &.cols-8 {
- @media (--sm) {
- column-count: 2;
- }
-
- @media (--md) {
- column-count: 4;
- }
-
- @media (--lg) {
- column-count: 8;
- }
- }
-
- & .views-view-grid__item {
- & > * {
- padding-block-end: var(--views-grid-layout-gap);
- break-inside: avoid;
- }
- }
-}
diff --git a/web/themes/custom/rorschach/css/layout/layout.css b/web/themes/custom/rorschach/css/layout/layout.css
deleted file mode 100644
index 86e8d6f..0000000
--- a/web/themes/custom/rorschach/css/layout/layout.css
+++ /dev/null
@@ -1,78 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Base Layout.
- */
-
-.container {
- width: 100%;
- max-width: 84.375rem;
- padding-right: 1.125rem;
- padding-left: 1.125rem;
-}
-
-@media (min-width: 75rem) {
-
- .container {
- padding-right: 2.25rem;
- padding-left: 2.25rem;
- }
-}
-
-.page-wrapper {
- max-width: 98.125rem;
- background: #fff;
-}
-
-/**
- * Creates stacking context ensuring that child elements can never appear in
- * front of mobile navigation.
- */
-
-.layout-main-wrapper {
- position: relative;
- z-index: 2; /* Ensure dropdown is not cut off by footer. */
-}
-
-/* Contains the social sidebar, and the primary content area. */
-
-@media (min-width: 75rem) {
-
- .layout-main {
- display: flex;
- flex-direction: row-reverse;
- flex-wrap: wrap;
- }
-}
-
-@media (min-width: 75rem) {
-
- [dir="ltr"] .main-content {
- margin-right: auto;
- }
-
- [dir="rtl"] .main-content {
- margin-left: auto;
- }
-
- .main-content {
- width: calc(100% - 5.625rem);
- }
-}
-
-.main-content__container {
- padding-top: 3.375rem;
-}
-
-@media (min-width: 43.75rem) {
-
- .main-content__container {
- padding-top: 5.625rem;
- }
-}
diff --git a/web/themes/custom/rorschach/css/layout/layout.pcss.css b/web/themes/custom/rorschach/css/layout/layout.pcss.css
deleted file mode 100644
index fb4adb8..0000000
--- a/web/themes/custom/rorschach/css/layout/layout.pcss.css
+++ /dev/null
@@ -1,54 +0,0 @@
-/**
- * @file
- * Base Layout.
- */
-
-@import "../base/variables.pcss.css";
-
-.container {
- width: 100%;
- max-width: var(--max-width);
- padding-inline: var(--container-padding);
-
- @media (--nav) {
- padding-inline: var(--container-padding-nav);
- }
-}
-
-.page-wrapper {
- max-width: var(--max-bg-color);
- background: var(--color--white);
-}
-
-/**
- * Creates stacking context ensuring that child elements can never appear in
- * front of mobile navigation.
- */
-.layout-main-wrapper {
- position: relative;
- z-index: 2; /* Ensure dropdown is not cut off by footer. */
-}
-
-/* Contains the social sidebar, and the primary content area. */
-.layout-main {
- @media (--nav) {
- display: flex;
- flex-direction: row-reverse;
- flex-wrap: wrap;
- }
-}
-
-.main-content {
- @media (--nav) {
- width: calc(100% - var(--content-left));
- margin-inline-end: auto;
- }
-}
-
-.main-content__container {
- padding-block-start: var(--sp3);
-
- @media (--md) {
- padding-block-start: var(--sp5);
- }
-}
diff --git a/web/themes/custom/rorschach/css/layout/region-content-below.css b/web/themes/custom/rorschach/css/layout/region-content-below.css
deleted file mode 100644
index 6fae198..0000000
--- a/web/themes/custom/rorschach/css/layout/region-content-below.css
+++ /dev/null
@@ -1,69 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Content below region layout.
- */
-
-@media (min-width: 43.75rem) {
-
- .region--content-below {
- display: flex;
- flex-wrap: wrap;
- }
-
- [dir="ltr"] .region--content-below > * {
- margin-right: 2.25rem;
- }
-
- [dir="rtl"] .region--content-below > * {
- margin-left: 2.25rem;
- }
-
- .region--content-below > * {
- flex-basis: calc(50% - 1.125rem);
- flex-grow: 1;
- flex-shrink: 0;
- }
-
- [dir="ltr"] .region--content-below > *:nth-child(2n),
- [dir="ltr"] .region--content-below > *:last-child {
- margin-right: 0;
- }
-
- [dir="rtl"] .region--content-below > *:nth-child(2n),
- [dir="rtl"] .region--content-below > *:last-child {
- margin-left: 0;
- }
-}
-
-@media (min-width: 43.75rem) {
- .region--content-below > * {
- flex-basis: calc(33.33% - 1.50075rem);
- }
-
- [dir="ltr"] .region--content-below > *:nth-child(2n),
- [dir="ltr"] .region--content-below > *:last-child {
- margin-right: 2.25rem;
- }
-
- [dir="rtl"] .region--content-below > *:nth-child(2n),
- [dir="rtl"] .region--content-below > *:last-child {
- margin-left: 2.25rem;
- }
-
- [dir="ltr"] .region--content-below > *:nth-child(3n),
- [dir="ltr"] .region--content-below > *:last-child {
- margin-right: 0;
- }
-
- [dir="rtl"] .region--content-below > *:nth-child(3n),
- [dir="rtl"] .region--content-below > *:last-child {
- margin-left: 0;
- }
-}
diff --git a/web/themes/custom/rorschach/css/layout/region-content-below.pcss.css b/web/themes/custom/rorschach/css/layout/region-content-below.pcss.css
deleted file mode 100644
index ab12c6d..0000000
--- a/web/themes/custom/rorschach/css/layout/region-content-below.pcss.css
+++ /dev/null
@@ -1,41 +0,0 @@
-/**
- * @file
- * Content below region layout.
- */
-
-@import "../base/variables.pcss.css";
-
-.region--content-below {
- @media (--md) {
- display: flex;
- flex-wrap: wrap;
-
- & > * {
- flex-basis: calc(50% - (var(--grid-gap--md) / 2));
- flex-grow: 1;
- flex-shrink: 0;
- margin-inline-end: var(--grid-gap--md);
-
- &:nth-child(2n),
- &:last-child {
- margin-inline-end: 0;
- }
- }
- }
-
- @media (--md) {
- & > * {
- flex-basis: calc(33.33% - (var(--grid-gap--md) * 0.667));
-
- &:nth-child(2n),
- &:last-child {
- margin-inline-end: var(--grid-gap--md);
- }
-
- &:nth-child(3n),
- &:last-child {
- margin-inline-end: 0;
- }
- }
- }
-}
diff --git a/web/themes/custom/rorschach/css/layout/region-content.css b/web/themes/custom/rorschach/css/layout/region-content.css
deleted file mode 100644
index 8061f0d..0000000
--- a/web/themes/custom/rorschach/css/layout/region-content.css
+++ /dev/null
@@ -1,29 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Content region layout.
- */
-
-.region--content {
- margin-bottom: 1.125rem;
-}
-
-@media (min-width: 43.75rem) {
-
- .region--content {
- margin-bottom: 2.25rem;
- }
-}
-
-@media (min-width: 62.5rem) {
-
- .region--content {
- margin-bottom: 3.375rem;
- }
-}
diff --git a/web/themes/custom/rorschach/css/layout/region-content.pcss.css b/web/themes/custom/rorschach/css/layout/region-content.pcss.css
deleted file mode 100644
index 05ee1ec..0000000
--- a/web/themes/custom/rorschach/css/layout/region-content.pcss.css
+++ /dev/null
@@ -1,18 +0,0 @@
-/**
- * @file
- * Content region layout.
- */
-
-@import "../base/variables.pcss.css";
-
-.region--content {
- margin-block-end: var(--sp);
-
- @media (--md) {
- margin-block-end: var(--sp2);
- }
-
- @media (--lg) {
- margin-block-end: var(--sp3);
- }
-}
diff --git a/web/themes/custom/rorschach/css/layout/region-hero.css b/web/themes/custom/rorschach/css/layout/region-hero.css
deleted file mode 100644
index 5f94b41..0000000
--- a/web/themes/custom/rorschach/css/layout/region-hero.css
+++ /dev/null
@@ -1,15 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Region default layout.
- */
-
-.region--hero > *:last-child {
- margin-bottom: 0;
-}
diff --git a/web/themes/custom/rorschach/css/layout/region-hero.pcss.css b/web/themes/custom/rorschach/css/layout/region-hero.pcss.css
deleted file mode 100644
index d7c1062..0000000
--- a/web/themes/custom/rorschach/css/layout/region-hero.pcss.css
+++ /dev/null
@@ -1,12 +0,0 @@
-/**
- * @file
- * Region default layout.
- */
-
-@import "../base/variables.pcss.css";
-
-.region--hero {
- & > *:last-child {
- margin-block-end: 0;
- }
-}
diff --git a/web/themes/custom/rorschach/css/layout/region-secondary-menu.css b/web/themes/custom/rorschach/css/layout/region-secondary-menu.css
deleted file mode 100644
index 0f989f7..0000000
--- a/web/themes/custom/rorschach/css/layout/region-secondary-menu.css
+++ /dev/null
@@ -1,33 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Secondary menu region layout styling.
- */
-
-.region--secondary-menu {
- display: flex;
- margin-top: 2.25rem;
- margin-bottom: 2.25rem;
-}
-
-.region--secondary-menu > * {
- margin-bottom: 0;
-}
-
-@media (min-width: 75rem) {
- body:not(.is-always-mobile-nav) .region--secondary-menu {
- justify-content: flex-end;
- margin: 0;
-
- /* If the secondary nav is the first item within the header, it does not need left separator. */
- }
- body:not(.is-always-mobile-nav) .region--secondary-menu:first-child .secondary-nav:before {
- content: none;
- }
-}
diff --git a/web/themes/custom/rorschach/css/layout/region-secondary-menu.pcss.css b/web/themes/custom/rorschach/css/layout/region-secondary-menu.pcss.css
deleted file mode 100644
index d1d88e0..0000000
--- a/web/themes/custom/rorschach/css/layout/region-secondary-menu.pcss.css
+++ /dev/null
@@ -1,30 +0,0 @@
-/**
- * @file
- * Secondary menu region layout styling.
- */
-
-@import "../base/variables.pcss.css";
-
-.region--secondary-menu {
- display: flex;
- margin-block-start: var(--sp2);
- margin-block-end: var(--sp2);
-
- & > * {
- margin-block-end: 0;
- }
-}
-
-body:not(.is-always-mobile-nav) {
- @media (--nav) {
- & .region--secondary-menu {
- justify-content: flex-end;
- margin: 0;
-
- /* If the secondary nav is the first item within the header, it does not need left separator. */
- &:first-child .secondary-nav:before {
- content: none;
- }
- }
- }
-}
diff --git a/web/themes/custom/rorschach/css/layout/region.css b/web/themes/custom/rorschach/css/layout/region.css
deleted file mode 100644
index 0e3b476..0000000
--- a/web/themes/custom/rorschach/css/layout/region.css
+++ /dev/null
@@ -1,29 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Region default layout.
- */
-
-.region > * {
- margin-bottom: 1.125rem;
-}
-
-@media (min-width: 43.75rem) {
-
- .region > * {
- margin-bottom: 2.25rem;
- }
-}
-
-@media (min-width: 62.5rem) {
-
- .region > * {
- margin-bottom: 3.375rem;
- }
-}
diff --git a/web/themes/custom/rorschach/css/layout/region.pcss.css b/web/themes/custom/rorschach/css/layout/region.pcss.css
deleted file mode 100644
index bc02691..0000000
--- a/web/themes/custom/rorschach/css/layout/region.pcss.css
+++ /dev/null
@@ -1,18 +0,0 @@
-/**
- * @file
- * Region default layout.
- */
-
-@import "../base/variables.pcss.css";
-
-.region > * {
- margin-block-end: var(--sp);
-
- @media (--md) {
- margin-block-end: var(--sp2);
- }
-
- @media (--lg) {
- margin-block-end: var(--sp3);
- }
-}
diff --git a/web/themes/custom/rorschach/css/layout/social-bar.css b/web/themes/custom/rorschach/css/layout/social-bar.css
deleted file mode 100644
index 3a761b4..0000000
--- a/web/themes/custom/rorschach/css/layout/social-bar.css
+++ /dev/null
@@ -1,169 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Social Bar Region
- .
- */
-
-@media (min-width: 75rem) {
-
- .social-bar {
- flex-shrink: 0;
- width: 5.625rem;
- background-color: #f7f9fa;
- }
-}
-
-[dir="ltr"] .social-bar__inner {
- padding-left: 1.125rem;
-}
-
-[dir="rtl"] .social-bar__inner {
- padding-right: 1.125rem;
-}
-
-[dir="ltr"] .social-bar__inner {
- padding-right: 1.125rem;
-}
-
-[dir="rtl"] .social-bar__inner {
- padding-left: 1.125rem;
-}
-
-.social-bar__inner {
- position: relative;
- padding-top: 0.5625rem;
- padding-bottom: 0.5625rem;
-}
-
-@media (min-width: 75rem) {
-
- [dir="ltr"] .social-bar__inner {
- padding-left: 0;
- }
-
- [dir="rtl"] .social-bar__inner {
- padding-right: 0;
- }
-
- [dir="ltr"] .social-bar__inner {
- padding-right: 0;
- }
-
- [dir="rtl"] .social-bar__inner {
- padding-left: 0;
- }
-
- .social-bar__inner {
- position: relative;
- width: 5.625rem;
- padding-top: 5.625rem;
- padding-bottom: 5.625rem;
- }
-
- [dir="ltr"] .social-bar__inner.is-fixed {
- left: 0;
- }
-
- [dir="rtl"] .social-bar__inner.is-fixed {
- right: 0;
- }
-
- .social-bar__inner.is-fixed {
- position: fixed;
- top: 6.75rem;
- height: calc(100vh - 6.75rem);
- }
-}
-
-.rotate > * {
- margin-bottom: 2.25rem;
-}
-
-@media (min-width: 75rem) {
-
- .rotate > * {
- display: flex;
- align-items: center;
- margin-bottom: 0;
- }
-
- [dir="ltr"] .rotate > *:not(:first-child) {
- margin-right: 2.25rem;
- }
-
- [dir="rtl"] .rotate > *:not(:first-child) {
- margin-left: 2.25rem;
- }
-}
-
-@media (min-width: 75rem) {
-
- [dir="ltr"] .rotate .contextual {
- right: auto;
- left: 100%;
- }
-
- [dir="rtl"] .rotate .contextual {
- right: 100%;
- left: auto;
- }
-
- .rotate .contextual {
- transform: rotate(90deg); /* LTR */
- transform-origin: top left; /* LTR */
- }
-
- [dir="ltr"] .rotate .contextual .trigger {
- float: left;
- }
-
- [dir="rtl"] .rotate .contextual .trigger {
- float: right;
- }
-}
-
-@media (min-width: 75rem) {
-
- [dir="ltr"] .rotate {
- left: 50%;
- }
-
- [dir="rtl"] .rotate {
- right: 50%;
- }
-
- .rotate {
- position: absolute;
- display: flex;
- flex-direction: row-reverse;
- width: 100vh;
- transform: rotate(-90deg) translateX(-100%); /* LTR */
- transform-origin: left; /* LTR */
- }
-
- @supports (width: max-content) {
-
- .rotate {
- width: max-content;
- }
- }
-}
-
-@media (min-width: 75rem) {
- [dir="rtl"] .rotate {
- transform: rotate(90deg) translateX(100%);
- transform-origin: right;
- }
-
- [dir="rtl"] .rotate .contextual {
- transform: rotate(-90deg);
- transform-origin: top right;
- }
-}
diff --git a/web/themes/custom/rorschach/css/layout/social-bar.pcss.css b/web/themes/custom/rorschach/css/layout/social-bar.pcss.css
deleted file mode 100644
index 858b3e7..0000000
--- a/web/themes/custom/rorschach/css/layout/social-bar.pcss.css
+++ /dev/null
@@ -1,93 +0,0 @@
-/**
- * @file
- * Social Bar Region
- .
- */
-
-@import "../base/variables.pcss.css";
-
-.social-bar {
- @media (--nav) {
- flex-shrink: 0;
- width: var(--content-left);
- background-color: var(--color--gray-95);
- }
-}
-
-.social-bar__inner {
- position: relative;
- padding-block: var(--sp0-5);
- padding-inline-start: var(--sp);
- padding-inline-end: var(--sp);
-
- @media (--nav) {
- position: relative;
- width: var(--content-left);
- padding-block: calc(5 * var(--sp));
- padding-inline-start: 0;
- padding-inline-end: 0;
-
- &.is-fixed {
- position: fixed;
- inset-block-start: var(--sp6);
- inset-inline-start: 0;
- height: calc(100vh - 6 * var(--sp));
- }
- }
-}
-
-.rotate {
- & > * {
- margin-block-end: var(--sp2);
-
- @media (--nav) {
- display: flex;
- align-items: center;
- margin-block-end: 0;
-
- &:not(:first-child) {
- margin-inline-end: var(--sp2);
- }
- }
- }
-
- & .contextual {
- @media (--nav) {
- inset-inline: 100% auto;
- transform: rotate(90deg); /* LTR */
- transform-origin: top left; /* LTR */
-
- & .trigger {
- float: inline-start;
- }
- }
- }
-
- @media (--nav) {
- position: absolute;
- inset-inline-start: 50%;
- display: flex;
- flex-direction: row-reverse;
- width: 100vh;
- transform: rotate(-90deg) translateX(-100%); /* LTR */
- transform-origin: left; /* LTR */
-
- @supports (width: max-content) {
- width: max-content;
- }
- }
-}
-
-[dir="rtl"] {
- @media (--nav) {
- & .rotate {
- transform: rotate(90deg) translateX(100%);
- transform-origin: right;
-
- & .contextual {
- transform: rotate(-90deg);
- transform-origin: top right;
- }
- }
- }
-}
diff --git a/web/themes/custom/rorschach/css/layout/views.css b/web/themes/custom/rorschach/css/layout/views.css
deleted file mode 100644
index c6c536a..0000000
--- a/web/themes/custom/rorschach/css/layout/views.css
+++ /dev/null
@@ -1,26 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Styles for views.
- */
-
-.view > * {
- margin-bottom: 2.25rem;
-}
-
-.view > *:last-child {
- margin-bottom: 0;
-}
-
-@media (min-width: 43.75rem) {
-
- .view > * {
- margin-bottom: 3.375rem;
- }
-}
diff --git a/web/themes/custom/rorschach/css/layout/views.pcss.css b/web/themes/custom/rorschach/css/layout/views.pcss.css
deleted file mode 100644
index 2c3fd66..0000000
--- a/web/themes/custom/rorschach/css/layout/views.pcss.css
+++ /dev/null
@@ -1,20 +0,0 @@
-/**
- * @file
- * Styles for views.
- */
-
-@import "../base/variables.pcss.css";
-
-.view {
- & > * {
- margin-block-end: var(--sp2);
-
- &:last-child {
- margin-block-end: 0;
- }
-
- @media (--md) {
- margin-block-end: var(--sp3);
- }
- }
-}
diff --git a/web/themes/custom/rorschach/css/theme/ckeditor-frame.css b/web/themes/custom/rorschach/css/theme/ckeditor-frame.css
deleted file mode 100644
index e644b01..0000000
--- a/web/themes/custom/rorschach/css/theme/ckeditor-frame.css
+++ /dev/null
@@ -1,58 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-/**
- * @file
- * CKEditor frame styles.
- */
-/** cspell:ignore grouptitle */
-.cke_editable {
- margin: 1.125rem;
- background-image: none;
-}
-[dir].cke_panel_container body {
- background: #fff;
-}
-.cke_panel_listItem a > * {
- margin-top: 0;
- margin-bottom: 0;
-}
-.cke_panel_grouptitle {
- margin: 0;
-}
-[dir="ltr"] .cke_editable blockquote {
- margin-left: 3.375rem;
-}
-[dir="rtl"] .cke_editable blockquote {
- margin-right: 3.375rem;
-}
-[dir="ltr"] .cke_editable .align-right {
- margin-right: 0;
-}
-[dir="rtl"] .cke_editable .align-right {
- margin-left: 0;
-}
-[dir="ltr"] .cke_editable .align-left {
- margin-left: 0;
-}
-[dir="rtl"] .cke_editable .align-left {
- margin-right: 0;
-}
-.cke_image_resizer_wrapper {
- vertical-align: top;
-}
-figure.cke_widget_element {
- margin: 0;
-}
-figcaption.cke_widget_editable {
- background-color: #fff;
-}
-[dir="ltr"] .cke_panel_list {
- margin-left: 0;
-}
-[dir="rtl"] .cke_panel_list {
- margin-right: 0;
-}
diff --git a/web/themes/custom/rorschach/css/theme/ckeditor-frame.pcss.css b/web/themes/custom/rorschach/css/theme/ckeditor-frame.pcss.css
deleted file mode 100644
index d492c1a..0000000
--- a/web/themes/custom/rorschach/css/theme/ckeditor-frame.pcss.css
+++ /dev/null
@@ -1,52 +0,0 @@
-/**
- * @file
- * CKEditor frame styles.
- */
-/** cspell:ignore grouptitle */
-
-@import "../base/variables.pcss.css";
-
-.cke_editable {
- margin: var(--sp1);
- background-image: none;
-}
-
-[dir].cke_panel_container body {
- background: var(--color--white);
-}
-
-.cke_panel_listItem a > * {
- margin-block: 0;
-}
-
-.cke_panel_grouptitle {
- margin: 0;
-}
-
-.cke_editable blockquote {
- margin-inline-start: var(--sp3);
-}
-
-.cke_editable .align-right {
- margin-inline-end: 0;
-}
-
-.cke_editable .align-left {
- margin-inline-start: 0;
-}
-
-.cke_image_resizer_wrapper {
- vertical-align: top;
-}
-
-figure.cke_widget_element {
- margin: 0;
-}
-
-figcaption.cke_widget_editable {
- background-color: var(--color--white);
-}
-
-.cke_panel_list {
- margin-inline-start: 0;
-}
diff --git a/web/themes/custom/rorschach/css/theme/filter.theme.css b/web/themes/custom/rorschach/css/theme/filter.theme.css
deleted file mode 100644
index 2013953..0000000
--- a/web/themes/custom/rorschach/css/theme/filter.theme.css
+++ /dev/null
@@ -1,94 +0,0 @@
-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Styling for the Filter module.
- */
-
-/**
- * Filter information under field.
- */
-
-.text-full > .form-item {
- margin-bottom: 0;
-}
-
-.form-element--editor-format {
- vertical-align: top;
-}
-
-.filter-wrapper {
- margin-top: 1.125rem;
- margin-bottom: 0.5625rem;
-}
-
-.filter-wrapper .form-item {
- margin: 0;
-}
-
-[dir="ltr"] .filter-help {
- float: right;
-}
-
-[dir="rtl"] .filter-help {
- float: left;
-}
-
-.filter-help {
- padding-top: 0.5625rem;
- padding-bottom: 0.5625rem;
- font-size: 0.75rem;
-}
-
-/**
- * Compose tips.
- *
- * Wraps filter tips on page '/filter/tips[/name]'.
- */
-
-.compose-tips__item {
- margin-top: 1.6875rem;
- margin-bottom: 1.6875rem;
-}
-
-/**
- * Filter guidelines.
- */
-
-.filter-guidelines__item {
- margin-top: 1.125rem;
- font-size: 0.875rem;
- line-height: 1.125rem;
-}
-
-.filter-guidelines p {
- margin-top: 0.28125rem;
- margin-bottom: 0;
-}
-
-/**
- * Filter tips.
- *
- * Long is used on '/filter/tips[/name]', short is used for the filter tips
- * below a text format input.
- */
-
-.filter-tips--long {
- margin-bottom: 1.6875rem;
-}
-
-.filter-tips__item,
-.filter-tips--long p {
- margin-top: 0.84375rem;
- margin-bottom: 0.84375rem;
-}
-
-.filter-tips__item--short {
- margin-top: 0.28125rem;
- margin-bottom: 0;
-}
diff --git a/web/themes/custom/rorschach/css/theme/filter.theme.pcss.css b/web/themes/custom/rorschach/css/theme/filter.theme.pcss.css
deleted file mode 100644
index 1b52812..0000000
--- a/web/themes/custom/rorschach/css/theme/filter.theme.pcss.css
+++ /dev/null
@@ -1,68 +0,0 @@
-/**
- * @file
- * Styling for the Filter module.
- */
-
-@import "../base/variables.pcss.css";
-
-/**
- * Filter information under field.
- */
-.text-full > .form-item {
- margin-block-end: 0;
-}
-.form-element--editor-format {
- vertical-align: top;
-}
-
-.filter-wrapper {
- margin-block: var(--sp1) var(--sp0-5);
-}
-
-.filter-wrapper .form-item {
- margin: 0;
-}
-
-.filter-help {
- float: inline-end;
- padding-block: var(--sp0-5);
- font-size: var(--font-size-xxs);
-}
-
-/**
- * Compose tips.
- *
- * Wraps filter tips on page '/filter/tips[/name]'.
- */
-.compose-tips__item {
- margin-block: var(--sp1-5);
-}
-
-/**
- * Filter guidelines.
- */
-.filter-guidelines__item {
- margin-block-start: var(--sp1);
- font-size: var(--font-size-s);
- line-height: var(--line-height-s);
-}
-.filter-guidelines p {
- margin-block: var(--sp0-25) 0;
-}
-
-/**
- * Filter tips.
- *
- * Long is used on '/filter/tips[/name]', short is used for the filter tips
- * below a text format input.
- */
-.filter-tips--long {
- margin-block-end: var(--sp1-5);
-}
-.filter-tips__item,
-.filter-tips--long p {
- margin-block: var(--sp0-75);
-}
-.filter-tips__item--short {
- margin-block: var(--sp0-25) 0;
-}
diff --git a/web/themes/custom/rorschach/favicon.ico b/web/themes/custom/rorschach/favicon.ico
deleted file mode 100644
index 63c573b..0000000
Binary files a/web/themes/custom/rorschach/favicon.ico and /dev/null differ
diff --git a/web/themes/custom/rorschach/fonts/Font Awesome/fontawesome-webfont.eot b/web/themes/custom/rorschach/fonts/Font Awesome/fontawesome-webfont.eot
new file mode 100644
index 0000000..e9f60ca
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Font Awesome/fontawesome-webfont.eot differ
diff --git a/web/themes/custom/rorschach/fonts/Font Awesome/fontawesome-webfont.svg b/web/themes/custom/rorschach/fonts/Font Awesome/fontawesome-webfont.svg
new file mode 100644
index 0000000..855c845
--- /dev/null
+++ b/web/themes/custom/rorschach/fonts/Font Awesome/fontawesome-webfont.svg
@@ -0,0 +1,2671 @@
+
+
+
diff --git a/web/themes/custom/rorschach/fonts/Font Awesome/fontawesome-webfont.ttf b/web/themes/custom/rorschach/fonts/Font Awesome/fontawesome-webfont.ttf
new file mode 100644
index 0000000..35acda2
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Font Awesome/fontawesome-webfont.ttf differ
diff --git a/web/themes/custom/rorschach/fonts/Font Awesome/fontawesome-webfont.woff b/web/themes/custom/rorschach/fonts/Font Awesome/fontawesome-webfont.woff
new file mode 100644
index 0000000..400014a
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Font Awesome/fontawesome-webfont.woff differ
diff --git a/web/themes/custom/rorschach/fonts/Font Awesome/fontawesome-webfont.woff2 b/web/themes/custom/rorschach/fonts/Font Awesome/fontawesome-webfont.woff2
new file mode 100644
index 0000000..4d13fc6
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Font Awesome/fontawesome-webfont.woff2 differ
diff --git a/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBold-webfont.eot b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBold-webfont.eot
new file mode 100644
index 0000000..a132ecb
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBold-webfont.eot differ
diff --git a/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBold-webfont.otf b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBold-webfont.otf
new file mode 100644
index 0000000..d16f4b0
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBold-webfont.otf differ
diff --git a/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBold-webfont.svg b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBold-webfont.svg
new file mode 100644
index 0000000..aeda2cb
--- /dev/null
+++ b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBold-webfont.svg
@@ -0,0 +1,2993 @@
+
+
+
diff --git a/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBold-webfont.ttf b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBold-webfont.ttf
new file mode 100644
index 0000000..b337b44
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBold-webfont.ttf differ
diff --git a/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBold-webfont.woff b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBold-webfont.woff
new file mode 100644
index 0000000..e93316a
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBold-webfont.woff differ
diff --git a/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBoldItalic-webfont.eot b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBoldItalic-webfont.eot
new file mode 100644
index 0000000..de4d8f5
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBoldItalic-webfont.eot differ
diff --git a/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBoldItalic-webfont.otf b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBoldItalic-webfont.otf
new file mode 100644
index 0000000..23bee2c
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBoldItalic-webfont.otf differ
diff --git a/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBoldItalic-webfont.svg b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBoldItalic-webfont.svg
new file mode 100644
index 0000000..92686f9
--- /dev/null
+++ b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBoldItalic-webfont.svg
@@ -0,0 +1,2281 @@
+
+
+
diff --git a/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBoldItalic-webfont.ttf b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBoldItalic-webfont.ttf
new file mode 100644
index 0000000..f1cf34a
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBoldItalic-webfont.ttf differ
diff --git a/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBoldItalic-webfont.woff b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBoldItalic-webfont.woff
new file mode 100644
index 0000000..878b8de
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBoldItalic-webfont.woff differ
diff --git a/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBook-webfont.eot b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBook-webfont.eot
new file mode 100644
index 0000000..99ec38c
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBook-webfont.eot differ
diff --git a/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBook-webfont.otf b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBook-webfont.otf
new file mode 100644
index 0000000..2cdaf9b
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBook-webfont.otf differ
diff --git a/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBook-webfont.svg b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBook-webfont.svg
new file mode 100644
index 0000000..c2dba30
--- /dev/null
+++ b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBook-webfont.svg
@@ -0,0 +1,6382 @@
+
+
+
diff --git a/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBook-webfont.ttf b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBook-webfont.ttf
new file mode 100644
index 0000000..c38f475
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBook-webfont.ttf differ
diff --git a/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBook-webfont.woff b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBook-webfont.woff
new file mode 100644
index 0000000..2a02c4b
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBook-webfont.woff differ
diff --git a/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBookDot-webfont.eot b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBookDot-webfont.eot
new file mode 100644
index 0000000..d303aba
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBookDot-webfont.eot differ
diff --git a/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBookDot-webfont.otf b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBookDot-webfont.otf
new file mode 100644
index 0000000..fde6c43
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBookDot-webfont.otf differ
diff --git a/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBookDot-webfont.svg b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBookDot-webfont.svg
new file mode 100644
index 0000000..da067fe
--- /dev/null
+++ b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBookDot-webfont.svg
@@ -0,0 +1,6377 @@
+
+
+
diff --git a/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBookDot-webfont.ttf b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBookDot-webfont.ttf
new file mode 100644
index 0000000..ede1729
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBookDot-webfont.ttf differ
diff --git a/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBookDot-webfont.woff b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBookDot-webfont.woff
new file mode 100644
index 0000000..7d68991
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBookDot-webfont.woff differ
diff --git a/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBookItalic-webfont.eot b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBookItalic-webfont.eot
new file mode 100644
index 0000000..34c06f1
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBookItalic-webfont.eot differ
diff --git a/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBookItalic-webfont.otf b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBookItalic-webfont.otf
new file mode 100644
index 0000000..b5fcbc5
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBookItalic-webfont.otf differ
diff --git a/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBookItalic-webfont.svg b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBookItalic-webfont.svg
new file mode 100644
index 0000000..817845b
--- /dev/null
+++ b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBookItalic-webfont.svg
@@ -0,0 +1,1552 @@
+
+
+
diff --git a/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBookItalic-webfont.ttf b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBookItalic-webfont.ttf
new file mode 100644
index 0000000..2a1bea4
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBookItalic-webfont.ttf differ
diff --git a/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBookItalic-webfont.woff b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBookItalic-webfont.woff
new file mode 100644
index 0000000..3004362
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Manifont-Grotesk-master_Webfont/ManifontGroteskBookItalic-webfont.woff differ
diff --git a/web/themes/custom/rorschach/fonts/Marianne/Marianne-Bold.woff b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Bold.woff
new file mode 100644
index 0000000..335e348
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Bold.woff differ
diff --git a/web/themes/custom/rorschach/fonts/Marianne/Marianne-Bold.woff2 b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Bold.woff2
new file mode 100644
index 0000000..4a5b7b2
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Bold.woff2 differ
diff --git a/web/themes/custom/rorschach/fonts/Marianne/Marianne-Bold_Italic.woff b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Bold_Italic.woff
new file mode 100644
index 0000000..72878fc
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Bold_Italic.woff differ
diff --git a/web/themes/custom/rorschach/fonts/Marianne/Marianne-Bold_Italic.woff2 b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Bold_Italic.woff2
new file mode 100644
index 0000000..31494ac
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Bold_Italic.woff2 differ
diff --git a/web/themes/custom/rorschach/fonts/Marianne/Marianne-ExtraBold.woff b/web/themes/custom/rorschach/fonts/Marianne/Marianne-ExtraBold.woff
new file mode 100644
index 0000000..ad85a55
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Marianne/Marianne-ExtraBold.woff differ
diff --git a/web/themes/custom/rorschach/fonts/Marianne/Marianne-ExtraBold.woff2 b/web/themes/custom/rorschach/fonts/Marianne/Marianne-ExtraBold.woff2
new file mode 100644
index 0000000..b98ec4f
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Marianne/Marianne-ExtraBold.woff2 differ
diff --git a/web/themes/custom/rorschach/fonts/Marianne/Marianne-ExtraBold_Italic.woff b/web/themes/custom/rorschach/fonts/Marianne/Marianne-ExtraBold_Italic.woff
new file mode 100644
index 0000000..af92ea7
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Marianne/Marianne-ExtraBold_Italic.woff differ
diff --git a/web/themes/custom/rorschach/fonts/Marianne/Marianne-ExtraBold_Italic.woff2 b/web/themes/custom/rorschach/fonts/Marianne/Marianne-ExtraBold_Italic.woff2
new file mode 100644
index 0000000..c4ec1c0
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Marianne/Marianne-ExtraBold_Italic.woff2 differ
diff --git a/web/themes/custom/rorschach/fonts/Marianne/Marianne-Light.woff b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Light.woff
new file mode 100644
index 0000000..9ef49df
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Light.woff differ
diff --git a/web/themes/custom/rorschach/fonts/Marianne/Marianne-Light.woff2 b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Light.woff2
new file mode 100644
index 0000000..b29a01f
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Light.woff2 differ
diff --git a/web/themes/custom/rorschach/fonts/Marianne/Marianne-Light_Italic.woff b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Light_Italic.woff
new file mode 100644
index 0000000..5ae0dbe
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Light_Italic.woff differ
diff --git a/web/themes/custom/rorschach/fonts/Marianne/Marianne-Light_Italic.woff2 b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Light_Italic.woff2
new file mode 100644
index 0000000..ccf9c8e
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Light_Italic.woff2 differ
diff --git a/web/themes/custom/rorschach/fonts/Marianne/Marianne-Medium.woff b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Medium.woff
new file mode 100644
index 0000000..692476e
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Medium.woff differ
diff --git a/web/themes/custom/rorschach/fonts/Marianne/Marianne-Medium.woff2 b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Medium.woff2
new file mode 100644
index 0000000..8877ade
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Medium.woff2 differ
diff --git a/web/themes/custom/rorschach/fonts/Marianne/Marianne-Medium_Italic.woff b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Medium_Italic.woff
new file mode 100644
index 0000000..8e32b88
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Medium_Italic.woff differ
diff --git a/web/themes/custom/rorschach/fonts/Marianne/Marianne-Medium_Italic.woff2 b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Medium_Italic.woff2
new file mode 100644
index 0000000..28b5040
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Medium_Italic.woff2 differ
diff --git a/web/themes/custom/rorschach/fonts/Marianne/Marianne-Regular.woff b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Regular.woff
new file mode 100644
index 0000000..a95a2d0
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Regular.woff differ
diff --git a/web/themes/custom/rorschach/fonts/Marianne/Marianne-Regular.woff2 b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Regular.woff2
new file mode 100644
index 0000000..5d6517c
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Regular.woff2 differ
diff --git a/web/themes/custom/rorschach/fonts/Marianne/Marianne-Regular_Italic.woff b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Regular_Italic.woff
new file mode 100644
index 0000000..1880c5d
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Regular_Italic.woff differ
diff --git a/web/themes/custom/rorschach/fonts/Marianne/Marianne-Regular_Italic.woff2 b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Regular_Italic.woff2
new file mode 100644
index 0000000..30e8934
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Regular_Italic.woff2 differ
diff --git a/web/themes/custom/rorschach/fonts/Marianne/Marianne-Thin.woff b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Thin.woff
new file mode 100644
index 0000000..6c8bc5a
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Thin.woff differ
diff --git a/web/themes/custom/rorschach/fonts/Marianne/Marianne-Thin.woff2 b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Thin.woff2
new file mode 100644
index 0000000..1ec57f7
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Thin.woff2 differ
diff --git a/web/themes/custom/rorschach/fonts/Marianne/Marianne-Thin_Italic.woff b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Thin_Italic.woff
new file mode 100644
index 0000000..4c23d6b
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Thin_Italic.woff differ
diff --git a/web/themes/custom/rorschach/fonts/Marianne/Marianne-Thin_Italic.woff2 b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Thin_Italic.woff2
new file mode 100644
index 0000000..d3978b9
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/Marianne/Marianne-Thin_Italic.woff2 differ
diff --git a/web/themes/custom/rorschach/fonts/lora/lora-v14-latin-700.woff b/web/themes/custom/rorschach/fonts/lora/lora-v14-latin-700.woff
deleted file mode 100644
index dfe18e8..0000000
Binary files a/web/themes/custom/rorschach/fonts/lora/lora-v14-latin-700.woff and /dev/null differ
diff --git a/web/themes/custom/rorschach/fonts/lora/lora-v14-latin-700.woff2 b/web/themes/custom/rorschach/fonts/lora/lora-v14-latin-700.woff2
deleted file mode 100644
index 05498a8..0000000
Binary files a/web/themes/custom/rorschach/fonts/lora/lora-v14-latin-700.woff2 and /dev/null differ
diff --git a/web/themes/custom/rorschach/fonts/lora/lora-v14-latin-italic.woff b/web/themes/custom/rorschach/fonts/lora/lora-v14-latin-italic.woff
deleted file mode 100644
index 8d77461..0000000
Binary files a/web/themes/custom/rorschach/fonts/lora/lora-v14-latin-italic.woff and /dev/null differ
diff --git a/web/themes/custom/rorschach/fonts/lora/lora-v14-latin-italic.woff2 b/web/themes/custom/rorschach/fonts/lora/lora-v14-latin-italic.woff2
deleted file mode 100644
index cd150db..0000000
Binary files a/web/themes/custom/rorschach/fonts/lora/lora-v14-latin-italic.woff2 and /dev/null differ
diff --git a/web/themes/custom/rorschach/fonts/lora/lora-v14-latin-regular.woff b/web/themes/custom/rorschach/fonts/lora/lora-v14-latin-regular.woff
deleted file mode 100644
index 2c5dc2b..0000000
Binary files a/web/themes/custom/rorschach/fonts/lora/lora-v14-latin-regular.woff and /dev/null differ
diff --git a/web/themes/custom/rorschach/fonts/lora/lora-v14-latin-regular.woff2 b/web/themes/custom/rorschach/fonts/lora/lora-v14-latin-regular.woff2
deleted file mode 100644
index e27b0fd..0000000
Binary files a/web/themes/custom/rorschach/fonts/lora/lora-v14-latin-regular.woff2 and /dev/null differ
diff --git a/web/themes/custom/rorschach/fonts/metropolis/Metropolis-Bold.woff b/web/themes/custom/rorschach/fonts/metropolis/Metropolis-Bold.woff
deleted file mode 100644
index b9eb251..0000000
Binary files a/web/themes/custom/rorschach/fonts/metropolis/Metropolis-Bold.woff and /dev/null differ
diff --git a/web/themes/custom/rorschach/fonts/metropolis/Metropolis-Bold.woff2 b/web/themes/custom/rorschach/fonts/metropolis/Metropolis-Bold.woff2
deleted file mode 100644
index 54bb59f..0000000
Binary files a/web/themes/custom/rorschach/fonts/metropolis/Metropolis-Bold.woff2 and /dev/null differ
diff --git a/web/themes/custom/rorschach/fonts/metropolis/Metropolis-Regular.woff b/web/themes/custom/rorschach/fonts/metropolis/Metropolis-Regular.woff
deleted file mode 100644
index 312202c..0000000
Binary files a/web/themes/custom/rorschach/fonts/metropolis/Metropolis-Regular.woff and /dev/null differ
diff --git a/web/themes/custom/rorschach/fonts/metropolis/Metropolis-Regular.woff2 b/web/themes/custom/rorschach/fonts/metropolis/Metropolis-Regular.woff2
deleted file mode 100644
index 40417bf..0000000
Binary files a/web/themes/custom/rorschach/fonts/metropolis/Metropolis-Regular.woff2 and /dev/null differ
diff --git a/web/themes/custom/rorschach/fonts/metropolis/Metropolis-SemiBold.woff b/web/themes/custom/rorschach/fonts/metropolis/Metropolis-SemiBold.woff
deleted file mode 100644
index ca2edb0..0000000
Binary files a/web/themes/custom/rorschach/fonts/metropolis/Metropolis-SemiBold.woff and /dev/null differ
diff --git a/web/themes/custom/rorschach/fonts/metropolis/Metropolis-SemiBold.woff2 b/web/themes/custom/rorschach/fonts/metropolis/Metropolis-SemiBold.woff2
deleted file mode 100644
index fad6dfd..0000000
Binary files a/web/themes/custom/rorschach/fonts/metropolis/Metropolis-SemiBold.woff2 and /dev/null differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Black.otf b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Black.otf
new file mode 100644
index 0000000..bbbbf64
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Black.otf differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Black.otf.woff b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Black.otf.woff
new file mode 100644
index 0000000..aef6c22
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Black.otf.woff differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Black.otf.woff2 b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Black.otf.woff2
new file mode 100644
index 0000000..3c4aec4
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Black.otf.woff2 differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Black.ttf b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Black.ttf
new file mode 100644
index 0000000..1cba216
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Black.ttf differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-BlackIt.otf b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-BlackIt.otf
new file mode 100644
index 0000000..9835c17
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-BlackIt.otf differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-BlackIt.otf.woff b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-BlackIt.otf.woff
new file mode 100644
index 0000000..19ea5fa
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-BlackIt.otf.woff differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-BlackIt.otf.woff2 b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-BlackIt.otf.woff2
new file mode 100644
index 0000000..5dc1d83
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-BlackIt.otf.woff2 differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-BlackIt.ttf b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-BlackIt.ttf
new file mode 100644
index 0000000..498d9af
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-BlackIt.ttf differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Bold.otf b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Bold.otf
new file mode 100644
index 0000000..f4e576c
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Bold.otf differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Bold.otf.woff b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Bold.otf.woff
new file mode 100644
index 0000000..a6cd0f1
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Bold.otf.woff differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Bold.otf.woff2 b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Bold.otf.woff2
new file mode 100644
index 0000000..4efbf29
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Bold.otf.woff2 differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Bold.ttf b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Bold.ttf
new file mode 100644
index 0000000..dd00982
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Bold.ttf differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-BoldIt.otf b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-BoldIt.otf
new file mode 100644
index 0000000..681a937
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-BoldIt.otf differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-BoldIt.otf.woff b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-BoldIt.otf.woff
new file mode 100644
index 0000000..9a93e24
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-BoldIt.otf.woff differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-BoldIt.otf.woff2 b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-BoldIt.otf.woff2
new file mode 100644
index 0000000..b17651b
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-BoldIt.otf.woff2 differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-BoldIt.ttf b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-BoldIt.ttf
new file mode 100644
index 0000000..0734c6a
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-BoldIt.ttf differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-ExtraLight.otf b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-ExtraLight.otf
new file mode 100644
index 0000000..de41f8b
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-ExtraLight.otf differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-ExtraLight.otf.woff b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-ExtraLight.otf.woff
new file mode 100644
index 0000000..22ee4a1
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-ExtraLight.otf.woff differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-ExtraLight.otf.woff2 b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-ExtraLight.otf.woff2
new file mode 100644
index 0000000..4af3968
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-ExtraLight.otf.woff2 differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-ExtraLight.ttf b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-ExtraLight.ttf
new file mode 100644
index 0000000..e7d364e
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-ExtraLight.ttf differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-ExtraLightIt.otf b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-ExtraLightIt.otf
new file mode 100644
index 0000000..49813d0
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-ExtraLightIt.otf differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-ExtraLightIt.otf.woff b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-ExtraLightIt.otf.woff
new file mode 100644
index 0000000..37bb5e4
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-ExtraLightIt.otf.woff differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-ExtraLightIt.otf.woff2 b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-ExtraLightIt.otf.woff2
new file mode 100644
index 0000000..4175e00
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-ExtraLightIt.otf.woff2 differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-ExtraLightIt.ttf b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-ExtraLightIt.ttf
new file mode 100644
index 0000000..dca439b
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-ExtraLightIt.ttf differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-It.otf b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-It.otf
new file mode 100644
index 0000000..0ab9eea
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-It.otf differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-It.otf.woff b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-It.otf.woff
new file mode 100644
index 0000000..40ab0ae
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-It.otf.woff differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-It.otf.woff2 b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-It.otf.woff2
new file mode 100644
index 0000000..c389335
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-It.otf.woff2 differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-It.ttf b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-It.ttf
new file mode 100644
index 0000000..efc777e
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-It.ttf differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Light.otf b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Light.otf
new file mode 100644
index 0000000..834a29b
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Light.otf differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Light.otf.woff b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Light.otf.woff
new file mode 100644
index 0000000..28c796c
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Light.otf.woff differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Light.otf.woff2 b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Light.otf.woff2
new file mode 100644
index 0000000..289b6c9
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Light.otf.woff2 differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Light.ttf b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Light.ttf
new file mode 100644
index 0000000..1ad6fa2
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Light.ttf differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-LightIt.otf b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-LightIt.otf
new file mode 100644
index 0000000..cd833d2
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-LightIt.otf differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-LightIt.otf.woff b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-LightIt.otf.woff
new file mode 100644
index 0000000..a9185a9
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-LightIt.otf.woff differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-LightIt.otf.woff2 b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-LightIt.otf.woff2
new file mode 100644
index 0000000..cf705a3
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-LightIt.otf.woff2 differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-LightIt.ttf b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-LightIt.ttf
new file mode 100644
index 0000000..68c2913
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-LightIt.ttf differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Medium.otf b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Medium.otf
new file mode 100644
index 0000000..c5dddda
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Medium.otf differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Medium.otf.woff b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Medium.otf.woff
new file mode 100644
index 0000000..36073cf
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Medium.otf.woff differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Medium.otf.woff2 b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Medium.otf.woff2
new file mode 100644
index 0000000..0cce5e9
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Medium.otf.woff2 differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Medium.ttf b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Medium.ttf
new file mode 100644
index 0000000..52342f4
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Medium.ttf differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-MediumIt.otf b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-MediumIt.otf
new file mode 100644
index 0000000..77cd5da
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-MediumIt.otf differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-MediumIt.otf.woff b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-MediumIt.otf.woff
new file mode 100644
index 0000000..a9924c3
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-MediumIt.otf.woff differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-MediumIt.otf.woff2 b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-MediumIt.otf.woff2
new file mode 100644
index 0000000..2e83e59
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-MediumIt.otf.woff2 differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-MediumIt.ttf b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-MediumIt.ttf
new file mode 100644
index 0000000..68c3036
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-MediumIt.ttf differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Regular.otf b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Regular.otf
new file mode 100644
index 0000000..4e3b9d0
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Regular.otf differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Regular.otf.woff b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Regular.otf.woff
new file mode 100644
index 0000000..33b5534
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Regular.otf.woff differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Regular.otf.woff2 b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Regular.otf.woff2
new file mode 100644
index 0000000..aae63a9
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Regular.otf.woff2 differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Regular.ttf b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Regular.ttf
new file mode 100644
index 0000000..1decfb9
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Regular.ttf differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Semibold.otf b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Semibold.otf
new file mode 100644
index 0000000..2c4b5b4
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Semibold.otf differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Semibold.otf.woff b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Semibold.otf.woff
new file mode 100644
index 0000000..22d56eb
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Semibold.otf.woff differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Semibold.otf.woff2 b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Semibold.otf.woff2
new file mode 100644
index 0000000..3a24fb6
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Semibold.otf.woff2 differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Semibold.ttf b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Semibold.ttf
new file mode 100644
index 0000000..ae85746
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-Semibold.ttf differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-SemiboldIt.otf b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-SemiboldIt.otf
new file mode 100644
index 0000000..cb064e7
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-SemiboldIt.otf differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-SemiboldIt.otf.woff b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-SemiboldIt.otf.woff
new file mode 100644
index 0000000..f3fee74
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-SemiboldIt.otf.woff differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-SemiboldIt.otf.woff2 b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-SemiboldIt.otf.woff2
new file mode 100644
index 0000000..4c3638d
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-SemiboldIt.otf.woff2 differ
diff --git a/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-SemiboldIt.ttf b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-SemiboldIt.ttf
new file mode 100644
index 0000000..4f83c4d
Binary files /dev/null and b/web/themes/custom/rorschach/fonts/source-code-pro/SourceCodePro-SemiboldIt.ttf differ
diff --git a/web/themes/custom/rorschach/images/Cite_architecture-Freaks_Architects026Copyright_David_Foessel_0.jpg b/web/themes/custom/rorschach/images/Cite_architecture-Freaks_Architects026Copyright_David_Foessel_0.jpg
new file mode 100644
index 0000000..5c80dc9
Binary files /dev/null and b/web/themes/custom/rorschach/images/Cite_architecture-Freaks_Architects026Copyright_David_Foessel_0.jpg differ
diff --git a/web/themes/custom/rorschach/images/Logement_sociaux_6_1.jpg b/web/themes/custom/rorschach/images/Logement_sociaux_6_1.jpg
new file mode 100644
index 0000000..b975624
Binary files /dev/null and b/web/themes/custom/rorschach/images/Logement_sociaux_6_1.jpg differ
diff --git a/web/themes/custom/rorschach/images/background.svg b/web/themes/custom/rorschach/images/background.svg
deleted file mode 100644
index de403bd..0000000
--- a/web/themes/custom/rorschach/images/background.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/web/themes/custom/rorschach/images/carre_site.mp4 b/web/themes/custom/rorschach/images/carre_site.mp4
new file mode 100644
index 0000000..b53c404
Binary files /dev/null and b/web/themes/custom/rorschach/images/carre_site.mp4 differ
diff --git a/web/themes/custom/rorschach/images/chevron-down.svg b/web/themes/custom/rorschach/images/chevron-down.svg
deleted file mode 100644
index 108476a..0000000
--- a/web/themes/custom/rorschach/images/chevron-down.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/web/themes/custom/rorschach/images/error.svg b/web/themes/custom/rorschach/images/error.svg
deleted file mode 100644
index 072a150..0000000
--- a/web/themes/custom/rorschach/images/error.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/web/themes/custom/rorschach/images/evénement 308.jpg b/web/themes/custom/rorschach/images/evénement 308.jpg
new file mode 100644
index 0000000..204aa95
Binary files /dev/null and b/web/themes/custom/rorschach/images/evénement 308.jpg differ
diff --git a/web/themes/custom/rorschach/images/gouvernement_cartouche.png b/web/themes/custom/rorschach/images/gouvernement_cartouche.png
new file mode 100644
index 0000000..2ee3249
Binary files /dev/null and b/web/themes/custom/rorschach/images/gouvernement_cartouche.png differ
diff --git a/web/themes/custom/rorschach/images/info.svg b/web/themes/custom/rorschach/images/info.svg
deleted file mode 100644
index 24b3c40..0000000
--- a/web/themes/custom/rorschach/images/info.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/web/themes/custom/rorschach/images/ko.jpg b/web/themes/custom/rorschach/images/ko.jpg
new file mode 100644
index 0000000..83c8f27
Binary files /dev/null and b/web/themes/custom/rorschach/images/ko.jpg differ
diff --git a/web/themes/custom/rorschach/images/logo_iri.png b/web/themes/custom/rorschach/images/logo_iri.png
deleted file mode 100644
index 846a402..0000000
Binary files a/web/themes/custom/rorschach/images/logo_iri.png and /dev/null differ
diff --git a/web/themes/custom/rorschach/images/magnifying-glass.svg b/web/themes/custom/rorschach/images/magnifying-glass.svg
deleted file mode 100644
index 219cfc3..0000000
--- a/web/themes/custom/rorschach/images/magnifying-glass.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/web/themes/custom/rorschach/images/pager-first.svg b/web/themes/custom/rorschach/images/pager-first.svg
deleted file mode 100644
index 8234feb..0000000
--- a/web/themes/custom/rorschach/images/pager-first.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/web/themes/custom/rorschach/images/pager-previous.svg b/web/themes/custom/rorschach/images/pager-previous.svg
deleted file mode 100644
index 63c5bdf..0000000
--- a/web/themes/custom/rorschach/images/pager-previous.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/web/themes/custom/rorschach/images/pictos/carre-contour-bleu-offre.svg b/web/themes/custom/rorschach/images/pictos/carre-contour-bleu-offre.svg
new file mode 100644
index 0000000..33bce20
--- /dev/null
+++ b/web/themes/custom/rorschach/images/pictos/carre-contour-bleu-offre.svg
@@ -0,0 +1,57 @@
+
+
+
+
diff --git a/web/themes/custom/rorschach/images/pictos/carre-contour-bleu.svg b/web/themes/custom/rorschach/images/pictos/carre-contour-bleu.svg
new file mode 100644
index 0000000..d3781d2
--- /dev/null
+++ b/web/themes/custom/rorschach/images/pictos/carre-contour-bleu.svg
@@ -0,0 +1,56 @@
+
+
+
+
diff --git a/web/themes/custom/rorschach/images/pictos/carre-contour-bleu_annuairederecherche.svg b/web/themes/custom/rorschach/images/pictos/carre-contour-bleu_annuairederecherche.svg
new file mode 100644
index 0000000..3b9bea3
--- /dev/null
+++ b/web/themes/custom/rorschach/images/pictos/carre-contour-bleu_annuairederecherche.svg
@@ -0,0 +1,65 @@
+
+
+
+
diff --git a/web/themes/custom/rorschach/images/pictos/carre-contour-bleu_bdd.svg b/web/themes/custom/rorschach/images/pictos/carre-contour-bleu_bdd.svg
new file mode 100644
index 0000000..a96844e
--- /dev/null
+++ b/web/themes/custom/rorschach/images/pictos/carre-contour-bleu_bdd.svg
@@ -0,0 +1,64 @@
+
+
+
+
diff --git a/web/themes/custom/rorschach/images/pictos/carre-contour-bleu_contact.svg b/web/themes/custom/rorschach/images/pictos/carre-contour-bleu_contact.svg
new file mode 100644
index 0000000..a63c24b
--- /dev/null
+++ b/web/themes/custom/rorschach/images/pictos/carre-contour-bleu_contact.svg
@@ -0,0 +1,56 @@
+
+
+
+
diff --git a/web/themes/custom/rorschach/images/pictos/carre-contour-bleu_gouvernance.svg b/web/themes/custom/rorschach/images/pictos/carre-contour-bleu_gouvernance.svg
new file mode 100644
index 0000000..19c1e45
--- /dev/null
+++ b/web/themes/custom/rorschach/images/pictos/carre-contour-bleu_gouvernance.svg
@@ -0,0 +1,64 @@
+
+
+
+
diff --git a/web/themes/custom/rorschach/images/pictos/carre-contour-bleu_partenaire.svg b/web/themes/custom/rorschach/images/pictos/carre-contour-bleu_partenaire.svg
new file mode 100644
index 0000000..4c110b6
--- /dev/null
+++ b/web/themes/custom/rorschach/images/pictos/carre-contour-bleu_partenaire.svg
@@ -0,0 +1,64 @@
+
+
+
+
diff --git a/web/themes/custom/rorschach/images/pictos/carre-contour-bleu_programme.svg b/web/themes/custom/rorschach/images/pictos/carre-contour-bleu_programme.svg
new file mode 100644
index 0000000..cb6c372
--- /dev/null
+++ b/web/themes/custom/rorschach/images/pictos/carre-contour-bleu_programme.svg
@@ -0,0 +1,64 @@
+
+
+
+
diff --git a/web/themes/custom/rorschach/images/pictos/fleche_blanche.svg b/web/themes/custom/rorschach/images/pictos/fleche_blanche.svg
new file mode 100644
index 0000000..2e6e8aa
--- /dev/null
+++ b/web/themes/custom/rorschach/images/pictos/fleche_blanche.svg
@@ -0,0 +1,73 @@
+
+
diff --git a/web/themes/custom/rorschach/images/pictos/forme_home.svg b/web/themes/custom/rorschach/images/pictos/forme_home.svg
new file mode 100644
index 0000000..562e340
--- /dev/null
+++ b/web/themes/custom/rorschach/images/pictos/forme_home.svg
@@ -0,0 +1,117 @@
+
+
diff --git a/web/themes/custom/rorschach/images/pictos/forme_home_2.svg b/web/themes/custom/rorschach/images/pictos/forme_home_2.svg
new file mode 100644
index 0000000..e109e7e
--- /dev/null
+++ b/web/themes/custom/rorschach/images/pictos/forme_home_2.svg
@@ -0,0 +1,123 @@
+
+
diff --git a/web/themes/custom/rorschach/images/pictos/forme_home_2_smartphone.svg b/web/themes/custom/rorschach/images/pictos/forme_home_2_smartphone.svg
new file mode 100644
index 0000000..4ffbacb
--- /dev/null
+++ b/web/themes/custom/rorschach/images/pictos/forme_home_2_smartphone.svg
@@ -0,0 +1,122 @@
+
+
diff --git a/web/themes/custom/rorschach/images/pictos/icons8-menu.svg b/web/themes/custom/rorschach/images/pictos/icons8-menu.svg
new file mode 100644
index 0000000..9f75976
--- /dev/null
+++ b/web/themes/custom/rorschach/images/pictos/icons8-menu.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/web/themes/custom/rorschach/images/pictos/linkedin_black.svg b/web/themes/custom/rorschach/images/pictos/linkedin_black.svg
new file mode 100644
index 0000000..300a548
--- /dev/null
+++ b/web/themes/custom/rorschach/images/pictos/linkedin_black.svg
@@ -0,0 +1,48 @@
+
+
diff --git a/web/themes/custom/rorschach/images/pictos/linkedin_white.svg b/web/themes/custom/rorschach/images/pictos/linkedin_white.svg
new file mode 100644
index 0000000..b4e379d
--- /dev/null
+++ b/web/themes/custom/rorschach/images/pictos/linkedin_white.svg
@@ -0,0 +1,48 @@
+
+
diff --git a/web/themes/custom/rorschach/images/pictos/logo-twitter.png b/web/themes/custom/rorschach/images/pictos/logo-twitter.png
new file mode 100644
index 0000000..a2b40bf
Binary files /dev/null and b/web/themes/custom/rorschach/images/pictos/logo-twitter.png differ
diff --git a/web/themes/custom/rorschach/images/pictos/menu.png b/web/themes/custom/rorschach/images/pictos/menu.png
new file mode 100644
index 0000000..1c93b59
Binary files /dev/null and b/web/themes/custom/rorschach/images/pictos/menu.png differ
diff --git a/web/themes/custom/rorschach/images/pictos/noun_Arrow_3771902-rouge.svg b/web/themes/custom/rorschach/images/pictos/noun_Arrow_3771902-rouge.svg
new file mode 100644
index 0000000..ecb4720
--- /dev/null
+++ b/web/themes/custom/rorschach/images/pictos/noun_Arrow_3771902-rouge.svg
@@ -0,0 +1,54 @@
+
+
diff --git a/web/themes/custom/rorschach/images/pictos/noun_Arrow_3771902.svg b/web/themes/custom/rorschach/images/pictos/noun_Arrow_3771902.svg
new file mode 100644
index 0000000..0f54258
--- /dev/null
+++ b/web/themes/custom/rorschach/images/pictos/noun_Arrow_3771902.svg
@@ -0,0 +1,53 @@
+
+
diff --git a/web/themes/custom/rorschach/images/pictos/noun_Download_file_307900.svg b/web/themes/custom/rorschach/images/pictos/noun_Download_file_307900.svg
new file mode 100644
index 0000000..14b1f56
--- /dev/null
+++ b/web/themes/custom/rorschach/images/pictos/noun_Download_file_307900.svg
@@ -0,0 +1,48 @@
+
+
diff --git a/web/themes/custom/rorschach/images/pictos/noun_External Link_674151.svg b/web/themes/custom/rorschach/images/pictos/noun_External Link_674151.svg
new file mode 100644
index 0000000..71c2392
--- /dev/null
+++ b/web/themes/custom/rorschach/images/pictos/noun_External Link_674151.svg
@@ -0,0 +1,55 @@
+
+
diff --git a/web/themes/custom/rorschach/images/pictos/noun_Loupe_337697.svg b/web/themes/custom/rorschach/images/pictos/noun_Loupe_337697.svg
new file mode 100644
index 0000000..1cef4b0
--- /dev/null
+++ b/web/themes/custom/rorschach/images/pictos/noun_Loupe_337697.svg
@@ -0,0 +1,43 @@
+
+
diff --git a/web/themes/custom/rorschach/images/pictos/picto_faq.svg b/web/themes/custom/rorschach/images/pictos/picto_faq.svg
new file mode 100644
index 0000000..2dc6965
--- /dev/null
+++ b/web/themes/custom/rorschach/images/pictos/picto_faq.svg
@@ -0,0 +1,71 @@
+
+
diff --git a/web/themes/custom/rorschach/images/pictos/picto_faq_2.svg b/web/themes/custom/rorschach/images/pictos/picto_faq_2.svg
new file mode 100644
index 0000000..ea684ae
--- /dev/null
+++ b/web/themes/custom/rorschach/images/pictos/picto_faq_2.svg
@@ -0,0 +1,71 @@
+
+
diff --git a/web/themes/custom/rorschach/images/pictos/rosace.svg b/web/themes/custom/rorschach/images/pictos/rosace.svg
new file mode 100644
index 0000000..c43d501
--- /dev/null
+++ b/web/themes/custom/rorschach/images/pictos/rosace.svg
@@ -0,0 +1,904 @@
+
+
+
+
diff --git a/web/themes/custom/rorschach/images/pictos/rosace_coupee.png b/web/themes/custom/rorschach/images/pictos/rosace_coupee.png
new file mode 100644
index 0000000..bc2cdb7
Binary files /dev/null and b/web/themes/custom/rorschach/images/pictos/rosace_coupee.png differ
diff --git a/web/themes/custom/rorschach/images/pictos/rosace_coupee.svg b/web/themes/custom/rorschach/images/pictos/rosace_coupee.svg
new file mode 100644
index 0000000..1f15e40
--- /dev/null
+++ b/web/themes/custom/rorschach/images/pictos/rosace_coupee.svg
@@ -0,0 +1,866 @@
+
+
+
+
diff --git a/web/themes/custom/rorschach/images/pictos/twitter_black.svg b/web/themes/custom/rorschach/images/pictos/twitter_black.svg
new file mode 100644
index 0000000..ddbf641
--- /dev/null
+++ b/web/themes/custom/rorschach/images/pictos/twitter_black.svg
@@ -0,0 +1,43 @@
+
+
diff --git a/web/themes/custom/rorschach/images/pictos/twitter_white.svg b/web/themes/custom/rorschach/images/pictos/twitter_white.svg
new file mode 100644
index 0000000..2ecbb82
--- /dev/null
+++ b/web/themes/custom/rorschach/images/pictos/twitter_white.svg
@@ -0,0 +1,43 @@
+
+
diff --git a/web/themes/custom/rorschach/images/pictos/youtube_black.svg b/web/themes/custom/rorschach/images/pictos/youtube_black.svg
new file mode 100644
index 0000000..1fdef8f
--- /dev/null
+++ b/web/themes/custom/rorschach/images/pictos/youtube_black.svg
@@ -0,0 +1,74 @@
+
+
diff --git a/web/themes/custom/rorschach/images/pictos/youtube_white.svg b/web/themes/custom/rorschach/images/pictos/youtube_white.svg
new file mode 100644
index 0000000..2c5bc91
--- /dev/null
+++ b/web/themes/custom/rorschach/images/pictos/youtube_white.svg
@@ -0,0 +1,78 @@
+
+
diff --git a/web/themes/custom/rorschach/images/rss.svg b/web/themes/custom/rorschach/images/rss.svg
deleted file mode 100644
index 3f77c22..0000000
--- a/web/themes/custom/rorschach/images/rss.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/web/themes/custom/rorschach/images/sceau_excellence_def.png b/web/themes/custom/rorschach/images/sceau_excellence_def.png
new file mode 100644
index 0000000..56969fa
Binary files /dev/null and b/web/themes/custom/rorschach/images/sceau_excellence_def.png differ
diff --git a/web/themes/custom/rorschach/images/search--white.svg b/web/themes/custom/rorschach/images/search--white.svg
deleted file mode 100644
index 8173045..0000000
--- a/web/themes/custom/rorschach/images/search--white.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/web/themes/custom/rorschach/images/search.svg b/web/themes/custom/rorschach/images/search.svg
deleted file mode 100644
index fb9341c..0000000
--- a/web/themes/custom/rorschach/images/search.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/web/themes/custom/rorschach/images/site-under-maintenance-icon.svg b/web/themes/custom/rorschach/images/site-under-maintenance-icon.svg
deleted file mode 100644
index fbb929c..0000000
--- a/web/themes/custom/rorschach/images/site-under-maintenance-icon.svg
+++ /dev/null
@@ -1 +0,0 @@
-
diff --git a/web/themes/custom/rorschach/images/status.svg b/web/themes/custom/rorschach/images/status.svg
deleted file mode 100644
index becae08..0000000
--- a/web/themes/custom/rorschach/images/status.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/web/themes/custom/rorschach/images/throbber.gif b/web/themes/custom/rorschach/images/throbber.gif
deleted file mode 100644
index f255b0d..0000000
Binary files a/web/themes/custom/rorschach/images/throbber.gif and /dev/null differ
diff --git a/web/themes/custom/rorschach/images/throbber.svg b/web/themes/custom/rorschach/images/throbber.svg
deleted file mode 100644
index 1034c9d..0000000
--- a/web/themes/custom/rorschach/images/throbber.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-
diff --git a/web/themes/custom/rorschach/images/warning.svg b/web/themes/custom/rorschach/images/warning.svg
deleted file mode 100644
index af35182..0000000
--- a/web/themes/custom/rorschach/images/warning.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/web/themes/custom/rorschach/js/checkbox.es6.js b/web/themes/custom/rorschach/js/checkbox.es6.js
deleted file mode 100644
index 2114e28..0000000
--- a/web/themes/custom/rorschach/js/checkbox.es6.js
+++ /dev/null
@@ -1,15 +0,0 @@
-/**
- * @file
- * Customization of checkbox.
- */
-
-((Drupal) => {
- /**
- * Constructs a checkbox input element.
- *
- * @return {string}
- * A string representing a DOM fragment.
- */
- Drupal.theme.checkbox = () =>
- '';
-})(Drupal);
diff --git a/web/themes/custom/rorschach/js/checkbox.js b/web/themes/custom/rorschach/js/checkbox.js
deleted file mode 100644
index 639314c..0000000
--- a/web/themes/custom/rorschach/js/checkbox.js
+++ /dev/null
@@ -1,11 +0,0 @@
-/**
-* DO NOT EDIT THIS FILE.
-* See the following change record for more information,
-* https://www.drupal.org/node/2815083
-* @preserve
-**/
-(function (Drupal) {
- Drupal.theme.checkbox = function () {
- return '';
- };
-})(Drupal);
\ No newline at end of file
diff --git a/web/themes/custom/rorschach/js/comments.es6.js b/web/themes/custom/rorschach/js/comments.es6.js
deleted file mode 100644
index 1e70ee9..0000000
--- a/web/themes/custom/rorschach/js/comments.es6.js
+++ /dev/null
@@ -1,63 +0,0 @@
-/**
- * @file
- * Customization of comments.
- */
-
-((Drupal, once) => {
- /**
- * Initialize show/hide button for the comments.
- *
- * @param {Element} comments
- * The comment wrapper element.
- */
- function init(comments) {
- comments
- .querySelectorAll('[data-drupal-selector="comment"]')
- .forEach((comment) => {
- if (
- comment.nextElementSibling != null &&
- comment.nextElementSibling.matches('.indented')
- ) {
- comment.classList.add('has-children');
- }
- });
-
- comments.querySelectorAll('.indented').forEach((commentGroup) => {
- const showHideWrapper = document.createElement('div');
- showHideWrapper.setAttribute('class', 'show-hide-wrapper');
-
- const toggleCommentsBtn = document.createElement('button');
- toggleCommentsBtn.setAttribute('type', 'button');
- toggleCommentsBtn.setAttribute('aria-expanded', 'true');
- toggleCommentsBtn.setAttribute('class', 'show-hide-btn');
- toggleCommentsBtn.innerText = Drupal.t('Replies');
-
- commentGroup.parentNode.insertBefore(showHideWrapper, commentGroup);
- showHideWrapper.appendChild(toggleCommentsBtn);
-
- toggleCommentsBtn.addEventListener('click', (e) => {
- commentGroup.classList.toggle('hidden');
- e.currentTarget.setAttribute(
- 'aria-expanded',
- commentGroup.classList.contains('hidden') ? 'false' : 'true',
- );
- });
- });
- }
-
- /**
- * Attaches the comment behavior to comments.
- *
- * @type {Drupal~behavior}
- *
- * @prop {Drupal~behaviorAttach} attach
- * Attaches the show/hide behavior for indented comments.
- */
- Drupal.behaviors.comments = {
- attach(context) {
- once('comments', '[data-drupal-selector="comments"]', context).forEach(
- init,
- );
- },
- };
-})(Drupal, once);
diff --git a/web/themes/custom/rorschach/js/comments.js b/web/themes/custom/rorschach/js/comments.js
deleted file mode 100644
index 33f0adf..0000000
--- a/web/themes/custom/rorschach/js/comments.js
+++ /dev/null
@@ -1,35 +0,0 @@
-/**
-* DO NOT EDIT THIS FILE.
-* See the following change record for more information,
-* https://www.drupal.org/node/2815083
-* @preserve
-**/
-(function (Drupal, once) {
- function init(comments) {
- comments.querySelectorAll('[data-drupal-selector="comment"]').forEach(function (comment) {
- if (comment.nextElementSibling != null && comment.nextElementSibling.matches('.indented')) {
- comment.classList.add('has-children');
- }
- });
- comments.querySelectorAll('.indented').forEach(function (commentGroup) {
- var showHideWrapper = document.createElement('div');
- showHideWrapper.setAttribute('class', 'show-hide-wrapper');
- var toggleCommentsBtn = document.createElement('button');
- toggleCommentsBtn.setAttribute('type', 'button');
- toggleCommentsBtn.setAttribute('aria-expanded', 'true');
- toggleCommentsBtn.setAttribute('class', 'show-hide-btn');
- toggleCommentsBtn.innerText = Drupal.t('Replies');
- commentGroup.parentNode.insertBefore(showHideWrapper, commentGroup);
- showHideWrapper.appendChild(toggleCommentsBtn);
- toggleCommentsBtn.addEventListener('click', function (e) {
- commentGroup.classList.toggle('hidden');
- e.currentTarget.setAttribute('aria-expanded', commentGroup.classList.contains('hidden') ? 'false' : 'true');
- });
- });
- }
- Drupal.behaviors.comments = {
- attach: function attach(context) {
- once('comments', '[data-drupal-selector="comments"]', context).forEach(init);
- }
- };
-})(Drupal, once);
\ No newline at end of file
diff --git a/web/themes/custom/rorschach/js/message.theme.es6.js b/web/themes/custom/rorschach/js/message.theme.es6.js
deleted file mode 100644
index 5d439c2..0000000
--- a/web/themes/custom/rorschach/js/message.theme.es6.js
+++ /dev/null
@@ -1,81 +0,0 @@
-/**
- * @file
- * Overriding core's message functions to add icon and a remove button to each message.
- */
-
-((Drupal) => {
- /**
- * Overrides message theme function.
- *
- * @param {object} message
- * The message object.
- * @param {string} message.text
- * The message text.
- * @param {object} options
- * The message context.
- * @param {string} options.type
- * The message type.
- * @param {string} options.id
- * ID of the message, for reference.
- *
- * @return {HTMLElement}
- * A DOM Node.
- */
- Drupal.theme.message = ({ text }, { type, id }) => {
- const messagesTypes = Drupal.Message.getMessageTypeLabels();
- const messageWrapper = document.createElement('div');
-
- messageWrapper.setAttribute(
- 'class',
- `messages-list__item messages messages--${type}`,
- );
- messageWrapper.setAttribute('data-drupal-selector', 'messages');
- messageWrapper.setAttribute(
- 'role',
- type === 'error' || type === 'warning' ? 'alert' : 'status',
- );
- messageWrapper.setAttribute('aria-labelledby', `${id}-title`);
- messageWrapper.setAttribute('data-drupal-message-id', id);
- messageWrapper.setAttribute('data-drupal-message-type', type);
- let svg = '';
-
- if (['error', 'warning', 'status', 'info'].indexOf(type) > -1) {
- svg =
- '';
- }
-
- messageWrapper.innerHTML = `
-
- `;
-
- Drupal.olivero.closeMessage(messageWrapper);
-
- return messageWrapper;
- };
-})(Drupal);
diff --git a/web/themes/custom/rorschach/js/message.theme.js b/web/themes/custom/rorschach/js/message.theme.js
deleted file mode 100644
index 4ffb802..0000000
--- a/web/themes/custom/rorschach/js/message.theme.js
+++ /dev/null
@@ -1,40 +0,0 @@
-/**
-* DO NOT EDIT THIS FILE.
-* See the following change record for more information,
-* https://www.drupal.org/node/2815083
-* @preserve
-**/
-(function (Drupal) {
- Drupal.theme.message = function (_ref, _ref2) {
- var text = _ref.text;
- var type = _ref2.type,
- id = _ref2.id;
- var messagesTypes = Drupal.Message.getMessageTypeLabels();
- var messageWrapper = document.createElement('div');
- messageWrapper.setAttribute('class', "messages-list__item messages messages--".concat(type));
- messageWrapper.setAttribute('data-drupal-selector', 'messages');
- messageWrapper.setAttribute('role', type === 'error' || type === 'warning' ? 'alert' : 'status');
- messageWrapper.setAttribute('aria-labelledby', "".concat(id, "-title"));
- messageWrapper.setAttribute('data-drupal-message-id', id);
- messageWrapper.setAttribute('data-drupal-message-type', type);
- var svg = '';
- if (['error', 'warning', 'status', 'info'].indexOf(type) > -1) {
- svg = '';
- }
- messageWrapper.innerHTML = "\n \n \n
\n ").concat(text, "\n
\n
element.
- * @param {Element} navItem - The first item within the primary navigation.
- */
- function transitionToDesktopNavigation(navWrapper, navItem) {
- document.body.classList.remove('is-always-mobile-nav');
-
- // Double check to see if the navigation is wrapping, and if so, re-enable
- // mobile navigation. This solves an edge cases where if the amount of
- // navigation items always causes the primary navigation to wrap, and the
- // page is loaded at a narrower viewport and then widened, the mobile nav
- // may not be enabled.
- if (navWrapper.clientHeight > navItem.clientHeight) {
- document.body.classList.add('is-always-mobile-nav');
- }
- }
-
- /**
- * Callback from Resize Observer. This checks if the primary navigation is
- * wrapping, and if so, transitions to the mobile navigation.
- *
- * @param {ResizeObserverEntry} entries - Object passed from ResizeObserver.
- */
- function checkIfDesktopNavigationWraps(entries) {
- const navItem = document.querySelector('.primary-nav__menu-item');
-
- if (
- Drupal.olivero.isDesktopNav() &&
- entries[0].contentRect.height > navItem.clientHeight
- ) {
- const navMediaQuery = window.matchMedia(
- `(max-width: ${window.innerWidth + 5}px)`, // 5px adds a small buffer before switching back.
- );
- document.body.classList.add('is-always-mobile-nav');
-
- // In the event that the viewport was resized, we remember the viewport
- // width with a one-time event listener ,so we can attempt to transition
- // from mobile navigation to desktop navigation.
- navMediaQuery.addEventListener(
- 'change',
- () => {
- transitionToDesktopNavigation(entries[0].target, navItem);
- },
- { once: true },
- );
- }
- }
-
- /**
- * Set up Resize Observer to listen for changes to the size of the primary
- * navigation.
- *
- * @param {Element} primaryNav - The primary navigation's top-level