/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.block--conversation-banner{background-color:var(--bgMuted);padding-top:var(--spacing_3xl);padding-bottom:var(--spacing_3xl);.container{display:flex;flex-direction:row;gap:var(--spacing_lg);justify-content:space-between;.h1{text-wrap:auto;&::after{content:"";display:inline-block;height:3.75rem;vertical-align:middle;margin-left:var(--spacing_md);aspect-ratio:1 / 1;background-image:url("/themes/custom/jsm_2026/images/patterns/01-right.svg");filter:var(--filter_pathway200);}}.actions{display:flex;flex-direction:row;gap:var(--spacing_lg);a{white-space:nowrap;height:fit-content;}}}@media (max-width:992px){padding-top:var(--spacing_xl);padding-bottom:var(--spacing_xl);.container{flex-direction:column;h1::after{height:2.875rem;}.actions{flex-direction:column;gap:var(--spacing_md);a{width:100%;text-align:center;}}}}}
body.node--type-event{article{background-color:var(--bgSubtle);}.node__content .event{padding-top:var(--spacing_5xl);padding-bottom:var(--spacing_5xl);display:flex;flex-direction:row;justify-content:space-between;gap:var(--spacing_7xl);.description{.body{color:var(--textPrimary);p{font-weight:inherit;font-size:inherit;line-height:inherit;}*{color:inherit;}}.register_link{margin-top:var(--spacing_xl);a{display:inline-block;}}}.sidebar{border:1px solid var(--borderSubtle);padding:var(--spacing_lg);display:flex;flex-direction:column;gap:var(--spacing_lg);background-color:var(--bgSurface);min-width:25%;height:fit-content;.group{.eyebrow{margin-bottom:var(--spacing_2xs);}}hr{margin-top:calc(var(--spacing_xl) - var(--spacing_lg));margin-bottom:calc(var(--spacing_xl) - var(--spacing_lg));}}@media (max-width:992px){flex-direction:column;padding-top:var(--spacing_2xl);padding-bottom:var(--spacing_2xl);gap:var(--spacing_3xl);}}}.card.event-card{display:flex;flex-direction:row;justify-content:space-between;gap:var(--spacing_lg);align-items:center;border:1px solid var(--borderSubtle);padding-right:var(--spacing_2xl);background-color:var(--bgSurface);.dates{background-color:var(--bgBrandStrong);height:auto;align-self:stretch;width:9rem;flex-shrink:0;color:var(--pathway200);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing_xs);padding-left:var(--spacing_sm);padding-top:var(--spacing_lg);padding-bottom:var(--spacing_lg);padding-right:2rem;mask-image:url("/themes/custom/jsm_2026/images/masks/event_card_desktop.svg");mask-position:center right;mask-size:cover;*{color:inherit;}time{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--spacing_2xs);}.divider{display:block;width:100%;text-align:center;font-size:1.75rem;line-height:0.5rem;}}.content{display:flex;flex-direction:column;gap:var(--spacing_xs);padding-top:var(--spacing_lg);padding-bottom:var(--spacing_lg);margin-right:auto;.eyebrow{color:var(--bgAccent);}.location{color:var(--textTertiary);&::before{content:"";display:inline-block;background-image:url("/themes/custom/jsm_2026/images/icons/location.svg");filter:var(--filter_bgAccent);margin-right:var(--spacing_2xs);width:1rem;height:1rem;vertical-align:middle;}}}&:hover{background-color:var(--bgBrandStrong);.content{.eyebrow{color:var(--pathway200);}h3,.location,.cardLink{color:var(--textOnBrand);&::before{filter:var(--filter_pathway200);}}}}@media (max-width:992px){flex-direction:column;padding-right:0;padding-bottom:var(--spacing_lg);gap:var(--spacing_md);position:relative;.dates{mask-image:url("/themes/custom/jsm_2026/images/masks/event_card_mobile.svg");mask-position:bottom center;padding:var(--spacing_sm);padding-bottom:calc(1rem + var(--spacing_sm));flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:var(--spacing_2xs);width:100%;.divider{width:fit-content;margin-left:calc(var(--spacing_xs - var(--spacing_2xs)));margin-right:calc(var(--spacing_xs - var(--spacing_2xs)));}}.content{padding-top:0;padding-bottom:0;padding-left:var(--spacing_lg);padding-right:calc(var(--spacing_lg) + 2.5rem + 2rem);gap:var(--spacing_md);}.linkIcon{top:50%;}}}article.event-banner{display:flex;flex-direction:row;gap:calc(var(--spacing_lg) * -1);justify-content:space-between;min-height:27rem;.thumbnail{background-position:center right;background-size:cover;position:relative;width:100%;}.content{width:27rem;height:auto;align-self:stretch;padding:var(--spacing_3xl);padding-right:calc(var(--spacing_3xl) + 4.25rem);margin-right:-4.25rem;background-color:var(--bgBrandStrong);mask-image:url("/themes/custom/jsm_2026/images/masks/event_card_desktop.svg");mask-position:center right;mask-size:cover;display:flex;flex-direction:column;justify-content:flex-end;flex-shrink:0;gap:var(--spacing_sm);color:var(--textOnBrand);z-index:1;*{color:inherit;}.dates{margin-bottom:auto;color:var(--pathway200);display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--spacing_xs);time{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--spacing_2xs);}}.location{color:var(--textTertiary);&::before{content:"";display:inline-block;background-image:url("/themes/custom/jsm_2026/images/icons/location.svg");filter:var(--filter_pathway200);margin-right:var(--spacing_2xs);width:1rem;height:1rem;vertical-align:middle;}}.description{*{font-size:inherit;font-weight:inherit;letter-spacing:inherit;color:inherit;}div > *:last-child::after{content:"...";}}}.linkIcon{position:absolute;right:var(--spacing_xl);bottom:var(--spacing_xl);}@media (max-width:992px){flex-direction:column-reverse;.thumbnail{background-position:center center;height:12.5rem;}.content{mask-image:none;padding:var(--spacing_xl) var(--spacing_lg);width:100%;height:auto;min-height:unset;.dates{margin-bottom:calc(var(--spacing_lg) - var(--spacing_sm));}}.linkIcon{bottom:0;right:var(--spacing_xl);top:var(--spacing_xl);}}}
