@charset "UTF-8";
/* ======================================== BLOG HERO ======================================== */
/* Layout */
 .blog-hero {
     background: var(--white);
     color: var(--white);
     margin: 0;
     padding: 0;
     position: relative;
}
 .blog-hero .blog-hero__inner {
     display: grid;
     grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
     min-height: 420px;
     position: relative;
     margin: 0;
}
 .blog-hero__panel {
     position: relative;
     overflow: hidden;
     padding: 2.5rem 2rem;
     display: flex;
     align-items: center;
     color: var(--white);
     background-color: var(--blue--medium);
}
 .blog-hero__panel-inner {
     position: relative;
     width: 100%;
     z-index: 2;
     padding-top: 3rem;
}
 .blog-hero__lyceum {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     width: 42%;
     display: flex;
     align-items: flex-end;
     justify-content: flex-end;
     pointer-events: none;
     z-index: 1;
}
 .blog-hero__date-ribbon {
     width: fit-content;
     height: 32px;
     position: absolute;
     top: 1rem;
     left: 500px;
     background: var(--blue--medium);
     color: var(--white);
     display: flex;
     align-items: center;
     justify-content: flex-end;
     padding: 0.4rem 0.9rem;
     font-family: "IBM Plex Serif", serif;
     font-style: italic;
     font-weight: 600;
     font-size: 15px;
     line-height: 130%;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}
 .blog-hero__date-ribbon--overlay {
     position: absolute;
     top: 1rem;
     left: 50%;
     transform: translateX(50%);
     z-index: 3;
}
 .blog-hero__meta-row {
     display: flex;
     align-items: flex-start;
     width: 100%;
     position: relative;
}
 .blog-hero__accent-rect {
     background: #F8EDDA;
     padding: 2rem clamp(2.5rem, 4.5vw, 3.75rem);
     display: flex;
     flex-direction: column;
     justify-content: center;
     flex: 0 0 auto;
    /*finalize box sizes */
     max-width: clamp(300px, 30vw, 400px);
     align-self: flex-start;
     border-top: 1.5px solid var(--white);
}
 .blog-hero__author {
     display: flex;
     align-items: center;
     gap: 0.75rem;
     margin-bottom: 2rem;
}
 .blog-hero__share {
     display: flex;
     align-items: center;
     gap: 0.75rem;
     font-size: 14px;
}
 .blog-hero__meta-right {
     flex: 1;
     display: flex;
     flex-direction: column;
     background: var(--white);
}
 .blog-hero__meta-right-top {
     padding: 0.6rem 1.75rem;
     background: var(--blue--medium);
     color: var(--white);
     border-top: 1.5px solid var(--white);
}
 .blog-hero__meta-right-bottom {
     padding: 1.5rem 1.75rem;
     background: var(--white);
     color: #002147;
}
/*blog description*/
 .blog-hero__meta-desc {
     padding: 1.75rem 3rem;
     background: var(--white);
     color: #002147;
     font-size: 16px;
     line-height: 1.6;
}
 .blog-hero__bottom-bar {
     position: absolute;
     right: 0;
     bottom: 0;
     width: 42%;
     height: 3rem;
     background: var(--blue--medium);
     z-index: 2;
}
/* Media */
 .blog-hero__media {
     overflow: hidden;
     height: 100%;
}
 .blog-hero__figure {
     width: 100%;
     height: 100%;
     margin: 0;
}
 .blog-hero__figure img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
}
 .blog-hero__lyceum img {
     height: 100%;
     width: auto;
     object-fit: contain;
}
 .blog-hero__author-avatar {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     overflow: hidden;
     flex-shrink: 0;
}
 .blog-hero__author-avatar img {
     width: 100%;
     height: 100%;
     object-fit: cover;
}
/* stacking */
 .blog-hero__author-avatars {
     display: flex;
     align-items: center;
}
 .blog-hero__author-avatar:not(:first-child) {
     margin-left: -12px;
}
/* Font */
 .blog-hero__title {
     font-family: "IBM Plex Serif", serif;
     font-weight: 500;
     font-size: 28px;
     line-height: 34px;
     margin: 0;
}
 .blog-hero__author-text {
     font-size: 16px;
     font-weight: 500;
     color: #002147;
}
 .blog-hero__share-label {
     font-weight: 700;
     letter-spacing: 0.06em;
     text-transform: uppercase;
     color: var(--blue--medium);
}
 .blog-hero__share-icon {
     text-decoration: none;
     font-size: 16px;
     color: var(--blue--medium);
}
/* Variants */
 .blog-hero__share-icon:hover, .blog-hero__share-icon:focus {
     text-decoration: underline;
}
/* Responsive */
 @media (max-width: 768px) {
     section.blog-hero .blog-hero__inner {
         grid-template-columns: 1fr;
         min-height: auto;
    }
     .blog-hero__panel {
         padding: 2rem 1.2rem;
    }
     .blog-hero__title {
         font-size: 2rem;
    }
     .blog-hero__date-ribbon {
         top: 1.2rem;
         left: 1.2rem;
         transform: none;
    }
     .blog-hero__lyceum {
         display: none !important;
    }
     .blog-hero__accent-rect {
         max-width: 100%;
         padding: 1.25rem;
    }
     .blog-hero__meta-row {
         flex-direction: column;
    }
     .blog-hero__meta-right {
         width: 100%;
    }
     .blog-hero__bottom-bar {
         width: 100%;
    }
}
 @media (max-width: 768px) {
     section.blog-hero .blog-hero__inner {
         grid-template-columns: 1fr;
         min-height: auto;
    }
     .blog-hero__panel {
         padding: 2rem 1.2rem;
    }
     .blog-hero__panel-inner {
         width: 100%;
    }
     .blog-hero__title {
         font-size: 2rem;
    }
     .blog-hero__date-ribbon {
         top: 1.2rem;
         left: 1.2rem;
         transform: none;
    }
     .blog-hero__lyceum {
         display: none !important;
    }
     .blog-hero__meta-row {
         flex-direction: column;
         align-items: stretch;
         width: 100%;
    }
     .blog-hero__accent-rect {
         width: 100%;
         max-width: none;
         flex: 0 0 auto;
         align-self: stretch;
         box-sizing: border-box;
         padding: 1.25rem;
    }
     .blog-hero__meta-right {
         width: 100%;
    }
     .blog-hero__bottom-bar {
         width: 100%;
    }
}
/*heading gap for smaller screens in style1 hero*/
 @media (max-width: 1024px) {
     .blog-hero__panel-inner {
         padding-top: 0;
    }
}
/* ======================================== BLOG HERO SIDEBAR ======================================== */
/* Layout */
 .blog-hero__sidebar {
     max-width: 20rem;
    /*margin-top: 3rem;
     */
     margin-top: 0.75rem;
     margin-left: 3rem;
     color: var(--white);
}
/*Reducing space between key points summary and yellow author box*/
 @media (max-width: 1024px) {
     .blog-hero__sidebar {
         margin-top: 0.5rem;
    }
}
 .blog-hero__sidebar ul.jump-nav[data-jump-nav-hide] .jump-nav__link {
     transition: none !important;
     animation: none !important;
}
 .blog-hero__sidebar ul.jump-nav[data-jump-nav-hide] .jump-nav__link:hover, .blog-hero__sidebar ul.jump-nav[data-jump-nav-hide] .jump-nav__link:focus {
     text-decoration: underline !important;
     text-decoration-color: #B1DDF6 !important;
     text-decoration-thickness: 3px !important;
     text-underline-offset: 3px !important;
}
/* Media */
/* Font */
 .blog-hero__sidebar-title {
     font-size: 0.9rem;
     font-weight: 700;
     letter-spacing: 0.08em;
     text-transform: uppercase;
     margin-bottom: 0.5rem;
     color: var(--red);
}
 .blog-hero__sidebar-body {
     font-size: 0.95rem;
     line-height: 1.6;
}
 .blog-hero__sidebar h3 {
     font-family: "IBM Plex Sans", sans-serif;
     font-weight: 700;
     font-size: 15px;
     line-height: 200%;
     letter-spacing: 0;
     color: #000;
     margin: 0 0 0.5rem;
     white-space: normal;
}
/* Variants */
 .blog-hero__sidebar .jump-nav__link, .blog-hero__sidebar .jump-nav__link:visited, .blog-hero__sidebar .jump-nav__link:hover, .blog-hero__sidebar .jump-nav__link:focus {
     text-decoration: none !important;
     border-bottom: none !important;
     box-shadow: none !important;
}
 .blog-hero__sidebar .jump-nav__link::before, .blog-hero__sidebar .jump-nav__item::before {
     content: none !important;
     background: none !important;
}
/* Responsive */
/*categories blue line for ipad and medium screens*/
 @media (max-width: 1366px) {
     .blog-hero--style1 .blog-hero__meta-row {
         flex-direction: column;
         align-items: stretch;
    }
     .blog-hero--style1 .blog-hero__meta-left, .blog-hero--style1 .blog-hero__meta-right {
         width: 100%;
         max-width: none;
    }
     .blog-hero--style1 .blog-hero__accent-rect {
         width: 100%;
         max-width: none;
         align-self: stretch;
         box-sizing: border-box;
    }
     .blog-hero--style1 .blog-hero__sidebar {
         margin-left: 0;
         max-width: none;
    }
}
/*key point summary same media break points as category */
 @media (max-width: 1366px) {
     .blog-hero ul.jump-nav[data-jump-nav-hide] {
         display: grid !important;
         grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
         gap: 0.25rem 0.75rem !important;
         margin: 0 !important;
         padding: 0 !important;
    }
     .blog-hero ul.jump-nav[data-jump-nav-hide] li {
         margin: 0 !important;
         padding: 0 !important;
         list-style: none !important;
    }
     .blog-hero ul.jump-nav[data-jump-nav-hide] a {
         display: block;
         width: 100%;
         line-height: 1.5 !important;
         text-align: left;
    }
}
 @media (max-width: 639px) {
     .blog-hero ul.jump-nav[data-jump-nav-hide] {
         display: block !important;
    }
     .blog-hero ul.jump-nav[data-jump-nav-hide] a {
         display: inline;
         line-height: 1.5 !important;
    }
}
/* ======================================== BLOG AUTHOR ======================================== */
/* Layout */
 .blog-hero__author-link {
     display: inline-flex;
     align-items: center;
     gap: 0.75rem;
     text-decoration: none;
     color: inherit;
}
 .blog-hero__author-link .blog-hero__author-avatar {
     flex: 0 0 auto;
}
/* Media */
/* Font */
/* Variants */
 .blog-hero__author-link:hover .blog-hero__author-text {
     text-decoration: underline;
}
/* Responsive */
 @media (max-width: 768px) {
     .blog-hero--style2 .blog-hero__author-text {
         white-space: normal;
         display: block;
         line-height: 1.5;
    }
     .blog-hero--style2 .blog-hero__author-name-link {
         display: inline;
    }
}
 @media (max-width: 1024px) {
     .blog-hero--style2 .blog-hero__author-text {
         white-space: normal;
         display: block;
         line-height: 1.5;
    }
     .blog-hero--style2 .blog-hero__author-name-link {
         display: inline;
    }
}
/*date stacking for smaller and medium screens*/
 @media (max-width: 1024px) {
     .blog-hero--style2 .blog-hero__header-bottom {
         display: flex;
         flex-wrap: wrap;
         align-items: flex-start;
         gap: 8px 12px;
    }
     .blog-hero--style2 .blog-hero__header-authors {
         flex: 1 1 auto;
         min-width: 0;
    }
     .blog-hero--style2 .blog-hero__header-date {
         flex: 0 0 100%;
         margin-top: 4px;
    }
}
 .blog-hero__share {
     margin-top: 0.5rem;
}
 .blog-hero__author {
     gap: 1.25rem;
}
 .blog-hero__author-text, .blog-hero-1__author-text {
     line-height: 2;
}
/* ======================================== BLOG QUOTE ======================================== */
/* Layout */
 .blog-quote {
     position: relative;
     margin: 3rem auto;
     padding: 2.5rem 2rem;
     border-top: 2px solid var(--blue--light);
     border-bottom: 2px solid var(--blue--light);
     max-width: 1200px;
}
 .blog-quote__inner {
     max-width: 900px;
     margin: 0 auto;
     display: grid;
     grid-template-columns: 1fr;
     row-gap: 1rem;
}
 .blog-quote__inner--has-photo {
     grid-template-columns: 250px 1fr;
     column-gap: 2.5rem;
     align-items: center;
}
 .blog-quote__right {
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
}
 .blog-quote__attrib {
     position: static !important;
     padding: 0 !important;
     margin: 0.5rem 0 0 !important;
     text-align: right;
     align-self: flex-end;
}
/* Media - quote image */
 .blog-quote__photo--blog img {
     width: 15.625rem;
     height: 20rem;
     object-fit: cover;
}
 @media (max-width: 1024px) {
     .blog-quote__photo--blog img {
         width: 12rem;
         height: 15rem;
    }
}
 @media (max-width: 768px) {
     .blog-quote__photo--blog img {
         width: 10rem;
         height: 12.5rem;
    }
}
 @media (max-width: 1024px) {
     .blog-quote {
         padding-left: 1.5rem;
         padding-right: 1.5rem;
    }
}
 @media (max-width: 768px) {
     .blog-quote {
         padding-left: 1rem;
         padding-right: 1rem;
    }
}
/* Font */
 .blog-quote__text {
     color: var(--blue--dark);
     font-family: "IBM Plex Serif", serif;
     font-size: 20px;
     font-style: italic;
     font-weight: 500;
     line-height: 200%;
     letter-spacing: 0;
     margin: 0 !important;
     padding: 0;
     border: none;
     quotes: none;
}
 .blog-quote__meta {
     font-family: "IBM Plex Serif", serif;
     font-size: 16px;
     line-height: 200%;
     letter-spacing: 0;
     color: var(--blue--dark);
}
 .blog-quote__name {
     font-weight: 700;
     color: var(--blue--dark);
}
 .blog-quote__position {
     font-weight: 400;
     color: var(--blue--dark);
}
 .blog-quote__org {
     margin-top: 0;
     font-family: "Matrole", "IBM Plex Sans", sans-serif;
     font-weight: 400;
     font-size: 16px;
     line-height: 180%;
     letter-spacing: 0;
     text-transform: uppercase;
     color: var(--blue--dark);
}
/* Variants */
 .blog-quote__text::before, .blog-quote__text::after {
     content: none !important;
}
/* Responsive */
 @media (max-width: 768px) {
     .blog-quote .blog-quote__photo--blog img {
         display: block;
         width: 100%;
         height: auto;
         max-height: 420px;
         margin: 0 auto;
    }
     .blog-quote {
         margin: 2.5rem 1.5rem;
         padding: 2rem 0;
    }
     .blog-quote__inner--has-photo {
         grid-template-columns: 1fr;
         row-gap: 1.25rem;
         align-items: start;
         justify-items: center;
    }
     .blog-quote__photo {
         width: 100%;
    }
     .blog-quote__photo--blog img {
         width: 100%;
         height: auto;
         max-height: 360px;
         object-fit: cover;
    }
     .blog-quote__attrib {
         align-self: center;
         text-align: center;
    }
}
 @media (max-width: 768px) {
     .blog-quote {
         margin: 2.5rem 1.5rem;
         padding-top: 1.75rem;
         padding-bottom: 4rem;
    }
     .blog-quote__inner {
         flex-direction: column;
         align-items: flex-start;
         gap: 1.5rem;
    }
     .blog-quote__photo--blog img {
         width: 200px;
    }
     .blog-quote__attrib {
         right: 1.5rem;
         padding-right: 0;
    }
}
/* ======================================== WYSIWYG ======================================== */
/* Layout */
 .wysiwyg--two-col {
     column-count: 2;
     column-gap: 2.5rem;
}
 .wysiwyg-blog--white {
     background-color: var(--white);
     padding-top: 2rem;
     padding-bottom: 2rem;
}
 .wysiwyg-blog--blue {
     background-color: var(--blue--light);
     color: #000;
     padding-top: 2rem;
     padding-bottom: 2rem;
}
/* Media */
/* Font */
 .wysiwyg-blog--blue .wysiwyg-block__title {
     color: #000;
}
 .wysiwyg-blog--white .wysiwyg a, .wysiwyg-blog--white .blog-wysiwyg__content a, .wysiwyg-blog--white .wysiwyg a:hover, .wysiwyg-blog--white .blog-wysiwyg__content a:hover {
     color: #006BA6;
}
 .wysiwyg-blog--blue .wysiwyg a, .wysiwyg-blog--blue .blog-wysiwyg__content a {
     color: #DA162D;
     text-decoration: underline;
}
 .wysiwyg-blog--blue .wysiwyg a:hover, .wysiwyg-blog--blue .blog-wysiwyg__content a:hover, .wysiwyg-blog--blue .wysiwyg a:focus, .wysiwyg-blog--blue .blog-wysiwyg__content a:focus {
     color: #DA162D;
}
/* Variants */
/* Responsive */
 @media (max-width: 768px) {
     .wysiwyg--two-col {
         column-count: 1;
         column-gap: 0;
    }
}
/* ======================================== RELATED ARTICLES WYSIWYG======================================== */
 .blog-related-articles.blog-wysiwyg-ra-cards {
     display: flex;
     flex-direction: column;
     gap: 1.5rem;
}
 .blog-related-articles__heading {
     font-size: 1.5rem;
     font-weight: 700;
     margin-bottom: 0.5rem;
}
 .blog-related-articles.blog-wysiwyg-ra-cards::before {
     content: "";
     display: block;
     width: 100%;
     border-top: 2px solid #d9d9d9;
    /*margin-bottom: 1rem;
     */
}
 .blog-related-articles.blog-wysiwyg-ra-cards .blog-related-articles__item {
     width: 100%;
     min-width: 0;
     display: grid;
     grid-template-columns: 120px minmax(0, 1fr);
     min-height: 120px;
     background: #fff;
     box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.05);
     text-decoration: none;
     color: inherit;
     cursor: pointer;
}
 .blog-related-articles.blog-wysiwyg-ra-cards a.blog-related-articles__item, .blog-related-articles.blog-wysiwyg-ra-cards a.blog-related-articles__item:hover, .blog-related-articles.blog-wysiwyg-ra-cards a.blog-related-articles__item:focus, .blog-related-articles.blog-wysiwyg-ra-cards a.blog-related-articles__item:visited {
     text-decoration: none;
     color: inherit;
}
 .blog-related-articles__image-wrap {
     width: 120px;
     flex-shrink: 0;
     overflow: hidden;
}
 .blog-related-articles__image {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
}
 .blog-related-articles__content {
     padding: 0.75rem 0.875rem;
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
     flex: 1;
}
 .blog-related-articles__category {
     color: #0072bc;
     font-size: 0.75rem;
     font-weight: 700;
     text-transform: uppercase;
     margin-bottom: 0.4rem;
}
 .blog-related-articles__title {
     font-size: 1rem;
     font-weight: 700;
     line-height: 1.25;
     margin-bottom: 0.6rem;
}
 .blog-related-articles__date {
     margin-top: auto;
     color: #b3b3b3;
     font-size: 0.75rem;
     font-weight: 700;
     text-transform: uppercase;
}
/*hover states for link text*/
 .blog-related-articles.blog-wysiwyg-ra-cards a.blog-related-articles__item:hover .blog-related-articles__title, .blog-related-articles.blog-wysiwyg-ra-cards a.blog-related-articles__item:focus .blog-related-articles__title {
     text-decoration: underline;
     text-decoration-color: #B1DDF6;
     text-decoration-thickness: 3px;
     text-underline-offset: 3px;
}
 .blog-related-articles--inline {
     margin-top: 24px;
     padding-top: 12px;
     border-top: 2px solid #D9D9D9;
}
 .blog-related-articles--inline p {
     margin: 0;
     font-family: "IBM Plex Sans", sans-serif;
     font-size: 16px;
     line-height: 150%;
     color: #000;
}
 .blog-related-articles--inline strong {
     font-weight: 600;
     margin-right: 4px;
}
 .blog-related-articles--inline a {
     color: var(--Lyceum-Red, #CF142B);
     text-decoration: none;
     font-weight: 500;
}
 .blog-related-articles--inline a:hover {
     text-decoration: underline;
}
 .wysiwyg-blog--blue .blog-related-articles--inline {
     border-top: 2px solid rgba(255, 255, 255, 0.4);
}
 .wysiwyg-blog--blue .blog-related-articles.blog-wysiwyg-ra-cards::before {
     border-top: 2px solid rgba(255, 255, 255, 0.4);
}
 .wysiwyg-block .blog-related-articles__date {
     margin-top: auto;
     color: #767676;
     font-size: 0.75rem;
     font-weight: 600;
     letter-spacing: 0.05em;
     text-transform: uppercase;
}
/*this is for the line above related articles for smaller screens when its stacked below wysiwyg*/
/* medium screens */
 @media (min-width: 640px) and (max-width: 1024px) {
     .blog-related-articles.blog-wysiwyg-ra-cards {
         margin-top: 2rem;
    }
}
/* mobile phones */
 @media (max-width: 639px) {
     .blog-related-articles.blog-wysiwyg-ra-cards {
         margin-top: 0;
    }
}
/* ======================================== RELATED ARTICLES MODULE ======================================== */
 .blog-related-articles.white-container {
     background-color: var(--gray--light);
}
 .blog-related-articles--grid-version .blog-related-articles__grid {
     display: grid;
     grid-template-columns: 1fr;
     gap: 1.5rem;
     grid-auto-rows: 1fr;
}
/* grid-auto-rows: 1fr keeps card heights even */
 .blog-related-articles--grid-version .blog-related-articles__item {
     width: 100%;
     min-width: 0;
     display: grid;
     grid-template-columns: 120px minmax(0, 1fr);
     min-height: 120px;
     color: inherit;
     text-decoration: none;
     cursor: pointer;
}
 .blog-related-articles--grid-version a.blog-related-articles__item:hover .blog-related-articles__title, .blog-related-articles--grid-version a.blog-related-articles__item:focus .blog-related-articles__title {
     text-decoration: underline;
     text-decoration-color: #B1DDF6;
     text-decoration-thickness: 3px;
     text-underline-offset: 3px;
     box-shadow: none;
}
 .blog-related-articles--grid-version .blog-related-articles__item:hover, .blog-related-articles--grid-version .blog-related-articles__item:focus {
     color: inherit;
     text-decoration: none;
}
 .blog-related-articles--grid-version .blog-related-articles__item:hover .blog-related-articles__title, .blog-related-articles--grid-version .blog-related-articles__item:focus .blog-related-articles__title {
     text-decoration: underline;
     text-decoration-color: #B1DDF6;
     text-decoration-thickness: 3px;
     text-underline-offset: 3px;
}
 .blog-related-articles--grid-version .blog-related-articles__content {
     display: flex;
     flex-direction: column;
}
 .blog-related-articles--grid-version .blog-related-articles__meta {
     margin-top: auto;
     display: flex;
     justify-content: space-between;
     align-items: flex-end;
}
 .blog-related-articles--grid-version .blog-related-articles__date {
     margin-left: auto;
     text-align: right;
     color: #767676;
}
 .blog-related-articles--grid-version .blog-related-articles__image-wrap {
     width: 100%;
     overflow: hidden;
     align-self: stretch;
}
 .blog-related-articles--grid-version .blog-related-articles__image {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
}
/* Article title color on darker/tinted backgrounds */
 .blog-related-articles.powder-blue-container .blog-related-articles__title, .blog-related-articles.oxford-navy-container .blog-related-articles__title, .blog-related-articles.lyceum-red-container .blog-related-articles__title {
     color: var(--blue--dark);
}
/* Top border color on light/tinted backgrounds */
 .blog-related-articles.faulkner-cream-container .blog-wysiwyg-ra-cards::before, .blog-related-articles.tupelo-yellow-container .blog-wysiwyg-ra-cards::before {
     border-top-color: var(--blue--dark);
}
 .blog-related-articles__author {
     font-size: 0.75rem;
     font-weight: 600;
     margin-bottom: 0.25rem;
     color: var(--blue--dark);
}
 @media (min-width: 640px) {
     .blog-related-articles--grid-version .blog-related-articles__grid {
         grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
 @media (min-width: 1024px) {
     .blog-related-articles--grid-version .blog-related-articles__grid {
         grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
/* ======================================== BLOG CATEGORY ======================================== */
/* Layout */
/* Media */
/* Font */
 .blog-category-style1 {
     color: var(--white);
     font-family: Matrole;
     font-size: 12px;
     font-style: normal;
     font-weight: 400;
     line-height: 130.487%;
     letter-spacing: 1.1px;
}
/* Variants */
 .blog-category-style1:not(:last-child)::after {
     content: "+";
     font-size: inherit;
     font-weight: inherit;
     letter-spacing: 0;
     padding: 0 4px;
     line-height: inherit;
     color: var(--white);
}
/* Responsive */
/* ======================================== BLOG HERO VARIANTS ======================================== */
/* Layout */
 .blog-hero--style2 .blog-hero__header-box {
     background: linear-gradient(180deg, var(--blue--dark) 35.1%, var(--blue--medium) 74.04%, rgba(0, 107, 166, 0) 100%);
     padding: 60px 24px 150px;
     color: var(--white);
     position: relative;
     z-index: 2;
     margin-bottom: -25%;
}
 .blog-hero--style2 .blog-hero__header-top {
     max-width: 1120px;
     margin-bottom: 24px;
}
 .blog-hero--style2 .blog-hero-2__categories {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
     margin-bottom: 24px;
}
 .blog-hero--style2 .blog-hero-2__category-pill {
     display: flex;
     padding: 10px;
     justify-content: center;
     align-items: center;
     gap: 10px;
     border-radius: 100px;
     border: 1px solid var(--blue--light);
     background: var(--blue--medium);
     color: var(--white);
     font-family: Matrole;
     font-size: 11px;
     font-style: normal;
     font-weight: 400;
     line-height: 130.487%;
     letter-spacing: 1.1px;
     white-space: nowrap;
     max-width: 100%;
}
 .blog-hero-2__category-pill {
     display: inline-block;
     text-decoration: none;
     color: inherit;
     cursor: pointer;
}
 .blog-hero-2__category-pill:hover {
     text-decoration: none;
    /*opacity: 0.85;
     */
}
 .blog-category-style1 {
     text-decoration: none;
     color: inherit;
     display: inline-block;
}
 .blog-category-style1:hover {
     text-decoration: none;
    /*opacity: 0.85;
     */
}
 .blog-hero--style2 .blog-hero__header-bottom {
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 .blog-hero--style2 .blog-hero__header-author {
     display: flex;
     align-items: center;
     gap: 12px;
}
 .blog-hero--style2 .blog-hero-2__share {
     padding: 16px 20px;
     display: flex;
     align-items: center;
}
 .blog-hero--style1 .blog-hero__subheading {
     position: relative;
     margin-top: 16px;
     margin-bottom: 0;
     padding-left: 14px;
     color: var(--white);
     font-family: "IBM Plex Sans";
     font-size: 15px;
     font-style: normal;
     font-weight: 600;
     line-height: normal;
}
/*hover states for style 1 category links*/
 .blog-category-style1:hover .blog-category-style1__text {
     color: var(--yellow);
     text-decoration: underline;
     text-underline-offset: 2.5px;
     text-shadow: 0px 0px 1px #142142;
}
/*hover states for style 2 category links*/
 .blog-hero-2__category-pill {
     transition: all 0.2s ease;
}
 .blog-hero-2__category-pill:hover {
     background-color: var(--blue--dark);
     text-decoration: underline;
     text-underline-offset: 2.5px;
}
/* Media */
 .blog-hero--style2 .blog-hero__author-avatar img {
     width: 40px;
     height: 40px;
     border-radius: 9999px;
     object-fit: cover;
}
/* Font */
 .blog-hero--style2 .blog-hero__title {
     color: var(--white);
     font-family: Termina;
     font-size: 40px;
     font-style: normal;
     font-weight: 700;
     line-height: 45px;
}
 .blog-hero__subheading {
     width: 1120px;
     max-width: 100%;
     color: var(--white);
     font-family: "IBM Plex Serif", serif;
     font-size: 25px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     margin: 16px 0 0;
}
 .blog-hero--style1 .blog-hero__title {
     font-size: 40px;
     line-height: 42px;
}
 .blog-hero-2__author-text, .blog-hero-2__author-text .blog-hero__author-label, .blog-hero-2__author-text .blog-hero__author-name {
     color: var(--white);
}
/* Variants */
 .blog-hero--style1 .blog-hero__subheading::before {
     content: "";
     position: absolute;
     left: 0;
     top: 0.15em;
     bottom: 0.15em;
     width: 1px;
     background: var(--red);
}
/* Responsive */
 @media (max-width: 768px) {
     .blog-hero--style2 .blog-hero__title {
         font-size: 32px;
    }
     .blog-hero--style2 .blog-hero__subheading {
         font-size: 20px;
         margin-top: 12px;
    }
     .blog-hero--style2 .blog-hero__header-middle {
         margin-top: 16px;
    }
     .blog-hero--style2 .blog-hero-2__category-pill {
         width: auto;
         padding: 8px 16px;
    }
}
/* ======================================== BLOG EVENTS ======================================== */
/* Layout */
 .blog-events__header {
     margin: 0 0 1rem;
}
 .blog-events__row {
     display: flex;
     gap: 2rem;
     align-items: flex-start;
     padding: 2rem 0;
}
 .blog-events__wysiwyg {
     flex: 1 1 auto;
     padding: 1.5rem;
}
 .blog-events__card {
     flex: 0 0 400px;
     border-radius: 6px;
     padding: 2rem;
     margin: 0.5rem;
     box-sizing: border-box;
     color: var(--white);
     display: flex;
     flex-direction: column;
     gap: 1.25rem;
}
 .blog-events__card-inner {
     display: flex;
     flex-direction: column;
     gap: 1rem;
}
 .blog-events__card-inner .event-card-link {
     display: block;
     background: var(--white);
     border-radius: 6px;
     padding: 1.25rem 1.5rem;
     text-decoration: none;
}
 .blog-events__card-events {
     display: flex;
     flex-direction: column;
     gap: 0.75rem;
}
 .blog-events--photo-bg {
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
}
 .blog-events--photo-bg .blog-events__row {
     justify-content: flex-end;
}
/* Media */
/* Font */
 .blog-event-card-title {
     display: block;
     color: #000;
     font-family: "IBM Plex Sans";
     font-style: normal;
     font-weight: 700;
     text-decoration-line: underline;
     text-decoration-style: solid;
     margin-bottom: 0.5rem;
     font-size: 20px;
     line-height: 125%;
}
 .blog-event-card-date, .blog-event-card-time {
     display: inline-flex;
     align-items: center;
     gap: 0.35rem;
     color: #626262;
     font-family: "IBM Plex Sans";
     font-style: normal;
     font-weight: 600;
     font-size: 16px;
     line-height: 150%;
}
 .blog-event-card-date {
     margin-top: 0.35rem;
     margin-right: 0.5rem;
}
 .blog-event-card-time {
     margin-top: 0.15rem;
}
 .blog-events__card-title {
     color: var(--white);
     font-family: Termina, sans-serif;
     font-size: 24px;
     font-style: normal;
     font-weight: 700;
     line-height: normal;
     margin: 0 0 0.5rem;
}
 .blog-events__card-desc {
     color: var(--white);
     font-family: "IBM Plex Sans", sans-serif;
     font-size: 15px;
     font-style: normal;
     font-weight: 700;
     line-height: 150%;
     margin: 0 0 1rem;
}
/* Variants */
 .blog-events__card--red {
     background: var(--red);
}
 .blog-events__card--blue {
     background: var(--blue--medium);
}
/*hover state for card links*/
 .blog-events__card-inner .event-card-link {
     display: block;
     padding: 1rem 1.25rem;
     border-radius: 4px;
     transition: background-color 0.2s ease, box-shadow 0.2s ease;
}
 .blog-events__card-inner .event-card-link:hover, .blog-events__card-inner .event-card-link:focus {
     background-color: var(--blue--light);
     box-shadow: inset 0 0 0 1px var(--blue--light);
}
/* Responsive */
 @media (max-width: 63.9375em) {
     .blog-events__row {
         flex-direction: column;
         gap: 1.5rem;
    }
     .blog-events__wysiwyg, .blog-events__card {
         width: 100%;
         flex: 0 0 auto;
    }
}
/* ======================================== BLOG WYSIWYG LAYOUT ======================================== */
/* Layout */
 .blog-wysiwyg-layout {
     display: flex;
     gap: 2rem;
     align-items: flex-start;
     position: relative;
}
 .blog-wysiwyg__sidebar {
     flex: 0 0 260px;
}
 .blog-wysiwyg__sidebar-profile, .blog-wysiwyg__sidebar-callout, .blog-wysiwyg__sidebar-quote {
     border-radius: 10px;
     padding: 1.5rem;
     font-family: "IBM Plex Sans", sans-serif;
     font-size: 0.95rem;
     line-height: 1.6;
}
 .blog-wysiwyg__sidebar-personal-highlight .personal-highlight__name a {
     color: inherit;
     text-decoration: none;
}
 .blog-wysiwyg__sidebar-personal-highlight .personal-highlight__name a:hover, .blog-wysiwyg__sidebar-personal-highlight .personal-highlight__name a:focus {
     text-decoration: underline;
}
 .blog-wysiwyg__content {
     flex: 1 1 auto;
}
 .blog-wysiwyg__callout-card {
     margin-bottom: 1rem;
}
/* Responsive */
 @media (max-width: 1024px) {
     .blog-wysiwyg__sidebar-personal-highlight .personal-highlight__photo {
         margin: 1rem auto;
    }
}
 @media (min-width: 640px) and (max-width: 1024px) {
     .blog-wysiwyg__callout-card {
         margin-top: 1.5rem;
    }
}
 @media (max-width: 63.9375em) {
     .blog-wysiwyg-layout {
         flex-direction: column;
         gap: 1.5rem;
    }
     .blog-wysiwyg__sidebar {
         flex: 0 0 auto;
         width: 100%;
         max-width: none;
    }
     .blog-wysiwyg__content {
         width: 100%;
    }
}
/* ======================================== SIDEBAR QUOTE ======================================== */
/* Layout */
 .blog-wysiwyg__sidebar-quote {
     position: relative;
     max-width: 260px;
     margin: 0 auto;
     padding-top: 3.25rem;
}
 .sidebar-quote__box {
     border-top: 2px solid #c8102e;
     border-bottom: 2px solid #c8102e;
     padding: 1rem 1.5rem;
     display: flex;
     flex-direction: column;
}
 .sidebar-quote__meta {
     align-self: flex-end;
     text-align: right;
     font-family: "IBM Plex Sans", sans-serif;
     font-size: 0.95rem;
}
 .sidebar-quote__icon {
     display: flex;
     justify-content: center;
     align-items: flex-end;
     width: 100%;
     height: 140px;
     overflow: hidden;
}
/* Media */
 .sidebar-quote__icon img {
     height: 60%;
     width: auto;
     display: block;
}
/* Font */
 .sidebar-quote__text {
     color: var(--blue--dark);
     font-family: "IBM Plex Serif", serif;
     font-size: 20px;
     font-style: italic;
     font-weight: 500;
     margin: 0 0 0.75rem;
     padding: 0;
     border: none;
}
 .sidebar-quote__author {
     font-weight: 700;
}
 .sidebar-quote__org {
     font-weight: 400;
     color: var(--blue--dark);
     font-family: "IBM Plex Serif", serif;
     font-size: 14px;
     line-height: 130%;
     text-align: right;
}
/* Variants */
 .blog-wysiwyg__sidebar-quote .sidebar-quote__text::before, .blog-wysiwyg__sidebar-quote .sidebar-quote__text::after {
     content: none;
}
/* Responsive */
 @media (max-width: 1024px) {
     .blog-wysiwyg__sidebar-quote {
         padding-top: 0.5rem;
         margin-top: 0;
    }
}
/* ======================================== PERSONAL HIGHLIGHT ======================================== */
/* Layout */
 .personal-highlight__title {
     margin-bottom: 1rem;
}
 .blog-wysiwyg__sidebar-personal-highlight .personal-highlight__photo {
     width: 10rem;
     max-width: 100% margin-top: 1rem;
     margin-bottom: 1rem;
}
 .blog-wysiwyg__sidebar-personal-highlight .personal-highlight__meta {
     list-style: none;
}
 .blog-wysiwyg__sidebar-personal-highlight .personal-highlight__meta-link {
     color: inherit;
     text-decoration: none;
}
/* Media */
 .blog-wysiwyg__sidebar-personal-highlight .personal-highlight__img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
}
/* Font */
 .blog-wysiwyg__sidebar-personal-highlight .personal-highlight__position {
     color: var(--blue--dark);
     font-family: "IBM Plex Serif", serif;
     font-style: italic;
     font-size: 20px;
}
 .blog-wysiwyg__sidebar-personal-highlight .personal-highlight__name {
     font-family: Termina;
}
 .blog-wysiwyg__sidebar-personal-highlight .personal-highlight__title {
     font-family: Matrole;
     text-transform: capitalize;
}
 .blog-wysiwyg__sidebar-personal-highlight .personal-highlight__meta, .blog-wysiwyg__sidebar-personal-highlight .personal-highlight__meta-ibm {
     color: var(--blue--medium);
     font-family: "IBM Plex Sans";
     font-style: normal;
     font-weight: 700;
     line-height: 240%;
     text-decoration-line: underline;
     text-decoration-style: solid;
     text-decoration-skip-ink: auto;
     text-decoration-thickness: auto;
     text-underline-offset: auto;
     text-underline-position: from-font;
}
/* Variants */
 .blog-wysiwyg__sidebar-personal-highlight .personal-highlight__meta-link:hover, .blog-wysiwyg__sidebar-personal-highlight .personal-highlight__meta-link:focus {
     text-decoration: underline;
}
 @media (min-width: 640px) and (max-width: 1024px) {
     .blog-wysiwyg__sidebar-personal-highlight .personal-highlight__row {
         display: flex;
         gap: 1rem;
         align-items: flex-start;
    }
     .blog-wysiwyg__sidebar-personal-highlight .personal-highlight__photo {
         flex: 0 0 120px;
         margin: 0;
    }
     .blog-wysiwyg__sidebar-personal-highlight .personal-highlight__info {
         flex: 1;
    }
     .blog-wysiwyg__sidebar-personal-highlight .personal-highlight__title {
         margin-bottom: 1rem;
    }
}
/* Responsive */
/* ======================================== CIRCLE HERO ======================================== */
/* Layout */
 .circle-hero {
     position: relative;
     width: 100%;
     overflow: hidden;
     background-image: url("https://olemiss.edu/assets/images/lycium-blue-tint.png");
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
     min-height: 30rem;
}
 .circle-hero__rings {
     position: absolute;
     inset: 0;
     pointer-events: none;
     opacity: 0.55;
     background: radial-gradient(circle at 18% 22%, transparent 0 120px, rgba(255, 255, 255, 0.20) 121px 123px, transparent 124px), radial-gradient(circle at 78% 16%, transparent 0 180px, rgba(255, 255, 255, 0.20) 181px 183px, transparent 184px), radial-gradient(circle at 82% 64%, transparent 0 160px, rgba(255, 255, 255, 0.20) 161px 163px, transparent 164px);
}
 .circle-hero__inner {
     position: relative;
     max-width: 1200px;
     margin: 0 auto;
     padding: 1.5rem 0 4rem 0;
}
 .circle-hero__content {
     max-width: 860px;
     color: var(--white);
}
 .circle-hero__actions {
     display: flex;
     align-items: center;
     gap: 24px;
     flex-wrap: nowrap;
     width: 100%;
}
 .circle-search {
     flex: 1;
     max-width: 640px;
     height: 56px;
     border: 2px solid rgba(255, 255, 255, 0.9);
     border-radius: 999px;
     background: rgba(0, 0, 0, 0.10);
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 0 6px 0 20px;
     box-sizing: border-box;
}
 .circle-hero__cta {
     flex-shrink: 0;
     height: 56px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     padding: 0 24px;
     border: 2px solid var(--yellow);
     color: var(--white);
     text-decoration: none;
     font-weight: 700;
     font-size: 18px;
     min-width: 200px;
     background: rgba(0, 0, 0, 0.08);
     box-sizing: border-box;
}
/* Media */
 .circle-search input {
     width: 100%;
     height: 100%;
     border: 0;
     outline: 0;
     background: transparent;
     color: var(--white);
     font-family: "IBM Plex Serif", serif;
     font-size: 20px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     padding: 0;
     padding-right: 44px;
     box-sizing: border-box;
}
 .circle-search__input-wrap {
     position: relative;
     flex: 1;
     display: flex;
     align-items: center;
}
 .circle-search__clear {
     position: absolute;
     right: 12px;
     top: 50%;
     transform: translateY(-50%);
     appearance: none;
     -webkit-appearance: none;
     background: transparent;
     border: none;
     color: white;
     cursor: pointer;
     display: none;
     align-items: center;
     justify-content: center;
     width: 28px;
     height: 28px;
     padding: 0;
     border-radius: 50%;
     line-height: 1;
     box-sizing: border-box;
     transition: all 0.2s ease;
}
 .circle-search input:not(:placeholder-shown) + .circle-search__clear {
     display: flex;
}
 .circle-search__clear:hover {
     background: #ffd87e;
     color: #002147;
     transform: translateY(-50%) scale(1.1);
     box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.35);
}
/* Font */
 .circle-hero__kicker {
     color: var(--white);
     font-family: "Matrole";
     font-size: 2.5rem;
     font-style: normal;
     font-weight: 700;
     line-height: normal;
     margin-bottom: 1rem;
     padding-top: 3.5rem;
}
 .circle-hero__title {
     color: var(--white);
     font-family: "Termina", sans-serif;
     font-size: 120px;
     font-style: normal;
     font-weight: 700;
     line-height: 6.25rem;
     letter-spacing: -4px;
     margin: 0 0 .625rem;
}
 .circle-hero__desc {
     color: var(--white);
     font-family: "IBM Plex Serif", serif;
     font-size: 24px;
     font-style: normal;
     font-weight: 500;
     line-height: normal;
     max-width: 800px;
     margin: 0 0 32px;
}
/* Variants */
 .circle-search input::placeholder {
     color: rgba(255, 255, 255, 0.85);
}
 .circle-hero__cta:hover {
     background: rgba(255, 205, 107, 0.12);
}
/* Responsive */
 @media (max-width: 720px) {
     .circle-hero {
         min-height: 560px;
         padding: 44px 0 56px;
    }
     .circle-hero__inner {
         padding: 0 1.5rem;
    }
     .circle-hero__kicker {
         font-size: 44px;
    }
     .circle-hero__title {
         font-size: 72px;
         letter-spacing: -2px;
    }
     .circle-hero__desc {
         font-size: 18px;
    }
     .circle-hero__actions {
         flex-wrap: wrap;
    }
     .circle-search {
         max-width: 100%;
    }
     .circle-hero__cta {
         width: 100%;
    }
}
/* ======================================== CIRCLE CARDS ======================================== */
/* Layout */
 .circle-cards {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     column-gap: 48px;
     row-gap: 56px;
     margin-top: 64px;
}
 .circle-card {
     display: flex;
     flex-direction: column;
}
 .circle-card__imgLink {
     display: block;
     width: 350px;
     max-width: 100%;
}
 .circle-card__title {
     margin: 6px 0 8px;
}
/* Media */
 .circle-card__img {
     width: 350px;
     max-width: 100%;
     height: 240px;
     object-fit: cover;
     display: block;
}
/* Font */
 .circle-card__cat {
     margin-top: 14px;
     color: var(--blue--medium);
     font-family: Matrole, sans-serif;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 200%;
     text-transform: uppercase;
     letter-spacing: 0.5px;
}
 .circle-card__link {
     color: var(--red);
     font-family: "IBM Plex Sans", sans-serif;
     font-size: 24px;
     font-style: normal;
     font-weight: 700;
     line-height: 150%;
     text-decoration-line: underline;
     text-decoration-style: solid;
     text-decoration-skip-ink: auto;
     text-decoration-color: var(--blue--light);
     text-decoration-thickness: 6%;
     text-underline-offset: 25%;
     text-underline-position: from-font;
}
 .circle-card__sub {
     color: #000;
     font-family: "IBM Plex Serif", serif;
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     line-height: 200%;
}
/* Variants */
/* Responsive */
 @media (max-width: 1100px) {
     .circle-cards {
         grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
 @media (max-width: 700px) {
     .circle-cards {
         grid-template-columns: 1fr;
    }
     .circle-card__imgLink, .circle-card__img {
         width: 100%;
    }
}
/* ======================================== TRENDING HELPERS ======================================== */
/* Layout */
 .trending-header {
     display: flex;
     align-items: center;
     gap: 20px;
     margin-bottom: 40px;
}
 .blog-section-heading__decorative-divider {
     flex: 1;
     height: 3px;
}
/* Media */
/* Font */
 .circle-section-title {
     font-family: Matrole;
     font-size: 24px;
     font-style: normal;
     font-weight: 400;
     line-height: 200%;
     margin: 0;
}
 .trending-card__title {
     margin-top: 16px;
     font-family: Matrole;
     font-size: 18px;
     font-weight: 500;
     line-height: 150%;
}
/* Variants */
 .td-bg--white {
     background: var(--white);
     color: #000000;
}
 .td-bg--red {
     background: var(--red);
     color: var(--white);
}
 .td-bg--white .circle-section-title {
     color: var(--red);
}
 .td-bg--red .circle-section-title {
     color: var(--white);
}
 .td-bg--white .blog-section-heading__decorative-divider {
     background: var(--red);
}
 .td-bg--red .blog-section-heading__decorative-divider {
     background: var(--white);
}
 .td-bg--white .trending-card__link {
     color: #000000;
}
 .td-bg--red .trending-card__link {
     color: var(--white);
}
 .trending-card__link {
     text-decoration: none;
}
 .trending-card__link:hover {
     text-decoration: underline;
}
/* Responsive */
/* ======================================== BLOG DIRECTORY ======================================== */
/* Layout */
 .blog-directory-shorter-image {
     min-height: 420px;
     background-color: var(--blue--medium);
}
 #circleSearchPanel .blog-directory-toolbar {
     display: flex;
     gap: 18px;
     align-items: center;
     flex-wrap: wrap;
     margin-bottom: 14px;
}
 .blog-directory-search {
     flex: 1 1 520px;
     min-width: 320px;
}
 .blog-directory-search__input-wrap {
     position: relative;
     width: 100%;
}
 .blog-directory-select {
     position: relative;
     display: inline-block;
}
 .blog-directory-results {
     display: flex;
     flex-wrap: wrap;
     gap: 16px;
}
 .blog-directory-card {
     width: 280px;
     border: 1px solid #ddd;
     padding: 12px;
     background: var(--white);
     color: #000;
     box-sizing: border-box;
}
 .circle-search__button {
     border: 0;
     background: var(--yellow);
     color: #002147;
     width: 42px;
     height: 42px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}
/* Media */
 .blog-directory-card img {
     width: 100%;
     height: 160px;
     object-fit: cover;
     display: block;
}
/* Font */
 #blogDirectorySearch {
     width: 100%;
     padding: 12px 50px 12px 20px;
     border-radius: 100px;
     border: 3px solid var(--blue--medium);
     background: var(--white);
     color: var(--blue--medium);
     outline: none;
     box-sizing: border-box;
}
 #blogDirectorySearch::placeholder {
     color: var(--blue--medium);
     opacity: 1;
}
 .blog-directory-search__icon {
     position: absolute;
     right: 18px;
     top: 50%;
     transform: translateY(-50%);
     color: var(--blue--medium) !important;
     font-size: 18px;
     line-height: 1;
     pointer-events: none;
}
 .blog-directory-filter {
     appearance: none;
     padding: 12px 40px 12px 20px;
     border-radius: 100px;
     border: 3px solid var(--blue--medium);
     background: var(--white);
     color: var(--blue--medium);
}
 .blog-directory-select__icon {
     position: absolute;
     right: 16px;
     top: 50%;
     transform: translateY(-50%);
     color: var(--blue--medium);
     pointer-events: none;
}
 .blog-directory-clear {
     padding: 12px 22px;
     border-radius: 100px;
     border: 3px solid var(--blue--medium);
     background: var(--blue--medium);
     color: var(--white);
     font-weight: 600;
     cursor: pointer;
     box-sizing: border-box;
}
 .blog-directory-card__title {
     margin-top: 10px;
     font-size: 14px;
     font-weight: 600;
     color: #000;
}
 .circle-search__button i {
     color: #002147 !important;
     font-size: 16px;
}
/* Variants */
 .blog-directory-clear:hover {
     background: #004f7c;
     border-color: #004f7c;
}
 .circle-search__button:hover {
     background: #ffd87e;
     transform: scale(1.5);
     box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.35);
}
 .circle-search__button:focus {
     outline: 3px solid var(--red);
     outline-offset: 2px;
}
/* Responsive */
/* ======================================== BLOG TRENDING CARDS ======================================== */
/* Layout */
 .blog-trending-cards {
     overflow: hidden;
}
 .blog-trending-cards__swiper {
     overflow: visible;
     position: relative;
}
 .blog-trending-cards .swiper-wrapper {
     display: flex;
     align-items: stretch;
}
 .blog-trending-cards .swiper-slide.blog-trending-cards__slide {
     width: 360px;
     min-width: 360px;
     max-width: 360px;
     height: auto;
     box-sizing: border-box;
     padding-right: 1.25rem;
}
 .blog-trending-cards__card {
     display: flex;
     flex-direction: column;
     width: 100%;
     min-height: 420px;
     height: auto;
     background: #f3f3f3;
     box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.16);
     overflow: hidden;
     text-decoration: none;
     color: inherit;
}
 .blog-trending-cards__media {
     width: 100%;
}
 .blog-trending-cards__media .aspect-ratio-frame {
     width: 100%;
     aspect-ratio: 4 / 3;
     overflow: hidden;
     background: #ddd;
}
 .blog-trending-cards__content {
     display: flex;
     flex-direction: column;
     flex: 1 1 auto;
     padding: 1rem 1rem 1.25rem;
}
 .blog-trending-cards__nav {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 0.75rem;
     margin-top: 2rem;
}
 .blog-trending-cards .slider-navigation__prev, .blog-trending-cards .slider-navigation__next {
     position: static;
     transform: none;
}
 .blog-trending-cards .slider-navigation__prev, .blog-trending-cards .slider-navigation__next {
     min-width: 2.75rem;
     min-height: 2.75rem;
     background: #d71920;
     border: none;
     color: var(--white);
     display: flex;
     align-items: center;
     justify-content: center;
     transition: background 0.2s ease;
}
 .blog-trending-cards__header {
     display: flex;
     flex-direction: column;
     gap: 1.5rem;
     margin-bottom: 2rem;
}
 .blog-trending-cards__top {
     display: flex;
     align-items: center;
     gap: 1.5rem;
}
 .blog-trending-cards__top .circle-section-title {
     margin: 0;
     white-space: nowrap;
}
 .blog-trending-cards__top .blog-section-heading__decorative-divider {
     flex: 1;
     height: 2px;
}
 .blog-trending-cards__bottom {
     display: grid;
     grid-template-columns: minmax(0, 24rem) minmax(0, 1fr);
     gap: 3rem;
}
/* Media */
 .blog-trending-cards__img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
}
/* Font */
 .blog-trending-cards__title {
     margin: 0;
     color: var(--red);
     font-size: 1.25rem;
     font-weight: 700;
     line-height: 1.4;
     text-decoration: none;
}
 .blog-trending-cards__title-link {
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     color: var(--red);
     text-decoration: none;
}
 .blog-trending-cards__description {
     margin-top: 0.75rem;
     color: #000;
     font-family: "IBM Plex Serif", serif;
     font-size: 16px;
     font-weight: 500;
     line-height: 1.6;
}
 .blog-trending-cards__cta {
     margin-top: auto;
     display: inline-flex;
     align-items: center;
     color: var(--red);
     font-family: "IBM Plex Sans", sans-serif;
     font-size: 16px;
     font-weight: 700;
     line-height: 1.5;
     text-decoration: none;
}
 .blog-trending-cards__left {
     font-size: 2rem;
     font-weight: 700;
     line-height: 1.2;
}
/* Variants */
 .blog-trending-cards__title-link:hover, .blog-trending-cards__title-link:focus {
     text-decoration: underline;
}
 .blog-trending-cards .slider-navigation__prev i, .blog-trending-cards .slider-navigation__next i {
     color: var(--white);
}
 .blog-trending-cards .slider-navigation__prev:hover, .blog-trending-cards .slider-navigation__next:hover {
     background: var(--blue--dark);
}
 .blog-trending-cards.td-bg--white .circle-section-title {
     color: #d71920;
}
 .blog-trending-cards.td-bg--white .blog-section-heading__decorative-dividere {
     background-color: #d71920;
}
 .td-bg--red .blog-trending-cards__top .circle-section-title, .td-bg--red .blog-trending-cards__left, .td-bg--red .blog-trending-cards__right {
     color: var(--white);
}
 .td-bg--red .blog-trending-cards__top .blog-section-heading__decorative-divider {
     background: var(--white);
}
 .blog-trending-cards .slider-navigation__prev:focus-visible, .blog-trending-cards .slider-navigation__next:focus-visible {
     outline: 3px solid #000;
     outline-offset: 3px;
}
 .blog-trending-cards.td-bg--red .slider-navigation__prev, .blog-trending-cards.td-bg--red .slider-navigation__next {
     background: var(--white);
     color: var(--blue--dark);
}
 .blog-trending-cards.td-bg--red .slider-navigation__prev i, .blog-trending-cards.td-bg--red .slider-navigation__next i {
     color: var(--blue--dark);
}
 .blog-trending-cards.td-bg--red .slider-navigation__prev:hover, .blog-trending-cards.td-bg--red .slider-navigation__next:hover {
     background: var(--blue--dark);
}
 .blog-trending-cards.td-bg--red .slider-navigation__prev:hover i, .blog-trending-cards.td-bg--red .slider-navigation__next:hover i {
     color: var(--white);
}
 .blog-trending-cards.td-bg--red .slider-navigation__prev:focus-visible, .blog-trending-cards.td-bg--red .slider-navigation__next:focus-visible {
     outline: 3px solid #000;
     outline-offset: 3px;
}
 .blog-trending-cards__card {
     text-decoration: none !important;
}
 .blog-trending-cards__card:hover {
     text-decoration: none !important;
}
 .blog-trending-cards__card:hover .blog-trending-cards__title {
     text-decoration: underline;
     text-decoration-color: var(--blue--light);
     text-decoration-thickness: 4px;
     text-underline-offset: 4px;
}
/* Responsive */
 @media screen and (max-width: 63.9375em) {
     .blog-trending-cards__bottom {
         grid-template-columns: 1fr;
         gap: 1rem;
    }
     .blog-trending-cards__slide {
         padding-right: 1rem;
    }
}
 @media screen and (max-width: 39.9375em) {
     .blog-trending-cards__header {
         margin-bottom: 1.5rem;
    }
     .blog-trending-cards__slide {
         padding-right: 0.75rem;
    }
     .blog-trending-cards__content {
         padding: 0.875rem;
    }
}
/* ======================================== BLOG DIRECTORY ======================================== */
 .blog-filter-directory, .blog-filter-directory * {
     box-sizing: border-box;
}
 .blog-filter-directory {
     font-family: Arial, Helvetica, sans-serif;
     color: #111;
}
 .blog-filter-directory .top-bar {
     margin-bottom: 20px;
}
 .blog-filter-directory .top-bar h1 {
     margin: 0;
}
 .blog-filter-directory .filters {
     display: grid;
     gap: 18px;
     max-width: 1200px;
     margin-bottom: 24px;
}
 .blog-filter-directory .controls-row {
     display: flex;
     flex-wrap: wrap;
     gap: 14px;
     align-items: flex-start;
}
 .blog-filter-directory .dropdown {
     position: relative;
     min-width: 274px;
     width: 274px;
     z-index: 1;
}
 .blog-filter-directory .dropdown.is-open {
     z-index: 50;
}
 .blog-filter-directory .search-wrap {
     position: relative;
     flex: 1;
     min-width: 320px;
     z-index: 1;
}
 .blog-filter-directory .pill-label {
     display: block;
     min-width: 0;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
}
 .blog-filter-directory .dropdown-button, .blog-filter-directory .dropdown-button:visited, .blog-filter-directory .dropdown-button:active, .blog-filter-directory .dropdown-button:hover, .blog-filter-directory .dropdown-button:focus {
     position: relative;
     z-index: 61;
     width: 100%;
     height: 50px;
     border-radius: 100px;
     border: 3px solid #006BA6;
     background: #fff;
     color: #006BA6 !important;
     text-decoration: none !important;
     box-shadow: none !important;
     cursor: pointer;
     padding: 4px 4px 4px 20px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     font-size: 14px;
     font-weight: 700;
     transition: border-color 0.2s ease, background 0.2s ease;
}
 .blog-filter-directory .pill-icon {
     width: 36px;
     height: 36px;
     min-width: 36px;
     margin-left: auto;
     border-radius: 50%;
     background: #4A78B8;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
     transition: background 0.2s ease;
}
 .blog-filter-directory .dropdown-button:hover .pill-icon, .blog-filter-directory .dropdown-button:focus .pill-icon {
     background: #CF142B;
}
 .blog-filter-directory .dropdown.is-open .pill-icon {
     background: #CF142B;
}
 .blog-filter-directory .dropdown.is-open .dropdown-button {
     border-top-left-radius: 25px !important;
     border-top-right-radius: 25px !important;
     border-bottom-left-radius: 0 !important;
     border-bottom-right-radius: 0 !important;
     border-bottom: 0 !important;
}
 .blog-filter-directory .dropdown-panel {
     display: none;
     position: absolute;
     left: 0;
     right: 0;
     top: 50px;
     z-index: 60;
     background: #fff;
     border-left: 3px solid #006BA6;
     border-right: 3px solid #006BA6;
     border-bottom: 3px solid #006BA6;
     border-top: 0;
     border-radius: 0 0 25px 25px;
     overflow: hidden;
     box-shadow: 5px 5px 5.9px rgba(0, 0, 0, 0.15);
}
 .blog-filter-directory .dropdown.is-open .dropdown-panel {
     display: block;
}
 .blog-filter-directory .dropdown-item {
     display: flex;
     align-items: center;
     gap: 12px;
     min-height: 54px;
     padding: 12px 16px;
     margin: 0;
     border-top: 1px solid #d9d9d9;
     background: #fff;
     color: #006BA6 !important;
     font-size: 14px;
     font-weight: 600;
}
 .blog-filter-directory .dropdown-item:first-child {
     border-top: none;
}
 .blog-filter-directory .dropdown-item:hover {
     background: #f7fbff;
}
 .blog-filter-directory .dropdown-item input[type="checkbox"] {
     width: 18px;
     height: 18px;
     margin: 0;
     accent-color: #CF142B;
     cursor: pointer;
}
 .blog-filter-directory .dropdown-item span {
     color: inherit !important;
}
 .blog-filter-directory .search-pill {
     width: 100%;
     height: 50px;
     border-radius: 100px;
     border: 3px solid #006BA6;
     background: #fff;
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 4px 4px 4px 20px;
     gap: 12px;
}
 .blog-filter-directory .search-pill.active .pill-icon {
     background: #CF142B;
}
 .blog-filter-directory .search-pill input[type="text"] {
     border: none;
     outline: none;
     background: transparent;
     flex: 1;
     min-width: 0;
     font-size: 14px;
     font-weight: 700;
     color: #006BA6;
     padding: 0;
}
 .blog-filter-directory .search-pill input[type="text"]::placeholder {
     color: #006BA6;
     opacity: 1;
}
 .blog-filter-directory .search-icon {
     cursor: pointer;
}
 .blog-filter-directory .search-icon:hover, .blog-filter-directory .search-icon:focus {
     background: #CF142B;
}
 .blog-filter-directory .search-actions {
     display: flex;
     gap: 10px;
     align-items: center;
}
 .blog-filter-directory #searchBtn, .blog-filter-directory #clearAllBtn {
     height: 48px;
     border-radius: 999px;
     border: 2px solid #006BA6;
     background: #fff;
     color: #006BA6;
     padding: 0 18px;
     font-size: 14px;
     font-weight: 700;
     cursor: pointer;
     transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
 .blog-filter-directory #searchBtn:hover, .blog-filter-directory #searchBtn:focus, .blog-filter-directory #clearAllBtn:hover, .blog-filter-directory #clearAllBtn:focus {
     background: #CF142B;
     color: #fff;
     border-color: #CF142B;
}
 .blog-filter-directory .selected-filters {
     display: flex;
     flex-wrap: wrap;
     gap: 14px;
     margin-bottom: 18px;
}
 .blog-filter-directory .selected-filter-chip {
     display: inline-flex;
     align-items: center;
     gap: 12px;
     min-height: 43px;
     padding: 10px 18px;
     border-radius: 100px;
     background: #CF142B;
     color: #fff;
     font-size: 14px;
     font-weight: 700;
     line-height: 1;
}
 .blog-filter-directory .selected-filter-chip a, .blog-filter-directory .selected-filter-chip a:hover, .blog-filter-directory .selected-filter-chip a:focus {
     color: #fff !important;
     text-decoration: none !important;
     font-size: 20px;
     line-height: 1;
}
 .blog-filter-directory .results-meta {
     margin-bottom: 18px;
     font-size: 14px;
     color: #444;
     font-weight: 600;
}
 .blog-filter-directory .results-grid {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 32px;
     align-items: stretch;
}
 .blog-filter-directory .card {
     background: #fff;
     display: flex;
     flex-direction: column;
     min-width: 0;
     border: 1px solid #d9e4f2;
     height: 100%;
}
 .blog-filter-directory .blog-card-media {
     display: block;
     width: 100%;
     aspect-ratio: 426 / 290;
     overflow: hidden;
     background: #f2f2f2;
     flex-shrink: 0;
}
 .blog-filter-directory .blog-card-media img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
}
 .blog-filter-directory .card-body {
     padding: 18px;
     display: flex;
     flex-direction: column;
     flex: 1;
}
 .blog-filter-directory .blog-card-categories {
     margin: 0 0 14px;
     font-size: 14px;
     line-height: 1.2;
     font-weight: 700;
     color: #4A78B8;
     text-transform: uppercase;
     letter-spacing: 0.02em;
     min-height: 17px;
}
 .blog-filter-directory .blog-card-title {
     margin: 0 0 12px;
     font-size: 22px;
     line-height: 1.45;
     font-weight: 700;
    /*min-height: 96px;
     */
}
 .blog-filter-directory .blog-card-title a {
     color: #CF142B !important;
     text-decoration: none !important;
     box-shadow: none !important;
     background: transparent !important;
     display: inline !important;
}
 .blog-filter-directory .blog-card-title a:hover, .blog-filter-directory .blog-card-title a:focus {
     box-shadow: inset 0 -3px 0 #B1DDF6 !important;
     text-decoration: none !important;
}
 .blog-filter-directory .blog-card-subheading {
     margin: 0 0 12px;
     color: #000;
     font-family: "IBM Plex Serif", serif;
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     line-height: 200%;
     min-height: 64px;
     line-height: 160%;
}
 .blog-filter-directory .blog-card-summary {
     margin: 0;
     font-size: 16px;
     line-height: 1.8;
     color: #222;
}
 .blog-filter-directory .empty-state {
     padding: 20px 0;
     color: #555;
}
 @media (max-width: 1100px) {
     .blog-filter-directory .results-grid {
         grid-template-columns: repeat(2, minmax(0, 1fr));
         gap: 28px;
    }
}
 @media (max-width: 900px) {
     .blog-filter-directory .dropdown {
         width: 100%;
         min-width: 100%;
    }
     .blog-filter-directory .search-wrap {
         width: 100%;
         min-width: 100%;
    }
     .blog-filter-directory .search-actions {
         width: 100%;
    }
}
 @media (max-width: 700px) {
     .blog-filter-directory .results-grid {
         grid-template-columns: 1fr;
         gap: 24px;
    }
     .blog-filter-directory .blog-card-title {
         font-size: 20px;
         line-height: 1.4;
         min-height: 0;
    }
     .blog-filter-directory .blog-card-subheading {
         min-height: 64px;
    }
     .blog-filter-directory .blog-card-summary {
         font-size: 15px;
         line-height: 1.7;
    }
}
/* ================= RETURN TO BLOG LANDING ================= */
 .return-blog-landing, .return-blog-landing:visited {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     margin-top: 8px;
     margin-bottom: 20px;
     color: #006BA6 !important;
     font-family: "IBM Plex Sans", sans-serif;
     font-size: 18px;
     font-weight: 700;
     line-height: 130.487%;
     text-decoration: none;
     cursor: pointer;
     transition: color 0.2s ease, transform 0.15s ease;
}
 .return-blog-landing__text {
     display: inline-block;
     line-height: 1;
     text-decoration: none;
}
/* underline only on hover/focus */
 .return-blog-landing:hover .return-blog-landing__text, .return-blog-landing:focus .return-blog-landing__text {
     text-decoration: underline;
     text-decoration-color: #B1DDF6;
     text-decoration-thickness: 3px;
     text-underline-offset: 6px;
}
 .return-blog-landing:hover, .return-blog-landing:focus {
     color: #004f7c !important;
}
 .return-blog-landing:active {
     transform: translateX(-2px);
}
 .return-blog-landing:focus-visible {
     outline: 3px solid var(--red);
     outline-offset: 2px;
}
/* ================= BLOG NO RESULTS ================= */
 .blog-no-results {
     display: none;
     margin-top: 32px;
}
 .blog-no-results__inner {
     display: flex;
     align-items: center;
     gap: 48px;
     padding: 8px 0;
}
 .blog-no-results__image {
     flex: 0 0 auto;
}
 .blog-no-results__image img {
     width: 165px;
     height: auto;
     display: block;
}
 .blog-no-results__text {
     max-width: 640px;
}
 .blog-no-results__text h3 {
     margin: 0 0 12px;
     color: #006BA6;
     font-family: "IBM Plex Sans", sans-serif;
     font-size: 32px;
     font-style: normal;
     font-weight: 700;
     line-height: 120%;
}
 .blog-no-results__text p {
     margin: 0 0 8px;
     color: #000;
     font-family: "IBM Plex Serif", serif;
     font-size: 20px;
     font-style: normal;
     font-weight: 500;
     line-height: 160%;
}
 .blog-no-results__text strong {
     font-weight: 700;
}
 @media (max-width: 768px) {
     .blog-no-results__inner {
         flex-direction: column;
         align-items: flex-start;
         gap: 24px;
    }
     .blog-no-results__image img {
         width: 120px;
    }
     .blog-no-results__text h3 {
         font-size: 26px;
    }
     .blog-no-results__text p {
         font-size: 18px;
    }
}
/* ================= TOPIC EXPLORER ================= */
 .topic-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 40px 60px;
     margin-top: 30px;
}
/*stacking for phones*/
 @media (max-width: 1024px) {
     .topic-grid {
         grid-template-columns: 1fr;
         gap: 1.5rem;
    }
}
 .topic-card__title {
     color: #000;
     font-family: "IBM Plex Sans";
     font-size: 20px;
     font-style: normal;
     font-weight: 700;
     line-height: 200%;
     margin-bottom: 8px;
}
 .topic-card__title-link {
     color: inherit;
     text-decoration: none;
     cursor: pointer;
     transition: all 0.2s ease;
}
 .topic-card__title-link:hover, .topic-card__title-link:focus {
     color: inherit;
     text-decoration: none;
     box-shadow: inset 0 -3px 0 #B1DDF6;
}
 .topic-card__desc {
     color: #000;
     font-family: "IBM Plex Sans";
     font-size: 1rem;
     font-style: normal;
     font-weight: 400;
     line-height: 150%;
     margin-bottom: 12px;
}
 .topic-card__link {
     color: #CF142B;
     font-family: "IBM Plex Sans";
     font-weight: 600;
     text-decoration: none;
     font-size: 14px;
     transition: all 0.2s ease;
     cursor: pointer;
}
 .topic-card__link:hover {
     text-decoration: underline;
     text-underline-offset: 4px;
}
 .blog-section-split-header {
     display: grid;
     grid-template-columns: 1fr;
     gap: 1.5rem;
     margin-right: 0;
}
/* ================= ARTICLE LISTING BLOG ================= */
 .article-listing-blog--blue {
     background: linear-gradient(180deg, #006BA6 0%, #142142 100%);
}
 .article-listing-blog--white {
     background: #ffffff;
}
 .article-listing-blog__bottom {
     margin-bottom: 2.5rem;
}
 .article-listing-blog__left {
     margin: 0;
}
 .article-listing-blog__right {
     margin: 0;
     font-size: 22px;
     font-weight: 600;
     line-height: 185%;
}
 .article-listing-blog__groups {
     display: flex;
     flex-direction: column;
     gap: 2.5rem;
}
 .article-listing-blog__group {
     display: flex;
     flex-direction: column;
     gap: 1rem;
}
 .article-listing-blog__group-heading {
     margin: 0 0 1rem 0;
     text-transform: uppercase;
     font-family: Matrole;
     font-size: 20px;
     font-weight: 400;
     line-height: 200%;
}
 .article-listing-blog__cards {
     display: flex;
     flex-direction: column;
     gap: 1rem;
}
 .article-listing-blog__card {
     display: grid;
     grid-template-columns: 245px minmax(0, 1fr);
     text-decoration: none;
     overflow: hidden;
     box-shadow: 4px 4px 10px rgba(0,0,0,0.10);
}
 .article-listing-blog__media {
     min-height: 180px;
}
 .article-listing-blog__img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
}
 .article-listing-blog__content {
     padding: 2rem 2.5rem;
     display: flex;
     flex-direction: column;
     justify-content: center;
}
/* theme overrides */
 .article-listing-blog--white .article-listing-blog__card {
     background: #006BA6;
}
 .article-listing-blog--blue .article-listing-blog__card {
     background: #FFF;
}
 .article-listing-blog__card-title {
     margin: 0 0 1rem 0;
     font-family: "IBM Plex Sans";
     font-size: 22px;
     font-weight: 700;
     line-height: 150%;
     display: inline-block;
     width: fit-content;
}
 .article-listing-blog--white .article-listing-blog__card-title {
     color: #FFF;
}
 .article-listing-blog--blue .article-listing-blog__card-title {
     color: #CF142B;
}
 .article-listing-blog__card-description {
     margin: 0;
     font-family: "IBM Plex Sans";
     font-size: 1rem;
     font-weight: 400;
     line-height: 200%;
}
 .article-listing-blog--white .article-listing-blog__card-description {
     color: #FFF;
}
 .article-listing-blog--blue .article-listing-blog__card-description {
     color: #000;
}
 .article-listing-blog__card:hover .article-listing-blog__card-title {
     box-shadow: inset 0 -3px 0 #B1DDF6;
}
/* text colors */
 .article-listing-blog--blue .article-listing-blog__left, .article-listing-blog--blue .article-listing-blog__right, .article-listing-blog--blue .article-listing-blog__group-heading {
     color: #FFF;
}
 .article-listing-blog--white .article-listing-blog__left, .article-listing-blog--white .article-listing-blog__right, .article-listing-blog--white .article-listing-blog__group-heading {
     color: #142142;
}
/* responsive */
 @media screen and (max-width: 767px) {
     .article-listing-blog__card {
         grid-template-columns: 1fr;
    }
     .article-listing-blog__media {
         min-height: 220px;
    }
     .article-listing-blog__content {
         padding: 1.5rem;
    }
}
 .article-listing-blog__card:hover {
     text-decoration: none;
}
 .article-explorer__card-title {
     margin-block: 0.5rem;
}
 .blog-related-articles-container, .blog-related-articles.white-container, .blog-related-articles.tupelo-yellow-container, .blog-related-articles.lyceum-red-container, .blog-related-articles.oxford-navy-container, .blog-related-articles.powder-blue-container, .blog-related-articles.faulkner-cream-container {
     padding-bottom: 3rem;
}
/*test*/
 .blog-hero--style1 .blog-hero__author-avatars {
     display: flex;
     align-items: center;
}
 .blog-hero__author-avatar-link {
     display: block;
     margin-left: -12px;
}
 .blog-hero--style1 .blog-hero__author-avatar-link:first-child {
     margin-left: 0;
}
 .blog-hero--style1 .blog-hero__author-avatar {
     border-radius: 50%;
     overflow: hidden;
     border: 2px solid #F8EDDA;
}
 .blog-hero--style2 .blog-hero__author-avatars {
     display: flex;
     align-items: center;
}
 .blog-hero--style2 .blog-hero__author-avatar-link:first-child {
     margin-left: 0;
}
 .blog-hero--style2 .blog-hero__header-authors {
     display: flex;
     align-items: center;
     gap: 12px;
}
 .blog-hero--style2 .blog-hero-2__author-text {
     color: #fff;
     white-space: normal;
}
 .blog-hero__author-name-link {
     color: inherit;
     text-decoration: none;
}
 .blog-hero__author-name-link:hover, .blog-hero__author-name-link:focus {
     text-decoration: underline;
}
 .blog-hero--style2 .blog-hero__author-avatar {
     border-radius: 50%;
     overflow: hidden;
     border: 1px solid #006BA6;
     padding: 1px;
     background: #006BA6;
}
/* ================= DIRECTORY PAGNATION ================= */
 .blog-pagination {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 16px;
     margin-top: 2rem;
     flex-wrap: wrap;
}
 .blog-page-number {
     background: transparent;
     border: none;
     color: #CF142B;
     font-family: "IBM Plex Sans", sans-serif;
     font-size: 18px;
     font-weight: 700;
     cursor: pointer;
     width: 44px;
     height: 44px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: background 0.2s ease;
}
 .blog-page-number:hover, .blog-page-number:focus {
     background: var(--red);
     color: #fff;
}
 .blog-page-number.is-active {
     background: #006BA6;
     color: #fff;
}
 .blog-page-arrow {
     background: transparent;
     border: none;
     color: #006BA6;
     font-size: 18px;
     cursor: pointer;
     width: 44px;
     height: 44px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     transition: background 0.2s ease;
}
 .blog-page-arrow:hover, .blog-page-arrow:focus {
     background: var(--red);
     color: #fff;
}
 .blog-page-arrow:disabled {
     opacity: 0.4;
     cursor: not-allowed;
}
 .blog-page-dots {
     color: #CF142B;
     font-family: "IBM Plex Sans", sans-serif;
     font-size: 18px;
     font-weight: 700;
     padding: 0 4px;
}
/*Callout form text*/
 .op-callout-embed-form .form_container, .op-callout-embed-form .form_container label, .op-callout-embed-form .form_container legend, .op-callout-embed-form .form_container .form_label, .op-callout-embed-form .form_container .form_response label, .op-callout-embed-form .form_container .form_question, .op-callout-embed-form .form_container p, .op-callout-embed-form .form_container i, .op-callout-embed-form .form_container strong {
     color: #fff !important;
}
/* BLOG HERO STYLE 2 TWEAKS */
 .blog-hero--style2 {
     background: var(--white);
     color: var(--blue--dark);
}
 .blog-hero--style2 .blog-hero-2__gradient-wrap {
     background-image: linear-gradient(rgb(0, 107, 166) 0%, rgb(20, 33, 66) 100%);
}
 .blog-hero--style2 .blog-hero-2__hero-inner {
     max-width: 1200px;
     margin: 0 auto;
     display: flex;
     align-items: stretch;
}
 .blog-hero--style2 .blog-hero__header-box, .blog-hero--style2 .blog-hero__media {
     flex: 0 0 50%;
     max-width: 600px;
}
 .blog-hero--style2 .blog-hero__header-box {
     background: transparent;
     padding: 60px 24px;
     margin-bottom: 0;
}
 .blog-hero--style2 .blog-hero__media {
     height: auto;
}
 .blog-hero--style2 .blog-hero__figure, .blog-hero--style2 .blog-hero__figure img {
     height: 100%;
}
 .blog-hero--style2 .blog-hero__meta-row {
     max-width: 1200px;
     margin: 0 auto;
     flex-direction: row-reverse;
}
 .blog-hero--style2 .blog-hero__meta-left {
     flex: 0 0 320px;
}
 .blog-hero--style2 .blog-hero__meta-right {
     flex: 1 1 auto;
}
 .blog-hero--style2 .blog-hero__meta-desc {
     padding-left: 0;
}
 .blog-hero--style2 .blog-hero__sidebar {
     background-color: #f5f5f5;
     margin-top: 0;
     margin-left: 0;
     max-width: none;
}
 .blog-hero--style2 .card__content__inner {
     padding-bottom: 0;
}
 .blog-hero--style2 .blog-hero__share.blog-hero-2__share {
     padding: 10px 20px 32px 20px;
}
/*Responsiveness for smaller screens for blog hero 2*/
/* Blog hero 2 - tablet / medium screens */
 @media (max-width: 1366px) {
     .blog-hero--style2 .blog-hero-2__hero-inner {
         flex-direction: column;
         max-width: 100%;
    }
     .blog-hero--style2 .blog-hero__header-box, .blog-hero--style2 .blog-hero__media {
         flex: 0 0 100%;
         max-width: 100%;
         width: 100%;
    }
     .blog-hero--style2 .blog-hero__media img {
         width: 100%;
         height: auto;
         display: block;
    }
     .blog-hero--style2 .blog-hero__meta-row {
         flex-direction: column;
         max-width: 100%;
         padding: 0 24px;
    }
     .blog-hero--style2 .blog-hero__meta-left, .blog-hero--style2 .blog-hero__meta-right {
         width: 100%;
         max-width: 100%;
    }
     .blog-hero--style2 .blog-hero__sidebar {
         margin: 0 0 2rem;
    }
}