#site-footer {
  font-size: 1rem;
}
.view-page-summary .callout {
  margin-top: 0;
}
.page-node-type-principle-page .field--name-body, .page-node-type-general-page .field--name-body {
  padding: 0 1.25rem;
}

/* New Callout Menu Pages */

.block-field-blocknodecallout-menu-pagebody {
  background: #ffde7a;
  padding: 1.25em;
  margin-bottom: 1em;
}
.block-field-blocknodecallout-menu-pagebody h2 {
  margin-top: 0;
}
.block-field-blocknodecallout-menu-pagebody p {
  font-size: 1.22em;
  line-height: 1.5;
  color: #333;
  margin-bottom: 0;
}
.view-callout-menu-page-links .view-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 800px) {
  .view-callout-menu-page-links .view-content {
    display: block;
  }
  .view-callout-menu-page-links .views-row {
    width: 100% !important;
  }
}
.view-callout-menu-page-links .views-row {
  width: calc(33% - 0.5em);
  margin: 0 0 1em .5em;
  background: #f9f7f6;
  flex: 0 0 auto;
  padding: 0 1.125em 1.7em 1.125em;
  border-top: 6px solid #900021;
}
.view-callout-menu-page-links .views-field-views-conditional-field-1 .txt-intro {
  font-size: inherit;
  line-height: inherit;
  margin: inherit;
  color: inherit;
}
.view-callout-menu-page-links .views-row:nth-child(2n) {
  border-top: 6px solid #0f7a9a;
}
.view-callout-menu-page-links .views-row:nth-child(3n) {
  border-top: 6px solid #777677;
}
.view-callout-menu-page-links .views-row:nth-child(4n) {
  border-top: 6px solid #63682e;
}
.view-callout-menu-page-links .external-link {
  margin: -1em 0 1em 0;
  display: block;
  font-size: .9rem;
}
.view-callout-menu-page-links .fa-arrow-up-right-from-square:before {
  color: #0f7a9a;
}

.view-callout-menu-page-links .views-field-field-external-resource-type {
  margin-top: 1em;
}

/* What You Can Do Filters */

.view-what-you-can-do-filters .views-row {
  background: #fff;
  padding: 1.125em;
  margin-bottom: 1em;
}
.view-what-you-can-do-filters .views-row:nth-child(odd) {
  background: #f0efee;
}
.view-what-you-can-do-filters .views-row h3 {
  margin-top: 0;
}
.view-what-you-can-do-filters .txt-intro, .view-what-you-can-do-filters .txt-intro:link {
    font-size: inherit;
}
.view-what-you-can-do-filters .view-content .views-field-nothing-1 .views-label-nothing-1 {
  display: none;
}
.view-what-you-can-do-filters .view-content .views-field-nothing-1 ul {
  padding-left: 0;
  font-size: .8em;
  padding-bottom: 1.125em;
}
.view-what-you-can-do-filters .view-content .views-field-nothing-1 li {
  float: left;
  list-style-type: none;
  margin: 0 .5em 0 0;
}
.view-what-you-can-do-filters .views-field-nothing-1 svg {
  color: #900021;
}
/* Old Callout Menu Pages */
.page-node-type-callout-menu-page #content ul.sf-menu.menu {
  width: 100%;
  display: flex;
  justify-content: left;
}
@media only screen and (max-width: 800px) {
  .page-node-type-callout-menu-page #content ul.sf-menu.menu li {
    width: 100% !important;
  }
}
.page-node-type-callout-menu-page #content ul.sf-menu.menu li {
  width: calc(33.3333% - 0.5em);
  margin: 0.25em;
  background: #f9f7f6;
  flex: 0 0 auto;
  display: inline-flex;
}
.page-node-type-callout-menu-page #content ul.sf-menu.sf-style-default li:hover {
  background: #d5d6d2;
}
.page-node-type-callout-menu-page #content ul.sf-menu.sf-style-default a:hover {
  background: none;
}
.page-node-type-callout-menu-page #content ul.sf-menu.sf-style-default a {
  font-weight: 600;
  font-size: 1.2em;
  color: #333;
  padding: 1em;
  border-top: 6px solid #900021;
}
.page-node-type-callout-menu-page #content ul.sf-menu.sf-style-default li:nth-child(2n) a {
  border-top: 6px solid #0f7a9a;
}
.page-node-type-callout-menu-page #content ul.sf-menu.sf-style-default li:nth-child(3n) a {
  border-top: 6px solid #ffcc33;
}
.page-node-type-callout-menu-page #content ul.sf-menu.sf-style-default span.sf-description {
  color: #333;
  font-weight: 500;
  font-size: initial;
}

/* Old What You Can Do Menu Links */

.view-what-you-can-do-links .view-content {
  width: 100%;
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}
@media only screen and (max-width: 800px) {
  .view-what-you-can-do-links .views-row {
    width: 100% !important;
  }
}
.view-what-you-can-do-links .views-row {
  width: calc(33.3333% - 0.5em);
  margin: 0.25em;
  background: #f9f7f6;
  flex: 0 0 auto;
  padding: 1px 2rem;
  border-top: 6px solid #900021;
}
.view-what-you-can-do-links .txt-intro {
  font-size: inherit;
}
.view-what-you-can-do-links .views-row:nth-child(2n) {
  border-top: 6px solid #0f7a9a;
}
.view-what-you-can-do-links .views-row:nth-child(3n) {
  border-top: 6px solid #777677;
}
.view-what-you-can-do-links .views-row:nth-child(4n) {
  border-top: 6px solid #63682e;
}

/* What You Can Do Teaching Resources Filters */
.view-what-you-can-do-filters .content-resource-type {
  color: #5a5a5a;
  font-size: .85em;
  margin-bottom: 0.5rem !important;
}
.view-what-you-can-do-filters .view-header {
  background: none;
  padding: 0.2em 1.25em 0.2em 1.25em;
  border-left: 6px solid #ffcc33;
}
.view-display-id-upcoming_event .view-header {
  padding: 0;
  border-left: none;
}
.view-display-id-upcoming_event .view-header h2 {
  margin-top: 0;
  padding: 0 1.25rem;
}
.view-display-id-upcoming_event .view-header img {
  border-bottom: 6px solid #fc3;
}
.view-display-id-upcoming_event .views-row:nth-child(odd) {
  background: 0;
}
.view-what-you-can-do-filters .view-filters {
  background: none;
  padding: 0 0.2em 0 0.2em;
  position: relative;
  top: -1em;
  border-left: 6px solid #ffcc33;
}
.view-what-you-can-do-filters .views-exposed-form {
  margin-top: 0;
}
.view-what-you-can-do-filters summary {
  background: #ddd;
  padding: 1.2rem;
}
.view-what-you-can-do-filters summary::marker {
  font-size: 1.25rem;
  content: "+ ";

}
.view-what-you-can-do-filters [aria-expanded="true"]::marker {
  content: 'x ';
  font-size: 1rem;
  font-weight: 600;
}
.view-what-you-can-do-filters summary:hover, .view-what-you-can-do-filters [aria-expanded="true"] {
  background: #fc3;
}
.view-what-you-can-do-filters .form-item {
  float: left;
}
.view-what-you-can-do-filters form details {
  margin-right: 2rem;
  border: 0;
}
.view-what-you-can-do-filters .form--inline .form-actions {
  float: left;
  clear: none;
}
.view-what-you-can-do-filters h4 {
  margin-bottom: 0.3rem;
}
.view-what-you-can-do-filters .views-field {
  margin-bottom: 1.125rem;
}
.views-field-field-content-format .field-content ul, .views-field-field-badging-program-course .field-content ul, .views-field-views-conditional-field .field-content ul {
  display: flex;
  flex-wrap: wrap;
}
.views-field-field-content-format .field-content li, .views-field-field-badging-program-course .field-content li, .views-field-views-conditional-field .field-content li {
  color: #5a5a5a;
  display: block;
  font-size: .9em;
  padding: 0.56em 1.39em;
  margin: 0 0.25rem 0.25rem 0;
}
.view-what-you-can-do-filters .views-row:nth-child(even) .views-field-field-badging-program-course .field-content li, .view-what-you-can-do-filters .views-row:nth-child(even) .views-field-field-content-format .field-content li, .view-what-you-can-do-filters .views-row:nth-child(even) .views-field-views-conditional-field .field-content li {
  background: #f0efee;
}
.view-what-you-can-do-filters .views-row:nth-child(odd) .views-field-field-badging-program-course .field-content li, .view-what-you-can-do-filters .views-row:nth-child(odd) .views-field-field-content-format .field-content li, .view-what-you-can-do-filters .views-row:nth-child(odd) .views-field-views-conditional-field .field-content li  {
  background: #fff;
}
.view-what-you-can-do-filters .views-field-field-accessible-u-presenter ul {
  display: flex;
  flex-wrap: wrap;
}
.view-what-you-can-do-filters .views-field-field-accessible-u-presenter li {
  flex: 0 1 45%;
}

/* Old Event Recordings */

.view-list-of-events .view-content {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 0 -0.25em;
}
.block-views-blocklist-of-events-block-1 .view-list-of-events .view-content .views-row {
  width: calc(100%);
  background: #f9f7f6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0.25em;
  padding: 1rem;
}
.paragraph .display-33 {
  width: 100%;
}
@media (min-width: 40em) {
  .block-views-blocklist-of-events-block-1 .view-list-of-events .view-content .views-row {
    width: calc(33% - 0.5em);
  }
  .paragraph .display-33 {
    width: calc(80% - 2em);
  }
}
.view-list-of-events .views-field-field-dl-media {
  margin: -1rem;
}
.view-list-of-events .views-field-field-dl-media img {
  border: 1px solid #d5d6d2;
}
.view-list-of-events h3 {
  margin: -20px 0 0 0;
}
.view-list-of-events .datetime {
  display: block;
  margin: .5em 0;
  font-weight: 600;
  color: #7a0019;
}
.view-list-of-events h4 {
  margin: 0;
}
.block-field-blockparagraphpresenter-informationfield-accessible-u-first-name {
  float: left;
  margin-right: 5px;
}
.view-strategic-plan-content caption {
  font-size: inherit;
  font-style: normal;
}
/* Temporary Changes for Usability Testing 7/24/25 */

@media (min-width: 60em) {
    body.one-sidebar.sidebar-first main aside#sidebar-first {
      width: calc(25% - 1.48148em) !important;
    }
}
.page-node-type-dl-general-page h1.page-title {
  padding: 1em 1em .5em 1em;
  margin-bottom: 0;
  border-left: 6px solid #ffcc33;
}
.field--name-field-skill-summary {
  font-size: 1.22em;
  line-height: 1.5;
  padding: 0 1.5em 1.5em 1.5em;
  border-left: 6px solid #ffcc33;
}
.block-field-blocknodedl-general-pagefield-dl-body {
  background-color: #f9f7f6;
  padding: .1em 2em;
  margin-bottom: 2em;
}
.block-field-blocknodedl-general-pagefield-dl-body figure {
    background-color: #fff;
    padding: 1em;
}
.block-field-blocknodedl-general-pagefield-dl-body figure img {
  width: 20%;
  margin-left: auto !important;
  margin-right: auto !important;
}
.block-field-blocknodedl-general-pagefield-best-practices {
  border-left: 6px solid #fc3;
  padding: .1em 2em;
  margin-bottom: 2em;
}
.block-field-blocknodedl-general-pagefield-best-practices ul, .page-node-type-landing-page .field--name-body ul {
  list-style-type: none;
  padding: 0 !important;
}
.block-field-blocknodedl-general-pagefield-best-practices ul li, .page-node-type-landing-page .field--name-body ul li {
  float: left;
  padding-bottom: .5em;
  clear: left;
}
.block-field-blocknodedl-general-pagefield-best-practices ul li {
  font-weight: 600;
}
.block-field-blocknodedl-general-pagefield-best-practices ul li:before {
  display: inline-block;
  font: normal normal normal 14px / 1 FontAwesome;
  font-size: 28px;
  -moz-osx-font-smoothing: grayscale;
  content: "\f00c";
  margin-right: 10px;
  margin-bottom: 1em;
  color: #900021;
  float: left;
}
.page-node-type-landing-page .field--name-body ul li:before {
  display: inline-block;
  font: normal normal normal 14px / 1 FontAwesome;
  font-size: 28px;
  -moz-osx-font-smoothing: grayscale;
  content: "\f096";
  margin-right: 10px;
  margin-bottom: 1em;
  float: left;
}
.block-field-blocknodedl-general-pagefield-how-to {
  padding: 0 2em .1em 2em;
}

/* Skills pages */

.page-node-type-skills .container-fluid .row .col-lg-8 {
  padding-right: 2em;
}

.page-node-type-skills .views-field-field-kaltura-embed-code {
  margin: 0 auto;
  max-width: max-content;
}

.page-node-type-skills .views-field-field-video-caption p, .page-node-type-skills figcaption, .page-node-type-skills .field--name-field-video-caption p {
  background-color: #f9f7f6;
  padding: 1em 1.5em 1em;
  margin-bottom: 2em;
}

.page-node-type-skills figcaption {
  font-style: normal;
}

.page-node-type-skills .block-field-blocknodeskillsfield-short-description p {
  border-left: 6px solid #ffcc33;
  padding: 1em;
  font-size: 1.22em;
  line-height: 1.5;
  margin-bottom: 1.33em;
  color: #333;
}

.page-node-type-skills #content h2 {
  margin-top: 0;
}

.page-node-type-skills .field--name-image {
  margin: 0 auto;
  max-width: fit-content;
}

.page-node-type-skills .view-display-id-checklist ul li::marker {
  font: normal normal normal 14px / 1 FontAwesome;
  font-size: 22px;;
  content: "\f00c";
  color: #7a0019;
}

.page-node-type-skills ul.core-skills {
  display: flex;
  flex-wrap: wrap;
}

.page-node-type-skills ul.core-skills li {
  width: calc(25% - 0.5em);
}

@media (max-width: 60rem) {
    .page-node-type-skills ul.core-skills li {
        width: calc(50% - 0.5em);
    }
}

@media (max-width: 30rem) {
    .page-node-type-skills ul.core-skills li {
        width: 100%;
    }
}

.page-node-type-skills ul.core-skills li a {
  border: 0;
  line-height: normal;
}

#toc-js-block {
  margin-top: 1.8em;
}

.toc-title {
  font-weight: 600;
  margin-bottom: .5em;
}

#toc-js-block {
  margin: 0 2em;
}

.page .block-toc-js ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.block-toc-js li {
  float: left;
  margin-right: 5px;
}

.block-toc-js li::before {
  font-family: 'Font Awesome 5 Free';
  font-size: 0.6em;
  font-weight: 900;
  content: "\f107";
  font-style: normal;
  margin-right: 12px;
}