/**
* Theme Name: About JStor 2025
* Description: A custom theme.
* Version: 1.0
* Text Domain: jm2025
*/
@font-face {
font-family: "GT-America-Light";
src: url("../../assets/fonts/GT-Standard/GT-America-Standard-Light.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "GT-America-Light-Italic";
src: url("../../assets/fonts/GT-Standard/GT-America-Standard-Light-Italic.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "GT-America";
src: url("../../assets/fonts/GT-Standard/GT-America-Standard-Regular.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "GT-America-Italic";
src: url("../../assets/fonts/GT-Standard/GT-America-Standard-Regular-Italic.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "GT-America-Medium";
src: url("../../assets/fonts/GT-Standard/GT-America-Standard-Medium.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "GT-America-Medium-Italic";
src: url("../../assets/fonts/GT-Standard/GT-America-Standard-Medium-Italic.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "GT-America-Bold";
src: url("../../assets/fonts/GT-Standard/GT-America-Standard-Bold.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "GT-America-Bold-Italic";
src: url("../../assets/fonts/GT-Standard/GT-America-Standard-Bold-Italic.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "IvarHeadline";
src: url("../../assets/fonts/IvarHeadline/IvarHeadline-Regular.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "IvarHeadline-Italic";
src: url("../../assets/fonts/IvarHeadline/IvarHeadline-Italic.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "IvarHeadline-Medium";
src: url("../../assets/fonts/IvarHeadline/IvarHeadline-Medium.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "IvarHeadline-MediumItalic";
src: url("../../assets/fonts/IvarHeadline/IvarHeadline-MediumItalic.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "IvarHeadline-SemiBold";
src: url("../../assets/fonts/IvarHeadline/IvarHeadline-SemiBold.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "IvarHeadline-SemiBoldItalic";
src: url("../../assets/fonts/IvarHeadline/IvarHeadline-SemiBoldItalic.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "IvarHeadline-Bold";
src: url("../../assets/fonts/IvarHeadline/IvarHeadline-Bold.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "IvarHeadline-BoldItalic";
src: url("../../assets/fonts/IvarHeadline/IvarHeadline-BoldItalic.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
:root {
--admin-bar-height: 0px;
--sticky-nav-height: 100px;
--page-nav-height: 0px;
--page-main-margin-top: var(--wp--preset--spacing--lg);
--scroll-padding-top-height: 220px;
}
@media (max-width: 768px) {
:root {
--wp--preset--font-size--xlarge: 20px;
--sticky-nav-height: 60px;
--scroll-padding-top-height: 80px;
}
}
html {
scroll-behavior: smooth;
scroll-padding-top: var(--scroll-padding-top-height);
}
body {
scroll-padding-top: var(--scroll-padding-top-height);
}
body.page-template-page-no-title, body.single-jm_resource, body.single-jm_case_study, body.single-jmevent {
--page-main-margin-top: 0px;
}
body.page-404, body.page-simple-text, body.page-default {
--page-main-margin-top: var(--wp--preset--spacing--xl);
}
body.post-type-archive, body.single-jmblog, body.has-page-menu-section {
--page-nav-height: 55px;
}
body.post-type-archive-cc_news {
--page-nav-height: 0px;
}
body.admin-bar {
--admin-bar-height: 0px;
}
@media (min-width: 768px) {
body.admin-bar {
--admin-bar-height: 32px;
}
}
/**
* Font, Text Sizes
*/
body {
font-family: "GT-America", var(--wp--preset--font-family--system-sans-serif), sans-serif;
font-size: 16px;
line-height: 1.4;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body strong, body b {
font-family: "GT-America-Medium", var(--wp--preset--font-family--system-sans-serif), sans-serif;
font-weight: normal;
}
body strong em, body strong i, body b em, body b i {
font-family: "GT-America-Medium-Italic", var(--wp--preset--font-family--system-sans-serif), sans-serif;
}
body em, body i {
font-family: "GT-America-Italic", var(--wp--preset--font-family--system-sans-serif), sans-serif;
font-style: normal;
}
body em strong, body em b, body i strong, body i b {
font-family: "GT-America-Medium-Italic", var(--wp--preset--font-family--system-sans-serif), sans-serif;
}
body.single-jmblog {
background-color: var(--wp--preset--color--accent-5);
}
@media (min-width: 768px) {
body main {
font-size: 20px;
}
}
details h1, details h2, details h3, details h4, details h5, details h6, details .h1, details .h2, details .h3, details .h4, details .h5, details .h6, details p, details ul, details ol {
max-width: 840px !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-weight: normal;
line-height: 1.2;
font-family: "IvarHeadline", var(--wp--preset--font-family--system-serif), serif;
}
h1 strong, h1 b, h2 strong, h2 b, h3 strong, h3 b, h4 strong, h4 b, h5 strong, h5 b, h6 strong, h6 b, .h1 strong, .h1 b, .h2 strong, .h2 b, .h3 strong, .h3 b, .h4 strong, .h4 b, .h5 strong, .h5 b, .h6 strong, .h6 b {
font-family: "IvarHeadline-Medium", var(--wp--preset--font-family--system-serif), serif;
font-weight: normal;
}
h1 strong em, h1 strong i, h1 b em, h1 b i, h2 strong em, h2 strong i, h2 b em, h2 b i, h3 strong em, h3 strong i, h3 b em, h3 b i, h4 strong em, h4 strong i, h4 b em, h4 b i, h5 strong em, h5 strong i, h5 b em, h5 b i, h6 strong em, h6 strong i, h6 b em, h6 b i, .h1 strong em, .h1 strong i, .h1 b em, .h1 b i, .h2 strong em, .h2 strong i, .h2 b em, .h2 b i, .h3 strong em, .h3 strong i, .h3 b em, .h3 b i, .h4 strong em, .h4 strong i, .h4 b em, .h4 b i, .h5 strong em, .h5 strong i, .h5 b em, .h5 b i, .h6 strong em, .h6 strong i, .h6 b em, .h6 b i {
font-family: "IvarHeadline-MediumItalic", var(--wp--preset--font-family--system-serif), serif;
}
h1 em, h1 i, h2 em, h2 i, h3 em, h3 i, h4 em, h4 i, h5 em, h5 i, h6 em, h6 i, .h1 em, .h1 i, .h2 em, .h2 i, .h3 em, .h3 i, .h4 em, .h4 i, .h5 em, .h5 i, .h6 em, .h6 i {
font-family: "IvarHeadline-Italic", var(--wp--preset--font-family--system-serif), serif;
font-style: normal;
}
h1 em strong, h1 em b, h1 i strong, h1 i b, h2 em strong, h2 em b, h2 i strong, h2 i b, h3 em strong, h3 em b, h3 i strong, h3 i b, h4 em strong, h4 em b, h4 i strong, h4 i b, h5 em strong, h5 em b, h5 i strong, h5 i b, h6 em strong, h6 em b, h6 i strong, h6 i b, .h1 em strong, .h1 em b, .h1 i strong, .h1 i b, .h2 em strong, .h2 em b, .h2 i strong, .h2 i b, .h3 em strong, .h3 em b, .h3 i strong, .h3 i b, .h4 em strong, .h4 em b, .h4 i strong, .h4 i b, .h5 em strong, .h5 em b, .h5 i strong, .h5 i b, .h6 em strong, .h6 em b, .h6 i strong, .h6 i b {
font-family: "IvarHeadline-MediumItalic", var(--wp--preset--font-family--system-serif), serif;
}
h1, .h1 {
font-size: 48px;
line-height: 56px;
}
@media (min-width: 768px) {
h1, .h1 {
font-size: 64px;
line-height: 72px;
}
}
h1.wp-block-heading:not(.larger), h1.wp-block-post-title, h1.wp-block-query-title,
.h1.wp-block-heading:not(.larger), .h1.wp-block-post-title, .h1.wp-block-query-title,
h2, .h2 {
font-size: 40px;
line-height: 48px;
}
@media (min-width: 768px) {
h1.wp-block-heading:not(.larger), h1.wp-block-post-title, h1.wp-block-query-title,
.h1.wp-block-heading:not(.larger), .h1.wp-block-post-title, .h1.wp-block-query-title,
h2, .h2 {
font-size: 54px;
line-height: 64px;
}
}
h3, .h3 {
font-size: 32px;
line-height: 40px;
}
@media (min-width: 768px) {
h3, .h3 {
font-size: 48px;
line-height: 56px;
}
}
h4.wp-block-heading, .h4.wp-block-heading, h6, .h6 {
font-size: 20px;
line-height: 24px;
}
@media (min-width: 768px) {
h4.wp-block-heading, .h4.wp-block-heading, h6, .h6 {
font-size: 24px;
line-height: 32px;
}
}
h3.wp-block-heading, .h3.wp-block-heading, h5, .h5 {
font-size: 24px;
line-height: 32px;
}
@media (min-width: 768px) {
h3.wp-block-heading, .h3.wp-block-heading, h5, .h5 {
font-size: 32px;
line-height: 40px;
}
}
h2.wp-block-heading, .h2.wp-block-heading, h4, .h4 {
font-size: 28px;
line-height: 32px;
}
@media (min-width: 768px) {
h2.wp-block-heading, .h2.wp-block-heading, h4, .h4 {
font-size: 40px;
line-height: 48px;
}
}
.pb-8 {
padding-bottom: 8px;
}
/**
* Spacing
*/
:where(.wp-site-blocks) > * {
margin-block-start: 0;
}
:root :where(.is-layout-flex) {
gap: 24px;
}
@media (min-width: 768px) {
:root :where(.is-layout-flex) {
gap: 48px;
}
}
:root :where(.is-layout-flex.is-vertical) {
gap: 24px;
}
@media (min-width: 768px) {
:root :where(.is-layout-grid) {
gap: 48px;
}
}
/**
* custom classes
*/
.has-border-top {
border-top: 1px solid var(--wp--preset--color--accent-4);
}
.has-border-bottom {
border-bottom: 1px solid var(--wp--preset--color--accent-4);
}
.gap-zero.is-layout-flex {
gap: 0;
}
.gap-tight.is-layout-flex {
gap: var(--wp--preset--spacing--sm);
}
:root :where(.is-layout-flow.margin-small) > * {
margin-block-start: 12px;
}
:root :where(.is-layout-flow.margin-zero) > * {
margin-block-start: 0;
}
.has-tiny-border-radius {
border-radius: 4px;
}
.margin-top-tight {
margin-top: 12px;
}
.margin-top-zero {
margin-top: 0;
}
@media (max-width: 768px) {
.hide-on-mobile {
display: none !important;
}
}
/**
* Layout and spacing
*/
main {
margin-top: var(--page-main-margin-top);
margin-bottom: var(--page-main-margin-top);
}
@media (max-width: 768px) {
.wp-block-template-part:has(.site-header.mobile-sticky) + main {
margin-top: calc(var(--sticky-nav-height) + var(--page-nav-height) + var(--page-main-margin-top)) !important;
}
}
@media (min-width: 768px) {
.wp-block-template-part:has(.site-header.sticky) + main {
margin-top: calc(var(--sticky-nav-height) + var(--page-nav-height) + var(--admin-bar-height) + var(--page-main-margin-top)) !important;
}
}
/*
* make alignwide ignore the content width
*/
.is-layout-constrained > .alignwide {
max-width: var(--wp--style--global--wide-size) !important;
}
/**
* Block vertical margin
*/
.wp-block-media-text, .logos.jm-block {
margin: 24px auto;
}
@media (min-width: 768px) {
.wp-block-media-text, .logos.jm-block {
margin: 48px auto;
}
}
/**
* for accessibility
*/
.sr-only { /* Screen Reader Only Class */
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
white-space: nowrap; /* added to prevent line breaks */
}
/**
* link
*/
a {
color: var(--wp--preset--color--accent-1);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
main a.external-link:not(:has(img))::after {
content: url('data:image/svg+xml;utf8,');
margin-left: 4px;
width: 12px;
height: 12px;
}
/* white arrow */
main .wp-block-button a.external-link::after {
content: url('data:image/svg+xml;utf8,');
}
/* red arrow */
main .wp-block-button.is-style-cta-text-link a.external-link::after {
content: url('data:image/svg+xml;utf8,');
}
/* black arrow */
main .wp-block-button.is-style-outline a.external-link::after {
content: url('data:image/svg+xml;utf8,');
}
/* white arrow because of the background color */
main .has-accent-3-color .wp-block-button.is-style-cta-text-link a.external-link::after,
main .has-accent-3-color .wp-block-button.is-style-outline a.external-link::after {
content: url('data:image/svg+xml;utf8,');
}
/*
* image
*/
:not(.wp-block-image) > img {
width: 100%;
height: auto;
}
/**
* WP Blocks Customization
*/
.wp-block-details > *:not(summary) {
opacity: 0;
transition: opacity 0.5s ease;
}
.wp-block-details[open] > *:not(summary) {
opacity: 1;
}
.wp-block-details summary {
list-style: none;
position: relative;
padding-right: 20px;
font-family: "GT-America-Medium", var(--wp--preset--font-family--system-sans-serif), sans-serif;
text-decoration: underline;
text-decoration-color: transparent;
transition: text-decoration-color 0.2s ease-in-out;
}
.wp-block-details summary:hover {
text-decoration-color: currentColor;
}
.wp-block-details summary::-webkit-details-marker {
display: none;
}
.wp-block-details summary:after {
content: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.9999 15.5859L21.2928 7.29297L22.707 8.70718L12.9999 18.4143L3.29282 8.70718L4.70703 7.29297L12.9999 15.5859Z' fill='black'/%3E%3C/svg%3E");
position: absolute;
right: 0;
top: 0;
width: 25px;
height: 24px;
}
.wp-block-details[open] summary:after {
transform: rotate(180deg);
top: 15px;
}
.vertical-tabs.pattern .wp-block-details[open] summary:after {
top: 5px;
}
.wp-block-button {
font-family: "GT-America-Medium", var(--wp--preset--font-family--system-sans-serif), sans-serif;
font-size: 16px;
line-height: 24px;
}
@media (max-width: 768px) {
.wp-block-button:not(.is-style-cta-text-link):first-child:last-child {
width: 100%;
}
}
.wp-block-button .wp-block-button__link {
border-radius: 2px;
padding: 12px;
background-color: var(--wp--preset--color--primary);
}
.wp-block-button.button-short .wp-block-button__link {
padding: 8px 12px;
}
.wp-block-button.is-style-outline .wp-block-button__link {
padding: 5px 15px;
background-color: transparent;
}
.wp-block-button.is-style-cta-text-link {
position: relative;
padding-right: 20px;
}
.wp-block-button.is-style-cta-text-link .wp-block-button__link {
background: none;
color: var(--wp--preset--color--primary);
padding: 0;
}
.wp-block-button.is-style-cta-text-link .wp-block-button__link::after {
content: url('data:image/svg+xml,');
display: block;
position: absolute;
top: 3px;
right: 0;
}
.wp-block-button.is-style-cta-text-link .wp-block-button__link.external-link::after {
top: 0;
}
.has-accent-6-background-color .wp-block-button.is-style-cta-text-link .wp-block-button__link {
color: black;
}
.has-accent-6-background-color .wp-block-button.is-style-cta-text-link .wp-block-button__link::after {
content: url('data:image/svg+xml,');
}
.has-primary-background-color .wp-block-button.is-style-cta-text-link .wp-block-button__link, .has-secondary-background-color .wp-block-button.is-style-cta-text-link .wp-block-button__link {
color: white;
}
.has-primary-background-color .wp-block-button.is-style-cta-text-link .wp-block-button__link::after, .has-secondary-background-color .wp-block-button.is-style-cta-text-link .wp-block-button__link::after {
content: url('data:image/svg+xml,');
}
.wp-block-media-text__media video, .wp-block-video video {
aspect-ratio: 16/9;
}
.wp-block-video :where(figcaption), .wp-block-image :where(figcaption) {
font-size: 12px;
line-height: 1.5;
margin: 12px 0 24px;
color: #676765;
}
@media (min-width: 768px) {
.wp-block-video :where(figcaption), .wp-block-image :where(figcaption) {
font-size: 14px;
}
}
button.custom-play-pause-button {
width: 46px;
height: 46px;
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
background-size: 20px 20px;
border: 1px solid black;
padding: 0;
cursor: pointer;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
border-radius: 50%;
}
button.custom-play-pause-button[aria-pressed=false] {
background-image: url("../../assets/images/play-large-fill.svg");
}
button.custom-play-pause-button[aria-pressed=true] {
background-image: url("../../assets/images/pause_bars.svg");
}
figure.custom-looping-video button.custom-play-pause-button {
position: absolute;
z-index: 2;
bottom: 24px;
right: 24px;
}
.jm-logo-slider button.custom-play-pause-button {
margin-top: 12px;
}
.wp-block-group.has-background:not(.has-accent-3-background-color) {
padding-top: var(--wp--preset--spacing--lg);
padding-bottom: var(--wp--preset--spacing--lg);
}
.wp-block-columns.has-background.has-accent-3-background-color {
padding: 0;
}
.wp-block-media-text > .wp-block-media-text__content {
padding: 0;
}
@media (min-width: 768px) {
.wp-block-media-text > .wp-block-media-text__content {
padding: 0 0 0 84px;
}
}
.wp-block-media-text .wp-block-heading:first-child {
margin-top: 0;
}
@media (min-width: 768px) {
.wp-block-media-text.has-media-on-the-right > .wp-block-media-text__content {
padding: 0 84px 0 0;
}
}
.wp-block-list li {
margin-bottom: 24px;
font-size: 16px;
line-height: 1.33em;
}
.discover-jstor .wp-block-list li {
font-size: 20px;
}
@media (min-width: 768px) {
.wp-block-list li {
font-size: 20px;
}
.wp-block-media-text .wp-block-list li, .discover-jstor .wp-block-list li {
font-size: 24px;
}
}
.wp-block-list.is-style-checkmark-red-list,
.wp-block-list.is-style-checkmark-black-list,
.wp-block-list.is-style-disc-red-list {
list-style: none;
padding-left: 0;
}
.wp-block-list.is-style-checkmark-red-list > li,
.wp-block-list.is-style-checkmark-black-list > li,
.wp-block-list.is-style-disc-red-list > li {
position: relative;
padding-left: 40px;
}
.wp-block-list.is-style-checkmark-red-list > li::before,
.wp-block-list.is-style-checkmark-black-list > li::before,
.wp-block-list.is-style-disc-red-list > li::before {
content: url('data:image/svg+xml;utf8,');
display: inline-block;
width: 24px;
height: 24px;
margin-right: 5px;
position: absolute;
top: -5px;
left: 0;
}
@media (min-width: 768px) {
.wp-block-list.is-style-checkmark-red-list > li::before,
.wp-block-list.is-style-checkmark-black-list > li::before,
.wp-block-list.is-style-disc-red-list > li::before {
top: -2px;
}
}
.wp-block-list.is-style-checkmark-red-list.is-style-checkmark-red-list > li::before,
.wp-block-list.is-style-checkmark-black-list.is-style-checkmark-red-list > li::before,
.wp-block-list.is-style-disc-red-list.is-style-checkmark-red-list > li::before {
content: url('data:image/svg+xml;utf8,');
}
.wp-block-list.is-style-checkmark-red-list.is-style-disc-red-list > li,
.wp-block-list.is-style-checkmark-black-list.is-style-disc-red-list > li,
.wp-block-list.is-style-disc-red-list.is-style-disc-red-list > li {
padding-left: 20px;
margin-bottom: 0.5em;
}
.wp-block-list.is-style-checkmark-red-list.is-style-disc-red-list > li::before,
.wp-block-list.is-style-checkmark-black-list.is-style-disc-red-list > li::before,
.wp-block-list.is-style-disc-red-list.is-style-disc-red-list > li::before {
content: "";
position: absolute;
left: 0;
background-color: #C61515;
width: 8px;
height: 8px;
border-radius: 50%;
top: 0.75em;
transform: translateY(-50%);
}
.wp-block-list.is-style-right-arrow-list {
list-style: none;
padding: 0;
}
.wp-block-list.is-style-right-arrow-list > li {
margin: 0;
padding: 12px 0;
border-bottom: 1px solid;
}
.wp-block-list.is-style-right-arrow-list > li:first-of-type {
border-top: 1px solid;
}
.wp-block-list.is-style-right-arrow-list > li a {
display: block;
position: relative;
transition: all 0.3s ease;
}
.wp-block-list.is-style-right-arrow-list > li a:after {
position: absolute;
right: 0;
content: url('data:image/svg+xml,');
}
li ul, li ol {
margin-top: 12px;
padding-left: 16px;
}
li li li::marker {
color: #81807E;
}
.wp-block-separator {
border: none;
border-top: 1px solid;
border-color: #999999;
margin: var(--wp--preset--spacing--lg) auto;
}
.wp-block-columns {
width: 100%;
}
/**
* Custom or Contrib blocks
*/
.swiper-pagination {
display: none;
}
.swiper:has(> .swiper-wrapper) {
margin-top: 78px;
}
.wp-block-gallery.gallery-swiper {
margin-top: 78px !important;
}
.wp-block-gallery.gallery-swiper .swiper {
margin-top: 0;
}
.swiper-button-next, .swiper-button-prev {
border: 1px solid #600000;
border-radius: 50%;
width: 40px;
height: 40px;
z-index: 3;
}
.swiper-button-next:after, .swiper-button-prev:after {
content: "" !important;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
border-color: black;
}
.swiper-button-next.swiper-button-lock, .swiper-button-prev.swiper-button-lock {
display: none !important;
}
.swiper-button-next > svg, .swiper-button-prev > svg {
display: none;
}
.swiper-button-next {
left: 52px;
top: -40px;
right: auto;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 50%;
}
.swiper-button-next:hover {
background-color: #600000;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E");
}
.swiper-button-prev {
left: 0;
top: -40px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='19' y1='12' x2='5' y2='12'%3E%3C/line%3E%3Cpolyline points='12 19 5 12 12 5'%3E%3C/polyline%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 50%;
}
.swiper-button-prev:hover {
background-color: #600000;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='19' y1='12' x2='5' y2='12'%3E%3C/line%3E%3Cpolyline points='12 19 5 12 12 5'%3E%3C/polyline%3E%3C/svg%3E");
}
@media (min-width: 768px) {
.swiper:has(> .swiper-wrapper) {
margin-top: 0;
}
.block-content-loop,
.wp-block-gallery.gallery-swiper,
.wp-swiper {
margin-top: var(--wp--preset--spacing--lg);
margin-bottom: var(--wp--preset--spacing--lg);
}
.section-heading + .block-content-loop,
.section-heading + .wp-block-gallery.gallery-swiper,
.section-heading + .wp-swiper {
margin-top: var(--wp--preset--spacing--sm) !important;
}
h2.heading-for-content-loop, h2.heading-for-swiper,
.section-heading-for-swiper h2, .section-heading-for-swiper p {
padding-right: 100px;
}
.swiper-button-next {
right: 0;
left: auto;
top: -50px;
width: 48px;
height: 48px;
}
.swiper-button-prev {
right: 60px;
left: auto;
top: -50px;
width: 48px;
height: 48px;
}
}
.swiper-button-next, .swiper-button-prev {
display: block !important;
}
/**
* mobile, adjust the swiper nav buttons for swiper block to be closer
*/
/**
* desktop, move the swiper nav buttons to the sides, for gallery and swiper block
*/
@media (min-width: 1320px) {
.wp-block-gallery.gallery-swiper .swiper:has(> .swiper-wrapper), .wp-swiper:not(.keep-nav-above) .wp-swiper__wrapper .swiper:has(> .swiper-wrapper) {
margin-top: 0;
}
.wp-block-gallery.gallery-swiper .swiper-button-next, .wp-swiper:not(.keep-nav-above) .wp-swiper__wrapper .swiper-button-next {
right: -100px;
left: auto;
top: calc(50% - 24px);
}
.wp-block-gallery.gallery-swiper .swiper-button-prev, .wp-swiper:not(.keep-nav-above) .wp-swiper__wrapper .swiper-button-prev {
right: auto;
top: calc(50% - 24px);
left: -100px;
}
}
.wp-block-gallery {
position: relative;
}
.wp-block-gallery .swiper-slide {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.wp-block-gallery .swiper-slide figure, .wp-block-gallery .swiper-slide figcaption {
margin-bottom: 0;
}
.wp-block-gallery .swiper-slide img {
display: block;
margin: 0 auto;
height: 100%;
max-height: min(480px, 80vw);
width: auto;
}
.block-content-loop {
position: relative;
}
.block-content-loop .wp_swiper__navigation {
margin: 0;
}
.logos.jm-block {
overflow: hidden;
}
.jm-logo-slider .swiper-wrapper {
transition-timing-function: linear;
margin-top: 0;
}
.jm-logo-slider .i-logo figure {
margin-bottom: 0;
}
.jm-logo-slider .i-logo figure img {
border-radius: 4px;
}
.jm-logo-slider .i-logo .logo-name {
font-size: 14px;
text-align: center;
}
/* Style the play/pause button */
.swiper-play-pause {
/* Add your desired button styles here */
background-color: #eee;
border: 1px solid #ccc;
padding: 5px 10px;
cursor: pointer;
}
/* Style the icons (example - adjust as needed) */
.swiper-play-pause .play-icon,
.swiper-play-pause .pause-icon {
display: inline-block; /* Or use 'block' if needed */
/* Add icon styles here - e.g., using an icon font or SVG */
}
.wp-block-quote {
background-color: #F2F1ED;
font-family: "IvarHeadline", var(--wp--preset--font-family--system-serif), serif;
margin: 24px 0;
padding: 24px;
font-size: 20px;
}
.wp-block-quote p {
padding-left: 20px;
border-left: 8px solid var(--wp--preset--color--primary);
}
@media (min-width: 768px) {
.wp-block-quote {
margin: 48px 0;
padding: 48px;
font-size: 24px;
}
.wp-block-quote p {
padding-left: 40px;
}
}
/**
* Gravity form
*/
main .gform-theme--framework, main .gform-theme--foundation {
--gf-color-primary: var(--wp--preset--color--primary);
--gf-ctrl-btn-bg-color-primary: var(--wp--preset--color--primary);
--gf-ctrl-btn-bg-color-hover-primary: var(--wp--preset--color--accent-1);
--gf-ctrl-btn-radius: 2px;
--gf-ctrl-btn-padding-x: 28px;
--gf-ctrl-btn-padding-y: 12px;
--gf-ctrl-btn-font-size-md: 16px;
--gf-form-gap-y: 24px;
--gf-form-gap-x: 24px;
--gf-ctrl-label-font-family-primary: "GT-America-Medium";
--gf-font-size-secondary: 16px;
--gf-ctrl-label-font-size-primary: 16px;
--gf-ctrl-btn-font-family: "GT-America-medium";
}
main .gform-theme--framework .gform_required_legend, main .gform-theme--foundation .gform_required_legend {
display: none;
}
main .gform-theme--framework .gform_validation_errors ol li, main .gform-theme--foundation .gform_validation_errors ol li {
margin-bottom: 5px;
}
main .gform-theme--framework .gform_validation_errors .gform-icon, main .gform-theme--foundation .gform_validation_errors .gform-icon {
color: var(--gf-form-validation-heading-icon-border-color);
}
main .gform-theme--framework .gchoice input, main .gform-theme--foundation .gchoice input {
transition: border-width 0.1s ease-in-out;
}
main .gform-theme--framework .gchoice:hover input, main .gform-theme--foundation .gchoice:hover input {
border-color: var(--wp--preset--color--primary);
border-width: 2px;
}
/**
* Always load grid style because it's used for content loop
*/
@media (max-width: 768px) {
.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
grid-template-columns: 1fr;
}
}
/**
* reverse-columns-mobile
*/
/* Mobile styles (reverse the column order) */
@media (max-width: 768px) {
.wp-block-columns.reverse-columns-mobile {
flex-direction: column-reverse; /* Reverse the order of columns */
}
}
/**
* wp-block-file
*/
.wp-block-file a:not(.wp-block-file__button) {
display: none;
}
/**
* TOC
*/
.wp-block-group.toc {
margin-top: -48px;
}
.wp-block-group.toc #toc_container {
padding: 24px;
background-color: #F2F1ED;
max-width: 880px;
border-radius: 4px;
}
@media (min-width: 768px) {
.wp-block-group.toc #toc_container {
margin-right: 72px;
}
}
.wp-block-group.toc #toc_container .toc_title {
font-family: "IvarHeadline", var(--wp--preset--font-family--system-serif), serif;
font-size: 32px;
margin: 0;
}
.wp-block-group.toc #toc_container .toc_list {
list-style: none;
padding: 0;
counter-reset: list-counter;
}
.wp-block-group.toc #toc_container .toc_list li {
margin: 0;
padding: 8px 0 8px 30px;
border-top: 1px solid var(--wp--preset--color--accent-4);
position: relative;
}
.wp-block-group.toc #toc_container .toc_list li::before {
content: counter(list-counter, decimal-leading-zero);
counter-increment: list-counter;
position: absolute;
left: 0;
}
.wp-block-group.toc #toc_container .toc_list li:last-of-type {
border-bottom: 1px solid var(--wp--preset--color--accent-4);
}
.wp-block-group.toc #toc_container .toc_list li a {
color: black;
}
/* sign up for update form */
@media (max-width: 768px) {
#gform_4 #gform_submit_button_4 {
width: 100%;
}
}
/* resource feedback form */
#gform_wrapper_5 #input_5_3 {
flex-direction: row;
gap: 24px;
}
#gform_wrapper_5 #input_5_3 .gchoice {
/* --- Hover State --- */
/* --- Selected State --- */
}
#gform_wrapper_5 #input_5_3 .gchoice label {
display: block;
margin: 0;
width: 48px;
height: 48px;
border: 1px solid #600000;
border-radius: 50%;
cursor: pointer;
transition: all 0.2s ease-in-out;
/* Hides the text label visually */
text-indent: -9999px;
overflow: hidden;
/* Generic background settings */
background-repeat: no-repeat;
background-position: center;
background-size: 50% 50%;
}
#gform_wrapper_5 #input_5_3 .gchoice label#label_5_3_0 {
background-image: url("../../assets/images/thumb-up-black.svg");
}
#gform_wrapper_5 #input_5_3 .gchoice label#label_5_3_1 {
background-image: url("../../assets/images/thumb-down-black.svg");
}
#gform_wrapper_5 #input_5_3 .gchoice label:hover {
background-color: #f5f5f5;
border-color: #000;
}
#gform_wrapper_5 #input_5_3 .gchoice .gfield-choice-input[type=radio]:checked + label {
background-color: #5d2c2c;
border-color: #5d2c2c;
}
#gform_wrapper_5 #input_5_3 .gchoice .gfield-choice-input[type=radio]:checked + label#label_5_3_0 {
background-image: url("../../assets/images/thumb-up-white.svg");
}
#gform_wrapper_5 #input_5_3 .gchoice .gfield-choice-input[type=radio]:checked + label#label_5_3_1 {
background-image: url("../../assets/images/thumb-down-white.svg");
}
#gform_wrapper_5 #input_5_3 .gfield-choice-input[type=radio] {
position: absolute;
left: -9999px;
}
#gform_wrapper_5 #input_5_1 {
max-width: 700px;
}
/**
* Form - general
*/
form {
/* --- Checkboxes & Radio Buttons --- */
}
form p {
margin: 0;
}
form .row {
display: flex;
gap: 25px;
margin: 12px 0;
}
form .row .column {
flex: 1 1 100%;
}
@media (min-width: 768px) {
form .row .column.large-6 {
flex: 1 1 50%;
}
}
form label {
font-weight: 500;
font-size: 16px;
font-family: GT-America-Medium;
color: #112337;
display: block;
}
form label.required::after {
content: "*";
color: #b90000;
margin-left: 4px;
}
form label .visuallyhidden {
visibility: hidden;
}
form input[type=text], form input[type=email], form textarea, form select {
max-width: 720px;
width: calc(100% - 24px);
padding: 8px 12px;
border: 1px solid #666666;
border-radius: 4px;
font-size: 16px;
line-height: 1.4em;
transition: all 0.15s ease-in-out;
margin: 8px 0 12px;
}
form input[type=text]:focus, form input[type=email]:focus, form textarea:focus, form select:focus {
outline: solid 3px rgba(32, 76, 229, 0.65);
outline-offset: 1px;
border-color: #204ce5;
box-shadow: 0 0 0 2px rgba(0, 115, 230, 0.2);
}
form select {
width: 100%;
}
form .form-field-option {
display: flex;
align-items: center;
margin-bottom: 10px;
}
form .form-field-option input[type=checkbox], form .form-field-option input[type=radio] {
margin-right: 12px;
width: 18px;
height: 18px;
flex-shrink: 0;
}
form .wpcf7-list-item {
display: inline-block;
margin: 0 12px 0 1px;
font-size: 16px;
}
form button[type=submit], form input[type=submit] {
background-color: var(--wp--preset--color--primary);
color: #ffffff;
border: none;
padding: 12px 24px;
font-size: 18px;
font-weight: 600;
border-radius: 2px;
cursor: pointer;
transition: background-color 0.2s ease-in-out;
margin-top: 0;
}
form button[type=submit]:hover, form button[type=submit]:focus, form input[type=submit]:hover, form input[type=submit]:focus {
background-color: #600000;
}
form label.error {
color: #c02b0a;
font-weight: normal;
font-family: "GT-America";
font-size: 14px;
margin-top: -6px;
}
form input.error {
border-color: #c02b0a;
}
.wp-block-search input {
margin: 0;
}
.wp-block-table th, .wp-block-table td {
padding: 24px 8px;
font-size: 18px;
border-color: var(--wp--preset--color--accent-4);
}
.wp-block-table thead {
text-align: left;
border-bottom: 1px solid var(--wp--preset--color--accent-4);
}
.wp-block-table thead th, .wp-block-table thead td {
padding: 16px 8px;
font-size: 20px;
}
.wp-block-table.is-style-stripes th, .wp-block-table.is-style-stripes td {
border: 0;
}
.wp-block-table.is-style-stripes thead {
border-bottom: 1px solid var(--wp--preset--color--accent-4);
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: var(--wp--preset--color--accent-5);
}
.wp-block-table.is-style-stripes tbody tr:nth-child(even) {
background-color: white;
}
.progress-bar {
background-color: #D1CFC7;
margin-bottom: 24px;
}
.progress-bar .bar {
height: 24px;
background-color: #C61515;
}
.label-review-digital {
border: 1px solid #538329;
color: #538329;
text-transform: uppercase;
padding: 4px 8px;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.05em;
}
/**
* hero-large-feature
*/
.hero-large-feature.pattern {
margin-bottom: 48px;
}
.hero-large-feature.pattern .media-wrapper {
height: 0;
padding-bottom: 56.25%; /* 16:9 video ratio */
position: relative; /* Important! Makes the wrapper the positioning context. */
overflow: hidden; /* Hide any content that overflows. */
margin-bottom: -48px;
}
.hero-large-feature.pattern .media-wrapper.img {
padding-bottom: 66.67%; /* 3:2 aspect ratio */
}
.hero-large-feature.pattern .media-wrapper > img,
.hero-large-feature.pattern .media-wrapper > figure,
.hero-large-feature.pattern .media-wrapper > figure > img,
.hero-large-feature.pattern .media-wrapper > video,
.hero-large-feature.pattern .media-wrapper > iframe { /* Target images, videos, and iframes (for embeds). */
position: absolute; /* Take them out of the normal flow. */
top: 0;
left: 0;
width: 100%; /* Fill the wrapper horizontally. */
height: 100%; /* Fill the wrapper vertically. */
object-fit: cover; /* Crucially important for how the media scales. */
object-position: center; /* Center the media within the wrapper. */
}
.hero-large-feature.pattern p {
font-size: 20px;
}
.hero-large-feature.pattern h1.wp-block-heading {
font-size: 40px;
line-height: 48px;
}
@media (min-width: 768px) {
.hero-large-feature.pattern {
margin-bottom: 72px;
}
.hero-large-feature.pattern h1.wp-block-heading {
font-size: 64px;
line-height: 72px;
}
.hero-large-feature.pattern .media-wrapper {
margin-bottom: -72px;
}
.hero-large-feature.pattern .media-wrapper.img {
padding-bottom: 56.25%; /* 16:9 video ratio */
}
}
/**
* hero-media-text
*/
@media (max-width: 768px) {
.hero-media-text.pattern .wp-block-button.is-style-fill {
width: 100%;
}
}
/**
* Section heading
*/
.section-heading.pattern {
margin-top: var(--wp--preset--spacing--lg);
margin-bottom: var(--wp--preset--spacing--lg);
}
.wp-block-group.has-background:not(.has-accent-3-background-color) .section-heading.pattern {
margin-top: 0;
}
.section-heading.pattern.section-heading-for-swiper {
margin-bottom: var(--wp--preset--spacing--sm);
}
@media (min-width: 768px) {
.services.pattern .section-heading.pattern {
margin-bottom: calc(var(--wp--preset--spacing--lg) + var(--wp--preset--spacing--sm));
}
}
.section-heading.pattern > * {
max-width: 720px;
}
.section-heading.pattern > *.has-text-align-left {
margin-left: 0 !important;
}
/**
* Pattern: content-w-limited-width
*/
.content-w-limited-width.pattern > * {
max-width: 720px;
}
.content-w-limited-width.pattern > *.has-text-align-left {
margin-left: 0 !important;
}
/**
* Pattern: Small expandable content accordion
* class: .vertical-tabs
*/
.vertical-tabs.pattern {
position: relative;
gap: 0;
flex-wrap: nowrap;
}
.vertical-tabs.pattern summary {
font-size: 20px;
}
@media (min-width: 768px) {
.vertical-tabs.pattern summary {
font-size: 24px;
}
}
.vertical-tabs.pattern details {
border-top: 1px solid;
padding: var(--wp--preset--spacing--sm) 0;
position: static;
}
.vertical-tabs.pattern details:last-of-type {
border-bottom: 1px solid;
}
@media (min-width: 768px) {
.vertical-tabs.pattern details {
width: 40%;
margin-left: 0 !important;
}
.vertical-tabs.pattern details figure {
position: absolute;
width: 55%;
right: 0;
top: 0;
margin-top: 0;
}
}
/**
* Discover JStor, Tabbed Content
*/
.discover-jstor-container, .tabbed-content-container {
position: relative;
flex-wrap: wrap;
}
@media (max-width: 768px) {
.discover-jstor-container .discover-jstor.pattern, .discover-jstor-container .tabbed-content.pattern, .tabbed-content-container .discover-jstor.pattern, .tabbed-content-container .tabbed-content.pattern {
max-width: 100%;
overflow-x: scroll;
}
}
.discover-jstor-container .discover-jstor.pattern .wp-block-details[open] > div, .discover-jstor-container .tabbed-content.pattern .wp-block-details[open] > div, .tabbed-content-container .discover-jstor.pattern .wp-block-details[open] > div, .tabbed-content-container .tabbed-content.pattern .wp-block-details[open] > div {
width: 100%;
position: absolute;
z-index: 2;
top: 45px;
left: 0;
}
@media (min-width: 768px) {
.discover-jstor-container .discover-jstor.pattern .wp-block-details[open] > div, .discover-jstor-container .tabbed-content.pattern .wp-block-details[open] > div, .tabbed-content-container .discover-jstor.pattern .wp-block-details[open] > div, .tabbed-content-container .tabbed-content.pattern .wp-block-details[open] > div {
top: 74px;
}
}
.discover-jstor-container .discover-jstor.pattern .wp-block-details, .discover-jstor-container .tabbed-content.pattern .wp-block-details, .tabbed-content-container .discover-jstor.pattern .wp-block-details, .tabbed-content-container .tabbed-content.pattern .wp-block-details {
border-bottom: solid 4px #D1CFC7; /* Marble Gray 80 */
color: #81807E;
position: static;
}
@media (min-width: 600px) {
.discover-jstor-container .discover-jstor.pattern .wp-block-details, .discover-jstor-container .tabbed-content.pattern .wp-block-details, .tabbed-content-container .discover-jstor.pattern .wp-block-details, .tabbed-content-container .tabbed-content.pattern .wp-block-details {
width: 25%;
}
}
.discover-jstor-container .discover-jstor.pattern .wp-block-details summary, .discover-jstor-container .tabbed-content.pattern .wp-block-details summary, .tabbed-content-container .discover-jstor.pattern .wp-block-details summary, .tabbed-content-container .tabbed-content.pattern .wp-block-details summary {
font-size: 20px;
font-family: "GT-America", var(--wp--preset--font-family--system-sans-serif), sans-serif;
padding: 10px 18px;
display: inline-block;
white-space: nowrap;
margin-right: 30px;
}
.discover-jstor-container .discover-jstor.pattern .wp-block-details summary:after, .discover-jstor-container .tabbed-content.pattern .wp-block-details summary:after, .tabbed-content-container .discover-jstor.pattern .wp-block-details summary:after, .tabbed-content-container .tabbed-content.pattern .wp-block-details summary:after {
transform: none;
position: absolute;
transform: scale(0.8);
font-size: 1em;
right: -24px;
top: 8px;
content: url('data:image/svg+xml,');
}
@media (min-width: 768px) {
.discover-jstor-container .discover-jstor.pattern .wp-block-details summary, .discover-jstor-container .tabbed-content.pattern .wp-block-details summary, .tabbed-content-container .discover-jstor.pattern .wp-block-details summary, .tabbed-content-container .tabbed-content.pattern .wp-block-details summary {
font-size: 24px;
padding: 15px 18px;
margin-right: 0;
}
.discover-jstor-container .discover-jstor.pattern .wp-block-details summary:after, .discover-jstor-container .tabbed-content.pattern .wp-block-details summary:after, .tabbed-content-container .discover-jstor.pattern .wp-block-details summary:after, .tabbed-content-container .tabbed-content.pattern .wp-block-details summary:after {
top: 18px;
transform: scale(1);
}
}
@media (min-width: 1024px) {
.discover-jstor-container .discover-jstor.pattern .wp-block-details summary, .discover-jstor-container .tabbed-content.pattern .wp-block-details summary, .tabbed-content-container .discover-jstor.pattern .wp-block-details summary, .tabbed-content-container .tabbed-content.pattern .wp-block-details summary {
font-size: 32px;
line-height: 40px;
padding: 18px;
margin-right: 0;
}
.discover-jstor-container .discover-jstor.pattern .wp-block-details summary:after, .discover-jstor-container .tabbed-content.pattern .wp-block-details summary:after, .tabbed-content-container .discover-jstor.pattern .wp-block-details summary:after, .tabbed-content-container .tabbed-content.pattern .wp-block-details summary:after {
top: 24px;
}
}
.discover-jstor-container .discover-jstor.pattern .wp-block-details[open], .discover-jstor-container .tabbed-content.pattern .wp-block-details[open], .tabbed-content-container .discover-jstor.pattern .wp-block-details[open], .tabbed-content-container .tabbed-content.pattern .wp-block-details[open] {
color: black;
border-color: var(--wp--preset--color--primary);
background-color: #F2F1ED;
}
.discover-jstor-container .discover-jstor.pattern .wp-block-details[open] summary:after, .discover-jstor-container .tabbed-content.pattern .wp-block-details[open] summary:after, .tabbed-content-container .discover-jstor.pattern .wp-block-details[open] summary:after, .tabbed-content-container .tabbed-content.pattern .wp-block-details[open] summary:after {
content: url('data:image/svg+xml,');
}
@media (min-width: 600px) {
.discover-jstor-container .discover-jstor.pattern.col-3 .wp-block-details, .discover-jstor-container .tabbed-content.pattern.col-3 .wp-block-details, .tabbed-content-container .discover-jstor.pattern.col-3 .wp-block-details, .tabbed-content-container .tabbed-content.pattern.col-3 .wp-block-details {
width: 33.33%;
}
}
.discover-jstor-container .discover-jstor.pattern .testimonial-quote, .discover-jstor-container .tabbed-content.pattern .testimonial-quote, .tabbed-content-container .discover-jstor.pattern .testimonial-quote, .tabbed-content-container .tabbed-content.pattern .testimonial-quote {
width: 100%;
}
/**
* Quote with image
* class: .testimonial-quote
*/
.jm-quote.pattern {
font-family: "IvarHeadline", var(--wp--preset--font-family--system-serif), serif;
position: relative;
width: 100%;
}
.jm-quote.pattern .headshot {
border-radius: 50%;
max-width: 54px;
border: 2px solid var(--wp--preset--color--accent-1);
overflow: hidden;
position: absolute;
bottom: 0;
left: 0;
}
.jm-quote.pattern .headshot + .quote-text + .byline {
padding-left: 78px;
}
.jm-quote.pattern .quote-text {
position: relative;
max-width: none;
padding-top: 56px;
}
.jm-quote.pattern .quote-text:before {
content: "";
position: absolute;
display: block;
background-image: url("../../assets/images/quote.png");
background-repeat: no-repeat;
background-size: 53px 40px;
width: 53px;
height: 40px;
top: 0;
}
.jm-quote.pattern .byline {
font-family: "GT-America", var(--wp--preset--font-family--system-sans-serif), sans-serif;
font-size: 16px;
line-height: 1.5em;
}
.jm-quote.pattern .byline strong {
font-family: "GT-America-Bold", var(--wp--preset--font-family--system-sans-serif), sans-serif;
}
.jm-quote.pattern.has-border {
border: 1px solid var(--wp--preset--color--accent-4);
border-radius: 4px;
padding: 24px;
}
.jm-quote.pattern.has-border .headshot {
left: 24px;
bottom: 24px;
}
@media (min-width: 768px) {
.jm-quote.pattern .headshot {
max-width: 144px;
bottom: calc(50% - 72px);
}
.jm-quote.pattern .headshot + .quote-text, .jm-quote.pattern .headshot + .quote-text + .byline {
padding-left: 196px;
}
.jm-quote.pattern.has-border .headshot {
bottom: calc(50% - 72px);
}
}
/**
* services
*/
.services.pattern > .wp-block-columns.service-details {
margin-block-start: 0;
}
.services.pattern > .wp-block-columns.service-details .wp-block-separator {
border-color: black;
}
.services.pattern > .wp-block-columns.service-details > .wp-block-column.recommended {
position: relative;
margin-top: 48px;
}
@media (min-width: 768px) {
.services.pattern > .wp-block-columns.service-details > .wp-block-column.recommended {
margin-top: 0;
}
}
.services.pattern > .wp-block-columns.service-details > .wp-block-column.recommended > p:first-child {
background-color: var(--wp--preset--color--accent-6);
margin-left: -24px;
margin-right: -24px;
padding: 8px 0;
position: absolute;
width: 100%;
top: -52px;
right: 23px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border: 1px solid var(--wp--preset--color--accent-4);
}
@media (min-width: 768px) {
.services.pattern > .wp-block-columns.service-details {
gap: 0;
}
}
@media (min-width: 768px) {
.services.pattern > .wp-block-columns.service-details > .wp-block-column:not(:last-of-type) {
border-right-color: transparent !important;
}
}
.services.pattern > .wp-block-columns.services-cta {
border-radius: 0 0 4px 4px;
}
@media (max-width: 768px) {
.services.pattern > .wp-block-columns.services-cta {
border-radius: 4px;
background-color: transparent !important;
color: white !important;
}
.services.pattern > .wp-block-columns.services-cta .wp-block-buttons, .services.pattern > .wp-block-columns.services-cta .wp-block-button {
width: 100%;
}
.services.pattern > .wp-block-columns.services-cta .wp-block-buttons a, .services.pattern > .wp-block-columns.services-cta .wp-block-button a {
display: block;
}
}
@media (min-width: 768px) {
.services.pattern > .wp-block-columns.services-cta {
margin-top: 0;
border: 1px solid var(--wp--preset--color--accent-4);
border-top: 0;
padding: 24px;
}
}
.services.pattern .wp-block-column.has-accent-3-background-color {
border-radius: 4px;
}
.services.pattern .wp-block-column.has-accent-3-background-color.recommended {
border-radius: 0 0 4px 4px;
}
@media (min-width: 768px) {
.services.pattern .wp-block-column.has-accent-3-background-color {
border-radius: 0;
}
.services.pattern .wp-block-column.has-accent-3-background-color:first-child {
border-radius: 4px 0 0 0;
}
.services.pattern .wp-block-column.has-accent-3-background-color.recommended {
border-radius: 0;
}
.services.pattern .tier-heading {
margin-top: 6px;
}
}
/**
* sign up for update
*/
@media (min-width: 768px) {
.signup-update.pattern .gfield_checkbox#input_4_3 {
flex-direction: row;
}
.signup-update.pattern .gfield_checkbox#input_4_3 > div > input {
margin-top: 3px;
}
}
.signup-update.pattern .gfield_checkbox#input_4_3 > div > input {
margin-top: 3px;
}
/**
* FAQ accordion
*/
.faq.pattern details {
padding: 20px 0 0;
margin-top: 20px;
border-top: 1px solid black;
}
.faq.pattern details summary {
padding-right: 40px;
font-family: "GT-America", var(--wp--preset--font-family--system-sans-serif), sans-serif;
font-size: 20px;
}
@media (min-width: 768px) {
.faq.pattern details summary {
font-size: 32px;
}
}
.faq.pattern details:last-of-type {
padding-bottom: 20px;
border-bottom: 1px solid black;
}
/**
* Mixed content cards
*/
.mixed-content-cards.pattern .left-stack {
height: 100%;
justify-content: space-between;
}
.mixed-content-cards.pattern ul.is-style-right-arrow-list {
font-family: "GT-America-Medium", var(--wp--preset--font-family--system-sans-serif), sans-serif;
}
/**
* Page credits
*/
.page-credits.pattern {
border-top: 1px solid black;
border-bottom: 1px solid black;
padding: 24px 0;
}
.page-credits.pattern summary {
font-size: 20px;
font-family: "GT-America", var(--wp--preset--font-family--system-sans-serif), sans-serif;
}
@media (min-width: 768px) {
.page-credits.pattern summary {
font-size: 32px;
}
}
/**
* Content grid
*/
.content-grid.pattern {
margin-top: var(--wp--preset--spacing--lg);
margin-bottom: var(--wp--preset--spacing--lg);
}
.content-grid.pattern:last-child {
margin-bottom: 0;
}
.content-grid.pattern > .wp-block-group.is-layout-grid {
border-color: black;
}
.content-grid.pattern > .wp-block-group.is-layout-grid h3 {
font-size: 24px;
font-family: "IvarHeadline-Medium", var(--wp--preset--font-family--system-serif), serif;
}
.content-grid.pattern > .wp-block-group.is-layout-grid h3 + p {
margin-top: 12px;
}
.content-grid.pattern > .wp-block-group.is-layout-grid .wp-block-buttons {
margin-top: 12px;
}
/**
* Media text w bg
*/
.pattern.media-text-w-bg {
margin-bottom: 0;
overflow: hidden;
}
/**
* File download
*/
.download.pattern .file-info {
flex-wrap: wrap;
align-items: flex-start;
padding: 16px;
gap: 16px;
border-bottom: 1px solid var(--wp--preset--color--accent-4);
}
.download.pattern .file-info figure {
width: 74px;
padding: 0 11px;
position: absolute;
top: 16px;
right: 16px;
}
.download.pattern .file-info .content-stack {
gap: 16px;
}
.download.pattern .file-info h6, .download.pattern .file-info .h6 {
flex: 1 1 65%;
order: 1;
font-size: 24px;
padding-right: 96px;
min-height: 100px;
}
@media (min-width: 768px) {
.download.pattern .file-info h6, .download.pattern .file-info .h6 {
min-height: 50px;
}
}
.download.pattern .file-info p {
flex: 0 0 100%;
order: 3;
}
.download.pattern .file-info .wp-block-file {
line-height: 1;
order: 4;
}
@media (min-width: 768px) {
.download.pattern .file-info {
position: relative;
flex-wrap: nowrap;
}
.download.pattern .file-info figure {
width: 118px;
min-width: 118px;
padding: 0;
order: 0;
position: static;
}
.download.pattern .file-info h6 {
padding-right: 60px;
min-height: 57px;
}
.download.pattern .file-info .wp-block-file {
position: absolute;
top: 16px;
right: 16px;
}
}
.download.pattern .partners {
padding: 16px;
margin-top: 0;
flex-wrap: wrap;
gap: 12px;
}
.download.pattern .partners p {
flex: 1 1 100%;
font-size: 14px;
}
.download.pattern .partners figure {
align-items: center;
display: inline-flex;
}
@media (min-width: 768px) {
.download.pattern .partners p {
flex: 0 0 auto;
}
}
.download.pattern .wp-block-file__button.wp-element-button {
width: 24px;
height: 24px;
padding: 12px;
margin: 0;
border: 1px solid var(--wp--preset--color--primary);
border-radius: 50%;
background: white;
color: transparent; /* Hide the text visually */
position: relative;
overflow: hidden; /* Hide text if it overflows*/
}
.download.pattern .wp-block-file__button.wp-element-button::before {
content: url('data:image/svg+xml;utf8,');
display: inline-block;
}
.download.pattern .wp-block-file__button.wp-element-button:hover {
background-color: var(--wp--preset--color--primary);
}
.download.pattern .wp-block-file__button.wp-element-button:hover::before {
content: url('data:image/svg+xml;utf8,');
}
.pattern.community-voices {
margin-top: var(--wp--preset--spacing--lg);
margin-bottom: var(--wp--preset--spacing--lg);
}
/**
* Content loop
*/
.content-loop-card figure:hover + .wp-block-post-terms + .wp-block-post-title {
text-decoration: underline;
}
.content-loop-card h3 {
font-family: "IvarHeadline-Medium", var(--wp--preset--font-family--system-serif), serif;
}
.content-loop-card .wp-block-post-excerpt {
margin-top: 12px;
}
/**
* Scroll wrap
*/
.scroll-wrap {
overflow-x: scroll;
}
.scroll-wrap .tab-links {
min-width: 800px;
background-color: lightcyan;
padding: 12px;
font-size: 20px;
}
@media (min-width: 768px) {
.scroll-wrap {
display: none;
}
}
/**
* Floating CTA
*/
.wp-block-details.floating-cta {
position: fixed;
right: 24px;
bottom: 0;
z-index: 20;
background-color: #F9F8F6;
font-size: 16px;
border-radius: 2px 2px 0 0;
}
.wp-block-details.floating-cta summary {
background-color: #C61515;
color: white;
padding: 8px 40px 8px 24px;
font-size: 16px;
position: relative;
border-radius: 2px 2px 0 0;
}
.wp-block-details.floating-cta summary + div {
margin-top: 0;
max-height: 60vh;
padding: 24px;
max-width: 80vw;
width: 672px;
overflow-y: scroll;
}
.wp-block-details.floating-cta summary + div h2.gform_title {
font-size: 32px;
line-height: 40px;
margin: 0 0 24px 0;
border-bottom: 1px solid var(--wp--preset--color--accent-4);
padding-bottom: 24px;
}
.wp-block-details.floating-cta summary::after {
content: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.99992 3.41414L10.2928 7.70703L11.707 6.29282L5.99992 0.585706L0.292818 6.29282L1.70703 7.70703L5.99992 3.41414Z' fill='white'/%3E%3C/svg%3E");
width: 12px;
height: 8px;
top: 5px;
right: 15px;
}
.wp-block-details.floating-cta[open] {
box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
}
.wp-block-details.floating-cta[open] summary::after {
top: 24px;
}
.wp-block-details.floating-cta a {
color: black;
text-decoration: underline;
}
.wp-block-details.floating-cta #field_submit {
justify-content: flex-end;
}
.wp-block-details.floating-cta .gform_footer {
margin: 0;
}
@media (max-width: 768px) {
.wp-block-details.floating-cta {
width: 100%;
right: 0;
text-align: center;
}
.wp-block-details.floating-cta summary {
padding-top: 12px;
padding-bottom: 12px;
}
.wp-block-details.floating-cta summary::after {
top: 6px;
}
.wp-block-details.floating-cta summary + div {
max-height: 75vh;
max-width: none;
width: calc(100vw - 48px);
text-align: left;
}
.wp-block-details.floating-cta[open] summary::after {
top: 28px;
}
}
/**
* Alsert banner
*/
.alert-banner-container {
background-color: #FDF9F2;
border-bottom: 1px solid var(--wp--preset--color--primary);
padding: 8px 24px;
}
.alert-banner-container > div {
text-align: center;
max-width: 1140px;
margin: 0 auto;
}
.alert-banner-container > div a {
color: inherit;
text-decoration: underline;
}
/**
* Manual Content Cards
*/
.pattern.manual-content-cards .content-loop-card {
gap: 12px;
}
.site-header {
border-bottom: 1px solid var(--wp--preset--color--accent-4);
background-color: white;
z-index: 3;
/*
* Mobile site menu style
*/
/*
* Handle the style between
*/
/**
* upon scroll, .sticky is added
*/
}
.site-header * {
transition: all 0.2s ease-in-out;
}
.site-header > .wp-block-columns {
max-width: var(--wp--style--global--wide-size);
margin: 0 auto;
}
.site-header > .wp-block-columns .site-logo-col {
border-right: 1px solid var(--wp--preset--color--accent-4);
min-width: 72px;
}
@media (min-width: 768px) {
.site-header > .wp-block-columns .site-logo-col {
min-width: 102px;
}
}
.site-header > .wp-block-columns .wp-block-site-logo {
width: 48px;
padding: 8px 0;
transition: height 0.2s ease-in-out;
}
@media (min-width: 768px) {
.site-header > .wp-block-columns .wp-block-site-logo {
width: 102px;
padding: 12px 24px 12px 0;
}
}
.site-header > .wp-block-columns .wp-block-site-logo img {
height: auto;
width: 78px;
}
.site-header > .wp-block-columns .utility-menu {
border-bottom: 1px solid var(--wp--preset--color--accent-4);
padding: 0;
gap: 0;
}
.site-header > .wp-block-columns .utility-menu ul.wp-block-navigation {
gap: 0;
}
.site-header > .wp-block-columns .utility-menu ul.wp-block-navigation > li {
padding: 0 18px;
border-right: 1px solid var(--wp--preset--color--accent-4);
line-height: 1;
}
.site-header > .wp-block-columns .utility-menu ul.wp-block-navigation > li a {
position: relative;
}
.site-header > .wp-block-columns .utility-menu ul.wp-block-navigation > li a::after {
content: "";
position: absolute;
left: 0;
bottom: -6px;
width: 100%;
border-bottom: 1px solid transparent;
}
.site-header > .wp-block-columns .utility-menu ul.wp-block-navigation > li a:hover {
text-decoration: none;
}
.site-header > .wp-block-columns .utility-menu ul.wp-block-navigation > li a:hover::after {
border-color: var(--wp--preset--color--primary);
}
@media (min-width: 768px) {
.site-header .mobile-menu-toggle.wp-block-button {
display: none;
}
}
.site-header .mobile-menu-toggle.wp-block-button .wp-block-button__link {
background-color: transparent;
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
width: 40px;
height: 40px;
background-image: url("../../assets/images/list.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
display: inline-block;
}
.site-header .mega-menu.show .mobile-menu-toggle.wp-block-button .wp-block-button__link {
background-image: url("../../assets/images/close.svg");
background-size: 24px 24px;
}
@media (min-width: 768px) {
.site-header .mega-menu {
position: relative;
}
.site-header .mega-menu > .wp-block-group {
flex-wrap: wrap;
}
}
.site-header .mega-menu h2, .site-header .mega-menu h3, .site-header .mega-menu h4, .site-header .mega-menu h5, .site-header .mega-menu h6, .site-header .mega-menu .nav-heading {
font-family: "GT-America", var(--wp--preset--font-family--system-sans-serif), sans-serif;
font-size: 16px;
line-height: 1.2;
}
.site-header .mega-menu p {
max-width: 720px;
}
.site-header .mega-menu details {
font-size: 14px;
transition: all 0.2s ease;
}
.site-header .mega-menu details summary {
font-size: 16px;
padding: 24px 40px 23px 20px;
}
.site-header .mega-menu details summary:hover {
text-decoration: none;
}
@media (min-width: 768px) {
.site-header .mega-menu details summary {
z-index: 12;
position: relative;
border: 1px solid transparent;
display: inline-block;
}
}
.site-header .mega-menu details summary:after {
content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0001 14.5859L7.70718 10.293L6.29297 11.7072L12.0001 17.4143L17.7072 11.7072L16.293 10.293L12.0001 14.5859Z' fill='black'/%3E%3C/svg%3E");
top: 22px;
right: 10px;
}
.site-header .mega-menu details summary::before {
content: "";
position: absolute;
left: 20px;
bottom: 20px;
width: calc(100% - 58px);
height: 1px;
background-color: transparent;
transition: all 0.2s ease;
}
.site-header .mega-menu details summary:hover::before {
background-color: var(--wp--preset--color--primary);
}
@media (min-width: 768px) {
.site-header .mega-menu details[open] summary {
background-color: #F2F1ED;
border-right-color: #D1CFC7;
border-left-color: #D1CFC7;
border-bottom: 1px solid #F2F1ED;
}
}
.site-header .mega-menu details[open] summary:after {
top: 24px;
}
.site-header .mega-menu details[open] summary::before {
width: calc(100% - 58px);
}
@media (min-width: 768px) {
.site-header .mega-menu details:first-of-type[open] summary {
border-left-color: transparent;
}
}
.site-header .mega-menu details .nav-group-header {
font-size: 14px;
line-height: 1.2;
color: var(--wp--preset--color--accent-2);
border-bottom: 1px solid #D1CFC7;
padding-bottom: 6px;
}
.site-header .mega-menu details .wp-block-heading a, .site-header .mega-menu details .nav-heading a {
color: black;
font-family: "GT-America-Medium", var(--wp--preset--font-family--system-sans-serif), sans-serif;
}
.site-header .mega-menu details .wp-block-heading + p, .site-header .mega-menu details .nav-heading + p {
margin-top: 6px;
}
.site-header .mega-menu details > .wp-block-group {
background-color: #F2F1ED;
border-top: 1px solid #D1CFC7;
padding: 24px;
}
@media (min-width: 768px) {
.site-header .mega-menu details > .wp-block-group {
position: absolute;
z-index: 2;
left: -127px;
top: 46px;
width: 100vw;
max-width: 100vw;
}
}
@media (min-width: 1360px) {
.site-header .mega-menu details > .wp-block-group {
left: calc(-127px - (100vw - 1360px) / 2);
}
}
.site-header .search-container {
display: flex;
align-items: center;
position: relative;
z-index: 15;
}
.site-header .search-container .search-cta {
cursor: pointer;
position: relative;
padding: 16px 18px;
}
.site-header .search-container .search-cta::after {
content: "";
position: absolute;
left: 18px;
bottom: 14px;
width: calc(100% - 46px);
border-bottom: 1px solid transparent;
}
.site-header .search-container .search-cta:hover::after {
border-color: var(--wp--preset--color--primary);
}
.site-header .search-container .search-icon {
background-image: url("../../assets/images/search.svg");
background-repeat: no-repeat;
padding-right: 30px;
background-position: right center;
}
.site-header .search-container .close-icon {
display: none;
background: #F2F1ED;
border-left: 1px solid var(--wp--preset--color--accent-4);
border-right: 1px solid var(--wp--preset--color--accent-4);
z-index: 11;
background-image: url("../../assets/images/close.svg");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 12px 12px;
padding-right: 30px;
position: absolute;
width: 50px;
height: 27px;
line-height: 27px;
right: 0;
}
.site-header .search-container .close-icon::after {
width: calc(100% - 56px);
}
@media (min-width: 768px) {
.site-header .search-container .search-forms {
display: none;
position: absolute;
width: 760px;
right: 0;
background: #F2F1ED;
top: 55px;
z-index: 10;
padding: 24px 0;
border: 1px solid var(--wp--preset--color--accent-4);
}
.site-header .search-container .search-forms > div {
padding: 0 24px;
width: 50%;
}
.site-header .search-container .search-forms > div:first-child {
border-right: 1px solid var(--wp--preset--color--accent-4);
}
}
.site-header .search-container .search-intro {
font-size: 14px;
font-family: "GT-America-Medium", var(--wp--preset--font-family--system-sans-serif), sans-serif;
}
.site-header .search-container input {
padding: 12px;
font-size: 16px;
}
.site-header .search-container input[type=text] {
border-width: 1px;
border-radius: 3px;
margin: 18px 0;
font-size: 15px;
}
.site-header .search-container input[type=text].search-icon {
padding-right: 42px;
background-position: right 12px center;
width: calc(100% - 54px);
}
.site-header .search-container input[type=submit] {
border-style: solid;
font-family: "GT-America-Medium", var(--wp--preset--font-family--system-sans-serif), sans-serif;
padding: 12px 15px;
cursor: pointer;
margin-bottom: 0;
}
.site-header .search-container .site-search input[type=submit] {
background-color: var(--wp--preset--color--primary);
border-color: var(--wp--preset--color--primary);
color: white;
}
.site-header .search-container .jstor-search input[type=submit] {
background-color: transparent;
border-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--primary);
background-image: url("../../assets/images/external-link-arrow.svg");
background-repeat: no-repeat;
padding-right: 42px;
background-position: right 12px center;
}
.site-header .search-container.show .search-forms {
display: flex;
}
.site-header .search-container.show .search-cta.close-icon {
display: block;
}
@media (max-width: 768px) {
.site-header .mega-menu:not(.show) > .wp-block-group, .site-header > .wp-block-columns .utility-menu:not(.show) {
display: none;
}
.site-header .site-logo-col {
position: absolute;
}
.site-header .site-menu-col {
align-self: center;
}
.site-header .site-menu-col > .wp-block-group {
align-items: end;
flex-direction: column-reverse;
}
.site-header .mega-menu {
flex-direction: column-reverse;
width: 100%;
align-items: flex-start;
}
.site-header .mega-menu > .wp-block-buttons {
align-self: flex-end;
height: 80px;
transition: height 0.2s ease-in-out;
}
.site-header .mega-menu > .wp-block-group {
flex-direction: column;
align-items: flex-start;
background: white;
width: calc(100% + 48px);
margin-left: -24px;
margin-right: -24px;
}
.site-header .mega-menu details {
width: 100%;
border-top: 1px solid var(--wp--preset--color--accent-4);
max-height: calc(100vh - 93px);
overflow-y: scroll;
}
.admin-bar .site-header .mega-menu details {
max-height: calc(100vh - 139px);
}
.site-header .mega-menu details:last-of-type {
border-bottom: 1px solid var(--wp--preset--color--accent-4);
}
.site-header .mega-menu details > .wp-block-group {
margin-top: 0;
}
.site-header .mega-menu details summary {
padding: 12px 40px 12px 20px;
}
.site-header .mega-menu details summary:after {
top: 11px;
}
.site-header .mega-menu details summary::before {
display: none;
}
.site-header .mega-menu details[open] summary {
background-color: var(--wp--preset--color--primary);
color: white;
}
.site-header .mega-menu details[open] summary:after {
content: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.99992 3.41414L10.2928 7.70703L11.707 6.29282L5.99992 0.585706L0.292818 6.29282L1.70703 7.70703L5.99992 3.41414Z' fill='white'/%3E%3C/svg%3E");
top: 10px;
right: 4px;
transform: rotate(0deg);
}
.site-header > .wp-block-columns .utility-menu {
flex-direction: column-reverse;
width: calc(100% + 48px);
margin-left: -24px;
margin-right: -24px;
background-color: #F2F1ED;
}
.site-header > .wp-block-columns .utility-menu > nav {
width: 100%;
padding: 24px 0;
border-top: 1px solid var(--wp--preset--color--accent-4);
}
.site-header > .wp-block-columns .utility-menu > nav ul.wp-block-navigation > li:last-of-type {
border-right: 0;
}
.site-header > .wp-block-columns .utility-menu > .search-container {
width: 100%;
}
.site-header > .wp-block-columns .utility-menu > .search-container .search-forms {
flex-direction: column;
width: 100%;
padding: 24px;
}
.site-header > .wp-block-columns .utility-menu > .search-container .search-forms input[type=submit] {
width: 100%;
display: block;
}
.site-header > .wp-block-columns .utility-menu > .search-container .search-forms .jstor-search {
padding-top: 24px;
border-top: 1px solid var(--wp--preset--color--accent-4);
}
.site-header > .wp-block-columns .utility-menu > .search-container .search-cta, .site-header > .wp-block-columns .utility-menu > .search-container .close-icon {
display: none;
}
}
@media (min-width: 768px) and (max-width: 952px) {
.site-header .mega-menu details summary {
font-size: 16px;
padding: 24px 30px 21px 10px;
}
.site-header .mega-menu details summary:after {
right: 5px;
}
.site-header .mega-menu > .wp-block-buttons {
position: absolute;
top: -48px;
left: 12px;
}
}
@media (min-width: 768px) {
.site-header.sticky {
position: fixed;
z-index: 100;
top: 0;
left: 0;
width: 100%;
}
body.admin-bar .site-header.sticky {
top: 32px;
}
.site-header.sticky > div > div * {
transition: height 0.2s ease;
}
.site-header.sticky .utility-menu {
display: none;
}
.site-header.sticky > .wp-block-columns .site-logo-col .wp-block-site-logo {
width: 80px;
}
.site-header.sticky > .wp-block-columns .site-menu-col {
display: flex;
flex-direction: column;
justify-content: center;
}
.site-header.sticky + .page-menu-section {
position: fixed;
z-index: 10;
top: 100px;
width: calc(100% - 48px);
background-color: white;
}
body.admin-bar .site-header.sticky + .page-menu-section {
top: 132px;
}
}
@media screen and (min-width: 768px) and (max-width: 782px) {
body.admin-bar .site-header.sticky + .page-menu-section {
top: 146px;
}
}
@media (min-width: 768px) {
.site-header.sticky .mega-menu details summary {
padding-top: 38px;
padding-bottom: 37px;
}
.site-header.sticky .mega-menu details summary:after {
content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0001 14.5859L7.70718 10.293L6.29297 11.7072L12.0001 17.4143L17.7072 11.7072L16.293 10.293L12.0001 14.5859Z' fill='black'/%3E%3C/svg%3E");
top: 36px;
right: 10px;
}
.site-header.sticky .mega-menu details summary:before {
bottom: 34px;
}
.site-header.sticky .mega-menu details[open] summary:after {
top: 40px;
}
.site-header.sticky .mega-menu details > .wp-block-group {
top: 74px;
z-index: 11;
}
}
@media (max-width: 768px) {
#wpadminbar {
visibility: hidden;
}
html {
margin-top: 0 !important;
}
.site-header.mobile-sticky {
position: fixed;
z-index: 100;
top: 0;
left: 0;
width: 100%;
}
.site-header.mobile-sticky .mega-menu > .wp-block-buttons {
height: 60px;
}
.site-header.mobile-sticky .wp-block-columns .site-logo-col {
min-width: 60px;
}
.site-header.mobile-sticky .wp-block-columns .site-logo-col .wp-block-site-logo {
width: 36px;
padding: 6px 0;
}
}
/**
* Page menu
*/
.page-menu-section {
border-bottom: 1px solid var(--wp--preset--color--accent-4);
background-color: white;
}
.page-menu-section .page-menu-container {
max-width: var(--wp--style--global--wide-size);
margin: 0 auto;
display: flex;
}
.page-menu-section .page-menu-container .menu-title {
color: #4D4D4C;
padding: 15px 0;
}
.page-menu-section .page-menu-container .menu-title::after {
content: ":";
}
@media (max-width: 768px) {
.page-menu-section .page-menu-container .menu-title {
display: none;
}
}
.page-menu-section .page-menu-container .page-menu {
list-style: none;
font-family: "GT-America-Medium";
display: flex;
gap: 30px;
margin: 0;
white-space: nowrap; /* Prevent items from wrapping to the next line */
overflow-x: auto; /* Enable horizontal scrolling */
-webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
}
@media (max-width: 768px) {
.page-menu-section .page-menu-container .page-menu {
padding-left: 0;
}
}
.page-menu-section .page-menu-container .page-menu a {
padding: 15px 0;
text-decoration: none;
border-bottom: 4px solid transparent;
display: block;
color: var(--wp--preset--color--secondary);
}
@media (min-width: 768px) {
.page-menu-section .page-menu-container .page-menu a {
padding: 15px;
border-bottom: 2px solid transparent;
}
}
.page-menu-section .page-menu-container .page-menu a:hover, .page-menu-section .page-menu-container .page-menu .current-menu-item a {
color: var(--wp--preset--color--primary);
border-color: var(--wp--preset--color--primary);
}
.overlay {
height: 0;
width: 100vw;
background: rgba(0, 0, 0, 0.8);
z-index: 3;
position: fixed;
top: 0;
}
/**
* site footer
*/
.site-footer h3.nav-group-header {
font-family: "GT-America", var(--wp--preset--font-family--system-sans-serif), sans-serif;
font-size: 14px;
line-height: 1.4em;
border-bottom: 1px solid #D1CFC7;
padding-bottom: 6px;
}
.site-footer .wp-block-list {
list-style: none;
padding: 0;
}
.site-footer .wp-block-list li {
margin-bottom: 16px;
font-size: 16px;
}
.site-footer .wp-block-list a {
font-family: "GT-America-Medium", var(--wp--preset--font-family--system-sans-serif), sans-serif;
}
.site-footer p, .site-footer .is-style-cta-text-link {
font-size: 14px;
}
.site-footer .social-icons {
gap: 16px;
}
.site-footer .copyright {
font-size: 12px;
max-width: 810px;
}
.page .entry-content > .wp-block-group.page-content > h1, .page .entry-content > .wp-block-group.page-content > .h1, .page .entry-content > .wp-block-group.page-content > h2, .page .entry-content > .wp-block-group.page-content > .h2, .page .entry-content > .wp-block-group.page-content > h3, .page .entry-content > .wp-block-group.page-content > .h3, .page .entry-content > .wp-block-group.page-content > p {
max-width: 650px;
}
.page .entry-content > .wp-block-group.page-content > h1.has-text-align-left, .page .entry-content > .wp-block-group.page-content > .h1.has-text-align-left, .page .entry-content > .wp-block-group.page-content > h2.has-text-align-left, .page .entry-content > .wp-block-group.page-content > .h2.has-text-align-left, .page .entry-content > .wp-block-group.page-content > h3.has-text-align-left, .page .entry-content > .wp-block-group.page-content > .h3.has-text-align-left, .page .entry-content > .wp-block-group.page-content > p.has-text-align-left {
margin-left: 0 !important;
}
/**
* layout
*/
.single .entry-content > h2, .single .entry-content > .h2, .single .entry-content > h1, .single .entry-content > .h1 {
margin-top: var(--wp--preset--spacing--lg);
}
.single .entry-content figcaption {
text-align: left;
}
figure > p {
margin: 0;
}
/**
* common elements, single, or list
*/
.wp-block-post-terms {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.wp-block-post-terms span.wp-block-post-terms__separator {
display: none;
}
.wp-block-post-terms .source-wrap {
display: none;
}
.wp-block-post-terms .source-wrap.daily {
display: inline-block;
width: 54px;
height: 24px;
background-image: url("../../assets/images/JSTOR-daily-logo.png");
background-size: cover;
}
.wp-block-post-terms a {
display: inline-block;
font-size: 14px;
color: var(--wp--preset--color--accent-2);
background-color: #F2F1ED;
border-radius: 2px;
padding: 2px 8px;
}
.wp-block-post-terms a.post-type {
background-color: #EAE8E1;
}
/** This is the post "card" in grid or list, used in query loop or content loop blocks **/
.wp-block-post-template.columns-3.is-layout-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.wp-block-post-template .wp-block-post-title {
margin-top: 8px;
font-size: 24px;
line-height: 32px;
}
.wp-block-post-template .wp-block-post-title a {
color: black;
}
.wp-block-post-template .wp-block-post-title a.external-link:not(:has(img))::after {
content: url('data:image/svg+xml;utf8,');
}
.wp-block-post-template .wp-block-post-date {
margin-top: 12px;
font-size: 16px;
}
.wp-block-post-template .wp-block-post-excerpt, .wp-block-post-template p.wp-block-post-excerpt__excerpt {
font-size: 16px;
color: #676765;
margin-bottom: 0;
}
.wp-block-post-template .wp-block-post-excerpt__more-text {
display: none;
}
/**
* content promo
*/
.content-promo .wp-block-columns {
border: 1px solid var(--wp--preset--color--accent-4);
}
.content-promo .wp-block-post-title {
font-size: 24px;
line-height: 32px;
}
/**
* List of posts
*/
.post-list {
margin: var(--wp--preset--spacing--lg) 0;
}
.archive-filters-container + .post-list {
margin-top: 24px;
}
.post-list .wp-block-post-title {
font-size: 24px;
line-height: 32px;
margin: 0;
}
@media (min-width: 768px) {
.post-list .wp-block-post-title {
font-size: 32px;
line-height: 40px;
}
}
.post-list .wp-block-post {
border-top: 1px solid var(--wp--preset--color--accent-4);
padding: var(--wp--preset--spacing--lg) 0;
margin: 0;
}
.post-list .wp-block-post .wp-block-group.is-vertical {
gap: 16px;
min-height: 180px;
}
.post-list .wp-block-post .wp-block-group.is-horizontal {
align-items: flex-start;
width: 100%;
flex-direction: column-reverse;
}
.post-list .wp-block-post:last-of-type {
border-bottom: 1px solid var(--wp--preset--color--accent-4);
}
.post-list .wp-block-post .wp-block-post-featured-image {
max-width: 100%;
}
.post-list .wp-block-post .wp-block-post-title a {
color: inherit;
}
@media (min-width: 768px) {
.post-list .wp-block-post .wp-block-group.is-vertical {
gap: 16px;
position: relative;
padding-right: 289px;
}
.post-list .wp-block-post .wp-block-post-featured-image {
position: absolute;
width: 240px;
text-align: center;
top: 0;
right: 0;
}
.post-list .wp-block-post .wp-block-post-featured-image img {
max-height: 240px;
width: auto;
}
}
.post-list .wp-block-post.cc_news .wp-block-group.is-vertical {
gap: 8px;
}
.post-list .wp-block-post.cc_news .wp-block-post-date {
margin: 0;
}
.post-list .wp-block-post.cc_news .source-byline-wrap {
display: inline-flex;
margin: 12px 0;
gap: 12px;
}
.post-list .wp-block-post.cc_news .byline {
font-size: 16px;
}
.post-list .wp-block-post.cc_news .source {
font-size: 16px;
}
.post-list .wp-block-post.cc_news .source:not(:last-child) {
border-right: 1px solid var(--wp--preset--color--accent-4);
padding-right: 12px;
}
.post-list .wp-block-post.jmevent .event-title-date {
display: flex;
flex-direction: column;
gap: 8px;
}
/**
* Pagination
*/
.wp-block-query-pagination {
margin: 48px auto;
margin-block-end: 48px !important;
}
.wp-block-query-pagination .wp-block-query-pagination-numbers > .page-numbers {
color: black;
padding: 2px 8px;
margin: 0px 10px;
}
.wp-block-query-pagination .wp-block-query-pagination-numbers > .page-numbers.current {
background: var(--wp--preset--color--primary);
color: white;
}
.wp-block-query-pagination .wp-block-query-pagination-previous, .wp-block-query-pagination .wp-block-query-pagination-next {
color: black;
}
.wp-block-query-pagination .wp-block-query-pagination-previous::after {
content: "Previous";
}
.wp-block-query-pagination .wp-block-query-pagination-next::before {
content: "Next";
}
/**
* single post
*/
.post-header {
position: relative;
}
.post-header .content-authors {
width: 100%;
padding: 8px 0;
border-top: 1px solid var(--wp--preset--color--accent-4);
border-bottom: 1px solid var(--wp--preset--color--accent-4);
display: flex;
gap: 24px;
font-size: 16px;
}
.post-header .content-authors > div {
display: flex;
gap: 8px;
align-items: center;
}
.post-header .content-authors > div img {
width: 32px;
height: 32px;
border-radius: 50%;
border: 1px solid #D1CFC7;
}
.post-header .content-authors a {
color: inherit;
display: flex;
}
.single-jmblog .post-header, .single-post .post-header {
max-width: 720px;
}
.share-wrapper {
padding-bottom: 12px;
cursor: pointer;
display: inline-block;
z-index: 2;
}
.share-wrapper .share-icon {
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid var(--wp--preset--color--primary);
position: relative;
display: flex;
justify-content: center;
align-items: center;
transition: background-color 0.2s ease-in-out;
}
.share-wrapper .share-icon::before {
content: url('data:image/svg+xml;utf8,');
display: inline-block;
width: 24px;
height: 24px;
}
@media (min-width: 768px) {
.share-wrapper .share-icon {
width: 46px;
height: 46px;
}
.share-wrapper .share-icon::before {
transform: scale(0.95);
}
}
.share-wrapper .share-icon .share-options {
visibility: hidden;
background: #F2F1ED;
border: 1px solid #D1CFC7;
box-shadow: 0px 4px 8px 3px rgba(18, 18, 18, 0.15);
padding: 12px 12px 0px;
position: absolute;
top: 54px;
left: 0;
z-index: 2;
width: 120px;
font-family: "GT-America-Medium", var(--wp--preset--font-family--system-sans-serif), sans-serif;
font-size: 16px;
transition: visibility 0.2s ease-in-out;
}
.share-wrapper .share-icon .share-options.show {
visibility: visible;
}
.share-wrapper .share-icon .share-options a {
color: black;
display: inline-block;
margin-bottom: 12px;
display: flex;
gap: 4px;
}
.share-wrapper .share-icon .share-options a span.icon {
display: inline-block;
width: 24px;
height: 24px;
background-size: cover;
}
.share-wrapper .share-icon .share-options a span.icon.copy {
background-image: url("../../assets/images/copy.svg");
}
.share-wrapper .share-icon .share-options a span.icon.print {
background-image: url("../../assets/images/printer.svg");
}
.share-wrapper .share-icon .share-options a span.icon.email {
background-image: url("../../assets/images/email.svg");
}
.share-wrapper .share-icon .share-options a span.icon.facebook {
background-image: url("../../assets/images/social_facebook.svg");
}
.share-wrapper .share-icon .share-options a span.icon.linkedin {
background-image: url("../../assets/images/social_linkedin.svg");
}
.share-wrapper .share-icon .share-options a span.icon.bluesky {
background-image: url("../../assets/images/social_bluesky.svg");
}
.share-wrapper .share-icon .share-options a span.icon.instagram {
background-image: url("../../assets/images/social_instagram.svg");
}
.share-wrapper .share-icon .share-options a span.icon.x {
background-image: url("../../assets/images/social_x.svg");
}
.share-wrapper .share-icon .share-options a span.icon.tumblr {
background-image: url("../../assets/images/social_tumblr.svg");
}
.share-wrapper .share-icon .share-options a span.icon.threads {
background-image: url("../../assets/images/social_threads.svg");
}
.share-wrapper .share-icon .share-options a span.icon.youtube {
background-image: url("../../assets/images/social_youtube.svg");
}
.share-wrapper .share-icon .share-options span.pointie {
position: absolute;
top: -8px;
left: 12px;
width: 15px;
height: 15px;
background: url("../../assets/images/share_rectangle_pointie.svg");
background-size: cover;
}
.share-wrapper:hover .share-icon {
background-color: var(--wp--preset--color--primary);
}
.share-wrapper:hover .share-icon::before {
content: url('data:image/svg+xml;utf8,');
}
.share-wrapper:hover .share-icon .share-options {
visibility: visible;
}
.single-jmblog .share-wrapper .share-icon .share-options {
right: 0;
left: auto;
}
.single-jmblog .share-wrapper .share-icon .share-options span.pointie {
left: auto;
right: 12px;
}
.post-header .share-wrapper {
position: absolute;
right: 0px;
top: -12px;
}
@media (min-width: 1060px) {
.post-header .share-wrapper {
right: -120px;
}
}
@media (max-width: 768px) {
.case-study-header .share-wrapper {
position: absolute;
right: 16px;
top: 0;
}
.case-study-header .share-wrapper .share-icon .share-options {
right: 0;
left: auto;
}
.case-study-header .share-wrapper .share-icon .share-options span.pointie {
left: auto;
right: 12px;
}
}
.resource-header .share-wrapper {
position: absolute;
top: -32px;
right: 0;
}
.resource-header .share-wrapper .share-icon .share-options {
right: 0;
left: auto;
}
.resource-header .share-wrapper .share-icon .share-options span.pointie {
left: auto;
right: 12px;
}
@media (min-width: 768px) {
.resource-header .share-wrapper {
bottom: -64px;
top: auto;
}
}
.resource-header .wp-block-columns {
position: relative;
}
.post-meta-wrapper {
font-size: 14px;
color: #676765;
}
.post-meta-wrapper .dot-separator {
display: inline-block;
width: 24px;
height: 8px;
background-image: url("../../assets/images/ellipse.svg");
background-repeat: no-repeat;
background-position: center center;
}
.taxonomy-post_tag.wp-block-post-terms .wp-block-post-terms__prefix {
display: block;
font-size: 14px;
font-family: "GT-America-Medium", var(--wp--preset--font-family--system-sans-serif), sans-serif;
width: 100%;
margin-bottom: 8px;
padding-bottom: 16px;
border-bottom: 1px solid var(--wp--preset--color--accent-4);
}
.author-img img {
height: auto;
}
.author-bios .author-bios__prefix {
font-size: 14px;
font-family: "GT-America-Medium", var(--wp--preset--font-family--system-sans-serif), sans-serif;
padding-bottom: 16px;
border-bottom: 1px solid var(--wp--preset--color--accent-4);
}
.author-bios .author-bios__prefix + div {
margin-top: 16px;
}
.author-bios .author-name {
font-size: 20px;
}
.author-bios .author-bio {
font-size: 16px;
color: #676765;
margin-top: 6px;
margin-bottom: 0;
}
.author-bios .author-bio > p:first-child {
margin-top: 0;
}
.author-bios .author-bio > p:last-child {
margin-bottom: 0;
}
.content-loop-layout-grid .wp-block-post-template figure img {
display: block;
}
.content-loop-layout-grid .wp-block-post-template .wp-block-post-terms {
/* margin-top: 12px; */
}
.case-study-sidebar .partnership > .wp-block-group, .case-study-sidebar .related-resource > .wp-block-group {
gap: 12px;
margin-top: 16px;
}
.case-study-sidebar .partnership img, .case-study-sidebar .related-resource img {
max-width: 100%;
}
.single-jmevent .event-dates {
font-size: var(--wp--preset--font-size--large);
}
.single-jmevent .event-content {
margin-top: 0;
}
.single-jmevent .event-details {
margin-top: var(--wp--preset--spacing--lg);
margin-bottom: var(--wp--preset--spacing--lg);
}
.single-jmevent .event-details ul {
list-style: none;
padding: 0;
counter-reset: list-counter;
margin-top: 16px;
}
.single-jmevent .event-details ul li {
margin: 0;
padding: 8px 0;
border-top: 1px solid var(--wp--preset--color--accent-4);
position: relative;
}
.single-jmevent .event-details ul li:last-of-type {
border-bottom: 1px solid var(--wp--preset--color--accent-4);
}
.single-jmevent .event-details ul li a {
color: black;
}
.single-jmevent .event-details ul li a.external-link:not(:has(img))::after {
content: url('data:image/svg+xml;utf8,');
}
.archive-filters-container form {
display: flex;
gap: 12px;
flex-wrap: wrap;
align-items: center;
margin-bottom: -24px;
padding: 12px 0;
}
.archive-filters-container select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
border: 1px solid #ccc;
border-radius: 4px;
padding: 8px 28px 8px 10px;
font-size: 16px;
background-color: #fff;
color: #333;
cursor: pointer;
width: 100%;
max-width: 300px;
box-sizing: border-box;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 16px 16px;
margin: 0;
}
.archive-filters-container select:focus {
outline: none;
border-color: var(--wp--preset--color--accent-4);
box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}
.archive-filters-container select option {
background-color: #fff;
color: #333;
padding: 8px 10px;
}
.archive-filters-container select:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.archive-filters-container .reset-link a {
color: black;
font-size: 16px;
}
@media (max-width: 768px) {
.archive-filters-container form.archive-filters > p {
margin: 0;
width: 100%;
}
.archive-filters-container select {
max-width: none;
}
}
.wp-block-post-date__modified-date {
font-size: 14px;
color: #81807E;
}
.wp-block-post-date__modified-date::before {
content: "Last updated: ";
}
.case-study-content.wp-block-columns > .wp-block-column > .entry-content {
padding-left: 0;
padding-right: 0;
}
.case-study-content.wp-block-columns > .wp-block-column > .entry-content h2:first-child {
margin-top: 0;
}
@media (max-width: 768px) {
.case-study-header .wp-block-post-title {
padding-right: 0;
}
}
.case-study-extras .wp-block-post-date__modified-date {
color: rgb(77, 77, 76);
font-size: inherit;
margin-top: var(--wp--preset--spacing--lg);
margin-bottom: var(--wp--preset--spacing--lg);
}
.case-study-extras .share-wrapper {
margin: 16px 0 24px;
}
.single-jm_resource .entry-content {
counter-reset: items;
}
.single-jm_resource .entry-content h2 {
position: relative;
counter-increment: items;
padding-left: 96px;
padding-right: 0;
max-width: 626px;
}
@media (min-width: 768px) {
.single-jm_resource .entry-content h2 {
margin-top: calc(var(--wp--preset--spacing--lg) * 2);
margin-bottom: var(--wp--preset--spacing--sm);
}
}
.single-jm_resource .entry-content h2 :before {
content: "0" counter(items);
position: absolute;
left: 0;
top: 50%;
font-size: 64px;
color: #C61515;
transform: translate(0, -50%);
}
@media (min-width: 768px) {
.single-jm_resource .entry-content .toc + h2 {
margin-top: var(--wp--preset--spacing--xl);
}
}
.resource-extras .section-heading .gform_wrapper {
margin-left: 0 !important;
}
.single-template-footer .block-content-loop {
margin-top: var(--wp--preset--spacing--sm);
}