a.anchor, div.anchor {
    display: block;
    position: relative;
    top: -125px;
    visibility: hidden;
    line-height: 0;
}

.view-id-staff_listing img {
  max-width: 145px;
}

/* horizontal line style */
#main-content hr {
    clear: both;
    border: 1px solid #cccccc;
    margin-top: 1.5625rem;
    margin-bottom: 1.5625rem;
}

/* buttons in insets */
.editorial .inset .button {
  white-space: normal;
  display: inline-flex;
}
.editorial .inset .button:after {
      padding-top: 0;
      padding-left: 6px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-left: auto;
}

/* non-nav pages were showing h2s too large in content bottom list items */
.paragraphs-item-list-items .paragraphs-item-grid-item a > h2 {
    font-size: 1.3125rem;
    line-height: 1.25;
}

.paragraphs-item-grid-item .item__content > div h2 {
    font-weight: bold;
}

.paragraphs-item-list-items.list-of-items .item.news-feed-teaser {
    min-height: inherit;
}


/* Event inset styling */
.inset--trumba_inset .event-collection .event-teaser {
    border-bottom-width: 0.0625rem;
    border-color: #cfd2aa;
    padding-bottom: 1.25rem;
    margin-bottom: 0.625rem;
}
.inset--trumba_inset .event-collection .event-teaser:last-child {
    border: none;
}
.inset--trumba_inset .event-collection .event-teaser > a {
    font-size: 1.125rem;
}
.inset--trumba_inset .event-collection .event-teaser > .date,
.inset--trumba_inset .event-collection .event-teaser > .time {
    font-size: 1rem;
    color: #7a7751;
}
.inset--trumba_inset .event-collection .event-teaser > .date {
     padding-top: 0.625rem;
}

/* contact us block - word breaking fixes  */
.contact-us-name,
.contact-us-location,
.contact-us-email,
.contact-us-phone,
.sidebar-contact__details > div {
    margin-bottom: 5px;
}
.contact-us-name a,
.contact-us-location a,
.contact-us-location a > span,
.contact-us-email a,
.contact-us-phone a,
.sidebar-contact__details .sidebar-contact__location,
.sidebar-contact__details .sidebar-contact__location > span {
    word-break: normal;
 display: inline;
}

/* indents */
.rteindent1 {
    margin-left: 40px;
    margin-bottom: 1.5625rem;
}
.rteindent2 {
    margin-left: 80px;
    margin-bottom: 1.5625rem;
}
.rteindent3 {
    margin-left: 120px;
    margin-bottom: 1.5625rem;
}
.rteindent4 {
    margin-left: 160px;
    margin-bottom: 1.5625rem;
}

.article .article__content blockquote p:first-of-type::first-letter {
    float: none;
    padding-right: 0;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit;
}

/* original css only handles "youtube" but not "youtu.be" */

a[data-fancybox][href*="youtu.be"] {
    position: relative;
    display: block;
    border-bottom: none !important;
}

a[data-fancybox][href*="youtu.be"]::after {
    left: 41.5%;
    top: 38%;
    background: url(/sites/default/files/video-play-button-512x512.png) no-repeat 0 0 transparent;
    width: 80px;
    height: 80px;
    background-size: contain;
    content: "";
    position: absolute;
    opacity: .8;
}

a[data-fancybox][href*="youtu.be"]:hover::after {
    opacity: 1;
}

@media (min-width: 768px) {
  a[data-fancybox][href*="youtu.be"]::after {
    left: 39%;
    top: 35%;
  }
}

@media (min-width: 460px) {
  a[data-fancybox][href*="youtu.be"]::after {
    left: 41.5%;
    top: 38%;
  }
}

/** Ordered List Styling **/
ol.upper-roman > li::before,ol[type=upper-roman] > li::before {
    content: counter(item,upper-roman) "." !important;
}
ol.lower-roman > li::before,ol[type=lower-roman] > li::before {
    content: counter(item,lower-roman) "." !important;
}
ol.upper-alpha > li::before,ol[type=upper-alpha] > li::before {
    content: counter(item,upper-alpha) "." !important;
}
ol.lower-alpha > li::before,ol[type=lower-alpha] > li::before {
    content: counter(item,lower-alpha) "." !important;
}
ol.decimal > li::before,ol[type="1"] > li::before {
    content: counter(item,decimal) "." !important;
}
ol li > ol > li::before {
    content: counter(item,upper-alpha) ". " !important;
    color: #8066b7 !important;
}
ol li > ol li > ol > li::before {
    content: counter(item,lower-alpha) ". " !important;
    color: #60a7d5 !important;
}

/** footnote - smaller font size **/
.footnote {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 1rem;
}

/** tables - margin and mobile line separator **/
table.rt-responsive-table {
    margin: 1.5625rem 0;
}

table.rt-responsive-table.rt-vertical-table td {
    border-bottom: 2px solid #DCD3B2;
}

table.rt-responsive-table.rt-vertical-table td:before {
    font-weight:  bold;
}

table.rt-vertical-table :last-child tr:last-child td:first-child,
table.rt-vertical-table :last-child tr:last-child th:first-child {
    border-bottom-left-radius: 0;
}

table.rt-vertical-table :last-child tr:last-child td:last-child,
table.rt-vertical-table :last-child tr:last-child th:last-child {
    border-bottom-right-radius: 0;
}

table.rt-vertical-table {
    border-radius: 0;
}

table.rt-vertical-table tbody tr:last-child td:last-child {
    border-bottom: none;
}

/* news listing - search bar fix */
.exposed-form__keys .exposed-form__input {
    width: 100%;
}

/* homepage - fixes the Featured Event image height when resizing */
@media (min-width: 1024px) {
    .home-spotlight figure a.event-teaser__image img,
    .home-featured-event figure a.event-teaser__image img {
        height: auto;
    }
}
.home-featured-event figure a.event-teaser__image img {
    width: 100%;
}
.home-featured-event figure > div > div  {
    overflow: hidden;
    height: 0;
    padding-top: 56.25%;
    position: relative;
}
.home-featured-event figure > div > div > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/** sidebar contact us - adding stying for a tags inside the details section **/
.sidebar-contact .contact-us-details p > a {
    font-size: 1.125rem;
    font-family: "GalliardPro-Roman",serif;
    color: #0057b8;
    display: inline-block;
    margin-bottom: 0.3125rem;
    border-bottom-width: 0.125rem;
    border-color: #cfd2aa;
}
.sidebar-contact .contact-us-details p > a:hover {
    border-color: #0057b8;
}

/* Page alerts (green box) */
.page-alert > div {
    display: inline-block;
}
.page-alert > div > a {
    display: inline;
}
.with-sidebar-aside .page-alert a:after {
    display: none;
}
.with-sidebar-aside .page-alert div > a:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    color: #fecb34;
    position: absolute;
    font-size: 1rem;
    content: "";
    bottom: 5px;
    margin-left: 0.3em;
}
.with-sidebar-aside .page-alert div > a:hover:after {
    color: #fff;
}
.with-sidebar-aside .page-alert h2 {
    font-family: "futura-pt-black",Arial,Verdana,Tahoma,sans-serif;
    line-height: 1.25;
    border-bottom-width: 0.375rem;
    border-color: #fecb34;
    padding-bottom: 0.625rem;
    margin-bottom: 0.625rem;
    font-size: 26px;
}
.with-sidebar-aside .page-alert a.btn-yellow {
    background: #fecb34;
    color: #000;
    display: block;
    margin-top: 0.625rem;
}
.with-sidebar-aside .page-alert a.btn-yellow::after {
    color: #000;
}
.with-sidebar-aside .page-alert a.btn-yellow:hover,
.with-sidebar-aside .page-alert a.btn-yellow:focus {
    background: #FFED75;
}
.with-sidebar-aside .page-alert a {
  display: inline;
}
.with-sidebar-aside .page-alert ol {
    counter-reset: item;
}
.with-sidebar-aside .page-alert ol li:before {
    color: #fff;
    font-family: "futura-pt-black",Arial,Verdana,Tahoma,sans-serif;
    content: counter(item) ". ";
    counter-increment: item;
}
.with-sidebar-aside .page-alert ul {
    list-style-type: square;
    list-style-position: initial;
    margin-left: 1.5em;
    list-style-type: none;
}
.with-sidebar-aside .page-alert ul li {
    position: relative;
}
.with-sidebar-aside .page-alert ul li:before {
    content: "";
    position: absolute;
    top: calc(0.6em);
    left: -1.05em;
    background: transparent url(/themes/custom/pomona/images/bkg-list-bullet-3.jpg) scroll no-repeat 50% 50%/cover;
    width: 0.3125em;
    height: 0.3125em;
    background-color: #ccc;
    display: inline-block;
}
.with-sidebar-aside .page-alert p {
    display: inline-block;
    margin-bottom: 1rem;
}
.with-sidebar-aside .page-alert p:last-of-type {
    display: inline;
}

/* Video insets full - fixing the max-width and the play button  */
.inset--full.inset--video_inset {
    position: relative;
    max-width: 100%;
}
@media (min-width: 460px) {
    .inset--full.inset--video_inset a[data-fancybox][href*="youtu.be"]::after {
        left: 41%;
        top: 36.5%;
    }
}
@media (min-width: 768px) {
    .inset--full.inset--video_inset a[data-fancybox][href*="youtu.be"]::after {
        left: 48%;
        top: 41%;
    }
}

/* text inset inside news stories - title style  */
.node-type-article .article__content .inset-text > h2 {
    font-size: 1.3125rem;
    font-weight: 500;
}

/** a style option on the wysiwyg - blockquote small **/
.blockquote-sm {
    padding-left: 5.3125rem;
    padding-right: 5.3125rem;
    font-family: "futura-pt",Arial,Verdana,Tahoma,sans-serif;
    margin-bottom: 1.5625rem;
}

/** Grid and List items - fixes to the title field **/
.paragraphs-item-grid-item .item__content > div {
    margin-bottom: 15px;
}
.paragraphs-item-grid-item .item__content > div > a {
    display: inline;
}
.paragraphs-item-grid-item .item__content > div > a:hover,
.paragraphs-item-grid-item .item__content > div > a:focus {
    border-color: #0057b8;
}
.paragraphs-item-grid-item .item__content > div > a > h2 {
    display: inline;
    line-height: 1.5em;
}

/** list grid items - fixes to images on mobile **/
@media (max-width: 767px) {
    .paragraphs-item-list-items.list-of-items .paragraphs-item-grid-item.item  .item__media,
    .paragraphs-item-list-items.list-of-items .paragraphs-item-grid-item.item  .item__media img  {
        max-width: 100%;
    }
}

/* tiktok icon for the social directory page*/
.editorial a.social-media-department-listing-tiktok {
  background-position: -261px 0 !important;
}

/** stats inset in a news story - title fix **/
.article .inset--stats_inset > div > h2 {
    font-size: 1.3125rem;
    font-weight: normal;
}

/** grid items - adding the play icon to items that link to youtube **/
.paragraphs-item-grid-items .item__media a[href*="youtu.be"],
.paragraphs-item-grid-items .item__media a[href*="youtube"] {
    position: relative;
    display: block;
    border-bottom: none !important;
}
.paragraphs-item-grid-items .item__media a[href*="youtu.be"]::after,
.paragraphs-item-grid-items .item__media a[href*="youtube"]::after {
    left: 39%;
    top: 35%;
    background: url(/sites/default/files/video-play-button-512x512.png) no-repeat 0 0 transparent;
    width: 80px;
    height: 80px;
    background-size: contain;
    content: "";
    position: absolute;
    opacity: .8;
}
.paragraphs-item-grid-items .item__media a[href*="youtu.be"]:hover::after,
.paragraphs-item-grid-items .item__media a[href*="youtube"]:hover::after {
    opacity: 1;
}

/** blockquote fixes on small **/
@media (max-width: 767px) {
    blockquote {
        margin-top: 2em;
        margin-bottom: 2em;
        display: inline-block;
    }
    blockquote p {
        padding-left: 1.3125rem;
        padding-right: 1.3125rem;
        font-size: 0.8em;
        margin-bottom: 1.5625rem !important;
    }
    blockquote p.text-align-right {
        margin-bottom: 1.5625rem;
    }
    blockquote p:before {
        top: -54px;
    }
    blockquote p:after {
        bottom: -28px;
    }
}

/** Footer grid h2 styling **/
.footer-grid-items-container .grid-item h2 {
    font-size: 1.3125rem;
    margin-top: 5px;
}

/** News and Events page - making the featured event display in a 16x9 aspect ratio **/
.events-featured__image {
    position: relative;
    padding-right: 0;
}
.events-featured__image::after {
    display: block;
    content: '';
    /* 16:9 aspect ratio */
    padding-bottom: 56.25%;
}
.events-featured__image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

/* Styling for Headings when aligned to center or right */
.editorial-main h2.text-align-center,
.editorial-main h2.text-align-right {
    font-size: 2.25rem;
    line-height: 1.5;
}
.editorial-main h3.text-align-center,
.editorial-main h3.text-align-right {
    font-size: 1.75rem;
    line-height: 1.5;
    font-style: italic;
    color: #e77530;
}
.editorial-main h4.text-align-center,
.editorial-main h4.text-align-right {
    font-size: 1.5rem;
    line-height: 1.5;
    font-family: "futura-pt-black", Arial, Verdana, Tahoma, sans-serif;
    font-weight: 900;
}
.editorial-main h5.text-align-center,
.editorial-main h5.text-align-right {
    font-size: 1.5rem;
    line-height: 1.5;
    font-family: "futura-pt", Arial, Verdana, Tahoma, sans-serif;
    font-weight: 700;
}
.editorial-main h6.text-align-center,
.editorial-main h6.text-align-right {
    font-size: 1.3125rem;
    line-height: 1.5;
    font-weight: 700;
}

/* unordered list - fixes to the placement of the bullet and spacing*/
.editorial-main ul:not([class]) li::before,
.editorial-main ul:not([class]) ul:not([class]) li::before,
.editorial-main ul:not([class]) ul:not([class]) ul:not([class]) li::before,
.editorial-main ul:not([class]) ul:not([class]) ul:not([class]) ul:not([class]) li::before {
    position: relative;
    top: -5px;
    left: -12px;
    margin-left: 15px;
}
.editorial-main ul:not([class]) ul:not([class]),
.editorial-main ul:not([class]) ul:not([class]) ul:not([class]),
.editorial-main ul:not([class]) ul:not([class]) ul:not([class]) ul:not([class]) {
    margin-left: 15px;
}
.editorial-main ul:not([class]) li,
.editorial-main ul:not([class]) ul:not([class]) li,
.editorial-main ul:not([class]) ul:not([class]) ul:not([class]) li,
.editorial-main ul:not([class]) ul:not([class]) ul:not([class]) ul:not([class]) li {
    position: inherit;
    padding-left: 0.9375rem;
}
.editorial-main ul:not([class]) {
    margin-left: 0;
}

/** Offices and Departments page - adding the font awesome map icon **/
.a-z-directory-link__map:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;    
}
.office-directory .office-contact-row a:hover{
    border-color: #0057b8;
}

/** contact us block - button fixes **/
.sidebar-contact .contact-us-details p > .btn,
.sidebar-contact p > .btn {
    color: #fff;
    background-color: #007fa3;
    text-transform: uppercase;
    font-family: "futura-pt", Arial, Verdana, Tahoma, sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    border-style: none;
    line-height: 1.625;
}
.sidebar-contact .contact-us-details p > .btn-editorial-sm,
.sidebar-contact p > .btn-editorial-sm {
    font-size: 0.875rem;
    padding: 0.3125rem 0.625rem;
    padding-right: 2.5em;
    margin-top: 5px;
}
.sidebar-contact .contact-us-details p > .btn-editorial,
.sidebar-contact p > .btn-editorial {
    padding: 0.9375rem;
    font-size: 1.125rem;
    padding-right: 2.5em;
    margin-top: 5px;
}
.sidebar-contact .contact-us-details p > .btn:hover,
.sidebar-contact p > .btn:hover {
    background-color: #0092bc;    
}

/** stats box - color pattern  **/
.by-the-numbers--list .stats-box div:nth-child(n) {
  border-color: #0057b8;
}
.by-the-numbers--list .stats-box div:nth-child(n) span {
  color: #0057b8;
}
.by-the-numbers--list .stats-box div:nth-child(6n+2) {
  border-color: #8066b7;
}
.by-the-numbers--list .stats-box div:nth-child(6n+2) span {
  color: #8066b7;
}
.by-the-numbers--list .stats-box div:nth-child(6n+3) {
  border-color: #2f8355;
}
.by-the-numbers--list .stats-box div:nth-child(6n+3) span {
  color: #2F8355;
}
.by-the-numbers--list .stats-box div:nth-child(6n+4) {
  border-color: #007fa3;
}
.by-the-numbers--list .stats-box div:nth-child(6n+4) span {
  color: #007fa3;
}
.by-the-numbers--list .stats-box div:nth-child(6n+5) {
  border-color: #d14732;
}
.by-the-numbers--list .stats-box div:nth-child(6n+5) span {
  color: #d14732;
}
.by-the-numbers--list .stats-box div:nth-child(6n+6) {
  border-color: #e77530;
}
.by-the-numbers--list .stats-box div:nth-child(6n+6) span {
  color: #c45510;
}

/** Stat boxes full - adjusting the stat boxes when in full **/
.inset--full.inset--stats_inset .stats-box {
    display: flex;
    flex-wrap: wrap;
}

.inset--full.inset--stats_inset>div>div {
    padding: 0;
    background: none;
}
.inset--full.inset--stats_inset .stats-box .stat-text {
    background: none !important;
    color: #fff;
    margin-bottom: 1rem;
    padding: 0;
    font-size: 1.3125rem;
    font-family: "GalliardPro-Roman", serif;
    line-height: 1.625;
    font-weight: bold;
}
.inset--full.inset--stats_inset .stats-box div {
    flex: 1;
    display: block;
    min-width: 31%;
    margin-right: 1rem;
    margin-bottom: 1rem;
    padding-top: 20px;
    padding-bottom: 20px;
}

.inset--full.inset--stats_inset .stats-box div>span {
    color: #fff;
    margin: 0 auto;
    font-size: 3.8em;
    font-family: "GalliardPro-Roman", serif;
    line-height: 1.625;
    min-width: auto;
    width: 100%;
    display: inline-block;
}

.inset--full.inset--stats_inset .stats-box div p:not([class]) {
    margin-bottom: 1rem;
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 0;
    font-size: 1.3125rem;
    font-family: "GalliardPro-Roman", serif;
    line-height: 1.625;
    font-weight: bold;
}

.inset--full.inset--stats_inset .by-the-numbers--list .stats-box div:nth-child(n) {
    border: none;
    background: #0057b8;
}

.inset--full.inset--stats_inset .by-the-numbers--list .stats-box div:nth-child(6n+2) {
    border: none;
    background: #8066b7;
}

.inset--full.inset--stats_inset .by-the-numbers--list .stats-box div:nth-child(6n+3) {
    border: none;
    background: #2f8355;
}

.inset--full.inset--stats_inset .by-the-numbers--list .stats-box div:nth-child(6n+4) {
    border: none;
    background: #007fa3;
}

.inset--full.inset--stats_inset .by-the-numbers--list .stats-box div:nth-child(6n+5) {
    border: none;
    background: #d14732;
}

.inset--full.inset--stats_inset .by-the-numbers--list .stats-box div:nth-child(6n+6) {
    border: none;
    background: #e77530;
}

.fancybox-toolbar button[disabled] {
    display: none;
}

/** ul and ol - inline fix when list items contain a p tag **/
.editorial-main ul:not([class]) li > p,
.editorial-main ol:not([class]) li > p {
    display: inline;
}

/** Landing page type - add the lightbox icon to teaser grid and fifty-fifty images when checked **/
.node-type-landing .lightbox-image:after {
    content: "\f424";
    font: var(--fa-font-solid);
    color: #fecb34;
    left: 0;
    bottom: 0;
    position: absolute;
    padding: 0.625rem;
    opacity: 0.75;
    line-height: 1;
    font-size: 1.75rem;
    display: block;
    background-color: #007fa3;
}
.node-type-landing .teaser-grid .lightbox-image:after,
.node-type-landing .teaser-list .lightbox-image:after {
    bottom: 20px;
}
.node-type-landing .lightbox-image:hover:after {
    opacity: 1;
}
.node-type-landing .lightbox-image {
    position: relative;
}

/* stat boxes - font color and p tag margin fix */
.by-the-numbers--list .stats-box div > p:not([class]) {
    color: #000;
    margin-bottom: 0;
}
/** all links - border bottom color change **/
.editorial a:not([class]),
.sidebar-contact__details a,
.view-id-blog a,
.news-feed-teaser a,
.a-z-directory-link a,
a.ln,
.menu-jump-to a {
  border-color: #007fa3;
}

/** Chart Js styling **/
.pom-chart-js-outer {
    background-color: #fff;
    margin-bottom: 10px;
    padding: 20px;
}
.pom-chart-js {
    max-width: 250px;
    margin: auto;
}

/* office and departments directory page - color fix on buttons */
.office-directory .office-contact-row a.btn-editorial,
.office-directory .office-contact-row a.btn-editorial-sm {
    color: #fff;
}

/** blog post - removing padding from slideshow captions **/
.node-type-blog .slide--top-of-content p {
    margin: 0;
}

/** updating accordions, nutrition menu buttons - updating the headers to be not default to uppercase **/
.accordion .accordion__header,
.menu-nutrition .nutrition-btn {
        text-transform: none;
}

/** updating person pages mobile tab headers to be lowercased **/
.node-type-person .at-accordion-or-tabs > li > a {
        text-transform: none;
}
.node-type-person .at-accordion-or-tabs.at-tabs > li > a {
        text-transform: uppercase;
}

/** updating person pages mobile tab headers to have dropdown icons **/
.node-type-person .at-accordion-or-tabs > li > a::after {
  content: '\2b';
  font: var(--fa-font-solid);
}
.node-type-person .at-accordion-or-tabs [aria-expanded=true]::after {
  content: "\f068";
  font: var(--fa-font-solid);
}

/** updating text in sidebar accordions to be uppercase **/
.with-sidebar-aside .accordion__header {
    text-transform: uppercase;
}

/** updating contact us location number to color tan **/
.contact-us-office-number {
    color: #7a7751;
}


/** highlight slideshow - updated the play/pause button for videos **/
.node-type-page .slideshow--highlight .feature-video button.play_pause {
    padding: 0.15rem 0.65rem;   
}
.node-type-page .slideshow--highlight .feature-video button.play_pause:focus {
    background: #d14732;
    outline: #0057b8 auto 1px;
}
.node-type-page .slideshow--highlight .feature-video button.play_pause .fas {
    font-size: 1.2em;
    line-height: 1.5em;    
}
.node-type-page .slideshow--highlight .feature-video #feature-video-mute-message {
    bottom: -20px;
}


/** Stat boxes full - adjusting the stat boxes when in full **/
@media (max-width: 768px) {
    .inset--full.inset--stats_inset .stats-box div {
        min-width: 47%;
    }
}

@media (min-width: 768px) {
    /** adjusting the play icon on video insets FULL size **/
    .inset--full.inset--video_inset a[data-fancybox][href*="youtube"]::after {
        left: 45%;
        top: 43%;
    }
    .no-sidebars.node-type-page .inset--full.inset--video_inset a[data-fancybox][href*="youtube"]::after {
        left: 46%;
        top: 44%;
        width: 105px;
        height: 105px;
    }

}

@media (min-width: 1024px) {
.lg\:flex-1\/3-31 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 31%;
    flex: 0 0 31%;
  }
}