:root {
  --color--gray--dark: #151515;
  --color--gray: #626262;
  --color--gray--light: #e0e0e0;
  --color--gray--very-light: #f1f1f1;
  //--color--rich-red: #c13733;
  --color--rich-red: #d2232a;
  --color--rich-red--dark: #a31b21;

  --color--black: var(--color--gray--dark);
  --color--primary: var(--color--rich-red);
  --color--secondary: var(--color--gray);

  --font-size--small: 0.8125rem;
  --font-size--normal: 1rem;

  --font-size--list-title: 1.125rem;

  --grid-space--vertical: 1rem;
  --grid-space--horizontal: 2rem;
}
h1 {
  font-size: 1.125rem;
  font-weight: 700;
}
@media (min-width: 720px) {
h1 {
    font-size: 1.125rem
}
  }
h2 {
  font-size: 1.125rem;
  font-weight: 700;
}
@media(min-width: 720px) {
h2 {
    font-size: 1.125rem
}
  }
h3 {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 0.375rem;
  margin-top: 1.5rem;
}
a {
  color: #151515;
  color: var(--color--black);
  text-decoration: none;
}
a:hover {
    color: #d2232a;
    color: var(--color--primary);
  }
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, ul:first-child, ol:first-child, p:first-child {
    margin-top: 0;
  }
.field--name-field-paragraphs > .field__item {
    //margin-bottom: 1.5rem;
  }
ul {
  list-style-type: none;
  margin: 0 0 1rem 0;
  padding-left: 0;
}
ul li {
    margin-bottom: 0.375rem;
  }
input[type=button],
input[type=submit] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #d2232a;
  background-color: var(--color--rich-red);
  border: 0;
  border-radius: 0.25rem;
  color: white;
  font-weight: bold;
  padding: 0.75rem 1rem;
}
input[type=button]:hover, input[type=submit]:hover {
    background-color: #151515;
    background-color: var(--color--gray--dark);
  }
a.button  {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #d2232a;
  background-color: var(--color--rich-red);
  border: 0;
  border-radius: 0.25rem;
  color: white;
  font-weight: bold;
  padding: 0.75rem 1rem;
}
a.button:hover {
    background-color: #151515;
    background-color: var(--color--gray--dark);
  }
.layout > .layout__region {
    box-sizing: border-box;
    //padding-right: 1.5rem;
  }
.layout--twocol-section > .layout__region, .layout--threecol-section > .layout__region {
    box-sizing: border-box;
    padding-right: 1.5rem;
  }
.paragraph--type--footnotes {
  margin-bottom: 2rem;
}
.paragraph--type--footnotes .field--name-field-block-body {
    font-size: 0.8125rem;
    font-size: var(--font-size--small);
  }
.paragraph--type--footnotes .field--name-field-block-body:before {
      border-top: 1px solid #626262;
      border-top: 1px solid var(--color--gray);
      content: "";
      display: block;
      margin: 5rem 0 1.5rem 0;
      width: 5rem;
    }
.paragraph--type--footnotes .field--name-field-block-body ul {
      margin: 0;
    }
.paragraph--type--footnotes .field--name-field-block-body p, .paragraph--type--footnotes .field--name-field-block-body li {
      margin: 0.25rem 0;
      padding: 0;
      position: relative;
/*
      a {
        left: 0;
        position: absolute;
        width: 2rem;
      }
*/    }
.paragraph--type--media {
  margin-bottom: 2rem;
}
.paragraph--type--media .field--name-field-media-oembed-video {
    aspect-ratio: 16/9;
    position: relative;
    width: 100%;
  }
.paragraph--type--media .field--name-field-media-oembed-video iframe {
      left: 0;
      height: 100%;
      position: absolute;
      top: 0;
      width: 100%;
    }
.paragraph--type--projects {
  margin-bottom: 2rem;
}
.paragraph--type--projects .field--name-field-projects {
    display: grid;
    font-size: 0.875rem;
    grid-column-gap: 1rem;
    grid-column-gap: var(--grid-space--vertical);
    grid-row-gap: 2rem;
    grid-row-gap: var(--grid-space--horizontal);
    grid-template-columns: repeat(4, 1fr);
  }
.paragraph--type--projects .field--name-field-projects .field--name-field-media-image {
      aspect-ratio: 1;
      background-color: #e0e0e0;
      background-color: var(--color--gray--light);
      margin-bottom: 0.5rem;
      overflow: hidden;
      padding: 0.5rem;
      display: flex;
    }
.paragraph--type--projects .field--name-field-projects .field--name-field-media-image img {
        aspect-ratio: 1;
        -o-object-fit: contain;
           object-fit: contain;
      }
.paragraph--type--projects .field--name-field-projects .project__info .field {
        margin: 0;
      }
.paragraph--type--projects .field--name-field-projects .project__info .field__label {
        display: inline;
      }
.paragraph--type--projects .field--name-field-projects .node--type-project {
      cursor: pointer;

    }
.paragraph--type--projects .field--name-field-projects .node--type-project .field--name-field-sta-number {
        font-weight: normal;
      }
.paragraph--type--resources {
  margin-bottom: 2rem;
}
@media (min-width: 1024px) {
.paragraph--type--resources .field--name-field-resource-lists {
      -moz-column-count: 4;
           column-count: 4
  }
    }
.paragraph--type--resources .field--name-field-resource-lists > .field__item {
      margin-bottom: 1.5rem;
    }
.paragraph--type--resource-list .field--name-field-block-title {
    color: #d2232a;
    color: var(--color--rich-red);
    font-size: 1.125rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
    page-break-after: avoid;
  }
.paragraph--type--resource-list .field--name-field-block-body h3,
    .paragraph--type--resource-list .field--name-field-block-body h4 {
      font-size: 1rem;
      margin-bottom: 0.5rem;
      margin-top: 0;
      page-break-after: avoid;
    }
.paragraph--type--resource-list .field--name-field-block-body ul {
      margin-bottom: 0;
    }
.paragraph--type--resource-list .field--name-field-block-body ul + article,
    .paragraph--type--resource-list .field--name-field-block-body ul + a {
      page-break-before: avoid;
      //margin-top: -0.75rem;
    }
.paragraph--type--resource-list .field--name-field-block-body a {
      display: block;
    }
.paragraph--type--resource-list .field--name-field-block-body article {
      box-sizing: border-box;
      margin-bottom: 1rem;
      max-width: 12rem;
      padding-right: 1rem;
    }
.paragraph--type--resource-list .field--name-field-block-body article .field--type-image {
        position: relative;
        max-width: 100%;
      }
.paragraph--type--resource-list .field--name-field-block-body article .field--type-image:before {
          border: 1px solid rgba(0, 0, 0, 0.5);
          box-sizing: border-box;
          content: "";
          left: 0;
          height: 100%;
          pointer-events: none;
          position: absolute;
          top: 0;
          width: 100%;
          z-index: 1;
        }
.paragraph--type--resource-list .field--name-field-block-body ul {
      //break-inside: avoid;
      //page-break-inside: avoid;
    }
.paragraph--type--resource-list .field--name-field-block-body ul li {
        box-sizing: border-box;
        -moz-column-break-inside: avoid;
             break-inside: avoid;
        display: inline-block;
        margin-bottom: 0.625rem;
        padding-right: 1rem;
        width: 100%;
      }
.paragraph--type--resource-list .field--name-field-block-body ul li a {
          display: inline;
        }
.paragraph--type--resource-list .field--name-field-block-body ul li ul {
          -moz-column-count: 1;
               column-count: 1;
          margin-bottom: 0;
        }
.paragraph--type--resource-list .field--name-field-block-body ul li ul li {
            margin-bottom: 0.25rem;
          }
.paragraph--type--resource-list .field--name-field-block-body ul li ul li:last-child {
              margin-bottom: 0;
            }
.paragraph--type--text {
  margin-bottom: 2rem;
}
.paragraph--type--text .field--name-field-block-body h2:first-child,
    .paragraph--type--text .field--name-field-block-body h3:first-child {
      margin-top: -0.125rem;
    }
.paragraph--type--large-image {
  margin-bottom: 2rem;
}
.paragraph--type--large-image.container--wide {
    max-width: 1024px;
  }
.paragraph--type--large-image.container--large {
    max-width: 768px;
  }
.paragraph--type--large-image.container--medium {
    max-width: 512px;
  }
.paragraph--type--large-image.container--narrow {
    max-width: 384px;
  }
.paragraph--type--large-image .field--name-field-block-image img {
    max-height: 1024px;
    max-width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: left;
       object-position: left;
    width: 1080px;
  }
.paragraph--type--large-image .field--name-field-block-image-caption {
    font-size: 0.875rem;
    margin-top: 1rem;
  }
.paragraph--type--footnotes {
  margin-bottom: 2rem;
}
.paragraph--type--add-to-cart .field--name-price {
    display: none;
  }
.view-search .view-content {
    margin-bottom: 3rem;
  }
.view-search .pager {
    margin-bottom: 3rem;
  }
.view-search .view-content + .pager {
    margin-top: -2rem;
  }
.view-search .view-header {
    margin-top: -0.25rem;
  }
.view-search.view-display-id-page_1 .view-group-content, .view-search.view-display-id-attachment_1 .view-group-content, .view-search.view-display-id-attachment_2 .view-group-content, .view-search.view-display-id-attachment_4 .view-group-content {
      -moz-column-count: 2;
           column-count: 2;
      -moz-column-gap: 1rem;
           column-gap: 1rem;
    }
.view-search.view-display-id-attachment_3 .view-group-content {
      display: grid;
      grid-column-gap: 1rem;
      grid-column-gap: var(--grid-space--vertical);
      grid-row-gap: 2rem;
      grid-row-gap: var(--grid-space--horizontal);
      grid-template-columns: repeat(2, 1fr);
    }
@media (min-width: 720px) {
.view-search.view-display-id-attachment_3 .view-group-content {
        grid-template-columns: repeat(4, 1fr)
    }
      }
@media (min-width: 1024px) {
.view-search.view-display-id-attachment_3 .view-group-content {
        grid-template-columns: repeat(6, 1fr)
    }
      }
.view-search.view-display-id-attachment_3 .views-row {
      min-width: 0;
    }
.view-search.view-display-id-attachment_3 .field--name-field-media-image,
    .view-search.view-display-id-attachment_3 .field--name-thumbnail {
      aspect-ratio: 1;
      background-color: #e0e0e0;
      background-color: var(--color--gray--light);
      overflow: hidden;
      padding: 0.5rem;
      display: flex;
    }
.view-search.view-display-id-attachment_3 .field--name-field-media-image img, .view-search.view-display-id-attachment_3 .field--name-thumbnail img {
        aspect-ratio: 1;
        -o-object-fit: contain;
           object-fit: contain;
      }
.view-design-essays .view-group-content {
    display: grid;
    grid-column-gap: 1rem;
    grid-column-gap: var(--grid-space--vertical);
    grid-row-gap: 2rem;
    grid-row-gap: var(--grid-space--horizontal);
  }
@media (min-width: 720px) {
.view-design-essays .view-group-content {
      grid-template-columns: repeat(2, 1fr)
  }
    }
.view-design-essays .views-row {
    min-width: 0;
  }
.view-design-essays .views-field {
    margin-right: 5%;
  }
.view-design-essays .views-field-field-cover-image {
    margin-bottom: 1rem;
    margin-right: 0;
    position: relative;
  }
.view-design-essays .views-field-field-cover-image:before {
      border: 1px solid rgba(0, 0, 0, 0.5);
      box-sizing: border-box;
      content: "";
      left: 0;
      height: 100%;
      pointer-events: none;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 1;
    }
.view-design-essays .views-field-field-cover-image img {
      width: 100%;
    }
.view-design-essays .views-field-title {
    color: #626262;
    color: var(--color--gray);
    font-size: 1.125rem;
    font-size: var(--font-size--list-title);
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 0.125rem;
  }
.view-programs .view-group-content {
    display: grid;
    grid-column-gap: 1rem;
    grid-column-gap: var(--grid-space--vertical);
    grid-row-gap: 2rem;
    grid-row-gap: var(--grid-space--horizontal);
  }
@media (min-width: 720px) {
.view-programs .view-group-content {
      grid-template-columns: repeat(2, 1fr)
  }
    }
.view-programs .views-row {
    min-width: 0;
  }
.view-programs .views-field {
    margin-right: 5%;
  }
.view-programs .views-field-field-media {
    margin-bottom: 1rem;
    margin-right: 0;
    position: relative;
  }
.view-programs .views-field-field-media:before {
      border: 1px solid rgba(0, 0, 0, 0.5);
      box-sizing: border-box;
      content: "";
      left: 0;
      height: 100%;
      pointer-events: none;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 1;
    }
.view-programs .views-field-field-media img {
      width: 100%;
    }
.view-programs .views-field-title {
    color: #626262;
    color: var(--color--gray);
    font-size: 1.125rem;
    font-size: var(--font-size--list-title);
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 0.125rem;
  }
.view-programs .views-field-body {
    margin-top: 1rem;
  }
.view-lesson-plans .view-group-content {
    display: grid;
    grid-column-gap: 1rem;
    grid-column-gap: var(--grid-space--vertical);
    grid-row-gap: 2rem;
    grid-row-gap: var(--grid-space--horizontal);
  }
@media (min-width: 720px) {
.view-lesson-plans .view-group-content {
      grid-template-columns: repeat(2, 1fr)
  }
    }
.view-lesson-plans .views-row {
    min-width: 0;
  }
.view-lesson-plans .field {
    margin-right: 5%;
  }
.view-lesson-plans .field--name-field-media {
    margin-bottom: 1rem;
    margin-right: 0;
    position: relative;
  }
.view-lesson-plans .field--name-field-media:before {
      border: 1px solid rgba(0, 0, 0, 0.5);
      box-sizing: border-box;
      content: "";
      left: 0;
      height: 100%;
      pointer-events: none;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 1;
    }
.view-lesson-plans .field--name-field-media img {
      width: 100%;
    }
.view-lesson-plans h2 {
    color: #626262;
    color: var(--color--gray);
    font-size: 1.125rem;
    font-size: var(--font-size--list-title);
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 0.125rem;
  }
.view-lesson-plans .views-field-body {
    margin-top: 1rem;
  }
.view-projects.view-display-id-home_banner .splide__slide {
    //border: 1px solid #626262;
    //border: 1px solid var(--color--gray);
    position: relative;
  }
.view-projects.view-display-id-home_banner .splide__slide:before {
      border: 1px solid rgba(0, 0, 0, 0.5);
      box-sizing: border-box;
      content: "";
      left: 0;
      height: 100%;
      pointer-events: none;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 1;
    }
.view-projects.view-display-id-home_banner .splide__slide img {
      aspect-ratio: 1;
      -o-object-fit: cover;
         object-fit: cover;
    }
@media (min-width: 720px) {
.view-projects.view-display-id-home_banner .splide__slide img {
        aspect-ratio: 2
    }
      }
@media (min-width: 1024px) {
.view-projects.view-display-id-home_banner .splide__slide img {
        aspect-ratio: unset
    }
      }
.view-projects.view-display-id-home_banner .splide__slide:last-child img {
        background-color: white;
        -o-object-fit: contain;
           object-fit: contain;
      }
.view-projects.view-display-id-home_banner .splide__toggle {
    background-color: #626262;
    background-color: var(--color--gray);
    border: 0;
    font-size: 0;
    height: 1.75rem;
    margin-left: 0.5rem;
    -webkit-mask-image: url(/themes/custom/cda2023/dist/images/play_arrow_black_24dp.svg);
            mask-image: url(/themes/custom/cda2023/dist/images/play_arrow_black_24dp.svg);
    -webkit-mask-position: center center;
            mask-position: center center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    opacity: 1;
    position: relative;
    top: 0;
    width: 1.75rem;
  }
.view-projects.view-display-id-home_banner .splide__toggle:hover {
      background-color: #d2232a;
      background-color: var(--color--rich-red);
    }
.view-projects.view-display-id-home_banner .splide__toggle.is-active {
      -webkit-mask-image: url(/themes/custom/cda2023/dist/images/pause_black_24dp.svg);
              mask-image: url(/themes/custom/cda2023/dist/images/pause_black_24dp.svg);
    }
.view-projects.view-display-id-home_banner .splide__pagination__page {
    background-color: #626262;
    background-color: var(--color--gray);
    opacity: 1;
  }
.view-projects.view-display-id-home_banner .splide__pagination__page.is-active {
      background-color: #d2232a;
      background-color: var(--color--rich-red);
      opacity: 1;
    }
.view-projects.view-display-id-home_banner .splide__arrow {
    background-color: #d2232a;
    background-color: var(--color--rich-red);
    opacity: 1;
  }
.view-projects.view-display-id-home_banner .splide__arrow svg {
      fill: white;
    }
.view-projects.view-display-id-home_banner .splide__arrow[disabled] {
      opacity: 0;
    }
.view-projects.view-display-id-recently_added .view-group-content {
    display: grid;
    grid-gap: 2rem;
    grid-template-columns: repeat(2, 1fr);
  }
@media (min-width: 720px) {
.view-projects.view-display-id-recently_added .view-group-content {
      grid-template-columns: repeat(3, 1fr)
  }
    }
@media (min-width: 1024px) {
.view-projects.view-display-id-recently_added .view-group-content {
      grid-gap: 3rem
  }
    }
.view-projects.view-display-id-recently_added .views-row {
    //border: 1px solid #626262;
    //border: 1px solid var(--color--gray);
    position: relative;
  }
.view-projects.view-display-id-recently_added .views-row:before {
      border: 1px solid rgba(0, 0, 0, 0.5);
      box-sizing: border-box;
      content: "";
      left: 0;
      height: 100%;
      pointer-events: none;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 1;
    }
.view-projects.view-display-id-recently_added .views-row:last-child {
      display: none;
    }
@media (min-width: 720px) {
.view-projects.view-display-id-recently_added .views-row:last-child {
        display: block
    }
      }
.field--name-field-view-reference {
//margin-top: 3rem;
}
table.views-table {
  width: 100%;
}
table.views-table thead th {
    border-bottom: 1px solid #151515;
    border-bottom: 1px solid var(--color--gray--dark);
    padding-bottom: 1rem;
    padding-left: 0;
    padding-right: 0.75rem;
    padding-top: 1rem;
    text-align: left;
  }
table.views-table thead tr:first-child th {
    padding-top: 0;
  }
table.views-table tr td {
    border-bottom: 1px solid #626262;
    border-bottom: 1px solid var(--color--gray);
    padding-bottom: 1rem;
    padding-left: 0;
    padding-right: 0.75rem;
    padding-top: 1rem;
  }
form.webform-submission-form .form-item {
    margin-bottom: 1.5rem;
  }
form.webform-submission-form .form-item label {
      color: #151515;
      color: var(--color--gray--dark);
      display: block;
      font-weight: bold;
      margin-bottom: 0.25rem;
    }
form.webform-submission-form .form-item input[type=email],
    form.webform-submission-form .form-item input[type=tel],
    form.webform-submission-form .form-item input[type=text],
    form.webform-submission-form .form-item textarea {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      padding: 0.5rem 0.5rem;
    }
form.webform-submission-form .form-item input:not(.error),
    form.webform-submission-form .form-item textarea:not(.error) {
      border: 1px solid #e0e0e0;
      border: 1px solid var(--color--gray--light);
    }
form.webform-submission-form input[type=button],
  form.webform-submission-form input[type=submit] {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: #626262;
    background-color: var(--color--gray);
    border: 0;
    border-radius: 0.25rem;
    color: white;
    font-weight: bold;
    padding: 0.75rem 1rem;
  }
form.webform-submission-form input[type=button]:hover, form.webform-submission-form input[type=submit]:hover {
      background-color: #151515;
      background-color: var(--color--gray--dark);
    }
form.webform-submission-form input.webform-button--draft[type=submit] {
    background-color: white;
    border: 2px solid #e0e0e0;
    border: 2px solid var(--color--gray--light);
    color: var(--color-gray);
    margin-right: 3rem;
  }
form.webform-submission-form label.webform-file-button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: #e0e0e0;
    background-color: var(--color--gray--light);
    border: 0;
    border-radius: 0.25rem;
    color: #151515;
    color: var(--color--gray--dark);
    display: inline-block;
    font-weight: bold;
    padding: 0.5rem 1rem;
  }
form.webform-submission-form label.webform-file-button:before {
      content: none;
    }
form.webform-submission-form .form-actions {
    margin-top: 3rem;
  }
form.webform-submission-form fieldset#edit-copyright-type--wrapper legend {
      display: block;
      margin-bottom: 1rem;
    }
form.webform-submission-form fieldset#edit-copyright-type--wrapper h2 {
      font-size: 1rem;
    }
form.webform-submission-form #designers_table,
  form.webform-submission-form #design_directors_table {
    margin-bottom: 3rem;
    margin-top: 3rem;
  }
form.webform-submission-form #designers_table > .form-item, form.webform-submission-form #design_directors_table > .form-item {
      margin-top: 0;
    }
form.webform-submission-form #designers_table .form-type-webform-custom-composite > label, form.webform-submission-form #design_directors_table .form-type-webform-custom-composite > label {
      border-top: 1px solid #151515;
      border-top: 1px solid var(--color--black);
      color: #151515;
      color: var(--color--gray--dark);
      display: block;
      margin-bottom: 1rem;
      padding-top: 0.1875rem;
    }
form.webform-submission-form #designers_table .form-type-webform-custom-composite > label:before, form.webform-submission-form #design_directors_table .form-type-webform-custom-composite > label:before {
        border-top: 1px dotted #151515;
        border-top: 1px dotted var(--color--black);
        content: "";
        display: block;
        margin-bottom: 0.375rem;
      }
form.webform-submission-form #designers_table .webform-multiple-add input[type=submit], form.webform-submission-form #design_directors_table .webform-multiple-add input[type=submit] {
      background-color: #e0e0e0;
      background-color: var(--color--gray--light);
      color: #151515;
      color: var(--color--gray--dark);
      padding: 0.5rem 1rem;
    }
form.webform-submission-form #designers_table .webform-multiple-table table, form.webform-submission-form #design_directors_table .webform-multiple-table table {
        min-width: 100%;
      }
form.webform-submission-form #designers_table .webform-multiple-table td, form.webform-submission-form #design_directors_table .webform-multiple-table td {
      background-color: #f1f1f1;
      background-color: var(--color--gray--very-light);
      border-bottom: 0.75rem solid white;
      padding: 1rem;
      white-space: normal;
    }
form.webform-submission-form #designers_table .webform-multiple-table td > .form-item, form.webform-submission-form #design_directors_table .webform-multiple-table td > .form-item {
        margin-bottom: 1rem;
      }
form.webform-submission-form #edit-project-type {
    -moz-column-count: 3;
         column-count: 3;
  }
form.webform-submission-form .progress-step.is-active .progress-marker::before,
  form.webform-submission-form .progress-step.is-active:hover .progress-marker::before {
    background-color: #d2232a;
    background-color: var(--color--rich-red);
  }
form.webform-submission-form .webform-element-description {
      font-size: 0.875rem;
      margin-bottom: 0.5rem;
      margin-top: 0.5rem;
    }
form.webform-submission-form .form-type-checkbox,
    form.webform-submission-form .form-type-radio {
      align-items: flex-start;
      display: flex;
      margin-top: 0.125em;
      margin-bottom: 0.125em;
    }
form.webform-submission-form .form-type-checkbox input[type=checkbox],
      form.webform-submission-form .form-type-checkbox input[type=radio],
      form.webform-submission-form .form-type-radio input[type=checkbox],
      form.webform-submission-form .form-type-radio input[type=radio] {
        margin-right: 0.25rem;
        margin-top: 0.25rem;
      }
form.webform-submission-form .form-type-checkbox label.option, form.webform-submission-form .form-type-radio label.option {
        font-weight: normal;
        margin-left: 0.25rem;
      }
form.webform-submission-form .tabledrag-toggle-weight-wrapper {
      display: none;
    }
form.webform-submission-form .form-type-webform-markup h2 {
        margin: 0;
      }
form fieldset {
    border: 1px solid #626262;
    border: 1px solid var(--color--gray);
    border-radius: 0.375rem;
    padding: 1rem;
    padding-bottom: 2rem;
  }
form fieldset legend {
      color: #626262;
      color: var(--color--gray);
      font-weight: bold;
      padding: 0 0.5rem;
      margin-left: -0.375rem;
    }
form fieldset fieldset {
      border-radius: inherit;
      padding: inherit;
    }
form fieldset fieldset legend {
        color: inherit;
      }
.field--type-address label, .form-type-email label {
    display: block;
    font-weight: bold;
    padding-bottom: 0.375rem;
  }
.field--type-address input, .form-type-email input {
    border: 1px solid #e0e0e0;
    border: 1px solid var(--color--gray--light);
    border-radius: 0.25rem;
    padding: 0.5rem;
  }
.field--type-address select, .form-type-email select {
    border: 1px solid #e0e0e0;
    border: 1px solid var(--color--gray--light);
    border-radius: 0.25rem;
    padding: 0.5rem;
  }
#edit-actions a {
  margin-left: 1.5rem;
}
input[type=email] {
  border: 1px solid #e0e0e0;
  border: 1px solid var(--color--gray--light);
  border-radius: 0.25rem;
  padding: 0.5rem;
}
label {
  color: #151515;
  color: var(--color--gray--dark);
  display: block;
  font-weight: bold;
  margin-bottom: 0.25rem;
}
input[type=email],
input[type=tel],
input[type=text],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0.5rem 0.5rem;
}
input:not(.error),
textarea:not(.error) {
  border: 1px solid #e0e0e0;
  border: 1px solid var(--color--gray--light);
}
input[type=button],
input[type=submit] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #d2232a;
  background-color: var(--color--rich-red);
  border: 0;
  border-radius: 0.25rem;
  color: white;
  font-weight: bold;
  padding: 0.75rem 1rem;
}
input[type=button]:hover, input[type=submit]:hover {
    background-color: #a31b21;
    background-color: var(--color--rich-red--dark);
  }
select {
  border: 1px solid #e0e0e0;
  border: 1px solid var(--color--gray--light);
  border-radius: 0.25rem;
  padding: 0.5rem;
}
input.delete-order-item {
  background-color: transparent;
  border-color: transparent;
  color: #d2232a;
  color: var(--color--rich-red);
  padding: 0.375rem 0.75rem;
}
input.delete-order-item:hover {
    background-color: #d2232a;
    background-color: var(--color--rich-red);
    color: white;
  }
table.views-table .views-field-total-price__number {
    padding-right: 1rem;
    text-align: right;
  }
table.views-table .views-field-remove-button {
    text-align: center;
  }
table.views-table .views-field-edit-quantity .form-item {
      margin-bottom: 0;
      margin-top: 0;
    }
.order-total-line__subtotal,
.order-total-line__total {
  padding: 1rem 1rem 1rem 0;
}
.order-total-line__subtotal + .order-total-line__total {
  padding-top: 0;
}
.checkout-order-summary {
  font-size: 0.875rem;
}
.checkout-order-summary table {
    padding-right: 0.5rem;
    width: 100%;
  }
.checkout-order-summary tr {
    border-bottom: 1px solid #151515;
    border-bottom: 1px solid var(--color--gray--dark);
  }
.checkout-order-summary td {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-right: 0.5rem;
    vertical-align: top;
  }
.checkout-order-summary td:last-child {
    text-align: right;
    padding-right: 0;
  }
.checkout-order-summary .field--name-title {
    display: none;
  }
.checkout-order-summary .order-total-line {
    padding-bottom: 0;
    padding-top: 0.5rem;
    width: 100%;
  }
.layout-checkout-form {
  display: grid;
  grid-gap: 1rem;
  grid-auto-columns: 1fr;
  grid-template-columns: repeat(7, 1fr);
  grid-template-areas:
    "main main main main main secondary secondary"
    "footer footer footer footer footer footer footer";
}
.layout-checkout-form .layout-region-checkout-main {
    float: none;
    grid-area: main;
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
  }
.layout-checkout-form .layout-region-checkout-secondary {
    float: none;
    grid-area: secondary;
    padding: 0;
    width: 100%;
  }
.layout-checkout-form .layout-region-checkout-secondary input {
      width: 100%;
      max-width: 100%;
    }
.layout-checkout-form .layout-region-checkout-footer {
    grid-area: footer;
  }
.layout-checkout-form .checkout-pane-commerce-donation-pane {
    grid-area: main;
  }
.layout-checkout-form #edit-actions {
    grid-area: footer;
  }
.layout-checkout-form .checkout-complete {
    grid-area: main;
    grid-row: 1;
  }
.layout-checkout-form .block__thanks {
    grid-area: main;
    grid-row: 2;
  }
.layout-checkout-form .block__amount {
    grid-area: main;
    grid-row: 3;
  }
.checkout-pane-commerce-donation-add-pane {
  border: 2px solid #d2232a;
  border: 2px solid var(--color--rich-red);
  border-radius: 0.375rem;
  padding: 1rem;
}
.checkout-pane-commerce-donation-add-pane .form-type-checkbox {
    margin-bottom: 0;
    margin-top: 0;
  }
fieldset {
  border-radius: 0;
  padding: 0;
}
body {
  color: #151515;
  color: var(--color--black);
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
.dialog-off-canvas-main-canvas {
  position: relative;
}
.layout-container {
  border-top: 0.5rem solid #d2232a;
  border-top: 0.5rem solid var(--color--primary);
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-top: 0.5rem;
  position: relative;
  width: 90%;
}
@media (min-width: 720px) {
.view-clients.view-display-id-block_1,
.view-designers.view-display-id-block_1,
.view-firms.view-display-id-block_1,
.view-dates.view-display-id-block_1 {
    margin-left: calc(-50% - 0.5rem)
}
  }
@media (min-width: 1024px) {
.view-clients.view-display-id-block_1,
.view-designers.view-display-id-block_1,
.view-firms.view-display-id-block_1,
.view-dates.view-display-id-block_1 {
    margin-left: calc(-25% - 0.25rem)
}
  }
.view-clients.view-display-id-clients,
.view-clients.view-display-id-block_1,
.view-designers.view-display-id-designers,
.view-designers.view-display-id-block_1,
.view-firms.view-display-id-firms,
.view-firms.view-display-id-block_1,
.view-dates.view-display-id-dates,
.view-dates.view-display-id-block_1 {
  display: grid;
  grid-gap: 1rem;

  grid-template-areas: "header" "filters" "content";
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
}
@media (min-width: 720px) {
.view-clients.view-display-id-clients,
.view-clients.view-display-id-block_1,
.view-designers.view-display-id-designers,
.view-designers.view-display-id-block_1,
.view-firms.view-display-id-firms,
.view-firms.view-display-id-block_1,
.view-dates.view-display-id-dates,
.view-dates.view-display-id-block_1 {
    grid-template-areas: "header content content" "filters content content";
    grid-template-columns: repeat(3, 1fr)
}
  }
@media (min-width: 1024px) {
.view-clients.view-display-id-clients,
.view-clients.view-display-id-block_1,
.view-designers.view-display-id-designers,
.view-designers.view-display-id-block_1,
.view-firms.view-display-id-firms,
.view-firms.view-display-id-block_1,
.view-dates.view-display-id-dates,
.view-dates.view-display-id-block_1 {
    grid-template-areas: "header content content content content" "filters content content content content";
    grid-template-columns: repeat(5, 1fr)
}
  }
.view-clients.view-display-id-clients .view-header, .view-clients.view-display-id-block_1 .view-header, .view-designers.view-display-id-designers .view-header, .view-designers.view-display-id-block_1 .view-header, .view-firms.view-display-id-firms .view-header, .view-firms.view-display-id-block_1 .view-header, .view-dates.view-display-id-dates .view-header, .view-dates.view-display-id-block_1 .view-header {
    font-weight: bold;
    grid-area: header;
  }
@media (min-width: 720px) {
.view-clients.view-display-id-clients .view-header, .view-clients.view-display-id-block_1 .view-header, .view-designers.view-display-id-designers .view-header, .view-designers.view-display-id-block_1 .view-header, .view-firms.view-display-id-firms .view-header, .view-firms.view-display-id-block_1 .view-header, .view-dates.view-display-id-dates .view-header, .view-dates.view-display-id-block_1 .view-header {
      margin-top: 3.25rem
  }
    }
.view-clients.view-display-id-clients .view-filters, .view-clients.view-display-id-block_1 .view-filters, .view-designers.view-display-id-designers .view-filters, .view-designers.view-display-id-block_1 .view-filters, .view-firms.view-display-id-firms .view-filters, .view-firms.view-display-id-block_1 .view-filters, .view-dates.view-display-id-dates .view-filters, .view-dates.view-display-id-block_1 .view-filters {
    grid-area: filters;
  }
.view-clients.view-display-id-clients .view-filters form, .view-clients.view-display-id-block_1 .view-filters form, .view-designers.view-display-id-designers .view-filters form, .view-designers.view-display-id-block_1 .view-filters form, .view-firms.view-display-id-firms .view-filters form, .view-firms.view-display-id-block_1 .view-filters form, .view-dates.view-display-id-dates .view-filters form, .view-dates.view-display-id-block_1 .view-filters form {
      border-bottom: 1px solid #e0e0e0;
      border-bottom: 1px solid var(--color--gray--light);
      max-width: 100%;
    }
@media (min-width: 720px) {
.view-clients.view-display-id-clients .view-filters form, .view-clients.view-display-id-block_1 .view-filters form, .view-designers.view-display-id-designers .view-filters form, .view-designers.view-display-id-block_1 .view-filters form, .view-firms.view-display-id-firms .view-filters form, .view-firms.view-display-id-block_1 .view-filters form, .view-dates.view-display-id-dates .view-filters form, .view-dates.view-display-id-block_1 .view-filters form {
        max-width: 11rem
    }
      }
.view-clients.view-display-id-clients .view-filters .form-item, .view-clients.view-display-id-block_1 .view-filters .form-item, .view-designers.view-display-id-designers .view-filters .form-item, .view-designers.view-display-id-block_1 .view-filters .form-item, .view-firms.view-display-id-firms .view-filters .form-item, .view-firms.view-display-id-block_1 .view-filters .form-item, .view-dates.view-display-id-dates .view-filters .form-item, .view-dates.view-display-id-block_1 .view-filters .form-item {
      float: none;
      margin: 0;
      width: 100%;
    }
.view-clients.view-display-id-clients .view-filters input[type="text"], .view-clients.view-display-id-block_1 .view-filters input[type="text"], .view-designers.view-display-id-designers .view-filters input[type="text"], .view-designers.view-display-id-block_1 .view-filters input[type="text"], .view-firms.view-display-id-firms .view-filters input[type="text"], .view-firms.view-display-id-block_1 .view-filters input[type="text"], .view-dates.view-display-id-dates .view-filters input[type="text"], .view-dates.view-display-id-block_1 .view-filters input[type="text"] {
      border: 0;
      box-sizing: border-box;
      max-width: 100%;
    }
.view-clients.view-display-id-clients .view-filters .form-actions, .view-clients.view-display-id-block_1 .view-filters .form-actions, .view-designers.view-display-id-designers .view-filters .form-actions, .view-designers.view-display-id-block_1 .view-filters .form-actions, .view-firms.view-display-id-firms .view-filters .form-actions, .view-firms.view-display-id-block_1 .view-filters .form-actions, .view-dates.view-display-id-dates .view-filters .form-actions, .view-dates.view-display-id-block_1 .view-filters .form-actions {
      clear: none;
      margin: 0;
    }
.view-clients.view-display-id-clients .view-filters input.form-submit, .view-clients.view-display-id-block_1 .view-filters input.form-submit, .view-designers.view-display-id-designers .view-filters input.form-submit, .view-designers.view-display-id-block_1 .view-filters input.form-submit, .view-firms.view-display-id-firms .view-filters input.form-submit, .view-firms.view-display-id-block_1 .view-filters input.form-submit, .view-dates.view-display-id-dates .view-filters input.form-submit, .view-dates.view-display-id-block_1 .view-filters input.form-submit {
      -webkit-mask-image: url(/themes/custom/cda2023/dist/images/manage_search_black_24dp.svg);
              mask-image: url(/themes/custom/cda2023/dist/images/manage_search_black_24dp.svg);
      top: -0.125rem;
    }
.view-clients.view-display-id-clients .view-content, .view-clients.view-display-id-block_1 .view-content, .view-designers.view-display-id-designers .view-content, .view-designers.view-display-id-block_1 .view-content, .view-firms.view-display-id-firms .view-content, .view-firms.view-display-id-block_1 .view-content, .view-dates.view-display-id-dates .view-content, .view-dates.view-display-id-block_1 .view-content {
    align-content: start;
    -moz-column-count: 1;
         column-count: 1;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    grid-area: content;
  }
@media (min-width: 720px) {
.view-clients.view-display-id-clients .view-content, .view-clients.view-display-id-block_1 .view-content, .view-designers.view-display-id-designers .view-content, .view-designers.view-display-id-block_1 .view-content, .view-firms.view-display-id-firms .view-content, .view-firms.view-display-id-block_1 .view-content, .view-dates.view-display-id-dates .view-content, .view-dates.view-display-id-block_1 .view-content {
      -moz-column-count: 2;
           column-count: 2
  }
    }
@media (min-width: 1024px) {
.view-clients.view-display-id-clients .view-content, .view-clients.view-display-id-block_1 .view-content, .view-designers.view-display-id-designers .view-content, .view-designers.view-display-id-block_1 .view-content, .view-firms.view-display-id-firms .view-content, .view-firms.view-display-id-block_1 .view-content, .view-dates.view-display-id-dates .view-content, .view-dates.view-display-id-block_1 .view-content {
      -moz-column-count: 4;
           column-count: 4
  }
    }
.view-clients.view-display-id-clients .view-content .view-group-content, .view-clients.view-display-id-block_1 .view-content .view-group-content, .view-designers.view-display-id-designers .view-content .view-group-content, .view-designers.view-display-id-block_1 .view-content .view-group-content, .view-firms.view-display-id-firms .view-content .view-group-content, .view-firms.view-display-id-block_1 .view-content .view-group-content, .view-dates.view-display-id-dates .view-content .view-group-content, .view-dates.view-display-id-block_1 .view-content .view-group-content {
      -moz-column-count: 2;
           column-count: 2;
    }
@media (min-width: 720px) {
.view-clients.view-display-id-clients .view-content .view-group-content, .view-clients.view-display-id-block_1 .view-content .view-group-content, .view-designers.view-display-id-designers .view-content .view-group-content, .view-designers.view-display-id-block_1 .view-content .view-group-content, .view-firms.view-display-id-firms .view-content .view-group-content, .view-firms.view-display-id-block_1 .view-content .view-group-content, .view-dates.view-display-id-dates .view-content .view-group-content, .view-dates.view-display-id-block_1 .view-content .view-group-content {
        -moz-column-count: 1;
             column-count: 1
    }
      }
.view-clients.view-display-id-clients .view-empty, .view-clients.view-display-id-block_1 .view-empty, .view-designers.view-display-id-designers .view-empty, .view-designers.view-display-id-block_1 .view-empty, .view-firms.view-display-id-firms .view-empty, .view-firms.view-display-id-block_1 .view-empty, .view-dates.view-display-id-dates .view-empty, .view-dates.view-display-id-block_1 .view-empty {
    align-content: start;
    -moz-column-count: 1;
         column-count: 1;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    grid-area: content;
  }
.view-clients.view-display-id-clients .view-group, .view-clients.view-display-id-block_1 .view-group, .view-designers.view-display-id-designers .view-group, .view-designers.view-display-id-block_1 .view-group, .view-firms.view-display-id-firms .view-group, .view-firms.view-display-id-block_1 .view-group, .view-dates.view-display-id-dates .view-group, .view-dates.view-display-id-block_1 .view-group {
    display: inline-table;
    margin-bottom: 3rem;
    min-width: 100%;
    vertical-align: top;
    -webkit-column-break-inside: avoid;
  }
.view-clients.view-display-id-clients .view-group .views-row, .view-clients.view-display-id-block_1 .view-group .views-row, .view-designers.view-display-id-designers .view-group .views-row, .view-designers.view-display-id-block_1 .view-group .views-row, .view-firms.view-display-id-firms .view-group .views-row, .view-firms.view-display-id-block_1 .view-group .views-row, .view-dates.view-display-id-dates .view-group .views-row, .view-dates.view-display-id-block_1 .view-group .views-row {
      box-sizing: border-box;
      display: inline-block;
      margin-bottom: 0.375rem;
      padding-right: 1rem;
      width: 100%;
      word-break: break-word;
    }
.view-clients.view-display-id-clients .view-group .views-row.hidden, .view-clients.view-display-id-block_1 .view-group .views-row.hidden, .view-designers.view-display-id-designers .view-group .views-row.hidden, .view-designers.view-display-id-block_1 .view-group .views-row.hidden, .view-firms.view-display-id-firms .view-group .views-row.hidden, .view-firms.view-display-id-block_1 .view-group .views-row.hidden, .view-dates.view-display-id-dates .view-group .views-row.hidden, .view-dates.view-display-id-block_1 .view-group .views-row.hidden {
        display: none;
      }
.view-clients.view-display-id-clients .view-group:not(:has(.view-group-content):has(.views-row:not(.hidden))), .view-clients.view-display-id-block_1 .view-group:not(:has(.view-group-content):has(.views-row:not(.hidden))), .view-designers.view-display-id-designers .view-group:not(:has(.view-group-content):has(.views-row:not(.hidden))), .view-designers.view-display-id-block_1 .view-group:not(:has(.view-group-content):has(.views-row:not(.hidden))), .view-firms.view-display-id-firms .view-group:not(:has(.view-group-content):has(.views-row:not(.hidden))), .view-firms.view-display-id-block_1 .view-group:not(:has(.view-group-content):has(.views-row:not(.hidden))), .view-dates.view-display-id-dates .view-group:not(:has(.view-group-content):has(.views-row:not(.hidden))), .view-dates.view-display-id-block_1 .view-group:not(:has(.view-group-content):has(.views-row:not(.hidden))) {
    display: none;
  }
.view-clients.view-display-id-clients h3, .view-clients.view-display-id-block_1 h3, .view-designers.view-display-id-designers h3, .view-designers.view-display-id-block_1 h3, .view-firms.view-display-id-firms h3, .view-firms.view-display-id-block_1 h3, .view-dates.view-display-id-dates h3, .view-dates.view-display-id-block_1 h3 {
    color: #d2232a;
    color: var(--color--primary);
    font-size: 1.125rem;
    margin-bottom: 0.375rem;
    margin-top: 0;
  }
.view-clients.view-display-id-clients h3 a, .view-clients.view-display-id-block_1 h3 a, .view-designers.view-display-id-designers h3 a, .view-designers.view-display-id-block_1 h3 a, .view-firms.view-display-id-firms h3 a, .view-firms.view-display-id-block_1 h3 a, .view-dates.view-display-id-dates h3 a, .view-dates.view-display-id-block_1 h3 a {
      color: #d2232a;
      color: var(--color--primary);
    }
.path-designers .region-content, .path-clients .region-content, .path-firms .region-content, .path-dates .region-content {
    display: block;
  }
@media (min-width: 720px) {
.path-designers #block-cda2023-content, .path-clients #block-cda2023-content, .path-firms #block-cda2023-content, .path-dates #block-cda2023-content {
      margin-top: -4.625rem
  }
    }
.path-designers .view-filters, .path-clients .view-filters, .path-firms .view-filters, .path-dates .view-filters {
    min-width: 0;
  }
.path-designers .view-filters label, .path-clients .view-filters label, .path-firms .view-filters label, .path-dates .view-filters label {
      color: #626262;
      color: var(--color--gray);
    }
.path-designers .view-filters .form-type-textfield,
    .path-designers .view-filters input[type=text],
    .path-clients .view-filters .form-type-textfield,
    .path-clients .view-filters input[type=text],
    .path-firms .view-filters .form-type-textfield,
    .path-firms .view-filters input[type=text],
    .path-dates .view-filters .form-type-textfield,
    .path-dates .view-filters input[type=text] {
      min-width: 0;
    }
.path-designers .view-filters input, .path-clients .view-filters input, .path-firms .view-filters input, .path-dates .view-filters input {
      border: 0;
      color: #626262;
      color: var(--color--gray);
      padding-bottom: 0.5rem;
      padding-top: 0.5rem;
    }
.path-designers .view-filters input[type=text], .path-clients .view-filters input[type=text], .path-firms .view-filters input[type=text], .path-dates .view-filters input[type=text] {
      max-width: 100%;
    }
.path-designers .view-filters input[type=submit], .path-clients .view-filters input[type=submit], .path-firms .view-filters input[type=submit], .path-dates .view-filters input[type=submit] {
      border: 0;
    }
.view-projects.view-display-id-by_designer .view-group-content, .view-projects.view-display-id-by_client .view-group-content, .view-projects.view-display-id-by_firm .view-group-content, .view-projects.view-display-id-by_date .view-group-content, .view-projects.view-display-id-by_term .view-group-content {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto 1fr;
  }
@media (min-width: 720px) {
.view-projects.view-display-id-by_designer .view-group-content, .view-projects.view-display-id-by_client .view-group-content, .view-projects.view-display-id-by_firm .view-group-content, .view-projects.view-display-id-by_date .view-group-content, .view-projects.view-display-id-by_term .view-group-content {
      grid-template-columns: repeat(2, 1fr)
  }
    }
@media (min-width: 1024px) {
.view-projects.view-display-id-by_designer .view-group-content, .view-projects.view-display-id-by_client .view-group-content, .view-projects.view-display-id-by_firm .view-group-content, .view-projects.view-display-id-by_date .view-group-content, .view-projects.view-display-id-by_term .view-group-content {
      grid-template-columns: repeat(4, 1fr)
  }
    }
.view-projects.view-display-id-by_designer .views-row, .view-projects.view-display-id-by_client .views-row, .view-projects.view-display-id-by_firm .views-row, .view-projects.view-display-id-by_date .views-row, .view-projects.view-display-id-by_term .views-row {
    aspect-ratio: 1;
    background-color: #e0e0e0;
    background-color: var(--color--gray--light);
    overflow: hidden;
    padding: 0.75rem;
  }
.view-projects.view-display-id-by_designer .views-row a, .view-projects.view-display-id-by_client .views-row a, .view-projects.view-display-id-by_firm .views-row a, .view-projects.view-display-id-by_date .views-row a, .view-projects.view-display-id-by_term .views-row a {
      display: flex;
      height: 100%;
      justify-content: center;
      width: 100%;
    }
.view-projects.view-display-id-by_designer .views-row a img, .view-projects.view-display-id-by_client .views-row a img, .view-projects.view-display-id-by_firm .views-row a img, .view-projects.view-display-id-by_date .views-row a img, .view-projects.view-display-id-by_term .views-row a img {
        aspect-ratio: 1;
        -o-object-fit: contain;
           object-fit: contain;
      }
.view-projects.view-display-id-by_designer .pager, .view-projects.view-display-id-by_client .pager, .view-projects.view-display-id-by_firm .pager, .view-projects.view-display-id-by_date .pager, .view-projects.view-display-id-by_term .pager {
    margin-top: 1rem;
  }
#block-cda2023-main-menu,
#block-cda2023-mainnavigation {
  display: none;
  margin-bottom: 4.5rem;
}
@media (min-width: 1024px) {
#block-cda2023-main-menu,
#block-cda2023-mainnavigation {
    display: block
}
  }
#block-cda2023-main-menu > ul.menu, #block-cda2023-mainnavigation > ul.menu {
    display: grid;
    font-weight: bold;
    gap: 1em;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 2rem;
    margin: 0 -3rem 0 0;
    padding: 0;
  }
#block-cda2023-main-menu > ul.menu li,
    #block-cda2023-main-menu > ul.menu li.menu-item--expanded,
    #block-cda2023-mainnavigation > ul.menu li,
    #block-cda2023-mainnavigation > ul.menu li.menu-item--expanded {
      list-style-type: none;
      list-style-image: none;
    }
#block-cda2023-main-menu > ul.menu button, #block-cda2023-mainnavigation > ul.menu button {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
    }
#block-cda2023-main-menu > ul.menu a, #block-cda2023-mainnavigation > ul.menu a {
      border-bottom: 3px solid #e0e0e0;
      border-bottom: 3px solid var(--color--gray--light);
      display: block;
      padding-bottom: 0.25rem;
      padding-top: 0.1875rem;
    }
#block-cda2023-main-menu > ul.menu a:hover, #block-cda2023-mainnavigation > ul.menu a:hover {
        border-bottom-color: #d2232a;
        border-bottom-color: var(--color--primary);
      }
#block-cda2023-main-menu > ul.menu .menu-item--active-trail a,
    #block-cda2023-main-menu > ul.menu a.is-active,
    #block-cda2023-mainnavigation > ul.menu .menu-item--active-trail a,
    #block-cda2023-mainnavigation > ul.menu a.is-active {
      border-top-color: #d2232a;
      border-top-color: var(--color--primary);
      color: #d2232a;
      color: var(--color--primary);
      border-bottom-color: #d2232a;
      border-bottom-color: var(--color--primary);
    }
#block-cda2023-main-menu > ul.menu .menu-item--active-trail a:before, #block-cda2023-main-menu > ul.menu a.is-active:before, #block-cda2023-mainnavigation > ul.menu .menu-item--active-trail a:before, #block-cda2023-mainnavigation > ul.menu a.is-active:before {
        border-top-color: #d2232a;
        border-top-color: var(--color--primary);
      }
#block-cda2023-main-menu .field--name-field-menu-media, #block-cda2023-mainnavigation .field--name-field-menu-media {
    margin-bottom: 1rem;
    margin-top: 0.5rem;
  }
@media (min-width: 1024px) {
#block-cda2023-main-menu .field--name-field-menu-media, #block-cda2023-mainnavigation .field--name-field-menu-media {
      display: none
  }
    }
#block-cda2023-mainnavigation {
  display: block;
  margin-bottom: 1rem;


}
#block-cda2023-mainnavigation .menu {
    display: block;
  }
#block-cda2023-mainnavigation .menu .menu-item {
      padding-top: 0;
    }
#block-cda2023-mainnavigation .menu a {
      border-top: 1px dotted #151515;
      border-top: 1px dotted var(--color--black);
      padding-bottom: 1rem;
      padding-top: 0.5rem;
    }
#block-cda2023-mainnavigation .menu a:before {
        display: none;
      }
#block-cda2023-mainnavigation-2 {
  margin-top: -4.5rem;
  position: absolute;
  z-index: 400;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.1s ease-in-out;
  background-color: white;
  box-sizing: border-box;
}
#block-cda2023-mainnavigation-2.is-open {
    max-height: 40rem;
  }
#block-cda2023-mainnavigation-2 .field--name-field-menu-media {
    margin-bottom: 1rem;
    margin-top: 0.5rem;
  }
#block-cda2023-mainnavigation-2 > ul.menu {
    display: grid;
    font-weight: bold;
    gap: 1em;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 2rem;
    list-style: none;
    margin: 0 -3rem 0 0;
    padding: 0;
    padding-bottom: 2rem;
  }
#block-cda2023-mainnavigation-2 > ul.menu > li button,
  #block-cda2023-mainnavigation-2 > ul.menu > li a {
    display: none;
  }
#block-cda2023-mainnavigation-2 li.menu-item--expanded {
    list-style-type: none;
    list-style-image: none;
  }
#block-cda2023-mainnavigation-2 ul.menu ul.menu {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 1rem;
    padding-right: 2rem;
  }
#block-cda2023-mainnavigation-2 ul.menu ul.menu li {
      display: block;
    }
#block-cda2023-mainnavigation-2 ul.menu ul.menu li a {
        display: block;
        font-weight: normal;
      }
#block-cda2023-mainnavigation-2 ul.menu ul.menu li a.is-active{
        color: #d2232a;
        color: var(--color--primary);
      }
#block-cda2023-mainnavigation-2 ul.menu ul.menu li.menu-item--active-trail a  {
        color: #d2232a;
        color: var(--color--primary);
      }
#block-cda2023-header-2 {
  margin-bottom: 2rem;
}
#block-cda2023-header-2 ul.menu {
    margin: 0;
    padding: 0;
  }
#block-cda2023-header-2 ul.menu a {
      padding-bottom: 0.75rem;
      padding-top: 0.25rem;
    }
#block-cda2023-page-title {
  padding-top: 1rem;
}
@media (min-width: 720px) {
#block-cda2023-page-title {
    margin-bottom: 2rem
}
  }
#block-cda2023-page-title h1 {
    color: #d2232a;
    color: var(--color--rich-red);
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.3;
    margin-top: -0.125rem;
  }
@media (min-width: 720px) {
#block-cda2023-page-title h1 {
      font-size: 1.125rem
  }
    }
h1.page-title {
  color: #d2232a;
  color: var(--color--rich-red);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  margin-top: -0.125rem;
}
@media (min-width: 720px) {
h1.page-title {
    font-size: 1.125rem
}
  }
#block-cda2023-content {
  margin-bottom: 2rem;
  padding-top: 1rem;
}
main {
  margin-bottom: 4rem;
}
.region-footer {
  border-top: 1px solid #151515;
  border-top: 1px solid var(--color--black);
  font-size: 0.875rem;
  padding-bottom: 1.5rem;
  padding-top: 0.75rem;
}
@media (min-width: 720px) {
.region-footer {
    display: flex
}
  }
.region-footer .menu {
    display: flex;
    margin: 0;
    padding: 0;
  }
.region-footer .menu li {
      margin: 0 1.5rem 0 0;
      padding: 0;
    }
.header--mobile {
  display: none;
  background-color: white;
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
  padding-bottom: 3rem;
}
@media (min-width: 1024px) {
.header--mobile {
    display: none
}
  }
.header--mobile.is-open {
    display: block;
  }
.header--mobile #block-cda2023-mainnavigation {
    margin-top: 2rem;
  }
.header--mobile #block-cda2023-mainnavigation > ul.menu {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 1rem;
      box-sizing :border-box;
      margin-right: 0;
    }
@media (min-width: 720px) {
.header--mobile #block-cda2023-mainnavigation > ul.menu {
        grid-template-columns: 1fr 1fr 1fr
    }
      }
.header--mobile #block-cda2023-mainnavigation > ul.menu a {
        border-top: 3px solid #e0e0e0;
        border-top: 3px solid var(--color--gray--light);
        border-bottom: 0;
      }
.header--mobile #block-cda2023-mainnavigation > ul.menu .menu-item--active-trail a,
      .header--mobile #block-cda2023-mainnavigation > ul.menu a.is-active {
        border-top-color: #d2232a;
        border-top-color: var(--color--primary);
      }
.header--mobile #block-cda2023-mainnavigation > ul.menu ul.menu {
        margin-left: 0;
        font-weight: normal;
      }
.header--mobile #block-cda2023-mainnavigation > ul.menu ul.menu li {
          border-bottom: 0;
        }
.header--mobile #block-cda2023-mainnavigation > ul.menu ul.menu a {
          color: #151515;
          color: var(--color--black);
          border-top: 0;
          border-bottom: 0;
        }
.header--mobile #block-cda2023-mainnavigation > ul.menu ul.menu a.is-active {
            color: #d2232a;
            color: var(--color--primary);
          }
#mobile-menu-toggle {
  cursor: pointer;
  height: 2rem;
  margin: 0;
  position: absolute;
  right: 0;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  width: 2rem;
  top: 0.625em;
  z-index: 105;
}
@media (min-width: 1024px) {
#mobile-menu-toggle {
    display: none
}
  }
#mobile-menu-toggle span {
    background-color: #d2232a;
    background-color: var(--color--rich-red);
    display: block;
    left: 5%;
    height: 4px;
    opacity: 1;
    position: absolute;
    transform: rotate(0deg);
    transition: 0.25s ease-in-out;
    width: 90%;
  }
#mobile-menu-toggle span:nth-child(1) {
    top: 3px;
  }
#mobile-menu-toggle span:nth-child(2),
  #mobile-menu-toggle span:nth-child(3) {
    top: 12px;
  }
#mobile-menu-toggle span:nth-child(4) {
    top: 21px;
  }
#mobile-menu-toggle.is-open span:nth-child(1) {
      top: 0.5em;
      width: 0%;
      left: 50%;
    }
#mobile-menu-toggle.is-open span:nth-child(2) {
      transform: rotate(45deg);
    }
#mobile-menu-toggle.is-open span:nth-child(3) {
      transform: rotate(-45deg);
    }
#mobile-menu-toggle.is-open span:nth-child(4) {
      top: 0.5em;
      width: 0%;
      left: 50%;
    }
.region-header {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(5, 1fr);
  grid-template-areas: "logo nav nav nav search";
}
@media (min-width: 1024px) {
.region-header {
    min-height: 3.5rem
}
  }
.region-content {
  border-top: 1px dotted #151515;
  border-top: 1px dotted var(--color--black);
  margin-top: 2rem;
}
img {
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
}
#block-cda2023-branding {
  grid-area: logo;
}
#block-cda2023-branding .site-logo img {
    max-width: 8rem;
  }
#block-cda2023-sitebranding {
  margin-bottom: 2rem;
}
#block-cda2023-sitebranding .site-logo img {
    max-width: 8rem;
  }
#block-cda2023-header {
  display: none;
  grid-area: nav;
}
@media (min-width: 1024px) {
#block-cda2023-header {
    display: block
}
  }
#block-cda2023-header .menu {
    font-size: 0.875rem;
    margin: 0;
    padding: 0;
  }
#block-cda2023-header .menu li {
      display: inline-block;
      margin-right: 1rem;
    }
#block-cda2023-header .menu a.is-active {
      color: #d2232a;
      color: var(--color--rich-red);
    }
#views-exposed-form-search-page-1 .form--inline {
    border-bottom: 1px solid #e0e0e0;
    border-bottom: 1px solid var(--color--gray--light);
    display: flex;
    flex-direction: row;
  }
#views-exposed-form-search-page-1 .form--inline input[type=text] {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      border: none;
      padding: 0.25rem 0;
    }
#views-exposed-form-search-page-1 .form--inline .form-actions {
      margin: 0;
    }
#block-cda2023-exposedformsearchpage-1 .form-item {
    float: none;
    margin: 0;
    width: 100%;
  }
#block-cda2023-exposedformsearchpage-1 input[type="text"] {
    box-sizing: border-box;
    width: 100%;
  }
#block-cda2023-exposedformsearchpage-1-2 {
  display: none;
  grid-area: search;
}
@media (min-width: 1024px) {
#block-cda2023-exposedformsearchpage-1-2 {
    display: block
}
  }
#block-cda2023-exposedformsearchpage-1-2 .form-item {
    float: none;
    margin: 0;
  }
#block-cda2023-exposedformsearchpage-1-2 input[type="text"] {
    box-sizing: border-box;
    width: 100%;
  }
.viewsreference--view-title {
  border-top: 1px solid #151515;
  border-top: 1px solid var(--color--black);
  font-weight: bold;
  margin-bottom: 1.5rem;
  padding-top: 0.1875rem;
}
.viewsreference--view-title:before {
    border-top: 1px dotted #151515;
    border-top: 1px dotted var(--color--black);
    content: "";
    display: block;
    margin-bottom: 0.375rem;
  }
.path-frontpage #block-cda2023-page-title, .page-node-type-client #block-cda2023-page-title, .page-node-type-designer #block-cda2023-page-title, .page-node-type-firm #block-cda2023-page-title, .page-node-type-project #block-cda2023-page-title, .page-node-type-design-essay #block-cda2023-page-title, .page-node-type-resource #block-cda2023-page-title {
    display: none;
  }
.path-frontpage .region-content, .page-node-type-client .region-content, .page-node-type-designer .region-content, .page-node-type-firm .region-content, .page-node-type-project .region-content, .page-node-type-design-essay .region-content, .page-node-type-resource .region-content {
    display: block;
  }
.page-node-type-program .field--name-field-media {
    margin-bottom: 1rem;
  }
.project-detail,
.project-list,
.essay-detail,
.resource-detail {
  display: grid;
  grid-column-gap: 1rem;
  grid-template-areas: "media" "info" "relationships" "related";
  grid-template-columns: 1fr;
}
@media (min-width: 720px) {
.project-detail,
.project-list,
.essay-detail,
.resource-detail {
    grid-template-areas: "info media media media" "info relationships relationships relationships" "info related related related";
    grid-template-columns: repeat(4, 1fr)
}
  }
@media (min-width: 1024px) {
.project-detail,
.project-list,
.essay-detail,
.resource-detail {
    grid-template-areas: "info media media media media" "info relationships relationships relationships relationships" "info related related related related";
    grid-template-columns: repeat(5, 1fr)
}
  }
.project-detail .project__info,
  .project-detail .project-list__info,
  .project-detail .essay__info,
  .project-detail .resource__info,
  .project-list .project__info,
  .project-list .project-list__info,
  .project-list .essay__info,
  .project-list .resource__info,
  .essay-detail .project__info,
  .essay-detail .project-list__info,
  .essay-detail .essay__info,
  .essay-detail .resource__info,
  .resource-detail .project__info,
  .resource-detail .project-list__info,
  .resource-detail .essay__info,
  .resource-detail .resource__info {
    grid-area: info;
    min-width: 0;
    padding-right: 5%;
  }
.project-detail .project__info h1, .project-detail .project-list__info h1, .project-detail .essay__info h1, .project-detail .resource__info h1, .project-list .project__info h1, .project-list .project-list__info h1, .project-list .essay__info h1, .project-list .resource__info h1, .essay-detail .project__info h1, .essay-detail .project-list__info h1, .essay-detail .essay__info h1, .essay-detail .resource__info h1, .resource-detail .project__info h1, .resource-detail .project-list__info h1, .resource-detail .essay__info h1, .resource-detail .resource__info h1 {
      font-size: 1.125rem;
    }
.project-detail .project__info .field, .project-detail .project-list__info .field, .project-detail .essay__info .field, .project-detail .resource__info .field, .project-list .project__info .field, .project-list .project-list__info .field, .project-list .essay__info .field, .project-list .resource__info .field, .essay-detail .project__info .field, .essay-detail .project-list__info .field, .essay-detail .essay__info .field, .essay-detail .resource__info .field, .resource-detail .project__info .field, .resource-detail .project-list__info .field, .resource-detail .essay__info .field, .resource-detail .resource__info .field {
      margin-bottom: 0.75rem;
    }
.project-detail .project__info .field .field__label, .project-detail .project-list__info .field .field__label, .project-detail .essay__info .field .field__label, .project-detail .resource__info .field .field__label, .project-list .project__info .field .field__label, .project-list .project-list__info .field .field__label, .project-list .essay__info .field .field__label, .project-list .resource__info .field .field__label, .essay-detail .project__info .field .field__label, .essay-detail .project-list__info .field .field__label, .essay-detail .essay__info .field .field__label, .essay-detail .resource__info .field .field__label, .resource-detail .project__info .field .field__label, .resource-detail .project-list__info .field .field__label, .resource-detail .essay__info .field .field__label, .resource-detail .resource__info .field .field__label {
        color: #626262;
        color: var(--color--gray);
      }
.project-detail .project__info .field--name-field-sta-number, .project-detail .project-list__info .field--name-field-sta-number, .project-detail .essay__info .field--name-field-sta-number, .project-detail .resource__info .field--name-field-sta-number, .project-list .project__info .field--name-field-sta-number, .project-list .project-list__info .field--name-field-sta-number, .project-list .essay__info .field--name-field-sta-number, .project-list .resource__info .field--name-field-sta-number, .essay-detail .project__info .field--name-field-sta-number, .essay-detail .project-list__info .field--name-field-sta-number, .essay-detail .essay__info .field--name-field-sta-number, .essay-detail .resource__info .field--name-field-sta-number, .resource-detail .project__info .field--name-field-sta-number, .resource-detail .project-list__info .field--name-field-sta-number, .resource-detail .essay__info .field--name-field-sta-number, .resource-detail .resource__info .field--name-field-sta-number {
      color: #626262;
      color: var(--color--gray);
      font-weight: bold;
      margin-bottom: 0.125rem;
    }
.project-detail .project__info .field--name-field-byline, .project-detail .project-list__info .field--name-field-byline, .project-detail .essay__info .field--name-field-byline, .project-detail .resource__info .field--name-field-byline, .project-list .project__info .field--name-field-byline, .project-list .project-list__info .field--name-field-byline, .project-list .essay__info .field--name-field-byline, .project-list .resource__info .field--name-field-byline, .essay-detail .project__info .field--name-field-byline, .essay-detail .project-list__info .field--name-field-byline, .essay-detail .essay__info .field--name-field-byline, .essay-detail .resource__info .field--name-field-byline, .resource-detail .project__info .field--name-field-byline, .resource-detail .project-list__info .field--name-field-byline, .resource-detail .essay__info .field--name-field-byline, .resource-detail .resource__info .field--name-field-byline {
      margin-bottom: 0;
    }
.project-detail .project__info .field--name-field-byline p, .project-detail .project-list__info .field--name-field-byline p, .project-detail .essay__info .field--name-field-byline p, .project-detail .resource__info .field--name-field-byline p, .project-list .project__info .field--name-field-byline p, .project-list .project-list__info .field--name-field-byline p, .project-list .essay__info .field--name-field-byline p, .project-list .resource__info .field--name-field-byline p, .essay-detail .project__info .field--name-field-byline p, .essay-detail .project-list__info .field--name-field-byline p, .essay-detail .essay__info .field--name-field-byline p, .essay-detail .resource__info .field--name-field-byline p, .resource-detail .project__info .field--name-field-byline p, .resource-detail .project-list__info .field--name-field-byline p, .resource-detail .essay__info .field--name-field-byline p, .resource-detail .resource__info .field--name-field-byline p {
        margin: 0;
      }
.project-detail .project__info .field--name-body, .project-detail .project-list__info .field--name-body, .project-detail .essay__info .field--name-body, .project-detail .resource__info .field--name-body, .project-list .project__info .field--name-body, .project-list .project-list__info .field--name-body, .project-list .essay__info .field--name-body, .project-list .resource__info .field--name-body, .essay-detail .project__info .field--name-body, .essay-detail .project-list__info .field--name-body, .essay-detail .essay__info .field--name-body, .essay-detail .resource__info .field--name-body, .resource-detail .project__info .field--name-body, .resource-detail .project-list__info .field--name-body, .resource-detail .essay__info .field--name-body, .resource-detail .resource__info .field--name-body {
      padding-right: 5%;
    }
.project-detail .project__media,
  .project-detail .project-list__projects,
  .project-detail .essay__text,
  .project-detail .resource__media,
  .project-list .project__media,
  .project-list .project-list__projects,
  .project-list .essay__text,
  .project-list .resource__media,
  .essay-detail .project__media,
  .essay-detail .project-list__projects,
  .essay-detail .essay__text,
  .essay-detail .resource__media,
  .resource-detail .project__media,
  .resource-detail .project-list__projects,
  .resource-detail .essay__text,
  .resource-detail .resource__media {
    grid-area: media;
    margin-bottom: 1.5rem;
    min-width: 0;


  }
@media (min-width: 720px) {
.project-detail .project__media,
  .project-detail .project-list__projects,
  .project-detail .essay__text,
  .project-detail .resource__media,
  .project-list .project__media,
  .project-list .project-list__projects,
  .project-list .essay__text,
  .project-list .resource__media,
  .essay-detail .project__media,
  .essay-detail .project-list__projects,
  .essay-detail .essay__text,
  .essay-detail .resource__media,
  .resource-detail .project__media,
  .resource-detail .project-list__projects,
  .resource-detail .essay__text,
  .resource-detail .resource__media {
      margin-bottom: 0


  }
    }
.project-detail .project__media .field--name-field-media-image img, .project-detail .project-list__projects .field--name-field-media-image img, .project-detail .essay__text .field--name-field-media-image img, .project-detail .resource__media .field--name-field-media-image img, .project-list .project__media .field--name-field-media-image img, .project-list .project-list__projects .field--name-field-media-image img, .project-list .essay__text .field--name-field-media-image img, .project-list .resource__media .field--name-field-media-image img, .essay-detail .project__media .field--name-field-media-image img, .essay-detail .project-list__projects .field--name-field-media-image img, .essay-detail .essay__text .field--name-field-media-image img, .essay-detail .resource__media .field--name-field-media-image img, .resource-detail .project__media .field--name-field-media-image img, .resource-detail .project-list__projects .field--name-field-media-image img, .resource-detail .essay__text .field--name-field-media-image img, .resource-detail .resource__media .field--name-field-media-image img {
        max-height: 20rem;
        -o-object-position: top;
           object-position: top;
        -o-object-fit: contain;
           object-fit: contain;
        width: 100%;
      }
@media (min-width: 720px) {
.project-detail .project__media .field--name-field-media-image img, .project-detail .project-list__projects .field--name-field-media-image img, .project-detail .essay__text .field--name-field-media-image img, .project-detail .resource__media .field--name-field-media-image img, .project-list .project__media .field--name-field-media-image img, .project-list .project-list__projects .field--name-field-media-image img, .project-list .essay__text .field--name-field-media-image img, .project-list .resource__media .field--name-field-media-image img, .essay-detail .project__media .field--name-field-media-image img, .essay-detail .project-list__projects .field--name-field-media-image img, .essay-detail .essay__text .field--name-field-media-image img, .essay-detail .resource__media .field--name-field-media-image img, .resource-detail .project__media .field--name-field-media-image img, .resource-detail .project-list__projects .field--name-field-media-image img, .resource-detail .essay__text .field--name-field-media-image img, .resource-detail .resource__media .field--name-field-media-image img {
          aspect-ratio: 4/3;
          max-height: none
      }
        }
.project-detail .project__media .field--name-field-media-oembed-video, .project-detail .project-list__projects .field--name-field-media-oembed-video, .project-detail .essay__text .field--name-field-media-oembed-video, .project-detail .resource__media .field--name-field-media-oembed-video, .project-list .project__media .field--name-field-media-oembed-video, .project-list .project-list__projects .field--name-field-media-oembed-video, .project-list .essay__text .field--name-field-media-oembed-video, .project-list .resource__media .field--name-field-media-oembed-video, .essay-detail .project__media .field--name-field-media-oembed-video, .essay-detail .project-list__projects .field--name-field-media-oembed-video, .essay-detail .essay__text .field--name-field-media-oembed-video, .essay-detail .resource__media .field--name-field-media-oembed-video, .resource-detail .project__media .field--name-field-media-oembed-video, .resource-detail .project-list__projects .field--name-field-media-oembed-video, .resource-detail .essay__text .field--name-field-media-oembed-video, .resource-detail .resource__media .field--name-field-media-oembed-video {
      aspect-ratio: 16/9;
      position: relative;
    }
.project-detail .project__media .field--name-field-media-oembed-video iframe, .project-detail .project-list__projects .field--name-field-media-oembed-video iframe, .project-detail .essay__text .field--name-field-media-oembed-video iframe, .project-detail .resource__media .field--name-field-media-oembed-video iframe, .project-list .project__media .field--name-field-media-oembed-video iframe, .project-list .project-list__projects .field--name-field-media-oembed-video iframe, .project-list .essay__text .field--name-field-media-oembed-video iframe, .project-list .resource__media .field--name-field-media-oembed-video iframe, .essay-detail .project__media .field--name-field-media-oembed-video iframe, .essay-detail .project-list__projects .field--name-field-media-oembed-video iframe, .essay-detail .essay__text .field--name-field-media-oembed-video iframe, .essay-detail .resource__media .field--name-field-media-oembed-video iframe, .resource-detail .project__media .field--name-field-media-oembed-video iframe, .resource-detail .project-list__projects .field--name-field-media-oembed-video iframe, .resource-detail .essay__text .field--name-field-media-oembed-video iframe, .resource-detail .resource__media .field--name-field-media-oembed-video iframe {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
      }
.project-detail .project__relationships, .project-list .project__relationships, .essay-detail .project__relationships, .resource-detail .project__relationships {
    grid-area: relationships;
  }
.project-detail .project__related, .project-list .project__related, .essay-detail .project__related, .resource-detail .project__related {
    grid-area: related;
  }
.project-detail .project__related h2, .project-list .project__related h2, .essay-detail .project__related h2, .resource-detail .project__related h2 {
      display: none;
    }
.project-detail .resource__media .field--name-field-file-preview, .project-list .resource__media .field--name-field-file-preview, .essay-detail .resource__media .field--name-field-file-preview, .resource-detail .resource__media .field--name-field-file-preview {
      height: 0;
      padding-bottom: 66.6667%;
      position: relative;
      width: 100%;
    }
.project-detail .resource__media .field--name-field-file-preview img, .project-list .resource__media .field--name-field-file-preview img, .essay-detail .resource__media .field--name-field-file-preview img, .resource-detail .resource__media .field--name-field-file-preview img {
        height: 100%;
        -o-object-fit: contain;
           object-fit: contain;
        -o-object-position: left top;
           object-position: left top;
        position: absolute;
        width: 100%;
      }
.project-detail .resource__media .field--name-field-media-document, .project-list .resource__media .field--name-field-media-document, .essay-detail .resource__media .field--name-field-media-document, .resource-detail .resource__media .field--name-field-media-document {
      margin-top: 1rem;
    }
.region-content {
  display: grid;
  grid-column-gap: 1rem;
  grid-template-areas: "tasks" "info" "content" "sidebar";
  grid-template-columns: 1fr;
}
@media (min-width: 720px) {
.region-content {
    grid-template-areas: "tasks tasks tasks" "info content content" "sidebar content content";
    grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto auto 100%
}
  }
@media (min-width: 1024px) {
.region-content {
    grid-template-areas: "tasks tasks tasks tasks tasks" "info content content content content" "sidebar content content content content";
    grid-template-columns: repeat(5, 1fr)
}
  }
.region-content #block-cda2023-page-title {
    grid-area: info;
    margin-right: 10%;
  }
.region-content #block-cda2023-content {
    grid-area: content;
  }
.region-content #block-cda2023-local-tasks {
    grid-area: tasks;
  }
.region-content #block-cda2023-ronkovachmemoriam {
    grid-area: sidebar;
    padding-top: 1rem;
  }
.region-content #block-cda2023-ronkovachmemoriam .field--name-body {
      width: calc(100% - 2rem);
      box-sizing: border-box;
    }
.region-content #block-cda2023-ronkovachmemoriam img {
      width: 100%;
      max-width: 260px;
    }
.pager ul.pager__items {
    margin-left: 0;
    padding-left: 0;
    text-align: left;
  }
.views-exposed-form .form--inline {
    display: flex;
    flex-direction: row;
  }
.views-exposed-form input.form-submit {
    background-color: #626262;
    background-color: var(--color--gray);
    -webkit-mask-image: url(/themes/custom/cda2023/dist/images/search_black_24dp.svg);
            mask-image: url(/themes/custom/cda2023/dist/images/search_black_24dp.svg);
    -webkit-mask-position: center center;
            mask-position: center center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    border: 0;
    font-size: 0;
    height: 1.75rem;
    position: relative;
    top: -0.25rem;
    width: 1.75rem;
  }
.views-exposed-form input.form-submit:hover {
      background-color: #d2232a;
      background-color: var(--color--rich-red);
    }
.column-3-manual {
  -moz-column-count: 3;
       column-count: 3;
}
.column-3-manual .column {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
.path-frontpage .region-content {
    border-top: 0;
  }
.path-frontpage #block-cda2023-content {
    padding-top: 0;
  }
.path-frontpage .field--name-field-paragraphs > .field__item:has(.view-projects.view-display-id-recently_added) {
    margin-top: 3rem;
  }
.media-library-views-form {
  flex-wrap: wrap;
}



/*# sourceMappingURL=global.css.map*/