From f39fbb88004b23d444a95ec66cb2ea2cbfa41221 Mon Sep 17 00:00:00 2001 From: "NAS\\NASPC" Date: Wed, 27 May 2026 16:41:00 +0700 Subject: [PATCH] =?UTF-8?q?b=E1=BB=95=20sung=20jquery=20=C4=91=E1=BB=83=20?= =?UTF-8?q?thay=20th=E1=BA=BF=20dupral=5Fjs?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...RfkAM8YF5Q0QWY1kViexTYtKJcgG2xJuC-39x0.css | 13876 +++++++++++++++- ...jLfBeiPIEOsjGJaUI5Ql2UHefzU3E0.js.download | 2 +- .../main/resources/static/js/custom-umass.js | 129 + .../main/resources/templates/flex-finish.html | 4 +- .../resources/templates/fragments/header.html | 26 +- 5 files changed, 14018 insertions(+), 19 deletions(-) create mode 100644 sisvietnamvn/src/main/resources/static/js/custom-umass.js diff --git a/sisvietnamvn/src/main/resources/static/flex-finish/css_X_z6ERfkAM8YF5Q0QWY1kViexTYtKJcgG2xJuC-39x0.css b/sisvietnamvn/src/main/resources/static/flex-finish/css_X_z6ERfkAM8YF5Q0QWY1kViexTYtKJcgG2xJuC-39x0.css index 4e6d9f37..983f639e 100644 --- a/sisvietnamvn/src/main/resources/static/flex-finish/css_X_z6ERfkAM8YF5Q0QWY1kViexTYtKJcgG2xJuC-39x0.css +++ b/sisvietnamvn/src/main/resources/static/flex-finish/css_X_z6ERfkAM8YF5Q0QWY1kViexTYtKJcgG2xJuC-39x0.css @@ -1,15 +1,13863 @@ /* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */ -[data-component-id="umass_base:block-multiple-ctas"]{container-type:inline-size;.container{max-width:1440px;margin:0 auto;padding-top:var(--s2);padding-right:10%;padding-bottom:var(--s2);padding-left:10%;display:flex;justify-content:space-between;flex-direction:column;@container (width > 1350px){padding-top:var(--s3);padding-right:6.25%;padding-bottom:var(--s3);padding-left:6.25%;flex-direction:row;}}.f--links{display:flex;flex-basis:45%;flex-direction:column;flex-wrap:nowrap;gap:var(--s0);justify-content:center;}.f--section-title{margin-bottom:0;}.lc--layout-container & h2{font-size:clamp(28px,calc(1.5vw + 1.45rem),40px);}.f--description{margin-block-start:var(--s0);}.text-container{flex:1 0 auto;padding-bottom:var(--s0);&:has(.f--description){padding-bottom:var(--s0);h2{text-align:start;}}@container (width >= 1080px){flex:1 0 50%;}@container (width >= 1350px){padding-right:10vw;padding-bottom:0;}}.links-container{align-content:center;container-type:inline-size;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--s-1);justify-content:center;@container (width >= 1080px){flex:1 0 50%;}}background:var(--color-white);&[data-color="gray"]{background:var(--color-gray-100);}&[data-color="maroon"]{background:var(--color-brand);}&[data-background="image"]{background-size:cover;background-repeat:no-repeat;background-position:center center;}&[data-link-style="buttons"]{.container{container-type:inline-size;@container (width >= 1350px){flex-direction:row;}}.text-container{h2,p{text-align:center;}@container (width >= 1080px){flex:1 0 40%;h2,p{text-align:left;}}}.links-container{@container (width >= 1080px){justify-content:flex-end;flex:1 0 60%;}}[data-component-id="umass_base:button"]{background-image:none;flex:1 0 100%;@container (width > 768px){margin-block-end:0;flex:auto;}}.f--links{flex-direction:row;flex-basis:100%;}.f--button{display:flex;align-items:stretch;flex:0 0 auto;}}&:not([data-link-style="buttons"]){h2{text-align:start;}.container{@container (width < 1350px){.links-container{flex-direction:row;justify-content:space-between;column-count:2;flex-wrap:wrap;align-items:baseline;}.f--field.f--button{flex:0 1 49%;}[data-component-id="umass_base:button"].button-text-link{display:inline-block;inline-size:100%;}}@container (width <= 630px){.f--field.f--button{flex:0 1 100%;}}@container (width >= 1350px){.links-container{justify-content:flex-start;}}}[data-component-id="umass_base:button"].button-text-link{background-image:url(/themes/custom/umass_base/images/icons/icon-arrowright-red.svg);background-position:right center;background-repeat:no-repeat;background-size:1.25rem;box-shadow:0 1px 0 var(--color-gray-100);color:currentColor;font-style:normal;font-weight:800;display:block;padding:.5rem 1.5rem .5rem 0;text-decoration:none;text-transform:uppercase;font-size:1rem;&:hover{transition:all 0.1s;box-shadow:0 2px 0 currentColor;.button-text{color:currentColor;}}}&[data-color="maroon"]{[data-component-id="umass_base:button"]{background-image:url(/themes/custom/umass_base/images/icons/icon-arrowright-white.svg);}}}&[data-color="maroon"]{h2,.highlight,.f--description *{color:var(--color-white);}}&[data-layout-variant="tabbed"]{.container{padding-top:var(--s2);padding-right:0;padding-bottom:var(--s2);padding-left:0;.text-container,.tabbed-links-container{padding-right:10vw;padding-left:10vw;}@container (width > 768px){.tabbed-links-container{column-count:2;column-gap:10vw;}}@container (width > 1350px){flex-direction:column;padding-top:var(--s3);padding-right:0;padding-bottom:var(--s3);padding-left:0;.text-container,.tabbed-links-container{padding-right:5vw;padding-left:5vw;}}}}} -[data-component-id="umass_base:button"],html[data-whatintent="mouse"] [data-component-id="umass_base:button"]{-webkit-appearance:none;align-items:center;appearance:none;border-radius:0;border:0;display:inline-flex;flex-basis:auto;font-family:'Open Sans',Arial,Helvetica,sans-serif;font-feature-settings:'liga' off,'clig' off;font-size:.875rem;font-style:normal;font-weight:800;justify-content:center;line-height:1.5;padding-bottom:1rem;padding-left:1rem;padding-right:1rem;padding-top:1rem;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;text-wrap:balance;transition:background-color .1s ease-in-out;white-space:normal;width:100%;min-width:5rem;&:hover{transition:background-color .1s ease-in-out,color .1s ease-in-out;}@media (min-width:768px){width:auto;}&.button-primary,&.button-secondary{text-decoration:none;}&.button-primary,&.button-shuffle,&.button-play{color:var(--color-white);background:var(--color-brand);&:hover{background:var(--color-brand-dark);}&.button-disabled{background:var(--color-gray-100);}}&.button-primary{&.button-context-dark{background:var(--color-white);color:var(--color-black);&:hover{background:var(--color-gray-200);}&.button-disabled{background:var(--color-gray-400);color:var(--color-gray-600);}}}&.button-secondary{border-width:2px;border-style:solid;border-color:var(--color-brand);background:transparent;color:var(--color-brand);;&:hover{border-color:var(--color-brand-dark);color:var(--color-brand-dark);}&.button-disabled{border-color:var(--color-gray-100);color:var(--color-gray-100);}&.button-context-dark{color:var(--color-white);border-color:var(--color-white);&.button-disabled{border-color:var(--color-gray-400);color:var(--color-gray-400);}&:hover{color:var(--color-gray-200);border-color:var(--color-gray-200);}}}&.button-text-link{text-underline-offset:3px;text-decoration-thickness:2px;text-decoration-line:underline;color:var(--color-brand);;text-align:left;padding:0;&:hover{color:var(--color-brand-dark);}&.button-disabled{color:var(--color-gray-100);}&.button-context-dark{color:var(--color-white);&.button-disabled{border-color:var(--color-gray-400);color:var(--color-gray-400);}&:hover{color:var(--color-gray-200);}}}&.button-shuffle,&.button-play{border-radius:100px;height:50px;width:50px;min-width:unset;padding:0;&.button-context-dark{color:var(--color-brand);background:var(--color-white);&.button-disabled{background:var(--color-gray-400);color:var(--color-gray-600);}&:hover{color:var(--color-brand-dark);}}}&.button-disabled{pointer-events:none;cursor:not-allowed;}.button-icon{display:flex;}.button-icon-play{padding-inline-start:5px;}} -.f--description{p{font-family:var(--font-family-sans);font-style:normal;font-size:1rem;line-height:1.875;color:var(--color-black);text-align:left;text-transform:none;}} -[data-component-id="umass_base:header-branding"]{a{display:block;}img{width:150px;height:auto;&.redtext{display:block;}&.whitetext{display:none;}}@media print{img{width:200px;}}}@media (min-width:768px){[data-component-id="umass_base:header-branding"] img{width:193px;}}@media (min-width:1024px){[data-component-id="umass_base:header-branding"] img{width:232px;}}.mobile-menu-active [data-component-id="umass_base:header-branding"],.transparent-header [data-component-id="umass_base:header-branding"],.search-active [data-component-id="umass_base:header-branding"]{img.whitetext{display:block;}img.redtext{display:none;}} -.homepage [data-component-id="umass_base:tophat"].search-active{background-color:var(--color-black);}#search-drawer-trigger,#search-drawer-trigger-active{background:var(--color-brand);color:var(--color-white);width:50px;height:50px;line-height:50px;flex:0 0 50px;display:flex;justify-content:center;align-items:center;svg{width:25px;height:25px;vertical-align:center;}.search-trigger-open{display:inline-block;}.search-trigger-close{display:none;}}#search-drawer-trigger-active,#search-drawer-trigger.active{background:#968c67;}#search-drawer-trigger.active{background:#968c67;.search-trigger-open{display:none;}.search-trigger-close{display:inline-block;}}#search-drawer-trigger-active{position:relative;top:6px;}[data-component-id="umass_base:header-search"]{#search-flyout-container{display:none;position:absolute;top:50px;width:100%;background:var(--color-white);}.search-flyout{max-width:var(--max-width);padding:var(--s1) var(--s2) var(--s2);margin:0 auto;display:flex;justify-content:space-between;gap:20px;}form{display:flex;padding:0 1.5rem;@media (max-width:48rem){padding:0 0.4375rem;}border-bottom:1px solid var(--color-black);align-items:center;input{border:none;font-size:1.125rem;font-weight:900;}}.menu{font-size:0.75rem;line-height:2.6667;text-align:center;margin:0.625rem auto 0;@media (max-width:48rem){font-size:1rem;line-height:1.5;text-align:left;margin-top:1.875rem;}display:block;list-style:none;padding:0;&:before{content:"Are you looking for… ";font-weight:600;@media (max-width:48rem){display:block;margin-bottom:.5rem;}}li{display:inline;}li + li:before{content:", ";}a{color:var(--color-black);&:hover,&:focus{color:var(--color-brand) !important;}}}[data-component-id="umass_base:header-branding"]{.whitetext{display:none !important;}.redtext{display:block !important;}}}@media (max-width:75rem){[data-component-id="umass_base:header-search"]{#search-flyout-container{top:0;}}#search-drawer-trigger{visibility:visible;opacity:1;transition:opacity 0.3s linear;}#search-drawer-trigger.active{visibility:hidden;opacity:0;transition:visibility 0s 0.3s,opacity 0.3s linear;background:var(--color-brand);.search-trigger-open{display:inline-block;}.search-trigger-close{display:none;}}}@media (max-width:62rem){[data-component-id="umass_base:header-search"]{#search-flyout-container{top:100%;}.search-flyout div{margin:0 auto;flex:1 1 auto;}[data-component-id="umass_base:header-branding"],#search-drawer-trigger-active{display:none;}}#search-drawer-trigger.active{visibility:visible;opacity:1;transition:opacity 0.3s linear;background:#968c67;.search-trigger-open{display:none;}.search-trigger-close{display:inline-block;}}form{input{width:100%;}}} -[data-component-id="umass_base:header-socials"]{order:2;> ul{display:flex;gap:20px;margin:0;padding:0.9375rem 0;}li{list-style-type:none;line-height:1;display:block;}.platforms a{color:var(--color-gray-100);display:block;svg{fill:currentColor;width:20px;height:20px;display:block;}&:hover,&:focus{color:var(--color-white);}}} -.cc--media-with-text{background-repeat:no-repeat;background-position:center 0;background-size:cover;.c--media-with-text{max-width:var(--max-width);margin:0 auto;padding:var(--s2) var(--s1);@media screen and (min-width:960px){padding:var(--s3) var(--s5);}}&.dark{background:var(--color-black);.text-container p{color:var(--color-white);a{color:var(--color-white);font-weight:var(--font-weight-bold);&:hover{text-decoration:none;}}}.f--section-title h2,.f--section-title h2 a{color:var(--color-white);&:hover{color:var(--color-gray-100);}}}&.media-right{@media screen and (min-width:960px){.c--media-with-text{padding-right:0;}}.component-container{flex-direction:row;}}&.media-left{@media screen and (min-width:960px){.c--media-with-text{padding-left:0;}}.component-container{flex-direction:row-reverse;}.text-container{padding-left:var(--s2);padding-right:0;}}.component-container{display:flex;align-items:center;padding:0;.media-container{flex:2;position:relative;}.text-container{flex:1;padding-right:var(--s2);.cta-container{display:flex;flex-wrap:wrap;gap:var(--s0);align-items:center;}.f--description{margin-bottom:var(--s1);}}}@media screen and (max-width:960px){&.media-right .component-container,&.media-left .component-container{flex-direction:column-reverse;}.text-container{margin-top:var(--s2);padding-right:0;padding-left:0;}}.media-container{&.show .f--video-embed{opacity:1;visibility:visible;}&.show .f--image{opacity:0;visibility:hidden;}.f--image{height:100%;transition:visibility 0s linear var(--transition-duration-default),opacity var(--transition-duration-default) var(--transition-easing-default);margin-bottom:0;img{height:100%;object-fit:cover;}}.f--button{position:absolute;bottom:var(--s2);right:var(--s2);.button-play{border-radius:50%;transition:transform var(--transition-duration-default) var(--transition-easing-default),box-shadow var(--transition-duration-default) var(--transition-easing-default);}.button-icon svg{width:13px;}}&:hover .f--button .button-play{box-shadow:0 0 1rem rgba(255,255,255,0.9);transform:scale(1.1);}.f--video-embed{position:absolute;top:0;left:0;z-index:11;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity var(--transition-duration-default) var(--transition-easing-default);iframe{width:100%;height:100%;}}}.f--section-title h2{margin-bottom:var(--s1);text-transform:uppercase;a{text-decoration:none;}}} -[data-component-id="umass_base:nav-quicklink-buttons"]{width:36.875rem;order:3;margin:1.875rem auto 0;@media (min-width:62rem){order:2;margin-right:0;}.m--quicklink-button-menu{display:flex;gap:0.9375rem;li{flex:1;a{width:100%;}}}} -.f--section-title{margin-bottom:0.625rem;@media screen and (min-width:768px){margin-bottom:0.9375rem;}h2{font-family:'Open Sans',Arial,Helvetica,sans-serif;font-style:normal;font-weight:800;font-size:1.75rem;line-height:1;text-transform:uppercase;@media screen and (min-width:768px){font-size:2.5rem;line-height:1;}.highlight{display:block;color:var(--color-brand);}}} -[data-component-id="umass_base:site-header"]{max-width:var(--max-width);margin:0 auto;padding:var(--s1) var(--s2);display:flex;justify-content:space-between;gap:var(--s2);&.mobile-menu-active{background:var(--color-black);}.navigation-container{display:flex;align-items:center;justify-content:flex-end;gap:var(--s2);}.primary-navigation{height:100%;align-content:center;display:block;.submenu-wrapper{display:none;position:absolute;top:100%;left:-1.5625rem;padding:var(--s1) var(--s2);background-color:var(--color-white);.submenu-wrapper{position:relative;top:initial;left:0;padding:0;> .submenu{display:flex;gap:var(--s1);}}> .submenu{display:flex;flex-wrap:wrap;min-width:180px;max-width:600px;overflow:hidden;gap:var(--s1);&:has(.menu-item--expanded){display:flex;flex-wrap:wrap;.submenu-wrapper{display:none;}.megamenu &{flex-wrap:nowrap;.submenu-wrapper{display:flex;}}}.menu-item{flex:0 0 180px;font-size:0.875rem;line-height:1.4286;font-weight:400;border-bottom:none;a{color:var(--color-black);border-bottom:none;height:auto;&:hover,&:focus{border-bottom:none;color:var(--color-brand);}}span{font-weight:900;font-size:0.9375rem;}a.is-active{color:var(--color-brand);}&.menu-item--expanded{display:flex;gap:var(--s1);margin-bottom:var(--s-3);flex-direction:column;}}}a{color:var(--color-black);height:auto;}}.m--main-menu{display:flex;gap:var(--s2);@media (min-width:75.0625rem) and (max-width:81.25rem){gap:var(--s1);}.button-back,.navigation-title,.arrow-toggle{display:none;}> li{font-size:0.9375rem;line-height:1;font-weight:900;text-transform:uppercase;position:relative;align-content:center;&:hover{.submenu-wrapper{display:block;}}span{color:var(--color-black);text-decoration:none;display:block;height:50px;align-content:center;border-bottom:4px solid transparent;padding-top:var(--s-3);}a{color:var(--color-black);text-decoration:none;display:block;height:50px;align-content:center;border-bottom:4px solid transparent;padding-top:var(--s-3);&:hover,&:focus{color:var(--color-brand);border-bottom-color:var(--color-umass-gold);}.menu-item--active-trail &{border-bottom-color:var(--color-umass-gold);}}li span{color:var(--color-umass-gold);height:auto;border-bottom:none;}}}}#mobile-hamburger{display:none;flex:0 0 50px;&.is-active{background-color:var(--color-black);.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{background-color:var(--color-white);}}.hamburger-box,.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:20px;}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{background-color:var(--color-black);}@media (max-width:75rem){display:block;}}[data-component-id="umass_base:nav-quicklink-buttons"],.mc--utility-menu,[data-component-id="umass_base:header-socials"]{display:none;width:100%;}@media (min-width:75.0625rem){#mobile-flyout-container{display:block !important;}}@media (max-width:75rem){.navigation-container{gap:var(--s-1);}#mobile-flyout-container{display:none;width:100%;background:var(--color-white);padding:var(--s1) var(--s2);position:absolute;left:0;top:100%;& .m--main-menu{flex-direction:column;gap:0;> .menu-item--active-trail{.link-arrow-wrapper > span,.link-arrow-wrapper > a{color:var(--color-brand);}}> .menu-item--expanded{border-bottom:1px solid var(--color-gray-200);> .link-arrow-wrapper{display:flex;justify-content:space-between;.arrow-toggle{display:block;svg{content:"arrow";transition:transform 0.2s ease;}&.is-active svg{transform:rotate(-180deg);}}}.submenu-wrapper{display:none;.submenu-wrapper{display:flex;}}}> li{margin-bottom:.5rem;a{color:var(--color-black);border-bottom:1px solid transparent;font-size:1.125rem;line-height:1.333;&:hover,&:focus,&.is-active{color:var(--color-brand);}}span{color:var(--color-black);font-size:1.125rem;line-height:1.3333;}li span{color:var(--color-umass-gold);}}.submenu-wrapper{left:auto;padding-left:var(--s0);padding-right:var(--s0);.submenu-wrapper{padding:0;border-bottom-color:transparent;}> .submenu{padding-bottom:var(--s0);.submenu{padding-bottom:0;}.menu-item{a{border-bottom:none;}&.menu-item-expanded{margin-bottom:0;}}}}}}&.mobile-menu-active{position:relative;}.primary-navigation{.submenu-wrapper{display:block;position:relative;> .submenu{max-width:100%;overflow:visible;.menu-item{flex:1 0 100%;}&:has(.menu-item--expanded){.megamenu &{flex-wrap:wrap;}}}}}[data-component-id="umass_base:nav-quicklink-buttons"],.mc--utility-menu,[data-component-id="umass_base:header-socials"]{display:block;}.mc--utility-menu{padding:var(--s2) 0 0;.utility-button,.button-back,.navigation-title{display:none;}.menu-item{padding:0 var(--s0) var(--s0);&:last-child{padding-bottom:0;}}.menu-item--expanded{width:220px;float:left;.menu-item{padding:0;}.submenu-wrapper{padding:0;left:auto;}}a{color:var(--color-black);text-decoration:none;font-size:1rem;line-height:1.375;&:hover,&:focus{color:var(--color-brand);text-decoration:none;}}}[data-component-id="umass_base:header-socials"]{width:100%;clear:both;padding:var(--s1) var(--s0);border-top:1px solid var(--color-gray-200);> ul{padding:0;}& .platforms a{& svg{color:var(--color-black);width:22px;height:22px;}&:hover,&:focus{& svg{color:var(--color-gray-600);}}}}}}@media (max-width:62rem){[data-component-id="umass_base:site-header"]{&.search-active{background:var(--color-black);}}body:not(.transparent-header){[data-component-id="umass_base:site-header"].search-active{#mobile-hamburger{.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{background-color:var(--color-white);}}}.search-active [data-component-id="umass_base:header-branding"]{.redtext{display:none;}.whitetext{display:block;}}}}.transparent-header{[data-component-id="umass_base:site-header"]{#mobile-hamburger{.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{background-color:var(--color-white);}}& .primary-navigation{& .m--main-menu{& > li{& a{color:var(--color-white);&:hover,&:focus{color:var(--color-gray-100);}}& span{color:var(--color-white);}& li span{color:var(--color-umass-gold);}}}}}}#l--main-header{margin:0 auto;position:relative;z-index:102;}@media print{#l--main-header{height:9.375rem;}} -[data-component-id="umass_base:tophat"]{background-color:var(--color-black);color:var(--color-white);.homepage &{background-color:transparent;}&.tophat-active{background-color:var(--color-black);}.tophat-inner{max-width:var(--max-width);padding:0 var(--s2);margin:0 auto;display:flex;gap:var(--s1);justify-content:flex-end;}.social-header{display:flex;justify-content:flex-end;}#tophat-hamburger{width:50px;&.is-active{background-color:#968c67;.hamburger-box{background-color:#968c67;}}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:20px;background-color:var(--color-white);}.hamburger-box{width:20px;}}#tophat-flyout-container{display:none;color:var(--color-black);background-color:var(--color-white);position:absolute;z-index:2;width:100%;}.tophat-flyout{padding-top:var(--s1);padding-bottom:var(--s2);max-width:var(--max-width);padding:var(--s1) var(--s2) var(--s2);margin:0 auto;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;@media (min-width:62rem){flex-direction:row;justify-content:space-between;}}.tophat-logo{order:1;align-self:center;@media (min-width:62rem){align-self:flex-start;}img{width:232px;height:auto;}}.mc--utility-menu{flex:0 0 auto;max-width:590px;margin:var(--s3) auto 0;order:3;@media (min-width:62rem){margin:0;flex:0 1 100%;max-width:100%;}@media (min-width:71.25rem){display:flex;justify-content:flex-end;}.m--utility-menu{@media (min-width:71.25rem){flex:0 0 1040px;}> .menu-item.menu-item--expanded{float:left;margin-left:0;@media (min-width:71.25rem){width:350px;}}> li:nth-child(2){margin-top:var(--s3);}@media (min-width:62rem){> li:nth-child(3){margin-top:var(--s3);}> li:nth-child(4){clear:right;}}}.utility-button,.button-back{display:none;}.submenu-wrapper{li{width:350px;max-width:100%;margin-left:0;}}.navigation-title{font-size:1.125rem;line-height:1;font-weight:900;color:var(--color-umass-gold);display:block;padding-bottom:var(--s1);flex:0 1 194px;white-space:nowrap;}li{width:270px;float:right;margin-left:var(--s3);}a{font-size:0.875rem;line-height:1.4286;font-weight:900;display:flex;justify-content:space-between;color:var(--color-black);text-transform:uppercase;text-decoration:none;padding-top:var(--s1);padding-right:var(--s-1);padding-bottom:var(--s1);padding-left:0;border-bottom:1px solid var(--color-gray-200);&:after{content:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0nVVRGLTgnPz48c3ZnIGlkPSdMYXllcl8xJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgdmlld0JveD0nMCAwIDUgMTEnPjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbHVzdHJhdG9yciAzMC4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiAyLjEuMSBCdWlsZCAxKSAtLT48ZGVmcz48c3R5bGU+IC5zdDAgeyBmaWxsOiAjODgxYzFjOyBmaWxsLXJ1bGU6IGV2ZW5vZGQ7IH0gPC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9J3N0MCcgZD0nTTQuNTcsNS4xNEwwLDB2MTAuMjlsNC41Ny01LjE0WicvPjwvc3ZnPg==");width:5px;height:11px;display:inline-block;}&:hover,&:active{color:var(--color-brand);text-decoration:none;border-bottom-color:var(--color-brand);}}}@media (max-width:75rem){display:none;}} -*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box;}:root{--max-width:1800px;--ratio:1.5;--s-5:calc(var(--s-4) / var(--ratio));--s-4:calc(var(--s-3) / var(--ratio));--s-3:calc(var(--s-2) / var(--ratio));--s-2:calc(var(--s-1) / var(--ratio));--s-1:calc(var(--s0) / var(--ratio));--s0:1rem;--s1:calc(var(--s0) * var(--ratio));--s2:calc(var(--s1) * var(--ratio));--s3:calc(var(--s2) * var(--ratio));--s4:calc(var(--s3) * var(--ratio));--s5:calc(var(--s4) * var(--ratio));--font-family-sans:'Open Sans',Arial,Helvetica,sans-serif;--font-weight-light:300;--font-weight-regular:400;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--transition-duration-fast:0.1s;--transition-duration-default:0.3s;--transition-easing-default:ease-in-out;--transition-timing-cubic:cubic-bezier(0.42,0,0.58,1);--color-brand:#881C1C;--color-brand-dark:#651616;--color-brand-light:#CF6E6E;--color-black:#151515;--color-white:#fff;--color-gray-100:#E9E9E9;--color-gray-200:#CCC;--color-gray-300:#ACA39A;--color-gray-400:#979797;--color-gray-500:#767676;--color-gray-600:#666;--color-gray-700:#545454;--color-gray-800:#4A4A4A;--color-umass-gold:#827853;--color-yellow:#ffc72c;--color-orange:#ff9e1b;--color-purple:#615e9b;--color-green-dark:#44693d;--color-brown:#5e4b3c;--color-blue-dark:#002554;--color-blue-bright:#00aec7;--color-green-soft:#86c8bc;--color-green-leaf:#6ba539;--color-green-neon:#c4d600;--color-rust:#cb6015;--color-red-bright:#fe3b1f;} -html{line-height:1.15;-webkit-text-size-adjust:100%}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.messages--status{background-color:#e6f4ea;border-left:6px solid #28a745;color:#155724;font-weight:600;position:fixed;z-index:101}.messages--status,.unpublished-banner{border-radius:6px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.05);box-shadow:0 2px 5px rgba(0,0,0,.05);margin-left:2rem;margin-right:2rem;padding:1rem 1.5rem}.unpublished-banner{background:#fee;border-left:6px solid #a00;color:#a00;font-weight:700;margin-bottom:1.5rem;position:relative;text-align:center}.above-content{position:fixed;z-index:103}.cc--component-container .fi--form-item-checkbox .checkbox-wrapper label,.f--description p,.fi--form-item-radio .radio-wrapper label,.lc--layout-container h3.no-results,.sg-pattern-example h3.no-results{font-family:Open Sans,Arial,Helvetica,sans-serif;font-style:normal;font-weight:300}.c--component .f--wysiwyg tbody td,.c--component .f--wysiwyg tbody td p,.cc--header-search form input[type=text],.cc--notification-banner .c--notification-banner .notification-banner-inner .right .f--wysiwyg p.date-updated,.cc--notification-banner .c--notification-banner .notification-banner-inner .right .f--wysiwyg.date-updated,.fi--form-item textarea,.lc--layout-container ol li,.lc--layout-container p,.lc--layout-container ul li,.sg-pattern-example ol li,.sg-pattern-example p,.sg-pattern-example ul li,.tc--search .content-main .gsc-result-info,.tc--search .content-main .gsc-webResult .gs-snippet,body{font-family:Open Sans,Arial,Helvetica,sans-serif;font-style:normal;font-weight:400}.c--component .f--wysiwyg figure figcaption,.c--component .f--wysiwyg figure figcaption p,.c--component .f--wysiwyg table caption,.cc--hero-landing .text-container .feature-container .f--description p,.lc--layout-container em,.sg-pattern-example em{font-family:Open Sans,Arial,Helvetica,sans-serif;font-style:italic;font-weight:400}.button--alt,.lc--layout-container h6,.sg-pattern-example h6{font-family:Open Sans,Arial,Helvetica,sans-serif;font-style:normal;font-weight:600}.c--component .f--wysiwyg ol>li:before,.c--component .f--wysiwyg thead th,.cc--back-to-top .f--back a,.cc--button-back-to-top .c--button-back-to-top button span,.cc--chaptered-nav .link,.cc--component-container .fi--form-item-checkbox .checkbox-wrapper input[type=checkbox]:checked+label,.cc--filterable-content-grid .fi--form-item .select-wrap select,.cc--notification-banner .c--notification-banner .notification-banner-inner .right .f--wysiwyg,.cc--notification-banner .c--notification-banner .notification-banner-inner .right .f--wysiwyg p,.fi--form-item label,.fi--form-item-radio .radio-wrapper input[type=radio]:checked+label,.lc--layout-container b,.lc--layout-container strong,.mc--left-nav-menu .menu-item a,.node-event-submit-an-event-form .form-wrapper .fieldset-legend,.sg-pattern-example b,.sg-pattern-example strong{font-family:Open Sans,Arial,Helvetica,sans-serif;font-style:normal;font-weight:700}.lc--layout-container em b,.lc--layout-container em strong,.sg-pattern-example em b,.sg-pattern-example em strong{font-family:Open Sans,Arial,Helvetica,sans-serif;font-style:italic;font-weight:700}.button,.c--component .f--wysiwyg tbody th,.cc--abundance-grid .abundance-container-large .c--abundance-grid-item .f--eyebrow,.cc--abundance-grid .abundance-container-small .cc--abundance-grid-item .f--eyebrow,.cc--abundance-grid .abundance-container-text .f--link a,.cc--accordions .c--accordions .accordion h3 .accordion-trigger,.cc--date-card .f--card-date span.day,.cc--date-card .f--card-date span.month,.cc--date-cards .c--date-cards .text-container .f--link a,.cc--filterable-content-grid .f--cards .cc--blogger-card .c--blogger-card .text-container .f--link a,.cc--filterable-content-grid .f--cards .cc--blogger-card .c--staff-card .text-container .f--link a,.cc--filterable-content-grid .f--cards .cc--blogger-card .c--story-card .text-container .f--link a,.cc--filterable-content-grid .f--cards .cc--staff-card .c--blogger-card .text-container .f--link a,.cc--filterable-content-grid .f--cards .cc--staff-card .c--staff-card .text-container .f--link a,.cc--filterable-content-grid .f--cards .cc--staff-card .c--story-card .text-container .f--link a,.cc--filterable-content-grid .f--cards .cc--story-card .c--blogger-card .text-container .f--link a,.cc--filterable-content-grid .f--cards .cc--story-card .c--staff-card .text-container .f--link a,.cc--filterable-content-grid .f--cards .cc--story-card .c--story-card .text-container .f--link a,.cc--hero-article .text-container .f--description,.cc--hero-article-video .text-container .f--description,.cc--hero-article-video .video-container.show+.exit-video,.cc--hero-interior .f--eyebrow a,.cc--hero-microsite-interior .text-container .f--eyebrow,.cc--hero-microsite-landing .text-container .f--eyebrow,.cc--menu-microsite .button-back,.cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li .submenu-wrapper .navigation-title,.cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li a,.cc--menu-microsite .menu-microsite-toggle,.cc--menu-mobile .button-back,.cc--menu-mobile .c--menu-mobile nav a,.cc--menu-mobile .c--menu-mobile nav button.information-for-toggle,.cc--menu-mobile .c--menu-mobile nav>ul>li .submenu-wrapper .navigation-title,.cc--notification-banner .c--notification-banner .notification-banner-inner .left span.alert-title,.cc--notification-banner .c--notification-banner .notification-banner-inner .right .f--link a,.cc--pager-calendar .c--pager-calendar .pager ul li,.cc--pager-load-more .pager__item a,.cc--social-media-grid .crt-widget .crt-load-more-container .crt-load-more,.cc--social-media-grid .social-media-links>span,.f--button-link a,.fi--form-item input[type=button],.lc--layout-container .h1,.lc--layout-container h1,.lc--layout-container h2,.lc--layout-container h3,.lc--layout-container h4,.lc--layout-container h5,.sg-pattern-example .h1,.sg-pattern-example h1,.sg-pattern-example h2,.sg-pattern-example h3,.sg-pattern-example h4,.sg-pattern-example h5,.tc--search .content-main .gsc-control-cse .gs-result .gs-title,.tc--search .content-main .gsc-control-cse .gs-result .gs-title *,.tc--search .content-main .gsc-control-cse .gs-spelling,.tc--search .content-main input.gsc-input,input[type=submit]{font-family:Open Sans,Arial,Helvetica,sans-serif;font-style:normal;font-weight:800}html[data-whatinput=keyboard] :focus{outline:3px solid #c69214}html[data-whatinput=mouse] :focus{outline:none}.visually-hidden{border:0;height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;clip:rect(0 0 0 0);clip-path:inset(50%);margin:-1px}.skip-link{background-color:#881c1c;color:#fff;left:1.25rem;position:absolute;z-index:101}.skip-link:not(:focus){border:0;height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;clip:rect(0 0 0 0);clip-path:inset(50%);margin:-1px}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}html{-webkit-tap-highlight-color:rgba(0,0,0,0)}body{color:#151515;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}h1,h2,h3,h4,h5,h6{line-height:1.1;margin:0}p{margin-top:0}p:last-child{margin-bottom:0}ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ul{list-style-type:disc}img{display:block;height:auto;width:100%}svg circle,svg ellipse,svg line,svg path,svg polygon,svg rect{-webkit-transition:fill .1s ease-in-out;transition:fill .1s ease-in-out}html[data-whatintent=mouse] svg circle else,html[data-whatintent=mouse] svg ellipse else,html[data-whatintent=mouse] svg line else,html[data-whatintent=mouse] svg path else,html[data-whatintent=mouse] svg polygon else,html[data-whatintent=mouse] svg rect else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] svg circle:hover,html[data-whatintent=mouse] svg ellipse:hover,html[data-whatintent=mouse] svg line:hover,html[data-whatintent=mouse] svg path:hover,html[data-whatintent=mouse] svg polygon:hover,html[data-whatintent=mouse] svg rect:hover{-webkit-transition:fill .1s ease-in-out;transition:fill .1s ease-in-out}nav ol,nav ul{list-style:none;margin:0;padding:0}dl{margin-top:0}dd{margin:0}address{font-style:normal}form{margin:0}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}button{background-color:transparent;border:0;padding:0}.button-reset,[type=button],[type=reset],[type=submit],button{cursor:pointer}[disabled]{cursor:default}iframe{border:0}section.two-cols{margin-bottom:2.5rem;margin-top:2.5rem}@media screen and (min-width:768px){section.two-cols{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:2.5rem;-moz-column-gap:2.5rem;column-gap:2.5rem}}section.two-cols img{float:left;margin-bottom:.9375rem}table{border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%}table tr td,table tr th{font-size:1rem;line-height:1.625;padding:.625rem 2.5%;text-align:left;vertical-align:top}@media screen and (min-width:768px){table tr td,table tr th{font-size:1.125rem;line-height:1.4445;padding-left:2.0833333333%;padding-right:2.0833333333%}}table tr:nth-child(2n){background:#f0f0f0}table.two-col tr th:first-child{font-weight:600;width:40%}table.two-col tr td:nth-child(2){color:#000}td,th{padding:0}th{font-weight:400}[tabindex="-1"]:focus{outline:none!important}@media print{*,:after,:before{background:transparent!important;-webkit-box-shadow:none!important;box-shadow:none!important;text-shadow:none!important}a,a:visited,a[href]:after{text-decoration:underline}a[href]:after{content:" (" attr(href) ")";word-break:break-word}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.lc--layout-container .h1,.lc--layout-container h1,.sg-pattern-example .h1,.sg-pattern-example h1{font-size:1.875rem;line-height:1}@media screen and (min-width:1024px){.lc--layout-container .h1,.lc--layout-container h1,.sg-pattern-example .h1,.sg-pattern-example h1{font-size:3.75rem;line-height:1}}.lc--layout-container h2,.sg-pattern-example h2{font-size:2.5rem;line-height:1.05}.lc--layout-container h3,.sg-pattern-example h3{font-size:2rem;line-height:1.25}.lc--layout-container h4,.sg-pattern-example h4{font-size:1.25rem;line-height:1.3}.lc--layout-container h5,.sg-pattern-example h5{font-size:.9375rem;line-height:1.2}.lc--layout-container h6,.sg-pattern-example h6{font-size:.875rem;line-height:1.5}.lc--layout-container h3.no-results,.sg-pattern-example h3.no-results{color:#fff;font-size:1.25rem;line-height:2}.lc--layout-container p,.sg-pattern-example p{color:#4a4a4a;font-size:1rem;line-height:1.625}@media screen and (min-width:768px){.lc--layout-container p,.sg-pattern-example p{font-size:1rem;line-height:1.875}}.lc--layout-container ol li,.lc--layout-container ul li,.sg-pattern-example ol li,.sg-pattern-example ul li{color:#4a4a4a;font-size:1rem;line-height:1.875}.button,.f--button-link a{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:.875rem;line-height:1.2858;padding-left:.9375rem;padding-right:.9375rem;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#881c1c;border:0;border-radius:0;color:#fff;height:3.125rem;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-transition:background-color .1s ease-in-out;transition:background-color .1s ease-in-out;white-space:normal;width:100%}.f--button-link html[data-whatintent=mouse] a else,html[data-whatintent=mouse] .button else,html[data-whatintent=mouse] .f--button-link a else{-webkit-transition:all .1s;transition:all .1s}.f--button-link html[data-whatintent=mouse] a:hover,html[data-whatintent=mouse] .button:hover,html[data-whatintent=mouse] .f--button-link a:hover{background-color:#6a1010;color:#fff;text-decoration:none;-webkit-transition:background-color .1s ease-in-out,color .1s ease-in-out;transition:background-color .1s ease-in-out,color .1s ease-in-out}.button--alt{color:#881c1c;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:1.375rem;line-height:1;padding-bottom:.5625rem;position:relative;text-decoration:none;text-transform:uppercase}.button--alt:after{background-color:#881c1c;bottom:0;content:"";display:block;height:.125rem;left:0;position:absolute;width:100%}html[data-whatintent=mouse] .button--alt else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .button--alt:hover{color:#6a1010;text-decoration:none}html[data-whatintent=mouse] .button--alt:hover:after{background-color:#6a1010}.icon-close{height:3.125rem;width:3.125rem}.icon-close svg{fill:#fff;height:1.125rem;width:1.125rem}@media screen and (min-width:1024px){>.cc--component-container.narrow{margin:0 auto;max-width:50%}>.cc--component-container.fullbackground>.c--component,>.cc--component-container.maxwidth{margin:0 auto;max-width:1800px}}.fi--form-item input[type=date],.fi--form-item input[type=text]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid #ccc;border-radius:0;color:#4a4a4a;font-size:.875rem;height:3.5rem;line-height:1.7143;padding-left:1.5625rem;padding-right:1.5625rem;position:relative;width:100%}.fi--form-item:not(:last-child){margin-bottom:1.5625rem}@media screen and (min-width:768px){.fi--form-item:not(:last-child){margin-bottom:2.5rem}}.fi--form-item label{color:#4a4a4a;display:block;font-size:1rem;line-height:1.625}@media screen and (min-width:768px){.fi--form-item label{font-size:1rem;line-height:1.875}}.fi--form-item input[type=button]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:.875rem;line-height:1.2858;padding-left:.9375rem;padding-right:.9375rem;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#881c1c;border:0;border-radius:0;color:#fff;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-transition:background-color .1s ease-in-out;transition:background-color .1s ease-in-out;white-space:normal}html[data-whatintent=mouse] .fi--form-item input[type=button] else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .fi--form-item input[type=button]:hover{background-color:#6a1010;color:#fff;text-decoration:none;-webkit-transition:background-color .1s ease-in-out,color .1s ease-in-out;transition:background-color .1s ease-in-out,color .1s ease-in-out}.fi--form-item input[type=button]{height:3.125rem;max-width:10.625rem;width:100%}.cc--component-container .fi--form-item-checkbox{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.cc--component-container .fi--form-item-checkbox .group-title{font-size:1rem;line-height:1.875;-ms-flex-preferred-size:100%;flex-basis:100%;font-weight:700}.cc--component-container .fi--form-item-checkbox .checkbox-wrapper{padding-bottom:.3125rem;padding-left:2.3125rem;padding-top:.3125rem;position:relative;-ms-flex-preferred-size:50%;flex-basis:50%;text-align:left}.cc--component-container .fi--form-item-checkbox .checkbox-wrapper input[type=checkbox]{left:-9999px;position:absolute;top:0}html[data-whatinput=keyboard] .cc--component-container .fi--form-item-checkbox .checkbox-wrapper input[type=checkbox]:focus+label:before{outline:3px solid #c69214}html[data-whatinput=mouse] .cc--component-container .fi--form-item-checkbox .checkbox-wrapper input[type=checkbox]:focus+label:before{outline:none}.cc--component-container .fi--form-item-checkbox .checkbox-wrapper input[type=checkbox]:checked+label:before{background-color:#881c1c;border:.0625rem solid #881c1c}.cc--component-container .fi--form-item-checkbox .checkbox-wrapper input[type=checkbox]:checked+label:after{background-color:#881c1c;border:.1875rem solid #fff;opacity:1}.cc--component-container .fi--form-item-checkbox .checkbox-wrapper label{color:#4a4a4a;cursor:pointer;font-size:.875rem;line-height:1.7143;margin-bottom:0}.cc--component-container .fi--form-item-checkbox .checkbox-wrapper label:after,.cc--component-container .fi--form-item-checkbox .checkbox-wrapper label:before{content:"";position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cc--component-container .fi--form-item-checkbox .checkbox-wrapper label:before{background-color:#fff;border:.0625rem solid #767676;height:1.25rem;left:.0625rem;width:1.25rem}.cc--component-container .fi--form-item-checkbox .checkbox-wrapper label:after{height:1rem;left:.1875rem;opacity:0;width:1rem}.fi--form-item input[type=date]{padding-right:.9375rem;text-transform:uppercase}.fi--form-item input[type=date]::-webkit-calendar-picker-indicator{color:transparent;height:1.1875rem;opacity:0;width:1.1875rem}.fi--form-item input[type=date]:after{background-image:url(/themes/custom/umass_base/images/icons/icon-calendar.svg)!important;background-position:50%;background-repeat:no-repeat;background-size:1.1875rem;content:"";display:block;height:1.25rem;pointer-events:none;position:absolute;right:1.125rem;width:1.1875rem}.fi--form-item-radio{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.fi--form-item-radio .group-title{font-size:1rem;line-height:1.875;margin-bottom:.3125rem;-ms-flex-preferred-size:100%;flex-basis:100%;font-weight:700}.fi--form-item-radio .radio-wrapper{padding-left:2.3125rem;padding-top:.3125rem;position:relative;-ms-flex-preferred-size:50%;flex-basis:50%;text-align:left}.fi--form-item-radio .radio-wrapper input[type=radio]{left:-9999px;position:absolute;top:0}html[data-whatinput=keyboard] .fi--form-item-radio .radio-wrapper input[type=radio]:focus+label:before{outline:.1875rem solid #008996}.fi--form-item-radio .radio-wrapper input[type=radio]:checked+label:before{border:.125rem solid #881c1c}.fi--form-item-radio .radio-wrapper input[type=radio]:checked+label:after{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fi--form-item-radio .radio-wrapper label{cursor:pointer;font-size:.875rem;line-height:1.7143;margin-bottom:0}.fi--form-item-radio .radio-wrapper label:after,.fi--form-item-radio .radio-wrapper label:before{content:"";position:absolute;top:50%}.fi--form-item-radio .radio-wrapper label:before{background-color:#fff;border:.0625rem solid #767676;border-radius:50%;height:1.375rem;left:.0625rem;margin-top:-.5rem;width:1.375rem}.fi--form-item-radio .radio-wrapper label:after{background-color:#881c1c;border-radius:50%;height:.75rem;left:.375rem;margin-top:-.1875rem;opacity:0;-webkit-transform:translate3d(-40px,0,0) scale(.5);transform:translate3d(-40px,0,0) scale(.5);width:.75rem}.fi--form-item .select-wrap{background-color:#fff;border:1px solid #ccc;position:relative}.fi--form-item .select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;background-image:none;border:0;-webkit-box-shadow:none;box-shadow:none;color:#4a4a4a;font-size:.875rem;height:3.125rem;line-height:1.7143;padding-left:1.5625rem;padding-right:1.5625rem;width:100%}.fi--form-item .select-wrap select::-ms-expand{display:none}.fi--form-item .select-wrap svg{fill:#881c1c;height:6px;pointer-events:none;position:absolute;right:1.375rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:11px}input[type=submit]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:.875rem;line-height:1.2858;padding-left:.9375rem;padding-right:.9375rem;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#881c1c;border:0;border-radius:0;color:#fff;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-transition:background-color .1s ease-in-out;transition:background-color .1s ease-in-out;white-space:normal}html[data-whatintent=mouse] input[type=submit] else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] input[type=submit]:hover{background-color:#6a1010;color:#fff;text-decoration:none;-webkit-transition:background-color .1s ease-in-out,color .1s ease-in-out;transition:background-color .1s ease-in-out,color .1s ease-in-out}input[type=submit]{height:3.125rem;max-width:10.625rem;width:100%}.fi--form-item input[type=text]::-webkit-input-placeholder{color:#4a4a4a}.fi--form-item input[type=text]::-moz-placeholder{color:#4a4a4a}.fi--form-item input[type=text]:-ms-input-placeholder{color:#4a4a4a}.fi--form-item input[type=text]::-ms-input-placeholder{color:#4a4a4a}.fi--form-item input[type=text]::placeholder{color:#4a4a4a}.fi--form-item input[type=text].magnifier{background-image:url(/themes/custom/umass_base/images/icons/icon-search-red.svg);background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.8125rem}.fi--form-item textarea{background-color:#fff;border-color:#ccc;color:#4a4a4a;font-size:.875rem;height:9.375rem;line-height:1.7143;padding:1.4375rem 1.75rem 1.4375rem 2rem;width:100%}@media screen and (min-width:768px){.fi--form-item textarea{height:12.5rem}}.fi--form-item textarea::-webkit-input-placeholder{color:#4a4a4a}.fi--form-item textarea::-moz-placeholder{color:#4a4a4a}.fi--form-item textarea:-ms-input-placeholder{color:#4a4a4a}.fi--form-item textarea::-ms-input-placeholder{color:#4a4a4a}.fi--form-item textarea::placeholder{color:#4a4a4a}.lc--two-column{margin:0 auto;max-width:1800px}.lc--two-column .l--two-column{display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:2.5rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:0}@media screen and (min-width:768px){.lc--two-column .l--two-column{padding-bottom:3.125rem}}@media screen and (min-width:1024px){.lc--two-column .l--two-column{padding-top:3.125rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}@media print{.lc--two-column .l--two-column{padding-top:3.125rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}@media screen and (min-width:1024px){.lc--two-column .l--two-column .lr--sidebar{padding-left:4.1666666667%;padding-right:4.1666666667%;-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;width:100%}.tc--landing-page .lc--two-column .l--two-column .lr--sidebar{border-right:.0625rem solid #ccc;margin-bottom:-3.125rem;margin-top:-3.125rem;padding-bottom:3.125rem;padding-top:3.125rem}}@media print{.lc--two-column .l--two-column .lr--sidebar{padding-left:0;padding-right:0;-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;width:100%}}@media screen and (min-width:1024px){.lc--two-column .l--two-column .lr--main{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%;width:100%}}@media print{.lc--two-column .l--two-column .lr--main{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%;width:100%}}@media screen and (max-width:1023px){.lc--two-column .l--two-column .lr--main{padding-bottom:0;padding-top:2.5rem}}@media screen and (min-width:768px){.tc--event .lc--two-column .l--two-column .lr--main{padding-bottom:0;padding-top:0}}.tc--form-page .lc--two-column .l--two-column .lr--main{padding-left:8.3333333333%;padding-right:8.3333333333%}@media screen and (min-width:1024px){.tc--form-page .lc--two-column .l--two-column .lr--main{padding-left:10.4166666667%;padding-right:10.4166666667%}}@media screen and (max-width:1023px){.tc--article .lc--two-column .l--two-column .lr--sidebar,.tc--event .lc--two-column .l--two-column .lr--sidebar,.tc--microsite-article .lc--two-column .l--two-column .lr--sidebar{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.tc--article .lc--two-column .l--two-column .lr--main,.tc--event .lc--two-column .l--two-column .lr--main,.tc--microsite-article .lc--two-column .l--two-column .lr--main{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}body{margin:0;padding:0}.link,a{color:#881c1c;text-decoration:underline}html[data-whatintent=mouse] .link,html[data-whatintent=mouse] a{-webkit-transition:color;transition:color}html[data-whatintent=mouse] .link else,html[data-whatintent=mouse] a else{-webkit-transition:all;transition:all}html[data-whatintent=mouse] .link:hover,html[data-whatintent=mouse] a:hover{color:#151515;text-decoration:underline}.nolink{cursor:default!important;pointer-events:none;text-decoration:none}html[data-whatintent=mouse] .nolink{-webkit-transition:color;transition:color}html[data-whatintent=mouse] .nolink else{-webkit-transition:all;transition:all}html[data-whatintent=mouse] .nolink:hover{color:inherit;text-decoration:none}.c--component h2 a:hover{text-decoration:underline}.icon-search{height:1.875rem;width:1.875rem}.icon-search svg{height:1.125rem;width:1.125rem}.f--ambient-video{width:100%}@media screen and (max-width:767px){.f--ambient-video{padding-bottom:56.25%}}.f--ambient-video video{bottom:0;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;width:100%}@media screen and (min-width:1024px){@supports(-ms-ime-align:auto){.f--ambient-video video{height:auto;-o-object-fit:none;object-fit:none}}}@media screen and (min-width:768px){.f--button-link a{width:auto}}.f--description p{color:#000;font-size:1rem;line-height:1.875;text-align:left;text-transform:none}.f--hero-promo-title h2{color:#fff;font-size:.9375rem;line-height:1.2}@media screen and (min-width:768px){.f--hero-promo-title h2{font-size:1rem;line-height:1;text-align:right}}@media screen and (min-width:1024px){.f--hero-promo-title h2{font-size:1rem;line-height:1.25}}.f--hero-promo-title h2 a{color:#fff;text-decoration:none}html[data-whatintent=mouse] .f--hero-promo-title h2 a else{-webkit-transition:all .1s;transition:all .1s}.f--hero-promo-title+.f--description a,html[data-whatintent=mouse] .f--hero-promo-title h2 a:hover{color:#fff;text-decoration:underline}html[data-whatintent=mouse] .f--hero-promo-title+.f--description a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .f--hero-promo-title+.f--description a:hover{color:#fff;text-decoration:none}.c--component .f--wysiwyg:after{clear:both;content:"";display:block}.c--component .f--wysiwyg h2{font-size:1.5rem;line-height:1.25;margin-bottom:1.5625rem}@media screen and (min-width:768px){.c--component .f--wysiwyg h2{font-size:1.875rem;line-height:1.2;margin-bottom:2.1875rem}}@media screen and (min-width:1024px){.c--component .f--wysiwyg h2{font-size:2.5rem;line-height:1.05}}.c--component .f--wysiwyg h3{font-size:1.5rem;line-height:1.1667;margin-bottom:.625rem}@media screen and (min-width:768px){.c--component .f--wysiwyg h3{font-size:1.625rem;line-height:1.2308;margin-bottom:.875rem}}@media screen and (min-width:1024px){.c--component .f--wysiwyg h3{font-size:2rem;line-height:1.125}}.c--component .f--wysiwyg h4{font-size:1.375rem;line-height:1.1819;margin-bottom:.625rem}@media screen and (min-width:768px){.c--component .f--wysiwyg h4{font-size:1.625rem;line-height:1.1539;margin-bottom:.875rem}}.c--component .f--wysiwyg h5{font-size:.9375rem;line-height:1.2;margin-bottom:.4375rem}@media screen and (min-width:768px){.c--component .f--wysiwyg h5{font-size:1rem;font-weight:800;line-height:1.25;margin-bottom:1.0625rem}}.c--component .f--wysiwyg ol,.c--component .f--wysiwyg ul{list-style:none;padding:0}.c--component .f--wysiwyg ol ol,.c--component .f--wysiwyg ol ul,.c--component .f--wysiwyg ul ol,.c--component .f--wysiwyg ul ul{margin-left:1.5625rem}.c--component .f--wysiwyg ol{counter-reset:counter}.c--component .f--wysiwyg ol>li{counter-increment:counter}.c--component .f--wysiwyg ol>li:before{color:#881c1c;content:counter(counter) ". ";margin-left:.625rem;margin-right:.5rem}.c--component .f--wysiwyg ul>li{list-style:none}.c--component .f--wysiwyg ul>li:before{color:#881c1c;content:"•";display:inline-block;margin-left:.625rem;margin-right:1.25rem;width:.3125rem}.c--component .f--wysiwyg table caption{margin-bottom:1.25rem;text-align:left}.c--component .f--wysiwyg thead th{font-size:1rem;letter-spacing:.034375rem;line-height:1.625;padding:1.5625rem 1.25rem}@media screen and (min-width:768px){.c--component .f--wysiwyg thead th{padding:0 1.25rem 1.25rem}}.c--component .f--wysiwyg tbody tr{background:transparent;border-bottom:1px solid #ccc}.c--component .f--wysiwyg tbody tr:last-child{border-bottom:0}.c--component .f--wysiwyg tbody tr:nth-child(odd){background-color:#e9e9e9}.c--component .f--wysiwyg tbody tr:nth-child(2n){background-color:#fff}.c--component .f--wysiwyg tbody td,.c--component .f--wysiwyg tbody th{padding:1.5625rem 1.25rem}.c--component .f--wysiwyg tbody td,.c--component .f--wysiwyg tbody td p,.c--component .f--wysiwyg tbody th,.c--component .f--wysiwyg tbody th p{font-size:.75rem;line-height:1.8334}@media screen and (min-width:768px){.c--component .f--wysiwyg tbody td,.c--component .f--wysiwyg tbody td p,.c--component .f--wysiwyg tbody th,.c--component .f--wysiwyg tbody th p{font-size:1rem;line-height:1.625}}.c--component .f--wysiwyg tbody td,.c--component .f--wysiwyg tbody td p{color:#4a4a4a}.c--component .f--wysiwyg tbody th{color:#151515;padding-right:.75rem}@media screen and (min-width:768px){.c--component .f--wysiwyg tbody th{padding-right:2rem}}@media screen and (min-width:1024px){.c--component .f--wysiwyg tbody th{padding-right:3.125rem}}.c--component .f--wysiwyg article.align-left,.c--component .f--wysiwyg figure.align-left,.c--component .f--wysiwyg img.align-left{float:left;margin-bottom:1.25rem;margin-left:0;margin-right:3.125rem}.c--component .f--wysiwyg article.align-right,.c--component .f--wysiwyg figure.align-right,.c--component .f--wysiwyg img.align-right{float:right;margin-bottom:1.25rem;margin-left:3.125rem;margin-right:0}.c--component .f--wysiwyg figure{margin:0}.c--component .f--wysiwyg figure figcaption,.c--component .f--wysiwyg figure figcaption p{color:#4a4a4a;font-size:.75rem;line-height:1.5;margin-top:.625rem}.c--component .f--wysiwyg .pull-quote,.c--component .f--wysiwyg blockquote{color:#881c1c;margin-bottom:3.125rem;margin-top:3.125rem}.c--component .f--wysiwyg .pull-quote p,.c--component .f--wysiwyg blockquote p{color:#881c1c;font-size:2.25rem;font-style:italic;line-height:1.2778;margin-bottom:.9375rem}.c--component .f--wysiwyg .pull-quote p:before,.c--component .f--wysiwyg blockquote p:before{content:"“";display:inline-block}.c--component .f--wysiwyg .pull-quote p:after,.c--component .f--wysiwyg blockquote p:after{content:"”";display:inline-block}.c--component .f--wysiwyg .pull-quote .attribution,.c--component .f--wysiwyg blockquote .attribution{font-size:.9375rem;font-style:normal;font-weight:700;line-height:1.3334}.c--component .f--wysiwyg .pull-quote .attribution:before,.c--component .f--wysiwyg blockquote .attribution:before{content:"—";display:inline-block;margin-right:.3125rem}.c--component .f--wysiwyg img{margin-bottom:.875rem;max-width:100%;width:auto}div.c--component.c--accordions a.field-stat-link,div.f--field.f--description a.field-stat-link,div.f--field.f--wysiwyg a.field-stat-link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:.875rem;line-height:1.2858;padding-left:.9375rem;padding-right:.9375rem;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#881c1c;border:0;border-radius:0;color:#fff;font-family:Open Sans,Arial,Helvetica,sans-serif;font-style:normal;font-weight:800;height:3.125rem;min-width:10.625rem;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-transition:background-color .1s ease-in-out;transition:background-color .1s ease-in-out;white-space:normal;width:auto}div.c--component.c--accordions a.field-stat-link:hover,div.f--field.f--description a.field-stat-link:hover,div.f--field.f--wysiwyg a.field-stat-link:hover{background-color:#6a1010;color:#fff;text-decoration:none;-webkit-transition:background-color .1s ease-in-out,color .1s ease-in-out;transition:background-color .1s ease-in-out,color .1s ease-in-out}.c--component .f--wysiwyg .pull-quote .author,.c--component .f--wysiwyg blockquote .author{font-size:.9375rem;font-style:normal;font-weight:700;line-height:1.3334}.c--component .f--wysiwyg .pull-quote .author:before,.c--component .f--wysiwyg blockquote .author:before{content:"—";display:inline-block;margin-right:.3125rem}@media screen and (min-width:768px){.cc--abundance-grid .c--abundance-grid{display:grid;gap:0 0;grid-template-areas:"text-block text-block large-1 large-1" "text-block text-block large-1 large-1" "large-2 large-2 small small" "large-2 large-2 small small";grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.cc--abundance-grid .c--abundance-grid div:nth-child(3){grid-area:large-2}.cc--abundance-grid .c--abundance-grid .abundance-container-text{grid-area:text-block}.cc--abundance-grid .c--abundance-grid .abundance-container-large{grid-area:large-1}.cc--abundance-grid .c--abundance-grid .abundance-container-small{display:grid;gap:0 0;grid-area:small;grid-template-areas:"small-1 small-2" "small-3 small-4";grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.cc--abundance-grid .c--abundance-grid .abundance-container-small .cc--component-container:first-child{grid-area:small-1}.cc--abundance-grid .c--abundance-grid .abundance-container-small .cc--component-container:nth-child(2){grid-area:small-2}.cc--abundance-grid .c--abundance-grid .abundance-container-small .cc--component-container:nth-child(3){grid-area:small-3}.cc--abundance-grid .c--abundance-grid .abundance-container-small .shuffle-wrapper{grid-area:small-4}}@media screen and (min-width:768px)and (-ms-high-contrast:none){.cc--abundance-grid .grid-container{display:-ms-grid;-ms-grid-columns:1fr 1fr 1fr 1fr;-ms-grid-rows:1fr 1fr 1fr 1fr}.cc--abundance-grid .text-block{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:1;-ms-grid-column-span:2}.cc--abundance-grid .large-1{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:3;-ms-grid-column-span:2}.cc--abundance-grid .large-2{-ms-grid-row:3;-ms-grid-row-span:2;-ms-grid-column:1;-ms-grid-column-span:2}.cc--abundance-grid .small{display:-ms-grid;-ms-grid-columns:1fr 1fr;-ms-grid-rows:1fr 1fr;-ms-grid-row:3;-ms-grid-row-span:2;-ms-grid-column:3;-ms-grid-column-span:2}.cc--abundance-grid .small-1{-ms-grid-row:1;-ms-grid-row-span:1;-ms-grid-column:1;-ms-grid-column-span:1}.cc--abundance-grid .small-2{-ms-grid-row:1;-ms-grid-row-span:1;-ms-grid-column:2;-ms-grid-column-span:1}.cc--abundance-grid .small-3{-ms-grid-row:2;-ms-grid-row-span:1;-ms-grid-column:1;-ms-grid-column-span:1}.cc--abundance-grid .small-4{-ms-grid-row:2;-ms-grid-row-span:1;-ms-grid-column:2;-ms-grid-column-span:1}}.cc--abundance-grid.updating{position:relative}.cc--abundance-grid.updating:before{-webkit-animation:swiper-preloader-spin 1s steps(12) infinite;animation:swiper-preloader-spin 1s steps(12) infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 120 120'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-linecap='round' stroke-width='11' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100%;content:"";display:block;height:2.625rem;left:50%;margin-left:-1.375rem;margin-top:-1.375rem;position:absolute;top:50%;-webkit-transform-origin:50%;transform-origin:50%;width:2.625rem;z-index:1}.cc--abundance-grid.updating .c--abundance-grid{opacity:0}.cc--abundance-grid.updated .c--abundance-grid{opacity:1}.cc--abundance-grid .abundance-container-large,.cc--abundance-grid .abundance-container-text{padding-top:100%;position:relative}@media screen and (min-width:1024px){.lc--full .cc--abundance-grid .abundance-container-large,.lc--full .cc--abundance-grid .abundance-container-text,.sg-pattern-example>.cc--abundance-grid .abundance-container-large,.sg-pattern-example>.cc--abundance-grid .abundance-container-text,.sg-pattern-example>.cc--component-container .f--field.nested .cc--abundance-grid .abundance-container-large,.sg-pattern-example>.cc--component-container .f--field.nested .cc--abundance-grid .abundance-container-text,body.pattern-lab-demo>.cc--abundance-grid .abundance-container-large,body.pattern-lab-demo>.cc--abundance-grid .abundance-container-text,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--abundance-grid .abundance-container-large,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--abundance-grid .abundance-container-text{padding-top:66.66%}}.cc--abundance-grid .abundance-container-large .cc--component-container,.cc--abundance-grid .abundance-container-large .text-container-wrapper,.cc--abundance-grid .abundance-container-text .cc--component-container,.cc--abundance-grid .abundance-container-text .text-container-wrapper{height:100%;position:absolute;top:0;width:100%}@media screen and (max-width:767px){.cc--abundance-grid .abundance-container-text{padding:0}}.cc--abundance-grid .abundance-container-text .text-container-wrapper{padding:2.5rem 8.3333333333% 1.875rem;position:relative}@media screen and (min-width:768px){.cc--abundance-grid .abundance-container-text .text-container-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 16.6666666667%;position:absolute;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.cc--abundance-grid .abundance-container-text .f--section-title h2{font-size:1.75rem;line-height:1;margin-bottom:.625rem;text-transform:uppercase}@media screen and (min-width:768px){.cc--abundance-grid .abundance-container-text .f--section-title h2{font-size:2.5rem;line-height:1;margin-bottom:.9375rem}}.cc--abundance-grid .abundance-container-text .f--section-title h2 a{color:#151515;text-decoration:none}html[data-whatintent=mouse] .cc--abundance-grid .abundance-container-text .f--section-title h2 a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--abundance-grid .abundance-container-text .f--section-title h2 a:hover{text-decoration:underline}.cc--abundance-grid .abundance-container-text .f--description p{font-size:.9375rem;line-height:1.6667;margin-bottom:.9375rem}@media screen and (min-width:768px){.cc--abundance-grid .abundance-container-text .f--description p{font-size:.9375rem;line-height:1.8667;margin-bottom:2.1875rem}}.cc--abundance-grid .abundance-container-text .f--link a{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:.875rem;line-height:1.2858;padding-left:.9375rem;padding-right:.9375rem;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#881c1c;border:0;border-radius:0;color:#fff;height:3.125rem;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-transition:background-color .1s ease-in-out;transition:background-color .1s ease-in-out;white-space:normal;width:100%}html[data-whatintent=mouse] .cc--abundance-grid .abundance-container-text .f--link a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--abundance-grid .abundance-container-text .f--link a:hover{background-color:#6a1010;color:#fff;text-decoration:none;-webkit-transition:background-color .1s ease-in-out,color .1s ease-in-out;transition:background-color .1s ease-in-out,color .1s ease-in-out}.cc--abundance-grid .abundance-container-text .f--link a{max-width:16.875rem}.cc--abundance-grid .abundance-container-large .cc--component-container{background-position:50%;background-repeat:no-repeat;background-size:cover}.cc--abundance-grid .abundance-container-large .cc--component-container:after{background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#000));background-image:linear-gradient(180deg,transparent,#000);bottom:0;content:"";display:block;height:60%;opacity:.9;position:absolute;width:100%}.cc--abundance-grid .abundance-container-large .c--abundance-grid-item{display:-webkit-box;display:-ms-flexbox;display:flex;padding:1.25rem 8.3333333333%;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;height:100%;justify-content:flex-end;z-index:1}@media screen and (min-width:768px){.cc--abundance-grid .abundance-container-large .c--abundance-grid-item{padding:1.25rem 11.1111111111% 1.5625rem}}.cc--abundance-grid .abundance-container-large .c--abundance-grid-item .f--eyebrow{color:#e9e9e9;font-size:.75rem;line-height:1.5;margin-bottom:.5rem;text-transform:uppercase}@media screen and (min-width:768px){.cc--abundance-grid .abundance-container-large .c--abundance-grid-item .f--eyebrow{font-size:.875rem;line-height:1.2858}}.cc--abundance-grid .abundance-container-large .c--abundance-grid-item .f--cta-title h2{color:#fff;font-size:1.375rem;line-height:1.1819;margin-bottom:.625rem}@media screen and (min-width:768px){.cc--abundance-grid .abundance-container-large .c--abundance-grid-item .f--cta-title h2{font-size:1.625rem;line-height:1.1539}}.cc--abundance-grid .abundance-container-large .c--abundance-grid-item .f--cta-title h2 a{color:#fff;text-decoration:underline}html[data-whatintent=mouse] .cc--abundance-grid .abundance-container-large .c--abundance-grid-item .f--cta-title h2 a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--abundance-grid .abundance-container-large .c--abundance-grid-item .f--cta-title h2 a:hover{text-decoration:none}.cc--abundance-grid .abundance-container-large .c--abundance-grid-item .f--description p{color:#fff;font-size:.875rem;line-height:1.7143}@media screen and (min-width:768px){.cc--abundance-grid .abundance-container-large .c--abundance-grid-item .f--description p{font-size:.875rem;line-height:1.5715}}.cc--abundance-grid .abundance-container-large .c--abundance-grid-item .f--description a{color:#fff;text-decoration:underline}html[data-whatintent=mouse] .cc--abundance-grid .abundance-container-large .c--abundance-grid-item .f--description a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--abundance-grid .abundance-container-large .c--abundance-grid-item .f--description a:hover{text-decoration:none}.cc--abundance-grid .abundance-container-large .c--abundance-grid-item .f--video-lightbox a{background-color:#881c1c;background-image:url(/themes/custom/umass_base/images/icons/icon-play.svg);background-position:50%;background-repeat:no-repeat;background-size:.5625rem;border:1px solid hsla(0,0%,100%,.65);border-radius:50%;-webkit-box-shadow:2px 2px 4px 1px rgba(0,0,0,.65);box-shadow:2px 2px 4px 1px rgba(0,0,0,.65);display:inline-block;font-size:0;height:3.125rem;line-height:0;overflow:hidden;text-indent:101%;white-space:nowrap;width:3.125rem}html[data-whatintent=mouse] .cc--abundance-grid .abundance-container-large .c--abundance-grid-item .f--video-lightbox a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--abundance-grid .abundance-container-large .c--abundance-grid-item .f--video-lightbox a:hover{background-color:#6a1010}.cc--abundance-grid .abundance-container-large .c--abundance-grid-item .f--video-lightbox a{position:absolute;right:1.375rem;top:1.4375rem}@media screen and (min-width:768px){.cc--abundance-grid .abundance-container-large .c--abundance-grid-item .f--video-lightbox a{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}.cc--abundance-grid .abundance-container-small{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.cc--abundance-grid .abundance-container-small .cc--abundance-grid-item{position:relative;-ms-flex-preferred-size:50%;flex-basis:50%;padding-top:50%}@media screen and (min-width:1024px){.lc--full .cc--abundance-grid .abundance-container-small .cc--abundance-grid-item,.sg-pattern-example>.cc--abundance-grid .abundance-container-small .cc--abundance-grid-item,.sg-pattern-example>.cc--component-container .f--field.nested .cc--abundance-grid .abundance-container-small .cc--abundance-grid-item,body.pattern-lab-demo>.cc--abundance-grid .abundance-container-small .cc--abundance-grid-item,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--abundance-grid .abundance-container-small .cc--abundance-grid-item{padding-top:33.33%}}.cc--abundance-grid .abundance-container-small .cc--abundance-grid-item:first-child{background:#151515}.cc--abundance-grid .abundance-container-small .cc--abundance-grid-item:nth-child(2){background:#881c1c}.cc--abundance-grid .abundance-container-small .cc--abundance-grid-item:nth-child(3){background:#4a4a4a}.cc--abundance-grid .abundance-container-small .cc--abundance-grid-item .c--abundance-grid-item{height:100%;padding:1.875rem 8.3333333333% 1.25rem;position:absolute;top:0;width:100%}@media screen and (min-width:768px){.cc--abundance-grid .abundance-container-small .cc--abundance-grid-item .c--abundance-grid-item{padding:3.25rem 11.1111111111% 1.5625rem}}.cc--abundance-grid .abundance-container-small .cc--abundance-grid-item .f--eyebrow{color:#e9e9e9;font-size:.75rem;line-height:1.5;margin-bottom:.5625rem;text-transform:uppercase}@media screen and (min-width:768px){.cc--abundance-grid .abundance-container-small .cc--abundance-grid-item .f--eyebrow{font-size:.875rem;line-height:1.2858;margin-bottom:.625rem}}.cc--abundance-grid .abundance-container-small .cc--abundance-grid-item .f--cta-title h2{color:#fff;font-size:.9375rem;line-height:1.2}@media screen and (min-width:768px){.cc--abundance-grid .abundance-container-small .cc--abundance-grid-item .f--cta-title h2{font-size:1rem;line-height:1.25}}.cc--abundance-grid .abundance-container-small .cc--abundance-grid-item .f--cta-title h2 a{color:#fff;text-decoration:none}html[data-whatintent=mouse] .cc--abundance-grid .abundance-container-small .cc--abundance-grid-item .f--cta-title h2 a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--abundance-grid .abundance-container-small .cc--abundance-grid-item .f--cta-title h2 a:hover{text-decoration:underline}.cc--abundance-grid .abundance-container-small .cc--abundance-grid-item .f--description{display:none}.cc--abundance-grid .abundance-container-small .shuffle-wrapper{position:relative;-ms-flex-preferred-size:50%;flex-basis:50%}.cc--abundance-grid .abundance-container-small .shuffle-wrapper .abundance-grid-shuffle{background-color:#881c1c;background-image:url(/themes/custom/umass_base/images/icons/icon-refresh.svg);background-position:50%;background-repeat:no-repeat;background-size:1.375rem;border-radius:50%;display:inline-block;font-size:0;height:3.125rem;line-height:0;overflow:hidden;text-indent:101%;white-space:nowrap;width:3.125rem}html[data-whatintent=mouse] .cc--abundance-grid .abundance-container-small .shuffle-wrapper .abundance-grid-shuffle else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--abundance-grid .abundance-container-small .shuffle-wrapper .abundance-grid-shuffle:hover{background-color:#6a1010}.cc--abundance-grid .abundance-container-small .shuffle-wrapper .abundance-grid-shuffle{bottom:.9375rem;display:none;position:absolute;right:.9375rem}.cc--abundance-grid .abundance-container-small .shuffle-wrapper .abundance-grid-shuffle.active{display:inline-block}.cc--accordion-program.no-details{display:block}.cc--accordion-program.no-details .text-container{padding-right:0;-ms-flex-preferred-size:100%;flex-basis:100%}.cc--accordion-program .c--accordion-program{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width:768px){.cc--accordion-program .c--accordion-program{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.cc--accordion-program .text-container{margin-bottom:1.5625rem;padding-right:7.6923076923%;-ms-flex-preferred-size:69.2307692308%;flex-basis:69.2307692308%}@media screen and (min-width:768px){.cc--accordion-program .text-container{margin-bottom:0}}.cc--accordion-program .text-container .f--description{margin-bottom:1.625rem}.cc--accordion-program .text-container .f--description p{font-size:.875rem;line-height:1.7143}.cc--accordion-program .text-container .f--link .link{font-size:.875rem;font-weight:800;line-height:1.7143;text-transform:uppercase}html[data-whatintent=mouse] .cc--accordion-program .text-container .f--link .link else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--accordion-program .text-container .f--link .link:hover{text-decoration:none}.cc--accordion-program .details-container{padding-right:3.8461538462%;-ms-flex-preferred-size:30.7692307692%;color:#4a4a4a;flex-basis:30.7692307692%}.cc--accordion-program .details-container .detail{font-size:.875rem;line-height:1.7143;margin-bottom:1.25rem}.cc--accordion-program .details-container .detail .label{font-weight:700}.cc--accordion-program .details-container .detail,.cc--accordion-program .details-container .detail .content,.cc--accordion-program .details-container .detail p{font-size:.875rem;line-height:1.7143}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.cc--accordions .c--accordions{overflow-anchor:none;padding:.875rem 8.3333333333%}@media screen and (min-width:768px){.cc--accordions .c--accordions{padding-top:0}}@media screen and (min-width:1024px){.cc--accordions .c--accordions{padding-bottom:.125rem;padding-top:.125rem}}.cc--accordions .c--accordions .accordion-item{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-bottom:.0625rem solid #ccc;overflow-anchor:none;padding-bottom:1.5625rem;-webkit-transform:translateZ(0);transform:translateZ(0)}@media screen and (min-width:768px){.cc--accordions .c--accordions .accordion-item{padding-bottom:1.5rem}}.cc--accordions .c--accordions .accordion h3 .accordion-trigger{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.375rem;line-height:1.1819;padding-top:1.9375rem;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-backface-visibility:hidden;backface-visibility:hidden;color:#000;justify-content:space-between;overflow-anchor:none;text-align:left;width:100%;will-change:transform}html[data-whatintent=mouse] .cc--accordions .c--accordions .accordion h3 .accordion-trigger else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--accordions .c--accordions .accordion h3 .accordion-trigger:hover{color:#881c1c}@media screen and (min-width:768px){.cc--accordions .c--accordions .accordion h3 .accordion-trigger{font-size:1.625rem;line-height:1.1539;padding-bottom:.375rem;padding-top:2.75rem}}@media screen and (min-width:1024px){.cc--accordions .c--accordions .accordion h3 .accordion-trigger{padding-bottom:.75rem;padding-top:2.4375rem}}.cc--accordions .c--accordions .accordion h3 .accordion-trigger:after{display:block;margin-right:.5rem;-ms-flex-negative:0;flex-shrink:0;-ms-flex-item-align:center;align-self:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:url(/themes/custom/umass_base/images/icons/icon-arrowdown-red.svg) no-repeat 50%/100%;content:"";height:1.25rem;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;width:1.25rem}@media screen and (min-width:768px){.cc--accordions .c--accordions .accordion h3 .accordion-trigger:after{height:1.75rem;width:1.75rem}}.cc--accordions .c--accordions .accordion h3 .accordion-trigger.open:after{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.cc--accordions .c--accordions .accordion .accordion-panel{-webkit-backface-visibility:hidden;backface-visibility:hidden;color:#4a4a4a;display:block!important;font-size:.875rem;line-height:1.7143;max-height:0;overflow:hidden;overflow-anchor:none;padding-top:.9375rem;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:max-height .3s cubic-bezier(.25,.46,.45,.94),visibility .3s linear;transition:max-height .3s cubic-bezier(.25,.46,.45,.94),visibility .3s linear;visibility:hidden;will-change:max-height}.cc--accordions .c--accordions .accordion .accordion-panel.active{max-height:5000px;-webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);transition-timing-function:cubic-bezier(.25,.46,.45,.94);visibility:visible}@media screen and (min-width:768px){.cc--accordions .c--accordions .accordion .accordion-panel{padding-top:1.25rem}.cc--accordions .c--accordions .accordion .accordion-panel.active{max-height:10000px}}@media screen and (min-width:1024px){.cc--accordions .c--accordions .accordion .accordion-panel{padding-top:.875rem}.cc--accordions .c--accordions .accordion .accordion-panel.active{max-height:15000px}}.cc--accordions .c--accordions .accordion .accordion-panel>*{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}@media(prefers-reduced-motion:reduce){.cc--accordions .c--accordions .accordion .accordion-panel{-webkit-transition:none!important;transition:none!important}}.cc--accordions:last-of-type .c--accordions{padding-bottom:2.5rem}@media screen and (min-width:1024px){.cc--accordions:last-of-type .c--accordions{padding-bottom:4.375rem}}.tc--basic .cc--accordions{margin-bottom:1.5625rem}.tc--basic .cc--accordions .c--accordions .accordion h3 .accordion-trigger{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:auto}.tc--basic .cc--accordions .c--accordions .accordion h3 .accordion-trigger:after{margin-left:1.5625rem}.cc--back-to-top .f--back{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:2.1875rem;width:100%}@media screen and (min-width:1024px){.cc--back-to-top .f--back:not(.ally-focus-within){border:0;height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;clip:rect(0 0 0 0);clip-path:inset(50%);margin:-1px}}.cc--back-to-top .f--back:after{display:block;-webkit-box-flex:1;background-color:#4a4a4a;content:"";-ms-flex:1 0 auto;flex:1 0 auto;height:.125rem}.cc--back-to-top .f--back a{font-size:.875rem;line-height:1}.cc--back-to-top .f--back a,.cc--back-to-top .f--back a:hover{color:#4a4a4a;text-decoration:none}.cc--back-to-top .f--back svg{margin-bottom:.1875rem;margin-left:.9375rem;margin-right:.9375rem}.cc--blogger-card .c--blogger-card .f--image{-ms-flex-negative:0;flex-shrink:0}@media screen and (min-width:768px){.cc--blogger-card .c--blogger-card .f--image{margin-right:4.1666666667%;-ms-flex-preferred-size:25%;flex-basis:25%}}.cc--blogger-card .c--blogger-card text-container{-ms-flex-preferred-size:100%;flex-basis:100%}.cc--breadcrumb{display:none}@media screen and (min-width:1024px){.cc--breadcrumb{display:block;margin-bottom:2.375rem}}.cc--breadcrumb ul{list-style:none;padding-left:0}.cc--breadcrumb ul li .link{color:#151515;font-size:.9375rem;font-weight:700;line-height:1.3334;text-decoration:none}html[data-whatintent=mouse] .cc--breadcrumb ul li .link else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--breadcrumb ul li .link:hover{color:#881c1c;text-decoration:none}@media screen and (min-width:1024px){.cc--breadcrumb ul li .link:before{background:url(/themes/custom/umass_base/images/icons/icon-arrowleft-red.svg) no-repeat 0/1.25rem;content:"";display:inline-block;height:.625rem;margin-left:-.25rem;margin-right:-.25rem;width:1.25rem}}.cc--button-back-to-top{position:relative}.cc--button-back-to-top .c--button-back-to-top{bottom:0;display:none;position:fixed;right:0;z-index:5}@media screen and (min-width:768px){.cc--button-back-to-top .c--button-back-to-top{bottom:1.875rem;right:1.875rem}}.cc--button-back-to-top .c--button-back-to-top.btb-unstick{bottom:0;position:absolute;top:-20px;z-index:5}@media screen and (min-width:768px){.cc--button-back-to-top .c--button-back-to-top.btb-unstick{bottom:1.875rem;right:1.875rem}}.cc--button-back-to-top .c--button-back-to-top button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:#000;border:0;border-radius:50%;cursor:pointer;height:3.75rem;justify-content:center;width:3.75rem}.cc--button-back-to-top .c--button-back-to-top button svg{height:1.125rem;width:1.125rem}.cc--button-back-to-top .c--button-back-to-top button span{color:#fff;display:block;font-size:.75rem;line-height:1}.cc--button-link{margin:0 auto;max-width:1800px}.cc--button-link .c--button-link{margin-bottom:1.5625rem}.cc--button-link .f--link{margin-top:1.5625rem}.cc--chapter{margin:0 auto 2.1875rem;max-width:1800px;padding-left:8.3333333333%;padding-right:8.3333333333%}@media screen and (min-width:768px){.cc--chapter{margin-bottom:3.75rem;padding-left:10.4166666667%;padding-right:10.4166666667%}}@media screen and (min-width:1024px){.cc--chapter{margin-bottom:4.6875rem;padding-left:8.3333333333%;padding-right:13.8888888889%}}.cc--chapter .cc--hero-profile{padding-bottom:0}.lc--two-column .cc--chapter .f--section-title{margin-bottom:.9375rem}@media screen and (min-width:1024px){.lc--two-column .cc--chapter .f--section-title{margin-bottom:1.5625rem}}.cc--chaptered-menu{position:relative}.cc--chaptered-menu.fixed{position:sticky;top:3.875rem}.cc--chaptered-nav{height:100%}@media screen and (min-width:1024px){.lr--sidebar .cc--chaptered-nav{margin-left:-25%}}.cc--chaptered-nav .c--chaptered-nav{background-color:#e9e9e9;height:100%;position:relative}@media screen and (min-width:1024px){.cc--chaptered-nav .c--chaptered-nav{padding-bottom:4.6875rem;padding-right:0;padding-top:3.125rem}}.cc--chaptered-nav .f--section-title h2{color:#881c1c;font-size:.875rem;font-weight:800;line-height:1.2858;padding-left:16.6666666667%;padding-right:16.6666666667%;text-transform:uppercase}@media screen and (max-width:1023px){.cc--chaptered-nav .f--section-title h2{background:#e9e9e9;cursor:pointer;padding:1.3125rem 8.3333333333%;position:relative}.cc--chaptered-nav .f--section-title h2.open:after{display:none}.cc--chaptered-nav .f--section-title h2:after,.cc--chaptered-nav .f--section-title h2:before{background:#881c1c;content:"";display:inline-block;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cc--chaptered-nav .f--section-title h2:before{height:.125rem;right:1.8125rem;width:.875rem}.cc--chaptered-nav .f--section-title h2:after{height:.875rem;right:2.1875rem;width:.125rem}}@media screen and (min-width:1024px){.cc--chaptered-nav .f--section-title h2{margin-bottom:1.25rem}}@media screen and (max-width:1023px){.cc--chaptered-nav .dropdown-container{background:#e9e9e9;display:none;left:0;padding-left:8.3333333333%;padding-right:8.3333333333%;position:absolute;right:0;top:100%;width:100%;z-index:1}}@media screen and (min-width:1024px){.cc--chaptered-nav.sticky .nav-wrapper{position:sticky;top:3.875rem}}.cc--chaptered-nav .f--link{margin-bottom:.8125rem}@media screen and (min-width:1024px){.cc--chaptered-nav .f--link:last-child{margin-bottom:0}}.cc--chaptered-nav .link{color:#151515;display:block;font-size:.9375rem;line-height:1.3334;padding-bottom:.3125rem;padding-top:.3125rem;text-decoration:none}html[data-whatintent=mouse] .cc--chaptered-nav .link{-webkit-transition:color;transition:color}html[data-whatintent=mouse] .cc--chaptered-nav .link else{-webkit-transition:all;transition:all}html[data-whatintent=mouse] .cc--chaptered-nav .link:hover{color:#881c1c;text-decoration:none}@media screen and (min-width:1024px){.cc--chaptered-nav .link{border-left:.75rem solid transparent;padding:.3125rem 16.6666666667% .4375rem calc(16.66667% - .75rem)}.cc--chaptered-nav .link.is-active{border-left:.75rem solid #881c1c}html[data-whatintent=mouse] .cc--chaptered-nav .link{-webkit-transition:color;transition:color}html[data-whatintent=mouse] .cc--chaptered-nav .link else{-webkit-transition:all;transition:all}html[data-whatintent=mouse] .cc--chaptered-nav .link:hover{border-left:.75rem solid #881c1c}}.cc--contact-block{margin-bottom:1.5625rem}@media screen and (min-width:1024px){.cc--contact-block{margin-bottom:2.1875rem}}.cc--contact-block .c--contact-block{padding-left:8.3333333333%;padding-right:8.3333333333%}@media screen and (min-width:1024px){.cc--contact-block .c--contact-block{padding-left:25%;padding-right:12.5%}}@media print{.cc--contact-block .c--contact-block{padding-left:12.5%;padding-right:12.5%}}.cc--contact-block .publication-date{margin-bottom:1.875rem}.cc--contact-block .f--section-title{margin-bottom:.625rem}.cc--contact-block .f--section-title h2{color:#881c1c;font-size:.75rem;line-height:1.5;text-transform:uppercase}@media screen and (min-width:768px){.cc--contact-block .f--section-title h2{font-size:.875rem;line-height:1.2858}}@media print{.cc--contact-block .f--section-title h2{color:#881c1c!important;font-size:.875rem;line-height:1.2858}}.cc--contact-block .text-container{line-height:1.875rem}@media print{.cc--contact-block .text-container .f--link .link{color:#881c1c!important}}.cc--date-card{position:relative;text-align:center}@media screen and (max-width:767px){.cc--date-card:not(:last-child){border-bottom:.0625rem solid #979797;margin-bottom:1.5625rem;padding-bottom:1.5625rem}}@media screen and (min-width:768px)and (max-width:1023px){.cc--date-card{padding:2.1875rem 6.6666666667%;-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%}.cc--date-card:nth-child(-n+2){border-bottom:.0625rem solid #979797}.cc--date-card:first-child,.cc--date-card:nth-child(3){border-right:.0625rem solid #979797}}@media screen and (min-width:1024px){.cc--date-card{-webkit-box-flex:0;-ms-flex:0 0 17.5%;flex:0 0 17.5%}.cc--date-card:not(:last-child):after{background-color:#979797;content:"";display:block;height:calc(100% + 3.125rem);position:absolute;right:-28.5714285714%;top:-1.5625rem;width:.0625rem}}@media screen and (min-width:1024px)and (max-width:1199px){.lc--two-column .cc--date-card{padding:2.1875rem 6.6666666667%;-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%}.lc--two-column .cc--date-card:after{display:none}.lc--two-column .cc--date-card:nth-child(-n+2){border-bottom:.0625rem solid #979797}.lc--two-column .cc--date-card:first-child,.lc--two-column .cc--date-card:nth-child(3){border-right:.0625rem solid #979797}}.cc--date-card .f--card-date span.month{color:#881c1c;display:block;font-size:1.125rem;line-height:1.3334;text-transform:uppercase}.cc--date-card .f--card-date span.day{color:#881c1c;display:block;font-size:2.5rem;line-height:1.375}.cc--date-card .f--cta-title{margin-top:.3125rem}@media screen and (min-width:1024px){.cc--date-card .f--cta-title{margin-top:.9375rem}}.cc--date-card .f--cta-title h3{font-size:1rem;line-height:1.25}.cc--date-cards{margin:0 auto;max-width:1800px}.cc--date-cards .c--date-cards{padding:3.125rem 8.3333333333%}@media screen and (min-width:768px){.cc--date-cards .c--date-cards{padding:4.6875rem 8.3333333333%}}@media screen and (min-width:1024px){.cc--date-cards .c--date-cards{padding-bottom:6.25rem;padding-left:8.3333333333%;padding-right:8.3333333333%}.t--chaptered-page .cc--date-cards .c--date-cards,.t--microsite-chaptered-page .cc--date-cards .c--date-cards{padding-left:0;padding-right:0}}.cc--date-cards .c--date-cards .text-container{text-align:center}@media screen and (min-width:1024px){.cc--date-cards .c--date-cards .text-container{position:relative}}.cc--date-cards .c--date-cards .text-container .f--section-title h2{font-size:1.375rem;line-height:1;text-transform:uppercase}@media screen and (min-width:768px){.cc--date-cards .c--date-cards .text-container .f--section-title h2{font-size:2.5rem;line-height:1}}@media screen and (max-width:1023px){.cc--date-cards .c--date-cards .text-container .f--link{margin-top:.9375rem}}@media screen and (min-width:1024px){.cc--date-cards .c--date-cards .text-container .f--link{bottom:0;position:absolute;right:0}.lc--two-column .cc--date-cards .c--date-cards .text-container .f--link{position:relative}}.cc--date-cards .c--date-cards .text-container .f--link a{color:#881c1c;font-size:.875rem;line-height:1.2858;text-transform:uppercase}html[data-whatintent=mouse] .cc--date-cards .c--date-cards .text-container .f--link a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--date-cards .c--date-cards .text-container .f--link a:hover{text-decoration:none}.cc--date-cards .c--date-cards .f--date-cards{margin-top:2.1875rem}@media screen and (min-width:768px){.cc--date-cards .c--date-cards .f--date-cards{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:4.375rem}}@media screen and (min-width:1024px){.cc--date-cards .c--date-cards .f--date-cards{margin-top:5.3125rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.cc--event-detail{margin-bottom:2.5rem;margin-top:0}@media screen and (min-width:768px){.cc--event-detail{padding-left:8.3333333333%;padding-right:8.3333333333%}}@media screen and (min-width:1024px){.cc--event-detail{padding-left:2.7777777778%;padding-right:11.1111111111%}}.cc--event-detail .c--event-detail{border-bottom:.0625rem solid #ccc;border-top:.0625rem solid #ccc;margin:0 8.3333333333%;padding-bottom:1.875rem;padding-top:1.875rem}@media screen and (min-width:768px){.cc--event-detail .c--event-detail{margin:0;padding:1.875rem 6.25%}}@media screen and (min-width:1024px){.cc--event-detail .c--event-detail{margin-left:0;margin-right:16.1290322581%}}.cc--event-detail .f--section-title{margin-bottom:1.25rem}.cc--event-detail .f--section-title h2{font-size:1.625rem;line-height:1.1539}@media screen and (min-width:768px){.cc--event-detail .text-container{display:-webkit-box;display:-ms-flexbox;display:flex}}.cc--event-detail .text-container .content{padding-right:9.0909090909%;-ms-flex-preferred-size:54.5454545455%;flex-basis:54.5454545455%}@media screen and (max-width:767px){.cc--event-detail .text-container .content{margin-bottom:1.875rem}}.cc--event-detail .text-container .content p{font-size:1rem;line-height:1.625;margin-bottom:0}@media screen and (min-width:768px){.cc--event-detail .text-container .content p{font-size:1rem;line-height:1.875}}.cc--event-detail .text-container .info{padding-top:.3125rem;-ms-flex-preferred-size:45.4545454545%;flex-basis:45.4545454545%}.cc--event-detail .text-container .info .f--link{margin-bottom:1.25rem}.cc--event-detail .text-container .info .f--link a{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.9375rem;line-height:1.3334;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:end;-ms-flex-pack:end;color:#151515;font-weight:700;justify-content:flex-end;text-decoration:none}html[data-whatintent=mouse] .cc--event-detail .text-container .info .f--link a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--event-detail .text-container .info .f--link a:hover{color:#881c1c}.cc--event-detail .text-container .info .f--link a svg{fill:#881c1c;margin-right:.625rem}.cc--event-detail .text-container .info p{font-size:1rem;line-height:1.875;margin-bottom:0}.node-event-submit-an-event-form .form-item .filter-wrapper{border:0;padding:0}.node-event-submit-an-event-form .form-wrapper .fieldset-legend{color:#4a4a4a;display:block;font-size:1rem;line-height:1.625}@media screen and (min-width:768px){.node-event-submit-an-event-form .form-wrapper .fieldset-legend{font-size:1rem;line-height:1.875}}.node-event-submit-an-event-form .form-wrapper .fieldset-wrapper{margin-bottom:1.5625rem}@media screen and (min-width:768px){.node-event-submit-an-event-form .form-wrapper .fieldset-wrapper{margin-bottom:2.5rem}}.node-event-submit-an-event-form .date-recur-modular-sierra-widget-recurrences{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.node-event-submit-an-event-form .field-group-details{margin-bottom:1.5625rem}@media screen and (min-width:768px){.node-event-submit-an-event-form .field-group-details{margin-bottom:2.5rem}}.node-event-submit-an-event-form .field--name-field-event-categories{margin-top:1.5625rem}@media screen and (min-width:768px){.node-event-submit-an-event-form .field--name-field-event-categories{margin-top:2.5rem}}.node-event-submit-an-event-form .field--name-field-event-categories .select-wrap{display:inline-block}.node-event-submit-an-event-form .field--name-field-event-categories .select-wrap select{height:auto;width:auto}.node-event-submit-an-event-form .field--name-field-event-categories .select-wrap svg{display:none}@media screen and (min-width:768px){.cc--events-listing-card .c--events-listing-card{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.cc--events-listing-card .text-container{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0}}.cc--events-listing-card .text-container .f--eyebrow{color:#881c1c;font-size:.9375rem;font-weight:800;line-height:1.2;margin-bottom:1.0625rem}@media screen and (min-width:768px){.cc--events-listing-card .text-container .f--eyebrow{font-size:1rem;line-height:1.25;margin-bottom:.5rem}}.cc--events-listing-card .text-container .f--eyebrow a{font-size:.9375rem;font-weight:800;line-height:1.2;text-decoration:none}@media screen and (min-width:768px){.cc--events-listing-card .text-container .f--eyebrow a{font-size:1rem;line-height:1.25}}html[data-whatintent=mouse] .cc--events-listing-card .text-container .f--eyebrow a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--events-listing-card .text-container .f--eyebrow a:hover{color:#151515}.cc--events-listing-card .text-container .f--cta-title{margin-bottom:.625rem}@media screen and (min-width:768px){.cc--events-listing-card .text-container .f--cta-title{margin-bottom:.9375rem}}.cc--events-listing-card .text-container .f--cta-title h3{font-size:1.5rem;line-height:1.1667}@media screen and (min-width:768px){.cc--events-listing-card .text-container .f--cta-title h3{font-size:2rem;line-height:1.125}}.cc--events-listing-card .text-container .f--cta-title h3 a{color:#151515;text-decoration:none}html[data-whatintent=mouse] .cc--events-listing-card .text-container .f--cta-title h3 a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--events-listing-card .text-container .f--cta-title h3 a:hover{color:#881c1c}.cc--events-listing-card .text-container .f--description p{font-size:.875rem;line-height:1.7143;margin-bottom:.625rem}@media screen and (max-width:767px){.cc--events-listing-card .f--image{padding-top:.625rem}}@media screen and (min-width:768px){.cc--events-listing-card .f--image{padding-left:2.5%;-ms-flex-preferred-size:40%;flex-basis:40%}}@media screen and (min-width:1024px){.cc--events-listing-card .f--image{-ms-flex-preferred-size:42.3076923077%;flex-basis:42.3076923077%}}.cc--events-listing .c--events-listing{margin:0 auto;max-width:1800px;padding-bottom:1.5625rem;padding-left:8.3333333333%;padding-right:8.3333333333%}@media screen and (min-width:1024px){.cc--events-listing .c--events-listing{padding-bottom:2.5rem;padding-left:5.5555555556%;padding-right:13.8888888889%}}.cc--events-listing .f--cards .cc--component-container{border-bottom:.0625rem solid #ccc;padding-bottom:1.5625rem}@media screen and (min-width:768px){.cc--events-listing .f--cards .cc--component-container{padding-bottom:1.9375rem}}.cc--events-listing .f--cards .cc--component-container:not(:last-child){margin-bottom:1.375rem}@media screen and (min-width:768px){.cc--events-listing .f--cards .cc--component-container:not(:last-child){margin-bottom:2.1875rem}}@media screen and (min-width:1024px){.cc--events-listing .f--cards .cc--component-container:not(:last-child){margin-bottom:2.5rem}}.cc--events-promo-card .f--image{margin-bottom:1.25rem}@media screen and (min-width:768px){.cc--events-promo-card .f--image{margin-bottom:1.4375rem}}.cc--events-promo-card .f--eyebrow{color:#881c1c;font-size:.9375rem;font-weight:800;line-height:1.2;margin-bottom:.625rem}@media screen and (min-width:768px){.cc--events-promo-card .f--eyebrow{font-size:1rem;line-height:1.25}}.cc--events-promo-card .f--eyebrow a{text-decoration:none}html[data-whatintent=mouse] .cc--events-promo-card .f--eyebrow a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--events-promo-card .f--eyebrow a:hover{text-decoration:none}.cc--events-promo-card .f--cta-title{margin-bottom:.625rem}.cc--events-promo-card .f--cta-title h3{font-size:1.375rem;line-height:1.1819}@media screen and (min-width:768px){.cc--events-promo-card .f--cta-title h3{font-size:1.625rem;line-height:1.1539}}.cc--events-promo-card .f--cta-title h3 a{color:#151515;text-decoration:none}html[data-whatintent=mouse] .cc--events-promo-card .f--cta-title h3 a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--events-promo-card .f--cta-title h3 a:hover{color:#881c1c}.cc--events-promo-card .f--description p{font-size:.875rem;line-height:1.7143;margin-bottom:0}.cc--events-promo{margin:0 auto;max-width:1800px;padding:2.5rem 8.3333333333%}@media screen and (min-width:768px){.cc--events-promo{padding-bottom:3.125rem;padding-top:3.125rem}.cc--events-promo .c--events-promo>.text-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.cc--events-promo .c--events-promo>.text-container .f--section-title{margin-bottom:1.25rem}@media screen and (min-width:768px){.cc--events-promo .c--events-promo>.text-container .f--section-title{margin-bottom:1.5625rem}}.cc--events-promo .c--events-promo>.text-container .f--section-title h2{font-size:1.875rem;line-height:1;text-transform:uppercase}@media screen and (min-width:768px){.cc--events-promo .c--events-promo>.text-container .f--section-title h2{font-size:2.5rem;line-height:1}}.cc--events-promo .c--events-promo>.text-container .f--link{margin-bottom:1.4375rem}@media screen and (min-width:768px){.cc--events-promo .c--events-promo>.text-container .f--link{margin-bottom:0;-ms-flex-item-align:center;align-self:center}}.cc--events-promo .c--events-promo>.text-container .f--link a{font-size:.875rem;font-weight:800;line-height:1.2858;text-transform:uppercase}html[data-whatintent=mouse] .cc--events-promo .c--events-promo>.text-container .f--link a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--events-promo .c--events-promo>.text-container .f--link a:hover{color:#151515}@media screen and (min-width:1024px){.cc--events-promo .f--cards{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width:768px)and (max-width:1023px){.cc--events-promo .f--cards .cc--events-promo-card:not(:first-child) .c--events-promo-card{display:-webkit-box;display:-ms-flexbox;display:flex}.cc--events-promo .f--cards .cc--events-promo-card:not(:first-child) .c--events-promo-card .f--image{margin-bottom:0;margin-right:5%;-ms-flex-preferred-size:47.5%;flex-basis:47.5%}.cc--events-promo .f--cards .cc--events-promo-card:not(:first-child) .c--events-promo-card .text-container{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}.cc--events-promo .f--cards .cc--events-promo-card:not(:first-child) .c--events-promo-card .text-container .f--eyebrow{font-size:1.375rem;line-height:1.1819}.cc--events-promo .f--cards .cc--events-promo-card:not(:first-child) .c--events-promo-card .text-container .f--cta-title h3{font-size:1.625rem;line-height:1;text-transform:uppercase}}@media screen and (min-width:1024px){.cc--events-promo .f--cards .cc--events-promo-card{-ms-flex-preferred-size:25%;flex-basis:25%}.cc--events-promo .f--cards .cc--events-promo-card:first-child{-ms-flex-preferred-size:45%;flex-basis:45%}}.cc--events-promo .f--cards .cc--events-promo-card:not(:last-child){margin-bottom:1.5625rem}@media screen and (min-width:768px){.cc--events-promo .f--cards .cc--events-promo-card:not(:last-child){margin-bottom:2.1875rem}}@media screen and (min-width:1024px){.cc--events-promo .f--cards .cc--events-promo-card:not(:last-child){margin-bottom:0;margin-right:2.5%}}@media screen and (max-width:1023px){.cc--filter-form .c--filter-form{position:relative}}.cc--filter-form .filter-form-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width:1023px){.cc--filter-form .filter-form-header{background:#e9e9e9;padding:1.375rem 8.3333333333% 1.25rem}}@media screen and (min-width:1024px){.cc--filter-form .filter-form-header{border-bottom:.0625rem solid #ccc;margin-bottom:1.875rem;padding-bottom:.3125rem}}.cc--filter-form .filter-form-header h2{color:#881c1c;font-size:.75rem;font-weight:800;line-height:1.5;text-transform:uppercase}@media screen and (min-width:768px){.cc--filter-form .filter-form-header h2{font-size:.875rem;line-height:1.2858}}.cc--filter-form .filter-form-header button{position:relative;width:1.25rem}@media screen and (min-width:1024px){.cc--filter-form .filter-form-header button{margin-right:.3125rem}}.cc--filter-form .filter-form-header button.open:after{display:none}@media screen and (max-width:1023px){.cc--filter-form .filter-form-header button:after,.cc--filter-form .filter-form-header button:before{background:#881c1c;content:"";display:inline-block}.cc--filter-form .filter-form-header button:before{height:.125rem;width:.875rem}.cc--filter-form .filter-form-header button:after,.cc--filter-form .filter-form-header button:before{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.cc--filter-form .filter-form-header button:after{height:.875rem;width:.125rem}}.cc--filter-form .filter-form-header button svg{width:1.0625rem}@media screen and (max-width:1023px){.cc--filter-form .filter-form-header button svg{display:none}.cc--filter-form .form-filter-content{background:#e9e9e9;display:none;padding-bottom:1.5625rem;padding-left:8.3333333333%;padding-right:8.3333333333%;position:absolute;width:100%;z-index:9}}.cc--filter-form .form-filter-content .fi--form-item{margin-bottom:1.5625rem}@media screen and (min-width:1024px){.cc--filter-form .form-filter-content .fi--form-item:not(:last-child){margin-bottom:1.875rem}}@media screen and (min-width:768px)and (max-width:1023px){.cc--filter-form .form-filter-content .fields-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.cc--filter-form .form-filter-content .fields-container .fi--form-item{-ms-flex-preferred-size:47.5%;flex-basis:47.5%}}.cc--filterable-content-grid:first-child .c--filterable-content-grid{padding-top:0}.cc--filterable-content-grid .c--filterable-content-grid{padding:2.5rem 8.3333333333%}@media screen and (min-width:768px){.cc--filterable-content-grid .c--filterable-content-grid{padding:3.125rem 16.6666666667%}}@media screen and (min-width:1024px){.lc--full .cc--filterable-content-grid .c--filterable-content-grid,.sg-pattern-example>.cc--component-container .f--field.nested .cc--filterable-content-grid .c--filterable-content-grid,.sg-pattern-example>.cc--filterable-content-grid .c--filterable-content-grid,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--filterable-content-grid .c--filterable-content-grid,body.pattern-lab-demo>.cc--filterable-content-grid .c--filterable-content-grid{display:-webkit-box;display:-ms-flexbox;display:flex;padding:4.6875rem 8.3333333333% 3.125rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.lc--full .cc--filterable-content-grid .c--filterable-content-grid>.text-container,.sg-pattern-example>.cc--component-container .f--field.nested .cc--filterable-content-grid .c--filterable-content-grid>.text-container,.sg-pattern-example>.cc--filterable-content-grid .c--filterable-content-grid>.text-container,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--filterable-content-grid .c--filterable-content-grid>.text-container,body.pattern-lab-demo>.cc--filterable-content-grid .c--filterable-content-grid>.text-container{margin-top:0;-ms-flex-preferred-size:30%;flex-basis:30%;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}}.cc--filterable-content-grid .f--section-title h2{text-transform:uppercase}.cc--filterable-content-grid .f--description{margin-top:.625rem}@media screen and (min-width:768px){.cc--filterable-content-grid .f--description{margin-top:.9375rem}}.cc--filterable-content-grid .content-container{margin-top:1.875rem}@media screen and (min-width:768px){.cc--filterable-content-grid .content-container{margin-top:1.5625rem}}@media screen and (min-width:1024px){.cc--filterable-content-grid .content-container{margin-top:1.875rem}.lc--full .cc--filterable-content-grid .content-container,.sg-pattern-example>.cc--component-container .f--field.nested .cc--filterable-content-grid .content-container,.sg-pattern-example>.cc--filterable-content-grid .content-container,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--filterable-content-grid .content-container,body.pattern-lab-demo>.cc--filterable-content-grid .content-container{margin-top:0;-ms-flex-preferred-size:60%;flex-basis:60%;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}}.cc--filterable-content-grid .cc--filter-form{border-bottom:.0625rem solid #ccc}.cc--filterable-content-grid .cc--filter-form .form-filter-content{border-bottom:0;margin:0;padding:0}.cc--filterable-content-grid .cc--filter-form .form-filter-content select{padding-left:0}.cc--filterable-content-grid .cc--filter-form .form-filter-content .fi--form-item{margin:0}.cc--filterable-content-grid .fi--form-item{display:inline-block;margin:0}.cc--filterable-content-grid .fi--form-item label{border:0;height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;clip:rect(0 0 0 0);clip-path:inset(50%);margin:-1px}.cc--filterable-content-grid .fi--form-item .select-wrap{border:0;padding-right:2.5rem}.cc--filterable-content-grid .fi--form-item .select-wrap select{width:auto}.cc--filterable-content-grid .f--cards{margin-top:1.5625rem}@media screen and (min-width:768px){.cc--filterable-content-grid .f--cards{margin-top:1.875rem}}.cc--filterable-content-grid .f--cards .cc--blogger-card,.cc--filterable-content-grid .f--cards .cc--staff-card,.cc--filterable-content-grid .f--cards .cc--story-card{border-bottom:.0625rem solid #ccc;margin-bottom:1.5625rem;padding-bottom:1.5625rem}@media screen and (min-width:768px){.cc--filterable-content-grid .f--cards .cc--blogger-card,.cc--filterable-content-grid .f--cards .cc--staff-card,.cc--filterable-content-grid .f--cards .cc--story-card{margin-bottom:2.1875rem}}@media screen and (min-width:1024px){.cc--filterable-content-grid .f--cards .cc--blogger-card,.cc--filterable-content-grid .f--cards .cc--staff-card,.cc--filterable-content-grid .f--cards .cc--story-card{margin-bottom:1.5625rem}}@media screen and (min-width:768px){.cc--filterable-content-grid .f--cards .cc--blogger-card .c--blogger-card,.cc--filterable-content-grid .f--cards .cc--blogger-card .c--staff-card,.cc--filterable-content-grid .f--cards .cc--blogger-card .c--story-card,.cc--filterable-content-grid .f--cards .cc--staff-card .c--blogger-card,.cc--filterable-content-grid .f--cards .cc--staff-card .c--staff-card,.cc--filterable-content-grid .f--cards .cc--staff-card .c--story-card,.cc--filterable-content-grid .f--cards .cc--story-card .c--blogger-card,.cc--filterable-content-grid .f--cards .cc--story-card .c--staff-card,.cc--filterable-content-grid .f--cards .cc--story-card .c--story-card{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (max-width:767px){.cc--filterable-content-grid .f--cards .cc--blogger-card .c--blogger-card .text-container,.cc--filterable-content-grid .f--cards .cc--blogger-card .c--staff-card .text-container,.cc--filterable-content-grid .f--cards .cc--blogger-card .c--story-card .text-container,.cc--filterable-content-grid .f--cards .cc--staff-card .c--blogger-card .text-container,.cc--filterable-content-grid .f--cards .cc--staff-card .c--staff-card .text-container,.cc--filterable-content-grid .f--cards .cc--staff-card .c--story-card .text-container,.cc--filterable-content-grid .f--cards .cc--story-card .c--blogger-card .text-container,.cc--filterable-content-grid .f--cards .cc--story-card .c--staff-card .text-container,.cc--filterable-content-grid .f--cards .cc--story-card .c--story-card .text-container{margin-top:.9375rem}}.cc--filterable-content-grid .f--cards .cc--blogger-card .c--blogger-card .text-container .f--cta-title h3,.cc--filterable-content-grid .f--cards .cc--blogger-card .c--staff-card .text-container .f--cta-title h3,.cc--filterable-content-grid .f--cards .cc--blogger-card .c--story-card .text-container .f--cta-title h3,.cc--filterable-content-grid .f--cards .cc--staff-card .c--blogger-card .text-container .f--cta-title h3,.cc--filterable-content-grid .f--cards .cc--staff-card .c--staff-card .text-container .f--cta-title h3,.cc--filterable-content-grid .f--cards .cc--staff-card .c--story-card .text-container .f--cta-title h3,.cc--filterable-content-grid .f--cards .cc--story-card .c--blogger-card .text-container .f--cta-title h3,.cc--filterable-content-grid .f--cards .cc--story-card .c--staff-card .text-container .f--cta-title h3,.cc--filterable-content-grid .f--cards .cc--story-card .c--story-card .text-container .f--cta-title h3{font-size:1.375rem;line-height:1.1819}@media screen and (min-width:768px){.cc--filterable-content-grid .f--cards .cc--blogger-card .c--blogger-card .text-container .f--cta-title h3,.cc--filterable-content-grid .f--cards .cc--blogger-card .c--staff-card .text-container .f--cta-title h3,.cc--filterable-content-grid .f--cards .cc--blogger-card .c--story-card .text-container .f--cta-title h3,.cc--filterable-content-grid .f--cards .cc--staff-card .c--blogger-card .text-container .f--cta-title h3,.cc--filterable-content-grid .f--cards .cc--staff-card .c--staff-card .text-container .f--cta-title h3,.cc--filterable-content-grid .f--cards .cc--staff-card .c--story-card .text-container .f--cta-title h3,.cc--filterable-content-grid .f--cards .cc--story-card .c--blogger-card .text-container .f--cta-title h3,.cc--filterable-content-grid .f--cards .cc--story-card .c--staff-card .text-container .f--cta-title h3,.cc--filterable-content-grid .f--cards .cc--story-card .c--story-card .text-container .f--cta-title h3{font-size:1.625rem;line-height:1.1539}}.cc--filterable-content-grid .f--cards .cc--blogger-card .c--blogger-card .text-container .f--cta-title a,.cc--filterable-content-grid .f--cards .cc--blogger-card .c--staff-card .text-container .f--cta-title a,.cc--filterable-content-grid .f--cards .cc--blogger-card .c--story-card .text-container .f--cta-title a,.cc--filterable-content-grid .f--cards .cc--staff-card .c--blogger-card .text-container .f--cta-title a,.cc--filterable-content-grid .f--cards .cc--staff-card .c--staff-card .text-container .f--cta-title a,.cc--filterable-content-grid .f--cards .cc--staff-card .c--story-card .text-container .f--cta-title a,.cc--filterable-content-grid .f--cards .cc--story-card .c--blogger-card .text-container .f--cta-title a,.cc--filterable-content-grid .f--cards .cc--story-card .c--staff-card .text-container .f--cta-title a,.cc--filterable-content-grid .f--cards .cc--story-card .c--story-card .text-container .f--cta-title a{color:#000;text-decoration:none}html[data-whatintent=mouse] .cc--filterable-content-grid .f--cards .cc--blogger-card .c--blogger-card .text-container .f--cta-title a else,html[data-whatintent=mouse] .cc--filterable-content-grid .f--cards .cc--blogger-card .c--staff-card .text-container .f--cta-title a else,html[data-whatintent=mouse] .cc--filterable-content-grid .f--cards .cc--blogger-card .c--story-card .text-container .f--cta-title a else,html[data-whatintent=mouse] .cc--filterable-content-grid .f--cards .cc--staff-card .c--blogger-card .text-container .f--cta-title a else,html[data-whatintent=mouse] .cc--filterable-content-grid .f--cards .cc--staff-card .c--staff-card .text-container .f--cta-title a else,html[data-whatintent=mouse] .cc--filterable-content-grid .f--cards .cc--staff-card .c--story-card .text-container .f--cta-title a else,html[data-whatintent=mouse] .cc--filterable-content-grid .f--cards .cc--story-card .c--blogger-card .text-container .f--cta-title a else,html[data-whatintent=mouse] .cc--filterable-content-grid .f--cards .cc--story-card .c--staff-card .text-container .f--cta-title a else,html[data-whatintent=mouse] .cc--filterable-content-grid .f--cards .cc--story-card .c--story-card .text-container .f--cta-title a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--filterable-content-grid .f--cards .cc--blogger-card .c--blogger-card .text-container .f--cta-title a:hover,html[data-whatintent=mouse] .cc--filterable-content-grid .f--cards .cc--blogger-card .c--staff-card .text-container .f--cta-title a:hover,html[data-whatintent=mouse] .cc--filterable-content-grid .f--cards .cc--blogger-card .c--story-card .text-container .f--cta-title a:hover,html[data-whatintent=mouse] .cc--filterable-content-grid .f--cards .cc--staff-card .c--blogger-card .text-container .f--cta-title a:hover,html[data-whatintent=mouse] .cc--filterable-content-grid .f--cards .cc--staff-card .c--staff-card .text-container .f--cta-title a:hover,html[data-whatintent=mouse] .cc--filterable-content-grid .f--cards .cc--staff-card .c--story-card .text-container .f--cta-title a:hover,html[data-whatintent=mouse] .cc--filterable-content-grid .f--cards .cc--story-card .c--blogger-card .text-container .f--cta-title a:hover,html[data-whatintent=mouse] .cc--filterable-content-grid .f--cards .cc--story-card .c--staff-card .text-container .f--cta-title a:hover,html[data-whatintent=mouse] .cc--filterable-content-grid .f--cards .cc--story-card .c--story-card .text-container .f--cta-title a:hover{color:#881c1c}.cc--filterable-content-grid .f--cards .cc--blogger-card .c--blogger-card .text-container .f--affiliation,.cc--filterable-content-grid .f--cards .cc--blogger-card .c--staff-card .text-container .f--affiliation,.cc--filterable-content-grid .f--cards .cc--blogger-card .c--story-card .text-container .f--affiliation,.cc--filterable-content-grid .f--cards .cc--staff-card .c--blogger-card .text-container .f--affiliation,.cc--filterable-content-grid .f--cards .cc--staff-card .c--staff-card .text-container .f--affiliation,.cc--filterable-content-grid .f--cards .cc--staff-card .c--story-card .text-container .f--affiliation,.cc--filterable-content-grid .f--cards .cc--story-card .c--blogger-card .text-container .f--affiliation,.cc--filterable-content-grid .f--cards .cc--story-card .c--staff-card .text-container .f--affiliation,.cc--filterable-content-grid .f--cards .cc--story-card .c--story-card .text-container .f--affiliation{font-size:.9375rem;line-height:1.8667;margin-top:.3125rem}.cc--filterable-content-grid .f--cards .cc--blogger-card .c--blogger-card .text-container .f--email,.cc--filterable-content-grid .f--cards .cc--blogger-card .c--staff-card .text-container .f--email,.cc--filterable-content-grid .f--cards .cc--blogger-card .c--story-card .text-container .f--email,.cc--filterable-content-grid .f--cards .cc--staff-card .c--blogger-card .text-container .f--email,.cc--filterable-content-grid .f--cards .cc--staff-card .c--staff-card .text-container .f--email,.cc--filterable-content-grid .f--cards .cc--staff-card .c--story-card .text-container .f--email,.cc--filterable-content-grid .f--cards .cc--story-card .c--blogger-card .text-container .f--email,.cc--filterable-content-grid .f--cards .cc--story-card .c--staff-card .text-container .f--email,.cc--filterable-content-grid .f--cards .cc--story-card .c--story-card .text-container .f--email{margin-top:.3125rem}.cc--filterable-content-grid .f--cards .cc--blogger-card .c--blogger-card .text-container .f--email a,.cc--filterable-content-grid .f--cards .cc--blogger-card .c--staff-card .text-container .f--email a,.cc--filterable-content-grid .f--cards .cc--blogger-card .c--story-card .text-container .f--email a,.cc--filterable-content-grid .f--cards .cc--staff-card .c--blogger-card .text-container .f--email a,.cc--filterable-content-grid .f--cards .cc--staff-card .c--staff-card .text-container .f--email a,.cc--filterable-content-grid .f--cards .cc--staff-card .c--story-card .text-container .f--email a,.cc--filterable-content-grid .f--cards .cc--story-card .c--blogger-card .text-container .f--email a,.cc--filterable-content-grid .f--cards .cc--story-card .c--staff-card .text-container .f--email a,.cc--filterable-content-grid .f--cards .cc--story-card .c--story-card .text-container .f--email a{font-size:.9375rem;line-height:1.8667}.cc--filterable-content-grid .f--cards .cc--blogger-card .c--blogger-card .text-container .f--phone,.cc--filterable-content-grid .f--cards .cc--blogger-card .c--staff-card .text-container .f--phone,.cc--filterable-content-grid .f--cards .cc--blogger-card .c--story-card .text-container .f--phone,.cc--filterable-content-grid .f--cards .cc--staff-card .c--blogger-card .text-container .f--phone,.cc--filterable-content-grid .f--cards .cc--staff-card .c--staff-card .text-container .f--phone,.cc--filterable-content-grid .f--cards .cc--staff-card .c--story-card .text-container .f--phone,.cc--filterable-content-grid .f--cards .cc--story-card .c--blogger-card .text-container .f--phone,.cc--filterable-content-grid .f--cards .cc--story-card .c--staff-card .text-container .f--phone,.cc--filterable-content-grid .f--cards .cc--story-card .c--story-card .text-container .f--phone{font-size:.9375rem;line-height:1.8667;margin-top:.3125rem}.cc--filterable-content-grid .f--cards .cc--blogger-card .c--blogger-card .text-container .f--phone a,.cc--filterable-content-grid .f--cards .cc--blogger-card .c--staff-card .text-container .f--phone a,.cc--filterable-content-grid .f--cards .cc--blogger-card .c--story-card .text-container .f--phone a,.cc--filterable-content-grid .f--cards .cc--staff-card .c--blogger-card .text-container .f--phone a,.cc--filterable-content-grid .f--cards .cc--staff-card .c--staff-card .text-container .f--phone a,.cc--filterable-content-grid .f--cards .cc--staff-card .c--story-card .text-container .f--phone a,.cc--filterable-content-grid .f--cards .cc--story-card .c--blogger-card .text-container .f--phone a,.cc--filterable-content-grid .f--cards .cc--story-card .c--staff-card .text-container .f--phone a,.cc--filterable-content-grid .f--cards .cc--story-card .c--story-card .text-container .f--phone a{font-size:.9375rem;line-height:1.8667}.cc--filterable-content-grid .f--cards .cc--blogger-card .c--blogger-card .text-container .f--description,.cc--filterable-content-grid .f--cards .cc--blogger-card .c--staff-card .text-container .f--description,.cc--filterable-content-grid .f--cards .cc--blogger-card .c--story-card .text-container .f--description,.cc--filterable-content-grid .f--cards .cc--staff-card .c--blogger-card .text-container .f--description,.cc--filterable-content-grid .f--cards .cc--staff-card .c--staff-card .text-container .f--description,.cc--filterable-content-grid .f--cards .cc--staff-card .c--story-card .text-container .f--description,.cc--filterable-content-grid .f--cards .cc--story-card .c--blogger-card .text-container .f--description,.cc--filterable-content-grid .f--cards .cc--story-card .c--staff-card .text-container .f--description,.cc--filterable-content-grid .f--cards .cc--story-card .c--story-card .text-container .f--description{font-size:.9375rem;line-height:1.8667;margin-top:.3125rem}.cc--filterable-content-grid .f--cards .cc--blogger-card .c--blogger-card .text-container .f--link,.cc--filterable-content-grid .f--cards .cc--blogger-card .c--staff-card .text-container .f--link,.cc--filterable-content-grid .f--cards .cc--blogger-card .c--story-card .text-container .f--link,.cc--filterable-content-grid .f--cards .cc--staff-card .c--blogger-card .text-container .f--link,.cc--filterable-content-grid .f--cards .cc--staff-card .c--staff-card .text-container .f--link,.cc--filterable-content-grid .f--cards .cc--staff-card .c--story-card .text-container .f--link,.cc--filterable-content-grid .f--cards .cc--story-card .c--blogger-card .text-container .f--link,.cc--filterable-content-grid .f--cards .cc--story-card .c--staff-card .text-container .f--link,.cc--filterable-content-grid .f--cards .cc--story-card .c--story-card .text-container .f--link{margin-top:.625rem}.cc--filterable-content-grid .f--cards .cc--blogger-card .c--blogger-card .text-container .f--link a,.cc--filterable-content-grid .f--cards .cc--blogger-card .c--staff-card .text-container .f--link a,.cc--filterable-content-grid .f--cards .cc--blogger-card .c--story-card .text-container .f--link a,.cc--filterable-content-grid .f--cards .cc--staff-card .c--blogger-card .text-container .f--link a,.cc--filterable-content-grid .f--cards .cc--staff-card .c--staff-card .text-container .f--link a,.cc--filterable-content-grid .f--cards .cc--staff-card .c--story-card .text-container .f--link a,.cc--filterable-content-grid .f--cards .cc--story-card .c--blogger-card .text-container .f--link a,.cc--filterable-content-grid .f--cards .cc--story-card .c--staff-card .text-container .f--link a,.cc--filterable-content-grid .f--cards .cc--story-card .c--story-card .text-container .f--link a{text-transform:uppercase}.cc--filterable-content-grid .pager-container .f--button-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.cc--filterable-content-grid .pager-container .f--button-link .button,.cc--filterable-content-grid .pager-container .f--button-link a{width:10.5625rem}.cc--footer-branding{margin-bottom:1.5625rem}@media screen and (min-width:1024px){.cc--footer-branding{margin-bottom:2.1875rem}}.cc--footer-branding .logo{display:block;margin-left:-1.8rem;width:19.53rem}.cc--footer-branding .logo svg{height:auto;width:100%}.cc--footer-branding .logo svg .name{fill:#fff}.cc--footer-copyright{margin-bottom:.625rem;-ms-flex-preferred-size:35.7142857143%;flex-basis:35.7142857143%}@media screen and (min-width:1024px){.cc--footer-copyright{margin-bottom:0}}.cc--footer-copyright .f--description p{color:#fff;font-size:.75rem;line-height:1.6667}.cc--footer-menu .m--menu-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.cc--footer-menu .m--menu-footer>.menu-item{font-size:.75rem;line-height:1.5;margin-bottom:2.1875rem;-ms-flex-preferred-size:40%;flex-basis:40%}.cc--footer-menu .m--menu-footer>.menu-item:nth-child(n+3){margin-bottom:0}@media screen and (min-width:1024px){.cc--footer-menu .m--menu-footer>.menu-item{font-size:.875rem;line-height:1.5;margin-bottom:0;-ms-flex-preferred-size:22.2222222222%;flex-basis:22.2222222222%}}.cc--footer-menu .m--menu-footer>.menu-item .navigation-title{color:#fff;display:inline-block;font-weight:800;margin-bottom:.875rem;text-transform:uppercase}@media screen and (min-width:1024px){.cc--footer-menu .m--menu-footer>.menu-item .navigation-title{margin-bottom:1.125rem}}.cc--footer-menu .m--menu-footer>.menu-item .submenu .menu-item{line-height:1}.cc--footer-menu .m--menu-footer>.menu-item .submenu .menu-item:not(:last-child){margin-bottom:.9375rem}.cc--footer-menu .m--menu-footer>.menu-item .submenu .menu-item a{color:#fff;font-size:.875rem;line-height:1.4286;text-decoration:none}html[data-whatintent=mouse] .cc--footer-menu .m--menu-footer>.menu-item .submenu .menu-item a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--footer-menu .m--menu-footer>.menu-item .submenu .menu-item a:hover{text-decoration:underline}.cc--footer-menu .m--menu-footer-utility{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.cc--footer-menu .m--menu-footer-utility .menu-item{line-height:1;margin-top:.9375rem}@media screen and (min-width:1024px){.cc--footer-menu .m--menu-footer-utility .menu-item{margin-top:0}}.cc--footer-menu .m--menu-footer-utility .menu-item:not(:last-child):after{border-right:.0625rem solid #4a4a4a;content:"";display:inline-block;height:1rem;margin-left:.8125rem;margin-right:.8125rem}@media screen and (min-width:1024px){.cc--footer-menu .m--menu-footer-utility .menu-item:not(:last-child):after{margin-left:.875rem;margin-right:.875rem}}.cc--footer-menu .m--menu-footer-utility .menu-item a{color:#fff;font-size:.75rem;line-height:1.6667;text-decoration:none}html[data-whatintent=mouse] .cc--footer-menu .m--menu-footer-utility .menu-item a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--footer-menu .m--menu-footer-utility .menu-item a:hover{text-decoration:underline}.cc--footer-social .social-media-links--platforms{display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:.3125rem}.cc--footer-social .social-media-links--platforms li{margin-right:1.875rem}@media screen and (min-width:1024px){.cc--footer-social .social-media-links--platforms li{margin-right:2rem}}html[data-whatintent=mouse] .cc--footer-social .social-media-links--platforms li a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--footer-social .social-media-links--platforms li a:hover svg{opacity:.7}.cc--footer{background:#151515}.cc--footer .c--footer{margin:0 auto;max-width:1800px;padding:2.5rem 8.3333333333%}@media screen and (min-width:1024px){.cc--footer .c--footer{padding:4.6875rem 6.25%}}.cc--footer .footer-top{padding-bottom:2.1875rem}@media screen and (min-width:1024px){.cc--footer .footer-top{display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:3.125rem}}.cc--footer .footer-top .branding-container{margin-bottom:2.1875rem}@media screen and (min-width:1024px){.cc--footer .footer-top .branding-container{-ms-flex-preferred-size:35.7142857143%;flex-basis:35.7142857143%;margin-bottom:0}}.cc--footer .footer-top .nav-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width:1024px){.cc--footer .footer-top .nav-container{-ms-flex-preferred-size:64.2857142857%;flex-basis:64.2857142857%}}.cc--footer .footer-top .nav-container .cc--footer-menu{width:100%}.cc--footer .footer-bottom{border-top:.0625rem solid #4a4a4a;padding-top:2.1875rem}@media screen and (min-width:1024px){.cc--footer .footer-bottom{display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:1.5625rem}}.cc--footer .footer-bottom .cc--footer-menu{-ms-flex-preferred-size:64.2857142857%;flex-basis:64.2857142857%}@media print{#l--main-footer{display:none}}.cc--gallery-slide .f--image figure{margin:0}.cc--gallery-slide .f--image figure figcaption{color:#4a4a4a;font-size:.875rem;font-style:italic;line-height:1.2858;margin-top:.9375rem;min-height:2.25rem;padding-left:8.3333333333%;padding-right:8.3333333333%}@media screen and (min-width:768px){.cc--gallery-slide .f--image figure figcaption{margin-top:1.25rem;padding-left:0;padding-right:0}}.cc--gallery-slide .f--image figure figcaption p{font-size:.875rem;font-style:italic;line-height:1.2858}.cc--gallery{margin:0 auto;max-width:1800px;padding-bottom:2.5rem;padding-top:2.5rem}@media screen and (min-width:768px){.cc--gallery{padding:3.125rem 8.3333333333%}}@media screen and (min-width:1024px){.lc--full .cc--gallery,.sg-pattern-example>.cc--component-container .f--field.nested .cc--gallery,.sg-pattern-example>.cc--gallery,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--gallery,body.pattern-lab-demo>.cc--gallery{padding-left:13.8888888889%;padding-right:13.8888888889%}}.lc--two-column .lr--main>.cc--gallery{padding-left:8.3333333333%;padding-right:8.3333333333%}@media screen and (min-width:1024px){.lc--two-column .lr--main>.cc--gallery{padding-left:5.5555555556%;padding-right:16.6666666667%}}.cc--gallery .f--section-title{padding-bottom:.625rem;padding-left:8.3333333333%;padding-right:8.3333333333%}@media screen and (min-width:768px){.cc--gallery .f--section-title{padding-bottom:.9375rem;padding-left:0;padding-right:0}}.cc--gallery .f--section-title h2{font-size:1.75rem;line-height:1;text-transform:uppercase}@media screen and (min-width:768px){.cc--gallery .f--section-title h2{font-size:2.5rem;line-height:1}}.cc--gallery .swiper-container{margin-top:.625rem;position:relative}.cc--gallery .swiper-container .gallery-pagination{text-align:center}.cc--gallery .swiper-container .gallery-pagination .bullet{background:#ccc;border-radius:50%;height:.4375rem;margin-left:.4375rem;margin-right:.4375rem;-webkit-transition:background .2s ease;transition:background .2s ease;width:.4375rem}.cc--gallery .swiper-container .gallery-pagination .bullet.bullet-active{background:#881c1c}.cc--gallery .swiper-container .swiper-nav-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;-webkit-box-pack:justify;-ms-flex-pack:justify;height:1.875rem;justify-content:space-between;padding-top:26%;width:100%}.cc--gallery .swiper-container .swiper-nav-wrapper .swiper-nav-button{background-color:#881c1c;background-position:50%;background-repeat:no-repeat;background-size:1.5rem;height:1.875rem;left:auto;margin-top:0;position:relative;right:auto;top:auto;width:1.875rem}html[data-whatintent=mouse] .cc--gallery .swiper-container .swiper-nav-wrapper .swiper-nav-button else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--gallery .swiper-container .swiper-nav-wrapper .swiper-nav-button:hover{background-color:#6a1010}.cc--gallery .swiper-container .swiper-nav-wrapper .swiper-nav-button.swiper-button-prev{background-image:url(/themes/custom/umass_base/images/icons/icon-arrowleft-white.svg)}.cc--gallery .swiper-container .swiper-nav-wrapper .swiper-nav-button.swiper-button-next{background-image:url(/themes/custom/umass_base/images/icons/icon-arrowright-white.svg)}.tc--microsite-article .cc--gallery{padding-left:8.3333333333%;padding-right:8.3333333333%}@media screen and (min-width:1024px){.tc--microsite-article .cc--gallery{padding-left:5.5555555556%;padding-right:16.6666666667%}}.tc--search{margin:0 auto;max-width:1800px}.tc--search .t--search .f--page-title{margin-bottom:1.5625rem}@media screen and (min-width:1024px){.tc--search .t--search .f--page-title{margin-bottom:2.3125rem}}.tc--search .t--search .f--page-title h1{text-transform:uppercase}.tc--search .content-top{padding-left:8.3333333333%;padding-right:8.3333333333%}@media screen and (min-width:1024px){.tc--search .content-top{padding-left:22.9166666667%;padding-right:22.9166666667%}}.tc--search .content-main{padding-bottom:2.5rem;padding-left:8.3333333333%;padding-right:8.3333333333%;width:100%}@media screen and (min-width:1024px){.tc--search .content-main{padding-bottom:4.6875rem;padding-left:22.9166666667%;padding-right:22.9166666667%}}.tc--search .content-main form.gsc-search-box{margin:0 0 1.3125rem;width:100%}.tc--search .content-main table.gsc-search-box{border-collapse:collapse;width:100%!important}.tc--search .content-main td.gsc-input{padding:0;width:100%!important}.tc--search .content-main td.gsc-search-button{padding-right:.75rem;text-align:right;white-space:nowrap;width:1%!important}.tc--search .content-main .gsib_a{background:none!important;background-image:none!important;padding-left:0!important}.tc--search .content-main .gsc-input-box svg,.tc--search .content-main .gsib_a .gscb_a,.tc--search .content-main .gsib_a span,.tc--search .content-main .gsib_b,.tc--search .content-main .gsst_a{display:none!important}.tc--search .content-main .gsc-input-box,.tc--search .content-main input.gsc-input{background:none!important;background-image:none!important}.tc--search .content-main input.gsc-input{border:1px solid #ccc!important;font-size:1rem;height:3.25rem!important;line-height:1.875;margin:0!important;padding:0 .75rem!important}.tc--search .content-main .gsc-input-box{border:0;-webkit-box-shadow:none;box-shadow:none}.tc--search .content-main .gsc-search-button{display:table-cell!important;padding:0}.tc--search .content-main .gsc-search-button-v2{background-color:#881c1c;border:0;border-radius:0;display:-webkit-box;display:-ms-flexbox;display:flex;height:3.25rem;margin:0;padding:0;width:3.25rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tc--search .content-main .gsc-search-button-v2:hover{cursor:pointer}.tc--search .content-main .gsc-search-button-v2 svg{height:1.125rem;width:1.125rem}.tc--search .content-main .gsc-control-cse{background-color:transparent;border:0;padding:0}.tc--search .content-main .gsc-control-cse .gs-result .gs-title{margin-bottom:1.25rem}.tc--search .content-main .gsc-control-cse .gsc-results-wrapper-nooverlay .gsc-positioningWrapper{display:none}.tc--search .content-main .gsc-control-cse .gs-result .gs-title,.tc--search .content-main .gsc-control-cse .gs-result .gs-title *,.tc--search .content-main .gsc-control-cse .gs-spelling{color:#151515;font-size:1.375rem;line-height:1.1819;margin-bottom:1.25rem;text-decoration:none}@media screen and (min-width:1024px){.tc--search .content-main .gsc-control-cse .gs-result .gs-title,.tc--search .content-main .gsc-control-cse .gs-result .gs-title *,.tc--search .content-main .gsc-control-cse .gs-spelling{font-size:1.625rem;line-height:1.1539}}html[data-whatintent=mouse] .tc--search .content-main .gsc-control-cse .gs-result .gs-title else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .tc--search .content-main .gsc-control-cse .gs-result .gs-title:hover,html[data-whatintent=mouse] .tc--search .content-main .gsc-control-cse .gs-result .gs-title:hover b{color:#881c1c}.tc--search .content-main .gsc-results{padding-top:1.5625rem;width:100%}.tc--search .content-main .gsc-webResult .gsc-result{border-bottom:1px solid #ccc;padding-bottom:1.5625rem;padding-top:1.5625rem}.tc--search .content-main .gsc-webResult .gsc-result:first-child{padding-top:0}@media screen and (min-width:1024px){.tc--search .content-main .gsc-webResult .gsc-result{padding:2.5rem 0}}.tc--search .content-main .gsc-webResult .gs-snippet{color:#4a4a4a;font-size:.875rem;line-height:1.7143}.tc--search .content-main .gsc-result-info{color:#4a4a4a;font-size:.9375rem;line-height:1.8667;padding:0}.tc--search .content-main .gcsc-more-maybe-branding-root,.tc--search .content-main .gsc-orderby-container{display:none}.tc--search .gs-no-results-result .gs-snippet{background-color:transparent;border:0}.gssb_a{padding:.625rem!important}.gssb_a img{display:inline;width:auto}.cc--header-search{display:none;padding:1.25rem 8.3333333333%}@media screen and (min-width:768px){.cc--header-search{padding:2.125rem 4.1666666667%}}@media screen and (min-width:1024px){.cc--header-search{padding:1.5625rem 4.1666666667%}}.cc--header-search .c--header-search{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.cc--header-search .cc--header-branding{padding-top:.5625rem}@media screen and (max-width:1023px){.cc--header-search .cc--header-branding{display:none}}.cc--header-search form{position:relative;width:80%}@media screen and (min-width:768px){.cc--header-search form{width:90.9090909091%}}@media screen and (min-width:1024px){.cc--header-search form{width:68.1818181818%}}.cc--header-search form label{border:0;height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;clip:rect(0 0 0 0);clip-path:inset(50%);margin:-1px}.cc--header-search form input[type=text]{background-color:transparent;border-color:hsla(0,0%,100%,.5);color:#fff;font-size:1rem;height:3.75rem;line-height:1.875;padding-left:.625rem}@media screen and (min-width:768px){.cc--header-search form input[type=text]{height:5rem;padding-left:2.1875rem}}@media screen and (min-width:1024px){.cc--header-search form input[type=text]{height:6.25rem}}.cc--header-search form input[type=text]::-webkit-input-placeholder{color:#fff}.cc--header-search form input[type=text]::-moz-placeholder{color:#fff}.cc--header-search form input[type=text]:-ms-input-placeholder{color:#fff}.cc--header-search form input[type=text]::-ms-input-placeholder{color:#fff}.cc--header-search form input[type=text]::placeholder{color:#fff}.cc--header-search form .fi--form-item{margin:0}.cc--header-search .icon-search{position:absolute;right:.625rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media screen and (min-width:768px){.cc--header-search .icon-search{right:1.875rem}}.cc--header-search .close-search-container{background-color:#881c1c;display:-webkit-box;display:-ms-flexbox;display:flex;height:5rem;margin-top:-2.1875rem;position:relative;width:2.5rem}@media screen and (min-width:768px){.cc--header-search .close-search-container{height:7rem;width:3.125rem}}@media screen and (min-width:1024px){.cc--header-search .close-search-container{margin-top:-1.5625rem}}@media screen and (min-width:1200px){.cc--header-search .close-search-container{height:4.6875rem}}.cc--header-search .close-search-container:before{background-color:rgba(21,21,21,.2);content:"";height:5rem;position:absolute;width:2.5rem;z-index:1}@media screen and (min-width:768px){.cc--header-search .close-search-container:before{height:7rem;width:3.125rem}}@media screen and (min-width:1200px){.cc--header-search .close-search-container:before{height:4.6875rem}}.cc--header-search .close-search-container .button-close{margin-top:auto;padding-bottom:.625rem;padding-top:.625rem;position:relative;width:3.125rem;z-index:2}body.search-open .cc--header-search{background-color:#881c1c;display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:102}body.search-open .cc--header-search .cc--header-branding svg .box{fill:#000}body.search-open .cc--header-search .cc--header-branding svg .box-text,body.search-open .cc--header-search .cc--header-branding svg .name{fill:#fff}.cc--hero-article-video .c--hero-article-video{position:relative}.cc--hero-article-video .video-container{margin-bottom:1.25rem;position:relative}@media screen and (min-width:768px){.cc--hero-article-video .video-container{margin-bottom:2.1875rem}}@media screen and (min-width:1024px){.lc--full .cc--hero-article-video .video-container,.sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-article-video .video-container,.sg-pattern-example>.cc--hero-article-video .video-container,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-article-video .video-container,body.pattern-lab-demo>.cc--hero-article-video .video-container{margin-bottom:0;-ms-flex-preferred-size:68.1818181818%;flex-basis:68.1818181818%;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}.cc--hero-article-video .video-container.show .f--video-embed{opacity:1;visibility:visible}.cc--hero-article-video .video-container.show .f--image{opacity:0;visibility:hidden}.cc--hero-article-video .video-container .play-btn{display:block;height:100%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.cc--hero-article-video .video-container .play-btn:after{background-color:#881c1c;background-image:url(/themes/custom/umass_base/images/icons/icon-play.svg);background-position:50%;background-repeat:no-repeat;background-size:.5625rem;border:1px solid hsla(0,0%,100%,.65);border-radius:50%;-webkit-box-shadow:2px 2px 4px 1px rgba(0,0,0,.65);box-shadow:2px 2px 4px 1px rgba(0,0,0,.65);display:inline-block;font-size:0;height:3.125rem;line-height:0;overflow:hidden;text-indent:101%;white-space:nowrap;width:3.125rem}html[data-whatintent=mouse] .cc--hero-article-video .video-container .play-btn:after else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--hero-article-video .video-container .play-btn:after:hover{background-color:#6a1010}.cc--hero-article-video .video-container .play-btn:after{border:0;content:"";z-index:10}.cc--hero-article-video .video-container .f--image{height:100%;-webkit-transition:visibility 0s linear .2s,opacity .2s ease;transition:visibility 0s linear .2s,opacity .2s ease}.cc--hero-article-video .video-container .f--image img{height:100%;-o-object-fit:cover;object-fit:cover}.cc--hero-article-video .video-container .f--video-embed{height:100%;left:0;opacity:0;position:absolute;top:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;visibility:hidden;width:100%;z-index:11}.cc--hero-article-video .video-container .f--video-embed iframe{height:100%;width:100%}@media screen and (min-width:1024px){.cc--hero-article-video .video-container.show+.exit-video{bottom:-1.25rem;color:#881c1c;display:block;font-size:.875rem;font-weight:800;line-height:1;margin-right:.625rem;margin-top:.625rem;position:absolute;right:0;text-transform:uppercase}}.cc--hero-article-video .exit-video{display:none}.cc--hero-article-video .text-container{padding-left:8.3333333333%;padding-right:8.3333333333%}@media screen and (min-width:768px){.cc--hero-article-video .text-container{margin-bottom:2.1875rem}}@media screen and (min-width:1024px){.lc--full .cc--hero-article-video .text-container,.sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-article-video .text-container,.sg-pattern-example>.cc--hero-article-video .text-container,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-article-video .text-container,body.pattern-lab-demo>.cc--hero-article-video .text-container{bottom:2.1875rem;left:50%;margin:0 auto;max-width:1800px;padding-left:8.3333333333%;padding-right:8.3333333333%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;z-index:10}}@media print{.cc--hero-article-video .text-container{bottom:2.1875rem;left:50%;margin:0 auto;max-width:1800px;padding-left:2.0833333333%;padding-right:2.0833333333%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;z-index:10}}.cc--hero-article-video .text-container .f--eyebrow{color:#881c1c;font-size:.75rem;font-weight:800;line-height:1.5;margin-bottom:.625rem;text-transform:uppercase}@media screen and (min-width:768px){.cc--hero-article-video .text-container .f--eyebrow{font-size:.875rem;line-height:1.2858}}@media screen and (min-width:1024px){.lc--full .cc--hero-article-video .text-container .f--eyebrow,.sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-article-video .text-container .f--eyebrow,.sg-pattern-example>.cc--hero-article-video .text-container .f--eyebrow,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-article-video .text-container .f--eyebrow,body.pattern-lab-demo>.cc--hero-article-video .text-container .f--eyebrow{color:#fff}}@media print{.cc--hero-article-video .text-container .f--eyebrow{color:#fff!important}}.cc--hero-article-video .text-container .f--page-title h1{font-size:1.875rem;line-height:1;text-transform:uppercase}@media screen and (min-width:768px){.cc--hero-article-video .text-container .f--page-title h1{font-size:3.75rem;line-height:.9167}}@media screen and (min-width:1024px){.lc--full .cc--hero-article-video .text-container .f--page-title h1,.sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-article-video .text-container .f--page-title h1,.sg-pattern-example>.cc--hero-article-video .text-container .f--page-title h1,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-article-video .text-container .f--page-title h1,body.pattern-lab-demo>.cc--hero-article-video .text-container .f--page-title h1{color:#fff}}@media print{.cc--hero-article-video .text-container .f--page-title h1{color:#fff!important;font-size:2.625rem;line-height:1.3096}}.cc--hero-article-video .text-container .f--page-title h1 a{color:#000;text-decoration:none}@media screen and (min-width:1024px){.lc--full .cc--hero-article-video .text-container .f--page-title h1 a,.sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-article-video .text-container .f--page-title h1 a,.sg-pattern-example>.cc--hero-article-video .text-container .f--page-title h1 a,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-article-video .text-container .f--page-title h1 a,body.pattern-lab-demo>.cc--hero-article-video .text-container .f--page-title h1 a{color:#fff}}@media print{.cc--hero-article-video .text-container .f--page-title h1 a{color:#fff!important}}html[data-whatintent=mouse] .cc--hero-article-video .text-container .f--page-title h1 a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--hero-article-video .text-container .f--page-title h1 a:hover{text-decoration:underline}.cc--hero-article-video .text-container .f--description{font-size:1rem;line-height:1.25;margin-top:1.25rem}@media screen and (min-width:1024px){.cc--hero-article-video .text-container .f--description,.cc--hero-article-video .text-container .f--description p{color:#fff}}.cc--hero-article .c--hero-article{position:relative}.cc--hero-article.no-image{background-color:#fff}.cc--hero-article.no-image .text-container{margin-bottom:.625rem}@media screen and (min-width:1024px){.lc--full .cc--hero-article.no-image .text-container,.sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-article.no-image .text-container,.sg-pattern-example>.cc--hero-article.no-image .text-container,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-article.no-image .text-container,body.pattern-lab-demo>.cc--hero-article.no-image .text-container{bottom:auto;margin-bottom:2.1875rem;position:relative}}@media print{.cc--hero-article.no-image .text-container{bottom:auto;margin-bottom:2.1875rem;position:relative}}@media screen and (min-width:1024px){.lc--full .cc--hero-article.no-image .text-container .f--eyebrow,.sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-article.no-image .text-container .f--eyebrow,.sg-pattern-example>.cc--hero-article.no-image .text-container .f--eyebrow,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-article.no-image .text-container .f--eyebrow,body.pattern-lab-demo>.cc--hero-article.no-image .text-container .f--eyebrow{color:#881c1c}}@media print{.cc--hero-article.no-image .text-container .f--eyebrow{color:#881c1c!important}}@media screen and (min-width:1024px){.lc--full .cc--hero-article.no-image .text-container .f--page-title,.lc--full .cc--hero-article.no-image .text-container .f--page-title a,.lc--full .cc--hero-article.no-image .text-container .f--page-title h1,.sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-article.no-image .text-container .f--page-title,.sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-article.no-image .text-container .f--page-title a,.sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-article.no-image .text-container .f--page-title h1,.sg-pattern-example>.cc--hero-article.no-image .text-container .f--page-title,.sg-pattern-example>.cc--hero-article.no-image .text-container .f--page-title a,.sg-pattern-example>.cc--hero-article.no-image .text-container .f--page-title h1,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-article.no-image .text-container .f--page-title,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-article.no-image .text-container .f--page-title a,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-article.no-image .text-container .f--page-title h1,body.pattern-lab-demo>.cc--hero-article.no-image .text-container .f--page-title,body.pattern-lab-demo>.cc--hero-article.no-image .text-container .f--page-title a,body.pattern-lab-demo>.cc--hero-article.no-image .text-container .f--page-title h1{color:#000}}@media print{.cc--hero-article.no-image .text-container .f--page-title,.cc--hero-article.no-image .text-container .f--page-title a,.cc--hero-article.no-image .text-container .f--page-title h1{color:#000!important}}@media screen and (min-width:1024px){.cc--hero-article.no-image .text-container .f--description,.cc--hero-article.no-image .text-container .f--description p{color:#000}}.cc--hero-article .f--image{margin-bottom:1.25rem}@media screen and (min-width:768px){.cc--hero-article .f--image{margin-bottom:3.125rem;padding-left:0;padding-right:0}}@media screen and (min-width:1024px){.lc--full .cc--hero-article .f--image,.sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-article .f--image,.sg-pattern-example>.cc--hero-article .f--image,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-article .f--image,body.pattern-lab-demo>.cc--hero-article .f--image{margin-bottom:0;position:relative}.lc--full .cc--hero-article .f--image:before,.sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-article .f--image:before,.sg-pattern-example>.cc--hero-article .f--image:before,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-article .f--image:before,body.pattern-lab-demo>.cc--hero-article .f--image:before{background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#000));background-image:linear-gradient(180deg,transparent,#000);bottom:0;content:"";display:block;height:60%;position:absolute;width:100%;z-index:1}}@media screen and (min-width:1200px){.cc--hero-article .f--image{background-color:#4a4a4a}}@media print{.cc--hero-article .f--image{position:relative}.cc--hero-article .f--image:before{background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#000))!important;background-image:linear-gradient(180deg,transparent,#000)!important;bottom:0;content:"";display:block;height:60%;position:absolute;width:100%;z-index:1}}@media screen and (min-width:1024px){.lc--full .cc--hero-article .f--image img,.sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-article .f--image img,.sg-pattern-example>.cc--hero-article .f--image img,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-article .f--image img,body.pattern-lab-demo>.cc--hero-article .f--image img{max-height:42.1875rem;-o-object-fit:cover;object-fit:cover}}@media screen and (min-width:1024px)and (min-width:1200px){.lc--full .cc--hero-article .f--image img,.sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-article .f--image img,.sg-pattern-example>.cc--hero-article .f--image img,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-article .f--image img,body.pattern-lab-demo>.cc--hero-article .f--image img{-o-object-fit:contain;object-fit:contain}}.cc--hero-article .text-container{padding-left:8.3333333333%;padding-right:8.3333333333%}@media screen and (min-width:768px){.cc--hero-article .text-container{margin-bottom:2.1875rem}}@media screen and (min-width:1024px){.lc--full .cc--hero-article .text-container,.sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-article .text-container,.sg-pattern-example>.cc--hero-article .text-container,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-article .text-container,body.pattern-lab-demo>.cc--hero-article .text-container{bottom:2.1875rem;left:50%;margin:0 auto;max-width:1800px;padding-left:8.3333333333%;padding-right:8.3333333333%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;z-index:10}}@media print{.cc--hero-article .text-container{bottom:2.1875rem;left:50%;margin:0 auto;max-width:1800px;padding-left:2.0833333333%;padding-right:2.0833333333%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;z-index:10}}.cc--hero-article .text-container .f--eyebrow{color:#881c1c;font-size:.75rem;font-weight:800;line-height:1.5;margin-bottom:.625rem;text-transform:uppercase}@media screen and (min-width:768px){.cc--hero-article .text-container .f--eyebrow{font-size:.875rem;line-height:1.2858}}@media screen and (min-width:1024px){.lc--full .cc--hero-article .text-container .f--eyebrow,.sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-article .text-container .f--eyebrow,.sg-pattern-example>.cc--hero-article .text-container .f--eyebrow,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-article .text-container .f--eyebrow,body.pattern-lab-demo>.cc--hero-article .text-container .f--eyebrow{color:#fff}}@media print{.cc--hero-article .text-container .f--eyebrow{color:#fff!important}}.cc--hero-article .text-container .f--page-title h1{font-size:1.875rem;line-height:1;text-transform:uppercase}@media screen and (min-width:768px){.cc--hero-article .text-container .f--page-title h1{font-size:3.75rem;line-height:.9167}}@media screen and (min-width:1024px){.lc--full .cc--hero-article .text-container .f--page-title h1,.sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-article .text-container .f--page-title h1,.sg-pattern-example>.cc--hero-article .text-container .f--page-title h1,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-article .text-container .f--page-title h1,body.pattern-lab-demo>.cc--hero-article .text-container .f--page-title h1{color:#fff}}@media print{.cc--hero-article .text-container .f--page-title h1{color:#fff!important;font-size:2.625rem;line-height:1.3096}}.cc--hero-article .text-container .f--page-title h1 a{color:#000;text-decoration:none}@media screen and (min-width:1024px){.lc--full .cc--hero-article .text-container .f--page-title h1 a,.sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-article .text-container .f--page-title h1 a,.sg-pattern-example>.cc--hero-article .text-container .f--page-title h1 a,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-article .text-container .f--page-title h1 a,body.pattern-lab-demo>.cc--hero-article .text-container .f--page-title h1 a{color:#fff}}@media print{.cc--hero-article .text-container .f--page-title h1 a{color:#fff!important}}html[data-whatintent=mouse] .cc--hero-article .text-container .f--page-title h1 a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--hero-article .text-container .f--page-title h1 a:hover{text-decoration:underline}.cc--hero-article .text-container .f--description{font-size:1rem;line-height:1.25;margin-top:1.25rem}@media screen and (min-width:1024px){.cc--hero-article .text-container .f--description,.cc--hero-article .text-container .f--description p{color:#fff}}.cc--hero-event{background-color:#fff}@media screen and (min-width:1024px){.cc--hero-event{background-color:#000}}.cc--hero-event .c--hero-event{position:relative}.cc--hero-event.no-image{background-color:#fff}.cc--hero-event.no-image .text-container{margin-bottom:.625rem}@media screen and (min-width:1024px){.lc--full .cc--hero-event.no-image .text-container,.sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-event.no-image .text-container,.sg-pattern-example>.cc--hero-event.no-image .text-container,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-event.no-image .text-container,body.pattern-lab-demo>.cc--hero-event.no-image .text-container{bottom:auto;margin-bottom:2.1875rem;position:relative}.lc--full .cc--hero-event.no-image .text-container .f--eyebrow,.sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-event.no-image .text-container .f--eyebrow,.sg-pattern-example>.cc--hero-event.no-image .text-container .f--eyebrow,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-event.no-image .text-container .f--eyebrow,body.pattern-lab-demo>.cc--hero-event.no-image .text-container .f--eyebrow{color:#881c1c}.lc--full .cc--hero-event.no-image .text-container .f--page-title,.lc--full .cc--hero-event.no-image .text-container .f--page-title a,.lc--full .cc--hero-event.no-image .text-container .f--page-title h1,.sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-event.no-image .text-container .f--page-title,.sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-event.no-image .text-container .f--page-title a,.sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-event.no-image .text-container .f--page-title h1,.sg-pattern-example>.cc--hero-event.no-image .text-container .f--page-title,.sg-pattern-example>.cc--hero-event.no-image .text-container .f--page-title a,.sg-pattern-example>.cc--hero-event.no-image .text-container .f--page-title h1,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-event.no-image .text-container .f--page-title,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-event.no-image .text-container .f--page-title a,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-event.no-image .text-container .f--page-title h1,body.pattern-lab-demo>.cc--hero-event.no-image .text-container .f--page-title,body.pattern-lab-demo>.cc--hero-event.no-image .text-container .f--page-title a,body.pattern-lab-demo>.cc--hero-event.no-image .text-container .f--page-title h1{color:#000}}.cc--hero-event .f--image{margin-bottom:1.25rem}@media screen and (min-width:768px){.cc--hero-event .f--image{margin-bottom:3.125rem;padding-left:0;padding-right:0}}@media screen and (min-width:1024px){.lc--full .cc--hero-event .f--image,.sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-event .f--image,.sg-pattern-example>.cc--hero-event .f--image,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-event .f--image,body.pattern-lab-demo>.cc--hero-event .f--image{margin-bottom:0;position:relative}.lc--full .cc--hero-event .f--image:before,.sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-event .f--image:before,.sg-pattern-example>.cc--hero-event .f--image:before,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-event .f--image:before,body.pattern-lab-demo>.cc--hero-event .f--image:before{background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#000));background-image:linear-gradient(180deg,transparent,#000);bottom:0;content:"";display:block;height:60%;position:absolute;width:100%;z-index:1}.lc--full .cc--hero-event .f--image img,.sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-event .f--image img,.sg-pattern-example>.cc--hero-event .f--image img,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-event .f--image img,body.pattern-lab-demo>.cc--hero-event .f--image img{max-height:42.1875rem;-o-object-fit:cover;object-fit:cover}}.cc--hero-event .text-container{padding-left:8.3333333333%;padding-right:8.3333333333%}@media screen and (min-width:768px){.cc--hero-event .text-container{margin-bottom:2.1875rem}}@media screen and (min-width:1024px){.lc--full .cc--hero-event .text-container,.sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-event .text-container,.sg-pattern-example>.cc--hero-event .text-container,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-event .text-container,body.pattern-lab-demo>.cc--hero-event .text-container{bottom:2.1875rem;left:50%;margin:0 auto;max-width:1800px;padding-left:8.3333333333%;padding-right:8.3333333333%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;z-index:10}}.cc--hero-event .text-container .f--eyebrow{color:#881c1c;font-size:.75rem;font-weight:800;line-height:1.5;margin-bottom:.625rem;text-transform:uppercase}@media screen and (min-width:768px){.cc--hero-event .text-container .f--eyebrow{font-size:.875rem;line-height:1.2858}}@media screen and (min-width:1024px){.lc--full .cc--hero-event .text-container .f--eyebrow,.sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-event .text-container .f--eyebrow,.sg-pattern-example>.cc--hero-event .text-container .f--eyebrow,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-event .text-container .f--eyebrow,body.pattern-lab-demo>.cc--hero-event .text-container .f--eyebrow{color:#fff}}.cc--hero-event .text-container .f--page-title h1{font-size:1.875rem;line-height:1;text-transform:uppercase}@media screen and (min-width:768px){.cc--hero-event .text-container .f--page-title h1{font-size:3.75rem;line-height:.9167}}@media screen and (min-width:1024px){.lc--full .cc--hero-event .text-container .f--page-title h1,.sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-event .text-container .f--page-title h1,.sg-pattern-example>.cc--hero-event .text-container .f--page-title h1,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-event .text-container .f--page-title h1,body.pattern-lab-demo>.cc--hero-event .text-container .f--page-title h1{color:#fff}}.cc--hero-event .text-container .f--page-title h1 a{color:#000;text-decoration:none}@media screen and (min-width:1024px){.lc--full .cc--hero-event .text-container .f--page-title h1 a,.sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-event .text-container .f--page-title h1 a,.sg-pattern-example>.cc--hero-event .text-container .f--page-title h1 a,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-event .text-container .f--page-title h1 a,body.pattern-lab-demo>.cc--hero-event .text-container .f--page-title h1 a{color:#fff}}html[data-whatintent=mouse] .cc--hero-event .text-container .f--page-title h1 a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--hero-event .text-container .f--page-title h1 a:hover{text-decoration:underline}.cc--hero-image .c--hero-image,.cc--hero-image .f--image{position:relative}.cc--hero-image .f--image:after,.cc--hero-image .f--image:before{content:"";display:block;height:40%;opacity:.8;position:absolute;width:100%;z-index:1}.cc--hero-image .f--image:before{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(21,21,21,0)),to(#151515));background-image:linear-gradient(180deg,rgba(21,21,21,0),#151515);bottom:0}.cc--hero-image .f--image:after{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(21,21,21,0)),to(#151515));background-image:linear-gradient(0deg,rgba(21,21,21,0),#151515);top:0}.cc--hero-image .f--image img{min-height:20rem;-o-object-fit:cover;object-fit:cover}@media screen and (min-width:1024px){.lc--full .cc--hero-image .f--image img,.sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-image .f--image img,.sg-pattern-example>.cc--hero-image .f--image img,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-image .f--image img,body.pattern-lab-demo>.cc--hero-image .f--image img{max-height:42.1875rem;-o-object-fit:cover;object-fit:cover}}.cc--hero-image .text-container{bottom:1.1875rem;left:50%;margin:0 auto;max-width:1800px;padding-left:8.3333333333%;padding-right:8.3333333333%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;z-index:10}@media screen and (min-width:768px){.cc--hero-image .text-container{bottom:1.5625rem;padding-left:8.3333333333%;padding-right:8.3333333333%}}@media screen and (min-width:1024px){.cc--hero-image .text-container{bottom:1.5rem;padding-left:4.1666666667%;padding-right:4.1666666667%}}.cc--hero-image .text-container .f--page-title{max-width:37.5rem}.cc--hero-image .text-container .f--page-title h1{color:#fff;font-size:1.875rem;line-height:1;text-transform:uppercase}@media screen and (min-width:768px){.cc--hero-image .text-container .f--page-title h1{font-size:3.75rem;line-height:.9167}}.tc--error-page .cc--hero-image .f--image img{max-height:34.375rem}.cc--hero-interior{padding-left:8.3333333333%;padding-right:8.3333333333%}.tc--form-page .cc--hero-interior,.tc--microsite-article .cc--hero-interior{padding-left:0;padding-right:0}.tc--events-listing .cc--hero-interior,.tc--microsite-article .cc--hero-interior,.tc--news-listing .cc--hero-interior{padding-left:8.3333333333%;padding-right:8.3333333333%}@media screen and (min-width:1024px){.tc--events-listing .cc--hero-interior,.tc--microsite-article .cc--hero-interior,.tc--news-listing .cc--hero-interior{padding-left:5.5555555556%;padding-right:16.6666666667%}}.tc--microsite-profile .cc--hero-interior{padding-left:8.3333333333%;padding-right:8.3333333333%;padding-top:3.125rem}@media screen and (min-width:1024px){.tc--microsite-profile .cc--hero-interior{padding-left:25%;padding-right:25%}}.cc--hero-interior .f--eyebrow{margin-bottom:.9375rem}.cc--hero-interior .f--eyebrow a{font-size:.875rem;line-height:1.2858;text-decoration:none;text-transform:uppercase}.cc--hero-interior .f--page-title{margin-bottom:1.5625rem}@media screen and (min-width:768px){.cc--hero-interior .f--page-title{margin-bottom:3.125rem}}.cc--hero-interior .f--page-title h1{font-size:1.875rem;line-height:1;text-transform:uppercase}@media screen and (min-width:768px){.cc--hero-interior .f--page-title h1{font-size:3.75rem;line-height:.9167}}.cc--hero-landing{background-color:#000;margin-top:-6.5625rem}@media screen and (min-width:768px){.cc--hero-landing{margin-top:-9.5rem}}@media screen and (min-width:1200px){.cc--hero-landing{margin-top:-10.6875rem}}.cc--hero-landing .c--hero-landing,.cc--hero-landing .image-video-container{position:relative}@media screen and (max-width:767px){.cc--hero-landing .image-video-container .f--ambient-video,.cc--hero-landing .image-video-container .video-controls{display:none}}.cc--hero-landing .image-video-container .f--image{height:100%}@media screen and (max-width:767px){.cc--hero-landing .image-video-container .f--image{padding-bottom:100%;position:relative}}.cc--hero-landing .image-video-container .f--image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media screen and (max-width:767px){.cc--hero-landing .image-video-container .f--image img{position:absolute}}.cc--hero-landing .image-video-container .video-controls{z-index:11}@media screen and (min-width:768px){.cc--hero-landing .image-video-container .video-controls{bottom:1.5625rem;right:2.5rem;top:inherit}}.cc--hero-landing .f--image{position:relative}@media screen and (min-width:768px){.cc--hero-landing .f--image{padding-left:0;padding-right:0}}.cc--hero-landing .f--image:before{background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#000));background-image:linear-gradient(180deg,transparent,#000);bottom:0}.cc--hero-landing .f--image:after,.cc--hero-landing .f--image:before{content:"";display:block;height:45%;opacity:.8;position:absolute;width:100%;z-index:1}.cc--hero-landing .f--image:after{background-image:-webkit-gradient(linear,left top,left bottom,from(#000),to(transparent));background-image:linear-gradient(180deg,#000,transparent);top:0}@media screen and (min-width:1024px){.lc--full .cc--hero-landing .f--image img,.sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-landing .f--image img,.sg-pattern-example>.cc--hero-landing .f--image img,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-landing .f--image img,body.pattern-lab-demo>.cc--hero-landing .f--image img{max-height:34.375rem;-o-object-fit:cover;object-fit:cover}}.cc--hero-landing .text-container{bottom:0;left:50%;margin:0 auto;max-width:1800px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;z-index:10}.cc--hero-landing .text-container .text-container-inner{display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:1.25rem;padding-left:8.3333333333%;padding-right:8.3333333333%;position:relative;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width:768px){.cc--hero-landing .text-container .text-container-inner{padding-bottom:1.5625rem;padding-left:8.3333333333%;padding-right:5.5555555556%}}@media screen and (min-width:1024px){.cc--hero-landing .text-container .text-container-inner{padding-left:4.1666666667%;padding-right:2.0833333333%}}.cc--hero-landing .text-container .f--page-title h1{color:#fff;font-size:1.875rem;line-height:1;text-transform:uppercase}@media screen and (min-width:768px){.cc--hero-landing .text-container .f--page-title h1{font-size:3.75rem;line-height:.9167}}.cc--hero-landing .text-container .button-show-feature{display:none}@media screen and (max-width:767px){.cc--hero-landing .text-container .button-show-feature{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;height:1.5625rem;justify-content:center;width:1.5625rem}}.cc--hero-landing .text-container .button-close-feature{bottom:1.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:8.3333333333%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;height:1.5625rem;justify-content:center;width:1.5625rem}@media screen and (min-width:768px){.cc--hero-landing .text-container .button-close-feature{display:none}}@media screen and (max-width:767px){.cc--hero-landing .text-container .feature-container{background:rgba(21,21,21,.9);bottom:0;display:none;left:0;padding:1.25rem 27.7777777778% 1.25rem 8.3333333333%;position:absolute;width:100%}}@media screen and (min-width:768px){.cc--hero-landing .text-container .feature-container{-webkit-box-flex:0;-ms-flex:0 0 29.0322580645%;flex:0 0 29.0322580645%}}@media screen and (min-width:1024px){.cc--hero-landing .text-container .feature-container{-webkit-box-flex:0;-ms-flex:0 0 22.2222222222%;flex:0 0 22.2222222222%;max-width:15.625rem}}.cc--hero-landing .text-container .feature-container .f--cta-title h3{color:#fff;font-size:.9375rem;line-height:1.2}@media screen and (min-width:768px){.cc--hero-landing .text-container .feature-container .f--cta-title h3{font-size:1rem;line-height:1;text-align:right}}@media screen and (min-width:1024px){.cc--hero-landing .text-container .feature-container .f--cta-title h3{font-size:1rem;line-height:1.25}}.cc--hero-landing .text-container .feature-container .f--cta-title h3 a{color:#fff;text-decoration:none}html[data-whatintent=mouse] .cc--hero-landing .text-container .feature-container .f--cta-title h3 a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--hero-landing .text-container .feature-container .f--cta-title h3 a:hover{text-decoration:underline}.cc--hero-landing .text-container .feature-container .f--description{margin-top:.3125rem}.cc--hero-landing .text-container .feature-container .f--description p{color:#fff;font-size:.75rem;line-height:1.5}@media screen and (min-width:768px){.cc--hero-landing .text-container .feature-container .f--description p{text-align:right}.cc--hero-landing.ambient-video .feature-container{margin-bottom:3.75rem}}.cc--hero-microsite-homepage{margin-top:-6.5625rem}@media screen and (min-width:768px){.cc--hero-microsite-homepage{margin-top:-9.5rem}}@media screen and (min-width:1200px){.cc--hero-microsite-homepage{margin-top:-10.6875rem}}.cc--hero-microsite-homepage .c--hero-microsite-homepage,.cc--hero-microsite-homepage .image-video-container{position:relative}@media screen and (max-width:767px){.cc--hero-microsite-homepage .image-video-container .f--ambient-video,.cc--hero-microsite-homepage .image-video-container .video-controls{display:none}}.cc--hero-microsite-homepage .image-video-container .f--image{height:100%}@media screen and (max-width:767px){.cc--hero-microsite-homepage .image-video-container .f--image{padding-bottom:100%;position:relative}}.cc--hero-microsite-homepage .image-video-container .f--image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media screen and (max-width:767px){.cc--hero-microsite-homepage .image-video-container .f--image img{position:absolute}}.cc--hero-microsite-homepage .image-video-container .video-controls{z-index:11}@media screen and (min-width:768px){.cc--hero-microsite-homepage .image-video-container .video-controls{bottom:1.5625rem;right:2.5rem;top:inherit}}.cc--hero-microsite-homepage .f--image{position:relative}@media screen and (min-width:768px){.cc--hero-microsite-homepage .f--image{padding-left:0;padding-right:0}}.cc--hero-microsite-homepage .f--image:before{background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#000));background-image:linear-gradient(180deg,transparent,#000);bottom:0;content:"";display:block;height:45%;opacity:.8;position:absolute;width:100%;z-index:1}.cc--hero-microsite-homepage .f--image:after{background-image:-webkit-gradient(linear,left top,left bottom,from(#000),to(transparent));background-image:linear-gradient(180deg,#000,transparent);content:"";display:block;height:45%;opacity:.8;position:absolute;top:0;width:100%;z-index:1}@media screen and (min-width:1024px){.lc--full .cc--hero-microsite-homepage .f--image img,.sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-microsite-homepage .f--image img,.sg-pattern-example>.cc--hero-microsite-homepage .f--image img,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-microsite-homepage .f--image img,body.pattern-lab-demo>.cc--hero-microsite-homepage .f--image img{max-height:34.375rem;-o-object-fit:cover;object-fit:cover}}.cc--hero-microsite-homepage .text-container{bottom:0;left:50%;margin:0 auto;max-width:1800px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;z-index:10}.cc--hero-microsite-homepage .text-container .text-container-inner{padding-bottom:1.25rem;padding-left:8.3333333333%;padding-right:8.3333333333%}@media screen and (min-width:768px){.cc--hero-microsite-homepage .text-container .text-container-inner{padding-bottom:1.5625rem;padding-left:8.3333333333%;padding-right:8.3333333333%}}@media screen and (min-width:1024px){.cc--hero-microsite-homepage .text-container .text-container-inner{padding-left:4.1666666667%;padding-right:4.1666666667%}.cc--hero-microsite-homepage .text-container .f--page-title{max-width:72.7272727273%}}.cc--hero-microsite-homepage .text-container .f--page-title h1{color:#fff;font-size:1.875rem;letter-spacing:-.03125rem;line-height:1;text-transform:uppercase}@media screen and (min-width:768px){.cc--hero-microsite-homepage .text-container .f--page-title h1{font-size:3.75rem;letter-spacing:0;line-height:.9167}}.cc--hero-microsite-interior .c--hero-microsite-interior{position:relative}.cc--hero-microsite-interior .text-container .f--page-title-pseudo .h1{color:#fff;font-size:1.875rem;letter-spacing:-.03125rem;line-height:1;text-transform:uppercase}@media screen and (min-width:768px){.cc--hero-microsite-interior .text-container .f--page-title-pseudo .h1{font-size:3.75rem;letter-spacing:0;line-height:.9167}}.cc--hero-microsite-interior,.cc--hero-microsite-landing{margin-top:-6.5625rem}@media screen and (min-width:768px){.cc--hero-microsite-interior,.cc--hero-microsite-landing{margin-top:-9.5rem}}@media screen and (min-width:1200px){.cc--hero-microsite-interior,.cc--hero-microsite-landing{margin-top:-10.6875rem}}.cc--hero-microsite-interior .c--hero-microsite-landing,.cc--hero-microsite-interior .image-video-container,.cc--hero-microsite-landing .c--hero-microsite-landing,.cc--hero-microsite-landing .image-video-container{position:relative}@media screen and (max-width:767px){.cc--hero-microsite-interior .image-video-container .f--ambient-video,.cc--hero-microsite-interior .image-video-container .video-controls,.cc--hero-microsite-landing .image-video-container .f--ambient-video,.cc--hero-microsite-landing .image-video-container .video-controls{display:none}}.cc--hero-microsite-interior .image-video-container .f--image,.cc--hero-microsite-landing .image-video-container .f--image{height:100%}@media screen and (max-width:767px){.cc--hero-microsite-interior .image-video-container .f--image,.cc--hero-microsite-landing .image-video-container .f--image{padding-bottom:100%;position:relative}}.cc--hero-microsite-interior .image-video-container .f--image img,.cc--hero-microsite-landing .image-video-container .f--image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media screen and (max-width:767px){.cc--hero-microsite-interior .image-video-container .f--image img,.cc--hero-microsite-landing .image-video-container .f--image img{position:absolute}}.cc--hero-microsite-interior .image-video-container .video-controls,.cc--hero-microsite-landing .image-video-container .video-controls{z-index:11}@media screen and (min-width:768px){.cc--hero-microsite-interior .image-video-container .video-controls,.cc--hero-microsite-landing .image-video-container .video-controls{bottom:1.5625rem;right:2.5rem;top:inherit}}.cc--hero-microsite-interior .f--image,.cc--hero-microsite-landing .f--image{position:relative}@media screen and (min-width:768px){.cc--hero-microsite-interior .f--image,.cc--hero-microsite-landing .f--image{padding-left:0;padding-right:0}}.cc--hero-microsite-interior .f--image:before,.cc--hero-microsite-landing .f--image:before{background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#000));background-image:linear-gradient(180deg,transparent,#000);bottom:0;content:"";display:block;height:45%;opacity:.8;position:absolute;width:100%;z-index:1}.cc--hero-microsite-interior .f--image:after,.cc--hero-microsite-landing .f--image:after{background-image:-webkit-gradient(linear,left top,left bottom,from(#000),to(transparent));background-image:linear-gradient(180deg,#000,transparent);content:"";display:block;height:45%;opacity:.8;position:absolute;top:0;width:100%;z-index:1}@media screen and (min-width:1024px){.lc--full .cc--hero-microsite-interior .f--image img,.lc--full .cc--hero-microsite-landing .f--image img,.sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-microsite-interior .f--image img,.sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-microsite-landing .f--image img,.sg-pattern-example>.cc--hero-microsite-interior .f--image img,.sg-pattern-example>.cc--hero-microsite-landing .f--image img,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-microsite-interior .f--image img,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-microsite-landing .f--image img,body.pattern-lab-demo>.cc--hero-microsite-interior .f--image img,body.pattern-lab-demo>.cc--hero-microsite-landing .f--image img{max-height:25rem;-o-object-fit:cover;object-fit:cover}}.cc--hero-microsite-interior .text-container,.cc--hero-microsite-landing .text-container{bottom:0;left:50%;margin:0 auto;max-width:1800px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;z-index:10}.cc--hero-microsite-interior .text-container .text-container-inner,.cc--hero-microsite-landing .text-container .text-container-inner{padding-bottom:1.25rem;padding-left:6.25%;padding-right:6.25%}@media screen and (min-width:768px){.cc--hero-microsite-interior .text-container .text-container-inner,.cc--hero-microsite-landing .text-container .text-container-inner{padding-bottom:1.5625rem;padding-left:8.3333333333%;padding-right:8.3333333333%}}@media screen and (min-width:1024px){.cc--hero-microsite-interior .text-container .text-container-inner,.cc--hero-microsite-landing .text-container .text-container-inner{padding-left:4.1666666667%;padding-right:4.1666666667%}}.cc--hero-microsite-interior .text-container .f--page-title h1,.cc--hero-microsite-landing .text-container .f--page-title h1{color:#fff;font-size:1.875rem;letter-spacing:-.03125rem;line-height:1;text-transform:uppercase}@media screen and (min-width:768px){.cc--hero-microsite-interior .text-container .f--page-title h1,.cc--hero-microsite-landing .text-container .f--page-title h1{font-size:3.75rem;letter-spacing:0;line-height:.9167}}.cc--hero-microsite-interior .text-container .f--eyebrow,.cc--hero-microsite-landing .text-container .f--eyebrow{color:#e9e9e9;font-size:.75rem;line-height:1.5;margin-bottom:.4375rem;text-transform:uppercase}@media screen and (min-width:768px){.cc--hero-microsite-interior .text-container .f--eyebrow,.cc--hero-microsite-landing .text-container .f--eyebrow{font-size:.875rem;line-height:1.2858}}.cc--latest-news-column .cc--latest-news-card-featured .f--image{margin-bottom:1.3125rem}.cc--latest-news-column .cc--latest-news-card-featured .f--eyebrow{color:#881c1c;font-size:.75rem;font-weight:800;line-height:1.5;margin-bottom:.5rem;text-transform:uppercase}@media screen and (min-width:768px){.cc--latest-news-column .cc--latest-news-card-featured .f--eyebrow{font-size:.875rem;line-height:1.2858}}.cc--latest-news-column .cc--latest-news-card-featured .f--eyebrow a{font-size:.75rem;font-weight:800;line-height:1.5;text-decoration:none;text-transform:uppercase}@media screen and (min-width:768px){.cc--latest-news-column .cc--latest-news-card-featured .f--eyebrow a{font-size:.875rem;line-height:1.2858}}html[data-whatintent=mouse] .cc--latest-news-column .cc--latest-news-card-featured .f--eyebrow a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--latest-news-column .cc--latest-news-card-featured .f--eyebrow a:hover{color:#151515;text-decoration:none}.cc--latest-news-column .cc--latest-news-card-featured .f--cta-title h3{font-size:1.375rem;line-height:1.1819}@media screen and (min-width:768px){.cc--latest-news-column .cc--latest-news-card-featured .f--cta-title h3{font-size:1.625rem;line-height:1.1539}}.cc--latest-news-column .cc--latest-news-card-featured .f--cta-title h3 a{color:#151515;text-decoration:none}html[data-whatintent=mouse] .cc--latest-news-column .cc--latest-news-card-featured .f--cta-title h3 a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--latest-news-column .cc--latest-news-card-featured .f--cta-title h3 a:hover{color:#881c1c}.cc--latest-news-media .cc--latest-news-card-featured .f--image{margin-bottom:1.1875rem}.cc--latest-news-media .cc--latest-news-card-featured .f--image img{max-height:15px;width:auto}.cc--latest-news-media .cc--latest-news-card-featured .f--cta-title{margin-bottom:.625rem}.cc--latest-news-media .cc--latest-news-card-featured .f--cta-title h3{font-size:.9375rem;line-height:1.2}@media screen and (min-width:768px){.cc--latest-news-media .cc--latest-news-card-featured .f--cta-title h3{font-size:1rem;line-height:1.25}}.cc--latest-news-media .cc--latest-news-card-featured .f--cta-title h3 a{color:#151515;text-decoration:none}html[data-whatintent=mouse] .cc--latest-news-media .cc--latest-news-card-featured .f--cta-title h3 a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--latest-news-media .cc--latest-news-card-featured .f--cta-title h3 a:hover{color:#881c1c}.cc--latest-news-media .cc--latest-news-card-featured .f--description p{font-size:.9375rem;line-height:1.6667}@media screen and (min-width:768px){.cc--latest-news-media .cc--latest-news-card-featured .f--description p{font-size:.9375rem;line-height:1.8667}}.cc--latest-news-card .f--eyebrow{color:#881c1c;font-size:.75rem;font-weight:800;line-height:1.5;margin-bottom:.5rem;text-transform:uppercase}@media screen and (min-width:768px){.cc--latest-news-card .f--eyebrow{font-size:.875rem;line-height:1.2858}}.cc--latest-news-card .f--eyebrow a{font-size:.75rem;font-weight:800;line-height:1.5;text-decoration:none;text-transform:uppercase}@media screen and (min-width:768px){.cc--latest-news-card .f--eyebrow a{font-size:.875rem;line-height:1.2858}}html[data-whatintent=mouse] .cc--latest-news-card .f--eyebrow a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--latest-news-card .f--eyebrow a:hover{color:#151515;text-decoration:none}.cc--latest-news-card .f--cta-title h3{font-size:.9375rem;line-height:1.2}@media screen and (min-width:768px){.cc--latest-news-card .f--cta-title h3{font-size:1rem;line-height:1.25}}.cc--latest-news-card .f--cta-title h3 a{color:#151515;text-decoration:none}html[data-whatintent=mouse] .cc--latest-news-card .f--cta-title h3 a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--latest-news-card .f--cta-title h3 a:hover{color:#881c1c}.cc--latest-news-column .cc--component-container:not(:last-child){border-bottom:.0625rem solid #ccc;margin-bottom:1.9375rem;padding-bottom:1.375rem}.cc--latest-news-column .cc--component-container:first-child{margin-bottom:1.5625rem;padding-bottom:1.875rem}@media screen and (min-width:768px){.cc--latest-news-column .cc--component-container:first-child{padding-bottom:2.625rem}}.cc--latest-news-media .f--eyebrow{border-bottom:.0625rem solid #ccc;color:#881c1c;font-size:.875rem;font-weight:800;line-height:1.2858;margin-bottom:1.875rem;padding-bottom:.625rem;text-transform:uppercase}.cc--latest-news-media .cc--latest-news-card-featured:not(:last-child){border-bottom:.0625rem solid #ccc;margin-bottom:1.9375rem;padding-bottom:1.75rem}.cc--latest-news{margin:0 auto;max-width:1800px;padding:2.5rem 8.3333333333%}@media screen and (min-width:768px){.cc--latest-news{padding-bottom:3.125rem;padding-top:3.125rem}.cc--latest-news .c--latest-news>.text-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.cc--latest-news .c--latest-news>.text-container .f--section-title{margin-bottom:1.25rem}@media screen and (min-width:768px){.cc--latest-news .c--latest-news>.text-container .f--section-title{margin-bottom:1.5625rem}}.cc--latest-news .c--latest-news>.text-container .f--section-title h2{font-size:1.875rem;line-height:1;text-transform:uppercase}@media screen and (min-width:768px){.cc--latest-news .c--latest-news>.text-container .f--section-title h2{font-size:2.5rem;line-height:1}}.cc--latest-news .c--latest-news>.text-container .f--link{margin-bottom:1.4375rem}@media screen and (min-width:768px){.cc--latest-news .c--latest-news>.text-container .f--link{margin-bottom:0;-ms-flex-item-align:center;align-self:center}}.cc--latest-news .c--latest-news>.text-container .f--link a{font-size:.875rem;font-weight:800;line-height:1.2858;text-transform:uppercase}html[data-whatintent=mouse] .cc--latest-news .c--latest-news>.text-container .f--link a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--latest-news .c--latest-news>.text-container .f--link a:hover{color:#151515}.cc--latest-news .c--latest-news .content-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width:1024px){.cc--latest-news .c--latest-news .content-container>.cc--component-container{-ms-flex-preferred-size:30%;flex-basis:30%}}@media screen and (max-width:767px){.cc--latest-news .c--latest-news .content-container>.cc--component-container:not(:last-child){margin-bottom:2.5rem}}@media screen and (min-width:1024px){.cc--latest-news .c--latest-news .content-container>.cc--component-container:not(:last-child){margin-right:5%}}@media screen and (min-width:768px)and (max-width:1023px){.cc--latest-news .c--latest-news .content-container .cc--latest-news-column{margin-bottom:3.125rem;-ms-flex-preferred-size:47.5%;flex-basis:47.5%}.cc--latest-news .c--latest-news .content-container .cc--latest-news-column:first-child{margin-right:5%}}@media screen and (max-width:1023px){.cc--links-list{padding-left:8.3333333333%;padding-right:8.3333333333%;padding-top:1.25rem}}@media screen and (min-width:1024px){.cc--links-list{border-top:.0625rem solid #ccc;padding-top:1.875rem}}.cc--links-list .f--link{margin-bottom:1.25rem}.cc--links-list .link{background:url(/themes/custom/umass_base/images/icons/icon-arrowright-red.svg) no-repeat top 5px right/1.25rem;border-bottom:.0625rem solid #ccc;color:#151515;display:block;font-weight:800;padding-bottom:.75rem;padding-right:.9375rem;text-decoration:none;text-transform:uppercase}html[data-whatintent=mouse] .cc--links-list .link else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--links-list .link:hover{color:#881c1c;text-decoration:none}.cc--login-form{margin-bottom:1.5625rem}.cc--login-form .c--login-form{margin:0 auto;max-width:1800px;padding-bottom:2.5rem;padding-left:2.0833333333%;padding-right:2.0833333333%;width:100%}@media screen and (min-width:768px){.cc--login-form .c--login-form{padding-bottom:2.5rem;padding-left:2.0833333333%;padding-right:2.0833333333%;width:25%}}@media screen and (min-width:1024px){.cc--login-form .c--login-form{padding:4.6875rem 2.0833333333% 3.4375rem}}.cc--menu-left-nav{position:relative}@media screen and (max-width:1023px){.cc--menu-left-nav .c--menu-left-nav{padding-left:8.3333333333%;padding-right:8.3333333333%}}@media screen and (min-width:1024px){.cc--menu-left-nav .f--section-title{margin-bottom:1.5625rem}.cc--menu-left-nav .f--section-title h2 span.nolink{color:var(--color-umass-gold);font-size:1.125rem;font-weight:900;line-height:1.3333}}.cc--menu-left-nav .f--section-title h2{color:#881c1c;font-size:.75rem;font-weight:800;line-height:1.5;text-transform:uppercase}@media screen and (min-width:768px){.cc--menu-left-nav .f--section-title h2{font-size:.875rem;line-height:1.2858}}@media screen and (max-width:1023px){.cc--menu-left-nav .f--section-title h2{border-bottom:.0625rem solid #e9e9e9;cursor:pointer;padding-bottom:1.25rem;padding-top:1.3125rem;position:relative}.cc--menu-left-nav .f--section-title h2.open:after{display:none}.cc--menu-left-nav .f--section-title h2:after,.cc--menu-left-nav .f--section-title h2:before{background:#881c1c;content:"";display:inline-block;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cc--menu-left-nav .f--section-title h2:before{height:.125rem;right:.375rem;width:.875rem}.cc--menu-left-nav .f--section-title h2:after{height:.875rem;right:.75rem;width:.125rem}}.cc--menu-left-nav .f--section-title h2 a{text-decoration:none}@media screen and (min-width:1024px){.cc--menu-left-nav .f--section-title h2 a:before{background:url(/themes/custom/umass_base/images/icons/icon-arrowleft-red.svg) no-repeat 0/1.25rem;content:"";display:inline-block;height:.625rem;margin-left:-2rem;margin-right:.6875rem;width:1.25rem}html[data-whatintent=mouse] .cc--menu-left-nav .f--section-title h2 a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--menu-left-nav .f--section-title h2 a:hover:before{background-image:url(/themes/custom/umass_base/images/icons/icon-arrowleft-dark.svg)}}.cc--menu-left-nav .f--section-title h2 a.nolink{color:var(--color-umass-gold);font-size:1.125rem;font-weight:900;line-height:1.3333}.cc--menu-left-nav .f--section-title h2 a.nolink:before{content:none;display:none!important}@media screen and (max-width:1023px){.mc--left-nav-menu{background:#fff;-webkit-box-shadow:0 5px 12px -5px rgba(0,0,0,.3);box-shadow:0 5px 12px -5px rgba(0,0,0,.3);display:none;margin-left:-8.3333333333%;margin-right:-8.3333333333%;padding-bottom:.625rem;padding-left:8.3333333333%;padding-right:8.3333333333%;position:absolute;top:3.6875rem;width:100%;z-index:10}}@media screen and (max-width:1023px)and (min-width:768px){.mc--left-nav-menu{padding-top:.625rem}}.mc--left-nav-menu .menu-item{line-height:1;margin-bottom:1.25rem}@media screen and (min-width:768px){.mc--left-nav-menu .menu-item{margin-bottom:1.875rem}}.mc--left-nav-menu .menu-item a{color:#151515;font-size:.9375rem;line-height:1.3334;text-decoration:none}html[data-whatintent=mouse] .mc--left-nav-menu .menu-item a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .mc--left-nav-menu .menu-item a:hover{color:#881c1c}.mc--left-nav-menu .menu-item span{color:var(--color-umass-gold);font-size:1.125rem;font-weight:900;line-height:1.3333;text-transform:uppercase}.mc--left-nav-menu .menu-item span+.submenu{margin-top:1.25rem}@media screen and (min-width:768px){.mc--left-nav-menu .menu-item span+.submenu{margin-top:1.875rem}}.mc--left-nav-menu .menu-item .submenu-wrapper{display:none;padding-left:1.5625rem;padding-top:.9375rem}.mc--left-nav-menu .menu-item .submenu-wrapper .menu-item{margin-bottom:.9375rem}.mc--left-nav-menu .menu-item .submenu-wrapper .menu-item a{font-size:.875rem;line-height:1.4286}.mc--left-nav-menu .menu-item.menu-item--active-trail>a{color:#881c1c}.mc--left-nav-menu .menu-item.menu-item--active-trail .submenu-wrapper{display:block}.cc--menu-main .button-back,.cc--menu-main .link-arrow-wrapper .arrow-toggle,.cc--menu-main .navigation-title{display:none}body.microsite-menu-is-active{overflow:hidden}.cc--menu-microsite{background-color:#881c1c}.cc--menu-microsite .c--menu-microsite{margin:0 auto;max-width:1800px}.cc--menu-microsite .menu-microsite-inner{height:3.75rem;padding-left:8.3333333333%;padding-right:8.3333333333%;position:relative}@media screen and (min-width:1024px){.cc--menu-microsite .menu-microsite-inner{display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:4.1666666667%;padding-right:4.1666666667%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:4.6875rem}}@media screen and (max-width:1023px){.cc--menu-microsite .menu-microsite-menu-wrapper{background-color:#881c1c;display:none;height:100vh;left:0;padding-bottom:1.875rem;padding-top:.3125rem;position:fixed;-webkit-transition:left .2s ease-in-out;transition:left .2s ease-in-out;width:100%;z-index:102}}@media screen and (max-width:767px){.cc--menu-microsite .menu-microsite-menu-wrapper{padding-top:.3125rem}}@media screen and (min-width:1024px){.cc--menu-microsite .menu-microsite-menu-wrapper{height:100%;width:100%}}@media screen and (max-width:1023px){.cc--menu-microsite .menu-microsite-menu-wrapper .microsite-menu-container{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}}@media screen and (min-width:1024px){.cc--menu-microsite .menu-microsite-menu-wrapper .microsite-menu-container{height:100%}.cc--menu-microsite .menu-microsite-menu-wrapper .microsite-menu-container .microsite-menu-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;height:100%;justify-content:space-between}}.cc--menu-microsite .link-arrow-wrapper .arrow-toggle polygon{fill:#fff}@media screen and (min-width:1024px){.cc--menu-microsite .link-arrow-wrapper>a.is-active:before{background-color:#fff;content:"";height:.625rem;left:0;position:absolute;top:0;width:100%}}html[data-whatintent=mouse] .cc--menu-microsite .link-arrow-wrapper>a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--menu-microsite .link-arrow-wrapper>a:hover{color:#fff}@media screen and (min-width:1024px){.cc--menu-microsite ul.m--menu-microsite>li.menu-item--active-trail>.link-arrow-wrapper>a:before,html[data-whatintent=mouse] .cc--menu-microsite .link-arrow-wrapper>a:hover:before{background-color:#fff;content:"";height:.625rem;left:0;position:absolute;top:0;width:100%}}.cc--menu-microsite .mc--menu-microsite{height:100%}@media screen and (min-width:1024px){.cc--menu-microsite .mc--menu-microsite .m--menu-microsite{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}}.cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li{padding:.3125rem 8.3333333333%}@media screen and (min-width:768px){.cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li{padding-bottom:.625rem;padding-top:.625rem}}@media screen and (max-width:1023px){.cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li:hover{background:rgba(21,21,21,.2)}}@media screen and (min-width:1024px){.cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li:not(:last-child){margin-bottom:0;margin-right:2.5rem}}.cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li a{font-size:.9375rem;line-height:1.3334;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-decoration:none;text-transform:uppercase}html[data-whatintent=mouse] .cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li a:hover{color:#fff}.cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li button.has-submenu{height:2.1875rem;width:2.1875rem}@media screen and (max-width:767px){.cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li button.has-submenu{text-align:right}}@media screen and (min-width:1024px){.cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li button.has-submenu{display:none}}.cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li .submenu-wrapper{background-color:#881c1c;height:100%;left:100%;padding-bottom:1.6875rem;padding-top:1.6875rem;position:fixed;top:60px;-webkit-transition:left .2s ease-in-out;transition:left .2s ease-in-out;width:100%;z-index:103}@media screen and (min-width:1024px){.cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li .submenu-wrapper{display:none;height:calc(100% - 9.375rem)}}.cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li .submenu-wrapper.ally-hidden{visibility:hidden}.cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li .submenu-wrapper.is-visible{display:block;left:0;overflow-x:hidden;overflow-y:scroll;-webkit-transition:left .2s ease-in-out;transition:left .2s ease-in-out;visibility:visible;z-index:104;-webkit-overflow-scrolling:touch}.cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li .submenu-wrapper.is-visible.second-level-hidden{left:0;-webkit-transition:left .2s ease-in-out;transition:left .2s ease-in-out;visibility:hidden;z-index:104}.cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li .submenu-wrapper.is-visible:not(.second-level-hidden){left:0;position:fixed;-webkit-transition:left .2s ease-in-out;transition:left .2s ease-in-out}.cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li .submenu-wrapper.is-hidden{left:100%;-webkit-transition:left .2s ease-in-out;transition:left .2s ease-in-out}@media screen and (max-width:1023px){.cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li .submenu-wrapper ul.submenu>li{padding:.4375rem 8.3333333333%}.cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li .submenu-wrapper ul.submenu>li:hover{background:rgba(21,21,21,.2)}}@media screen and (max-width:767px){.cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li .submenu-wrapper ul.submenu>li{padding-bottom:.625rem;padding-top:.625rem}}.cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li .submenu-wrapper ul.submenu>li a{font-weight:700;text-transform:none}@media screen and (max-width:1023px){.cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li .submenu-wrapper ul.submenu>li a{padding-left:1.25rem}}.cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li .submenu-wrapper .navigation-title{color:#fff;display:block;font-size:.75rem;line-height:1.5;margin:1.5625rem 8.3333333333% 1.25rem;text-transform:uppercase}@media screen and (min-width:768px){.cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li .submenu-wrapper .navigation-title{font-size:.875rem;line-height:1.2858;margin-top:1.875rem}}@media screen and (min-width:1024px){.cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li .submenu-wrapper .navigation-title{display:none}}.cc--menu-microsite .mc--menu-microsite .m--menu-microsite li .link-arrow-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width:1024px){.cc--menu-microsite ul.submenu{display:none}}@media screen and (max-width:1023px){.cc--menu-microsite .utility-links{margin-left:8.3333333333%;margin-right:8.3333333333%;margin-top:.75rem}}@media screen and (max-width:767px){.cc--menu-microsite .utility-links{margin-top:1.25rem}}@media screen and (min-width:768px){.cc--menu-microsite .utility-links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (max-width:1023px){.cc--menu-microsite .utility-links .f--link:not(:last-child){margin-bottom:.9375rem}}@media screen and (min-width:1024px){.cc--menu-microsite .utility-links .f--link:not(:last-child){margin-right:.625rem}}@media screen and (min-width:768px)and (max-width:1023px){.cc--menu-microsite .utility-links .f--link{-ms-flex-preferred-size:47%;flex-basis:47%}}.cc--menu-microsite .utility-links .button,.cc--menu-microsite .utility-links .f--button-link a,.f--button-link .cc--menu-microsite .utility-links a{border:.0625rem solid #fff;width:auto}@media screen and (max-width:1023px){.cc--menu-microsite .utility-links .button,.cc--menu-microsite .utility-links .f--button-link a,.f--button-link .cc--menu-microsite .utility-links a{border:.0625rem solid hsla(0,0%,100%,.4);height:2.5rem;width:100%}}.cc--menu-microsite .button-back{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.6875rem;margin-left:8.3333333333%;margin-right:8.3333333333%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;height:auto;letter-spacing:.025rem;text-transform:uppercase;width:auto}@media screen and (min-width:1024px){.cc--menu-microsite .button-back{display:none}}.cc--menu-microsite .button-back svg{display:inline;margin-right:.625rem}.cc--menu-microsite .button-back svg polygon{fill:#fff}.cc--menu-microsite a{color:#fff}.cc--menu-microsite .menu-microsite-toggle{color:#fff;font-size:.75rem;height:100%;line-height:1.5;position:relative;text-align:left;text-transform:uppercase;width:100%}@media screen and (min-width:768px){.cc--menu-microsite .menu-microsite-toggle{font-size:.875rem;line-height:1.2858}}@media screen and (min-width:1024px){.cc--menu-microsite .menu-microsite-toggle{display:none}}.cc--menu-microsite .menu-microsite-toggle svg{position:absolute;right:.3125rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cc--menu-microsite .menu-microsite-toggle svg.close{display:none}.cc--menu-microsite .menu-microsite-toggle.is-active svg.close{display:block}.cc--menu-microsite .menu-microsite-toggle.is-active svg.open{display:none}.cc--menu-microsite.is-active .menu-microsite-menu-wrapper{display:block}.cc--menu-microsite.is-active .menu-microsite-inner:before{background:#881c1c;content:"";height:100vh;left:0;position:absolute;top:0;width:100%}.cc--menu-microsite.is-active .menu-microsite-toggle:after{border-bottom:.125rem solid #a89968;bottom:.3125rem;content:"";display:block;position:absolute;width:100%}.cc--menu-microsite.is-hidden .menu-microsite-menu-wrapper{left:-100%;-webkit-transition:left .2s ease-in-out;transition:left .2s ease-in-out}.cc--menu-microsite.is-hidden .menu-microsite-menu-wrapper .microsite-menu-container{overflow-y:hidden;-webkit-overflow-scrolling:unset}body.mobile-menu-is-active{overflow:hidden}body.mobile-menu-is-active .cc--header:after{background-color:#a89968;content:"";display:block;height:.125rem;left:0;margin-left:6.25%;margin-right:6.25%;position:absolute;top:calc(100% - .125rem);width:87.5%}.cc--menu-mobile{background-color:#fff;bottom:0;display:none;height:calc(100% - 6.25rem);left:0;padding-bottom:.9375rem;padding-top:1.3125rem;position:fixed;-webkit-transition:left .2s ease-in-out;transition:left .2s ease-in-out;width:100%;z-index:102}@media screen and (min-width:768px){.cc--menu-mobile{height:calc(100% - 9.375rem);padding-top:2.4375rem}}.cc--menu-mobile.is-hidden{left:-100%;-webkit-transition:left .2s ease-in-out;transition:left .2s ease-in-out}.cc--menu-mobile.is-hidden>.c--menu-mobile{height:100%;overflow-y:hidden;-webkit-overflow-scrolling:unset}.cc--menu-mobile>.c--menu-mobile{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.cc--menu-mobile .c--menu-mobile{padding-left:6.25%;padding-right:6.25%}.cc--menu-mobile .c--menu-mobile .menu-mobile-inner>nav{height:100%}.cc--menu-mobile .c--menu-mobile nav{padding-left:2.380952381%;padding-right:2.380952381%}.cc--menu-mobile .c--menu-mobile nav>ul>li:not(:last-child){margin-bottom:.625rem}@media screen and (min-width:768px){.cc--menu-mobile .c--menu-mobile nav>ul>li:not(:last-child){margin-bottom:1.25rem}}.cc--menu-mobile .c--menu-mobile nav>ul>li button.has-submenu{height:2.1875rem;width:2.1875rem}.cc--menu-mobile .c--menu-mobile nav>ul>li .submenu-wrapper{background-color:#fff;display:none;height:calc(100% + .9375rem);left:100%;padding:1.5625rem 8.3333333333% .9375rem;position:absolute;top:0;-webkit-transition:left .2s ease-in-out;transition:left .2s ease-in-out;width:100%}@media screen and (min-width:768px){.cc--menu-mobile .c--menu-mobile nav>ul>li .submenu-wrapper{padding-top:2.8125rem}}.cc--menu-mobile .c--menu-mobile nav>ul>li .submenu-wrapper.is-visible{display:block;overflow-y:scroll;z-index:103;-webkit-overflow-scrolling:touch}.cc--menu-mobile .c--menu-mobile nav>ul>li .submenu-wrapper.is-hidden,.cc--menu-mobile .c--menu-mobile nav>ul>li .submenu-wrapper.is-visible{left:100%;-webkit-transition:left .2s ease-in-out;transition:left .2s ease-in-out}.cc--menu-mobile .c--menu-mobile nav>ul>li .submenu-wrapper ul.submenu>li:not(:last-child){margin-bottom:.9375rem}@media screen and (min-width:768px){.cc--menu-mobile .c--menu-mobile nav>ul>li .submenu-wrapper ul.submenu>li:not(:last-child){margin-bottom:1.25rem}}.cc--menu-mobile .c--menu-mobile nav>ul>li .submenu-wrapper ul.submenu>li a{font-size:.9375rem;font-weight:700;line-height:1.3334;text-transform:none}.cc--menu-mobile .c--menu-mobile nav>ul>li .submenu-wrapper .navigation-title{color:#881c1c;display:block;font-size:.75rem;line-height:1.5;margin-bottom:1.25rem;margin-top:1.125rem;text-transform:uppercase}@media screen and (min-width:768px){.cc--menu-mobile .c--menu-mobile nav>ul>li .submenu-wrapper .navigation-title{font-size:.9375rem;line-height:1.6667;margin-bottom:1.0625rem}}@media screen and (min-width:1200px){.cc--menu-mobile .c--menu-mobile nav>ul>li .submenu-wrapper .navigation-title{display:none}}.cc--menu-mobile .c--menu-mobile nav>ul li .link-arrow-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.cc--menu-mobile .c--menu-mobile nav a,.cc--menu-mobile .c--menu-mobile nav button.information-for-toggle{font-size:.9375rem;-webkit-box-flex:1;-ms-flex-positive:1;color:#151515;flex-grow:1;text-decoration:none;text-transform:uppercase}.cc--menu-mobile .c--menu-mobile nav button.information-for-toggle{position:relative;text-align:left;width:100%}.cc--menu-mobile .c--menu-mobile nav button.information-for-toggle svg{position:absolute;right:.9375rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cc--menu-mobile .cc--menu-utility{border-top:.0625rem solid #a89968;margin-top:1.375rem;padding-top:1.25rem}@media screen and (min-width:768px){.cc--menu-mobile .cc--menu-utility{margin-top:2rem;padding-top:2.25rem}}.cc--menu-mobile .button-back{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.6875rem;margin-bottom:1.625rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:auto;letter-spacing:.025rem;text-transform:uppercase;width:auto}@media screen and (min-width:768px){.cc--menu-mobile .button-back{font-size:.75rem;margin-bottom:2.125rem}}@media screen and (min-width:1200px){.cc--menu-mobile .button-back{display:none}}.cc--menu-mobile .button-back svg{display:inline;margin-right:.625rem}@media screen and (min-width:768px){.cc--menu-mobile .button-back svg{margin-right:1.25rem}}.cc--menu-utility .utility-button-wrapper svg{display:inline-block;vertical-align:middle}@media screen and (min-width:1200px){.cc--menu-utility .utility-button-wrapper svg{margin-left:.5rem}.cc--menu-utility .utility-button-wrapper svg.arrow-right{display:none}}@media screen and (max-width:1199px){.cc--menu-utility .utility-button-wrapper svg.arrow-down{display:none}}@media screen and (min-width:1200px){.cc--menu-utility .utility-button-wrapper .button-back,.cc--menu-utility .utility-button-wrapper .navigation-title{display:none}}.cc--menu-utility .mc--utility-menu>ul>.menu-item:not(:last-child){margin-bottom:.3125rem}@media screen and (min-width:768px){.cc--menu-utility .mc--utility-menu>ul>.menu-item:not(:last-child){margin-bottom:.9375rem}}.cc--menu-utility .mc--utility-menu>ul>.menu-item a,.cc--menu-utility .mc--utility-menu>ul>.menu-item button.information-for-toggle{font-size:.6875rem;letter-spacing:.01875rem;line-height:1.1819}@media screen and (min-width:768px){.cc--menu-utility .mc--utility-menu>ul>.menu-item a,.cc--menu-utility .mc--utility-menu>ul>.menu-item button.information-for-toggle{font-size:.75rem;line-height:1}}@media screen and (min-width:1200px){.cc--menu-utility .mc--utility-menu>ul>.menu-item a,.cc--menu-utility .mc--utility-menu>ul>.menu-item button.information-for-toggle{font-size:.6875rem;line-height:1}}.cc--more-events-card{margin-bottom:1.5625rem}@media screen and (min-width:768px){.cc--more-events-card .c--more-events-card{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width:1024px){.lc--full .cc--more-events-card .c--more-events-card,.sg-pattern-example>.cc--component-container .f--field.nested .cc--more-events-card .c--more-events-card,.sg-pattern-example>.cc--more-events-card .c--more-events-card,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--more-events-card .c--more-events-card,body.pattern-lab-demo>.cc--more-events-card .c--more-events-card{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media screen and (min-width:768px)and (max-width:1023px){.cc--more-events-card .text-container{-ms-flex-preferred-size:45%;flex-basis:45%}}.cc--more-events-card .f--image{margin-bottom:1.25rem}@media screen and (min-width:768px)and (max-width:1023px){.cc--more-events-card .f--image{margin-bottom:0;margin-right:7.5%;-ms-flex-preferred-size:47.5%;flex-basis:47.5%}}@media screen and (min-width:1024px){.lc--full .cc--more-events-card .f--image,.sg-pattern-example>.cc--component-container .f--field.nested .cc--more-events-card .f--image,.sg-pattern-example>.cc--more-events-card .f--image,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--more-events-card .f--image,body.pattern-lab-demo>.cc--more-events-card .f--image{margin-bottom:1.5625rem}}.cc--more-events-card .f--eyebrow{color:#881c1c;font-size:.9375rem;font-weight:800;line-height:1.2;margin-bottom:.625rem}.cc--more-events-card .f--eyebrow a{text-decoration:none}html[data-whatintent=mouse] .cc--more-events-card .f--eyebrow a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--more-events-card .f--eyebrow a:hover{text-decoration:none}@media screen and (min-width:768px){.cc--more-events-card .f--eyebrow{font-size:1.375rem;line-height:1.1819}}@media screen and (min-width:1024px){.cc--more-events-card .f--eyebrow{font-size:1rem;line-height:1.25}}.cc--more-events-card .f--cta-title{margin-bottom:.625rem}.cc--more-events-card .f--cta-title h3{font-size:1.375rem;line-height:1.1819}@media screen and (min-width:768px){.cc--more-events-card .f--cta-title h3{font-size:1.625rem;line-height:1;text-transform:uppercase}}@media screen and (min-width:1024px){.lc--full .cc--more-events-card .f--cta-title h3,.sg-pattern-example>.cc--component-container .f--field.nested .cc--more-events-card .f--cta-title h3,.sg-pattern-example>.cc--more-events-card .f--cta-title h3,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--more-events-card .f--cta-title h3,body.pattern-lab-demo>.cc--more-events-card .f--cta-title h3{font-size:1.625rem;line-height:1.1539;text-transform:none}}.cc--more-events-card .f--cta-title a{color:#151515;text-decoration:none}html[data-whatintent=mouse] .cc--more-events-card .f--cta-title a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--more-events-card .f--cta-title a:hover{color:#881c1c;text-decoration:none}.cc--more-events-card .f--description p{font-size:.875rem;line-height:1.7143;margin-bottom:0}@media screen and (min-width:768px){.cc--more-events-card .f--description p{font-size:.875rem;line-height:1.8572}}@media screen and (min-width:1024px){.cc--more-events-card .f--description p{font-size:.9375rem;line-height:1.8667}}.cc--more-events .c--more-events{margin:0 auto;max-width:1800px;padding:2.5rem 8.3333333333% 1.25rem}@media screen and (min-width:768px){.cc--more-events .c--more-events{padding-bottom:1.5625rem;padding-top:3.125rem}}.cc--more-events .c--more-events>.text-container{margin-bottom:1.4375rem}@media screen and (min-width:768px){.cc--more-events .c--more-events>.text-container{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:1.25rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.cc--more-events .c--more-events>.text-container .f--section-title h2{font-size:1.75rem;line-height:1;margin-bottom:1.3125rem;text-transform:uppercase}@media screen and (min-width:768px){.cc--more-events .c--more-events>.text-container .f--section-title h2{font-size:2.5rem;line-height:1;margin-bottom:0}}.cc--more-events .c--more-events>.text-container .f--section-title h2 .highlight{color:#881c1c;display:block}@media screen and (min-width:768px){.cc--more-events .c--more-events>.text-container .f--link{-ms-flex-item-align:end;align-self:flex-end}}.cc--more-events .c--more-events>.text-container .f--link a{font-size:.875rem;font-weight:800;line-height:1.2858;text-transform:uppercase}html[data-whatintent=mouse] .cc--more-events .c--more-events>.text-container .f--link a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--more-events .c--more-events>.text-container .f--link a:hover{color:#151515}@media screen and (min-width:1024px){.lc--full .cc--more-events .f--cards,.sg-pattern-example>.cc--component-container .f--field.nested .cc--more-events .f--cards,.sg-pattern-example>.cc--more-events .f--cards,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--more-events .f--cards,body.pattern-lab-demo>.cc--more-events .f--cards{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (min-width:768px){.cc--more-events .f--cards .cc--more-events-card{margin-bottom:2.1875rem}}@media screen and (min-width:1024px){.lc--full .cc--more-events .f--cards .cc--more-events-card,.sg-pattern-example>.cc--component-container .f--field.nested .cc--more-events .f--cards .cc--more-events-card,.sg-pattern-example>.cc--more-events .f--cards .cc--more-events-card,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--more-events .f--cards .cc--more-events-card,body.pattern-lab-demo>.cc--more-events .f--cards .cc--more-events-card{margin-bottom:1.875rem;-ms-flex-preferred-size:30%;flex-basis:30%}.lc--full .cc--more-events .f--cards .cc--more-events-card:not(:nth-child(3n)),.sg-pattern-example>.cc--component-container .f--field.nested .cc--more-events .f--cards .cc--more-events-card:not(:nth-child(3n)),.sg-pattern-example>.cc--more-events .f--cards .cc--more-events-card:not(:nth-child(3n)),body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--more-events .f--cards .cc--more-events-card:not(:nth-child(3n)),body.pattern-lab-demo>.cc--more-events .f--cards .cc--more-events-card:not(:nth-child(3n)){margin-right:5%}}.cc--news-events-promo-card-article{margin-bottom:1.5625rem}@media screen and (min-width:768px){.cc--news-events-promo-card-article{margin-bottom:2.1875rem}}@media screen and (min-width:1024px){.lc--full .cc--news-events-promo-card-article,.sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo-card-article,.sg-pattern-example>.cc--news-events-promo-card-article,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo-card-article,body.pattern-lab-demo>.cc--news-events-promo-card-article{margin-bottom:3.125rem}}@media screen and (min-width:768px){.cc--news-events-promo-card-article .c--news-events-promo-card-article{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width:1024px){.lc--full .cc--news-events-promo-card-article .c--news-events-promo-card-article,.sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo-card-article .c--news-events-promo-card-article,.sg-pattern-example>.cc--news-events-promo-card-article .c--news-events-promo-card-article,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo-card-article .c--news-events-promo-card-article,body.pattern-lab-demo>.cc--news-events-promo-card-article .c--news-events-promo-card-article{display:block}}.cc--news-events-promo-card-article .f--image{margin-bottom:1rem}@media screen and (min-width:768px){.cc--news-events-promo-card-article .f--image{margin-bottom:0;-ms-flex-preferred-size:47.5%;flex-basis:47.5%}}@media screen and (min-width:1024px){.lc--full .cc--news-events-promo-card-article .f--image,.sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo-card-article .f--image,.sg-pattern-example>.cc--news-events-promo-card-article .f--image,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo-card-article .f--image,body.pattern-lab-demo>.cc--news-events-promo-card-article .f--image{margin-bottom:1.5625rem}}@media screen and (min-width:768px){.cc--news-events-promo-card-article .text-container{padding-left:5%;-ms-flex-preferred-size:52.5%;flex-basis:52.5%}}@media screen and (min-width:1024px){.lc--full .cc--news-events-promo-card-article .text-container,.sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo-card-article .text-container,.sg-pattern-example>.cc--news-events-promo-card-article .text-container,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo-card-article .text-container,body.pattern-lab-demo>.cc--news-events-promo-card-article .text-container{padding-left:0}}.cc--news-events-promo-card-article .f--eyebrow{color:#881c1c;font-size:.75rem;font-weight:800;line-height:1.5;margin-bottom:.625rem;text-transform:uppercase}.cc--news-events-promo-card-article .f--eyebrow a{text-decoration:none}html[data-whatintent=mouse] .cc--news-events-promo-card-article .f--eyebrow a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--news-events-promo-card-article .f--eyebrow a:hover{color:#151515;text-decoration:none}@media screen and (min-width:768px){.cc--news-events-promo-card-article .f--eyebrow{font-size:.875rem;line-height:1.2858}}.cc--news-events-promo-card-article .f--cta-title{margin-bottom:.625rem}.cc--news-events-promo-card-article .f--cta-title h3{font-size:1.375rem;line-height:1.1819}@media screen and (min-width:768px){.cc--news-events-promo-card-article .f--cta-title h3{font-size:1.625rem;line-height:1;text-transform:uppercase}}@media screen and (min-width:1024px){.lc--full .cc--news-events-promo-card-article .f--cta-title h3,.sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo-card-article .f--cta-title h3,.sg-pattern-example>.cc--news-events-promo-card-article .f--cta-title h3,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo-card-article .f--cta-title h3,body.pattern-lab-demo>.cc--news-events-promo-card-article .f--cta-title h3{font-size:1.625rem;line-height:1.1539;margin-bottom:.8125rem;text-transform:none}}.cc--news-events-promo-card-article .f--cta-title h3 a{color:#000;text-decoration:none}html[data-whatintent=mouse] .cc--news-events-promo-card-article .f--cta-title h3 a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--news-events-promo-card-article .f--cta-title h3 a:hover{color:#881c1c}.cc--news-events-promo-card-article .f--description p{font-size:.9375rem;line-height:1.6667}@media screen and (min-width:768px){.cc--news-events-promo-card-article .f--description p{font-size:.9375rem;line-height:1.8667}}.cc--news-events-promo-card-event{margin-bottom:1.5625rem}@media screen and (min-width:768px){.cc--news-events-promo-card-event{margin-bottom:2.1875rem}.cc--news-events-promo-card-event .c--news-events-promo-card-event{display:-webkit-box;display:-ms-flexbox;display:flex}}@media screen and (min-width:1024px){.lc--full .cc--news-events-promo-card-event .c--news-events-promo-card-event,.sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo-card-event .c--news-events-promo-card-event,.sg-pattern-example>.cc--news-events-promo-card-event .c--news-events-promo-card-event,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo-card-event .c--news-events-promo-card-event,body.pattern-lab-demo>.cc--news-events-promo-card-event .c--news-events-promo-card-event{display:block}}.cc--news-events-promo-card-event .f--image{margin-bottom:1.25rem}@media screen and (min-width:768px){.cc--news-events-promo-card-event .f--image{margin-bottom:0;-ms-flex-preferred-size:47.5%;flex-basis:47.5%}}@media screen and (min-width:1024px){.lc--full .cc--news-events-promo-card-event .f--image,.sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo-card-event .f--image,.sg-pattern-example>.cc--news-events-promo-card-event .f--image,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo-card-event .f--image,body.pattern-lab-demo>.cc--news-events-promo-card-event .f--image{margin-bottom:1.5625rem}}@media screen and (min-width:768px){.cc--news-events-promo-card-event .text-container{padding-left:5%;-ms-flex-preferred-size:52.5%;flex-basis:52.5%}}@media screen and (min-width:1024px){.lc--full .cc--news-events-promo-card-event .text-container,.sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo-card-event .text-container,.sg-pattern-example>.cc--news-events-promo-card-event .text-container,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo-card-event .text-container,body.pattern-lab-demo>.cc--news-events-promo-card-event .text-container{padding-left:0}}.cc--news-events-promo-card-event .f--eyebrow{color:#881c1c;font-size:.9375rem;font-weight:800;line-height:1.2;margin-bottom:.625rem}.cc--news-events-promo-card-event .f--eyebrow a{text-decoration:none}html[data-whatintent=mouse] .cc--news-events-promo-card-event .f--eyebrow a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--news-events-promo-card-event .f--eyebrow a:hover{color:#151515;text-decoration:none}@media screen and (min-width:768px){.cc--news-events-promo-card-event .f--eyebrow{font-size:1.375rem;line-height:1.1819}}@media screen and (min-width:1024px){.lc--full .cc--news-events-promo-card-event .f--eyebrow,.sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo-card-event .f--eyebrow,.sg-pattern-example>.cc--news-events-promo-card-event .f--eyebrow,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo-card-event .f--eyebrow,body.pattern-lab-demo>.cc--news-events-promo-card-event .f--eyebrow{font-size:1rem;line-height:1.25}}.cc--news-events-promo-card-event .f--cta-title{margin-bottom:.625rem}.cc--news-events-promo-card-event .f--cta-title h3{font-size:1.375rem;line-height:1.1819}@media screen and (min-width:768px){.cc--news-events-promo-card-event .f--cta-title h3{font-size:1.625rem;line-height:1;text-transform:uppercase}}@media screen and (min-width:1024px){.lc--full .cc--news-events-promo-card-event .f--cta-title h3,.sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo-card-event .f--cta-title h3,.sg-pattern-example>.cc--news-events-promo-card-event .f--cta-title h3,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo-card-event .f--cta-title h3,body.pattern-lab-demo>.cc--news-events-promo-card-event .f--cta-title h3{font-size:1.625rem;line-height:1.1539;text-transform:none}}.cc--news-events-promo-card-event .f--cta-title h3 a{color:#000;text-decoration:none}html[data-whatintent=mouse] .cc--news-events-promo-card-event .f--cta-title h3 a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--news-events-promo-card-event .f--cta-title h3 a:hover{color:#881c1c}.cc--news-events-promo-card-event .f--description p{font-size:.875rem;line-height:1.7143;margin-bottom:0}@media screen and (min-width:768px){.cc--news-events-promo-card-event .f--description p{font-size:.9375rem;line-height:1.8667}}.cc--news-events-promo{margin:0 auto;max-width:1800px}.cc--news-events-promo .content-hero{padding-bottom:1.5625rem;padding-top:2.5rem}@media screen and (min-width:768px){.cc--news-events-promo .content-hero{padding-bottom:2.1875rem;padding-top:4.6875rem}}@media screen and (min-width:1024px){.lc--full .cc--news-events-promo .content-hero,.sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo .content-hero,.sg-pattern-example>.cc--news-events-promo .content-hero,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo .content-hero,body.pattern-lab-demo>.cc--news-events-promo .content-hero{overflow:hidden;padding-bottom:3.125rem;padding-left:8.3333333333%;padding-top:5.9375rem}}.cc--news-events-promo .content-hero .f--section-title{padding-bottom:1.5625rem;padding-left:8.3333333333%;padding-right:8.3333333333%}@media screen and (min-width:768px){.cc--news-events-promo .content-hero .f--section-title{padding-bottom:2.1875rem}}@media screen and (min-width:1024px){.lc--full .cc--news-events-promo .content-hero .f--section-title,.sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo .content-hero .f--section-title,.sg-pattern-example>.cc--news-events-promo .content-hero .f--section-title,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo .content-hero .f--section-title,body.pattern-lab-demo>.cc--news-events-promo .content-hero .f--section-title{float:left;padding-bottom:2.8125rem;padding-left:0;padding-right:4.5454545455%;width:31.8181818182%}}.cc--news-events-promo .content-hero .f--section-title h2{font-size:1.875rem;line-height:1;text-transform:uppercase}.cc--news-events-promo .content-hero .f--section-title h2 .highlight{color:#881c1c;display:block;font-size:1.75rem;line-height:1}@media screen and (min-width:768px){.cc--news-events-promo .content-hero .f--section-title h2{font-size:3.75rem;line-height:.9167}.cc--news-events-promo .content-hero .f--section-title h2 .highlight{font-size:2.5rem;line-height:1;margin-bottom:.3125rem}.cc--news-events-promo .content-hero .image-container{padding-left:8.3333333333%;padding-right:8.3333333333%}}@media screen and (min-width:1024px){.lc--full .cc--news-events-promo .content-hero .image-container,.sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo .content-hero .image-container,.sg-pattern-example>.cc--news-events-promo .content-hero .image-container,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo .content-hero .image-container,body.pattern-lab-demo>.cc--news-events-promo .content-hero .image-container{float:right;padding-left:0;padding-right:0;padding-top:.4375rem;width:68.1818181818%}}.cc--news-events-promo .content-hero .text-container{padding-left:8.3333333333%;padding-right:8.3333333333%;padding-top:1.25rem}@media screen and (min-width:1024px){.lc--full .cc--news-events-promo .content-hero .text-container,.sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo .content-hero .text-container,.sg-pattern-example>.cc--news-events-promo .content-hero .text-container,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo .content-hero .text-container,body.pattern-lab-demo>.cc--news-events-promo .content-hero .text-container{float:left;padding-left:0;padding-right:4.5454545455%;padding-top:0;width:31.8181818182%}}.cc--news-events-promo .content-hero .text-container .f--eyebrow{color:#881c1c;font-size:.75rem;font-weight:800;line-height:1.5;margin-bottom:.625rem;text-transform:uppercase}.cc--news-events-promo .content-hero .text-container .f--eyebrow a{text-decoration:none}html[data-whatintent=mouse] .cc--news-events-promo .content-hero .text-container .f--eyebrow a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--news-events-promo .content-hero .text-container .f--eyebrow a:hover{color:#151515;text-decoration:none}@media screen and (min-width:768px){.cc--news-events-promo .content-hero .text-container .f--eyebrow{font-size:.875rem;line-height:1.2858}}.cc--news-events-promo .content-hero .text-container .f--cta-title{margin-bottom:.625rem}@media screen and (min-width:1024px){.lc--full .cc--news-events-promo .content-hero .text-container .f--cta-title,.sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo .content-hero .text-container .f--cta-title,.sg-pattern-example>.cc--news-events-promo .content-hero .text-container .f--cta-title,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo .content-hero .text-container .f--cta-title,body.pattern-lab-demo>.cc--news-events-promo .content-hero .text-container .f--cta-title{margin-bottom:.9375rem}}.cc--news-events-promo .content-hero .text-container .f--cta-title h3{font-size:1.5rem;line-height:1.1667}@media screen and (min-width:768px){.cc--news-events-promo .content-hero .text-container .f--cta-title h3{font-size:2rem;line-height:1;text-transform:uppercase}}@media screen and (min-width:1024px){.lc--full .cc--news-events-promo .content-hero .text-container .f--cta-title h3,.sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo .content-hero .text-container .f--cta-title h3,.sg-pattern-example>.cc--news-events-promo .content-hero .text-container .f--cta-title h3,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo .content-hero .text-container .f--cta-title h3,body.pattern-lab-demo>.cc--news-events-promo .content-hero .text-container .f--cta-title h3{font-size:2rem;line-height:1.125;text-transform:none}}.cc--news-events-promo .content-hero .text-container .f--cta-title h3 a{color:#000;text-decoration:none}html[data-whatintent=mouse] .cc--news-events-promo .content-hero .text-container .f--cta-title h3 a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--news-events-promo .content-hero .text-container .f--cta-title h3 a:hover{color:#881c1c}.cc--news-events-promo .content-hero .text-container .f--description p{font-size:1rem;line-height:1.625}@media screen and (min-width:768px){.cc--news-events-promo .content-hero .text-container .f--description p{font-size:1rem;line-height:1.875}}.cc--news-events-promo .content-articles,.cc--news-events-promo .content-events{padding-left:8.3333333333%;padding-right:8.3333333333%}@media screen and (min-width:1024px){.lc--full .cc--news-events-promo .content-articles>.f--field,.lc--full .cc--news-events-promo .content-events>.f--field,.sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo .content-articles>.f--field,.sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo .content-events>.f--field,.sg-pattern-example>.cc--news-events-promo .content-articles>.f--field,.sg-pattern-example>.cc--news-events-promo .content-events>.f--field,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo .content-articles>.f--field,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo .content-events>.f--field,body.pattern-lab-demo>.cc--news-events-promo .content-articles>.f--field,body.pattern-lab-demo>.cc--news-events-promo .content-events>.f--field{display:-webkit-box;display:-ms-flexbox;display:flex}.lc--full .cc--news-events-promo .content-articles>.f--field>.cc--component-container,.lc--full .cc--news-events-promo .content-events>.f--field>.cc--component-container,.sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo .content-articles>.f--field>.cc--component-container,.sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo .content-events>.f--field>.cc--component-container,.sg-pattern-example>.cc--news-events-promo .content-articles>.f--field>.cc--component-container,.sg-pattern-example>.cc--news-events-promo .content-events>.f--field>.cc--component-container,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo .content-articles>.f--field>.cc--component-container,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo .content-events>.f--field>.cc--component-container,body.pattern-lab-demo>.cc--news-events-promo .content-articles>.f--field>.cc--component-container,body.pattern-lab-demo>.cc--news-events-promo .content-events>.f--field>.cc--component-container{-ms-flex-preferred-size:30%;flex-basis:30%}.lc--full .cc--news-events-promo .content-articles>.f--field>.cc--component-container:not(:last-child),.lc--full .cc--news-events-promo .content-events>.f--field>.cc--component-container:not(:last-child),.sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo .content-articles>.f--field>.cc--component-container:not(:last-child),.sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo .content-events>.f--field>.cc--component-container:not(:last-child),.sg-pattern-example>.cc--news-events-promo .content-articles>.f--field>.cc--component-container:not(:last-child),.sg-pattern-example>.cc--news-events-promo .content-events>.f--field>.cc--component-container:not(:last-child),body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo .content-articles>.f--field>.cc--component-container:not(:last-child),body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo .content-events>.f--field>.cc--component-container:not(:last-child),body.pattern-lab-demo>.cc--news-events-promo .content-articles>.f--field>.cc--component-container:not(:last-child),body.pattern-lab-demo>.cc--news-events-promo .content-events>.f--field>.cc--component-container:not(:last-child){margin-right:5%}}.cc--news-events-promo .content-footer{padding-bottom:6.25rem;padding-left:8.3333333333%;padding-right:8.3333333333%;text-align:center}.cc--news-events-promo .content-footer .button,.cc--news-events-promo .content-footer .f--button-link a,.f--button-link .cc--news-events-promo .content-footer a{max-width:18.75rem}@media screen and (min-width:768px){.cc--news-listing-card .c--news-listing-card{display:-webkit-box;display:-ms-flexbox;display:flex}.cc--news-listing-card .c--news-listing-card>.f--image{padding-left:3.8461538462%;-ms-flex-preferred-size:42.3076923077%;flex-basis:42.3076923077%}}@media screen and (min-width:1024px){.cc--news-listing-card .c--news-listing-card>.f--image{padding-left:5%;-ms-flex-preferred-size:42.5%;flex-basis:42.5%}}@media screen and (min-width:768px){.cc--news-listing-card .text-container{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}}.cc--news-listing-card .text-container .f--eyebrow{color:#881c1c;font-size:.75rem;font-weight:800;line-height:1.5;margin-bottom:.5rem;text-transform:uppercase}@media screen and (min-width:768px){.cc--news-listing-card .text-container .f--eyebrow{font-size:.875rem;line-height:1.2858}}.cc--news-listing-card .text-container .f--eyebrow a{font-size:.75rem;font-weight:800;line-height:1.5;text-decoration:none;text-transform:uppercase}@media screen and (min-width:768px){.cc--news-listing-card .text-container .f--eyebrow a{font-size:.875rem;line-height:1.2858}}html[data-whatintent=mouse] .cc--news-listing-card .text-container .f--eyebrow a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--news-listing-card .text-container .f--eyebrow a:hover{color:#151515}.cc--news-listing-card .text-container .f--image{margin-bottom:1.25rem}.cc--news-listing-card .text-container .f--image img{max-height:15px;width:auto}.cc--news-listing-card .text-container .f--cta-title{margin-bottom:.625rem;margin-top:1.125rem}@media screen and (min-width:768px){.cc--news-listing-card .text-container .f--cta-title{margin-bottom:.625rem;margin-top:0}}.cc--news-listing-card .text-container .f--cta-title h3{font-size:1.5rem;line-height:1.1667}@media screen and (min-width:768px){.cc--news-listing-card .text-container .f--cta-title h3{font-size:2rem;line-height:1.125}}.cc--news-listing-card .text-container .f--cta-title h3 a{color:#151515;text-decoration:none}html[data-whatintent=mouse] .cc--news-listing-card .text-container .f--cta-title h3 a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--news-listing-card .text-container .f--cta-title h3 a:hover{color:#881c1c}.cc--news-listing-card .text-container .f--description{margin-bottom:1.25rem}@media screen and (min-width:768px){.cc--news-listing-card .text-container .f--description{margin-bottom:0}}.cc--news-listing-card .text-container .f--description p{font-size:.875rem;line-height:1.7143}.cc--news-listing-card .text-container .publication-date{font-size:.875rem;font-weight:700;line-height:1.7143;margin-top:.5rem}.cc--news-listing{margin:0 auto;max-width:1800px;padding-left:8.3333333333%;padding-right:8.3333333333%}.cc--news-listing .f--cards .cc--news-listing-card{border-bottom:.0625rem solid #ccc;margin-bottom:1.3125rem;padding-bottom:1.625rem}@media screen and (min-width:768px){.cc--news-listing .f--cards .cc--news-listing-card{margin-bottom:2rem;padding-bottom:1.6875rem}}@media screen and (min-width:1024px){.cc--news-listing .f--cards .cc--news-listing-card{margin-bottom:2.5rem;padding-bottom:2.5rem}}.cc--notification-banner{background-color:#f5f5f5}.cc--notification-banner:not(.alert):not(.emergency):not(.extreme-emergency) svg path{fill:#ccc}.cc--notification-banner .c--notification-banner{margin:0 auto;max-width:1800px;position:relative}.cc--notification-banner .c--notification-banner .notification-banner-inner{padding:2.5rem 8.3333333333%}@media screen and (min-width:768px){.cc--notification-banner .c--notification-banner .notification-banner-inner{padding:1.5625rem 8.3333333333%}}@media screen and (min-width:1024px){.cc--notification-banner .c--notification-banner .notification-banner-inner{display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:4.1666666667%;padding-right:4.1666666667%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}.cc--notification-banner .c--notification-banner .notification-banner-inner .f--wysiwyg,.cc--notification-banner .c--notification-banner .notification-banner-inner .f--wysiwyg p{color:#fff}.cc--notification-banner .c--notification-banner .notification-banner-inner .left{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width:1024px){.cc--notification-banner .c--notification-banner .notification-banner-inner .left{padding-left:6.8181818182%;padding-right:6.8181818182%;-webkit-box-flex:1;-ms-flex:1 0 22.7272727273%;flex:1 0 22.7272727273%}}.cc--notification-banner .c--notification-banner .notification-banner-inner .left span.alert-title{color:#151515;display:block;font-size:1.375rem;line-height:1.1819}@media screen and (max-width:767px){.cc--notification-banner .c--notification-banner .notification-banner-inner .left span.alert-title{padding-right:1.25rem}}@media screen and (min-width:768px){.cc--notification-banner .c--notification-banner .notification-banner-inner .left span.alert-title{font-size:1.625rem;line-height:1.1539}}.cc--notification-banner .c--notification-banner .notification-banner-inner .left .icon-alert{height:3.125rem;width:3.125rem}@media screen and (max-width:1023px){.cc--notification-banner .c--notification-banner .notification-banner-inner .left .icon-alert{margin-right:1.5625rem}}@media screen and (min-width:1024px){.cc--notification-banner .c--notification-banner .notification-banner-inner .left .icon-alert{height:3.125rem;left:0;position:absolute;width:3.125rem}}.cc--notification-banner .c--notification-banner .notification-banner-inner .right{margin-top:1.25rem}@media screen and (min-width:1024px){.cc--notification-banner .c--notification-banner .notification-banner-inner .right{margin-top:0;-webkit-box-flex:0;-ms-flex:0 1 67.4418604651%;flex:0 1 67.4418604651%}}.cc--notification-banner .c--notification-banner .notification-banner-inner .right .f--wysiwyg,.cc--notification-banner .c--notification-banner .notification-banner-inner .right .f--wysiwyg p{color:#151515;font-size:.875rem;line-height:1.7143;margin:0}@media screen and (min-width:768px){.cc--notification-banner .c--notification-banner .notification-banner-inner .right .f--wysiwyg,.cc--notification-banner .c--notification-banner .notification-banner-inner .right .f--wysiwyg p{font-size:1rem;line-height:1.875}}.cc--notification-banner .c--notification-banner .notification-banner-inner .right .f--wysiwyg p.date-updated,.cc--notification-banner .c--notification-banner .notification-banner-inner .right .f--wysiwyg.date-updated{color:#000;margin-top:.625rem}html[data-whatintent=mouse] .cc--notification-banner .c--notification-banner .notification-banner-inner .right .f--wysiwyg a:hover{text-decoration:none}.cc--notification-banner .c--notification-banner .notification-banner-inner .right .f--link{margin-top:.625rem}@media screen and (min-width:768px){.cc--notification-banner .c--notification-banner .notification-banner-inner .right .f--link{margin-top:.8125rem}}.cc--notification-banner .c--notification-banner .notification-banner-inner .right .f--link a{color:#881c1c;font-size:.875rem;line-height:1.2858;text-transform:uppercase}html[data-whatintent=mouse] .cc--notification-banner .c--notification-banner .notification-banner-inner .right .f--link a:hover{text-decoration:none}.cc--notification-banner .c--notification-banner .notification-banner-inner .close-notification{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:1.0625rem;top:1.9375rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;height:2.1875rem;justify-content:center;width:2.1875rem}@media screen and (min-width:768px){.cc--notification-banner .c--notification-banner .notification-banner-inner .close-notification{right:.625rem;top:.625rem}}.cc--notification-banner .c--notification-banner .notification-banner-inner .close-notification svg polygon{fill:#000}.cc--notification-banner.notice{background-color:#fff}.cc--notification-banner.notice .c--notification-banner .notification-banner-inner .f--wysiwyg,.cc--notification-banner.notice .c--notification-banner .notification-banner-inner .f--wysiwyg p{color:#151515}html[data-whatintent=mouse] .cc--notification-banner.notice .c--notification-banner .notification-banner-inner .f--wysiwyg a:hover{text-decoration:none}.cc--notification-banner.notice .c--notification-banner .notification-banner-inner .left span.alert-title,.cc--notification-banner.notice .c--notification-banner .notification-banner-inner .right .f--wysiwyg,.cc--notification-banner.notice .c--notification-banner .notification-banner-inner .right .f--wysiwyg p{color:#151515}.cc--notification-banner.notice .c--notification-banner .notification-banner-inner .right .f--wysiwyg p.date-updated,.cc--notification-banner.notice .c--notification-banner .notification-banner-inner .right .f--wysiwyg.date-updated{color:#000}.cc--notification-banner.notice .c--notification-banner .notification-banner-inner .right .f--link a,.cc--notification-banner.notice .c--notification-banner .notification-banner-inner .right .f--link span{color:#881c1c}html[data-whatintent=mouse] .cc--notification-banner.notice .c--notification-banner .notification-banner-inner .right .f--link a:hover,html[data-whatintent=mouse] .cc--notification-banner.notice .c--notification-banner .notification-banner-inner .right .f--link span:hover{text-decoration:none}.cc--notification-banner.notice .c--notification-banner .notification-banner-inner .close-notification svg polygon{fill:#000}.cc--notification-banner.alert{background-color:#ffc721}.cc--notification-banner.alert .c--notification-banner .notification-banner-inner .f--wysiwyg,.cc--notification-banner.alert .c--notification-banner .notification-banner-inner .f--wysiwyg p{color:#151515}html[data-whatintent=mouse] .cc--notification-banner.alert .c--notification-banner .notification-banner-inner .f--wysiwyg a:hover{text-decoration:none}.cc--notification-banner.alert .c--notification-banner .notification-banner-inner .left span.alert-title,.cc--notification-banner.alert .c--notification-banner .notification-banner-inner .right .f--wysiwyg,.cc--notification-banner.alert .c--notification-banner .notification-banner-inner .right .f--wysiwyg p{color:#151515}.cc--notification-banner.alert .c--notification-banner .notification-banner-inner .right .f--wysiwyg p.date-updated,.cc--notification-banner.alert .c--notification-banner .notification-banner-inner .right .f--wysiwyg.date-updated{color:#000}.cc--notification-banner.alert .c--notification-banner .notification-banner-inner .right .f--link a,.cc--notification-banner.alert .c--notification-banner .notification-banner-inner .right .f--link span{color:#881c1c}html[data-whatintent=mouse] .cc--notification-banner.alert .c--notification-banner .notification-banner-inner .right .f--link a:hover,html[data-whatintent=mouse] .cc--notification-banner.alert .c--notification-banner .notification-banner-inner .right .f--link span:hover{text-decoration:none}.cc--notification-banner.alert .c--notification-banner .notification-banner-inner .close-notification svg polygon{fill:#000}.cc--notification-banner.emergency{background-color:#d50032}.cc--notification-banner.emergency .c--notification-banner .notification-banner-inner .f--wysiwyg,.cc--notification-banner.emergency .c--notification-banner .notification-banner-inner .f--wysiwyg a,.cc--notification-banner.emergency .c--notification-banner .notification-banner-inner .f--wysiwyg p{color:#fff}html[data-whatintent=mouse] .cc--notification-banner.emergency .c--notification-banner .notification-banner-inner .f--wysiwyg a:hover{color:#fff;text-decoration:none}.cc--notification-banner.emergency .c--notification-banner .notification-banner-inner .left span.alert-title,.cc--notification-banner.emergency .c--notification-banner .notification-banner-inner .right .f--link a,.cc--notification-banner.emergency .c--notification-banner .notification-banner-inner .right .f--link span,.cc--notification-banner.emergency .c--notification-banner .notification-banner-inner .right .f--wysiwyg,.cc--notification-banner.emergency .c--notification-banner .notification-banner-inner .right .f--wysiwyg a,.cc--notification-banner.emergency .c--notification-banner .notification-banner-inner .right .f--wysiwyg a.date-updated,.cc--notification-banner.emergency .c--notification-banner .notification-banner-inner .right .f--wysiwyg p,.cc--notification-banner.emergency .c--notification-banner .notification-banner-inner .right .f--wysiwyg p.date-updated,.cc--notification-banner.emergency .c--notification-banner .notification-banner-inner .right .f--wysiwyg.date-updated{color:#fff}.cc--notification-banner.emergency .c--notification-banner .notification-banner-inner .close-notification svg polygon{fill:#fff}.cc--notification-banner.extreme-emergency{background-color:#d50032;margin-top:-6.25rem}@media screen and (min-width:768px){.cc--notification-banner.extreme-emergency{margin-top:-9.375rem}}.cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner{display:block;padding:7.1875rem 8.3333333333% 1.25rem;position:relative}@media screen and (min-width:768px){.cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner{padding-bottom:1.5625rem;padding-top:11.875rem}}@media screen and (min-width:1024px){.cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner{padding-left:4.1666666667%;padding-right:4.1666666667%}}.cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner:before{background-image:-webkit-gradient(linear,left bottom,left top,from(transparent),to(#000));background-image:linear-gradient(0deg,transparent,#000);content:"";display:block;height:7.8125rem;left:0;opacity:.8;position:absolute;top:0;width:100%}@media screen and (min-width:768px){.cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner:before{height:15.625rem}}.cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner .f--wysiwyg,.cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner .f--wysiwyg a,.cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner .f--wysiwyg p{color:#fff}html[data-whatintent=mouse] .cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner .f--wysiwyg a:hover{color:#fff;text-decoration:none}.cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner .left{padding-left:0;padding-right:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner .left .icon-alert{margin-bottom:.625rem;position:relative}@media screen and (min-width:768px){.cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner .left .icon-alert{margin-bottom:1.5625rem}}.cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner .left span.alert-title{color:#fff;display:block;font-size:1.875rem;font-weight:800;line-height:1;margin-bottom:1.25rem;max-width:34.375rem;text-transform:uppercase}@media screen and (min-width:768px){.cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner .left span.alert-title{font-size:3.75rem;line-height:.9167;margin-bottom:1.5rem}}.cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner .right{margin-top:0}.cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner .right .f--wysiwyg{color:#fff;max-width:34.375rem}.cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner .right .f--wysiwyg a,.cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner .right .f--wysiwyg p{color:#fff}html[data-whatintent=mouse] .cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner .right .f--wysiwyg a:hover{color:#fff;text-decoration:none}.cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner .right .f--wysiwyg.date-updated{color:#fff;font-size:.875rem;line-height:1.7143}.cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner .right .f--link a,.cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner .right .f--link span{color:#fff}.cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner .close-notification svg polygon{fill:#fff}.cc--page-body .c--page-body{margin:0 auto;max-width:1800px;padding:2.5rem 8.3333333333%}@media screen and (min-width:768px){.cc--page-body .c--page-body{padding:3.125rem 14.5833333333%}}@media screen and (min-width:1024px){.cc--page-body .c--page-body{padding:3.125rem 27.0833333333% 4.6875rem}}.cc--page-body .f--section-title{margin-bottom:.5625rem}@media screen and (min-width:768px){.cc--page-body .f--section-title{margin-bottom:.8125rem}}@media screen and (min-width:1024px){.cc--page-body .f--section-title{margin-bottom:1.75rem}}.cc--page-body .f--section-title h2{text-transform:uppercase}@media screen and (max-width:767px){.cc--page-body .f--section-title h2{font-size:1.75rem}}.cc--pager-calendar .c--pager-calendar{display:none}@media screen and (min-width:1024px){.cc--pager-calendar .c--pager-calendar{display:block;margin-bottom:7.8125rem;padding-left:5.5555555556%;padding-right:13.8888888889%}}.cc--pager-calendar .c--pager-calendar .pager ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.cc--pager-calendar .c--pager-calendar .pager ul li{color:#000;font-size:.6875rem;letter-spacing:.024375rem;text-transform:uppercase}.cc--pager-calendar .c--pager-calendar .pager ul li a{color:inherit;font-family:inherit;font-size:inherit;text-decoration:none}.cc--pager-calendar .c--pager-calendar .pager ul li.pager__item--previous svg{margin-right:.625rem}.cc--pager-calendar .c--pager-calendar .pager ul li.pager__item--next svg{margin-left:.625rem}.cc--pager-load-more{margin-bottom:2.5rem;padding-left:8.3333333333%;padding-right:8.3333333333%}.cc--pager-load-more ul{list-style:none;margin:0;padding:0}.cc--pager-load-more .pager__item{list-style:none;text-align:center}.cc--pager-load-more .pager__item a{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:.875rem;line-height:1.2858;padding-left:.9375rem;padding-right:.9375rem;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#881c1c;border:0;border-radius:0;color:#fff;height:3.125rem;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-transition:background-color .1s ease-in-out;transition:background-color .1s ease-in-out;white-space:normal;width:100%}html[data-whatintent=mouse] .cc--pager-load-more .pager__item a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--pager-load-more .pager__item a:hover{background-color:#6a1010;color:#fff;text-decoration:none;-webkit-transition:background-color .1s ease-in-out,color .1s ease-in-out;transition:background-color .1s ease-in-out,color .1s ease-in-out}.cc--pager-load-more .pager__item a{margin:0 auto;max-width:170px}.cc--pager-load-more .icon-wrapper{text-align:center}.cc--pager-load-more .icon-wrapper svg{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;height:2.1875rem;width:2.1875rem}.cc--pager-load-more .icon-wrapper svg path{fill:#881c1c}@media screen and (min-width:1024px){.tc--events-listing .cc--pager-load-more{padding-left:5.5555555556%;padding-right:13.8888888889%}}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media screen and (min-width:768px){.cc--related-news-card:not(:last-child){border-bottom:.0625rem solid #ccc}}@media screen and (min-width:1024px){.lc--full .cc--related-news-card,.sg-pattern-example>.cc--component-container .f--field.nested .cc--related-news-card,.sg-pattern-example>.cc--related-news-card,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--related-news-card,body.pattern-lab-demo>.cc--related-news-card{border:0}}@media screen and (min-width:768px){.cc--related-news-card .c--related-news-card{display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:1.625rem}}@media screen and (min-width:1024px){.lc--full .cc--related-news-card .c--related-news-card,.sg-pattern-example>.cc--component-container .f--field.nested .cc--related-news-card .c--related-news-card,.sg-pattern-example>.cc--related-news-card .c--related-news-card,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--related-news-card .c--related-news-card,body.pattern-lab-demo>.cc--related-news-card .c--related-news-card{display:block;padding-bottom:0}}.cc--related-news-card .f--image{margin-bottom:1.125rem}@media screen and (min-width:768px){.cc--related-news-card .f--image{margin-bottom:0;-ms-flex-preferred-size:37.5%;flex-basis:37.5%;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}@media screen and (min-width:1024px){.lc--full .cc--related-news-card .f--image,.sg-pattern-example>.cc--component-container .f--field.nested .cc--related-news-card .f--image,.sg-pattern-example>.cc--related-news-card .f--image,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--related-news-card .f--image,body.pattern-lab-demo>.cc--related-news-card .f--image{margin-bottom:1.125rem}}@media print{.cc--related-news-card .f--image{margin-bottom:1.125rem}}@media screen and (min-width:768px){.cc--related-news-card .text-container{padding-right:10%;-ms-flex-preferred-size:62.5%;flex-basis:62.5%;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}.cc--related-news-card .f--cta-title{margin-bottom:.625rem}@media screen and (min-width:768px){.cc--related-news-card .f--cta-title{margin-bottom:.9375rem}}.cc--related-news-card .f--cta-title h3{font-size:.9375rem;line-height:1.2}@media screen and (min-width:1024px){.lc--full .cc--related-news-card .f--cta-title h3,.sg-pattern-example>.cc--component-container .f--field.nested .cc--related-news-card .f--cta-title h3,.sg-pattern-example>.cc--related-news-card .f--cta-title h3,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--related-news-card .f--cta-title h3,body.pattern-lab-demo>.cc--related-news-card .f--cta-title h3{font-size:1rem;line-height:1.25}}@media print{.cc--related-news-card .f--cta-title h3{font-size:1rem;line-height:1.25}}.cc--related-news-card .f--cta-title h3 a{color:#000;text-decoration:none}html[data-whatintent=mouse] .cc--related-news-card .f--cta-title h3 a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--related-news-card .f--cta-title h3 a:hover{color:#881c1c}.cc--related-news-card .f--description p{font-size:.875rem;line-height:1.7143}@media screen and (min-width:768px)and (max-width:1023px){.cc--related-news-card .f--description p{font-size:.9375rem;line-height:1.8667}}.cc--related-news .c--related-news{margin:0 auto;max-width:1800px;padding:2.5rem 8.3333333333%}@media screen and (min-width:768px){.cc--related-news .c--related-news{padding-bottom:3.125rem;padding-top:3.125rem}}@media screen and (min-width:1024px){.lc--full .cc--related-news .c--related-news,.sg-pattern-example>.cc--component-container .f--field.nested .cc--related-news .c--related-news,.sg-pattern-example>.cc--related-news .c--related-news,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--related-news .c--related-news,body.pattern-lab-demo>.cc--related-news .c--related-news{padding:4.6875rem 6.25%}}@media print{.cc--related-news .c--related-news{padding-bottom:4.6875rem;padding-left:2.0833333333%;padding-right:2.0833333333%}}.cc--related-news .c--related-news>.text-container{margin-bottom:1.125rem}@media screen and (min-width:768px){.cc--related-news .c--related-news>.text-container{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:1.5625rem;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width:1024px){.lc--full .cc--related-news .c--related-news>.text-container,.sg-pattern-example>.cc--component-container .f--field.nested .cc--related-news .c--related-news>.text-container,.sg-pattern-example>.cc--related-news .c--related-news>.text-container,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--related-news .c--related-news>.text-container,body.pattern-lab-demo>.cc--related-news .c--related-news>.text-container{margin-bottom:1.125rem}}.cc--related-news .c--related-news>.text-container .f--section-title h2{color:#881c1c;font-size:1.75rem;line-height:1;margin-bottom:1rem;text-transform:uppercase}@media screen and (min-width:768px){.cc--related-news .c--related-news>.text-container .f--section-title h2{font-size:2.5rem;line-height:1;margin-bottom:0}}@media print{.cc--related-news .c--related-news>.text-container .f--section-title h2{color:#881c1c!important;font-size:2.5rem;line-height:1}}.cc--related-news .c--related-news>.text-container .f--section-title h2 a{text-decoration:none}html[data-whatintent=mouse] .cc--related-news .c--related-news>.text-container .f--section-title h2 a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--related-news .c--related-news>.text-container .f--section-title h2 a:hover{text-decoration:underline}.cc--related-news .c--related-news>.text-container .f--link .link{font-size:.875rem;font-weight:800;line-height:1.2858;text-transform:uppercase}@media print{.cc--related-news .c--related-news>.text-container .f--link .link{display:none}}html[data-whatintent=mouse] .cc--related-news .c--related-news>.text-container .f--link .link else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--related-news .c--related-news>.text-container .f--link .link:hover{color:#151515}@media screen and (min-width:1024px){.lc--full .cc--related-news .f--cards,.sg-pattern-example>.cc--component-container .f--field.nested .cc--related-news .f--cards,.sg-pattern-example>.cc--related-news .f--cards,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--related-news .f--cards,body.pattern-lab-demo>.cc--related-news .f--cards{display:-webkit-box;display:-ms-flexbox;display:flex}}@media print{.cc--related-news .f--cards{display:-webkit-box;display:-ms-flexbox;display:flex}}.cc--related-news .f--cards .cc--related-news-card:not(:last-child){margin-bottom:1.5625rem}@media screen and (min-width:1024px){.lc--full .cc--related-news .f--cards .cc--related-news-card,.sg-pattern-example>.cc--component-container .f--field.nested .cc--related-news .f--cards .cc--related-news-card,.sg-pattern-example>.cc--related-news .f--cards .cc--related-news-card,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--related-news .f--cards .cc--related-news-card,body.pattern-lab-demo>.cc--related-news .f--cards .cc--related-news-card{margin-bottom:0;-ms-flex-preferred-size:21.4285714286%;flex-basis:21.4285714286%}.lc--full .cc--related-news .f--cards .cc--related-news-card:not(:last-child),.sg-pattern-example>.cc--component-container .f--field.nested .cc--related-news .f--cards .cc--related-news-card:not(:last-child),.sg-pattern-example>.cc--related-news .f--cards .cc--related-news-card:not(:last-child),body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--related-news .f--cards .cc--related-news-card:not(:last-child),body.pattern-lab-demo>.cc--related-news .f--cards .cc--related-news-card:not(:last-child){margin-right:4.7619047619%}}@media print{.cc--related-news .f--cards .cc--related-news-card{margin-bottom:0;-ms-flex-preferred-size:21.4285714286%;flex-basis:21.4285714286%}.cc--related-news .f--cards .cc--related-news-card:not(:last-child){margin-right:4.7619047619%}}.cc--social-media-grid{background-color:#4a4a4a}.cc--social-media-grid .c--social-media-grid{margin:0 auto;max-width:1800px}.cc--social-media-grid .social-media-grid-inner{padding:2.5rem 8.3333333333%}@media screen and (min-width:768px){.cc--social-media-grid .social-media-grid-inner{padding:3.125rem 4.1666666667%}}@media screen and (min-width:1024px){.lc--full .cc--social-media-grid .social-media-grid-inner,.sg-pattern-example>.cc--component-container .f--field.nested .cc--social-media-grid .social-media-grid-inner,.sg-pattern-example>.cc--social-media-grid .social-media-grid-inner,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--social-media-grid .social-media-grid-inner,body.pattern-lab-demo>.cc--social-media-grid .social-media-grid-inner{padding-left:6.25%;padding-right:6.25%}}.cc--social-media-grid .header-container{margin-bottom:2.5rem}@media screen and (min-width:768px){.cc--social-media-grid .header-container{margin-bottom:2.1875rem}}@media screen and (min-width:1024px){.lc--full .cc--social-media-grid .header-container,.sg-pattern-example>.cc--component-container .f--field.nested .cc--social-media-grid .header-container,.sg-pattern-example>.cc--social-media-grid .header-container,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--social-media-grid .header-container,body.pattern-lab-demo>.cc--social-media-grid .header-container{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:3.125rem;padding-left:2.380952381%;padding-right:2.380952381%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.lc--full .cc--social-media-grid .f--section-title,.sg-pattern-example>.cc--component-container .f--field.nested .cc--social-media-grid .f--section-title,.sg-pattern-example>.cc--social-media-grid .f--section-title,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--social-media-grid .f--section-title,body.pattern-lab-demo>.cc--social-media-grid .f--section-title{-ms-flex-preferred-size:37.5%;flex-basis:37.5%}}.cc--social-media-grid .f--section-title h2{color:#fff;font-size:1.875rem;letter-spacing:-.06875rem;line-height:1;text-transform:uppercase;word-wrap:break-word}@media screen and (min-width:768px){.cc--social-media-grid .f--section-title h2{font-size:2.5rem;line-height:1}}.cc--social-media-grid .social-media-links{margin-top:1.5625rem}@media screen and (min-width:768px)and (max-width:1023px){.cc--social-media-grid .social-media-links{display:-webkit-box;display:-ms-flexbox;display:flex}}.cc--social-media-grid .social-media-links>span{color:#fff;font-size:.75rem;line-height:1.5;text-transform:uppercase}@media screen and (min-width:768px){.cc--social-media-grid .social-media-links>span{font-size:.875rem;line-height:1.2858}}@media screen and (min-width:768px)and (max-width:1023px){.cc--social-media-grid .social-media-links>span{margin-right:.9375rem}}.cc--social-media-grid .f--links{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (min-width:1024px){.lc--full .cc--social-media-grid .f--links,.sg-pattern-example>.cc--component-container .f--field.nested .cc--social-media-grid .f--links,.sg-pattern-example>.cc--social-media-grid .f--links,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--social-media-grid .f--links,body.pattern-lab-demo>.cc--social-media-grid .f--links{margin-top:.9375rem}}@media screen and (max-width:767px){.cc--social-media-grid .f--links{margin-top:.9375rem;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.cc--social-media-grid .f--links a{display:inline-block;margin-left:.875rem;margin-right:.875rem;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.cc--social-media-grid .f--links a:first-child{margin-left:0}.cc--social-media-grid .f--links a:last-child{margin-right:0}html[data-whatintent=mouse] .cc--social-media-grid .f--links a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--social-media-grid .f--links a:hover{opacity:.7}.cc--social-media-grid .f--links svg{fill:#fff;width:1.25rem}.cc--social-media-grid .crt-widget .crt-post{border:0}.cc--social-media-grid .crt-widget .crt-load-more-container{margin:0 auto;max-width:170px}.cc--social-media-grid .crt-widget .crt-load-more-container .crt-load-more{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:.875rem;line-height:1.2858;padding-left:.9375rem;padding-right:.9375rem;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#881c1c;border:0;border-radius:0;color:#fff;height:3.125rem;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-transition:background-color .1s ease-in-out;transition:background-color .1s ease-in-out;white-space:normal;width:100%}html[data-whatintent=mouse] .cc--social-media-grid .crt-widget .crt-load-more-container .crt-load-more else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--social-media-grid .crt-widget .crt-load-more-container .crt-load-more:hover{background-color:#6a1010;color:#fff;text-decoration:none;-webkit-transition:background-color .1s ease-in-out,color .1s ease-in-out;transition:background-color .1s ease-in-out,color .1s ease-in-out}.cc--sort-az{margin:0 auto;max-width:1800px;padding-left:8.3333333333%;padding-right:8.3333333333%}.cc--sort-az .c--sort-az{border-bottom:.0625rem solid #ccc}.cc--sort-az ul{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;margin-bottom:.25rem;padding-left:0}.cc--sort-az ul li{margin-right:1.875rem}.cc--sort-az ul li .bef-link{color:#4a4a4a;font-size:.75rem;font-weight:800;line-height:1.5;text-decoration:none}@media screen and (min-width:768px){.cc--sort-az ul li .bef-link{font-size:.875rem;line-height:1.2858}}html[data-whatintent=mouse] .cc--sort-az ul li .bef-link else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--sort-az ul li .bef-link:hover{text-decoration:underline}.cc--sort-az ul li .bef-link--selected{color:#881c1c}.cc--sort-events{margin:0 auto 1.875rem;max-width:1800px;padding-left:8.3333333333%;padding-right:8.3333333333%}@media screen and (min-width:1024px){.cc--sort-events{margin-bottom:1.25rem;padding-bottom:0;padding-left:5.5555555556%;padding-right:13.8888888889%}}.cc--sort-events .c--sort-events{border-bottom:.0625rem solid #ccc}.cc--sort-events ul{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;margin-bottom:.25rem;padding-left:0}.cc--sort-events ul li{margin-right:1.875rem}.cc--sort-events ul li .bef-link{color:#4a4a4a;font-size:.75rem;font-weight:800;line-height:1.5;text-decoration:none;text-transform:uppercase}@media screen and (min-width:768px){.cc--sort-events ul li .bef-link{font-size:.875rem;line-height:1.2858}}html[data-whatintent=mouse] .cc--sort-events ul li .bef-link else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--sort-events ul li .bef-link:hover{color:#881c1c;text-decoration:none}.cc--sort-events ul li .bef-link--selected,.cc--sort-events ul li .bef-link.is-active{color:#881c1c}.cc--spacer{margin:0 auto;max-width:1800px}.cc--spacer .c--spacer{height:1.5625rem}@media screen and (min-width:768px){.cc--spacer .c--spacer{height:2.5rem}}@media screen and (min-width:1024px){.cc--spacer .c--spacer{height:3.125rem}}.cc--staff-card .c--staff-card .f--image{-ms-flex-negative:0;flex-shrink:0}@media screen and (min-width:768px){.cc--staff-card .c--staff-card .f--image{margin-right:4.1666666667%;-ms-flex-preferred-size:25%;flex-basis:25%}}.cc--staff-card .c--staff-card text-container{-ms-flex-preferred-size:100%;flex-basis:100%}@media screen and (min-width:768px){.cc--story-card .c--story-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.cc--story-card .c--story-card .f--image{-ms-flex-negative:0;flex-shrink:0}@media screen and (min-width:768px){.cc--story-card .c--story-card .f--image{margin-left:4.1666666667%;margin-right:0;-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.cc--story-card .c--story-card .text-container{-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}.cc--story-card .c--story-card .date-container{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:.3125rem}.cc--story-card .c--story-card .f--author:after{content:"|";display:inline-block}.cc--testimonial{background:#151515}.cc--testimonial .c--testimonial{margin:0 auto;max-width:1800px;padding:2.5rem 8.3333333333%}@media screen and (min-width:768px){.cc--testimonial .c--testimonial{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:4.375rem 13.8888888889%}}.cc--testimonial .f--image{margin-bottom:1.5625rem}@media screen and (min-width:768px){.cc--testimonial .f--image{margin-bottom:0;margin-right:7.6923076923%;-ms-flex-preferred-size:38.4615384615%;flex-basis:38.4615384615%}.cc--testimonial .text-container{-ms-flex-preferred-size:53.8461538462%;flex-basis:53.8461538462%}}.cc--testimonial .text-container .f--quote{margin-bottom:.9375rem}.cc--testimonial .text-container .f--quote p{color:#fff;font-size:1.625rem;font-style:italic;line-height:1.3847}.cc--testimonial .text-container .f--quote p:before{content:"“"}.cc--testimonial .text-container .f--quote p:after{content:"”"}.cc--testimonial .text-container .f--attribution{color:#fff;font-size:.9375rem;font-weight:700;line-height:1.3334}.cc--testimonial .text-container .f--attribution:before{content:"—";margin-right:.1875rem;vertical-align:top}.cc--testimonial .text-container .f--attribution p{color:#fff;display:inline-block;font-size:.9375rem;font-weight:700;line-height:1.3334}.cc--testimonial .text-container .f--attribution a{color:#fff}.cc--testimonial .text-container .f--attribution a:hover{color:#ccc}footer.timeline h1,header.timeline h1{margin-bottom:1.75rem}footer.timeline,header.timeline{margin:0 auto;max-width:1800px;padding-bottom:2.5rem;padding-left:8.3333333333%;padding-right:8.3333333333%}@media screen and (min-width:768px){footer.timeline,header.timeline{padding-bottom:3.125rem;padding-left:8.3333333333%;padding-right:8.3333333333%}}.timeline-menu{margin-top:3rem}@media screen and (max-width:767px){.timeline-menu{display:none;margin-top:auto}}.timeline-menu ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;color:#fff;font-weight:700;justify-content:center}.timeline-menu li a{background-color:#881c1c;color:#fff;display:block;font-size:1.125rem;line-height:1.2223;padding:.5rem;text-decoration:none}@media screen and (max-width:767px){.timeline-menu li a{border-radius:1.5rem;margin:.5rem;padding:.5rem 1rem}}.timeline-menu li a:hover{background-color:#6a1010;color:#fff;text-decoration:underline}ul.timeline-list:after{background-color:#881c1c}ul.timeline-list li.timeline-item .timeline-item-wrapper span.timeline-marker{border:3px solid #881c1c}ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker{right:-5px}ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker{left:-5px}.cc--timeline-event .c--timeline-event h2{color:#881c1c;font-size:2.5rem;line-height:1.05}@media screen and (max-width:767px){.cc--timeline-event .c--timeline-event h2{font-size:1.5rem;line-height:1.1667}}.cc--timeline-event .c--timeline-event p{font-size:.9375rem;line-height:1.6667;margin-bottom:.9375rem}@media screen and (min-width:768px){.cc--timeline-event .c--timeline-event p{font-size:1rem;line-height:1.875;margin-bottom:2.1875rem}}@media screen and (min-width:1024px){.lc--full .cc--timeline-event .c--timeline-event p,.sg-pattern-example>.cc--component-container .f--field.nested .cc--timeline-event .c--timeline-event p,.sg-pattern-example>.cc--timeline-event .c--timeline-event p,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--timeline-event .c--timeline-event p,body.pattern-lab-demo>.cc--timeline-event .c--timeline-event p{font-size:.9375rem;line-height:1.8667;margin-bottom:1.5625rem}}@media screen and (max-width:767px){.cc--timeline-event .c--timeline-event .accordion h3 .accordion-trigger{font-size:1rem;line-height:1.125}.cc--timeline-event .c--timeline-event .accordion h3 .accordion-trigger:after{width:2rem}}.cc--timeline-event .c--timeline-event .accordion .button,.cc--timeline-event .c--timeline-event .accordion .f--button-link a,.f--button-link .cc--timeline-event .c--timeline-event .accordion a{width:auto}.cc--timeline-event .c--timeline-event .f--image{padding:0 8.3333333333%}@media screen and (min-width:768px){.cc--timeline-event .c--timeline-event .f--image{padding-top:0}}@media screen and (min-width:1024px){.cc--timeline-event .c--timeline-event .f--image{padding-bottom:0;padding-top:0}}.video-controls{position:absolute;right:.75rem;top:.625rem;z-index:4}@media screen and (min-width:768px){.video-controls{right:1rem;top:1rem}}@media screen and (min-width:1024px){.video-controls{bottom:2.5rem;right:2.5rem;top:inherit}}.video-controls .video-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;border-radius:50%;height:1.25rem;justify-content:center;width:1.25rem}@media screen and (min-width:768px){.video-controls .video-button{height:2rem;width:2rem}}.video-controls .video-button.video-pause-button{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (min-width:768px){.video-controls .video-button.video-pause-button svg{height:1.75rem;width:1.5rem}}.video-controls .video-button.video-pause-button.hidden,.video-controls .video-button.video-play-button{display:none}.video-controls .video-button.video-play-button.active{display:-webkit-box;display:-ms-flexbox;display:flex}html[data-whatintent=mouse] .video-controls .video-button else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .video-controls .video-button:hover svg path{fill:#fff}.video-controls .video-button svg{height:100%;width:100%}.video-controls .video-button svg path{fill:hsla(0,0%,100%,.5)}.cc--wysiwyg .f--video-embed{height:0;padding-bottom:56.25%;position:relative}.cc--wysiwyg .f--video-embed iframe{height:100%;left:0;position:absolute;top:0;width:100%}.cc--video-full-width .c--video-full-width{margin:0 auto;max-width:1800px;position:relative}.cc--video-full-width .video-container{margin-bottom:1.25rem;position:relative}@media screen and (min-width:768px){.cc--video-full-width .video-container{margin-bottom:2.1875rem}}@media screen and (min-width:1024px){.lc--full .cc--video-full-width .video-container,.sg-pattern-example>.cc--component-container .f--field.nested .cc--video-full-width .video-container,.sg-pattern-example>.cc--video-full-width .video-container,body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--video-full-width .video-container,body.pattern-lab-demo>.cc--video-full-width .video-container{margin-bottom:0;-ms-flex-preferred-size:68.1818181818%;flex-basis:68.1818181818%;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}.cc--video-full-width .video-container.show .f--video-embed{opacity:1;visibility:visible}.cc--video-full-width .video-container.show .f--image{opacity:0;visibility:hidden}.cc--video-full-width .video-container .play-btn{display:block;height:100%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.cc--video-full-width .video-container .play-btn:after{background-color:#881c1c;background-image:url(/themes/custom/umass_base/images/icons/icon-play.svg);background-position:50%;background-repeat:no-repeat;background-size:.5625rem;border:1px solid hsla(0,0%,100%,.65);border-radius:50%;-webkit-box-shadow:2px 2px 4px 1px rgba(0,0,0,.65);box-shadow:2px 2px 4px 1px rgba(0,0,0,.65);display:inline-block;font-size:0;height:3.125rem;line-height:0;overflow:hidden;text-indent:101%;white-space:nowrap;width:3.125rem}html[data-whatintent=mouse] .cc--video-full-width .video-container .play-btn:after else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc--video-full-width .video-container .play-btn:after:hover{background-color:#6a1010}.cc--video-full-width .video-container .play-btn:after{border:0;content:"";z-index:10}.cc--video-full-width .video-container .f--image{height:100%;-webkit-transition:visibility 0s linear .2s,opacity .2s ease;transition:visibility 0s linear .2s,opacity .2s ease}.cc--video-full-width .video-container .f--image img{height:100%;-o-object-fit:cover;object-fit:cover}.cc--video-full-width .video-container .f--video-embed{height:100%;left:0;opacity:0;position:absolute;top:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;visibility:hidden;width:100%;z-index:11}.cc--video iframe,.cc--video-full-width .video-container .f--video-embed iframe{height:100%;width:100%}.cc--video iframe{left:0;position:absolute;top:0}.cc--youvisit-embed{margin:0 auto;max-width:1800px}.cc--youvisit-embed .c--youvisit-embed .youvisit-embed-container{height:0;padding-bottom:33.3333333333%;position:relative;width:100%}.cc--youvisit-embed .c--youvisit-embed .youvisit-embed-container iframe{height:100%;left:0;position:absolute;top:0;width:100%}.tc--article .form-wrapper:not(:last-child) .fi--form-item{margin-bottom:1.5625rem}@media screen and (min-width:768px){.tc--article .form-wrapper:not(:last-child) .fi--form-item{margin-bottom:2.5rem}}.tc--article .field--name-field-teaser-image .cc--wysiwyg,.tc--article .form-wrapper.field--name-field-editorial-access-group,.tc--article .js-form-type-vertical-tabs,.tc--article input[data-drupal-selector=edit-field-teaser-image-form-0-actions-ief-add-save]{display:none}@media screen and (min-width:1024px){.tc--chaptered-page .content-top{display:none}}@media screen and (max-width:1023px){.tc--chaptered-page .content-main .cc--hero-interior{display:none}}.tc--error-page .content-top{margin-top:-6.5625rem}@media screen and (min-width:768px){.tc--error-page .content-top{margin-top:-9.5rem}}@media screen and (min-width:1200px){.tc--error-page .content-top{margin-top:-10.6875rem}}@media screen and (min-width:1024px){.tc--events-listing .content-top{display:none}}@media screen and (max-width:1023px){.tc--events-listing .content-main .cc--hero-interior{display:none}}.tc--form-page .lr--main{padding-left:8.3333333333%;padding-right:8.3333333333%}@media screen and (min-width:768px){.tc--form-page .lr--main{padding-left:6.25%;padding-right:6.25%}}@media screen and (min-width:1024px){.lc--full .tc--form-page .lr--main,.sg-pattern-example>.cc--component-container .f--field.nested .tc--form-page .lr--main,.sg-pattern-example>.tc--form-page .lr--main,body.pattern-lab-demo>.cc--component-container .f--field.nested .tc--form-page .lr--main,body.pattern-lab-demo>.tc--form-page .lr--main{padding-left:10.4166666667%;padding-right:10.4166666667%}}.fieldset-legend.form-required:before,label.form-required:before{color:red;content:"* "}.tc--home .content-top{margin-top:-6.5625rem}@media screen and (min-width:768px){.tc--home .content-top{margin-top:-9.5rem}}@media screen and (min-width:1200px){.tc--home .content-top{margin-top:-10.6875rem}}.t--login #edit-openid-connect-client-windows-aad-login{max-width:20rem}.t--login .c--admin-tabs{display:none}@media screen and (min-width:1024px){.tc--news-listing .content-top{display:none}}@media screen and (max-width:1023px){.tc--news-listing .content-main .cc--hero-interior{display:none}.tc--news-listing .content-main .lr--main{padding-top:.625rem}}.page-node-type-story .publication-date,.story-listing .f--field.f--eyebrow{display:none}.cc--story-listing{margin:0 auto;max-width:1800px;padding-left:8.33333%;padding-right:8.33333%}.cc--story-listing .f--cards .cc--news-listing-card{border-bottom:.0625rem solid #ccc;margin-bottom:1.3125rem;padding-bottom:1.625rem}@media screen and (min-width:768px){.cc--story-listing .f--cards .cc--news-listing-card{margin-bottom:2rem;padding-bottom:1.6875rem}}@media screen and (min-width:1024px){.cc--story-listing .f--cards .cc--news-listing-card{margin-bottom:2.5rem;padding-bottom:2.5rem}}.cc_banner-wrapper{z-index:1000001}.cc_banner-wrapper .cc_container p.cc_message{color:#fff}.cc_banner-wrapper .cc_container p.cc_message a{color:#fff;font-weight:700}html[data-whatintent=mouse] .cc_banner-wrapper .cc_container p.cc_message a else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc_banner-wrapper .cc_container p.cc_message a:hover{color:#fff;text-decoration:underline}html[data-whatintent=mouse] .cc_banner-wrapper .cc_container .cc_btn_accept_all else{-webkit-transition:all .1s;transition:all .1s}html[data-whatintent=mouse] .cc_banner-wrapper .cc_container .cc_btn_accept_all:hover{text-decoration:none}.lity .lity-wrap .lity-container{background-color:#fff;position:relative}.lity .lity-wrap .lity-container .lity-content{-webkit-transition:none;transition:none}.lity .lity-wrap .lity-container .lity-content:after{display:none}.lity .lity-wrap .lity-container .lity-content iframe{vertical-align:top}.lity .lity-wrap .lity-container .lity-close{color:#000;font-size:0;line-height:0;overflow:hidden;position:absolute;right:-35px;text-indent:101%;top:-25px;white-space:nowrap}.lity .lity-wrap .lity-container .lity-close:after{background-image:url(/images/icons/icon-close-grey.svg);background-size:cover;content:"";display:block;height:16px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:16px}html[data-whatinput=keyboard] .lity .lity-wrap .lity-container .lity-close:focus{outline:3px solid #c69214}html[data-whatinput=mouse] .lity .lity-wrap .lity-container .lity-close:focus{outline:none}.lity .lity-wrap .lity-container h3{font-size:1.25rem;line-height:1.5;margin-bottom:.3125rem}.lity .lity-wrap .lity-container p{font-size:1rem;line-height:1.625}.hamburger{background-color:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font:inherit;margin:0;overflow:visible;padding:9px 5px;text-transform:none;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-property:opacity,-webkit-filter;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;-webkit-transition-timing-function:linear;transition-timing-function:linear}.hamburger.is-active:hover,.hamburger:hover{opacity:1}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background-color:#000}.hamburger-box{display:inline-block;height:17px;position:relative;width:25px}.hamburger-inner{display:block;margin-top:-1.5px;top:50%}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{background-color:#000;border-radius:0;height:3px;position:absolute;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-timing-function:ease;transition-timing-function:ease;width:25px}.hamburger-inner:after,.hamburger-inner:before{content:"";display:block}.hamburger-inner:before{top:-7px}.hamburger-inner:after{bottom:-7px}.hamburger--squeeze .hamburger-inner{-webkit-transition-duration:75ms;transition-duration:75ms;-webkit-transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze .hamburger-inner:before{-webkit-transition:top 75ms ease .12s,opacity 75ms ease;transition:top 75ms ease .12s,opacity 75ms ease}.hamburger--squeeze .hamburger-inner:after{-webkit-transition:bottom 75ms ease .12s,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19);transition:bottom 75ms ease .12s,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19);transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19);transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19),-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition-delay:.12s;transition-delay:.12s;-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--squeeze.is-active .hamburger-inner:before{opacity:0;top:0;-webkit-transition:top 75ms ease,opacity 75ms ease .12s;transition:top 75ms ease,opacity 75ms ease .12s}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:bottom 75ms ease,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transition:bottom 75ms ease,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .12s} -@keyframes gin-throbber{0%{transform:rotateZ(0);}100%{transform:rotateZ(360deg);}}.ajax-progress__throbber,.ajax-progress__throbber--fullscreen,.ui-dialog .ajax-progress__throbber,.media-library-item .ajax-progress__throbber{border:3px solid var(--gin-color-primary);border-inline-end:3px dotted transparent;}.ajax-progress .ajax-progress__message{color:var(--gin-color-text);}[dir].gin--dark-mode .ajax-progress--fullscreen{background-color:var(--gin-color-primary);border-color:transparent;box-shadow:0 2px 6px 0 var(--gin-bg-app);}[dir].gin--dark-mode .ajax-progress--fullscreen .ajax-progress__throbber,[dir].gin--dark-mode .ajax-progress--fullscreen .ajax-progress__throbber--fullscreen{border:3px solid var(--gin-bg-app);border-inline-end:3px dotted transparent;}.media-library-widget .ajax-progress__throbber,.media-library-widget .ajax-progress__throbber--fullscreen{border:2px solid var(--gin-color-primary);border-inline-end:2px dotted transparent;}.ui-dialog .ajax-progress-throbber{padding:var(--gin-spacing-xs);background:var(--gin-bg-app);border-radius:50%;box-shadow:0 2px 6px 0 rgba(34,35,48,.1);border:1px solid rgba(216,217,224,.8);}.gin--dark-mode .ui-dialog .ajax-progress-throbber{background-color:var(--gin-color-primary);border-color:transparent;box-shadow:0 2px 6px 0 var(--gin-bg-app);}.ui-dialog .ajax-progress-throbber::before,.contextual-links .ajax-progress-throbber::before{content:"";display:block;position:absolute;inset-block-start:var(--gin-spacing-xs);inset-inline-start:var(--gin-spacing-xs);width:1.125rem;height:1.125rem;border:2px solid var(--gin-color-primary);border-inline-end:2px dotted transparent;border-radius:50%;animation:gin-throbber .75s linear infinite;}.gin--dark-mode .ui-dialog .ajax-progress,.gin--dark-mode .media-library-item .ajax-progress.ajax-progress.ajax-progress{background-color:var(--gin-bg-app);border-color:var(--gin-bg-app);}.contextual-links li{position:relative;}.contextual-links .ajax-progress-throbber{position:absolute;inset-block-start:0;inset-inline-end:var(--gin-spacing-xxs);width:24px;height:24px;}.contextual-links .ajax-progress-throbber::before{inset-block-start:0;inset-inline-start:.25em;}.claro-autocomplete__message{color:var(--gin-color-primary);} +[data-component-id="umass_base:block-multiple-ctas"] { + container-type: inline-size; + + .container { + max-width: 1440px; + margin: 0 auto; + padding-top: var(--s2); + padding-right: 10%; + padding-bottom: var(--s2); + padding-left: 10%; + display: flex; + justify-content: space-between; + flex-direction: column; + + @container (width > 1350px) { + padding-top: var(--s3); + padding-right: 6.25%; + padding-bottom: var(--s3); + padding-left: 6.25%; + flex-direction: row; + } + } + + .f--links { + display: flex; + flex-basis: 45%; + flex-direction: column; + flex-wrap: nowrap; + gap: var(--s0); + justify-content: center; + } + + .f--section-title { + margin-bottom: 0; + } + + .lc--layout-container & h2 { + font-size: clamp(28px, calc(1.5vw + 1.45rem), 40px); + } + + .f--description { + margin-block-start: var(--s0); + } + + .text-container { + flex: 1 0 auto; + padding-bottom: var(--s0); + + &:has(.f--description) { + padding-bottom: var(--s0); + + h2 { + text-align: start; + } + } + + @container (width >=1080px) { + flex: 1 0 50%; + } + + @container (width >=1350px) { + padding-right: 10vw; + padding-bottom: 0; + } + } + + .links-container { + align-content: center; + container-type: inline-size; + display: flex; + flex-direction: row; + flex-wrap: wrap; + gap: var(--s-1); + justify-content: center; + + @container (width >=1080px) { + flex: 1 0 50%; + } + } + + background: var(--color-white); + + &[data-color="gray"] { + background: var(--color-gray-100); + } + + &[data-color="maroon"] { + background: var(--color-brand); + } + + &[data-background="image"] { + background-size: cover; + background-repeat: no-repeat; + background-position: center center; + } + + &[data-link-style="buttons"] { + .container { + container-type: inline-size; + + @container (width >=1350px) { + flex-direction: row; + } + } + + .text-container { + + h2, + p { + text-align: center; + } + + @container (width >=1080px) { + flex: 1 0 40%; + + h2, + p { + text-align: left; + } + } + } + + .links-container { + @container (width >=1080px) { + justify-content: flex-end; + flex: 1 0 60%; + } + } + + [data-component-id="umass_base:button"] { + background-image: none; + flex: 1 0 100%; + + @container (width > 768px) { + margin-block-end: 0; + flex: auto; + } + } + + .f--links { + flex-direction: row; + flex-basis: 100%; + } + + .f--button { + display: flex; + align-items: stretch; + flex: 0 0 auto; + } + } + + &:not([data-link-style="buttons"]) { + h2 { + text-align: start; + } + + .container { + @container (width < 1350px) { + .links-container { + flex-direction: row; + justify-content: space-between; + column-count: 2; + flex-wrap: wrap; + align-items: baseline; + } + + .f--field.f--button { + flex: 0 1 49%; + } + + [data-component-id="umass_base:button"].button-text-link { + display: inline-block; + inline-size: 100%; + } + } + + @container (width <=630px) { + .f--field.f--button { + flex: 0 1 100%; + } + } + + @container (width >=1350px) { + .links-container { + justify-content: flex-start; + } + } + } + + [data-component-id="umass_base:button"].button-text-link { + background-image: none; + background-position: right center; + background-repeat: no-repeat; + background-size: 1.25rem; + box-shadow: 0 1px 0 var(--color-gray-100); + color: currentColor; + font-style: normal; + font-weight: 800; + display: block; + padding: .5rem 1.5rem .5rem 0; + text-decoration: none; + text-transform: uppercase; + font-size: 1rem; + + &:hover { + transition: all 0.1s; + box-shadow: 0 2px 0 currentColor; + + .button-text { + color: currentColor; + } + } + } + + &[data-color="maroon"] { + [data-component-id="umass_base:button"] { + background-image: none; + } + } + } + + &[data-color="maroon"] { + + h2, + .highlight, + .f--description * { + color: var(--color-white); + } + } + + &[data-layout-variant="tabbed"] { + .container { + padding-top: var(--s2); + padding-right: 0; + padding-bottom: var(--s2); + padding-left: 0; + + .text-container, + .tabbed-links-container { + padding-right: 10vw; + padding-left: 10vw; + } + + @container (width > 768px) { + .tabbed-links-container { + column-count: 2; + column-gap: 10vw; + } + } + + @container (width > 1350px) { + flex-direction: column; + padding-top: var(--s3); + padding-right: 0; + padding-bottom: var(--s3); + padding-left: 0; + + .text-container, + .tabbed-links-container { + padding-right: 5vw; + padding-left: 5vw; + } + } + } + } +} + +[data-component-id="umass_base:button"], +html[data-whatintent="mouse"] [data-component-id="umass_base:button"] { + -webkit-appearance: none; + align-items: center; + appearance: none; + border-radius: 0; + border: 0; + display: inline-flex; + flex-basis: auto; + font-family: 'Open Sans', Arial, Helvetica, sans-serif; + font-feature-settings: 'liga' off, 'clig' off; + font-size: .875rem; + font-style: normal; + font-weight: 800; + justify-content: center; + line-height: 1.5; + padding-bottom: 1rem; + padding-left: 1rem; + padding-right: 1rem; + padding-top: 1rem; + position: relative; + text-align: center; + text-decoration: none; + text-transform: uppercase; + text-wrap: balance; + transition: background-color .1s ease-in-out; + white-space: normal; + width: 100%; + min-width: 5rem; + + &:hover { + transition: background-color .1s ease-in-out, color .1s ease-in-out; + } + + @media (min-width: 768px) { + width: auto; + } + + &.button-primary, + &.button-secondary { + text-decoration: none; + } + + &.button-primary, + &.button-shuffle, + &.button-play { + color: var(--color-white); + background: var(--color-brand); + + &:hover { + background: var(--color-brand-dark); + } + + &.button-disabled { + background: var(--color-gray-100); + } + } + + &.button-primary { + &.button-context-dark { + background: var(--color-white); + color: var(--color-black); + + &:hover { + background: var(--color-gray-200); + } + + &.button-disabled { + background: var(--color-gray-400); + color: var(--color-gray-600); + } + } + } + + &.button-secondary { + border-width: 2px; + border-style: solid; + border-color: var(--color-brand); + background: transparent; + color: var(--color-brand); + ; + + &:hover { + border-color: var(--color-brand-dark); + color: var(--color-brand-dark); + } + + &.button-disabled { + border-color: var(--color-gray-100); + color: var(--color-gray-100); + } + + &.button-context-dark { + color: var(--color-white); + border-color: var(--color-white); + + &.button-disabled { + border-color: var(--color-gray-400); + color: var(--color-gray-400); + } + + &:hover { + color: var(--color-gray-200); + border-color: var(--color-gray-200); + } + } + } + + &.button-text-link { + text-underline-offset: 3px; + text-decoration-thickness: 2px; + text-decoration-line: underline; + color: var(--color-brand); + ; + text-align: left; + padding: 0; + + &:hover { + color: var(--color-brand-dark); + } + + &.button-disabled { + color: var(--color-gray-100); + } + + &.button-context-dark { + color: var(--color-white); + + &.button-disabled { + border-color: var(--color-gray-400); + color: var(--color-gray-400); + } + + &:hover { + color: var(--color-gray-200); + } + } + } + + &.button-shuffle, + &.button-play { + border-radius: 100px; + height: 50px; + width: 50px; + min-width: unset; + padding: 0; + + &.button-context-dark { + color: var(--color-brand); + background: var(--color-white); + + &.button-disabled { + background: var(--color-gray-400); + color: var(--color-gray-600); + } + + &:hover { + color: var(--color-brand-dark); + } + } + } + + &.button-disabled { + pointer-events: none; + cursor: not-allowed; + } + + .button-icon { + display: flex; + } + + .button-icon-play { + padding-inline-start: 5px; + } +} + +.f--description { + p { + font-family: var(--font-family-sans); + font-style: normal; + font-size: 1rem; + line-height: 1.875; + color: var(--color-black); + text-align: left; + text-transform: none; + } +} + +[data-component-id="umass_base:header-branding"] { + a { + display: block; + } + + img { + width: 150px; + height: auto; + + &.redtext { + display: block; + } + + &.whitetext { + display: none; + } + } + + @media print { + img { + width: 200px; + } + } +} + +@media (min-width: 768px) { + [data-component-id="umass_base:header-branding"] img { + width: 193px; + } +} + +@media (min-width: 1024px) { + [data-component-id="umass_base:header-branding"] img { + width: 232px; + } +} + +.mobile-menu-active [data-component-id="umass_base:header-branding"], +.transparent-header [data-component-id="umass_base:header-branding"], +.search-active [data-component-id="umass_base:header-branding"] { + img.whitetext { + display: block; + } + + img.redtext { + display: none; + } +} + +.homepage [data-component-id="umass_base:tophat"].search-active { + background-color: var(--color-black); +} + +#search-drawer-trigger, +#search-drawer-trigger-active { + background: var(--color-brand); + color: var(--color-white); + width: 50px; + height: 50px; + line-height: 50px; + flex: 0 0 50px; + display: flex; + justify-content: center; + align-items: center; + + svg { + width: 25px; + height: 25px; + vertical-align: center; + } + + .search-trigger-open { + display: inline-block; + } + + .search-trigger-close { + display: none; + } +} + +#search-drawer-trigger-active, +#search-drawer-trigger.active { + background: #968c67; +} + +#search-drawer-trigger.active { + background: #968c67; + + .search-trigger-open { + display: none; + } + + .search-trigger-close { + display: inline-block; + } +} + +#search-drawer-trigger-active { + position: relative; + top: 6px; +} + +[data-component-id="umass_base:header-search"] { + #search-flyout-container { + display: none; + position: absolute; + top: 50px; + width: 100%; + background: var(--color-white); + } + + .search-flyout { + max-width: var(--max-width); + padding: var(--s1) var(--s2) var(--s2); + margin: 0 auto; + display: flex; + justify-content: space-between; + gap: 20px; + } + + form { + display: flex; + padding: 0 1.5rem; + + @media (max-width: 48rem) { + padding: 0 0.4375rem; + } + + border-bottom: 1px solid var(--color-black); + align-items: center; + + input { + border: none; + font-size: 1.125rem; + font-weight: 900; + } + } + + .menu { + font-size: 0.75rem; + line-height: 2.6667; + text-align: center; + margin: 0.625rem auto 0; + + @media (max-width: 48rem) { + font-size: 1rem; + line-height: 1.5; + text-align: left; + margin-top: 1.875rem; + } + + display: block; + list-style: none; + padding: 0; + + &:before { + content: "Are you looking for… "; + font-weight: 600; + + @media (max-width: 48rem) { + display: block; + margin-bottom: .5rem; + } + } + + li { + display: inline; + } + + li+li: before { + content: ", "; + } + + a { + color: var(--color-black); + + &:hover, + &:focus { + color: var(--color-brand) !important; + } + } + } + + [data-component-id="umass_base:header-branding"] { + .whitetext { + display: none !important; + } + + .redtext { + display: block !important; + } + } +} + +@media (max-width: 75rem) { + [data-component-id="umass_base:header-search"] { + #search-flyout-container { + top: 0; + } + } + + #search-drawer-trigger { + visibility: visible; + opacity: 1; + transition: opacity 0.3s linear; + } + + #search-drawer-trigger.active { + visibility: hidden; + opacity: 0; + transition: visibility 0s 0.3s, opacity 0.3s linear; + background: var(--color-brand); + + .search-trigger-open { + display: inline-block; + } + + .search-trigger-close { + display: none; + } + } +} + +@media (max-width: 62rem) { + [data-component-id="umass_base:header-search"] { + #search-flyout-container { + top: 100%; + } + + .search-flyout div { + margin: 0 auto; + flex: 1 1 auto; + } + + [data-component-id="umass_base:header-branding"], + #search-drawer-trigger-active { + display: none; + } + } + + #search-drawer-trigger.active { + visibility: visible; + opacity: 1; + transition: opacity 0.3s linear; + background: #968c67; + + .search-trigger-open { + display: none; + } + + .search-trigger-close { + display: inline-block; + } + } + + form { + input { + width: 100%; + } + } +} + +[data-component-id="umass_base:header-socials"] { + order: 2; + + >ul { + display: flex; + gap: 20px; + margin: 0; + padding: 0.9375rem 0; + } + + li { + list-style-type: none; + line-height: 1; + display: block; + } + + .platforms a { + color: var(--color-gray-100); + display: block; + + svg { + fill: currentColor; + width: 20px; + height: 20px; + display: block; + } + + &:hover, + &:focus { + color: var(--color-white); + } + } +} + +.cc--media-with-text { + background-repeat: no-repeat; + background-position: center 0; + background-size: cover; + + .c--media-with-text { + max-width: var(--max-width); + margin: 0 auto; + padding: var(--s2) var(--s1); + + @media screen and (min-width: 960px) { + padding: var(--s3) var(--s5); + } + } + + &.dark { + background: var(--color-black); + + .text-container p { + color: var(--color-white); + + a { + color: var(--color-white); + font-weight: var(--font-weight-bold); + + &:hover { + text-decoration: none; + } + } + } + + .f--section-title h2, + .f--section-title h2 a { + color: var(--color-white); + + &:hover { + color: var(--color-gray-100); + } + } + } + + &.media-right { + @media screen and (min-width: 960px) { + .c--media-with-text { + padding-right: 0; + } + } + + .component-container { + flex-direction: row; + } + } + + &.media-left { + @media screen and (min-width: 960px) { + .c--media-with-text { + padding-left: 0; + } + } + + .component-container { + flex-direction: row-reverse; + } + + .text-container { + padding-left: var(--s2); + padding-right: 0; + } + } + + .component-container { + display: flex; + align-items: center; + padding: 0; + + .media-container { + flex: 2; + position: relative; + } + + .text-container { + flex: 1; + padding-right: var(--s2); + + .cta-container { + display: flex; + flex-wrap: wrap; + gap: var(--s0); + align-items: center; + } + + .f--description { + margin-bottom: var(--s1); + } + } + } + + @media screen and (max-width: 960px) { + + &.media-right .component-container, + &.media-left .component-container { + flex-direction: column-reverse; + } + + .text-container { + margin-top: var(--s2); + padding-right: 0; + padding-left: 0; + } + } + + .media-container { + &.show .f--video-embed { + opacity: 1; + visibility: visible; + } + + &.show .f--image { + opacity: 0; + visibility: hidden; + } + + .f--image { + height: 100%; + transition: visibility 0s linear var(--transition-duration-default), opacity var(--transition-duration-default) var(--transition-easing-default); + margin-bottom: 0; + + img { + height: 100%; + object-fit: cover; + } + } + + .f--button { + position: absolute; + bottom: var(--s2); + right: var(--s2); + + .button-play { + border-radius: 50%; + transition: transform var(--transition-duration-default) var(--transition-easing-default), box-shadow var(--transition-duration-default) var(--transition-easing-default); + } + + .button-icon svg { + width: 13px; + } + } + + &:hover .f--button .button-play { + box-shadow: 0 0 1rem rgba(255, 255, 255, 0.9); + transform: scale(1.1); + } + + .f--video-embed { + position: absolute; + top: 0; + left: 0; + z-index: 11; + width: 100%; + height: 100%; + opacity: 0; + visibility: hidden; + transition: opacity var(--transition-duration-default) var(--transition-easing-default); + + iframe { + width: 100%; + height: 100%; + } + } + } + + .f--section-title h2 { + margin-bottom: var(--s1); + text-transform: uppercase; + + a { + text-decoration: none; + } + } +} + +[data-component-id="umass_base:nav-quicklink-buttons"] { + width: 36.875rem; + order: 3; + margin: 1.875rem auto 0; + + @media (min-width: 62rem) { + order: 2; + margin-right: 0; + } + + .m--quicklink-button-menu { + display: flex; + gap: 0.9375rem; + + li { + flex: 1; + + a { + width: 100%; + } + } + } +} + +.f--section-title { + margin-bottom: 0.625rem; + + @media screen and (min-width: 768px) { + margin-bottom: 0.9375rem; + } + + h2 { + font-family: 'Open Sans', Arial, Helvetica, sans-serif; + font-style: normal; + font-weight: 800; + font-size: 1.75rem; + line-height: 1; + text-transform: uppercase; + + @media screen and (min-width: 768px) { + font-size: 2.5rem; + line-height: 1; + } + + .highlight { + display: block; + color: var(--color-brand); + } + } +} + +[data-component-id="umass_base:site-header"] { + max-width: var(--max-width); + margin: 0 auto; + padding: var(--s1) var(--s2); + display: flex; + justify-content: space-between; + gap: var(--s2); + + &.mobile-menu-active { + background: var(--color-black); + } + + .navigation-container { + display: flex; + align-items: center; + justify-content: flex-end; + gap: var(--s2); + } + + .primary-navigation { + height: 100%; + align-content: center; + display: block; + + .submenu-wrapper { + display: none; + position: absolute; + top: 100%; + left: -1.5625rem; + padding: var(--s1) var(--s2); + background-color: var(--color-white); + + .submenu-wrapper { + position: relative; + top: initial; + left: 0; + padding: 0; + + >.submenu { + display: flex; + gap: var(--s1); + } + } + + >.submenu { + display: flex; + flex-wrap: wrap; + min-width: 180px; + max-width: 600px; + overflow: hidden; + gap: var(--s1); + + &:has(.menu-item--expanded) { + display: flex; + flex-wrap: wrap; + + .submenu-wrapper { + display: none; + } + + .megamenu & { + flex-wrap: nowrap; + + .submenu-wrapper { + display: flex; + } + } + } + + .menu-item { + flex: 0 0 180px; + font-size: 0.875rem; + line-height: 1.4286; + font-weight: 400; + border-bottom: none; + + a { + color: var(--color-black); + border-bottom: none; + height: auto; + + &:hover, + &:focus { + border-bottom: none; + color: var(--color-brand); + } + } + + span { + font-weight: 900; + font-size: 0.9375rem; + } + + a.is-active { + color: var(--color-brand); + } + + &.menu-item--expanded { + display: flex; + gap: var(--s1); + margin-bottom: var(--s-3); + flex-direction: column; + } + } + } + + a { + color: var(--color-black); + height: auto; + } + } + + .m--main-menu { + display: flex; + gap: var(--s2); + + @media (min-width: 75.0625rem) and (max-width:81.25rem) { + gap: var(--s1); + } + + .button-back, + .navigation-title, + .arrow-toggle { + display: none; + } + + >li { + font-size: 0.9375rem; + line-height: 1; + font-weight: 900; + text-transform: uppercase; + position: relative; + align-content: center; + + &:hover { + .submenu-wrapper { + display: block; + } + } + + span { + color: var(--color-black); + text-decoration: none; + display: block; + height: 50px; + align-content: center; + border-bottom: 4px solid transparent; + padding-top: var(--s-3); + } + + a { + color: var(--color-black); + text-decoration: none; + display: block; + height: 50px; + align-content: center; + border-bottom: 4px solid transparent; + padding-top: var(--s-3); + + &:hover, + &:focus { + color: var(--color-brand); + border-bottom-color: var(--color-umass-gold); + } + + .menu-item--active-trail & { + border-bottom-color: var(--color-umass-gold); + } + } + + li span { + color: var(--color-umass-gold); + height: auto; + border-bottom: none; + } + } + } + } + + #mobile-hamburger { + display: none; + flex: 0 0 50px; + + &.is-active { + background-color: var(--color-black); + + .hamburger-inner, + .hamburger-inner::after, + .hamburger-inner::before { + background-color: var(--color-white); + } + } + + .hamburger-box, + .hamburger-inner, + .hamburger-inner::after, + .hamburger-inner::before { + width: 20px; + } + + .hamburger-inner, + .hamburger-inner::after, + .hamburger-inner::before { + background-color: var(--color-black); + } + + @media (max-width: 75rem) { + display: block; + } + } + + [data-component-id="umass_base:nav-quicklink-buttons"], + .mc--utility-menu, + [data-component-id="umass_base:header-socials"] { + display: none; + width: 100%; + } + + @media (min-width: 75.0625rem) { + #mobile-flyout-container { + display: block !important; + } + } + + @media (max-width: 75rem) { + .navigation-container { + gap: var(--s-1); + } + + #mobile-flyout-container { + display: none; + width: 100%; + background: var(--color-white); + padding: var(--s1) var(--s2); + position: absolute; + left: 0; + top: 100%; + + & .m--main-menu { + flex-direction: column; + gap: 0; + + >.menu-item--active-trail { + + .link-arrow-wrapper>span, + .link-arrow-wrapper>a { + color: var(--color-brand); + } + } + + >.menu-item--expanded { + border-bottom: 1px solid var(--color-gray-200); + + >.link-arrow-wrapper { + display: flex; + justify-content: space-between; + + .arrow-toggle { + display: block; + + svg { + content: "arrow"; + transition: transform 0.2s ease; + } + + &.is-active svg { + transform: rotate(-180deg); + } + } + } + + .submenu-wrapper { + display: none; + + .submenu-wrapper { + display: flex; + } + } + } + + >li { + margin-bottom: .5rem; + + a { + color: var(--color-black); + border-bottom: 1px solid transparent; + font-size: 1.125rem; + line-height: 1.333; + + &:hover, + &:focus, + &.is-active { + color: var(--color-brand); + } + } + + span { + color: var(--color-black); + font-size: 1.125rem; + line-height: 1.3333; + } + + li span { + color: var(--color-umass-gold); + } + } + + .submenu-wrapper { + left: auto; + padding-left: var(--s0); + padding-right: var(--s0); + + .submenu-wrapper { + padding: 0; + border-bottom-color: transparent; + } + + >.submenu { + padding-bottom: var(--s0); + + .submenu { + padding-bottom: 0; + } + + .menu-item { + a { + border-bottom: none; + } + + &.menu-item-expanded { + margin-bottom: 0; + } + } + } + } + } + } + + &.mobile-menu-active { + position: relative; + } + + .primary-navigation { + .submenu-wrapper { + display: block; + position: relative; + + >.submenu { + max-width: 100%; + overflow: visible; + + .menu-item { + flex: 1 0 100%; + } + + &:has(.menu-item--expanded) { + .megamenu & { + flex-wrap: wrap; + } + } + } + } + } + + [data-component-id="umass_base:nav-quicklink-buttons"], + .mc--utility-menu, + [data-component-id="umass_base:header-socials"] { + display: block; + } + + .mc--utility-menu { + padding: var(--s2) 0 0; + + .utility-button, + .button-back, + .navigation-title { + display: none; + } + + .menu-item { + padding: 0 var(--s0) var(--s0); + + &:last-child { + padding-bottom: 0; + } + } + + .menu-item--expanded { + width: 220px; + float: left; + + .menu-item { + padding: 0; + } + + .submenu-wrapper { + padding: 0; + left: auto; + } + } + + a { + color: var(--color-black); + text-decoration: none; + font-size: 1rem; + line-height: 1.375; + + &:hover, + &:focus { + color: var(--color-brand); + text-decoration: none; + } + } + } + + [data-component-id="umass_base:header-socials"] { + width: 100%; + clear: both; + padding: var(--s1) var(--s0); + border-top: 1px solid var(--color-gray-200); + + >ul { + padding: 0; + } + + & .platforms a { + & svg { + color: var(--color-black); + width: 22px; + height: 22px; + } + + &:hover, + &:focus { + & svg { + color: var(--color-gray-600); + } + } + } + } + } +} + +@media (max-width: 62rem) { + [data-component-id="umass_base:site-header"] { + &.search-active { + background: var(--color-black); + } + } + + body:not(.transparent-header) { + [data-component-id="umass_base:site-header"].search-active { + #mobile-hamburger { + + .hamburger-inner, + .hamburger-inner: :after, + .hamburger-inner::before { + background-color: var(--color-white); + } + } + } + + .search-active [data-component-id="umass_base:header-branding"] { + .redtext { + display: none; + } + + .whitetext { + display: block; + } + } + } +} + +.transparent-header { + [data-component-id="umass_base:site-header"] { + #mobile-hamburger { + + .hamburger-inner, + .hamburger-inner: :before, + .hamburger-inner::after { + background-color: var(--color-white); + } + } + + & .primary-navigation { + & .m--main-menu { + &>li { + & a { + color: var(--color-white); + + &:hover, + &:focus { + color: var(--color-gray-100); + } + } + + & span { + color: var(--color-white); + } + + & li span { + color: var(--color-umass-gold); + } + } + } + } + } +} + +#l--main-header { + margin: 0 auto; + position: relative; + z-index: 102; +} + +@media print { + #l--main-header { + height: 9.375rem; + } +} + +[data-component-id="umass_base:tophat"] { + background-color: var(--color-black); + color: var(--color-white); + + .homepage & { + background-color: transparent; + } + + &.tophat-active { + background-color: var(--color-black); + } + + .tophat-inner { + max-width: var(--max-width); + padding: 0 var(--s2); + margin: 0 auto; + display: flex; + gap: var(--s1); + justify-content: flex-end; + } + + .social-header { + display: flex; + justify-content: flex-end; + } + + #tophat-hamburger { + width: 50px; + + &.is-active { + background-color: #968c67; + + .hamburger-box { + background-color: #968c67; + } + } + + .hamburger-inner, + .hamburger-inner::after, + .hamburger-inner::before { + width: 20px; + background-color: var(--color-white); + } + + .hamburger-box { + width: 20px; + } + } + + #tophat-flyout-container { + display: none; + color: var(--color-black); + background-color: var(--color-white); + position: absolute; + z-index: 2; + width: 100%; + } + + .tophat-flyout { + padding-top: var(--s1); + padding-bottom: var(--s2); + max-width: var(--max-width); + padding: var(--s1) var(--s2) var(--s2); + margin: 0 auto; + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: center; + + @media (min-width: 62rem) { + flex-direction: row; + justify-content: space-between; + } + } + + .tophat-logo { + order: 1; + align-self: center; + + @media (min-width: 62rem) { + align-self: flex-start; + } + + img { + width: 232px; + height: auto; + } + } + + .mc--utility-menu { + flex: 0 0 auto; + max-width: 590px; + margin: var(--s3) auto 0; + order: 3; + + @media (min-width: 62rem) { + margin: 0; + flex: 0 1 100%; + max-width: 100%; + } + + @media (min-width: 71.25rem) { + display: flex; + justify-content: flex-end; + } + + .m--utility-menu { + @media (min-width: 71.25rem) { + flex: 0 0 1040px; + } + + >.menu-item.menu-item--expanded { + float: left; + margin-left: 0; + + @media (min-width: 71.25rem) { + width: 350px; + } + } + + >li: nth-child(2) { + margin-top: var(--s3); + } + + @media (min-width: 62rem) { + >li:nth-child(3) { + margin-top: var(--s3); + } + + >li:nth-child(4) { + clear: right; + } + } + } + + .utility-button, + .button-back { + display: none; + } + + .submenu-wrapper { + li { + width: 350px; + max-width: 100%; + margin-left: 0; + } + } + + .navigation-title { + font-size: 1.125rem; + line-height: 1; + font-weight: 900; + color: var(--color-umass-gold); + display: block; + padding-bottom: var(--s1); + flex: 0 1 194px; + white-space: nowrap; + } + + li { + width: 270px; + float: right; + margin-left: var(--s3); + } + + a { + font-size: 0.875rem; + line-height: 1.4286; + font-weight: 900; + display: flex; + justify-content: space-between; + color: var(--color-black); + text-transform: uppercase; + text-decoration: none; + padding-top: var(--s1); + padding-right: var(--s-1); + padding-bottom: var(--s1); + padding-left: 0; + border-bottom: 1px solid var(--color-gray-200); + + &:after { + content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0nVVRGLTgnPz48c3ZnIGlkPSdMYXllcl8xJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZlcnNpb249JzEuMScgdmlld0JveD0nMCAwIDUgMTEnPjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbHVzdHJhdG9yciAzMC4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiAyLjEuMSBCdWlsZCAxKSAtLT48ZGVmcz48c3R5bGU+IC5zdDAgeyBmaWxsOiAjODgxYzFjOyBmaWxsLXJ1bGU6IGV2ZW5vZGQ7IH0gPC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9J3N0MCcgZD0nTTQuNTcsNS4xNEwwLDB2MTAuMjlsNC41Ny01LjE0WicvPjwvc3ZnPg=="); + width: 5px; + height: 11px; + display: inline-block; + } + + &:hover, + &:active { + color: var(--color-brand); + text-decoration: none; + border-bottom-color: var(--color-brand); + } + } + } + + @media (max-width: 75rem) { + display: none; + } +} + +*, +::after, +::before { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +:root { + --max-width: 1800px; + --ratio: 1.5; + --s-5: calc(var(--s-4) / var(--ratio)); + --s-4: calc(var(--s-3) / var(--ratio)); + --s-3: calc(var(--s-2) / var(--ratio)); + --s-2: calc(var(--s-1) / var(--ratio)); + --s-1: calc(var(--s0) / var(--ratio)); + --s0: 1rem; + --s1: calc(var(--s0) * var(--ratio)); + --s2: calc(var(--s1) * var(--ratio)); + --s3: calc(var(--s2) * var(--ratio)); + --s4: calc(var(--s3) * var(--ratio)); + --s5: calc(var(--s4) * var(--ratio)); + --font-family-sans: 'Open Sans', Arial, Helvetica, sans-serif; + --font-weight-light: 300; + --font-weight-regular: 400; + --font-weight-semibold: 600; + --font-weight-bold: 700; + --font-weight-extrabold: 800; + --transition-duration-fast: 0.1s; + --transition-duration-default: 0.3s; + --transition-easing-default: ease-in-out; + --transition-timing-cubic: cubic-bezier(0.42, 0, 0.58, 1); + --color-brand: #881C1C; + --color-brand-dark: #651616; + --color-brand-light: #CF6E6E; + --color-black: #151515; + --color-white: #fff; + --color-gray-100: #E9E9E9; + --color-gray-200: #CCC; + --color-gray-300: #ACA39A; + --color-gray-400: #979797; + --color-gray-500: #767676; + --color-gray-600: #666; + --color-gray-700: #545454; + --color-gray-800: #4A4A4A; + --color-umass-gold: #827853; + --color-yellow: #ffc72c; + --color-orange: #ff9e1b; + --color-purple: #615e9b; + --color-green-dark: #44693d; + --color-brown: #5e4b3c; + --color-blue-dark: #002554; + --color-blue-bright: #00aec7; + --color-green-soft: #86c8bc; + --color-green-leaf: #6ba539; + --color-green-neon: #c4d600; + --color-rust: #cb6015; + --color-red-bright: #fe3b1f; +} + +html { + line-height: 1.15; + -webkit-text-size-adjust: 100% +} + +h1 { + font-size: 2em; + margin: .67em 0 +} + +hr { + -webkit-box-sizing: content-box; + box-sizing: content-box; + height: 0; + overflow: visible +} + +pre { + font-family: monospace, monospace; + font-size: 1em +} + +a { + background-color: transparent +} + +abbr[title] { + border-bottom: none; + text-decoration: underline; + text-decoration: underline dotted +} + +b, +strong { + font-weight: bolder +} + +code, +kbd, +samp { + font-family: monospace, monospace; + font-size: 1em +} + +small { + font-size: 80% +} + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline +} + +sub { + bottom: -.25em +} + +sup { + top: -.5em +} + +img { + border-style: none +} + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; + font-size: 100%; + line-height: 1.15; + margin: 0 +} + +button, +input { + overflow: visible +} + +button, +select { + text-transform: none +} + +[type=button], +[type=reset], +[type=submit], +button { + -webkit-appearance: button +} + +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner, +button::-moz-focus-inner { + border-style: none; + padding: 0 +} + +[type=button]:-moz-focusring, +[type=reset]:-moz-focusring, +[type=submit]:-moz-focusring, +button:-moz-focusring { + outline: 1px dotted ButtonText +} + +fieldset { + padding: .35em .75em .625em +} + +legend { + -webkit-box-sizing: border-box; + box-sizing: border-box; + color: inherit; + display: table; + max-width: 100%; + padding: 0; + white-space: normal +} + +progress { + vertical-align: baseline +} + +textarea { + overflow: auto +} + +[type=checkbox], +[type=radio] { + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 0 +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto +} + +[type=search] { + -webkit-appearance: textfield; + outline-offset: -2px +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none +} + +::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit +} + +details { + display: block +} + +summary { + display: list-item +} + +[hidden], +template { + display: none +} + +.messages--status { + background-color: #e6f4ea; + border-left: 6px solid #28a745; + color: #155724; + font-weight: 600; + position: fixed; + z-index: 101 +} + +.messages--status, +.unpublished-banner { + border-radius: 6px; + -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .05); + box-shadow: 0 2px 5px rgba(0, 0, 0, .05); + margin-left: 2rem; + margin-right: 2rem; + padding: 1rem 1.5rem +} + +.unpublished-banner { + background: #fee; + border-left: 6px solid #a00; + color: #a00; + font-weight: 700; + margin-bottom: 1.5rem; + position: relative; + text-align: center +} + +.above-content { + position: fixed; + z-index: 103 +} + +.cc--component-container .fi--form-item-checkbox .checkbox-wrapper label, +.f--description p, +.fi--form-item-radio .radio-wrapper label, +.lc--layout-container h3.no-results, +.sg-pattern-example h3.no-results { + font-family: Open Sans, Arial, Helvetica, sans-serif; + font-style: normal; + font-weight: 300 +} + +.c--component .f--wysiwyg tbody td, +.c--component .f--wysiwyg tbody td p, +.cc--header-search form input[type=text], +.cc--notification-banner .c--notification-banner .notification-banner-inner .right .f--wysiwyg p.date-updated, +.cc--notification-banner .c--notification-banner .notification-banner-inner .right .f--wysiwyg.date-updated, +.fi--form-item textarea, +.lc--layout-container ol li, +.lc--layout-container p, +.lc--layout-container ul li, +.sg-pattern-example ol li, +.sg-pattern-example p, +.sg-pattern-example ul li, +.tc--search .content-main .gsc-result-info, +.tc--search .content-main .gsc-webResult .gs-snippet, +body { + font-family: Open Sans, Arial, Helvetica, sans-serif; + font-style: normal; + font-weight: 400 +} + +.c--component .f--wysiwyg figure figcaption, +.c--component .f--wysiwyg figure figcaption p, +.c--component .f--wysiwyg table caption, +.cc--hero-landing .text-container .feature-container .f--description p, +.lc--layout-container em, +.sg-pattern-example em { + font-family: Open Sans, Arial, Helvetica, sans-serif; + font-style: italic; + font-weight: 400 +} + +.button--alt, +.lc--layout-container h6, +.sg-pattern-example h6 { + font-family: Open Sans, Arial, Helvetica, sans-serif; + font-style: normal; + font-weight: 600 +} + +.c--component .f--wysiwyg ol>li:before, +.c--component .f--wysiwyg thead th, +.cc--back-to-top .f--back a, +.cc--button-back-to-top .c--button-back-to-top button span, +.cc--chaptered-nav .link, +.cc--component-container .fi--form-item-checkbox .checkbox-wrapper input[type=checkbox]:checked+label, +.cc--filterable-content-grid .fi--form-item .select-wrap select, +.cc--notification-banner .c--notification-banner .notification-banner-inner .right .f--wysiwyg, +.cc--notification-banner .c--notification-banner .notification-banner-inner .right .f--wysiwyg p, +.fi--form-item label, +.fi--form-item-radio .radio-wrapper input[type=radio]:checked+label, +.lc--layout-container b, +.lc--layout-container strong, +.mc--left-nav-menu .menu-item a, +.node-event-submit-an-event-form .form-wrapper .fieldset-legend, +.sg-pattern-example b, +.sg-pattern-example strong { + font-family: Open Sans, Arial, Helvetica, sans-serif; + font-style: normal; + font-weight: 700 +} + +.lc--layout-container em b, +.lc--layout-container em strong, +.sg-pattern-example em b, +.sg-pattern-example em strong { + font-family: Open Sans, Arial, Helvetica, sans-serif; + font-style: italic; + font-weight: 700 +} + +.button, +.c--component .f--wysiwyg tbody th, +.cc--abundance-grid .abundance-container-large .c--abundance-grid-item .f--eyebrow, +.cc--abundance-grid .abundance-container-small .cc--abundance-grid-item .f--eyebrow, +.cc--abundance-grid .abundance-container-text .f--link a, +.cc--accordions .c--accordions .accordion h3 .accordion-trigger, +.cc--date-card .f--card-date span.day, +.cc--date-card .f--card-date span.month, +.cc--date-cards .c--date-cards .text-container .f--link a, +.cc--filterable-content-grid .f--cards .cc--blogger-card .c--blogger-card .text-container .f--link a, +.cc--filterable-content-grid .f--cards .cc--blogger-card .c--staff-card .text-container .f--link a, +.cc--filterable-content-grid .f--cards .cc--blogger-card .c--story-card .text-container .f--link a, +.cc--filterable-content-grid .f--cards .cc--staff-card .c--blogger-card .text-container .f--link a, +.cc--filterable-content-grid .f--cards .cc--staff-card .c--staff-card .text-container .f--link a, +.cc--filterable-content-grid .f--cards .cc--staff-card .c--story-card .text-container .f--link a, +.cc--filterable-content-grid .f--cards .cc--story-card .c--blogger-card .text-container .f--link a, +.cc--filterable-content-grid .f--cards .cc--story-card .c--staff-card .text-container .f--link a, +.cc--filterable-content-grid .f--cards .cc--story-card .c--story-card .text-container .f--link a, +.cc--hero-article .text-container .f--description, +.cc--hero-article-video .text-container .f--description, +.cc--hero-article-video .video-container.show+.exit-video, +.cc--hero-interior .f--eyebrow a, +.cc--hero-microsite-interior .text-container .f--eyebrow, +.cc--hero-microsite-landing .text-container .f--eyebrow, +.cc--menu-microsite .button-back, +.cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li .submenu-wrapper .navigation-title, +.cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li a, +.cc--menu-microsite .menu-microsite-toggle, +.cc--menu-mobile .button-back, +.cc--menu-mobile .c--menu-mobile nav a, +.cc--menu-mobile .c--menu-mobile nav button.information-for-toggle, +.cc--menu-mobile .c--menu-mobile nav>ul>li .submenu-wrapper .navigation-title, +.cc--notification-banner .c--notification-banner .notification-banner-inner .left span.alert-title, +.cc--notification-banner .c--notification-banner .notification-banner-inner .right .f--link a, +.cc--pager-calendar .c--pager-calendar .pager ul li, +.cc--pager-load-more .pager__item a, +.cc--social-media-grid .crt-widget .crt-load-more-container .crt-load-more, +.cc--social-media-grid .social-media-links>span, +.f--button-link a, +.fi--form-item input[type=button], +.lc--layout-container .h1, +.lc--layout-container h1, +.lc--layout-container h2, +.lc--layout-container h3, +.lc--layout-container h4, +.lc--layout-container h5, +.sg-pattern-example .h1, +.sg-pattern-example h1, +.sg-pattern-example h2, +.sg-pattern-example h3, +.sg-pattern-example h4, +.sg-pattern-example h5, +.tc--search .content-main .gsc-control-cse .gs-result .gs-title, +.tc--search .content-main .gsc-control-cse .gs-result .gs-title *, +.tc--search .content-main .gsc-control-cse .gs-spelling, +.tc--search .content-main input.gsc-input, +input[type=submit] { + font-family: Open Sans, Arial, Helvetica, sans-serif; + font-style: normal; + font-weight: 800 +} + +html[data-whatinput=keyboard] :focus { + outline: 3px solid #c69214 +} + +html[data-whatinput=mouse] :focus { + outline: none +} + +.visually-hidden { + border: 0; + height: 1px; + overflow: hidden; + padding: 0; + position: absolute; + white-space: nowrap; + width: 1px; + clip: rect(0 0 0 0); + clip-path: inset(50%); + margin: -1px +} + +.skip-link { + background-color: #881c1c; + color: #fff; + left: 1.25rem; + position: absolute; + z-index: 101 +} + +.skip-link:not(:focus) { + border: 0; + height: 1px; + overflow: hidden; + padding: 0; + position: absolute; + white-space: nowrap; + width: 1px; + clip: rect(0 0 0 0); + clip-path: inset(50%); + margin: -1px +} + +*, +:after, +:before { + -webkit-box-sizing: border-box; + box-sizing: border-box +} + +html { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0) +} + +body { + color: #151515; + -webkit-font-smoothing: antialiased; + -moz-font-smoothing: antialiased; + -o-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + line-height: 1.5 +} + +h1, +h2, +h3, +h4, +h5, +h6 { + line-height: 1.1; + margin: 0 +} + +p { + margin-top: 0 +} + +p:last-child { + margin-bottom: 0 +} + +ol, +ul { + margin-top: 0 +} + +ol ol, +ol ul, +ul ol, +ul ul { + margin-bottom: 0 +} + +ul { + list-style-type: disc +} + +img { + display: block; + height: auto; + width: 100% +} + +svg circle, +svg ellipse, +svg line, +svg path, +svg polygon, +svg rect { + -webkit-transition: fill .1s ease-in-out; + transition: fill .1s ease-in-out +} + +html[data-whatintent=mouse] svg circle else, +html[data-whatintent=mouse] svg ellipse else, +html[data-whatintent=mouse] svg line else, +html[data-whatintent=mouse] svg path else, +html[data-whatintent=mouse] svg polygon else, +html[data-whatintent=mouse] svg rect else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] svg circle:hover, +html[data-whatintent=mouse] svg ellipse:hover, +html[data-whatintent=mouse] svg line:hover, +html[data-whatintent=mouse] svg path:hover, +html[data-whatintent=mouse] svg polygon:hover, +html[data-whatintent=mouse] svg rect:hover { + -webkit-transition: fill .1s ease-in-out; + transition: fill .1s ease-in-out +} + +nav ol, +nav ul { + list-style: none; + margin: 0; + padding: 0 +} + +dl { + margin-top: 0 +} + +dd { + margin: 0 +} + +address { + font-style: normal +} + +form { + margin: 0 +} + +fieldset { + border: 0; + margin: 0; + padding: 0 +} + +textarea { + resize: vertical +} + +button { + background-color: transparent; + border: 0; + padding: 0 +} + +.button-reset, +[type=button], +[type=reset], +[type=submit], +button { + cursor: pointer +} + +[disabled] { + cursor: default +} + +iframe { + border: 0 +} + +section.two-cols { + margin-bottom: 2.5rem; + margin-top: 2.5rem +} + +@media screen and (min-width: 768px) { + section.two-cols { + -webkit-column-count: 2; + -moz-column-count: 2; + column-count: 2; + -webkit-column-gap: 2.5rem; + -moz-column-gap: 2.5rem; + column-gap: 2.5rem + } +} + +section.two-cols img { + float: left; + margin-bottom: .9375rem +} + +table { + border-collapse: collapse; + border-spacing: 0; + table-layout: fixed; + width: 100% +} + +table tr td, +table tr th { + font-size: 1rem; + line-height: 1.625; + padding: .625rem 2.5%; + text-align: left; + vertical-align: top +} + +@media screen and (min-width: 768px) { + + table tr td, + table tr th { + font-size: 1.125rem; + line-height: 1.4445; + padding-left: 2.0833333333%; + padding-right: 2.0833333333% + } +} + +table tr:nth-child(2n) { + background: #f0f0f0 +} + +table.two-col tr th:first-child { + font-weight: 600; + width: 40% +} + +table.two-col tr td:nth-child(2) { + color: #000 +} + +td, +th { + padding: 0 +} + +th { + font-weight: 400 +} + +[tabindex="-1"]:focus { + outline: none !important +} + +@media print { + + *, + :after, + :before { + background: transparent !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + text-shadow: none !important + } + + a, + a:visited, + a[href]:after { + text-decoration: underline + } + + a[href]:after { + content: " (" attr(href) ")"; + word-break: break-word + } + + abbr[title]:after { + content: " (" attr(title) ")" + } + + a[href^="#"]:after, + a[href^="javascript:"]:after { + content: "" + } + + pre { + white-space: pre-wrap !important + } + + blockquote, + pre { + border: 1px solid #999; + page-break-inside: avoid + } + + thead { + display: table-header-group + } + + img, + tr { + page-break-inside: avoid + } + + img { + max-width: 100% !important + } + + h2, + h3, + p { + orphans: 3; + widows: 3 + } + + h2, + h3 { + page-break-after: avoid + } +} + +.lc--layout-container .h1, +.lc--layout-container h1, +.sg-pattern-example .h1, +.sg-pattern-example h1 { + font-size: 1.875rem; + line-height: 1 +} + +@media screen and (min-width: 1024px) { + + .lc--layout-container .h1, + .lc--layout-container h1, + .sg-pattern-example .h1, + .sg-pattern-example h1 { + font-size: 3.75rem; + line-height: 1 + } +} + +.lc--layout-container h2, +.sg-pattern-example h2 { + font-size: 2.5rem; + line-height: 1.05 +} + +.lc--layout-container h3, +.sg-pattern-example h3 { + font-size: 2rem; + line-height: 1.25 +} + +.lc--layout-container h4, +.sg-pattern-example h4 { + font-size: 1.25rem; + line-height: 1.3 +} + +.lc--layout-container h5, +.sg-pattern-example h5 { + font-size: .9375rem; + line-height: 1.2 +} + +.lc--layout-container h6, +.sg-pattern-example h6 { + font-size: .875rem; + line-height: 1.5 +} + +.lc--layout-container h3.no-results, +.sg-pattern-example h3.no-results { + color: #fff; + font-size: 1.25rem; + line-height: 2 +} + +.lc--layout-container p, +.sg-pattern-example p { + color: #4a4a4a; + font-size: 1rem; + line-height: 1.625 +} + +@media screen and (min-width: 768px) { + + .lc--layout-container p, + .sg-pattern-example p { + font-size: 1rem; + line-height: 1.875 + } +} + +.lc--layout-container ol li, +.lc--layout-container ul li, +.sg-pattern-example ol li, +.sg-pattern-example ul li { + color: #4a4a4a; + font-size: 1rem; + line-height: 1.875 +} + +.button, +.f--button-link a { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: .875rem; + line-height: 1.2858; + padding-left: .9375rem; + padding-right: .9375rem; + position: relative; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: #881c1c; + border: 0; + border-radius: 0; + color: #fff; + height: 3.125rem; + text-align: center; + text-decoration: none; + text-transform: uppercase; + -webkit-transition: background-color .1s ease-in-out; + transition: background-color .1s ease-in-out; + white-space: normal; + width: 100% +} + +.f--button-link html[data-whatintent=mouse] a else, +html[data-whatintent=mouse] .button else, +html[data-whatintent=mouse] .f--button-link a else { + -webkit-transition: all .1s; + transition: all .1s +} + +.f--button-link html[data-whatintent=mouse] a:hover, +html[data-whatintent=mouse] .button:hover, +html[data-whatintent=mouse] .f--button-link a:hover { + background-color: #6a1010; + color: #fff; + text-decoration: none; + -webkit-transition: background-color .1s ease-in-out, color .1s ease-in-out; + transition: background-color .1s ease-in-out, color .1s ease-in-out +} + +.button--alt { + color: #881c1c; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: 1.375rem; + line-height: 1; + padding-bottom: .5625rem; + position: relative; + text-decoration: none; + text-transform: uppercase +} + +.button--alt:after { + background-color: #881c1c; + bottom: 0; + content: ""; + display: block; + height: .125rem; + left: 0; + position: absolute; + width: 100% +} + +html[data-whatintent=mouse] .button--alt else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .button--alt:hover { + color: #6a1010; + text-decoration: none +} + +html[data-whatintent=mouse] .button--alt:hover:after { + background-color: #6a1010 +} + +.icon-close { + height: 3.125rem; + width: 3.125rem +} + +.icon-close svg { + fill: #fff; + height: 1.125rem; + width: 1.125rem +} + +@media screen and (min-width: 1024px) { + >.cc--component-container.narrow { + margin: 0 auto; + max-width: 50% + } + + >.cc--component-container.fullbackground>.c--component, + >.cc--component-container.maxwidth { + margin: 0 auto; + max-width: 1800px + } +} + +.fi--form-item input[type=date], +.fi--form-item input[type=text] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: #fff; + border: 1px solid #ccc; + border-radius: 0; + color: #4a4a4a; + font-size: .875rem; + height: 3.5rem; + line-height: 1.7143; + padding-left: 1.5625rem; + padding-right: 1.5625rem; + position: relative; + width: 100% +} + +.fi--form-item:not(:last-child) { + margin-bottom: 1.5625rem +} + +@media screen and (min-width: 768px) { + .fi--form-item:not(:last-child) { + margin-bottom: 2.5rem + } +} + +.fi--form-item label { + color: #4a4a4a; + display: block; + font-size: 1rem; + line-height: 1.625 +} + +@media screen and (min-width: 768px) { + .fi--form-item label { + font-size: 1rem; + line-height: 1.875 + } +} + +.fi--form-item input[type=button] { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: .875rem; + line-height: 1.2858; + padding-left: .9375rem; + padding-right: .9375rem; + position: relative; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: #881c1c; + border: 0; + border-radius: 0; + color: #fff; + text-align: center; + text-decoration: none; + text-transform: uppercase; + -webkit-transition: background-color .1s ease-in-out; + transition: background-color .1s ease-in-out; + white-space: normal +} + +html[data-whatintent=mouse] .fi--form-item input[type=button] else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .fi--form-item input[type=button]:hover { + background-color: #6a1010; + color: #fff; + text-decoration: none; + -webkit-transition: background-color .1s ease-in-out, color .1s ease-in-out; + transition: background-color .1s ease-in-out, color .1s ease-in-out +} + +.fi--form-item input[type=button] { + height: 3.125rem; + max-width: 10.625rem; + width: 100% +} + +.cc--component-container .fi--form-item-checkbox { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap +} + +.cc--component-container .fi--form-item-checkbox .group-title { + font-size: 1rem; + line-height: 1.875; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + font-weight: 700 +} + +.cc--component-container .fi--form-item-checkbox .checkbox-wrapper { + padding-bottom: .3125rem; + padding-left: 2.3125rem; + padding-top: .3125rem; + position: relative; + -ms-flex-preferred-size: 50%; + flex-basis: 50%; + text-align: left +} + +.cc--component-container .fi--form-item-checkbox .checkbox-wrapper input[type=checkbox] { + left: -9999px; + position: absolute; + top: 0 +} + +html[data-whatinput=keyboard] .cc--component-container .fi--form-item-checkbox .checkbox-wrapper input[type=checkbox]:focus+label:before { + outline: 3px solid #c69214 +} + +html[data-whatinput=mouse] .cc--component-container .fi--form-item-checkbox .checkbox-wrapper input[type=checkbox]:focus+label:before { + outline: none +} + +.cc--component-container .fi--form-item-checkbox .checkbox-wrapper input[type=checkbox]:checked+label:before { + background-color: #881c1c; + border: .0625rem solid #881c1c +} + +.cc--component-container .fi--form-item-checkbox .checkbox-wrapper input[type=checkbox]:checked+label:after { + background-color: #881c1c; + border: .1875rem solid #fff; + opacity: 1 +} + +.cc--component-container .fi--form-item-checkbox .checkbox-wrapper label { + color: #4a4a4a; + cursor: pointer; + font-size: .875rem; + line-height: 1.7143; + margin-bottom: 0 +} + +.cc--component-container .fi--form-item-checkbox .checkbox-wrapper label:after, +.cc--component-container .fi--form-item-checkbox .checkbox-wrapper label:before { + content: ""; + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%) +} + +.cc--component-container .fi--form-item-checkbox .checkbox-wrapper label:before { + background-color: #fff; + border: .0625rem solid #767676; + height: 1.25rem; + left: .0625rem; + width: 1.25rem +} + +.cc--component-container .fi--form-item-checkbox .checkbox-wrapper label:after { + height: 1rem; + left: .1875rem; + opacity: 0; + width: 1rem +} + +.fi--form-item input[type=date] { + padding-right: .9375rem; + text-transform: uppercase +} + +.fi--form-item input[type=date]::-webkit-calendar-picker-indicator { + color: transparent; + height: 1.1875rem; + opacity: 0; + width: 1.1875rem +} + +.fi--form-item input[type=date]:after { + background-image: none !important; + background-position: 50%; + background-repeat: no-repeat; + background-size: 1.1875rem; + content: ""; + display: block; + height: 1.25rem; + pointer-events: none; + position: absolute; + right: 1.125rem; + width: 1.1875rem +} + +.fi--form-item-radio { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap +} + +.fi--form-item-radio .group-title { + font-size: 1rem; + line-height: 1.875; + margin-bottom: .3125rem; + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + font-weight: 700 +} + +.fi--form-item-radio .radio-wrapper { + padding-left: 2.3125rem; + padding-top: .3125rem; + position: relative; + -ms-flex-preferred-size: 50%; + flex-basis: 50%; + text-align: left +} + +.fi--form-item-radio .radio-wrapper input[type=radio] { + left: -9999px; + position: absolute; + top: 0 +} + +html[data-whatinput=keyboard] .fi--form-item-radio .radio-wrapper input[type=radio]:focus+label:before { + outline: .1875rem solid #008996 +} + +.fi--form-item-radio .radio-wrapper input[type=radio]:checked+label:before { + border: .125rem solid #881c1c +} + +.fi--form-item-radio .radio-wrapper input[type=radio]:checked+label:after { + opacity: 1; + -webkit-transform: translateZ(0); + transform: translateZ(0) +} + +.fi--form-item-radio .radio-wrapper label { + cursor: pointer; + font-size: .875rem; + line-height: 1.7143; + margin-bottom: 0 +} + +.fi--form-item-radio .radio-wrapper label:after, +.fi--form-item-radio .radio-wrapper label:before { + content: ""; + position: absolute; + top: 50% +} + +.fi--form-item-radio .radio-wrapper label:before { + background-color: #fff; + border: .0625rem solid #767676; + border-radius: 50%; + height: 1.375rem; + left: .0625rem; + margin-top: -.5rem; + width: 1.375rem +} + +.fi--form-item-radio .radio-wrapper label:after { + background-color: #881c1c; + border-radius: 50%; + height: .75rem; + left: .375rem; + margin-top: -.1875rem; + opacity: 0; + -webkit-transform: translate3d(-40px, 0, 0) scale(.5); + transform: translate3d(-40px, 0, 0) scale(.5); + width: .75rem +} + +.fi--form-item .select-wrap { + background-color: #fff; + border: 1px solid #ccc; + position: relative +} + +.fi--form-item .select-wrap select { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: transparent; + background-image: none; + border: 0; + -webkit-box-shadow: none; + box-shadow: none; + color: #4a4a4a; + font-size: .875rem; + height: 3.125rem; + line-height: 1.7143; + padding-left: 1.5625rem; + padding-right: 1.5625rem; + width: 100% +} + +.fi--form-item .select-wrap select::-ms-expand { + display: none +} + +.fi--form-item .select-wrap svg { + fill: #881c1c; + height: 6px; + pointer-events: none; + position: absolute; + right: 1.375rem; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + width: 11px +} + +input[type=submit] { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: .875rem; + line-height: 1.2858; + padding-left: .9375rem; + padding-right: .9375rem; + position: relative; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: #881c1c; + border: 0; + border-radius: 0; + color: #fff; + text-align: center; + text-decoration: none; + text-transform: uppercase; + -webkit-transition: background-color .1s ease-in-out; + transition: background-color .1s ease-in-out; + white-space: normal +} + +html[data-whatintent=mouse] input[type=submit] else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] input[type=submit]:hover { + background-color: #6a1010; + color: #fff; + text-decoration: none; + -webkit-transition: background-color .1s ease-in-out, color .1s ease-in-out; + transition: background-color .1s ease-in-out, color .1s ease-in-out +} + +input[type=submit] { + height: 3.125rem; + max-width: 10.625rem; + width: 100% +} + +.fi--form-item input[type=text]::-webkit-input-placeholder { + color: #4a4a4a +} + +.fi--form-item input[type=text]::-moz-placeholder { + color: #4a4a4a +} + +.fi--form-item input[type=text]:-ms-input-placeholder { + color: #4a4a4a +} + +.fi--form-item input[type=text]::-ms-input-placeholder { + color: #4a4a4a +} + +.fi--form-item input[type=text]::placeholder { + color: #4a4a4a +} + +.fi--form-item input[type=text].magnifier { + background-image: none; + background-position: right 1rem center; + background-repeat: no-repeat; + padding-right: 2.8125rem +} + +.fi--form-item textarea { + background-color: #fff; + border-color: #ccc; + color: #4a4a4a; + font-size: .875rem; + height: 9.375rem; + line-height: 1.7143; + padding: 1.4375rem 1.75rem 1.4375rem 2rem; + width: 100% +} + +@media screen and (min-width: 768px) { + .fi--form-item textarea { + height: 12.5rem + } +} + +.fi--form-item textarea::-webkit-input-placeholder { + color: #4a4a4a +} + +.fi--form-item textarea::-moz-placeholder { + color: #4a4a4a +} + +.fi--form-item textarea:-ms-input-placeholder { + color: #4a4a4a +} + +.fi--form-item textarea::-ms-input-placeholder { + color: #4a4a4a +} + +.fi--form-item textarea::placeholder { + color: #4a4a4a +} + +.lc--two-column { + margin: 0 auto; + max-width: 1800px +} + +.lc--two-column .l--two-column { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding-bottom: 2.5rem; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + padding-top: 0 +} + +@media screen and (min-width: 768px) { + .lc--two-column .l--two-column { + padding-bottom: 3.125rem + } +} + +@media screen and (min-width: 1024px) { + .lc--two-column .l--two-column { + padding-top: 3.125rem; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row + } +} + +@media print { + .lc--two-column .l--two-column { + padding-top: 3.125rem; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row + } +} + +@media screen and (min-width: 1024px) { + .lc--two-column .l--two-column .lr--sidebar { + padding-left: 4.1666666667%; + padding-right: 4.1666666667%; + -webkit-box-flex: 0; + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; + width: 100% + } + + .tc--landing-page .lc--two-column .l--two-column .lr--sidebar { + border-right: .0625rem solid #ccc; + margin-bottom: -3.125rem; + margin-top: -3.125rem; + padding-bottom: 3.125rem; + padding-top: 3.125rem + } +} + +@media print { + .lc--two-column .l--two-column .lr--sidebar { + padding-left: 0; + padding-right: 0; + -webkit-box-flex: 0; + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; + width: 100% + } +} + +@media screen and (min-width: 1024px) { + .lc--two-column .l--two-column .lr--main { + -webkit-box-flex: 0; + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; + width: 100% + } +} + +@media print { + .lc--two-column .l--two-column .lr--main { + -webkit-box-flex: 0; + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; + width: 100% + } +} + +@media screen and (max-width: 1023px) { + .lc--two-column .l--two-column .lr--main { + padding-bottom: 0; + padding-top: 2.5rem + } +} + +@media screen and (min-width: 768px) { + .tc--event .lc--two-column .l--two-column .lr--main { + padding-bottom: 0; + padding-top: 0 + } +} + +.tc--form-page .lc--two-column .l--two-column .lr--main { + padding-left: 8.3333333333%; + padding-right: 8.3333333333% +} + +@media screen and (min-width: 1024px) { + .tc--form-page .lc--two-column .l--two-column .lr--main { + padding-left: 10.4166666667%; + padding-right: 10.4166666667% + } +} + +@media screen and (max-width: 1023px) { + + .tc--article .lc--two-column .l--two-column .lr--sidebar, + .tc--event .lc--two-column .l--two-column .lr--sidebar, + .tc--microsite-article .lc--two-column .l--two-column .lr--sidebar { + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2 + } + + .tc--article .lc--two-column .l--two-column .lr--main, + .tc--event .lc--two-column .l--two-column .lr--main, + .tc--microsite-article .lc--two-column .l--two-column .lr--main { + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1 + } +} + +body { + margin: 0; + padding: 0 +} + +.link, +a { + color: #881c1c; + text-decoration: underline +} + +html[data-whatintent=mouse] .link, +html[data-whatintent=mouse] a { + -webkit-transition: color; + transition: color +} + +html[data-whatintent=mouse] .link else, +html[data-whatintent=mouse] a else { + -webkit-transition: all; + transition: all +} + +html[data-whatintent=mouse] .link:hover, +html[data-whatintent=mouse] a:hover { + color: #151515; + text-decoration: underline +} + +.nolink { + cursor: default !important; + pointer-events: none; + text-decoration: none +} + +html[data-whatintent=mouse] .nolink { + -webkit-transition: color; + transition: color +} + +html[data-whatintent=mouse] .nolink else { + -webkit-transition: all; + transition: all +} + +html[data-whatintent=mouse] .nolink:hover { + color: inherit; + text-decoration: none +} + +.c--component h2 a:hover { + text-decoration: underline +} + +.icon-search { + height: 1.875rem; + width: 1.875rem +} + +.icon-search svg { + height: 1.125rem; + width: 1.125rem +} + +.f--ambient-video { + width: 100% +} + +@media screen and (max-width: 767px) { + .f--ambient-video { + padding-bottom: 56.25% + } +} + +.f--ambient-video video { + bottom: 0; + height: 100%; + left: 0; + -o-object-fit: cover; + object-fit: cover; + position: absolute; + right: 0; + top: 0; + width: 100% +} + +@media screen and (min-width: 1024px) { + @supports(-ms-ime-align:auto) { + .f--ambient-video video { + height: auto; + -o-object-fit: none; + object-fit: none + } + } +} + +@media screen and (min-width: 768px) { + .f--button-link a { + width: auto + } +} + +.f--description p { + color: #000; + font-size: 1rem; + line-height: 1.875; + text-align: left; + text-transform: none +} + +.f--hero-promo-title h2 { + color: #fff; + font-size: .9375rem; + line-height: 1.2 +} + +@media screen and (min-width: 768px) { + .f--hero-promo-title h2 { + font-size: 1rem; + line-height: 1; + text-align: right + } +} + +@media screen and (min-width: 1024px) { + .f--hero-promo-title h2 { + font-size: 1rem; + line-height: 1.25 + } +} + +.f--hero-promo-title h2 a { + color: #fff; + text-decoration: none +} + +html[data-whatintent=mouse] .f--hero-promo-title h2 a else { + -webkit-transition: all .1s; + transition: all .1s +} + +.f--hero-promo-title+.f--description a, +html[data-whatintent=mouse] .f--hero-promo-title h2 a:hover { + color: #fff; + text-decoration: underline +} + +html[data-whatintent=mouse] .f--hero-promo-title+.f--description a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .f--hero-promo-title+.f--description a:hover { + color: #fff; + text-decoration: none +} + +.c--component .f--wysiwyg:after { + clear: both; + content: ""; + display: block +} + +.c--component .f--wysiwyg h2 { + font-size: 1.5rem; + line-height: 1.25; + margin-bottom: 1.5625rem +} + +@media screen and (min-width: 768px) { + .c--component .f--wysiwyg h2 { + font-size: 1.875rem; + line-height: 1.2; + margin-bottom: 2.1875rem + } +} + +@media screen and (min-width: 1024px) { + .c--component .f--wysiwyg h2 { + font-size: 2.5rem; + line-height: 1.05 + } +} + +.c--component .f--wysiwyg h3 { + font-size: 1.5rem; + line-height: 1.1667; + margin-bottom: .625rem +} + +@media screen and (min-width: 768px) { + .c--component .f--wysiwyg h3 { + font-size: 1.625rem; + line-height: 1.2308; + margin-bottom: .875rem + } +} + +@media screen and (min-width: 1024px) { + .c--component .f--wysiwyg h3 { + font-size: 2rem; + line-height: 1.125 + } +} + +.c--component .f--wysiwyg h4 { + font-size: 1.375rem; + line-height: 1.1819; + margin-bottom: .625rem +} + +@media screen and (min-width: 768px) { + .c--component .f--wysiwyg h4 { + font-size: 1.625rem; + line-height: 1.1539; + margin-bottom: .875rem + } +} + +.c--component .f--wysiwyg h5 { + font-size: .9375rem; + line-height: 1.2; + margin-bottom: .4375rem +} + +@media screen and (min-width: 768px) { + .c--component .f--wysiwyg h5 { + font-size: 1rem; + font-weight: 800; + line-height: 1.25; + margin-bottom: 1.0625rem + } +} + +.c--component .f--wysiwyg ol, +.c--component .f--wysiwyg ul { + list-style: none; + padding: 0 +} + +.c--component .f--wysiwyg ol ol, +.c--component .f--wysiwyg ol ul, +.c--component .f--wysiwyg ul ol, +.c--component .f--wysiwyg ul ul { + margin-left: 1.5625rem +} + +.c--component .f--wysiwyg ol { + counter-reset: counter +} + +.c--component .f--wysiwyg ol>li { + counter-increment: counter +} + +.c--component .f--wysiwyg ol>li:before { + color: #881c1c; + content: counter(counter) ". "; + margin-left: .625rem; + margin-right: .5rem +} + +.c--component .f--wysiwyg ul>li { + list-style: none +} + +.c--component .f--wysiwyg ul>li:before { + color: #881c1c; + content: "•"; + display: inline-block; + margin-left: .625rem; + margin-right: 1.25rem; + width: .3125rem +} + +.c--component .f--wysiwyg table caption { + margin-bottom: 1.25rem; + text-align: left +} + +.c--component .f--wysiwyg thead th { + font-size: 1rem; + letter-spacing: .034375rem; + line-height: 1.625; + padding: 1.5625rem 1.25rem +} + +@media screen and (min-width: 768px) { + .c--component .f--wysiwyg thead th { + padding: 0 1.25rem 1.25rem + } +} + +.c--component .f--wysiwyg tbody tr { + background: transparent; + border-bottom: 1px solid #ccc +} + +.c--component .f--wysiwyg tbody tr:last-child { + border-bottom: 0 +} + +.c--component .f--wysiwyg tbody tr:nth-child(odd) { + background-color: #e9e9e9 +} + +.c--component .f--wysiwyg tbody tr:nth-child(2n) { + background-color: #fff +} + +.c--component .f--wysiwyg tbody td, +.c--component .f--wysiwyg tbody th { + padding: 1.5625rem 1.25rem +} + +.c--component .f--wysiwyg tbody td, +.c--component .f--wysiwyg tbody td p, +.c--component .f--wysiwyg tbody th, +.c--component .f--wysiwyg tbody th p { + font-size: .75rem; + line-height: 1.8334 +} + +@media screen and (min-width: 768px) { + + .c--component .f--wysiwyg tbody td, + .c--component .f--wysiwyg tbody td p, + .c--component .f--wysiwyg tbody th, + .c--component .f--wysiwyg tbody th p { + font-size: 1rem; + line-height: 1.625 + } +} + +.c--component .f--wysiwyg tbody td, +.c--component .f--wysiwyg tbody td p { + color: #4a4a4a +} + +.c--component .f--wysiwyg tbody th { + color: #151515; + padding-right: .75rem +} + +@media screen and (min-width: 768px) { + .c--component .f--wysiwyg tbody th { + padding-right: 2rem + } +} + +@media screen and (min-width: 1024px) { + .c--component .f--wysiwyg tbody th { + padding-right: 3.125rem + } +} + +.c--component .f--wysiwyg article.align-left, +.c--component .f--wysiwyg figure.align-left, +.c--component .f--wysiwyg img.align-left { + float: left; + margin-bottom: 1.25rem; + margin-left: 0; + margin-right: 3.125rem +} + +.c--component .f--wysiwyg article.align-right, +.c--component .f--wysiwyg figure.align-right, +.c--component .f--wysiwyg img.align-right { + float: right; + margin-bottom: 1.25rem; + margin-left: 3.125rem; + margin-right: 0 +} + +.c--component .f--wysiwyg figure { + margin: 0 +} + +.c--component .f--wysiwyg figure figcaption, +.c--component .f--wysiwyg figure figcaption p { + color: #4a4a4a; + font-size: .75rem; + line-height: 1.5; + margin-top: .625rem +} + +.c--component .f--wysiwyg .pull-quote, +.c--component .f--wysiwyg blockquote { + color: #881c1c; + margin-bottom: 3.125rem; + margin-top: 3.125rem +} + +.c--component .f--wysiwyg .pull-quote p, +.c--component .f--wysiwyg blockquote p { + color: #881c1c; + font-size: 2.25rem; + font-style: italic; + line-height: 1.2778; + margin-bottom: .9375rem +} + +.c--component .f--wysiwyg .pull-quote p:before, +.c--component .f--wysiwyg blockquote p:before { + content: "“"; + display: inline-block +} + +.c--component .f--wysiwyg .pull-quote p:after, +.c--component .f--wysiwyg blockquote p:after { + content: "”"; + display: inline-block +} + +.c--component .f--wysiwyg .pull-quote .attribution, +.c--component .f--wysiwyg blockquote .attribution { + font-size: .9375rem; + font-style: normal; + font-weight: 700; + line-height: 1.3334 +} + +.c--component .f--wysiwyg .pull-quote .attribution:before, +.c--component .f--wysiwyg blockquote .attribution:before { + content: "—"; + display: inline-block; + margin-right: .3125rem +} + +.c--component .f--wysiwyg img { + margin-bottom: .875rem; + max-width: 100%; + width: auto +} + +div.c--component.c--accordions a.field-stat-link, +div.f--field.f--description a.field-stat-link, +div.f--field.f--wysiwyg a.field-stat-link { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: .875rem; + line-height: 1.2858; + padding-left: .9375rem; + padding-right: .9375rem; + position: relative; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: #881c1c; + border: 0; + border-radius: 0; + color: #fff; + font-family: Open Sans, Arial, Helvetica, sans-serif; + font-style: normal; + font-weight: 800; + height: 3.125rem; + min-width: 10.625rem; + text-align: center; + text-decoration: none; + text-transform: uppercase; + -webkit-transition: background-color .1s ease-in-out; + transition: background-color .1s ease-in-out; + white-space: normal; + width: auto +} + +div.c--component.c--accordions a.field-stat-link:hover, +div.f--field.f--description a.field-stat-link:hover, +div.f--field.f--wysiwyg a.field-stat-link:hover { + background-color: #6a1010; + color: #fff; + text-decoration: none; + -webkit-transition: background-color .1s ease-in-out, color .1s ease-in-out; + transition: background-color .1s ease-in-out, color .1s ease-in-out +} + +.c--component .f--wysiwyg .pull-quote .author, +.c--component .f--wysiwyg blockquote .author { + font-size: .9375rem; + font-style: normal; + font-weight: 700; + line-height: 1.3334 +} + +.c--component .f--wysiwyg .pull-quote .author:before, +.c--component .f--wysiwyg blockquote .author:before { + content: "—"; + display: inline-block; + margin-right: .3125rem +} + +@media screen and (min-width: 768px) { + .cc--abundance-grid .c--abundance-grid { + display: grid; + gap: 0 0; + grid-template-areas: "text-block text-block large-1 large-1" "text-block text-block large-1 large-1" "large-2 large-2 small small" "large-2 large-2 small small"; + grid-template-columns: 1fr 1fr 1fr 1fr; + grid-template-rows: 1fr 1fr 1fr 1fr; + opacity: 0; + -webkit-transition: opacity .3s ease; + transition: opacity .3s ease + } + + .cc--abundance-grid .c--abundance-grid div:nth-child(3) { + grid-area: large-2 + } + + .cc--abundance-grid .c--abundance-grid .abundance-container-text { + grid-area: text-block + } + + .cc--abundance-grid .c--abundance-grid .abundance-container-large { + grid-area: large-1 + } + + .cc--abundance-grid .c--abundance-grid .abundance-container-small { + display: grid; + gap: 0 0; + grid-area: small; + grid-template-areas: "small-1 small-2" "small-3 small-4"; + grid-template-columns: 1fr 1fr; + grid-template-rows: 1fr 1fr + } + + .cc--abundance-grid .c--abundance-grid .abundance-container-small .cc--component-container:first-child { + grid-area: small-1 + } + + .cc--abundance-grid .c--abundance-grid .abundance-container-small .cc--component-container:nth-child(2) { + grid-area: small-2 + } + + .cc--abundance-grid .c--abundance-grid .abundance-container-small .cc--component-container:nth-child(3) { + grid-area: small-3 + } + + .cc--abundance-grid .c--abundance-grid .abundance-container-small .shuffle-wrapper { + grid-area: small-4 + } +} + +@media screen and (min-width: 768px)and (-ms-high-contrast:none) { + .cc--abundance-grid .grid-container { + display: -ms-grid; + -ms-grid-columns: 1fr 1fr 1fr 1fr; + -ms-grid-rows: 1fr 1fr 1fr 1fr + } + + .cc--abundance-grid .text-block { + -ms-grid-row: 1; + -ms-grid-row-span: 2; + -ms-grid-column: 1; + -ms-grid-column-span: 2 + } + + .cc--abundance-grid .large-1 { + -ms-grid-row: 1; + -ms-grid-row-span: 2; + -ms-grid-column: 3; + -ms-grid-column-span: 2 + } + + .cc--abundance-grid .large-2 { + -ms-grid-row: 3; + -ms-grid-row-span: 2; + -ms-grid-column: 1; + -ms-grid-column-span: 2 + } + + .cc--abundance-grid .small { + display: -ms-grid; + -ms-grid-columns: 1fr 1fr; + -ms-grid-rows: 1fr 1fr; + -ms-grid-row: 3; + -ms-grid-row-span: 2; + -ms-grid-column: 3; + -ms-grid-column-span: 2 + } + + .cc--abundance-grid .small-1 { + -ms-grid-row: 1; + -ms-grid-row-span: 1; + -ms-grid-column: 1; + -ms-grid-column-span: 1 + } + + .cc--abundance-grid .small-2 { + -ms-grid-row: 1; + -ms-grid-row-span: 1; + -ms-grid-column: 2; + -ms-grid-column-span: 1 + } + + .cc--abundance-grid .small-3 { + -ms-grid-row: 2; + -ms-grid-row-span: 1; + -ms-grid-column: 1; + -ms-grid-column-span: 1 + } + + .cc--abundance-grid .small-4 { + -ms-grid-row: 2; + -ms-grid-row-span: 1; + -ms-grid-column: 2; + -ms-grid-column-span: 1 + } +} + +.cc--abundance-grid.updating { + position: relative +} + +.cc--abundance-grid.updating:before { + -webkit-animation: swiper-preloader-spin 1s steps(12) infinite; + animation: swiper-preloader-spin 1s steps(12) infinite; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 120 120'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-linecap='round' stroke-width='11' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E"); + background-position: 50%; + background-repeat: no-repeat; + background-size: 100%; + content: ""; + display: block; + height: 2.625rem; + left: 50%; + margin-left: -1.375rem; + margin-top: -1.375rem; + position: absolute; + top: 50%; + -webkit-transform-origin: 50%; + transform-origin: 50%; + width: 2.625rem; + z-index: 1 +} + +.cc--abundance-grid.updating .c--abundance-grid { + opacity: 0 +} + +.cc--abundance-grid.updated .c--abundance-grid { + opacity: 1 +} + +.cc--abundance-grid .abundance-container-large, +.cc--abundance-grid .abundance-container-text { + padding-top: 100%; + position: relative +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--abundance-grid .abundance-container-large, + .lc--full .cc--abundance-grid .abundance-container-text, + .sg-pattern-example>.cc--abundance-grid .abundance-container-large, + .sg-pattern-example>.cc--abundance-grid .abundance-container-text, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--abundance-grid .abundance-container-large, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--abundance-grid .abundance-container-text, + body.pattern-lab-demo>.cc--abundance-grid .abundance-container-large, + body.pattern-lab-demo>.cc--abundance-grid .abundance-container-text, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--abundance-grid .abundance-container-large, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--abundance-grid .abundance-container-text { + padding-top: 66.66% + } +} + +.cc--abundance-grid .abundance-container-large .cc--component-container, +.cc--abundance-grid .abundance-container-large .text-container-wrapper, +.cc--abundance-grid .abundance-container-text .cc--component-container, +.cc--abundance-grid .abundance-container-text .text-container-wrapper { + height: 100%; + position: absolute; + top: 0; + width: 100% +} + +@media screen and (max-width: 767px) { + .cc--abundance-grid .abundance-container-text { + padding: 0 + } +} + +.cc--abundance-grid .abundance-container-text .text-container-wrapper { + padding: 2.5rem 8.3333333333% 1.875rem; + position: relative +} + +@media screen and (min-width: 768px) { + .cc--abundance-grid .abundance-container-text .text-container-wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding: 0 16.6666666667%; + position: absolute; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center + } +} + +.cc--abundance-grid .abundance-container-text .f--section-title h2 { + font-size: 1.75rem; + line-height: 1; + margin-bottom: .625rem; + text-transform: uppercase +} + +@media screen and (min-width: 768px) { + .cc--abundance-grid .abundance-container-text .f--section-title h2 { + font-size: 2.5rem; + line-height: 1; + margin-bottom: .9375rem + } +} + +.cc--abundance-grid .abundance-container-text .f--section-title h2 a { + color: #151515; + text-decoration: none +} + +html[data-whatintent=mouse] .cc--abundance-grid .abundance-container-text .f--section-title h2 a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--abundance-grid .abundance-container-text .f--section-title h2 a:hover { + text-decoration: underline +} + +.cc--abundance-grid .abundance-container-text .f--description p { + font-size: .9375rem; + line-height: 1.6667; + margin-bottom: .9375rem +} + +@media screen and (min-width: 768px) { + .cc--abundance-grid .abundance-container-text .f--description p { + font-size: .9375rem; + line-height: 1.8667; + margin-bottom: 2.1875rem + } +} + +.cc--abundance-grid .abundance-container-text .f--link a { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: .875rem; + line-height: 1.2858; + padding-left: .9375rem; + padding-right: .9375rem; + position: relative; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: #881c1c; + border: 0; + border-radius: 0; + color: #fff; + height: 3.125rem; + text-align: center; + text-decoration: none; + text-transform: uppercase; + -webkit-transition: background-color .1s ease-in-out; + transition: background-color .1s ease-in-out; + white-space: normal; + width: 100% +} + +html[data-whatintent=mouse] .cc--abundance-grid .abundance-container-text .f--link a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--abundance-grid .abundance-container-text .f--link a:hover { + background-color: #6a1010; + color: #fff; + text-decoration: none; + -webkit-transition: background-color .1s ease-in-out, color .1s ease-in-out; + transition: background-color .1s ease-in-out, color .1s ease-in-out +} + +.cc--abundance-grid .abundance-container-text .f--link a { + max-width: 16.875rem +} + +.cc--abundance-grid .abundance-container-large .cc--component-container { + background-position: 50%; + background-repeat: no-repeat; + background-size: cover +} + +.cc--abundance-grid .abundance-container-large .cc--component-container:after { + background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); + background-image: linear-gradient(180deg, transparent, #000); + bottom: 0; + content: ""; + display: block; + height: 60%; + opacity: .9; + position: absolute; + width: 100% +} + +.cc--abundance-grid .abundance-container-large .c--abundance-grid-item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding: 1.25rem 8.3333333333%; + position: relative; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: end; + -ms-flex-pack: end; + height: 100%; + justify-content: flex-end; + z-index: 1 +} + +@media screen and (min-width: 768px) { + .cc--abundance-grid .abundance-container-large .c--abundance-grid-item { + padding: 1.25rem 11.1111111111% 1.5625rem + } +} + +.cc--abundance-grid .abundance-container-large .c--abundance-grid-item .f--eyebrow { + color: #e9e9e9; + font-size: .75rem; + line-height: 1.5; + margin-bottom: .5rem; + text-transform: uppercase +} + +@media screen and (min-width: 768px) { + .cc--abundance-grid .abundance-container-large .c--abundance-grid-item .f--eyebrow { + font-size: .875rem; + line-height: 1.2858 + } +} + +.cc--abundance-grid .abundance-container-large .c--abundance-grid-item .f--cta-title h2 { + color: #fff; + font-size: 1.375rem; + line-height: 1.1819; + margin-bottom: .625rem +} + +@media screen and (min-width: 768px) { + .cc--abundance-grid .abundance-container-large .c--abundance-grid-item .f--cta-title h2 { + font-size: 1.625rem; + line-height: 1.1539 + } +} + +.cc--abundance-grid .abundance-container-large .c--abundance-grid-item .f--cta-title h2 a { + color: #fff; + text-decoration: underline +} + +html[data-whatintent=mouse] .cc--abundance-grid .abundance-container-large .c--abundance-grid-item .f--cta-title h2 a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--abundance-grid .abundance-container-large .c--abundance-grid-item .f--cta-title h2 a:hover { + text-decoration: none +} + +.cc--abundance-grid .abundance-container-large .c--abundance-grid-item .f--description p { + color: #fff; + font-size: .875rem; + line-height: 1.7143 +} + +@media screen and (min-width: 768px) { + .cc--abundance-grid .abundance-container-large .c--abundance-grid-item .f--description p { + font-size: .875rem; + line-height: 1.5715 + } +} + +.cc--abundance-grid .abundance-container-large .c--abundance-grid-item .f--description a { + color: #fff; + text-decoration: underline +} + +html[data-whatintent=mouse] .cc--abundance-grid .abundance-container-large .c--abundance-grid-item .f--description a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--abundance-grid .abundance-container-large .c--abundance-grid-item .f--description a:hover { + text-decoration: none +} + +.cc--abundance-grid .abundance-container-large .c--abundance-grid-item .f--video-lightbox a { + background-color: #881c1c; + background-image: url(/themes/custom/umass_base/images/icons/icon-play.svg); + background-position: 50%; + background-repeat: no-repeat; + background-size: .5625rem; + border: 1px solid hsla(0, 0%, 100%, .65); + border-radius: 50%; + -webkit-box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, .65); + box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, .65); + display: inline-block; + font-size: 0; + height: 3.125rem; + line-height: 0; + overflow: hidden; + text-indent: 101%; + white-space: nowrap; + width: 3.125rem +} + +html[data-whatintent=mouse] .cc--abundance-grid .abundance-container-large .c--abundance-grid-item .f--video-lightbox a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--abundance-grid .abundance-container-large .c--abundance-grid-item .f--video-lightbox a:hover { + background-color: #6a1010 +} + +.cc--abundance-grid .abundance-container-large .c--abundance-grid-item .f--video-lightbox a { + position: absolute; + right: 1.375rem; + top: 1.4375rem +} + +@media screen and (min-width: 768px) { + .cc--abundance-grid .abundance-container-large .c--abundance-grid-item .f--video-lightbox a { + left: 50%; + position: absolute; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%) + } +} + +.cc--abundance-grid .abundance-container-small { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap +} + +.cc--abundance-grid .abundance-container-small .cc--abundance-grid-item { + position: relative; + -ms-flex-preferred-size: 50%; + flex-basis: 50%; + padding-top: 50% +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--abundance-grid .abundance-container-small .cc--abundance-grid-item, + .sg-pattern-example>.cc--abundance-grid .abundance-container-small .cc--abundance-grid-item, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--abundance-grid .abundance-container-small .cc--abundance-grid-item, + body.pattern-lab-demo>.cc--abundance-grid .abundance-container-small .cc--abundance-grid-item, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--abundance-grid .abundance-container-small .cc--abundance-grid-item { + padding-top: 33.33% + } +} + +.cc--abundance-grid .abundance-container-small .cc--abundance-grid-item:first-child { + background: #151515 +} + +.cc--abundance-grid .abundance-container-small .cc--abundance-grid-item:nth-child(2) { + background: #881c1c +} + +.cc--abundance-grid .abundance-container-small .cc--abundance-grid-item:nth-child(3) { + background: #4a4a4a +} + +.cc--abundance-grid .abundance-container-small .cc--abundance-grid-item .c--abundance-grid-item { + height: 100%; + padding: 1.875rem 8.3333333333% 1.25rem; + position: absolute; + top: 0; + width: 100% +} + +@media screen and (min-width: 768px) { + .cc--abundance-grid .abundance-container-small .cc--abundance-grid-item .c--abundance-grid-item { + padding: 3.25rem 11.1111111111% 1.5625rem + } +} + +.cc--abundance-grid .abundance-container-small .cc--abundance-grid-item .f--eyebrow { + color: #e9e9e9; + font-size: .75rem; + line-height: 1.5; + margin-bottom: .5625rem; + text-transform: uppercase +} + +@media screen and (min-width: 768px) { + .cc--abundance-grid .abundance-container-small .cc--abundance-grid-item .f--eyebrow { + font-size: .875rem; + line-height: 1.2858; + margin-bottom: .625rem + } +} + +.cc--abundance-grid .abundance-container-small .cc--abundance-grid-item .f--cta-title h2 { + color: #fff; + font-size: .9375rem; + line-height: 1.2 +} + +@media screen and (min-width: 768px) { + .cc--abundance-grid .abundance-container-small .cc--abundance-grid-item .f--cta-title h2 { + font-size: 1rem; + line-height: 1.25 + } +} + +.cc--abundance-grid .abundance-container-small .cc--abundance-grid-item .f--cta-title h2 a { + color: #fff; + text-decoration: none +} + +html[data-whatintent=mouse] .cc--abundance-grid .abundance-container-small .cc--abundance-grid-item .f--cta-title h2 a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--abundance-grid .abundance-container-small .cc--abundance-grid-item .f--cta-title h2 a:hover { + text-decoration: underline +} + +.cc--abundance-grid .abundance-container-small .cc--abundance-grid-item .f--description { + display: none +} + +.cc--abundance-grid .abundance-container-small .shuffle-wrapper { + position: relative; + -ms-flex-preferred-size: 50%; + flex-basis: 50% +} + +.cc--abundance-grid .abundance-container-small .shuffle-wrapper .abundance-grid-shuffle { + background-color: #881c1c; + background-image: url(/themes/custom/umass_base/images/icons/icon-refresh.svg); + background-position: 50%; + background-repeat: no-repeat; + background-size: 1.375rem; + border-radius: 50%; + display: inline-block; + font-size: 0; + height: 3.125rem; + line-height: 0; + overflow: hidden; + text-indent: 101%; + white-space: nowrap; + width: 3.125rem +} + +html[data-whatintent=mouse] .cc--abundance-grid .abundance-container-small .shuffle-wrapper .abundance-grid-shuffle else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--abundance-grid .abundance-container-small .shuffle-wrapper .abundance-grid-shuffle:hover { + background-color: #6a1010 +} + +.cc--abundance-grid .abundance-container-small .shuffle-wrapper .abundance-grid-shuffle { + bottom: .9375rem; + display: none; + position: absolute; + right: .9375rem +} + +.cc--abundance-grid .abundance-container-small .shuffle-wrapper .abundance-grid-shuffle.active { + display: inline-block +} + +.cc--accordion-program.no-details { + display: block +} + +.cc--accordion-program.no-details .text-container { + padding-right: 0; + -ms-flex-preferred-size: 100%; + flex-basis: 100% +} + +.cc--accordion-program .c--accordion-program { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column +} + +@media screen and (min-width: 768px) { + .cc--accordion-program .c--accordion-program { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row + } +} + +.cc--accordion-program .text-container { + margin-bottom: 1.5625rem; + padding-right: 7.6923076923%; + -ms-flex-preferred-size: 69.2307692308%; + flex-basis: 69.2307692308% +} + +@media screen and (min-width: 768px) { + .cc--accordion-program .text-container { + margin-bottom: 0 + } +} + +.cc--accordion-program .text-container .f--description { + margin-bottom: 1.625rem +} + +.cc--accordion-program .text-container .f--description p { + font-size: .875rem; + line-height: 1.7143 +} + +.cc--accordion-program .text-container .f--link .link { + font-size: .875rem; + font-weight: 800; + line-height: 1.7143; + text-transform: uppercase +} + +html[data-whatintent=mouse] .cc--accordion-program .text-container .f--link .link else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--accordion-program .text-container .f--link .link:hover { + text-decoration: none +} + +.cc--accordion-program .details-container { + padding-right: 3.8461538462%; + -ms-flex-preferred-size: 30.7692307692%; + color: #4a4a4a; + flex-basis: 30.7692307692% +} + +.cc--accordion-program .details-container .detail { + font-size: .875rem; + line-height: 1.7143; + margin-bottom: 1.25rem +} + +.cc--accordion-program .details-container .detail .label { + font-weight: 700 +} + +.cc--accordion-program .details-container .detail, +.cc--accordion-program .details-container .detail .content, +.cc--accordion-program .details-container .detail p { + font-size: .875rem; + line-height: 1.7143 +} + +html { + scroll-behavior: smooth +} + +@media(prefers-reduced-motion:reduce) { + html { + scroll-behavior: auto + } +} + +.cc--accordions .c--accordions { + overflow-anchor: none; + padding: .875rem 8.3333333333% +} + +@media screen and (min-width: 768px) { + .cc--accordions .c--accordions { + padding-top: 0 + } +} + +@media screen and (min-width: 1024px) { + .cc--accordions .c--accordions { + padding-bottom: .125rem; + padding-top: .125rem + } +} + +.cc--accordions .c--accordions .accordion-item { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + border-bottom: .0625rem solid #ccc; + overflow-anchor: none; + padding-bottom: 1.5625rem; + -webkit-transform: translateZ(0); + transform: translateZ(0) +} + +@media screen and (min-width: 768px) { + .cc--accordions .c--accordions .accordion-item { + padding-bottom: 1.5rem + } +} + +.cc--accordions .c--accordions .accordion h3 .accordion-trigger { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + font-size: 1.375rem; + line-height: 1.1819; + padding-top: 1.9375rem; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + color: #000; + justify-content: space-between; + overflow-anchor: none; + text-align: left; + width: 100%; + will-change: transform +} + +html[data-whatintent=mouse] .cc--accordions .c--accordions .accordion h3 .accordion-trigger else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--accordions .c--accordions .accordion h3 .accordion-trigger:hover { + color: #881c1c +} + +@media screen and (min-width: 768px) { + .cc--accordions .c--accordions .accordion h3 .accordion-trigger { + font-size: 1.625rem; + line-height: 1.1539; + padding-bottom: .375rem; + padding-top: 2.75rem + } +} + +@media screen and (min-width: 1024px) { + .cc--accordions .c--accordions .accordion h3 .accordion-trigger { + padding-bottom: .75rem; + padding-top: 2.4375rem + } +} + +.cc--accordions .c--accordions .accordion h3 .accordion-trigger:after { + display: block; + margin-right: .5rem; + -ms-flex-negative: 0; + flex-shrink: 0; + -ms-flex-item-align: center; + align-self: center; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + background: url(/themes/custom/umass_base/images/icons/icon-arrowdown-red.svg) no-repeat 50%/100%; + content: ""; + height: 1.25rem; + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-transition: -webkit-transform .3s ease-in-out; + transition: -webkit-transform .3s ease-in-out; + transition: transform .3s ease-in-out; + transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; + width: 1.25rem +} + +@media screen and (min-width: 768px) { + .cc--accordions .c--accordions .accordion h3 .accordion-trigger:after { + height: 1.75rem; + width: 1.75rem + } +} + +.cc--accordions .c--accordions .accordion h3 .accordion-trigger.open:after { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); + -webkit-transition: -webkit-transform .3s ease-in-out; + transition: -webkit-transform .3s ease-in-out; + transition: transform .3s ease-in-out; + transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out +} + +.cc--accordions .c--accordions .accordion .accordion-panel { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + color: #4a4a4a; + display: block !important; + font-size: .875rem; + line-height: 1.7143; + max-height: 0; + overflow: hidden; + overflow-anchor: none; + padding-top: .9375rem; + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-transition: max-height .3s cubic-bezier(.25, .46, .45, .94), visibility .3s linear; + transition: max-height .3s cubic-bezier(.25, .46, .45, .94), visibility .3s linear; + visibility: hidden; + will-change: max-height +} + +.cc--accordions .c--accordions .accordion .accordion-panel.active { + max-height: 5000px; + -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94); + transition-timing-function: cubic-bezier(.25, .46, .45, .94); + visibility: visible +} + +@media screen and (min-width: 768px) { + .cc--accordions .c--accordions .accordion .accordion-panel { + padding-top: 1.25rem + } + + .cc--accordions .c--accordions .accordion .accordion-panel.active { + max-height: 10000px + } +} + +@media screen and (min-width: 1024px) { + .cc--accordions .c--accordions .accordion .accordion-panel { + padding-top: .875rem + } + + .cc--accordions .c--accordions .accordion .accordion-panel.active { + max-height: 15000px + } +} + +.cc--accordions .c--accordions .accordion .accordion-panel>* { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transform: translateZ(0); + transform: translateZ(0) +} + +@media(prefers-reduced-motion:reduce) { + .cc--accordions .c--accordions .accordion .accordion-panel { + -webkit-transition: none !important; + transition: none !important + } +} + +.cc--accordions:last-of-type .c--accordions { + padding-bottom: 2.5rem +} + +@media screen and (min-width: 1024px) { + .cc--accordions:last-of-type .c--accordions { + padding-bottom: 4.375rem + } +} + +.tc--basic .cc--accordions { + margin-bottom: 1.5625rem +} + +.tc--basic .cc--accordions .c--accordions .accordion h3 .accordion-trigger { + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + width: auto +} + +.tc--basic .cc--accordions .c--accordions .accordion h3 .accordion-trigger:after { + margin-left: 1.5625rem +} + +.cc--back-to-top .f--back { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + margin-top: 2.1875rem; + width: 100% +} + +@media screen and (min-width: 1024px) { + .cc--back-to-top .f--back:not(.ally-focus-within) { + border: 0; + height: 1px; + overflow: hidden; + padding: 0; + position: absolute; + white-space: nowrap; + width: 1px; + clip: rect(0 0 0 0); + clip-path: inset(50%); + margin: -1px + } +} + +.cc--back-to-top .f--back:after { + display: block; + -webkit-box-flex: 1; + background-color: #4a4a4a; + content: ""; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + height: .125rem +} + +.cc--back-to-top .f--back a { + font-size: .875rem; + line-height: 1 +} + +.cc--back-to-top .f--back a, +.cc--back-to-top .f--back a:hover { + color: #4a4a4a; + text-decoration: none +} + +.cc--back-to-top .f--back svg { + margin-bottom: .1875rem; + margin-left: .9375rem; + margin-right: .9375rem +} + +.cc--blogger-card .c--blogger-card .f--image { + -ms-flex-negative: 0; + flex-shrink: 0 +} + +@media screen and (min-width: 768px) { + .cc--blogger-card .c--blogger-card .f--image { + margin-right: 4.1666666667%; + -ms-flex-preferred-size: 25%; + flex-basis: 25% + } +} + +.cc--blogger-card .c--blogger-card text-container { + -ms-flex-preferred-size: 100%; + flex-basis: 100% +} + +.cc--breadcrumb { + display: none +} + +@media screen and (min-width: 1024px) { + .cc--breadcrumb { + display: block; + margin-bottom: 2.375rem + } +} + +.cc--breadcrumb ul { + list-style: none; + padding-left: 0 +} + +.cc--breadcrumb ul li .link { + color: #151515; + font-size: .9375rem; + font-weight: 700; + line-height: 1.3334; + text-decoration: none +} + +html[data-whatintent=mouse] .cc--breadcrumb ul li .link else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--breadcrumb ul li .link:hover { + color: #881c1c; + text-decoration: none +} + +@media screen and (min-width: 1024px) { + .cc--breadcrumb ul li .link:before { + background: url(/themes/custom/umass_base/images/icons/icon-arrowleft-red.svg) no-repeat 0/1.25rem; + content: ""; + display: inline-block; + height: .625rem; + margin-left: -.25rem; + margin-right: -.25rem; + width: 1.25rem + } +} + +.cc--button-back-to-top { + position: relative +} + +.cc--button-back-to-top .c--button-back-to-top { + bottom: 0; + display: none; + position: fixed; + right: 0; + z-index: 5 +} + +@media screen and (min-width: 768px) { + .cc--button-back-to-top .c--button-back-to-top { + bottom: 1.875rem; + right: 1.875rem + } +} + +.cc--button-back-to-top .c--button-back-to-top.btb-unstick { + bottom: 0; + position: absolute; + top: -20px; + z-index: 5 +} + +@media screen and (min-width: 768px) { + .cc--button-back-to-top .c--button-back-to-top.btb-unstick { + bottom: 1.875rem; + right: 1.875rem + } +} + +.cc--button-back-to-top .c--button-back-to-top button { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + background-color: #000; + border: 0; + border-radius: 50%; + cursor: pointer; + height: 3.75rem; + justify-content: center; + width: 3.75rem +} + +.cc--button-back-to-top .c--button-back-to-top button svg { + height: 1.125rem; + width: 1.125rem +} + +.cc--button-back-to-top .c--button-back-to-top button span { + color: #fff; + display: block; + font-size: .75rem; + line-height: 1 +} + +.cc--button-link { + margin: 0 auto; + max-width: 1800px +} + +.cc--button-link .c--button-link { + margin-bottom: 1.5625rem +} + +.cc--button-link .f--link { + margin-top: 1.5625rem +} + +.cc--chapter { + margin: 0 auto 2.1875rem; + max-width: 1800px; + padding-left: 8.3333333333%; + padding-right: 8.3333333333% +} + +@media screen and (min-width: 768px) { + .cc--chapter { + margin-bottom: 3.75rem; + padding-left: 10.4166666667%; + padding-right: 10.4166666667% + } +} + +@media screen and (min-width: 1024px) { + .cc--chapter { + margin-bottom: 4.6875rem; + padding-left: 8.3333333333%; + padding-right: 13.8888888889% + } +} + +.cc--chapter .cc--hero-profile { + padding-bottom: 0 +} + +.lc--two-column .cc--chapter .f--section-title { + margin-bottom: .9375rem +} + +@media screen and (min-width: 1024px) { + .lc--two-column .cc--chapter .f--section-title { + margin-bottom: 1.5625rem + } +} + +.cc--chaptered-menu { + position: relative +} + +.cc--chaptered-menu.fixed { + position: sticky; + top: 3.875rem +} + +.cc--chaptered-nav { + height: 100% +} + +@media screen and (min-width: 1024px) { + .lr--sidebar .cc--chaptered-nav { + margin-left: -25% + } +} + +.cc--chaptered-nav .c--chaptered-nav { + background-color: #e9e9e9; + height: 100%; + position: relative +} + +@media screen and (min-width: 1024px) { + .cc--chaptered-nav .c--chaptered-nav { + padding-bottom: 4.6875rem; + padding-right: 0; + padding-top: 3.125rem + } +} + +.cc--chaptered-nav .f--section-title h2 { + color: #881c1c; + font-size: .875rem; + font-weight: 800; + line-height: 1.2858; + padding-left: 16.6666666667%; + padding-right: 16.6666666667%; + text-transform: uppercase +} + +@media screen and (max-width: 1023px) { + .cc--chaptered-nav .f--section-title h2 { + background: #e9e9e9; + cursor: pointer; + padding: 1.3125rem 8.3333333333%; + position: relative + } + + .cc--chaptered-nav .f--section-title h2.open:after { + display: none + } + + .cc--chaptered-nav .f--section-title h2:after, + .cc--chaptered-nav .f--section-title h2:before { + background: #881c1c; + content: ""; + display: inline-block; + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%) + } + + .cc--chaptered-nav .f--section-title h2:before { + height: .125rem; + right: 1.8125rem; + width: .875rem + } + + .cc--chaptered-nav .f--section-title h2:after { + height: .875rem; + right: 2.1875rem; + width: .125rem + } +} + +@media screen and (min-width: 1024px) { + .cc--chaptered-nav .f--section-title h2 { + margin-bottom: 1.25rem + } +} + +@media screen and (max-width: 1023px) { + .cc--chaptered-nav .dropdown-container { + background: #e9e9e9; + display: none; + left: 0; + padding-left: 8.3333333333%; + padding-right: 8.3333333333%; + position: absolute; + right: 0; + top: 100%; + width: 100%; + z-index: 1 + } +} + +@media screen and (min-width: 1024px) { + .cc--chaptered-nav.sticky .nav-wrapper { + position: sticky; + top: 3.875rem + } +} + +.cc--chaptered-nav .f--link { + margin-bottom: .8125rem +} + +@media screen and (min-width: 1024px) { + .cc--chaptered-nav .f--link:last-child { + margin-bottom: 0 + } +} + +.cc--chaptered-nav .link { + color: #151515; + display: block; + font-size: .9375rem; + line-height: 1.3334; + padding-bottom: .3125rem; + padding-top: .3125rem; + text-decoration: none +} + +html[data-whatintent=mouse] .cc--chaptered-nav .link { + -webkit-transition: color; + transition: color +} + +html[data-whatintent=mouse] .cc--chaptered-nav .link else { + -webkit-transition: all; + transition: all +} + +html[data-whatintent=mouse] .cc--chaptered-nav .link:hover { + color: #881c1c; + text-decoration: none +} + +@media screen and (min-width: 1024px) { + .cc--chaptered-nav .link { + border-left: .75rem solid transparent; + padding: .3125rem 16.6666666667% .4375rem calc(16.66667% - .75rem) + } + + .cc--chaptered-nav .link.is-active { + border-left: .75rem solid #881c1c + } + + html[data-whatintent=mouse] .cc--chaptered-nav .link { + -webkit-transition: color; + transition: color + } + + html[data-whatintent=mouse] .cc--chaptered-nav .link else { + -webkit-transition: all; + transition: all + } + + html[data-whatintent=mouse] .cc--chaptered-nav .link:hover { + border-left: .75rem solid #881c1c + } +} + +.cc--contact-block { + margin-bottom: 1.5625rem +} + +@media screen and (min-width: 1024px) { + .cc--contact-block { + margin-bottom: 2.1875rem + } +} + +.cc--contact-block .c--contact-block { + padding-left: 8.3333333333%; + padding-right: 8.3333333333% +} + +@media screen and (min-width: 1024px) { + .cc--contact-block .c--contact-block { + padding-left: 25%; + padding-right: 12.5% + } +} + +@media print { + .cc--contact-block .c--contact-block { + padding-left: 12.5%; + padding-right: 12.5% + } +} + +.cc--contact-block .publication-date { + margin-bottom: 1.875rem +} + +.cc--contact-block .f--section-title { + margin-bottom: .625rem +} + +.cc--contact-block .f--section-title h2 { + color: #881c1c; + font-size: .75rem; + line-height: 1.5; + text-transform: uppercase +} + +@media screen and (min-width: 768px) { + .cc--contact-block .f--section-title h2 { + font-size: .875rem; + line-height: 1.2858 + } +} + +@media print { + .cc--contact-block .f--section-title h2 { + color: #881c1c !important; + font-size: .875rem; + line-height: 1.2858 + } +} + +.cc--contact-block .text-container { + line-height: 1.875rem +} + +@media print { + .cc--contact-block .text-container .f--link .link { + color: #881c1c !important + } +} + +.cc--date-card { + position: relative; + text-align: center +} + +@media screen and (max-width: 767px) { + .cc--date-card:not(:last-child) { + border-bottom: .0625rem solid #979797; + margin-bottom: 1.5625rem; + padding-bottom: 1.5625rem + } +} + +@media screen and (min-width: 768px)and (max-width:1023px) { + .cc--date-card { + padding: 2.1875rem 6.6666666667%; + -webkit-box-flex: 0; + -ms-flex: 0 0 50%; + flex: 0 0 50% + } + + .cc--date-card:nth-child(-n+2) { + border-bottom: .0625rem solid #979797 + } + + .cc--date-card:first-child, + .cc--date-card:nth-child(3) { + border-right: .0625rem solid #979797 + } +} + +@media screen and (min-width: 1024px) { + .cc--date-card { + -webkit-box-flex: 0; + -ms-flex: 0 0 17.5%; + flex: 0 0 17.5% + } + + .cc--date-card:not(:last-child):after { + background-color: #979797; + content: ""; + display: block; + height: calc(100% + 3.125rem); + position: absolute; + right: -28.5714285714%; + top: -1.5625rem; + width: .0625rem + } +} + +@media screen and (min-width: 1024px)and (max-width:1199px) { + .lc--two-column .cc--date-card { + padding: 2.1875rem 6.6666666667%; + -webkit-box-flex: 0; + -ms-flex: 0 0 50%; + flex: 0 0 50% + } + + .lc--two-column .cc--date-card:after { + display: none + } + + .lc--two-column .cc--date-card:nth-child(-n+2) { + border-bottom: .0625rem solid #979797 + } + + .lc--two-column .cc--date-card:first-child, + .lc--two-column .cc--date-card:nth-child(3) { + border-right: .0625rem solid #979797 + } +} + +.cc--date-card .f--card-date span.month { + color: #881c1c; + display: block; + font-size: 1.125rem; + line-height: 1.3334; + text-transform: uppercase +} + +.cc--date-card .f--card-date span.day { + color: #881c1c; + display: block; + font-size: 2.5rem; + line-height: 1.375 +} + +.cc--date-card .f--cta-title { + margin-top: .3125rem +} + +@media screen and (min-width: 1024px) { + .cc--date-card .f--cta-title { + margin-top: .9375rem + } +} + +.cc--date-card .f--cta-title h3 { + font-size: 1rem; + line-height: 1.25 +} + +.cc--date-cards { + margin: 0 auto; + max-width: 1800px +} + +.cc--date-cards .c--date-cards { + padding: 3.125rem 8.3333333333% +} + +@media screen and (min-width: 768px) { + .cc--date-cards .c--date-cards { + padding: 4.6875rem 8.3333333333% + } +} + +@media screen and (min-width: 1024px) { + .cc--date-cards .c--date-cards { + padding-bottom: 6.25rem; + padding-left: 8.3333333333%; + padding-right: 8.3333333333% + } + + .t--chaptered-page .cc--date-cards .c--date-cards, + .t--microsite-chaptered-page .cc--date-cards .c--date-cards { + padding-left: 0; + padding-right: 0 + } +} + +.cc--date-cards .c--date-cards .text-container { + text-align: center +} + +@media screen and (min-width: 1024px) { + .cc--date-cards .c--date-cards .text-container { + position: relative + } +} + +.cc--date-cards .c--date-cards .text-container .f--section-title h2 { + font-size: 1.375rem; + line-height: 1; + text-transform: uppercase +} + +@media screen and (min-width: 768px) { + .cc--date-cards .c--date-cards .text-container .f--section-title h2 { + font-size: 2.5rem; + line-height: 1 + } +} + +@media screen and (max-width: 1023px) { + .cc--date-cards .c--date-cards .text-container .f--link { + margin-top: .9375rem + } +} + +@media screen and (min-width: 1024px) { + .cc--date-cards .c--date-cards .text-container .f--link { + bottom: 0; + position: absolute; + right: 0 + } + + .lc--two-column .cc--date-cards .c--date-cards .text-container .f--link { + position: relative + } +} + +.cc--date-cards .c--date-cards .text-container .f--link a { + color: #881c1c; + font-size: .875rem; + line-height: 1.2858; + text-transform: uppercase +} + +html[data-whatintent=mouse] .cc--date-cards .c--date-cards .text-container .f--link a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--date-cards .c--date-cards .text-container .f--link a:hover { + text-decoration: none +} + +.cc--date-cards .c--date-cards .f--date-cards { + margin-top: 2.1875rem +} + +@media screen and (min-width: 768px) { + .cc--date-cards .c--date-cards .f--date-cards { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-top: 4.375rem + } +} + +@media screen and (min-width: 1024px) { + .cc--date-cards .c--date-cards .f--date-cards { + margin-top: 5.3125rem; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between + } +} + +.cc--event-detail { + margin-bottom: 2.5rem; + margin-top: 0 +} + +@media screen and (min-width: 768px) { + .cc--event-detail { + padding-left: 8.3333333333%; + padding-right: 8.3333333333% + } +} + +@media screen and (min-width: 1024px) { + .cc--event-detail { + padding-left: 2.7777777778%; + padding-right: 11.1111111111% + } +} + +.cc--event-detail .c--event-detail { + border-bottom: .0625rem solid #ccc; + border-top: .0625rem solid #ccc; + margin: 0 8.3333333333%; + padding-bottom: 1.875rem; + padding-top: 1.875rem +} + +@media screen and (min-width: 768px) { + .cc--event-detail .c--event-detail { + margin: 0; + padding: 1.875rem 6.25% + } +} + +@media screen and (min-width: 1024px) { + .cc--event-detail .c--event-detail { + margin-left: 0; + margin-right: 16.1290322581% + } +} + +.cc--event-detail .f--section-title { + margin-bottom: 1.25rem +} + +.cc--event-detail .f--section-title h2 { + font-size: 1.625rem; + line-height: 1.1539 +} + +@media screen and (min-width: 768px) { + .cc--event-detail .text-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex + } +} + +.cc--event-detail .text-container .content { + padding-right: 9.0909090909%; + -ms-flex-preferred-size: 54.5454545455%; + flex-basis: 54.5454545455% +} + +@media screen and (max-width: 767px) { + .cc--event-detail .text-container .content { + margin-bottom: 1.875rem + } +} + +.cc--event-detail .text-container .content p { + font-size: 1rem; + line-height: 1.625; + margin-bottom: 0 +} + +@media screen and (min-width: 768px) { + .cc--event-detail .text-container .content p { + font-size: 1rem; + line-height: 1.875 + } +} + +.cc--event-detail .text-container .info { + padding-top: .3125rem; + -ms-flex-preferred-size: 45.4545454545%; + flex-basis: 45.4545454545% +} + +.cc--event-detail .text-container .info .f--link { + margin-bottom: 1.25rem +} + +.cc--event-detail .text-container .info .f--link a { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + font-size: .9375rem; + line-height: 1.3334; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + -webkit-box-pack: end; + -ms-flex-pack: end; + color: #151515; + font-weight: 700; + justify-content: flex-end; + text-decoration: none +} + +html[data-whatintent=mouse] .cc--event-detail .text-container .info .f--link a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--event-detail .text-container .info .f--link a:hover { + color: #881c1c +} + +.cc--event-detail .text-container .info .f--link a svg { + fill: #881c1c; + margin-right: .625rem +} + +.cc--event-detail .text-container .info p { + font-size: 1rem; + line-height: 1.875; + margin-bottom: 0 +} + +.node-event-submit-an-event-form .form-item .filter-wrapper { + border: 0; + padding: 0 +} + +.node-event-submit-an-event-form .form-wrapper .fieldset-legend { + color: #4a4a4a; + display: block; + font-size: 1rem; + line-height: 1.625 +} + +@media screen and (min-width: 768px) { + .node-event-submit-an-event-form .form-wrapper .fieldset-legend { + font-size: 1rem; + line-height: 1.875 + } +} + +.node-event-submit-an-event-form .form-wrapper .fieldset-wrapper { + margin-bottom: 1.5625rem +} + +@media screen and (min-width: 768px) { + .node-event-submit-an-event-form .form-wrapper .fieldset-wrapper { + margin-bottom: 2.5rem + } +} + +.node-event-submit-an-event-form .date-recur-modular-sierra-widget-recurrences { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center +} + +.node-event-submit-an-event-form .field-group-details { + margin-bottom: 1.5625rem +} + +@media screen and (min-width: 768px) { + .node-event-submit-an-event-form .field-group-details { + margin-bottom: 2.5rem + } +} + +.node-event-submit-an-event-form .field--name-field-event-categories { + margin-top: 1.5625rem +} + +@media screen and (min-width: 768px) { + .node-event-submit-an-event-form .field--name-field-event-categories { + margin-top: 2.5rem + } +} + +.node-event-submit-an-event-form .field--name-field-event-categories .select-wrap { + display: inline-block +} + +.node-event-submit-an-event-form .field--name-field-event-categories .select-wrap select { + height: auto; + width: auto +} + +.node-event-submit-an-event-form .field--name-field-event-categories .select-wrap svg { + display: none +} + +@media screen and (min-width: 768px) { + .cc--events-listing-card .c--events-listing-card { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap + } + + .cc--events-listing-card .text-container { + -webkit-box-flex: 1; + -ms-flex: 1 0 0px; + flex: 1 0 0 + } +} + +.cc--events-listing-card .text-container .f--eyebrow { + color: #881c1c; + font-size: .9375rem; + font-weight: 800; + line-height: 1.2; + margin-bottom: 1.0625rem +} + +@media screen and (min-width: 768px) { + .cc--events-listing-card .text-container .f--eyebrow { + font-size: 1rem; + line-height: 1.25; + margin-bottom: .5rem + } +} + +.cc--events-listing-card .text-container .f--eyebrow a { + font-size: .9375rem; + font-weight: 800; + line-height: 1.2; + text-decoration: none +} + +@media screen and (min-width: 768px) { + .cc--events-listing-card .text-container .f--eyebrow a { + font-size: 1rem; + line-height: 1.25 + } +} + +html[data-whatintent=mouse] .cc--events-listing-card .text-container .f--eyebrow a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--events-listing-card .text-container .f--eyebrow a:hover { + color: #151515 +} + +.cc--events-listing-card .text-container .f--cta-title { + margin-bottom: .625rem +} + +@media screen and (min-width: 768px) { + .cc--events-listing-card .text-container .f--cta-title { + margin-bottom: .9375rem + } +} + +.cc--events-listing-card .text-container .f--cta-title h3 { + font-size: 1.5rem; + line-height: 1.1667 +} + +@media screen and (min-width: 768px) { + .cc--events-listing-card .text-container .f--cta-title h3 { + font-size: 2rem; + line-height: 1.125 + } +} + +.cc--events-listing-card .text-container .f--cta-title h3 a { + color: #151515; + text-decoration: none +} + +html[data-whatintent=mouse] .cc--events-listing-card .text-container .f--cta-title h3 a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--events-listing-card .text-container .f--cta-title h3 a:hover { + color: #881c1c +} + +.cc--events-listing-card .text-container .f--description p { + font-size: .875rem; + line-height: 1.7143; + margin-bottom: .625rem +} + +@media screen and (max-width: 767px) { + .cc--events-listing-card .f--image { + padding-top: .625rem + } +} + +@media screen and (min-width: 768px) { + .cc--events-listing-card .f--image { + padding-left: 2.5%; + -ms-flex-preferred-size: 40%; + flex-basis: 40% + } +} + +@media screen and (min-width: 1024px) { + .cc--events-listing-card .f--image { + -ms-flex-preferred-size: 42.3076923077%; + flex-basis: 42.3076923077% + } +} + +.cc--events-listing .c--events-listing { + margin: 0 auto; + max-width: 1800px; + padding-bottom: 1.5625rem; + padding-left: 8.3333333333%; + padding-right: 8.3333333333% +} + +@media screen and (min-width: 1024px) { + .cc--events-listing .c--events-listing { + padding-bottom: 2.5rem; + padding-left: 5.5555555556%; + padding-right: 13.8888888889% + } +} + +.cc--events-listing .f--cards .cc--component-container { + border-bottom: .0625rem solid #ccc; + padding-bottom: 1.5625rem +} + +@media screen and (min-width: 768px) { + .cc--events-listing .f--cards .cc--component-container { + padding-bottom: 1.9375rem + } +} + +.cc--events-listing .f--cards .cc--component-container:not(:last-child) { + margin-bottom: 1.375rem +} + +@media screen and (min-width: 768px) { + .cc--events-listing .f--cards .cc--component-container:not(:last-child) { + margin-bottom: 2.1875rem + } +} + +@media screen and (min-width: 1024px) { + .cc--events-listing .f--cards .cc--component-container:not(:last-child) { + margin-bottom: 2.5rem + } +} + +.cc--events-promo-card .f--image { + margin-bottom: 1.25rem +} + +@media screen and (min-width: 768px) { + .cc--events-promo-card .f--image { + margin-bottom: 1.4375rem + } +} + +.cc--events-promo-card .f--eyebrow { + color: #881c1c; + font-size: .9375rem; + font-weight: 800; + line-height: 1.2; + margin-bottom: .625rem +} + +@media screen and (min-width: 768px) { + .cc--events-promo-card .f--eyebrow { + font-size: 1rem; + line-height: 1.25 + } +} + +.cc--events-promo-card .f--eyebrow a { + text-decoration: none +} + +html[data-whatintent=mouse] .cc--events-promo-card .f--eyebrow a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--events-promo-card .f--eyebrow a:hover { + text-decoration: none +} + +.cc--events-promo-card .f--cta-title { + margin-bottom: .625rem +} + +.cc--events-promo-card .f--cta-title h3 { + font-size: 1.375rem; + line-height: 1.1819 +} + +@media screen and (min-width: 768px) { + .cc--events-promo-card .f--cta-title h3 { + font-size: 1.625rem; + line-height: 1.1539 + } +} + +.cc--events-promo-card .f--cta-title h3 a { + color: #151515; + text-decoration: none +} + +html[data-whatintent=mouse] .cc--events-promo-card .f--cta-title h3 a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--events-promo-card .f--cta-title h3 a:hover { + color: #881c1c +} + +.cc--events-promo-card .f--description p { + font-size: .875rem; + line-height: 1.7143; + margin-bottom: 0 +} + +.cc--events-promo { + margin: 0 auto; + max-width: 1800px; + padding: 2.5rem 8.3333333333% +} + +@media screen and (min-width: 768px) { + .cc--events-promo { + padding-bottom: 3.125rem; + padding-top: 3.125rem + } + + .cc--events-promo .c--events-promo>.text-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between + } +} + +.cc--events-promo .c--events-promo>.text-container .f--section-title { + margin-bottom: 1.25rem +} + +@media screen and (min-width: 768px) { + .cc--events-promo .c--events-promo>.text-container .f--section-title { + margin-bottom: 1.5625rem + } +} + +.cc--events-promo .c--events-promo>.text-container .f--section-title h2 { + font-size: 1.875rem; + line-height: 1; + text-transform: uppercase +} + +@media screen and (min-width: 768px) { + .cc--events-promo .c--events-promo>.text-container .f--section-title h2 { + font-size: 2.5rem; + line-height: 1 + } +} + +.cc--events-promo .c--events-promo>.text-container .f--link { + margin-bottom: 1.4375rem +} + +@media screen and (min-width: 768px) { + .cc--events-promo .c--events-promo>.text-container .f--link { + margin-bottom: 0; + -ms-flex-item-align: center; + align-self: center + } +} + +.cc--events-promo .c--events-promo>.text-container .f--link a { + font-size: .875rem; + font-weight: 800; + line-height: 1.2858; + text-transform: uppercase +} + +html[data-whatintent=mouse] .cc--events-promo .c--events-promo>.text-container .f--link a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--events-promo .c--events-promo>.text-container .f--link a:hover { + color: #151515 +} + +@media screen and (min-width: 1024px) { + .cc--events-promo .f--cards { + display: -webkit-box; + display: -ms-flexbox; + display: flex + } +} + +@media screen and (min-width: 768px)and (max-width:1023px) { + .cc--events-promo .f--cards .cc--events-promo-card:not(:first-child) .c--events-promo-card { + display: -webkit-box; + display: -ms-flexbox; + display: flex + } + + .cc--events-promo .f--cards .cc--events-promo-card:not(:first-child) .c--events-promo-card .f--image { + margin-bottom: 0; + margin-right: 5%; + -ms-flex-preferred-size: 47.5%; + flex-basis: 47.5% + } + + .cc--events-promo .f--cards .cc--events-promo-card:not(:first-child) .c--events-promo-card .text-container { + -webkit-box-flex: 1; + -ms-flex: 1 1 0px; + flex: 1 1 0 + } + + .cc--events-promo .f--cards .cc--events-promo-card:not(:first-child) .c--events-promo-card .text-container .f--eyebrow { + font-size: 1.375rem; + line-height: 1.1819 + } + + .cc--events-promo .f--cards .cc--events-promo-card:not(:first-child) .c--events-promo-card .text-container .f--cta-title h3 { + font-size: 1.625rem; + line-height: 1; + text-transform: uppercase + } +} + +@media screen and (min-width: 1024px) { + .cc--events-promo .f--cards .cc--events-promo-card { + -ms-flex-preferred-size: 25%; + flex-basis: 25% + } + + .cc--events-promo .f--cards .cc--events-promo-card:first-child { + -ms-flex-preferred-size: 45%; + flex-basis: 45% + } +} + +.cc--events-promo .f--cards .cc--events-promo-card:not(:last-child) { + margin-bottom: 1.5625rem +} + +@media screen and (min-width: 768px) { + .cc--events-promo .f--cards .cc--events-promo-card:not(:last-child) { + margin-bottom: 2.1875rem + } +} + +@media screen and (min-width: 1024px) { + .cc--events-promo .f--cards .cc--events-promo-card:not(:last-child) { + margin-bottom: 0; + margin-right: 2.5% + } +} + +@media screen and (max-width: 1023px) { + .cc--filter-form .c--filter-form { + position: relative + } +} + +.cc--filter-form .filter-form-header { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between +} + +@media screen and (max-width: 1023px) { + .cc--filter-form .filter-form-header { + background: #e9e9e9; + padding: 1.375rem 8.3333333333% 1.25rem + } +} + +@media screen and (min-width: 1024px) { + .cc--filter-form .filter-form-header { + border-bottom: .0625rem solid #ccc; + margin-bottom: 1.875rem; + padding-bottom: .3125rem + } +} + +.cc--filter-form .filter-form-header h2 { + color: #881c1c; + font-size: .75rem; + font-weight: 800; + line-height: 1.5; + text-transform: uppercase +} + +@media screen and (min-width: 768px) { + .cc--filter-form .filter-form-header h2 { + font-size: .875rem; + line-height: 1.2858 + } +} + +.cc--filter-form .filter-form-header button { + position: relative; + width: 1.25rem +} + +@media screen and (min-width: 1024px) { + .cc--filter-form .filter-form-header button { + margin-right: .3125rem + } +} + +.cc--filter-form .filter-form-header button.open:after { + display: none +} + +@media screen and (max-width: 1023px) { + + .cc--filter-form .filter-form-header button:after, + .cc--filter-form .filter-form-header button:before { + background: #881c1c; + content: ""; + display: inline-block + } + + .cc--filter-form .filter-form-header button:before { + height: .125rem; + width: .875rem + } + + .cc--filter-form .filter-form-header button:after, + .cc--filter-form .filter-form-header button:before { + left: 50%; + position: absolute; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%) + } + + .cc--filter-form .filter-form-header button:after { + height: .875rem; + width: .125rem + } +} + +.cc--filter-form .filter-form-header button svg { + width: 1.0625rem +} + +@media screen and (max-width: 1023px) { + .cc--filter-form .filter-form-header button svg { + display: none + } + + .cc--filter-form .form-filter-content { + background: #e9e9e9; + display: none; + padding-bottom: 1.5625rem; + padding-left: 8.3333333333%; + padding-right: 8.3333333333%; + position: absolute; + width: 100%; + z-index: 9 + } +} + +.cc--filter-form .form-filter-content .fi--form-item { + margin-bottom: 1.5625rem +} + +@media screen and (min-width: 1024px) { + .cc--filter-form .form-filter-content .fi--form-item:not(:last-child) { + margin-bottom: 1.875rem + } +} + +@media screen and (min-width: 768px)and (max-width:1023px) { + .cc--filter-form .form-filter-content .fields-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between + } + + .cc--filter-form .form-filter-content .fields-container .fi--form-item { + -ms-flex-preferred-size: 47.5%; + flex-basis: 47.5% + } +} + +.cc--filterable-content-grid:first-child .c--filterable-content-grid { + padding-top: 0 +} + +.cc--filterable-content-grid .c--filterable-content-grid { + padding: 2.5rem 8.3333333333% +} + +@media screen and (min-width: 768px) { + .cc--filterable-content-grid .c--filterable-content-grid { + padding: 3.125rem 16.6666666667% + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--filterable-content-grid .c--filterable-content-grid, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--filterable-content-grid .c--filterable-content-grid, + .sg-pattern-example>.cc--filterable-content-grid .c--filterable-content-grid, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--filterable-content-grid .c--filterable-content-grid, + body.pattern-lab-demo>.cc--filterable-content-grid .c--filterable-content-grid { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding: 4.6875rem 8.3333333333% 3.125rem; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between + } + + .lc--full .cc--filterable-content-grid .c--filterable-content-grid>.text-container, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--filterable-content-grid .c--filterable-content-grid>.text-container, + .sg-pattern-example>.cc--filterable-content-grid .c--filterable-content-grid>.text-container, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--filterable-content-grid .c--filterable-content-grid>.text-container, + body.pattern-lab-demo>.cc--filterable-content-grid .c--filterable-content-grid>.text-container { + margin-top: 0; + -ms-flex-preferred-size: 30%; + flex-basis: 30%; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0 + } +} + +.cc--filterable-content-grid .f--section-title h2 { + text-transform: uppercase +} + +.cc--filterable-content-grid .f--description { + margin-top: .625rem +} + +@media screen and (min-width: 768px) { + .cc--filterable-content-grid .f--description { + margin-top: .9375rem + } +} + +.cc--filterable-content-grid .content-container { + margin-top: 1.875rem +} + +@media screen and (min-width: 768px) { + .cc--filterable-content-grid .content-container { + margin-top: 1.5625rem + } +} + +@media screen and (min-width: 1024px) { + .cc--filterable-content-grid .content-container { + margin-top: 1.875rem + } + + .lc--full .cc--filterable-content-grid .content-container, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--filterable-content-grid .content-container, + .sg-pattern-example>.cc--filterable-content-grid .content-container, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--filterable-content-grid .content-container, + body.pattern-lab-demo>.cc--filterable-content-grid .content-container { + margin-top: 0; + -ms-flex-preferred-size: 60%; + flex-basis: 60%; + -webkit-box-flex: 0; + -ms-flex-positive: 0; + flex-grow: 0 + } +} + +.cc--filterable-content-grid .cc--filter-form { + border-bottom: .0625rem solid #ccc +} + +.cc--filterable-content-grid .cc--filter-form .form-filter-content { + border-bottom: 0; + margin: 0; + padding: 0 +} + +.cc--filterable-content-grid .cc--filter-form .form-filter-content select { + padding-left: 0 +} + +.cc--filterable-content-grid .cc--filter-form .form-filter-content .fi--form-item { + margin: 0 +} + +.cc--filterable-content-grid .fi--form-item { + display: inline-block; + margin: 0 +} + +.cc--filterable-content-grid .fi--form-item label { + border: 0; + height: 1px; + overflow: hidden; + padding: 0; + position: absolute; + white-space: nowrap; + width: 1px; + clip: rect(0 0 0 0); + clip-path: inset(50%); + margin: -1px +} + +.cc--filterable-content-grid .fi--form-item .select-wrap { + border: 0; + padding-right: 2.5rem +} + +.cc--filterable-content-grid .fi--form-item .select-wrap select { + width: auto +} + +.cc--filterable-content-grid .f--cards { + margin-top: 1.5625rem +} + +@media screen and (min-width: 768px) { + .cc--filterable-content-grid .f--cards { + margin-top: 1.875rem + } +} + +.cc--filterable-content-grid .f--cards .cc--blogger-card, +.cc--filterable-content-grid .f--cards .cc--staff-card, +.cc--filterable-content-grid .f--cards .cc--story-card { + border-bottom: .0625rem solid #ccc; + margin-bottom: 1.5625rem; + padding-bottom: 1.5625rem +} + +@media screen and (min-width: 768px) { + + .cc--filterable-content-grid .f--cards .cc--blogger-card, + .cc--filterable-content-grid .f--cards .cc--staff-card, + .cc--filterable-content-grid .f--cards .cc--story-card { + margin-bottom: 2.1875rem + } +} + +@media screen and (min-width: 1024px) { + + .cc--filterable-content-grid .f--cards .cc--blogger-card, + .cc--filterable-content-grid .f--cards .cc--staff-card, + .cc--filterable-content-grid .f--cards .cc--story-card { + margin-bottom: 1.5625rem + } +} + +@media screen and (min-width: 768px) { + + .cc--filterable-content-grid .f--cards .cc--blogger-card .c--blogger-card, + .cc--filterable-content-grid .f--cards .cc--blogger-card .c--staff-card, + .cc--filterable-content-grid .f--cards .cc--blogger-card .c--story-card, + .cc--filterable-content-grid .f--cards .cc--staff-card .c--blogger-card, + .cc--filterable-content-grid .f--cards .cc--staff-card .c--staff-card, + .cc--filterable-content-grid .f--cards .cc--staff-card .c--story-card, + .cc--filterable-content-grid .f--cards .cc--story-card .c--blogger-card, + .cc--filterable-content-grid .f--cards .cc--story-card .c--staff-card, + .cc--filterable-content-grid .f--cards .cc--story-card .c--story-card { + display: -webkit-box; + display: -ms-flexbox; + display: flex + } +} + +@media screen and (max-width: 767px) { + + .cc--filterable-content-grid .f--cards .cc--blogger-card .c--blogger-card .text-container, + .cc--filterable-content-grid .f--cards .cc--blogger-card .c--staff-card .text-container, + .cc--filterable-content-grid .f--cards .cc--blogger-card .c--story-card .text-container, + .cc--filterable-content-grid .f--cards .cc--staff-card .c--blogger-card .text-container, + .cc--filterable-content-grid .f--cards .cc--staff-card .c--staff-card .text-container, + .cc--filterable-content-grid .f--cards .cc--staff-card .c--story-card .text-container, + .cc--filterable-content-grid .f--cards .cc--story-card .c--blogger-card .text-container, + .cc--filterable-content-grid .f--cards .cc--story-card .c--staff-card .text-container, + .cc--filterable-content-grid .f--cards .cc--story-card .c--story-card .text-container { + margin-top: .9375rem + } +} + +.cc--filterable-content-grid .f--cards .cc--blogger-card .c--blogger-card .text-container .f--cta-title h3, +.cc--filterable-content-grid .f--cards .cc--blogger-card .c--staff-card .text-container .f--cta-title h3, +.cc--filterable-content-grid .f--cards .cc--blogger-card .c--story-card .text-container .f--cta-title h3, +.cc--filterable-content-grid .f--cards .cc--staff-card .c--blogger-card .text-container .f--cta-title h3, +.cc--filterable-content-grid .f--cards .cc--staff-card .c--staff-card .text-container .f--cta-title h3, +.cc--filterable-content-grid .f--cards .cc--staff-card .c--story-card .text-container .f--cta-title h3, +.cc--filterable-content-grid .f--cards .cc--story-card .c--blogger-card .text-container .f--cta-title h3, +.cc--filterable-content-grid .f--cards .cc--story-card .c--staff-card .text-container .f--cta-title h3, +.cc--filterable-content-grid .f--cards .cc--story-card .c--story-card .text-container .f--cta-title h3 { + font-size: 1.375rem; + line-height: 1.1819 +} + +@media screen and (min-width: 768px) { + + .cc--filterable-content-grid .f--cards .cc--blogger-card .c--blogger-card .text-container .f--cta-title h3, + .cc--filterable-content-grid .f--cards .cc--blogger-card .c--staff-card .text-container .f--cta-title h3, + .cc--filterable-content-grid .f--cards .cc--blogger-card .c--story-card .text-container .f--cta-title h3, + .cc--filterable-content-grid .f--cards .cc--staff-card .c--blogger-card .text-container .f--cta-title h3, + .cc--filterable-content-grid .f--cards .cc--staff-card .c--staff-card .text-container .f--cta-title h3, + .cc--filterable-content-grid .f--cards .cc--staff-card .c--story-card .text-container .f--cta-title h3, + .cc--filterable-content-grid .f--cards .cc--story-card .c--blogger-card .text-container .f--cta-title h3, + .cc--filterable-content-grid .f--cards .cc--story-card .c--staff-card .text-container .f--cta-title h3, + .cc--filterable-content-grid .f--cards .cc--story-card .c--story-card .text-container .f--cta-title h3 { + font-size: 1.625rem; + line-height: 1.1539 + } +} + +.cc--filterable-content-grid .f--cards .cc--blogger-card .c--blogger-card .text-container .f--cta-title a, +.cc--filterable-content-grid .f--cards .cc--blogger-card .c--staff-card .text-container .f--cta-title a, +.cc--filterable-content-grid .f--cards .cc--blogger-card .c--story-card .text-container .f--cta-title a, +.cc--filterable-content-grid .f--cards .cc--staff-card .c--blogger-card .text-container .f--cta-title a, +.cc--filterable-content-grid .f--cards .cc--staff-card .c--staff-card .text-container .f--cta-title a, +.cc--filterable-content-grid .f--cards .cc--staff-card .c--story-card .text-container .f--cta-title a, +.cc--filterable-content-grid .f--cards .cc--story-card .c--blogger-card .text-container .f--cta-title a, +.cc--filterable-content-grid .f--cards .cc--story-card .c--staff-card .text-container .f--cta-title a, +.cc--filterable-content-grid .f--cards .cc--story-card .c--story-card .text-container .f--cta-title a { + color: #000; + text-decoration: none +} + +html[data-whatintent=mouse] .cc--filterable-content-grid .f--cards .cc--blogger-card .c--blogger-card .text-container .f--cta-title a else, +html[data-whatintent=mouse] .cc--filterable-content-grid .f--cards .cc--blogger-card .c--staff-card .text-container .f--cta-title a else, +html[data-whatintent=mouse] .cc--filterable-content-grid .f--cards .cc--blogger-card .c--story-card .text-container .f--cta-title a else, +html[data-whatintent=mouse] .cc--filterable-content-grid .f--cards .cc--staff-card .c--blogger-card .text-container .f--cta-title a else, +html[data-whatintent=mouse] .cc--filterable-content-grid .f--cards .cc--staff-card .c--staff-card .text-container .f--cta-title a else, +html[data-whatintent=mouse] .cc--filterable-content-grid .f--cards .cc--staff-card .c--story-card .text-container .f--cta-title a else, +html[data-whatintent=mouse] .cc--filterable-content-grid .f--cards .cc--story-card .c--blogger-card .text-container .f--cta-title a else, +html[data-whatintent=mouse] .cc--filterable-content-grid .f--cards .cc--story-card .c--staff-card .text-container .f--cta-title a else, +html[data-whatintent=mouse] .cc--filterable-content-grid .f--cards .cc--story-card .c--story-card .text-container .f--cta-title a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--filterable-content-grid .f--cards .cc--blogger-card .c--blogger-card .text-container .f--cta-title a:hover, +html[data-whatintent=mouse] .cc--filterable-content-grid .f--cards .cc--blogger-card .c--staff-card .text-container .f--cta-title a:hover, +html[data-whatintent=mouse] .cc--filterable-content-grid .f--cards .cc--blogger-card .c--story-card .text-container .f--cta-title a:hover, +html[data-whatintent=mouse] .cc--filterable-content-grid .f--cards .cc--staff-card .c--blogger-card .text-container .f--cta-title a:hover, +html[data-whatintent=mouse] .cc--filterable-content-grid .f--cards .cc--staff-card .c--staff-card .text-container .f--cta-title a:hover, +html[data-whatintent=mouse] .cc--filterable-content-grid .f--cards .cc--staff-card .c--story-card .text-container .f--cta-title a:hover, +html[data-whatintent=mouse] .cc--filterable-content-grid .f--cards .cc--story-card .c--blogger-card .text-container .f--cta-title a:hover, +html[data-whatintent=mouse] .cc--filterable-content-grid .f--cards .cc--story-card .c--staff-card .text-container .f--cta-title a:hover, +html[data-whatintent=mouse] .cc--filterable-content-grid .f--cards .cc--story-card .c--story-card .text-container .f--cta-title a:hover { + color: #881c1c +} + +.cc--filterable-content-grid .f--cards .cc--blogger-card .c--blogger-card .text-container .f--affiliation, +.cc--filterable-content-grid .f--cards .cc--blogger-card .c--staff-card .text-container .f--affiliation, +.cc--filterable-content-grid .f--cards .cc--blogger-card .c--story-card .text-container .f--affiliation, +.cc--filterable-content-grid .f--cards .cc--staff-card .c--blogger-card .text-container .f--affiliation, +.cc--filterable-content-grid .f--cards .cc--staff-card .c--staff-card .text-container .f--affiliation, +.cc--filterable-content-grid .f--cards .cc--staff-card .c--story-card .text-container .f--affiliation, +.cc--filterable-content-grid .f--cards .cc--story-card .c--blogger-card .text-container .f--affiliation, +.cc--filterable-content-grid .f--cards .cc--story-card .c--staff-card .text-container .f--affiliation, +.cc--filterable-content-grid .f--cards .cc--story-card .c--story-card .text-container .f--affiliation { + font-size: .9375rem; + line-height: 1.8667; + margin-top: .3125rem +} + +.cc--filterable-content-grid .f--cards .cc--blogger-card .c--blogger-card .text-container .f--email, +.cc--filterable-content-grid .f--cards .cc--blogger-card .c--staff-card .text-container .f--email, +.cc--filterable-content-grid .f--cards .cc--blogger-card .c--story-card .text-container .f--email, +.cc--filterable-content-grid .f--cards .cc--staff-card .c--blogger-card .text-container .f--email, +.cc--filterable-content-grid .f--cards .cc--staff-card .c--staff-card .text-container .f--email, +.cc--filterable-content-grid .f--cards .cc--staff-card .c--story-card .text-container .f--email, +.cc--filterable-content-grid .f--cards .cc--story-card .c--blogger-card .text-container .f--email, +.cc--filterable-content-grid .f--cards .cc--story-card .c--staff-card .text-container .f--email, +.cc--filterable-content-grid .f--cards .cc--story-card .c--story-card .text-container .f--email { + margin-top: .3125rem +} + +.cc--filterable-content-grid .f--cards .cc--blogger-card .c--blogger-card .text-container .f--email a, +.cc--filterable-content-grid .f--cards .cc--blogger-card .c--staff-card .text-container .f--email a, +.cc--filterable-content-grid .f--cards .cc--blogger-card .c--story-card .text-container .f--email a, +.cc--filterable-content-grid .f--cards .cc--staff-card .c--blogger-card .text-container .f--email a, +.cc--filterable-content-grid .f--cards .cc--staff-card .c--staff-card .text-container .f--email a, +.cc--filterable-content-grid .f--cards .cc--staff-card .c--story-card .text-container .f--email a, +.cc--filterable-content-grid .f--cards .cc--story-card .c--blogger-card .text-container .f--email a, +.cc--filterable-content-grid .f--cards .cc--story-card .c--staff-card .text-container .f--email a, +.cc--filterable-content-grid .f--cards .cc--story-card .c--story-card .text-container .f--email a { + font-size: .9375rem; + line-height: 1.8667 +} + +.cc--filterable-content-grid .f--cards .cc--blogger-card .c--blogger-card .text-container .f--phone, +.cc--filterable-content-grid .f--cards .cc--blogger-card .c--staff-card .text-container .f--phone, +.cc--filterable-content-grid .f--cards .cc--blogger-card .c--story-card .text-container .f--phone, +.cc--filterable-content-grid .f--cards .cc--staff-card .c--blogger-card .text-container .f--phone, +.cc--filterable-content-grid .f--cards .cc--staff-card .c--staff-card .text-container .f--phone, +.cc--filterable-content-grid .f--cards .cc--staff-card .c--story-card .text-container .f--phone, +.cc--filterable-content-grid .f--cards .cc--story-card .c--blogger-card .text-container .f--phone, +.cc--filterable-content-grid .f--cards .cc--story-card .c--staff-card .text-container .f--phone, +.cc--filterable-content-grid .f--cards .cc--story-card .c--story-card .text-container .f--phone { + font-size: .9375rem; + line-height: 1.8667; + margin-top: .3125rem +} + +.cc--filterable-content-grid .f--cards .cc--blogger-card .c--blogger-card .text-container .f--phone a, +.cc--filterable-content-grid .f--cards .cc--blogger-card .c--staff-card .text-container .f--phone a, +.cc--filterable-content-grid .f--cards .cc--blogger-card .c--story-card .text-container .f--phone a, +.cc--filterable-content-grid .f--cards .cc--staff-card .c--blogger-card .text-container .f--phone a, +.cc--filterable-content-grid .f--cards .cc--staff-card .c--staff-card .text-container .f--phone a, +.cc--filterable-content-grid .f--cards .cc--staff-card .c--story-card .text-container .f--phone a, +.cc--filterable-content-grid .f--cards .cc--story-card .c--blogger-card .text-container .f--phone a, +.cc--filterable-content-grid .f--cards .cc--story-card .c--staff-card .text-container .f--phone a, +.cc--filterable-content-grid .f--cards .cc--story-card .c--story-card .text-container .f--phone a { + font-size: .9375rem; + line-height: 1.8667 +} + +.cc--filterable-content-grid .f--cards .cc--blogger-card .c--blogger-card .text-container .f--description, +.cc--filterable-content-grid .f--cards .cc--blogger-card .c--staff-card .text-container .f--description, +.cc--filterable-content-grid .f--cards .cc--blogger-card .c--story-card .text-container .f--description, +.cc--filterable-content-grid .f--cards .cc--staff-card .c--blogger-card .text-container .f--description, +.cc--filterable-content-grid .f--cards .cc--staff-card .c--staff-card .text-container .f--description, +.cc--filterable-content-grid .f--cards .cc--staff-card .c--story-card .text-container .f--description, +.cc--filterable-content-grid .f--cards .cc--story-card .c--blogger-card .text-container .f--description, +.cc--filterable-content-grid .f--cards .cc--story-card .c--staff-card .text-container .f--description, +.cc--filterable-content-grid .f--cards .cc--story-card .c--story-card .text-container .f--description { + font-size: .9375rem; + line-height: 1.8667; + margin-top: .3125rem +} + +.cc--filterable-content-grid .f--cards .cc--blogger-card .c--blogger-card .text-container .f--link, +.cc--filterable-content-grid .f--cards .cc--blogger-card .c--staff-card .text-container .f--link, +.cc--filterable-content-grid .f--cards .cc--blogger-card .c--story-card .text-container .f--link, +.cc--filterable-content-grid .f--cards .cc--staff-card .c--blogger-card .text-container .f--link, +.cc--filterable-content-grid .f--cards .cc--staff-card .c--staff-card .text-container .f--link, +.cc--filterable-content-grid .f--cards .cc--staff-card .c--story-card .text-container .f--link, +.cc--filterable-content-grid .f--cards .cc--story-card .c--blogger-card .text-container .f--link, +.cc--filterable-content-grid .f--cards .cc--story-card .c--staff-card .text-container .f--link, +.cc--filterable-content-grid .f--cards .cc--story-card .c--story-card .text-container .f--link { + margin-top: .625rem +} + +.cc--filterable-content-grid .f--cards .cc--blogger-card .c--blogger-card .text-container .f--link a, +.cc--filterable-content-grid .f--cards .cc--blogger-card .c--staff-card .text-container .f--link a, +.cc--filterable-content-grid .f--cards .cc--blogger-card .c--story-card .text-container .f--link a, +.cc--filterable-content-grid .f--cards .cc--staff-card .c--blogger-card .text-container .f--link a, +.cc--filterable-content-grid .f--cards .cc--staff-card .c--staff-card .text-container .f--link a, +.cc--filterable-content-grid .f--cards .cc--staff-card .c--story-card .text-container .f--link a, +.cc--filterable-content-grid .f--cards .cc--story-card .c--blogger-card .text-container .f--link a, +.cc--filterable-content-grid .f--cards .cc--story-card .c--staff-card .text-container .f--link a, +.cc--filterable-content-grid .f--cards .cc--story-card .c--story-card .text-container .f--link a { + text-transform: uppercase +} + +.cc--filterable-content-grid .pager-container .f--button-link { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center +} + +.cc--filterable-content-grid .pager-container .f--button-link .button, +.cc--filterable-content-grid .pager-container .f--button-link a { + width: 10.5625rem +} + +.cc--footer-branding { + margin-bottom: 1.5625rem +} + +@media screen and (min-width: 1024px) { + .cc--footer-branding { + margin-bottom: 2.1875rem + } +} + +.cc--footer-branding .logo { + display: block; + margin-left: -1.8rem; + width: 19.53rem +} + +.cc--footer-branding .logo svg { + height: auto; + width: 100% +} + +.cc--footer-branding .logo svg .name { + fill: #fff +} + +.cc--footer-copyright { + margin-bottom: .625rem; + -ms-flex-preferred-size: 35.7142857143%; + flex-basis: 35.7142857143% +} + +@media screen and (min-width: 1024px) { + .cc--footer-copyright { + margin-bottom: 0 + } +} + +.cc--footer-copyright .f--description p { + color: #fff; + font-size: .75rem; + line-height: 1.6667 +} + +.cc--footer-menu .m--menu-footer { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between +} + +.cc--footer-menu .m--menu-footer>.menu-item { + font-size: .75rem; + line-height: 1.5; + margin-bottom: 2.1875rem; + -ms-flex-preferred-size: 40%; + flex-basis: 40% +} + +.cc--footer-menu .m--menu-footer>.menu-item:nth-child(n+3) { + margin-bottom: 0 +} + +@media screen and (min-width: 1024px) { + .cc--footer-menu .m--menu-footer>.menu-item { + font-size: .875rem; + line-height: 1.5; + margin-bottom: 0; + -ms-flex-preferred-size: 22.2222222222%; + flex-basis: 22.2222222222% + } +} + +.cc--footer-menu .m--menu-footer>.menu-item .navigation-title { + color: #fff; + display: inline-block; + font-weight: 800; + margin-bottom: .875rem; + text-transform: uppercase +} + +@media screen and (min-width: 1024px) { + .cc--footer-menu .m--menu-footer>.menu-item .navigation-title { + margin-bottom: 1.125rem + } +} + +.cc--footer-menu .m--menu-footer>.menu-item .submenu .menu-item { + line-height: 1 +} + +.cc--footer-menu .m--menu-footer>.menu-item .submenu .menu-item:not(:last-child) { + margin-bottom: .9375rem +} + +.cc--footer-menu .m--menu-footer>.menu-item .submenu .menu-item a { + color: #fff; + font-size: .875rem; + line-height: 1.4286; + text-decoration: none +} + +html[data-whatintent=mouse] .cc--footer-menu .m--menu-footer>.menu-item .submenu .menu-item a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--footer-menu .m--menu-footer>.menu-item .submenu .menu-item a:hover { + text-decoration: underline +} + +.cc--footer-menu .m--menu-footer-utility { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap +} + +.cc--footer-menu .m--menu-footer-utility .menu-item { + line-height: 1; + margin-top: .9375rem +} + +@media screen and (min-width: 1024px) { + .cc--footer-menu .m--menu-footer-utility .menu-item { + margin-top: 0 + } +} + +.cc--footer-menu .m--menu-footer-utility .menu-item:not(:last-child):after { + border-right: .0625rem solid #4a4a4a; + content: ""; + display: inline-block; + height: 1rem; + margin-left: .8125rem; + margin-right: .8125rem +} + +@media screen and (min-width: 1024px) { + .cc--footer-menu .m--menu-footer-utility .menu-item:not(:last-child):after { + margin-left: .875rem; + margin-right: .875rem + } +} + +.cc--footer-menu .m--menu-footer-utility .menu-item a { + color: #fff; + font-size: .75rem; + line-height: 1.6667; + text-decoration: none +} + +html[data-whatintent=mouse] .cc--footer-menu .m--menu-footer-utility .menu-item a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--footer-menu .m--menu-footer-utility .menu-item a:hover { + text-decoration: underline +} + +.cc--footer-social .social-media-links--platforms { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding-left: .3125rem +} + +.cc--footer-social .social-media-links--platforms li { + margin-right: 1.875rem +} + +@media screen and (min-width: 1024px) { + .cc--footer-social .social-media-links--platforms li { + margin-right: 2rem + } +} + +html[data-whatintent=mouse] .cc--footer-social .social-media-links--platforms li a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--footer-social .social-media-links--platforms li a:hover svg { + opacity: .7 +} + +.cc--footer { + background: #151515 +} + +.cc--footer .c--footer { + margin: 0 auto; + max-width: 1800px; + padding: 2.5rem 8.3333333333% +} + +@media screen and (min-width: 1024px) { + .cc--footer .c--footer { + padding: 4.6875rem 6.25% + } +} + +.cc--footer .footer-top { + padding-bottom: 2.1875rem +} + +@media screen and (min-width: 1024px) { + .cc--footer .footer-top { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding-bottom: 3.125rem + } +} + +.cc--footer .footer-top .branding-container { + margin-bottom: 2.1875rem +} + +@media screen and (min-width: 1024px) { + .cc--footer .footer-top .branding-container { + -ms-flex-preferred-size: 35.7142857143%; + flex-basis: 35.7142857143%; + margin-bottom: 0 + } +} + +.cc--footer .footer-top .nav-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between +} + +@media screen and (min-width: 1024px) { + .cc--footer .footer-top .nav-container { + -ms-flex-preferred-size: 64.2857142857%; + flex-basis: 64.2857142857% + } +} + +.cc--footer .footer-top .nav-container .cc--footer-menu { + width: 100% +} + +.cc--footer .footer-bottom { + border-top: .0625rem solid #4a4a4a; + padding-top: 2.1875rem +} + +@media screen and (min-width: 1024px) { + .cc--footer .footer-bottom { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding-top: 1.5625rem + } +} + +.cc--footer .footer-bottom .cc--footer-menu { + -ms-flex-preferred-size: 64.2857142857%; + flex-basis: 64.2857142857% +} + +@media print { + #l--main-footer { + display: none + } +} + +.cc--gallery-slide .f--image figure { + margin: 0 +} + +.cc--gallery-slide .f--image figure figcaption { + color: #4a4a4a; + font-size: .875rem; + font-style: italic; + line-height: 1.2858; + margin-top: .9375rem; + min-height: 2.25rem; + padding-left: 8.3333333333%; + padding-right: 8.3333333333% +} + +@media screen and (min-width: 768px) { + .cc--gallery-slide .f--image figure figcaption { + margin-top: 1.25rem; + padding-left: 0; + padding-right: 0 + } +} + +.cc--gallery-slide .f--image figure figcaption p { + font-size: .875rem; + font-style: italic; + line-height: 1.2858 +} + +.cc--gallery { + margin: 0 auto; + max-width: 1800px; + padding-bottom: 2.5rem; + padding-top: 2.5rem +} + +@media screen and (min-width: 768px) { + .cc--gallery { + padding: 3.125rem 8.3333333333% + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--gallery, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--gallery, + .sg-pattern-example>.cc--gallery, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--gallery, + body.pattern-lab-demo>.cc--gallery { + padding-left: 13.8888888889%; + padding-right: 13.8888888889% + } +} + +.lc--two-column .lr--main>.cc--gallery { + padding-left: 8.3333333333%; + padding-right: 8.3333333333% +} + +@media screen and (min-width: 1024px) { + .lc--two-column .lr--main>.cc--gallery { + padding-left: 5.5555555556%; + padding-right: 16.6666666667% + } +} + +.cc--gallery .f--section-title { + padding-bottom: .625rem; + padding-left: 8.3333333333%; + padding-right: 8.3333333333% +} + +@media screen and (min-width: 768px) { + .cc--gallery .f--section-title { + padding-bottom: .9375rem; + padding-left: 0; + padding-right: 0 + } +} + +.cc--gallery .f--section-title h2 { + font-size: 1.75rem; + line-height: 1; + text-transform: uppercase +} + +@media screen and (min-width: 768px) { + .cc--gallery .f--section-title h2 { + font-size: 2.5rem; + line-height: 1 + } +} + +.cc--gallery .swiper-container { + margin-top: .625rem; + position: relative +} + +.cc--gallery .swiper-container .gallery-pagination { + text-align: center +} + +.cc--gallery .swiper-container .gallery-pagination .bullet { + background: #ccc; + border-radius: 50%; + height: .4375rem; + margin-left: .4375rem; + margin-right: .4375rem; + -webkit-transition: background .2s ease; + transition: background .2s ease; + width: .4375rem +} + +.cc--gallery .swiper-container .gallery-pagination .bullet.bullet-active { + background: #881c1c +} + +.cc--gallery .swiper-container .swiper-nav-wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: absolute; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + height: 1.875rem; + justify-content: space-between; + padding-top: 26%; + width: 100% +} + +.cc--gallery .swiper-container .swiper-nav-wrapper .swiper-nav-button { + background-color: #881c1c; + background-position: 50%; + background-repeat: no-repeat; + background-size: 1.5rem; + height: 1.875rem; + left: auto; + margin-top: 0; + position: relative; + right: auto; + top: auto; + width: 1.875rem +} + +html[data-whatintent=mouse] .cc--gallery .swiper-container .swiper-nav-wrapper .swiper-nav-button else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--gallery .swiper-container .swiper-nav-wrapper .swiper-nav-button:hover { + background-color: #6a1010 +} + +.cc--gallery .swiper-container .swiper-nav-wrapper .swiper-nav-button.swiper-button-prev { + background-image: url(/themes/custom/umass_base/images/icons/icon-arrowleft-white.svg) +} + +.cc--gallery .swiper-container .swiper-nav-wrapper .swiper-nav-button.swiper-button-next { + background-image: url(/themes/custom/umass_base/images/icons/icon-arrowright-white.svg) +} + +.tc--microsite-article .cc--gallery { + padding-left: 8.3333333333%; + padding-right: 8.3333333333% +} + +@media screen and (min-width: 1024px) { + .tc--microsite-article .cc--gallery { + padding-left: 5.5555555556%; + padding-right: 16.6666666667% + } +} + +.tc--search { + margin: 0 auto; + max-width: 1800px +} + +.tc--search .t--search .f--page-title { + margin-bottom: 1.5625rem +} + +@media screen and (min-width: 1024px) { + .tc--search .t--search .f--page-title { + margin-bottom: 2.3125rem + } +} + +.tc--search .t--search .f--page-title h1 { + text-transform: uppercase +} + +.tc--search .content-top { + padding-left: 8.3333333333%; + padding-right: 8.3333333333% +} + +@media screen and (min-width: 1024px) { + .tc--search .content-top { + padding-left: 22.9166666667%; + padding-right: 22.9166666667% + } +} + +.tc--search .content-main { + padding-bottom: 2.5rem; + padding-left: 8.3333333333%; + padding-right: 8.3333333333%; + width: 100% +} + +@media screen and (min-width: 1024px) { + .tc--search .content-main { + padding-bottom: 4.6875rem; + padding-left: 22.9166666667%; + padding-right: 22.9166666667% + } +} + +.tc--search .content-main form.gsc-search-box { + margin: 0 0 1.3125rem; + width: 100% +} + +.tc--search .content-main table.gsc-search-box { + border-collapse: collapse; + width: 100% !important +} + +.tc--search .content-main td.gsc-input { + padding: 0; + width: 100% !important +} + +.tc--search .content-main td.gsc-search-button { + padding-right: .75rem; + text-align: right; + white-space: nowrap; + width: 1% !important +} + +.tc--search .content-main .gsib_a { + background: none !important; + background-image: none !important; + padding-left: 0 !important +} + +.tc--search .content-main .gsc-input-box svg, +.tc--search .content-main .gsib_a .gscb_a, +.tc--search .content-main .gsib_a span, +.tc--search .content-main .gsib_b, +.tc--search .content-main .gsst_a { + display: none !important +} + +.tc--search .content-main .gsc-input-box, +.tc--search .content-main input.gsc-input { + background: none !important; + background-image: none !important +} + +.tc--search .content-main input.gsc-input { + border: 1px solid #ccc !important; + font-size: 1rem; + height: 3.25rem !important; + line-height: 1.875; + margin: 0 !important; + padding: 0 .75rem !important +} + +.tc--search .content-main .gsc-input-box { + border: 0; + -webkit-box-shadow: none; + box-shadow: none +} + +.tc--search .content-main .gsc-search-button { + display: table-cell !important; + padding: 0 +} + +.tc--search .content-main .gsc-search-button-v2 { + background-color: #881c1c; + border: 0; + border-radius: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + height: 3.25rem; + margin: 0; + padding: 0; + width: 3.25rem; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center +} + +.tc--search .content-main .gsc-search-button-v2:hover { + cursor: pointer +} + +.tc--search .content-main .gsc-search-button-v2 svg { + height: 1.125rem; + width: 1.125rem +} + +.tc--search .content-main .gsc-control-cse { + background-color: transparent; + border: 0; + padding: 0 +} + +.tc--search .content-main .gsc-control-cse .gs-result .gs-title { + margin-bottom: 1.25rem +} + +.tc--search .content-main .gsc-control-cse .gsc-results-wrapper-nooverlay .gsc-positioningWrapper { + display: none +} + +.tc--search .content-main .gsc-control-cse .gs-result .gs-title, +.tc--search .content-main .gsc-control-cse .gs-result .gs-title *, +.tc--search .content-main .gsc-control-cse .gs-spelling { + color: #151515; + font-size: 1.375rem; + line-height: 1.1819; + margin-bottom: 1.25rem; + text-decoration: none +} + +@media screen and (min-width: 1024px) { + + .tc--search .content-main .gsc-control-cse .gs-result .gs-title, + .tc--search .content-main .gsc-control-cse .gs-result .gs-title *, + .tc--search .content-main .gsc-control-cse .gs-spelling { + font-size: 1.625rem; + line-height: 1.1539 + } +} + +html[data-whatintent=mouse] .tc--search .content-main .gsc-control-cse .gs-result .gs-title else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .tc--search .content-main .gsc-control-cse .gs-result .gs-title:hover, +html[data-whatintent=mouse] .tc--search .content-main .gsc-control-cse .gs-result .gs-title:hover b { + color: #881c1c +} + +.tc--search .content-main .gsc-results { + padding-top: 1.5625rem; + width: 100% +} + +.tc--search .content-main .gsc-webResult .gsc-result { + border-bottom: 1px solid #ccc; + padding-bottom: 1.5625rem; + padding-top: 1.5625rem +} + +.tc--search .content-main .gsc-webResult .gsc-result:first-child { + padding-top: 0 +} + +@media screen and (min-width: 1024px) { + .tc--search .content-main .gsc-webResult .gsc-result { + padding: 2.5rem 0 + } +} + +.tc--search .content-main .gsc-webResult .gs-snippet { + color: #4a4a4a; + font-size: .875rem; + line-height: 1.7143 +} + +.tc--search .content-main .gsc-result-info { + color: #4a4a4a; + font-size: .9375rem; + line-height: 1.8667; + padding: 0 +} + +.tc--search .content-main .gcsc-more-maybe-branding-root, +.tc--search .content-main .gsc-orderby-container { + display: none +} + +.tc--search .gs-no-results-result .gs-snippet { + background-color: transparent; + border: 0 +} + +.gssb_a { + padding: .625rem !important +} + +.gssb_a img { + display: inline; + width: auto +} + +.cc--header-search { + display: none; + padding: 1.25rem 8.3333333333% +} + +@media screen and (min-width: 768px) { + .cc--header-search { + padding: 2.125rem 4.1666666667% + } +} + +@media screen and (min-width: 1024px) { + .cc--header-search { + padding: 1.5625rem 4.1666666667% + } +} + +.cc--header-search .c--header-search { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between +} + +.cc--header-search .cc--header-branding { + padding-top: .5625rem +} + +@media screen and (max-width: 1023px) { + .cc--header-search .cc--header-branding { + display: none + } +} + +.cc--header-search form { + position: relative; + width: 80% +} + +@media screen and (min-width: 768px) { + .cc--header-search form { + width: 90.9090909091% + } +} + +@media screen and (min-width: 1024px) { + .cc--header-search form { + width: 68.1818181818% + } +} + +.cc--header-search form label { + border: 0; + height: 1px; + overflow: hidden; + padding: 0; + position: absolute; + white-space: nowrap; + width: 1px; + clip: rect(0 0 0 0); + clip-path: inset(50%); + margin: -1px +} + +.cc--header-search form input[type=text] { + background-color: transparent; + border-color: hsla(0, 0%, 100%, .5); + color: #fff; + font-size: 1rem; + height: 3.75rem; + line-height: 1.875; + padding-left: .625rem +} + +@media screen and (min-width: 768px) { + .cc--header-search form input[type=text] { + height: 5rem; + padding-left: 2.1875rem + } +} + +@media screen and (min-width: 1024px) { + .cc--header-search form input[type=text] { + height: 6.25rem + } +} + +.cc--header-search form input[type=text]::-webkit-input-placeholder { + color: #fff +} + +.cc--header-search form input[type=text]::-moz-placeholder { + color: #fff +} + +.cc--header-search form input[type=text]:-ms-input-placeholder { + color: #fff +} + +.cc--header-search form input[type=text]::-ms-input-placeholder { + color: #fff +} + +.cc--header-search form input[type=text]::placeholder { + color: #fff +} + +.cc--header-search form .fi--form-item { + margin: 0 +} + +.cc--header-search .icon-search { + position: absolute; + right: .625rem; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%) +} + +@media screen and (min-width: 768px) { + .cc--header-search .icon-search { + right: 1.875rem + } +} + +.cc--header-search .close-search-container { + background-color: #881c1c; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + height: 5rem; + margin-top: -2.1875rem; + position: relative; + width: 2.5rem +} + +@media screen and (min-width: 768px) { + .cc--header-search .close-search-container { + height: 7rem; + width: 3.125rem + } +} + +@media screen and (min-width: 1024px) { + .cc--header-search .close-search-container { + margin-top: -1.5625rem + } +} + +@media screen and (min-width: 1200px) { + .cc--header-search .close-search-container { + height: 4.6875rem + } +} + +.cc--header-search .close-search-container:before { + background-color: rgba(21, 21, 21, .2); + content: ""; + height: 5rem; + position: absolute; + width: 2.5rem; + z-index: 1 +} + +@media screen and (min-width: 768px) { + .cc--header-search .close-search-container:before { + height: 7rem; + width: 3.125rem + } +} + +@media screen and (min-width: 1200px) { + .cc--header-search .close-search-container:before { + height: 4.6875rem + } +} + +.cc--header-search .close-search-container .button-close { + margin-top: auto; + padding-bottom: .625rem; + padding-top: .625rem; + position: relative; + width: 3.125rem; + z-index: 2 +} + +body.search-open .cc--header-search { + background-color: #881c1c; + display: block; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 102 +} + +body.search-open .cc--header-search .cc--header-branding svg .box { + fill: #000 +} + +body.search-open .cc--header-search .cc--header-branding svg .box-text, +body.search-open .cc--header-search .cc--header-branding svg .name { + fill: #fff +} + +.cc--hero-article-video .c--hero-article-video { + position: relative +} + +.cc--hero-article-video .video-container { + margin-bottom: 1.25rem; + position: relative +} + +@media screen and (min-width: 768px) { + .cc--hero-article-video .video-container { + margin-bottom: 2.1875rem + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--hero-article-video .video-container, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-article-video .video-container, + .sg-pattern-example>.cc--hero-article-video .video-container, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-article-video .video-container, + body.pattern-lab-demo>.cc--hero-article-video .video-container { + margin-bottom: 0; + -ms-flex-preferred-size: 68.1818181818%; + flex-basis: 68.1818181818%; + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2 + } +} + +.cc--hero-article-video .video-container.show .f--video-embed { + opacity: 1; + visibility: visible +} + +.cc--hero-article-video .video-container.show .f--image { + opacity: 0; + visibility: hidden +} + +.cc--hero-article-video .video-container .play-btn { + display: block; + height: 100%; + left: 50%; + position: absolute; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + width: 100% +} + +.cc--hero-article-video .video-container .play-btn:after { + background-color: #881c1c; + background-image: url(/themes/custom/umass_base/images/icons/icon-play.svg); + background-position: 50%; + background-repeat: no-repeat; + background-size: .5625rem; + border: 1px solid hsla(0, 0%, 100%, .65); + border-radius: 50%; + -webkit-box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, .65); + box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, .65); + display: inline-block; + font-size: 0; + height: 3.125rem; + line-height: 0; + overflow: hidden; + text-indent: 101%; + white-space: nowrap; + width: 3.125rem +} + +html[data-whatintent=mouse] .cc--hero-article-video .video-container .play-btn:after else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--hero-article-video .video-container .play-btn:after:hover { + background-color: #6a1010 +} + +.cc--hero-article-video .video-container .play-btn:after { + border: 0; + content: ""; + z-index: 10 +} + +.cc--hero-article-video .video-container .f--image { + height: 100%; + -webkit-transition: visibility 0s linear .2s, opacity .2s ease; + transition: visibility 0s linear .2s, opacity .2s ease +} + +.cc--hero-article-video .video-container .f--image img { + height: 100%; + -o-object-fit: cover; + object-fit: cover +} + +.cc--hero-article-video .video-container .f--video-embed { + height: 100%; + left: 0; + opacity: 0; + position: absolute; + top: 0; + -webkit-transition: opacity .2s ease; + transition: opacity .2s ease; + visibility: hidden; + width: 100%; + z-index: 11 +} + +.cc--hero-article-video .video-container .f--video-embed iframe { + height: 100%; + width: 100% +} + +@media screen and (min-width: 1024px) { + .cc--hero-article-video .video-container.show+.exit-video { + bottom: -1.25rem; + color: #881c1c; + display: block; + font-size: .875rem; + font-weight: 800; + line-height: 1; + margin-right: .625rem; + margin-top: .625rem; + position: absolute; + right: 0; + text-transform: uppercase + } +} + +.cc--hero-article-video .exit-video { + display: none +} + +.cc--hero-article-video .text-container { + padding-left: 8.3333333333%; + padding-right: 8.3333333333% +} + +@media screen and (min-width: 768px) { + .cc--hero-article-video .text-container { + margin-bottom: 2.1875rem + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--hero-article-video .text-container, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-article-video .text-container, + .sg-pattern-example>.cc--hero-article-video .text-container, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-article-video .text-container, + body.pattern-lab-demo>.cc--hero-article-video .text-container { + bottom: 2.1875rem; + left: 50%; + margin: 0 auto; + max-width: 1800px; + padding-left: 8.3333333333%; + padding-right: 8.3333333333%; + position: absolute; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + width: 100%; + z-index: 10 + } +} + +@media print { + .cc--hero-article-video .text-container { + bottom: 2.1875rem; + left: 50%; + margin: 0 auto; + max-width: 1800px; + padding-left: 2.0833333333%; + padding-right: 2.0833333333%; + position: absolute; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + width: 100%; + z-index: 10 + } +} + +.cc--hero-article-video .text-container .f--eyebrow { + color: #881c1c; + font-size: .75rem; + font-weight: 800; + line-height: 1.5; + margin-bottom: .625rem; + text-transform: uppercase +} + +@media screen and (min-width: 768px) { + .cc--hero-article-video .text-container .f--eyebrow { + font-size: .875rem; + line-height: 1.2858 + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--hero-article-video .text-container .f--eyebrow, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-article-video .text-container .f--eyebrow, + .sg-pattern-example>.cc--hero-article-video .text-container .f--eyebrow, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-article-video .text-container .f--eyebrow, + body.pattern-lab-demo>.cc--hero-article-video .text-container .f--eyebrow { + color: #fff + } +} + +@media print { + .cc--hero-article-video .text-container .f--eyebrow { + color: #fff !important + } +} + +.cc--hero-article-video .text-container .f--page-title h1 { + font-size: 1.875rem; + line-height: 1; + text-transform: uppercase +} + +@media screen and (min-width: 768px) { + .cc--hero-article-video .text-container .f--page-title h1 { + font-size: 3.75rem; + line-height: .9167 + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--hero-article-video .text-container .f--page-title h1, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-article-video .text-container .f--page-title h1, + .sg-pattern-example>.cc--hero-article-video .text-container .f--page-title h1, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-article-video .text-container .f--page-title h1, + body.pattern-lab-demo>.cc--hero-article-video .text-container .f--page-title h1 { + color: #fff + } +} + +@media print { + .cc--hero-article-video .text-container .f--page-title h1 { + color: #fff !important; + font-size: 2.625rem; + line-height: 1.3096 + } +} + +.cc--hero-article-video .text-container .f--page-title h1 a { + color: #000; + text-decoration: none +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--hero-article-video .text-container .f--page-title h1 a, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-article-video .text-container .f--page-title h1 a, + .sg-pattern-example>.cc--hero-article-video .text-container .f--page-title h1 a, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-article-video .text-container .f--page-title h1 a, + body.pattern-lab-demo>.cc--hero-article-video .text-container .f--page-title h1 a { + color: #fff + } +} + +@media print { + .cc--hero-article-video .text-container .f--page-title h1 a { + color: #fff !important + } +} + +html[data-whatintent=mouse] .cc--hero-article-video .text-container .f--page-title h1 a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--hero-article-video .text-container .f--page-title h1 a:hover { + text-decoration: underline +} + +.cc--hero-article-video .text-container .f--description { + font-size: 1rem; + line-height: 1.25; + margin-top: 1.25rem +} + +@media screen and (min-width: 1024px) { + + .cc--hero-article-video .text-container .f--description, + .cc--hero-article-video .text-container .f--description p { + color: #fff + } +} + +.cc--hero-article .c--hero-article { + position: relative +} + +.cc--hero-article.no-image { + background-color: #fff +} + +.cc--hero-article.no-image .text-container { + margin-bottom: .625rem +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--hero-article.no-image .text-container, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-article.no-image .text-container, + .sg-pattern-example>.cc--hero-article.no-image .text-container, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-article.no-image .text-container, + body.pattern-lab-demo>.cc--hero-article.no-image .text-container { + bottom: auto; + margin-bottom: 2.1875rem; + position: relative + } +} + +@media print { + .cc--hero-article.no-image .text-container { + bottom: auto; + margin-bottom: 2.1875rem; + position: relative + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--hero-article.no-image .text-container .f--eyebrow, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-article.no-image .text-container .f--eyebrow, + .sg-pattern-example>.cc--hero-article.no-image .text-container .f--eyebrow, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-article.no-image .text-container .f--eyebrow, + body.pattern-lab-demo>.cc--hero-article.no-image .text-container .f--eyebrow { + color: #881c1c + } +} + +@media print { + .cc--hero-article.no-image .text-container .f--eyebrow { + color: #881c1c !important + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--hero-article.no-image .text-container .f--page-title, + .lc--full .cc--hero-article.no-image .text-container .f--page-title a, + .lc--full .cc--hero-article.no-image .text-container .f--page-title h1, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-article.no-image .text-container .f--page-title, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-article.no-image .text-container .f--page-title a, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-article.no-image .text-container .f--page-title h1, + .sg-pattern-example>.cc--hero-article.no-image .text-container .f--page-title, + .sg-pattern-example>.cc--hero-article.no-image .text-container .f--page-title a, + .sg-pattern-example>.cc--hero-article.no-image .text-container .f--page-title h1, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-article.no-image .text-container .f--page-title, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-article.no-image .text-container .f--page-title a, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-article.no-image .text-container .f--page-title h1, + body.pattern-lab-demo>.cc--hero-article.no-image .text-container .f--page-title, + body.pattern-lab-demo>.cc--hero-article.no-image .text-container .f--page-title a, + body.pattern-lab-demo>.cc--hero-article.no-image .text-container .f--page-title h1 { + color: #000 + } +} + +@media print { + + .cc--hero-article.no-image .text-container .f--page-title, + .cc--hero-article.no-image .text-container .f--page-title a, + .cc--hero-article.no-image .text-container .f--page-title h1 { + color: #000 !important + } +} + +@media screen and (min-width: 1024px) { + + .cc--hero-article.no-image .text-container .f--description, + .cc--hero-article.no-image .text-container .f--description p { + color: #000 + } +} + +.cc--hero-article .f--image { + margin-bottom: 1.25rem +} + +@media screen and (min-width: 768px) { + .cc--hero-article .f--image { + margin-bottom: 3.125rem; + padding-left: 0; + padding-right: 0 + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--hero-article .f--image, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-article .f--image, + .sg-pattern-example>.cc--hero-article .f--image, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-article .f--image, + body.pattern-lab-demo>.cc--hero-article .f--image { + margin-bottom: 0; + position: relative + } + + .lc--full .cc--hero-article .f--image:before, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-article .f--image:before, + .sg-pattern-example>.cc--hero-article .f--image:before, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-article .f--image:before, + body.pattern-lab-demo>.cc--hero-article .f--image:before { + background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); + background-image: linear-gradient(180deg, transparent, #000); + bottom: 0; + content: ""; + display: block; + height: 60%; + position: absolute; + width: 100%; + z-index: 1 + } +} + +@media screen and (min-width: 1200px) { + .cc--hero-article .f--image { + background-color: #4a4a4a + } +} + +@media print { + .cc--hero-article .f--image { + position: relative + } + + .cc--hero-article .f--image:before { + background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)) !important; + background-image: linear-gradient(180deg, transparent, #000) !important; + bottom: 0; + content: ""; + display: block; + height: 60%; + position: absolute; + width: 100%; + z-index: 1 + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--hero-article .f--image img, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-article .f--image img, + .sg-pattern-example>.cc--hero-article .f--image img, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-article .f--image img, + body.pattern-lab-demo>.cc--hero-article .f--image img { + max-height: 42.1875rem; + -o-object-fit: cover; + object-fit: cover + } +} + +@media screen and (min-width: 1024px)and (min-width:1200px) { + + .lc--full .cc--hero-article .f--image img, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-article .f--image img, + .sg-pattern-example>.cc--hero-article .f--image img, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-article .f--image img, + body.pattern-lab-demo>.cc--hero-article .f--image img { + -o-object-fit: contain; + object-fit: contain + } +} + +.cc--hero-article .text-container { + padding-left: 8.3333333333%; + padding-right: 8.3333333333% +} + +@media screen and (min-width: 768px) { + .cc--hero-article .text-container { + margin-bottom: 2.1875rem + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--hero-article .text-container, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-article .text-container, + .sg-pattern-example>.cc--hero-article .text-container, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-article .text-container, + body.pattern-lab-demo>.cc--hero-article .text-container { + bottom: 2.1875rem; + left: 50%; + margin: 0 auto; + max-width: 1800px; + padding-left: 8.3333333333%; + padding-right: 8.3333333333%; + position: absolute; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + width: 100%; + z-index: 10 + } +} + +@media print { + .cc--hero-article .text-container { + bottom: 2.1875rem; + left: 50%; + margin: 0 auto; + max-width: 1800px; + padding-left: 2.0833333333%; + padding-right: 2.0833333333%; + position: absolute; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + width: 100%; + z-index: 10 + } +} + +.cc--hero-article .text-container .f--eyebrow { + color: #881c1c; + font-size: .75rem; + font-weight: 800; + line-height: 1.5; + margin-bottom: .625rem; + text-transform: uppercase +} + +@media screen and (min-width: 768px) { + .cc--hero-article .text-container .f--eyebrow { + font-size: .875rem; + line-height: 1.2858 + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--hero-article .text-container .f--eyebrow, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-article .text-container .f--eyebrow, + .sg-pattern-example>.cc--hero-article .text-container .f--eyebrow, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-article .text-container .f--eyebrow, + body.pattern-lab-demo>.cc--hero-article .text-container .f--eyebrow { + color: #fff + } +} + +@media print { + .cc--hero-article .text-container .f--eyebrow { + color: #fff !important + } +} + +.cc--hero-article .text-container .f--page-title h1 { + font-size: 1.875rem; + line-height: 1; + text-transform: uppercase +} + +@media screen and (min-width: 768px) { + .cc--hero-article .text-container .f--page-title h1 { + font-size: 3.75rem; + line-height: .9167 + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--hero-article .text-container .f--page-title h1, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-article .text-container .f--page-title h1, + .sg-pattern-example>.cc--hero-article .text-container .f--page-title h1, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-article .text-container .f--page-title h1, + body.pattern-lab-demo>.cc--hero-article .text-container .f--page-title h1 { + color: #fff + } +} + +@media print { + .cc--hero-article .text-container .f--page-title h1 { + color: #fff !important; + font-size: 2.625rem; + line-height: 1.3096 + } +} + +.cc--hero-article .text-container .f--page-title h1 a { + color: #000; + text-decoration: none +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--hero-article .text-container .f--page-title h1 a, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-article .text-container .f--page-title h1 a, + .sg-pattern-example>.cc--hero-article .text-container .f--page-title h1 a, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-article .text-container .f--page-title h1 a, + body.pattern-lab-demo>.cc--hero-article .text-container .f--page-title h1 a { + color: #fff + } +} + +@media print { + .cc--hero-article .text-container .f--page-title h1 a { + color: #fff !important + } +} + +html[data-whatintent=mouse] .cc--hero-article .text-container .f--page-title h1 a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--hero-article .text-container .f--page-title h1 a:hover { + text-decoration: underline +} + +.cc--hero-article .text-container .f--description { + font-size: 1rem; + line-height: 1.25; + margin-top: 1.25rem +} + +@media screen and (min-width: 1024px) { + + .cc--hero-article .text-container .f--description, + .cc--hero-article .text-container .f--description p { + color: #fff + } +} + +.cc--hero-event { + background-color: #fff +} + +@media screen and (min-width: 1024px) { + .cc--hero-event { + background-color: #000 + } +} + +.cc--hero-event .c--hero-event { + position: relative +} + +.cc--hero-event.no-image { + background-color: #fff +} + +.cc--hero-event.no-image .text-container { + margin-bottom: .625rem +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--hero-event.no-image .text-container, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-event.no-image .text-container, + .sg-pattern-example>.cc--hero-event.no-image .text-container, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-event.no-image .text-container, + body.pattern-lab-demo>.cc--hero-event.no-image .text-container { + bottom: auto; + margin-bottom: 2.1875rem; + position: relative + } + + .lc--full .cc--hero-event.no-image .text-container .f--eyebrow, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-event.no-image .text-container .f--eyebrow, + .sg-pattern-example>.cc--hero-event.no-image .text-container .f--eyebrow, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-event.no-image .text-container .f--eyebrow, + body.pattern-lab-demo>.cc--hero-event.no-image .text-container .f--eyebrow { + color: #881c1c + } + + .lc--full .cc--hero-event.no-image .text-container .f--page-title, + .lc--full .cc--hero-event.no-image .text-container .f--page-title a, + .lc--full .cc--hero-event.no-image .text-container .f--page-title h1, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-event.no-image .text-container .f--page-title, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-event.no-image .text-container .f--page-title a, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-event.no-image .text-container .f--page-title h1, + .sg-pattern-example>.cc--hero-event.no-image .text-container .f--page-title, + .sg-pattern-example>.cc--hero-event.no-image .text-container .f--page-title a, + .sg-pattern-example>.cc--hero-event.no-image .text-container .f--page-title h1, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-event.no-image .text-container .f--page-title, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-event.no-image .text-container .f--page-title a, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-event.no-image .text-container .f--page-title h1, + body.pattern-lab-demo>.cc--hero-event.no-image .text-container .f--page-title, + body.pattern-lab-demo>.cc--hero-event.no-image .text-container .f--page-title a, + body.pattern-lab-demo>.cc--hero-event.no-image .text-container .f--page-title h1 { + color: #000 + } +} + +.cc--hero-event .f--image { + margin-bottom: 1.25rem +} + +@media screen and (min-width: 768px) { + .cc--hero-event .f--image { + margin-bottom: 3.125rem; + padding-left: 0; + padding-right: 0 + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--hero-event .f--image, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-event .f--image, + .sg-pattern-example>.cc--hero-event .f--image, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-event .f--image, + body.pattern-lab-demo>.cc--hero-event .f--image { + margin-bottom: 0; + position: relative + } + + .lc--full .cc--hero-event .f--image:before, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-event .f--image:before, + .sg-pattern-example>.cc--hero-event .f--image:before, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-event .f--image:before, + body.pattern-lab-demo>.cc--hero-event .f--image:before { + background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); + background-image: linear-gradient(180deg, transparent, #000); + bottom: 0; + content: ""; + display: block; + height: 60%; + position: absolute; + width: 100%; + z-index: 1 + } + + .lc--full .cc--hero-event .f--image img, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-event .f--image img, + .sg-pattern-example>.cc--hero-event .f--image img, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-event .f--image img, + body.pattern-lab-demo>.cc--hero-event .f--image img { + max-height: 42.1875rem; + -o-object-fit: cover; + object-fit: cover + } +} + +.cc--hero-event .text-container { + padding-left: 8.3333333333%; + padding-right: 8.3333333333% +} + +@media screen and (min-width: 768px) { + .cc--hero-event .text-container { + margin-bottom: 2.1875rem + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--hero-event .text-container, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-event .text-container, + .sg-pattern-example>.cc--hero-event .text-container, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-event .text-container, + body.pattern-lab-demo>.cc--hero-event .text-container { + bottom: 2.1875rem; + left: 50%; + margin: 0 auto; + max-width: 1800px; + padding-left: 8.3333333333%; + padding-right: 8.3333333333%; + position: absolute; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + width: 100%; + z-index: 10 + } +} + +.cc--hero-event .text-container .f--eyebrow { + color: #881c1c; + font-size: .75rem; + font-weight: 800; + line-height: 1.5; + margin-bottom: .625rem; + text-transform: uppercase +} + +@media screen and (min-width: 768px) { + .cc--hero-event .text-container .f--eyebrow { + font-size: .875rem; + line-height: 1.2858 + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--hero-event .text-container .f--eyebrow, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-event .text-container .f--eyebrow, + .sg-pattern-example>.cc--hero-event .text-container .f--eyebrow, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-event .text-container .f--eyebrow, + body.pattern-lab-demo>.cc--hero-event .text-container .f--eyebrow { + color: #fff + } +} + +.cc--hero-event .text-container .f--page-title h1 { + font-size: 1.875rem; + line-height: 1; + text-transform: uppercase +} + +@media screen and (min-width: 768px) { + .cc--hero-event .text-container .f--page-title h1 { + font-size: 3.75rem; + line-height: .9167 + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--hero-event .text-container .f--page-title h1, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-event .text-container .f--page-title h1, + .sg-pattern-example>.cc--hero-event .text-container .f--page-title h1, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-event .text-container .f--page-title h1, + body.pattern-lab-demo>.cc--hero-event .text-container .f--page-title h1 { + color: #fff + } +} + +.cc--hero-event .text-container .f--page-title h1 a { + color: #000; + text-decoration: none +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--hero-event .text-container .f--page-title h1 a, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-event .text-container .f--page-title h1 a, + .sg-pattern-example>.cc--hero-event .text-container .f--page-title h1 a, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-event .text-container .f--page-title h1 a, + body.pattern-lab-demo>.cc--hero-event .text-container .f--page-title h1 a { + color: #fff + } +} + +html[data-whatintent=mouse] .cc--hero-event .text-container .f--page-title h1 a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--hero-event .text-container .f--page-title h1 a:hover { + text-decoration: underline +} + +.cc--hero-image .c--hero-image, +.cc--hero-image .f--image { + position: relative +} + +.cc--hero-image .f--image:after, +.cc--hero-image .f--image:before { + content: ""; + display: block; + height: 40%; + opacity: .8; + position: absolute; + width: 100%; + z-index: 1 +} + +.cc--hero-image .f--image:before { + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(21, 21, 21, 0)), to(#151515)); + background-image: linear-gradient(180deg, rgba(21, 21, 21, 0), #151515); + bottom: 0 +} + +.cc--hero-image .f--image:after { + background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(21, 21, 21, 0)), to(#151515)); + background-image: linear-gradient(0deg, rgba(21, 21, 21, 0), #151515); + top: 0 +} + +.cc--hero-image .f--image img { + min-height: 20rem; + -o-object-fit: cover; + object-fit: cover +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--hero-image .f--image img, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-image .f--image img, + .sg-pattern-example>.cc--hero-image .f--image img, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-image .f--image img, + body.pattern-lab-demo>.cc--hero-image .f--image img { + max-height: 42.1875rem; + -o-object-fit: cover; + object-fit: cover + } +} + +.cc--hero-image .text-container { + bottom: 1.1875rem; + left: 50%; + margin: 0 auto; + max-width: 1800px; + padding-left: 8.3333333333%; + padding-right: 8.3333333333%; + position: absolute; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + width: 100%; + z-index: 10 +} + +@media screen and (min-width: 768px) { + .cc--hero-image .text-container { + bottom: 1.5625rem; + padding-left: 8.3333333333%; + padding-right: 8.3333333333% + } +} + +@media screen and (min-width: 1024px) { + .cc--hero-image .text-container { + bottom: 1.5rem; + padding-left: 4.1666666667%; + padding-right: 4.1666666667% + } +} + +.cc--hero-image .text-container .f--page-title { + max-width: 37.5rem +} + +.cc--hero-image .text-container .f--page-title h1 { + color: #fff; + font-size: 1.875rem; + line-height: 1; + text-transform: uppercase +} + +@media screen and (min-width: 768px) { + .cc--hero-image .text-container .f--page-title h1 { + font-size: 3.75rem; + line-height: .9167 + } +} + +.tc--error-page .cc--hero-image .f--image img { + max-height: 34.375rem +} + +.cc--hero-interior { + padding-left: 8.3333333333%; + padding-right: 8.3333333333% +} + +.tc--form-page .cc--hero-interior, +.tc--microsite-article .cc--hero-interior { + padding-left: 0; + padding-right: 0 +} + +.tc--events-listing .cc--hero-interior, +.tc--microsite-article .cc--hero-interior, +.tc--news-listing .cc--hero-interior { + padding-left: 8.3333333333%; + padding-right: 8.3333333333% +} + +@media screen and (min-width: 1024px) { + + .tc--events-listing .cc--hero-interior, + .tc--microsite-article .cc--hero-interior, + .tc--news-listing .cc--hero-interior { + padding-left: 5.5555555556%; + padding-right: 16.6666666667% + } +} + +.tc--microsite-profile .cc--hero-interior { + padding-left: 8.3333333333%; + padding-right: 8.3333333333%; + padding-top: 3.125rem +} + +@media screen and (min-width: 1024px) { + .tc--microsite-profile .cc--hero-interior { + padding-left: 25%; + padding-right: 25% + } +} + +.cc--hero-interior .f--eyebrow { + margin-bottom: .9375rem +} + +.cc--hero-interior .f--eyebrow a { + font-size: .875rem; + line-height: 1.2858; + text-decoration: none; + text-transform: uppercase +} + +.cc--hero-interior .f--page-title { + margin-bottom: 1.5625rem +} + +@media screen and (min-width: 768px) { + .cc--hero-interior .f--page-title { + margin-bottom: 3.125rem + } +} + +.cc--hero-interior .f--page-title h1 { + font-size: 1.875rem; + line-height: 1; + text-transform: uppercase +} + +@media screen and (min-width: 768px) { + .cc--hero-interior .f--page-title h1 { + font-size: 3.75rem; + line-height: .9167 + } +} + +.cc--hero-landing { + background-color: #000; + margin-top: -6.5625rem +} + +@media screen and (min-width: 768px) { + .cc--hero-landing { + margin-top: -9.5rem + } +} + +@media screen and (min-width: 1200px) { + .cc--hero-landing { + margin-top: -10.6875rem + } +} + +.cc--hero-landing .c--hero-landing, +.cc--hero-landing .image-video-container { + position: relative +} + +@media screen and (max-width: 767px) { + + .cc--hero-landing .image-video-container .f--ambient-video, + .cc--hero-landing .image-video-container .video-controls { + display: none + } +} + +.cc--hero-landing .image-video-container .f--image { + height: 100% +} + +@media screen and (max-width: 767px) { + .cc--hero-landing .image-video-container .f--image { + padding-bottom: 100%; + position: relative + } +} + +.cc--hero-landing .image-video-container .f--image img { + height: 100%; + -o-object-fit: cover; + object-fit: cover; + width: 100% +} + +@media screen and (max-width: 767px) { + .cc--hero-landing .image-video-container .f--image img { + position: absolute + } +} + +.cc--hero-landing .image-video-container .video-controls { + z-index: 11 +} + +@media screen and (min-width: 768px) { + .cc--hero-landing .image-video-container .video-controls { + bottom: 1.5625rem; + right: 2.5rem; + top: inherit + } +} + +.cc--hero-landing .f--image { + position: relative +} + +@media screen and (min-width: 768px) { + .cc--hero-landing .f--image { + padding-left: 0; + padding-right: 0 + } +} + +.cc--hero-landing .f--image:before { + background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); + background-image: linear-gradient(180deg, transparent, #000); + bottom: 0 +} + +.cc--hero-landing .f--image:after, +.cc--hero-landing .f--image:before { + content: ""; + display: block; + height: 45%; + opacity: .8; + position: absolute; + width: 100%; + z-index: 1 +} + +.cc--hero-landing .f--image:after { + background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent)); + background-image: linear-gradient(180deg, #000, transparent); + top: 0 +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--hero-landing .f--image img, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-landing .f--image img, + .sg-pattern-example>.cc--hero-landing .f--image img, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-landing .f--image img, + body.pattern-lab-demo>.cc--hero-landing .f--image img { + max-height: 34.375rem; + -o-object-fit: cover; + object-fit: cover + } +} + +.cc--hero-landing .text-container { + bottom: 0; + left: 50%; + margin: 0 auto; + max-width: 1800px; + position: absolute; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + width: 100%; + z-index: 10 +} + +.cc--hero-landing .text-container .text-container-inner { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding-bottom: 1.25rem; + padding-left: 8.3333333333%; + padding-right: 8.3333333333%; + position: relative; + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between +} + +@media screen and (min-width: 768px) { + .cc--hero-landing .text-container .text-container-inner { + padding-bottom: 1.5625rem; + padding-left: 8.3333333333%; + padding-right: 5.5555555556% + } +} + +@media screen and (min-width: 1024px) { + .cc--hero-landing .text-container .text-container-inner { + padding-left: 4.1666666667%; + padding-right: 2.0833333333% + } +} + +.cc--hero-landing .text-container .f--page-title h1 { + color: #fff; + font-size: 1.875rem; + line-height: 1; + text-transform: uppercase +} + +@media screen and (min-width: 768px) { + .cc--hero-landing .text-container .f--page-title h1 { + font-size: 3.75rem; + line-height: .9167 + } +} + +.cc--hero-landing .text-container .button-show-feature { + display: none +} + +@media screen and (max-width: 767px) { + .cc--hero-landing .text-container .button-show-feature { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + height: 1.5625rem; + justify-content: center; + width: 1.5625rem + } +} + +.cc--hero-landing .text-container .button-close-feature { + bottom: 1.25rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: absolute; + right: 8.3333333333%; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + height: 1.5625rem; + justify-content: center; + width: 1.5625rem +} + +@media screen and (min-width: 768px) { + .cc--hero-landing .text-container .button-close-feature { + display: none + } +} + +@media screen and (max-width: 767px) { + .cc--hero-landing .text-container .feature-container { + background: rgba(21, 21, 21, .9); + bottom: 0; + display: none; + left: 0; + padding: 1.25rem 27.7777777778% 1.25rem 8.3333333333%; + position: absolute; + width: 100% + } +} + +@media screen and (min-width: 768px) { + .cc--hero-landing .text-container .feature-container { + -webkit-box-flex: 0; + -ms-flex: 0 0 29.0322580645%; + flex: 0 0 29.0322580645% + } +} + +@media screen and (min-width: 1024px) { + .cc--hero-landing .text-container .feature-container { + -webkit-box-flex: 0; + -ms-flex: 0 0 22.2222222222%; + flex: 0 0 22.2222222222%; + max-width: 15.625rem + } +} + +.cc--hero-landing .text-container .feature-container .f--cta-title h3 { + color: #fff; + font-size: .9375rem; + line-height: 1.2 +} + +@media screen and (min-width: 768px) { + .cc--hero-landing .text-container .feature-container .f--cta-title h3 { + font-size: 1rem; + line-height: 1; + text-align: right + } +} + +@media screen and (min-width: 1024px) { + .cc--hero-landing .text-container .feature-container .f--cta-title h3 { + font-size: 1rem; + line-height: 1.25 + } +} + +.cc--hero-landing .text-container .feature-container .f--cta-title h3 a { + color: #fff; + text-decoration: none +} + +html[data-whatintent=mouse] .cc--hero-landing .text-container .feature-container .f--cta-title h3 a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--hero-landing .text-container .feature-container .f--cta-title h3 a:hover { + text-decoration: underline +} + +.cc--hero-landing .text-container .feature-container .f--description { + margin-top: .3125rem +} + +.cc--hero-landing .text-container .feature-container .f--description p { + color: #fff; + font-size: .75rem; + line-height: 1.5 +} + +@media screen and (min-width: 768px) { + .cc--hero-landing .text-container .feature-container .f--description p { + text-align: right + } + + .cc--hero-landing.ambient-video .feature-container { + margin-bottom: 3.75rem + } +} + +.cc--hero-microsite-homepage { + margin-top: -6.5625rem +} + +@media screen and (min-width: 768px) { + .cc--hero-microsite-homepage { + margin-top: -9.5rem + } +} + +@media screen and (min-width: 1200px) { + .cc--hero-microsite-homepage { + margin-top: -10.6875rem + } +} + +.cc--hero-microsite-homepage .c--hero-microsite-homepage, +.cc--hero-microsite-homepage .image-video-container { + position: relative +} + +@media screen and (max-width: 767px) { + + .cc--hero-microsite-homepage .image-video-container .f--ambient-video, + .cc--hero-microsite-homepage .image-video-container .video-controls { + display: none + } +} + +.cc--hero-microsite-homepage .image-video-container .f--image { + height: 100% +} + +@media screen and (max-width: 767px) { + .cc--hero-microsite-homepage .image-video-container .f--image { + padding-bottom: 100%; + position: relative + } +} + +.cc--hero-microsite-homepage .image-video-container .f--image img { + height: 100%; + -o-object-fit: cover; + object-fit: cover; + width: 100% +} + +@media screen and (max-width: 767px) { + .cc--hero-microsite-homepage .image-video-container .f--image img { + position: absolute + } +} + +.cc--hero-microsite-homepage .image-video-container .video-controls { + z-index: 11 +} + +@media screen and (min-width: 768px) { + .cc--hero-microsite-homepage .image-video-container .video-controls { + bottom: 1.5625rem; + right: 2.5rem; + top: inherit + } +} + +.cc--hero-microsite-homepage .f--image { + position: relative +} + +@media screen and (min-width: 768px) { + .cc--hero-microsite-homepage .f--image { + padding-left: 0; + padding-right: 0 + } +} + +.cc--hero-microsite-homepage .f--image:before { + background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); + background-image: linear-gradient(180deg, transparent, #000); + bottom: 0; + content: ""; + display: block; + height: 45%; + opacity: .8; + position: absolute; + width: 100%; + z-index: 1 +} + +.cc--hero-microsite-homepage .f--image:after { + background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent)); + background-image: linear-gradient(180deg, #000, transparent); + content: ""; + display: block; + height: 45%; + opacity: .8; + position: absolute; + top: 0; + width: 100%; + z-index: 1 +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--hero-microsite-homepage .f--image img, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-microsite-homepage .f--image img, + .sg-pattern-example>.cc--hero-microsite-homepage .f--image img, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-microsite-homepage .f--image img, + body.pattern-lab-demo>.cc--hero-microsite-homepage .f--image img { + max-height: 34.375rem; + -o-object-fit: cover; + object-fit: cover + } +} + +.cc--hero-microsite-homepage .text-container { + bottom: 0; + left: 50%; + margin: 0 auto; + max-width: 1800px; + position: absolute; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + width: 100%; + z-index: 10 +} + +.cc--hero-microsite-homepage .text-container .text-container-inner { + padding-bottom: 1.25rem; + padding-left: 8.3333333333%; + padding-right: 8.3333333333% +} + +@media screen and (min-width: 768px) { + .cc--hero-microsite-homepage .text-container .text-container-inner { + padding-bottom: 1.5625rem; + padding-left: 8.3333333333%; + padding-right: 8.3333333333% + } +} + +@media screen and (min-width: 1024px) { + .cc--hero-microsite-homepage .text-container .text-container-inner { + padding-left: 4.1666666667%; + padding-right: 4.1666666667% + } + + .cc--hero-microsite-homepage .text-container .f--page-title { + max-width: 72.7272727273% + } +} + +.cc--hero-microsite-homepage .text-container .f--page-title h1 { + color: #fff; + font-size: 1.875rem; + letter-spacing: -.03125rem; + line-height: 1; + text-transform: uppercase +} + +@media screen and (min-width: 768px) { + .cc--hero-microsite-homepage .text-container .f--page-title h1 { + font-size: 3.75rem; + letter-spacing: 0; + line-height: .9167 + } +} + +.cc--hero-microsite-interior .c--hero-microsite-interior { + position: relative +} + +.cc--hero-microsite-interior .text-container .f--page-title-pseudo .h1 { + color: #fff; + font-size: 1.875rem; + letter-spacing: -.03125rem; + line-height: 1; + text-transform: uppercase +} + +@media screen and (min-width: 768px) { + .cc--hero-microsite-interior .text-container .f--page-title-pseudo .h1 { + font-size: 3.75rem; + letter-spacing: 0; + line-height: .9167 + } +} + +.cc--hero-microsite-interior, +.cc--hero-microsite-landing { + margin-top: -6.5625rem +} + +@media screen and (min-width: 768px) { + + .cc--hero-microsite-interior, + .cc--hero-microsite-landing { + margin-top: -9.5rem + } +} + +@media screen and (min-width: 1200px) { + + .cc--hero-microsite-interior, + .cc--hero-microsite-landing { + margin-top: -10.6875rem + } +} + +.cc--hero-microsite-interior .c--hero-microsite-landing, +.cc--hero-microsite-interior .image-video-container, +.cc--hero-microsite-landing .c--hero-microsite-landing, +.cc--hero-microsite-landing .image-video-container { + position: relative +} + +@media screen and (max-width: 767px) { + + .cc--hero-microsite-interior .image-video-container .f--ambient-video, + .cc--hero-microsite-interior .image-video-container .video-controls, + .cc--hero-microsite-landing .image-video-container .f--ambient-video, + .cc--hero-microsite-landing .image-video-container .video-controls { + display: none + } +} + +.cc--hero-microsite-interior .image-video-container .f--image, +.cc--hero-microsite-landing .image-video-container .f--image { + height: 100% +} + +@media screen and (max-width: 767px) { + + .cc--hero-microsite-interior .image-video-container .f--image, + .cc--hero-microsite-landing .image-video-container .f--image { + padding-bottom: 100%; + position: relative + } +} + +.cc--hero-microsite-interior .image-video-container .f--image img, +.cc--hero-microsite-landing .image-video-container .f--image img { + height: 100%; + -o-object-fit: cover; + object-fit: cover; + width: 100% +} + +@media screen and (max-width: 767px) { + + .cc--hero-microsite-interior .image-video-container .f--image img, + .cc--hero-microsite-landing .image-video-container .f--image img { + position: absolute + } +} + +.cc--hero-microsite-interior .image-video-container .video-controls, +.cc--hero-microsite-landing .image-video-container .video-controls { + z-index: 11 +} + +@media screen and (min-width: 768px) { + + .cc--hero-microsite-interior .image-video-container .video-controls, + .cc--hero-microsite-landing .image-video-container .video-controls { + bottom: 1.5625rem; + right: 2.5rem; + top: inherit + } +} + +.cc--hero-microsite-interior .f--image, +.cc--hero-microsite-landing .f--image { + position: relative +} + +@media screen and (min-width: 768px) { + + .cc--hero-microsite-interior .f--image, + .cc--hero-microsite-landing .f--image { + padding-left: 0; + padding-right: 0 + } +} + +.cc--hero-microsite-interior .f--image:before, +.cc--hero-microsite-landing .f--image:before { + background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); + background-image: linear-gradient(180deg, transparent, #000); + bottom: 0; + content: ""; + display: block; + height: 45%; + opacity: .8; + position: absolute; + width: 100%; + z-index: 1 +} + +.cc--hero-microsite-interior .f--image:after, +.cc--hero-microsite-landing .f--image:after { + background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent)); + background-image: linear-gradient(180deg, #000, transparent); + content: ""; + display: block; + height: 45%; + opacity: .8; + position: absolute; + top: 0; + width: 100%; + z-index: 1 +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--hero-microsite-interior .f--image img, + .lc--full .cc--hero-microsite-landing .f--image img, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-microsite-interior .f--image img, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--hero-microsite-landing .f--image img, + .sg-pattern-example>.cc--hero-microsite-interior .f--image img, + .sg-pattern-example>.cc--hero-microsite-landing .f--image img, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-microsite-interior .f--image img, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--hero-microsite-landing .f--image img, + body.pattern-lab-demo>.cc--hero-microsite-interior .f--image img, + body.pattern-lab-demo>.cc--hero-microsite-landing .f--image img { + max-height: 25rem; + -o-object-fit: cover; + object-fit: cover + } +} + +.cc--hero-microsite-interior .text-container, +.cc--hero-microsite-landing .text-container { + bottom: 0; + left: 50%; + margin: 0 auto; + max-width: 1800px; + position: absolute; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + width: 100%; + z-index: 10 +} + +.cc--hero-microsite-interior .text-container .text-container-inner, +.cc--hero-microsite-landing .text-container .text-container-inner { + padding-bottom: 1.25rem; + padding-left: 6.25%; + padding-right: 6.25% +} + +@media screen and (min-width: 768px) { + + .cc--hero-microsite-interior .text-container .text-container-inner, + .cc--hero-microsite-landing .text-container .text-container-inner { + padding-bottom: 1.5625rem; + padding-left: 8.3333333333%; + padding-right: 8.3333333333% + } +} + +@media screen and (min-width: 1024px) { + + .cc--hero-microsite-interior .text-container .text-container-inner, + .cc--hero-microsite-landing .text-container .text-container-inner { + padding-left: 4.1666666667%; + padding-right: 4.1666666667% + } +} + +.cc--hero-microsite-interior .text-container .f--page-title h1, +.cc--hero-microsite-landing .text-container .f--page-title h1 { + color: #fff; + font-size: 1.875rem; + letter-spacing: -.03125rem; + line-height: 1; + text-transform: uppercase +} + +@media screen and (min-width: 768px) { + + .cc--hero-microsite-interior .text-container .f--page-title h1, + .cc--hero-microsite-landing .text-container .f--page-title h1 { + font-size: 3.75rem; + letter-spacing: 0; + line-height: .9167 + } +} + +.cc--hero-microsite-interior .text-container .f--eyebrow, +.cc--hero-microsite-landing .text-container .f--eyebrow { + color: #e9e9e9; + font-size: .75rem; + line-height: 1.5; + margin-bottom: .4375rem; + text-transform: uppercase +} + +@media screen and (min-width: 768px) { + + .cc--hero-microsite-interior .text-container .f--eyebrow, + .cc--hero-microsite-landing .text-container .f--eyebrow { + font-size: .875rem; + line-height: 1.2858 + } +} + +.cc--latest-news-column .cc--latest-news-card-featured .f--image { + margin-bottom: 1.3125rem +} + +.cc--latest-news-column .cc--latest-news-card-featured .f--eyebrow { + color: #881c1c; + font-size: .75rem; + font-weight: 800; + line-height: 1.5; + margin-bottom: .5rem; + text-transform: uppercase +} + +@media screen and (min-width: 768px) { + .cc--latest-news-column .cc--latest-news-card-featured .f--eyebrow { + font-size: .875rem; + line-height: 1.2858 + } +} + +.cc--latest-news-column .cc--latest-news-card-featured .f--eyebrow a { + font-size: .75rem; + font-weight: 800; + line-height: 1.5; + text-decoration: none; + text-transform: uppercase +} + +@media screen and (min-width: 768px) { + .cc--latest-news-column .cc--latest-news-card-featured .f--eyebrow a { + font-size: .875rem; + line-height: 1.2858 + } +} + +html[data-whatintent=mouse] .cc--latest-news-column .cc--latest-news-card-featured .f--eyebrow a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--latest-news-column .cc--latest-news-card-featured .f--eyebrow a:hover { + color: #151515; + text-decoration: none +} + +.cc--latest-news-column .cc--latest-news-card-featured .f--cta-title h3 { + font-size: 1.375rem; + line-height: 1.1819 +} + +@media screen and (min-width: 768px) { + .cc--latest-news-column .cc--latest-news-card-featured .f--cta-title h3 { + font-size: 1.625rem; + line-height: 1.1539 + } +} + +.cc--latest-news-column .cc--latest-news-card-featured .f--cta-title h3 a { + color: #151515; + text-decoration: none +} + +html[data-whatintent=mouse] .cc--latest-news-column .cc--latest-news-card-featured .f--cta-title h3 a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--latest-news-column .cc--latest-news-card-featured .f--cta-title h3 a:hover { + color: #881c1c +} + +.cc--latest-news-media .cc--latest-news-card-featured .f--image { + margin-bottom: 1.1875rem +} + +.cc--latest-news-media .cc--latest-news-card-featured .f--image img { + max-height: 15px; + width: auto +} + +.cc--latest-news-media .cc--latest-news-card-featured .f--cta-title { + margin-bottom: .625rem +} + +.cc--latest-news-media .cc--latest-news-card-featured .f--cta-title h3 { + font-size: .9375rem; + line-height: 1.2 +} + +@media screen and (min-width: 768px) { + .cc--latest-news-media .cc--latest-news-card-featured .f--cta-title h3 { + font-size: 1rem; + line-height: 1.25 + } +} + +.cc--latest-news-media .cc--latest-news-card-featured .f--cta-title h3 a { + color: #151515; + text-decoration: none +} + +html[data-whatintent=mouse] .cc--latest-news-media .cc--latest-news-card-featured .f--cta-title h3 a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--latest-news-media .cc--latest-news-card-featured .f--cta-title h3 a:hover { + color: #881c1c +} + +.cc--latest-news-media .cc--latest-news-card-featured .f--description p { + font-size: .9375rem; + line-height: 1.6667 +} + +@media screen and (min-width: 768px) { + .cc--latest-news-media .cc--latest-news-card-featured .f--description p { + font-size: .9375rem; + line-height: 1.8667 + } +} + +.cc--latest-news-card .f--eyebrow { + color: #881c1c; + font-size: .75rem; + font-weight: 800; + line-height: 1.5; + margin-bottom: .5rem; + text-transform: uppercase +} + +@media screen and (min-width: 768px) { + .cc--latest-news-card .f--eyebrow { + font-size: .875rem; + line-height: 1.2858 + } +} + +.cc--latest-news-card .f--eyebrow a { + font-size: .75rem; + font-weight: 800; + line-height: 1.5; + text-decoration: none; + text-transform: uppercase +} + +@media screen and (min-width: 768px) { + .cc--latest-news-card .f--eyebrow a { + font-size: .875rem; + line-height: 1.2858 + } +} + +html[data-whatintent=mouse] .cc--latest-news-card .f--eyebrow a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--latest-news-card .f--eyebrow a:hover { + color: #151515; + text-decoration: none +} + +.cc--latest-news-card .f--cta-title h3 { + font-size: .9375rem; + line-height: 1.2 +} + +@media screen and (min-width: 768px) { + .cc--latest-news-card .f--cta-title h3 { + font-size: 1rem; + line-height: 1.25 + } +} + +.cc--latest-news-card .f--cta-title h3 a { + color: #151515; + text-decoration: none +} + +html[data-whatintent=mouse] .cc--latest-news-card .f--cta-title h3 a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--latest-news-card .f--cta-title h3 a:hover { + color: #881c1c +} + +.cc--latest-news-column .cc--component-container:not(:last-child) { + border-bottom: .0625rem solid #ccc; + margin-bottom: 1.9375rem; + padding-bottom: 1.375rem +} + +.cc--latest-news-column .cc--component-container:first-child { + margin-bottom: 1.5625rem; + padding-bottom: 1.875rem +} + +@media screen and (min-width: 768px) { + .cc--latest-news-column .cc--component-container:first-child { + padding-bottom: 2.625rem + } +} + +.cc--latest-news-media .f--eyebrow { + border-bottom: .0625rem solid #ccc; + color: #881c1c; + font-size: .875rem; + font-weight: 800; + line-height: 1.2858; + margin-bottom: 1.875rem; + padding-bottom: .625rem; + text-transform: uppercase +} + +.cc--latest-news-media .cc--latest-news-card-featured:not(:last-child) { + border-bottom: .0625rem solid #ccc; + margin-bottom: 1.9375rem; + padding-bottom: 1.75rem +} + +.cc--latest-news { + margin: 0 auto; + max-width: 1800px; + padding: 2.5rem 8.3333333333% +} + +@media screen and (min-width: 768px) { + .cc--latest-news { + padding-bottom: 3.125rem; + padding-top: 3.125rem + } + + .cc--latest-news .c--latest-news>.text-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between + } +} + +.cc--latest-news .c--latest-news>.text-container .f--section-title { + margin-bottom: 1.25rem +} + +@media screen and (min-width: 768px) { + .cc--latest-news .c--latest-news>.text-container .f--section-title { + margin-bottom: 1.5625rem + } +} + +.cc--latest-news .c--latest-news>.text-container .f--section-title h2 { + font-size: 1.875rem; + line-height: 1; + text-transform: uppercase +} + +@media screen and (min-width: 768px) { + .cc--latest-news .c--latest-news>.text-container .f--section-title h2 { + font-size: 2.5rem; + line-height: 1 + } +} + +.cc--latest-news .c--latest-news>.text-container .f--link { + margin-bottom: 1.4375rem +} + +@media screen and (min-width: 768px) { + .cc--latest-news .c--latest-news>.text-container .f--link { + margin-bottom: 0; + -ms-flex-item-align: center; + align-self: center + } +} + +.cc--latest-news .c--latest-news>.text-container .f--link a { + font-size: .875rem; + font-weight: 800; + line-height: 1.2858; + text-transform: uppercase +} + +html[data-whatintent=mouse] .cc--latest-news .c--latest-news>.text-container .f--link a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--latest-news .c--latest-news>.text-container .f--link a:hover { + color: #151515 +} + +.cc--latest-news .c--latest-news .content-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap +} + +@media screen and (min-width: 1024px) { + .cc--latest-news .c--latest-news .content-container>.cc--component-container { + -ms-flex-preferred-size: 30%; + flex-basis: 30% + } +} + +@media screen and (max-width: 767px) { + .cc--latest-news .c--latest-news .content-container>.cc--component-container:not(:last-child) { + margin-bottom: 2.5rem + } +} + +@media screen and (min-width: 1024px) { + .cc--latest-news .c--latest-news .content-container>.cc--component-container:not(:last-child) { + margin-right: 5% + } +} + +@media screen and (min-width: 768px)and (max-width:1023px) { + .cc--latest-news .c--latest-news .content-container .cc--latest-news-column { + margin-bottom: 3.125rem; + -ms-flex-preferred-size: 47.5%; + flex-basis: 47.5% + } + + .cc--latest-news .c--latest-news .content-container .cc--latest-news-column:first-child { + margin-right: 5% + } +} + +@media screen and (max-width: 1023px) { + .cc--links-list { + padding-left: 8.3333333333%; + padding-right: 8.3333333333%; + padding-top: 1.25rem + } +} + +@media screen and (min-width: 1024px) { + .cc--links-list { + border-top: .0625rem solid #ccc; + padding-top: 1.875rem + } +} + +.cc--links-list .f--link { + margin-bottom: 1.25rem +} + +.cc--links-list .link { + background: url(/themes/custom/umass_base/images/icons/icon-arrowright-red.svg) no-repeat top 5px right/1.25rem; + border-bottom: .0625rem solid #ccc; + color: #151515; + display: block; + font-weight: 800; + padding-bottom: .75rem; + padding-right: .9375rem; + text-decoration: none; + text-transform: uppercase +} + +html[data-whatintent=mouse] .cc--links-list .link else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--links-list .link:hover { + color: #881c1c; + text-decoration: none +} + +.cc--login-form { + margin-bottom: 1.5625rem +} + +.cc--login-form .c--login-form { + margin: 0 auto; + max-width: 1800px; + padding-bottom: 2.5rem; + padding-left: 2.0833333333%; + padding-right: 2.0833333333%; + width: 100% +} + +@media screen and (min-width: 768px) { + .cc--login-form .c--login-form { + padding-bottom: 2.5rem; + padding-left: 2.0833333333%; + padding-right: 2.0833333333%; + width: 25% + } +} + +@media screen and (min-width: 1024px) { + .cc--login-form .c--login-form { + padding: 4.6875rem 2.0833333333% 3.4375rem + } +} + +.cc--menu-left-nav { + position: relative +} + +@media screen and (max-width: 1023px) { + .cc--menu-left-nav .c--menu-left-nav { + padding-left: 8.3333333333%; + padding-right: 8.3333333333% + } +} + +@media screen and (min-width: 1024px) { + .cc--menu-left-nav .f--section-title { + margin-bottom: 1.5625rem + } + + .cc--menu-left-nav .f--section-title h2 span.nolink { + color: var(--color-umass-gold); + font-size: 1.125rem; + font-weight: 900; + line-height: 1.3333 + } +} + +.cc--menu-left-nav .f--section-title h2 { + color: #881c1c; + font-size: .75rem; + font-weight: 800; + line-height: 1.5; + text-transform: uppercase +} + +@media screen and (min-width: 768px) { + .cc--menu-left-nav .f--section-title h2 { + font-size: .875rem; + line-height: 1.2858 + } +} + +@media screen and (max-width: 1023px) { + .cc--menu-left-nav .f--section-title h2 { + border-bottom: .0625rem solid #e9e9e9; + cursor: pointer; + padding-bottom: 1.25rem; + padding-top: 1.3125rem; + position: relative + } + + .cc--menu-left-nav .f--section-title h2.open:after { + display: none + } + + .cc--menu-left-nav .f--section-title h2:after, + .cc--menu-left-nav .f--section-title h2:before { + background: #881c1c; + content: ""; + display: inline-block; + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%) + } + + .cc--menu-left-nav .f--section-title h2:before { + height: .125rem; + right: .375rem; + width: .875rem + } + + .cc--menu-left-nav .f--section-title h2:after { + height: .875rem; + right: .75rem; + width: .125rem + } +} + +.cc--menu-left-nav .f--section-title h2 a { + text-decoration: none +} + +@media screen and (min-width: 1024px) { + .cc--menu-left-nav .f--section-title h2 a:before { + background: url(/themes/custom/umass_base/images/icons/icon-arrowleft-red.svg) no-repeat 0/1.25rem; + content: ""; + display: inline-block; + height: .625rem; + margin-left: -2rem; + margin-right: .6875rem; + width: 1.25rem + } + + html[data-whatintent=mouse] .cc--menu-left-nav .f--section-title h2 a else { + -webkit-transition: all .1s; + transition: all .1s + } + + html[data-whatintent=mouse] .cc--menu-left-nav .f--section-title h2 a:hover:before { + background-image: url(/themes/custom/umass_base/images/icons/icon-arrowleft-dark.svg) + } +} + +.cc--menu-left-nav .f--section-title h2 a.nolink { + color: var(--color-umass-gold); + font-size: 1.125rem; + font-weight: 900; + line-height: 1.3333 +} + +.cc--menu-left-nav .f--section-title h2 a.nolink:before { + content: none; + display: none !important +} + +@media screen and (max-width: 1023px) { + .mc--left-nav-menu { + background: #fff; + -webkit-box-shadow: 0 5px 12px -5px rgba(0, 0, 0, .3); + box-shadow: 0 5px 12px -5px rgba(0, 0, 0, .3); + display: none; + margin-left: -8.3333333333%; + margin-right: -8.3333333333%; + padding-bottom: .625rem; + padding-left: 8.3333333333%; + padding-right: 8.3333333333%; + position: absolute; + top: 3.6875rem; + width: 100%; + z-index: 10 + } +} + +@media screen and (max-width: 1023px)and (min-width:768px) { + .mc--left-nav-menu { + padding-top: .625rem + } +} + +.mc--left-nav-menu .menu-item { + line-height: 1; + margin-bottom: 1.25rem +} + +@media screen and (min-width: 768px) { + .mc--left-nav-menu .menu-item { + margin-bottom: 1.875rem + } +} + +.mc--left-nav-menu .menu-item a { + color: #151515; + font-size: .9375rem; + line-height: 1.3334; + text-decoration: none +} + +html[data-whatintent=mouse] .mc--left-nav-menu .menu-item a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .mc--left-nav-menu .menu-item a:hover { + color: #881c1c +} + +.mc--left-nav-menu .menu-item span { + color: var(--color-umass-gold); + font-size: 1.125rem; + font-weight: 900; + line-height: 1.3333; + text-transform: uppercase +} + +.mc--left-nav-menu .menu-item span+.submenu { + margin-top: 1.25rem +} + +@media screen and (min-width: 768px) { + .mc--left-nav-menu .menu-item span+.submenu { + margin-top: 1.875rem + } +} + +.mc--left-nav-menu .menu-item .submenu-wrapper { + display: none; + padding-left: 1.5625rem; + padding-top: .9375rem +} + +.mc--left-nav-menu .menu-item .submenu-wrapper .menu-item { + margin-bottom: .9375rem +} + +.mc--left-nav-menu .menu-item .submenu-wrapper .menu-item a { + font-size: .875rem; + line-height: 1.4286 +} + +.mc--left-nav-menu .menu-item.menu-item--active-trail>a { + color: #881c1c +} + +.mc--left-nav-menu .menu-item.menu-item--active-trail .submenu-wrapper { + display: block +} + +.cc--menu-main .button-back, +.cc--menu-main .link-arrow-wrapper .arrow-toggle, +.cc--menu-main .navigation-title { + display: none +} + +body.microsite-menu-is-active { + overflow: hidden +} + +.cc--menu-microsite { + background-color: #881c1c +} + +.cc--menu-microsite .c--menu-microsite { + margin: 0 auto; + max-width: 1800px +} + +.cc--menu-microsite .menu-microsite-inner { + height: 3.75rem; + padding-left: 8.3333333333%; + padding-right: 8.3333333333%; + position: relative +} + +@media screen and (min-width: 1024px) { + .cc--menu-microsite .menu-microsite-inner { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding-left: 4.1666666667%; + padding-right: 4.1666666667%; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: 4.6875rem + } +} + +@media screen and (max-width: 1023px) { + .cc--menu-microsite .menu-microsite-menu-wrapper { + background-color: #881c1c; + display: none; + height: 100vh; + left: 0; + padding-bottom: 1.875rem; + padding-top: .3125rem; + position: fixed; + -webkit-transition: left .2s ease-in-out; + transition: left .2s ease-in-out; + width: 100%; + z-index: 102 + } +} + +@media screen and (max-width: 767px) { + .cc--menu-microsite .menu-microsite-menu-wrapper { + padding-top: .3125rem + } +} + +@media screen and (min-width: 1024px) { + .cc--menu-microsite .menu-microsite-menu-wrapper { + height: 100%; + width: 100% + } +} + +@media screen and (max-width: 1023px) { + .cc--menu-microsite .menu-microsite-menu-wrapper .microsite-menu-container { + height: 100%; + overflow-y: auto; + -webkit-overflow-scrolling: touch + } +} + +@media screen and (min-width: 1024px) { + .cc--menu-microsite .menu-microsite-menu-wrapper .microsite-menu-container { + height: 100% + } + + .cc--menu-microsite .menu-microsite-menu-wrapper .microsite-menu-container .microsite-menu-inner { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + height: 100%; + justify-content: space-between + } +} + +.cc--menu-microsite .link-arrow-wrapper .arrow-toggle polygon { + fill: #fff +} + +@media screen and (min-width: 1024px) { + .cc--menu-microsite .link-arrow-wrapper>a.is-active:before { + background-color: #fff; + content: ""; + height: .625rem; + left: 0; + position: absolute; + top: 0; + width: 100% + } +} + +html[data-whatintent=mouse] .cc--menu-microsite .link-arrow-wrapper>a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--menu-microsite .link-arrow-wrapper>a:hover { + color: #fff +} + +@media screen and (min-width: 1024px) { + + .cc--menu-microsite ul.m--menu-microsite>li.menu-item--active-trail>.link-arrow-wrapper>a:before, + html[data-whatintent=mouse] .cc--menu-microsite .link-arrow-wrapper>a:hover:before { + background-color: #fff; + content: ""; + height: .625rem; + left: 0; + position: absolute; + top: 0; + width: 100% + } +} + +.cc--menu-microsite .mc--menu-microsite { + height: 100% +} + +@media screen and (min-width: 1024px) { + .cc--menu-microsite .mc--menu-microsite .m--menu-microsite { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + height: 100% + } +} + +.cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li { + padding: .3125rem 8.3333333333% +} + +@media screen and (min-width: 768px) { + .cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li { + padding-bottom: .625rem; + padding-top: .625rem + } +} + +@media screen and (max-width: 1023px) { + .cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li:hover { + background: rgba(21, 21, 21, .2) + } +} + +@media screen and (min-width: 1024px) { + .cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding: 0; + position: relative; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center + } + + .cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li:not(:last-child) { + margin-bottom: 0; + margin-right: 2.5rem + } +} + +.cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li a { + font-size: .9375rem; + line-height: 1.3334; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + text-decoration: none; + text-transform: uppercase +} + +html[data-whatintent=mouse] .cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li a:hover { + color: #fff +} + +.cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li button.has-submenu { + height: 2.1875rem; + width: 2.1875rem +} + +@media screen and (max-width: 767px) { + .cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li button.has-submenu { + text-align: right + } +} + +@media screen and (min-width: 1024px) { + .cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li button.has-submenu { + display: none + } +} + +.cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li .submenu-wrapper { + background-color: #881c1c; + height: 100%; + left: 100%; + padding-bottom: 1.6875rem; + padding-top: 1.6875rem; + position: fixed; + top: 60px; + -webkit-transition: left .2s ease-in-out; + transition: left .2s ease-in-out; + width: 100%; + z-index: 103 +} + +@media screen and (min-width: 1024px) { + .cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li .submenu-wrapper { + display: none; + height: calc(100% - 9.375rem) + } +} + +.cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li .submenu-wrapper.ally-hidden { + visibility: hidden +} + +.cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li .submenu-wrapper.is-visible { + display: block; + left: 0; + overflow-x: hidden; + overflow-y: scroll; + -webkit-transition: left .2s ease-in-out; + transition: left .2s ease-in-out; + visibility: visible; + z-index: 104; + -webkit-overflow-scrolling: touch +} + +.cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li .submenu-wrapper.is-visible.second-level-hidden { + left: 0; + -webkit-transition: left .2s ease-in-out; + transition: left .2s ease-in-out; + visibility: hidden; + z-index: 104 +} + +.cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li .submenu-wrapper.is-visible:not(.second-level-hidden) { + left: 0; + position: fixed; + -webkit-transition: left .2s ease-in-out; + transition: left .2s ease-in-out +} + +.cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li .submenu-wrapper.is-hidden { + left: 100%; + -webkit-transition: left .2s ease-in-out; + transition: left .2s ease-in-out +} + +@media screen and (max-width: 1023px) { + .cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li .submenu-wrapper ul.submenu>li { + padding: .4375rem 8.3333333333% + } + + .cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li .submenu-wrapper ul.submenu>li:hover { + background: rgba(21, 21, 21, .2) + } +} + +@media screen and (max-width: 767px) { + .cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li .submenu-wrapper ul.submenu>li { + padding-bottom: .625rem; + padding-top: .625rem + } +} + +.cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li .submenu-wrapper ul.submenu>li a { + font-weight: 700; + text-transform: none +} + +@media screen and (max-width: 1023px) { + .cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li .submenu-wrapper ul.submenu>li a { + padding-left: 1.25rem + } +} + +.cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li .submenu-wrapper .navigation-title { + color: #fff; + display: block; + font-size: .75rem; + line-height: 1.5; + margin: 1.5625rem 8.3333333333% 1.25rem; + text-transform: uppercase +} + +@media screen and (min-width: 768px) { + .cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li .submenu-wrapper .navigation-title { + font-size: .875rem; + line-height: 1.2858; + margin-top: 1.875rem + } +} + +@media screen and (min-width: 1024px) { + .cc--menu-microsite .mc--menu-microsite .m--menu-microsite>li .submenu-wrapper .navigation-title { + display: none + } +} + +.cc--menu-microsite .mc--menu-microsite .m--menu-microsite li .link-arrow-wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between +} + +@media screen and (min-width: 1024px) { + .cc--menu-microsite ul.submenu { + display: none + } +} + +@media screen and (max-width: 1023px) { + .cc--menu-microsite .utility-links { + margin-left: 8.3333333333%; + margin-right: 8.3333333333%; + margin-top: .75rem + } +} + +@media screen and (max-width: 767px) { + .cc--menu-microsite .utility-links { + margin-top: 1.25rem + } +} + +@media screen and (min-width: 768px) { + .cc--menu-microsite .utility-links { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between + } +} + +@media screen and (max-width: 1023px) { + .cc--menu-microsite .utility-links .f--link:not(:last-child) { + margin-bottom: .9375rem + } +} + +@media screen and (min-width: 1024px) { + .cc--menu-microsite .utility-links .f--link:not(:last-child) { + margin-right: .625rem + } +} + +@media screen and (min-width: 768px)and (max-width:1023px) { + .cc--menu-microsite .utility-links .f--link { + -ms-flex-preferred-size: 47%; + flex-basis: 47% + } +} + +.cc--menu-microsite .utility-links .button, +.cc--menu-microsite .utility-links .f--button-link a, +.f--button-link .cc--menu-microsite .utility-links a { + border: .0625rem solid #fff; + width: auto +} + +@media screen and (max-width: 1023px) { + + .cc--menu-microsite .utility-links .button, + .cc--menu-microsite .utility-links .f--button-link a, + .f--button-link .cc--menu-microsite .utility-links a { + border: .0625rem solid hsla(0, 0%, 100%, .4); + height: 2.5rem; + width: 100% + } +} + +.cc--menu-microsite .button-back { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + font-size: .6875rem; + margin-left: 8.3333333333%; + margin-right: 8.3333333333%; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + color: #fff; + height: auto; + letter-spacing: .025rem; + text-transform: uppercase; + width: auto +} + +@media screen and (min-width: 1024px) { + .cc--menu-microsite .button-back { + display: none + } +} + +.cc--menu-microsite .button-back svg { + display: inline; + margin-right: .625rem +} + +.cc--menu-microsite .button-back svg polygon { + fill: #fff +} + +.cc--menu-microsite a { + color: #fff +} + +.cc--menu-microsite .menu-microsite-toggle { + color: #fff; + font-size: .75rem; + height: 100%; + line-height: 1.5; + position: relative; + text-align: left; + text-transform: uppercase; + width: 100% +} + +@media screen and (min-width: 768px) { + .cc--menu-microsite .menu-microsite-toggle { + font-size: .875rem; + line-height: 1.2858 + } +} + +@media screen and (min-width: 1024px) { + .cc--menu-microsite .menu-microsite-toggle { + display: none + } +} + +.cc--menu-microsite .menu-microsite-toggle svg { + position: absolute; + right: .3125rem; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%) +} + +.cc--menu-microsite .menu-microsite-toggle svg.close { + display: none +} + +.cc--menu-microsite .menu-microsite-toggle.is-active svg.close { + display: block +} + +.cc--menu-microsite .menu-microsite-toggle.is-active svg.open { + display: none +} + +.cc--menu-microsite.is-active .menu-microsite-menu-wrapper { + display: block +} + +.cc--menu-microsite.is-active .menu-microsite-inner:before { + background: #881c1c; + content: ""; + height: 100vh; + left: 0; + position: absolute; + top: 0; + width: 100% +} + +.cc--menu-microsite.is-active .menu-microsite-toggle:after { + border-bottom: .125rem solid #a89968; + bottom: .3125rem; + content: ""; + display: block; + position: absolute; + width: 100% +} + +.cc--menu-microsite.is-hidden .menu-microsite-menu-wrapper { + left: -100%; + -webkit-transition: left .2s ease-in-out; + transition: left .2s ease-in-out +} + +.cc--menu-microsite.is-hidden .menu-microsite-menu-wrapper .microsite-menu-container { + overflow-y: hidden; + -webkit-overflow-scrolling: unset +} + +body.mobile-menu-is-active { + overflow: hidden +} + +body.mobile-menu-is-active .cc--header:after { + background-color: #a89968; + content: ""; + display: block; + height: .125rem; + left: 0; + margin-left: 6.25%; + margin-right: 6.25%; + position: absolute; + top: calc(100% - .125rem); + width: 87.5% +} + +.cc--menu-mobile { + background-color: #fff; + bottom: 0; + display: none; + height: calc(100% - 6.25rem); + left: 0; + padding-bottom: .9375rem; + padding-top: 1.3125rem; + position: fixed; + -webkit-transition: left .2s ease-in-out; + transition: left .2s ease-in-out; + width: 100%; + z-index: 102 +} + +@media screen and (min-width: 768px) { + .cc--menu-mobile { + height: calc(100% - 9.375rem); + padding-top: 2.4375rem + } +} + +.cc--menu-mobile.is-hidden { + left: -100%; + -webkit-transition: left .2s ease-in-out; + transition: left .2s ease-in-out +} + +.cc--menu-mobile.is-hidden>.c--menu-mobile { + height: 100%; + overflow-y: hidden; + -webkit-overflow-scrolling: unset +} + +.cc--menu-mobile>.c--menu-mobile { + height: 100%; + overflow-y: auto; + -webkit-overflow-scrolling: touch +} + +.cc--menu-mobile .c--menu-mobile { + padding-left: 6.25%; + padding-right: 6.25% +} + +.cc--menu-mobile .c--menu-mobile .menu-mobile-inner>nav { + height: 100% +} + +.cc--menu-mobile .c--menu-mobile nav { + padding-left: 2.380952381%; + padding-right: 2.380952381% +} + +.cc--menu-mobile .c--menu-mobile nav>ul>li:not(:last-child) { + margin-bottom: .625rem +} + +@media screen and (min-width: 768px) { + .cc--menu-mobile .c--menu-mobile nav>ul>li:not(:last-child) { + margin-bottom: 1.25rem + } +} + +.cc--menu-mobile .c--menu-mobile nav>ul>li button.has-submenu { + height: 2.1875rem; + width: 2.1875rem +} + +.cc--menu-mobile .c--menu-mobile nav>ul>li .submenu-wrapper { + background-color: #fff; + display: none; + height: calc(100% + .9375rem); + left: 100%; + padding: 1.5625rem 8.3333333333% .9375rem; + position: absolute; + top: 0; + -webkit-transition: left .2s ease-in-out; + transition: left .2s ease-in-out; + width: 100% +} + +@media screen and (min-width: 768px) { + .cc--menu-mobile .c--menu-mobile nav>ul>li .submenu-wrapper { + padding-top: 2.8125rem + } +} + +.cc--menu-mobile .c--menu-mobile nav>ul>li .submenu-wrapper.is-visible { + display: block; + overflow-y: scroll; + z-index: 103; + -webkit-overflow-scrolling: touch +} + +.cc--menu-mobile .c--menu-mobile nav>ul>li .submenu-wrapper.is-hidden, +.cc--menu-mobile .c--menu-mobile nav>ul>li .submenu-wrapper.is-visible { + left: 100%; + -webkit-transition: left .2s ease-in-out; + transition: left .2s ease-in-out +} + +.cc--menu-mobile .c--menu-mobile nav>ul>li .submenu-wrapper ul.submenu>li:not(:last-child) { + margin-bottom: .9375rem +} + +@media screen and (min-width: 768px) { + .cc--menu-mobile .c--menu-mobile nav>ul>li .submenu-wrapper ul.submenu>li:not(:last-child) { + margin-bottom: 1.25rem + } +} + +.cc--menu-mobile .c--menu-mobile nav>ul>li .submenu-wrapper ul.submenu>li a { + font-size: .9375rem; + font-weight: 700; + line-height: 1.3334; + text-transform: none +} + +.cc--menu-mobile .c--menu-mobile nav>ul>li .submenu-wrapper .navigation-title { + color: #881c1c; + display: block; + font-size: .75rem; + line-height: 1.5; + margin-bottom: 1.25rem; + margin-top: 1.125rem; + text-transform: uppercase +} + +@media screen and (min-width: 768px) { + .cc--menu-mobile .c--menu-mobile nav>ul>li .submenu-wrapper .navigation-title { + font-size: .9375rem; + line-height: 1.6667; + margin-bottom: 1.0625rem + } +} + +@media screen and (min-width: 1200px) { + .cc--menu-mobile .c--menu-mobile nav>ul>li .submenu-wrapper .navigation-title { + display: none + } +} + +.cc--menu-mobile .c--menu-mobile nav>ul li .link-arrow-wrapper { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between +} + +.cc--menu-mobile .c--menu-mobile nav a, +.cc--menu-mobile .c--menu-mobile nav button.information-for-toggle { + font-size: .9375rem; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + color: #151515; + flex-grow: 1; + text-decoration: none; + text-transform: uppercase +} + +.cc--menu-mobile .c--menu-mobile nav button.information-for-toggle { + position: relative; + text-align: left; + width: 100% +} + +.cc--menu-mobile .c--menu-mobile nav button.information-for-toggle svg { + position: absolute; + right: .9375rem; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%) +} + +.cc--menu-mobile .cc--menu-utility { + border-top: .0625rem solid #a89968; + margin-top: 1.375rem; + padding-top: 1.25rem +} + +@media screen and (min-width: 768px) { + .cc--menu-mobile .cc--menu-utility { + margin-top: 2rem; + padding-top: 2.25rem + } +} + +.cc--menu-mobile .button-back { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + font-size: .6875rem; + margin-bottom: 1.625rem; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + height: auto; + letter-spacing: .025rem; + text-transform: uppercase; + width: auto +} + +@media screen and (min-width: 768px) { + .cc--menu-mobile .button-back { + font-size: .75rem; + margin-bottom: 2.125rem + } +} + +@media screen and (min-width: 1200px) { + .cc--menu-mobile .button-back { + display: none + } +} + +.cc--menu-mobile .button-back svg { + display: inline; + margin-right: .625rem +} + +@media screen and (min-width: 768px) { + .cc--menu-mobile .button-back svg { + margin-right: 1.25rem + } +} + +.cc--menu-utility .utility-button-wrapper svg { + display: inline-block; + vertical-align: middle +} + +@media screen and (min-width: 1200px) { + .cc--menu-utility .utility-button-wrapper svg { + margin-left: .5rem + } + + .cc--menu-utility .utility-button-wrapper svg.arrow-right { + display: none + } +} + +@media screen and (max-width: 1199px) { + .cc--menu-utility .utility-button-wrapper svg.arrow-down { + display: none + } +} + +@media screen and (min-width: 1200px) { + + .cc--menu-utility .utility-button-wrapper .button-back, + .cc--menu-utility .utility-button-wrapper .navigation-title { + display: none + } +} + +.cc--menu-utility .mc--utility-menu>ul>.menu-item:not(:last-child) { + margin-bottom: .3125rem +} + +@media screen and (min-width: 768px) { + .cc--menu-utility .mc--utility-menu>ul>.menu-item:not(:last-child) { + margin-bottom: .9375rem + } +} + +.cc--menu-utility .mc--utility-menu>ul>.menu-item a, +.cc--menu-utility .mc--utility-menu>ul>.menu-item button.information-for-toggle { + font-size: .6875rem; + letter-spacing: .01875rem; + line-height: 1.1819 +} + +@media screen and (min-width: 768px) { + + .cc--menu-utility .mc--utility-menu>ul>.menu-item a, + .cc--menu-utility .mc--utility-menu>ul>.menu-item button.information-for-toggle { + font-size: .75rem; + line-height: 1 + } +} + +@media screen and (min-width: 1200px) { + + .cc--menu-utility .mc--utility-menu>ul>.menu-item a, + .cc--menu-utility .mc--utility-menu>ul>.menu-item button.information-for-toggle { + font-size: .6875rem; + line-height: 1 + } +} + +.cc--more-events-card { + margin-bottom: 1.5625rem +} + +@media screen and (min-width: 768px) { + .cc--more-events-card .c--more-events-card { + display: -webkit-box; + display: -ms-flexbox; + display: flex + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--more-events-card .c--more-events-card, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--more-events-card .c--more-events-card, + .sg-pattern-example>.cc--more-events-card .c--more-events-card, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--more-events-card .c--more-events-card, + body.pattern-lab-demo>.cc--more-events-card .c--more-events-card { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column + } +} + +@media screen and (min-width: 768px)and (max-width:1023px) { + .cc--more-events-card .text-container { + -ms-flex-preferred-size: 45%; + flex-basis: 45% + } +} + +.cc--more-events-card .f--image { + margin-bottom: 1.25rem +} + +@media screen and (min-width: 768px)and (max-width:1023px) { + .cc--more-events-card .f--image { + margin-bottom: 0; + margin-right: 7.5%; + -ms-flex-preferred-size: 47.5%; + flex-basis: 47.5% + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--more-events-card .f--image, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--more-events-card .f--image, + .sg-pattern-example>.cc--more-events-card .f--image, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--more-events-card .f--image, + body.pattern-lab-demo>.cc--more-events-card .f--image { + margin-bottom: 1.5625rem + } +} + +.cc--more-events-card .f--eyebrow { + color: #881c1c; + font-size: .9375rem; + font-weight: 800; + line-height: 1.2; + margin-bottom: .625rem +} + +.cc--more-events-card .f--eyebrow a { + text-decoration: none +} + +html[data-whatintent=mouse] .cc--more-events-card .f--eyebrow a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--more-events-card .f--eyebrow a:hover { + text-decoration: none +} + +@media screen and (min-width: 768px) { + .cc--more-events-card .f--eyebrow { + font-size: 1.375rem; + line-height: 1.1819 + } +} + +@media screen and (min-width: 1024px) { + .cc--more-events-card .f--eyebrow { + font-size: 1rem; + line-height: 1.25 + } +} + +.cc--more-events-card .f--cta-title { + margin-bottom: .625rem +} + +.cc--more-events-card .f--cta-title h3 { + font-size: 1.375rem; + line-height: 1.1819 +} + +@media screen and (min-width: 768px) { + .cc--more-events-card .f--cta-title h3 { + font-size: 1.625rem; + line-height: 1; + text-transform: uppercase + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--more-events-card .f--cta-title h3, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--more-events-card .f--cta-title h3, + .sg-pattern-example>.cc--more-events-card .f--cta-title h3, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--more-events-card .f--cta-title h3, + body.pattern-lab-demo>.cc--more-events-card .f--cta-title h3 { + font-size: 1.625rem; + line-height: 1.1539; + text-transform: none + } +} + +.cc--more-events-card .f--cta-title a { + color: #151515; + text-decoration: none +} + +html[data-whatintent=mouse] .cc--more-events-card .f--cta-title a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--more-events-card .f--cta-title a:hover { + color: #881c1c; + text-decoration: none +} + +.cc--more-events-card .f--description p { + font-size: .875rem; + line-height: 1.7143; + margin-bottom: 0 +} + +@media screen and (min-width: 768px) { + .cc--more-events-card .f--description p { + font-size: .875rem; + line-height: 1.8572 + } +} + +@media screen and (min-width: 1024px) { + .cc--more-events-card .f--description p { + font-size: .9375rem; + line-height: 1.8667 + } +} + +.cc--more-events .c--more-events { + margin: 0 auto; + max-width: 1800px; + padding: 2.5rem 8.3333333333% 1.25rem +} + +@media screen and (min-width: 768px) { + .cc--more-events .c--more-events { + padding-bottom: 1.5625rem; + padding-top: 3.125rem + } +} + +.cc--more-events .c--more-events>.text-container { + margin-bottom: 1.4375rem +} + +@media screen and (min-width: 768px) { + .cc--more-events .c--more-events>.text-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin-bottom: 1.25rem; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between + } +} + +.cc--more-events .c--more-events>.text-container .f--section-title h2 { + font-size: 1.75rem; + line-height: 1; + margin-bottom: 1.3125rem; + text-transform: uppercase +} + +@media screen and (min-width: 768px) { + .cc--more-events .c--more-events>.text-container .f--section-title h2 { + font-size: 2.5rem; + line-height: 1; + margin-bottom: 0 + } +} + +.cc--more-events .c--more-events>.text-container .f--section-title h2 .highlight { + color: #881c1c; + display: block +} + +@media screen and (min-width: 768px) { + .cc--more-events .c--more-events>.text-container .f--link { + -ms-flex-item-align: end; + align-self: flex-end + } +} + +.cc--more-events .c--more-events>.text-container .f--link a { + font-size: .875rem; + font-weight: 800; + line-height: 1.2858; + text-transform: uppercase +} + +html[data-whatintent=mouse] .cc--more-events .c--more-events>.text-container .f--link a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--more-events .c--more-events>.text-container .f--link a:hover { + color: #151515 +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--more-events .f--cards, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--more-events .f--cards, + .sg-pattern-example>.cc--more-events .f--cards, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--more-events .f--cards, + body.pattern-lab-demo>.cc--more-events .f--cards { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap + } +} + +@media screen and (min-width: 768px) { + .cc--more-events .f--cards .cc--more-events-card { + margin-bottom: 2.1875rem + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--more-events .f--cards .cc--more-events-card, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--more-events .f--cards .cc--more-events-card, + .sg-pattern-example>.cc--more-events .f--cards .cc--more-events-card, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--more-events .f--cards .cc--more-events-card, + body.pattern-lab-demo>.cc--more-events .f--cards .cc--more-events-card { + margin-bottom: 1.875rem; + -ms-flex-preferred-size: 30%; + flex-basis: 30% + } + + .lc--full .cc--more-events .f--cards .cc--more-events-card:not(:nth-child(3n)), + .sg-pattern-example>.cc--component-container .f--field.nested .cc--more-events .f--cards .cc--more-events-card:not(:nth-child(3n)), + .sg-pattern-example>.cc--more-events .f--cards .cc--more-events-card:not(:nth-child(3n)), + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--more-events .f--cards .cc--more-events-card:not(:nth-child(3n)), + body.pattern-lab-demo>.cc--more-events .f--cards .cc--more-events-card:not(:nth-child(3n)) { + margin-right: 5% + } +} + +.cc--news-events-promo-card-article { + margin-bottom: 1.5625rem +} + +@media screen and (min-width: 768px) { + .cc--news-events-promo-card-article { + margin-bottom: 2.1875rem + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--news-events-promo-card-article, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo-card-article, + .sg-pattern-example>.cc--news-events-promo-card-article, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo-card-article, + body.pattern-lab-demo>.cc--news-events-promo-card-article { + margin-bottom: 3.125rem + } +} + +@media screen and (min-width: 768px) { + .cc--news-events-promo-card-article .c--news-events-promo-card-article { + display: -webkit-box; + display: -ms-flexbox; + display: flex + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--news-events-promo-card-article .c--news-events-promo-card-article, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo-card-article .c--news-events-promo-card-article, + .sg-pattern-example>.cc--news-events-promo-card-article .c--news-events-promo-card-article, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo-card-article .c--news-events-promo-card-article, + body.pattern-lab-demo>.cc--news-events-promo-card-article .c--news-events-promo-card-article { + display: block + } +} + +.cc--news-events-promo-card-article .f--image { + margin-bottom: 1rem +} + +@media screen and (min-width: 768px) { + .cc--news-events-promo-card-article .f--image { + margin-bottom: 0; + -ms-flex-preferred-size: 47.5%; + flex-basis: 47.5% + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--news-events-promo-card-article .f--image, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo-card-article .f--image, + .sg-pattern-example>.cc--news-events-promo-card-article .f--image, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo-card-article .f--image, + body.pattern-lab-demo>.cc--news-events-promo-card-article .f--image { + margin-bottom: 1.5625rem + } +} + +@media screen and (min-width: 768px) { + .cc--news-events-promo-card-article .text-container { + padding-left: 5%; + -ms-flex-preferred-size: 52.5%; + flex-basis: 52.5% + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--news-events-promo-card-article .text-container, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo-card-article .text-container, + .sg-pattern-example>.cc--news-events-promo-card-article .text-container, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo-card-article .text-container, + body.pattern-lab-demo>.cc--news-events-promo-card-article .text-container { + padding-left: 0 + } +} + +.cc--news-events-promo-card-article .f--eyebrow { + color: #881c1c; + font-size: .75rem; + font-weight: 800; + line-height: 1.5; + margin-bottom: .625rem; + text-transform: uppercase +} + +.cc--news-events-promo-card-article .f--eyebrow a { + text-decoration: none +} + +html[data-whatintent=mouse] .cc--news-events-promo-card-article .f--eyebrow a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--news-events-promo-card-article .f--eyebrow a:hover { + color: #151515; + text-decoration: none +} + +@media screen and (min-width: 768px) { + .cc--news-events-promo-card-article .f--eyebrow { + font-size: .875rem; + line-height: 1.2858 + } +} + +.cc--news-events-promo-card-article .f--cta-title { + margin-bottom: .625rem +} + +.cc--news-events-promo-card-article .f--cta-title h3 { + font-size: 1.375rem; + line-height: 1.1819 +} + +@media screen and (min-width: 768px) { + .cc--news-events-promo-card-article .f--cta-title h3 { + font-size: 1.625rem; + line-height: 1; + text-transform: uppercase + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--news-events-promo-card-article .f--cta-title h3, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo-card-article .f--cta-title h3, + .sg-pattern-example>.cc--news-events-promo-card-article .f--cta-title h3, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo-card-article .f--cta-title h3, + body.pattern-lab-demo>.cc--news-events-promo-card-article .f--cta-title h3 { + font-size: 1.625rem; + line-height: 1.1539; + margin-bottom: .8125rem; + text-transform: none + } +} + +.cc--news-events-promo-card-article .f--cta-title h3 a { + color: #000; + text-decoration: none +} + +html[data-whatintent=mouse] .cc--news-events-promo-card-article .f--cta-title h3 a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--news-events-promo-card-article .f--cta-title h3 a:hover { + color: #881c1c +} + +.cc--news-events-promo-card-article .f--description p { + font-size: .9375rem; + line-height: 1.6667 +} + +@media screen and (min-width: 768px) { + .cc--news-events-promo-card-article .f--description p { + font-size: .9375rem; + line-height: 1.8667 + } +} + +.cc--news-events-promo-card-event { + margin-bottom: 1.5625rem +} + +@media screen and (min-width: 768px) { + .cc--news-events-promo-card-event { + margin-bottom: 2.1875rem + } + + .cc--news-events-promo-card-event .c--news-events-promo-card-event { + display: -webkit-box; + display: -ms-flexbox; + display: flex + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--news-events-promo-card-event .c--news-events-promo-card-event, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo-card-event .c--news-events-promo-card-event, + .sg-pattern-example>.cc--news-events-promo-card-event .c--news-events-promo-card-event, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo-card-event .c--news-events-promo-card-event, + body.pattern-lab-demo>.cc--news-events-promo-card-event .c--news-events-promo-card-event { + display: block + } +} + +.cc--news-events-promo-card-event .f--image { + margin-bottom: 1.25rem +} + +@media screen and (min-width: 768px) { + .cc--news-events-promo-card-event .f--image { + margin-bottom: 0; + -ms-flex-preferred-size: 47.5%; + flex-basis: 47.5% + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--news-events-promo-card-event .f--image, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo-card-event .f--image, + .sg-pattern-example>.cc--news-events-promo-card-event .f--image, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo-card-event .f--image, + body.pattern-lab-demo>.cc--news-events-promo-card-event .f--image { + margin-bottom: 1.5625rem + } +} + +@media screen and (min-width: 768px) { + .cc--news-events-promo-card-event .text-container { + padding-left: 5%; + -ms-flex-preferred-size: 52.5%; + flex-basis: 52.5% + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--news-events-promo-card-event .text-container, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo-card-event .text-container, + .sg-pattern-example>.cc--news-events-promo-card-event .text-container, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo-card-event .text-container, + body.pattern-lab-demo>.cc--news-events-promo-card-event .text-container { + padding-left: 0 + } +} + +.cc--news-events-promo-card-event .f--eyebrow { + color: #881c1c; + font-size: .9375rem; + font-weight: 800; + line-height: 1.2; + margin-bottom: .625rem +} + +.cc--news-events-promo-card-event .f--eyebrow a { + text-decoration: none +} + +html[data-whatintent=mouse] .cc--news-events-promo-card-event .f--eyebrow a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--news-events-promo-card-event .f--eyebrow a:hover { + color: #151515; + text-decoration: none +} + +@media screen and (min-width: 768px) { + .cc--news-events-promo-card-event .f--eyebrow { + font-size: 1.375rem; + line-height: 1.1819 + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--news-events-promo-card-event .f--eyebrow, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo-card-event .f--eyebrow, + .sg-pattern-example>.cc--news-events-promo-card-event .f--eyebrow, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo-card-event .f--eyebrow, + body.pattern-lab-demo>.cc--news-events-promo-card-event .f--eyebrow { + font-size: 1rem; + line-height: 1.25 + } +} + +.cc--news-events-promo-card-event .f--cta-title { + margin-bottom: .625rem +} + +.cc--news-events-promo-card-event .f--cta-title h3 { + font-size: 1.375rem; + line-height: 1.1819 +} + +@media screen and (min-width: 768px) { + .cc--news-events-promo-card-event .f--cta-title h3 { + font-size: 1.625rem; + line-height: 1; + text-transform: uppercase + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--news-events-promo-card-event .f--cta-title h3, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo-card-event .f--cta-title h3, + .sg-pattern-example>.cc--news-events-promo-card-event .f--cta-title h3, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo-card-event .f--cta-title h3, + body.pattern-lab-demo>.cc--news-events-promo-card-event .f--cta-title h3 { + font-size: 1.625rem; + line-height: 1.1539; + text-transform: none + } +} + +.cc--news-events-promo-card-event .f--cta-title h3 a { + color: #000; + text-decoration: none +} + +html[data-whatintent=mouse] .cc--news-events-promo-card-event .f--cta-title h3 a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--news-events-promo-card-event .f--cta-title h3 a:hover { + color: #881c1c +} + +.cc--news-events-promo-card-event .f--description p { + font-size: .875rem; + line-height: 1.7143; + margin-bottom: 0 +} + +@media screen and (min-width: 768px) { + .cc--news-events-promo-card-event .f--description p { + font-size: .9375rem; + line-height: 1.8667 + } +} + +.cc--news-events-promo { + margin: 0 auto; + max-width: 1800px +} + +.cc--news-events-promo .content-hero { + padding-bottom: 1.5625rem; + padding-top: 2.5rem +} + +@media screen and (min-width: 768px) { + .cc--news-events-promo .content-hero { + padding-bottom: 2.1875rem; + padding-top: 4.6875rem + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--news-events-promo .content-hero, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo .content-hero, + .sg-pattern-example>.cc--news-events-promo .content-hero, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo .content-hero, + body.pattern-lab-demo>.cc--news-events-promo .content-hero { + overflow: hidden; + padding-bottom: 3.125rem; + padding-left: 8.3333333333%; + padding-top: 5.9375rem + } +} + +.cc--news-events-promo .content-hero .f--section-title { + padding-bottom: 1.5625rem; + padding-left: 8.3333333333%; + padding-right: 8.3333333333% +} + +@media screen and (min-width: 768px) { + .cc--news-events-promo .content-hero .f--section-title { + padding-bottom: 2.1875rem + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--news-events-promo .content-hero .f--section-title, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo .content-hero .f--section-title, + .sg-pattern-example>.cc--news-events-promo .content-hero .f--section-title, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo .content-hero .f--section-title, + body.pattern-lab-demo>.cc--news-events-promo .content-hero .f--section-title { + float: left; + padding-bottom: 2.8125rem; + padding-left: 0; + padding-right: 4.5454545455%; + width: 31.8181818182% + } +} + +.cc--news-events-promo .content-hero .f--section-title h2 { + font-size: 1.875rem; + line-height: 1; + text-transform: uppercase +} + +.cc--news-events-promo .content-hero .f--section-title h2 .highlight { + color: #881c1c; + display: block; + font-size: 1.75rem; + line-height: 1 +} + +@media screen and (min-width: 768px) { + .cc--news-events-promo .content-hero .f--section-title h2 { + font-size: 3.75rem; + line-height: .9167 + } + + .cc--news-events-promo .content-hero .f--section-title h2 .highlight { + font-size: 2.5rem; + line-height: 1; + margin-bottom: .3125rem + } + + .cc--news-events-promo .content-hero .image-container { + padding-left: 8.3333333333%; + padding-right: 8.3333333333% + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--news-events-promo .content-hero .image-container, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo .content-hero .image-container, + .sg-pattern-example>.cc--news-events-promo .content-hero .image-container, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo .content-hero .image-container, + body.pattern-lab-demo>.cc--news-events-promo .content-hero .image-container { + float: right; + padding-left: 0; + padding-right: 0; + padding-top: .4375rem; + width: 68.1818181818% + } +} + +.cc--news-events-promo .content-hero .text-container { + padding-left: 8.3333333333%; + padding-right: 8.3333333333%; + padding-top: 1.25rem +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--news-events-promo .content-hero .text-container, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo .content-hero .text-container, + .sg-pattern-example>.cc--news-events-promo .content-hero .text-container, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo .content-hero .text-container, + body.pattern-lab-demo>.cc--news-events-promo .content-hero .text-container { + float: left; + padding-left: 0; + padding-right: 4.5454545455%; + padding-top: 0; + width: 31.8181818182% + } +} + +.cc--news-events-promo .content-hero .text-container .f--eyebrow { + color: #881c1c; + font-size: .75rem; + font-weight: 800; + line-height: 1.5; + margin-bottom: .625rem; + text-transform: uppercase +} + +.cc--news-events-promo .content-hero .text-container .f--eyebrow a { + text-decoration: none +} + +html[data-whatintent=mouse] .cc--news-events-promo .content-hero .text-container .f--eyebrow a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--news-events-promo .content-hero .text-container .f--eyebrow a:hover { + color: #151515; + text-decoration: none +} + +@media screen and (min-width: 768px) { + .cc--news-events-promo .content-hero .text-container .f--eyebrow { + font-size: .875rem; + line-height: 1.2858 + } +} + +.cc--news-events-promo .content-hero .text-container .f--cta-title { + margin-bottom: .625rem +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--news-events-promo .content-hero .text-container .f--cta-title, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo .content-hero .text-container .f--cta-title, + .sg-pattern-example>.cc--news-events-promo .content-hero .text-container .f--cta-title, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo .content-hero .text-container .f--cta-title, + body.pattern-lab-demo>.cc--news-events-promo .content-hero .text-container .f--cta-title { + margin-bottom: .9375rem + } +} + +.cc--news-events-promo .content-hero .text-container .f--cta-title h3 { + font-size: 1.5rem; + line-height: 1.1667 +} + +@media screen and (min-width: 768px) { + .cc--news-events-promo .content-hero .text-container .f--cta-title h3 { + font-size: 2rem; + line-height: 1; + text-transform: uppercase + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--news-events-promo .content-hero .text-container .f--cta-title h3, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo .content-hero .text-container .f--cta-title h3, + .sg-pattern-example>.cc--news-events-promo .content-hero .text-container .f--cta-title h3, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo .content-hero .text-container .f--cta-title h3, + body.pattern-lab-demo>.cc--news-events-promo .content-hero .text-container .f--cta-title h3 { + font-size: 2rem; + line-height: 1.125; + text-transform: none + } +} + +.cc--news-events-promo .content-hero .text-container .f--cta-title h3 a { + color: #000; + text-decoration: none +} + +html[data-whatintent=mouse] .cc--news-events-promo .content-hero .text-container .f--cta-title h3 a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--news-events-promo .content-hero .text-container .f--cta-title h3 a:hover { + color: #881c1c +} + +.cc--news-events-promo .content-hero .text-container .f--description p { + font-size: 1rem; + line-height: 1.625 +} + +@media screen and (min-width: 768px) { + .cc--news-events-promo .content-hero .text-container .f--description p { + font-size: 1rem; + line-height: 1.875 + } +} + +.cc--news-events-promo .content-articles, +.cc--news-events-promo .content-events { + padding-left: 8.3333333333%; + padding-right: 8.3333333333% +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--news-events-promo .content-articles>.f--field, + .lc--full .cc--news-events-promo .content-events>.f--field, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo .content-articles>.f--field, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo .content-events>.f--field, + .sg-pattern-example>.cc--news-events-promo .content-articles>.f--field, + .sg-pattern-example>.cc--news-events-promo .content-events>.f--field, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo .content-articles>.f--field, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo .content-events>.f--field, + body.pattern-lab-demo>.cc--news-events-promo .content-articles>.f--field, + body.pattern-lab-demo>.cc--news-events-promo .content-events>.f--field { + display: -webkit-box; + display: -ms-flexbox; + display: flex + } + + .lc--full .cc--news-events-promo .content-articles>.f--field>.cc--component-container, + .lc--full .cc--news-events-promo .content-events>.f--field>.cc--component-container, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo .content-articles>.f--field>.cc--component-container, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo .content-events>.f--field>.cc--component-container, + .sg-pattern-example>.cc--news-events-promo .content-articles>.f--field>.cc--component-container, + .sg-pattern-example>.cc--news-events-promo .content-events>.f--field>.cc--component-container, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo .content-articles>.f--field>.cc--component-container, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo .content-events>.f--field>.cc--component-container, + body.pattern-lab-demo>.cc--news-events-promo .content-articles>.f--field>.cc--component-container, + body.pattern-lab-demo>.cc--news-events-promo .content-events>.f--field>.cc--component-container { + -ms-flex-preferred-size: 30%; + flex-basis: 30% + } + + .lc--full .cc--news-events-promo .content-articles>.f--field>.cc--component-container:not(:last-child), + .lc--full .cc--news-events-promo .content-events>.f--field>.cc--component-container:not(:last-child), + .sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo .content-articles>.f--field>.cc--component-container:not(:last-child), + .sg-pattern-example>.cc--component-container .f--field.nested .cc--news-events-promo .content-events>.f--field>.cc--component-container:not(:last-child), + .sg-pattern-example>.cc--news-events-promo .content-articles>.f--field>.cc--component-container:not(:last-child), + .sg-pattern-example>.cc--news-events-promo .content-events>.f--field>.cc--component-container:not(:last-child), + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo .content-articles>.f--field>.cc--component-container:not(:last-child), + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--news-events-promo .content-events>.f--field>.cc--component-container:not(:last-child), + body.pattern-lab-demo>.cc--news-events-promo .content-articles>.f--field>.cc--component-container:not(:last-child), + body.pattern-lab-demo>.cc--news-events-promo .content-events>.f--field>.cc--component-container:not(:last-child) { + margin-right: 5% + } +} + +.cc--news-events-promo .content-footer { + padding-bottom: 6.25rem; + padding-left: 8.3333333333%; + padding-right: 8.3333333333%; + text-align: center +} + +.cc--news-events-promo .content-footer .button, +.cc--news-events-promo .content-footer .f--button-link a, +.f--button-link .cc--news-events-promo .content-footer a { + max-width: 18.75rem +} + +@media screen and (min-width: 768px) { + .cc--news-listing-card .c--news-listing-card { + display: -webkit-box; + display: -ms-flexbox; + display: flex + } + + .cc--news-listing-card .c--news-listing-card>.f--image { + padding-left: 3.8461538462%; + -ms-flex-preferred-size: 42.3076923077%; + flex-basis: 42.3076923077% + } +} + +@media screen and (min-width: 1024px) { + .cc--news-listing-card .c--news-listing-card>.f--image { + padding-left: 5%; + -ms-flex-preferred-size: 42.5%; + flex-basis: 42.5% + } +} + +@media screen and (min-width: 768px) { + .cc--news-listing-card .text-container { + -webkit-box-flex: 1; + -ms-flex: 1 1 0px; + flex: 1 1 0 + } +} + +.cc--news-listing-card .text-container .f--eyebrow { + color: #881c1c; + font-size: .75rem; + font-weight: 800; + line-height: 1.5; + margin-bottom: .5rem; + text-transform: uppercase +} + +@media screen and (min-width: 768px) { + .cc--news-listing-card .text-container .f--eyebrow { + font-size: .875rem; + line-height: 1.2858 + } +} + +.cc--news-listing-card .text-container .f--eyebrow a { + font-size: .75rem; + font-weight: 800; + line-height: 1.5; + text-decoration: none; + text-transform: uppercase +} + +@media screen and (min-width: 768px) { + .cc--news-listing-card .text-container .f--eyebrow a { + font-size: .875rem; + line-height: 1.2858 + } +} + +html[data-whatintent=mouse] .cc--news-listing-card .text-container .f--eyebrow a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--news-listing-card .text-container .f--eyebrow a:hover { + color: #151515 +} + +.cc--news-listing-card .text-container .f--image { + margin-bottom: 1.25rem +} + +.cc--news-listing-card .text-container .f--image img { + max-height: 15px; + width: auto +} + +.cc--news-listing-card .text-container .f--cta-title { + margin-bottom: .625rem; + margin-top: 1.125rem +} + +@media screen and (min-width: 768px) { + .cc--news-listing-card .text-container .f--cta-title { + margin-bottom: .625rem; + margin-top: 0 + } +} + +.cc--news-listing-card .text-container .f--cta-title h3 { + font-size: 1.5rem; + line-height: 1.1667 +} + +@media screen and (min-width: 768px) { + .cc--news-listing-card .text-container .f--cta-title h3 { + font-size: 2rem; + line-height: 1.125 + } +} + +.cc--news-listing-card .text-container .f--cta-title h3 a { + color: #151515; + text-decoration: none +} + +html[data-whatintent=mouse] .cc--news-listing-card .text-container .f--cta-title h3 a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--news-listing-card .text-container .f--cta-title h3 a:hover { + color: #881c1c +} + +.cc--news-listing-card .text-container .f--description { + margin-bottom: 1.25rem +} + +@media screen and (min-width: 768px) { + .cc--news-listing-card .text-container .f--description { + margin-bottom: 0 + } +} + +.cc--news-listing-card .text-container .f--description p { + font-size: .875rem; + line-height: 1.7143 +} + +.cc--news-listing-card .text-container .publication-date { + font-size: .875rem; + font-weight: 700; + line-height: 1.7143; + margin-top: .5rem +} + +.cc--news-listing { + margin: 0 auto; + max-width: 1800px; + padding-left: 8.3333333333%; + padding-right: 8.3333333333% +} + +.cc--news-listing .f--cards .cc--news-listing-card { + border-bottom: .0625rem solid #ccc; + margin-bottom: 1.3125rem; + padding-bottom: 1.625rem +} + +@media screen and (min-width: 768px) { + .cc--news-listing .f--cards .cc--news-listing-card { + margin-bottom: 2rem; + padding-bottom: 1.6875rem + } +} + +@media screen and (min-width: 1024px) { + .cc--news-listing .f--cards .cc--news-listing-card { + margin-bottom: 2.5rem; + padding-bottom: 2.5rem + } +} + +.cc--notification-banner { + background-color: #f5f5f5 +} + +.cc--notification-banner:not(.alert):not(.emergency):not(.extreme-emergency) svg path { + fill: #ccc +} + +.cc--notification-banner .c--notification-banner { + margin: 0 auto; + max-width: 1800px; + position: relative +} + +.cc--notification-banner .c--notification-banner .notification-banner-inner { + padding: 2.5rem 8.3333333333% +} + +@media screen and (min-width: 768px) { + .cc--notification-banner .c--notification-banner .notification-banner-inner { + padding: 1.5625rem 8.3333333333% + } +} + +@media screen and (min-width: 1024px) { + .cc--notification-banner .c--notification-banner .notification-banner-inner { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding-left: 4.1666666667%; + padding-right: 4.1666666667%; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start + } +} + +.cc--notification-banner .c--notification-banner .notification-banner-inner .f--wysiwyg, +.cc--notification-banner .c--notification-banner .notification-banner-inner .f--wysiwyg p { + color: #fff +} + +.cc--notification-banner .c--notification-banner .notification-banner-inner .left { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center +} + +@media screen and (min-width: 1024px) { + .cc--notification-banner .c--notification-banner .notification-banner-inner .left { + padding-left: 6.8181818182%; + padding-right: 6.8181818182%; + -webkit-box-flex: 1; + -ms-flex: 1 0 22.7272727273%; + flex: 1 0 22.7272727273% + } +} + +.cc--notification-banner .c--notification-banner .notification-banner-inner .left span.alert-title { + color: #151515; + display: block; + font-size: 1.375rem; + line-height: 1.1819 +} + +@media screen and (max-width: 767px) { + .cc--notification-banner .c--notification-banner .notification-banner-inner .left span.alert-title { + padding-right: 1.25rem + } +} + +@media screen and (min-width: 768px) { + .cc--notification-banner .c--notification-banner .notification-banner-inner .left span.alert-title { + font-size: 1.625rem; + line-height: 1.1539 + } +} + +.cc--notification-banner .c--notification-banner .notification-banner-inner .left .icon-alert { + height: 3.125rem; + width: 3.125rem +} + +@media screen and (max-width: 1023px) { + .cc--notification-banner .c--notification-banner .notification-banner-inner .left .icon-alert { + margin-right: 1.5625rem + } +} + +@media screen and (min-width: 1024px) { + .cc--notification-banner .c--notification-banner .notification-banner-inner .left .icon-alert { + height: 3.125rem; + left: 0; + position: absolute; + width: 3.125rem + } +} + +.cc--notification-banner .c--notification-banner .notification-banner-inner .right { + margin-top: 1.25rem +} + +@media screen and (min-width: 1024px) { + .cc--notification-banner .c--notification-banner .notification-banner-inner .right { + margin-top: 0; + -webkit-box-flex: 0; + -ms-flex: 0 1 67.4418604651%; + flex: 0 1 67.4418604651% + } +} + +.cc--notification-banner .c--notification-banner .notification-banner-inner .right .f--wysiwyg, +.cc--notification-banner .c--notification-banner .notification-banner-inner .right .f--wysiwyg p { + color: #151515; + font-size: .875rem; + line-height: 1.7143; + margin: 0 +} + +@media screen and (min-width: 768px) { + + .cc--notification-banner .c--notification-banner .notification-banner-inner .right .f--wysiwyg, + .cc--notification-banner .c--notification-banner .notification-banner-inner .right .f--wysiwyg p { + font-size: 1rem; + line-height: 1.875 + } +} + +.cc--notification-banner .c--notification-banner .notification-banner-inner .right .f--wysiwyg p.date-updated, +.cc--notification-banner .c--notification-banner .notification-banner-inner .right .f--wysiwyg.date-updated { + color: #000; + margin-top: .625rem +} + +html[data-whatintent=mouse] .cc--notification-banner .c--notification-banner .notification-banner-inner .right .f--wysiwyg a:hover { + text-decoration: none +} + +.cc--notification-banner .c--notification-banner .notification-banner-inner .right .f--link { + margin-top: .625rem +} + +@media screen and (min-width: 768px) { + .cc--notification-banner .c--notification-banner .notification-banner-inner .right .f--link { + margin-top: .8125rem + } +} + +.cc--notification-banner .c--notification-banner .notification-banner-inner .right .f--link a { + color: #881c1c; + font-size: .875rem; + line-height: 1.2858; + text-transform: uppercase +} + +html[data-whatintent=mouse] .cc--notification-banner .c--notification-banner .notification-banner-inner .right .f--link a:hover { + text-decoration: none +} + +.cc--notification-banner .c--notification-banner .notification-banner-inner .close-notification { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: absolute; + right: 1.0625rem; + top: 1.9375rem; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + height: 2.1875rem; + justify-content: center; + width: 2.1875rem +} + +@media screen and (min-width: 768px) { + .cc--notification-banner .c--notification-banner .notification-banner-inner .close-notification { + right: .625rem; + top: .625rem + } +} + +.cc--notification-banner .c--notification-banner .notification-banner-inner .close-notification svg polygon { + fill: #000 +} + +.cc--notification-banner.notice { + background-color: #fff +} + +.cc--notification-banner.notice .c--notification-banner .notification-banner-inner .f--wysiwyg, +.cc--notification-banner.notice .c--notification-banner .notification-banner-inner .f--wysiwyg p { + color: #151515 +} + +html[data-whatintent=mouse] .cc--notification-banner.notice .c--notification-banner .notification-banner-inner .f--wysiwyg a:hover { + text-decoration: none +} + +.cc--notification-banner.notice .c--notification-banner .notification-banner-inner .left span.alert-title, +.cc--notification-banner.notice .c--notification-banner .notification-banner-inner .right .f--wysiwyg, +.cc--notification-banner.notice .c--notification-banner .notification-banner-inner .right .f--wysiwyg p { + color: #151515 +} + +.cc--notification-banner.notice .c--notification-banner .notification-banner-inner .right .f--wysiwyg p.date-updated, +.cc--notification-banner.notice .c--notification-banner .notification-banner-inner .right .f--wysiwyg.date-updated { + color: #000 +} + +.cc--notification-banner.notice .c--notification-banner .notification-banner-inner .right .f--link a, +.cc--notification-banner.notice .c--notification-banner .notification-banner-inner .right .f--link span { + color: #881c1c +} + +html[data-whatintent=mouse] .cc--notification-banner.notice .c--notification-banner .notification-banner-inner .right .f--link a:hover, +html[data-whatintent=mouse] .cc--notification-banner.notice .c--notification-banner .notification-banner-inner .right .f--link span:hover { + text-decoration: none +} + +.cc--notification-banner.notice .c--notification-banner .notification-banner-inner .close-notification svg polygon { + fill: #000 +} + +.cc--notification-banner.alert { + background-color: #ffc721 +} + +.cc--notification-banner.alert .c--notification-banner .notification-banner-inner .f--wysiwyg, +.cc--notification-banner.alert .c--notification-banner .notification-banner-inner .f--wysiwyg p { + color: #151515 +} + +html[data-whatintent=mouse] .cc--notification-banner.alert .c--notification-banner .notification-banner-inner .f--wysiwyg a:hover { + text-decoration: none +} + +.cc--notification-banner.alert .c--notification-banner .notification-banner-inner .left span.alert-title, +.cc--notification-banner.alert .c--notification-banner .notification-banner-inner .right .f--wysiwyg, +.cc--notification-banner.alert .c--notification-banner .notification-banner-inner .right .f--wysiwyg p { + color: #151515 +} + +.cc--notification-banner.alert .c--notification-banner .notification-banner-inner .right .f--wysiwyg p.date-updated, +.cc--notification-banner.alert .c--notification-banner .notification-banner-inner .right .f--wysiwyg.date-updated { + color: #000 +} + +.cc--notification-banner.alert .c--notification-banner .notification-banner-inner .right .f--link a, +.cc--notification-banner.alert .c--notification-banner .notification-banner-inner .right .f--link span { + color: #881c1c +} + +html[data-whatintent=mouse] .cc--notification-banner.alert .c--notification-banner .notification-banner-inner .right .f--link a:hover, +html[data-whatintent=mouse] .cc--notification-banner.alert .c--notification-banner .notification-banner-inner .right .f--link span:hover { + text-decoration: none +} + +.cc--notification-banner.alert .c--notification-banner .notification-banner-inner .close-notification svg polygon { + fill: #000 +} + +.cc--notification-banner.emergency { + background-color: #d50032 +} + +.cc--notification-banner.emergency .c--notification-banner .notification-banner-inner .f--wysiwyg, +.cc--notification-banner.emergency .c--notification-banner .notification-banner-inner .f--wysiwyg a, +.cc--notification-banner.emergency .c--notification-banner .notification-banner-inner .f--wysiwyg p { + color: #fff +} + +html[data-whatintent=mouse] .cc--notification-banner.emergency .c--notification-banner .notification-banner-inner .f--wysiwyg a:hover { + color: #fff; + text-decoration: none +} + +.cc--notification-banner.emergency .c--notification-banner .notification-banner-inner .left span.alert-title, +.cc--notification-banner.emergency .c--notification-banner .notification-banner-inner .right .f--link a, +.cc--notification-banner.emergency .c--notification-banner .notification-banner-inner .right .f--link span, +.cc--notification-banner.emergency .c--notification-banner .notification-banner-inner .right .f--wysiwyg, +.cc--notification-banner.emergency .c--notification-banner .notification-banner-inner .right .f--wysiwyg a, +.cc--notification-banner.emergency .c--notification-banner .notification-banner-inner .right .f--wysiwyg a.date-updated, +.cc--notification-banner.emergency .c--notification-banner .notification-banner-inner .right .f--wysiwyg p, +.cc--notification-banner.emergency .c--notification-banner .notification-banner-inner .right .f--wysiwyg p.date-updated, +.cc--notification-banner.emergency .c--notification-banner .notification-banner-inner .right .f--wysiwyg.date-updated { + color: #fff +} + +.cc--notification-banner.emergency .c--notification-banner .notification-banner-inner .close-notification svg polygon { + fill: #fff +} + +.cc--notification-banner.extreme-emergency { + background-color: #d50032; + margin-top: -6.25rem +} + +@media screen and (min-width: 768px) { + .cc--notification-banner.extreme-emergency { + margin-top: -9.375rem + } +} + +.cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner { + display: block; + padding: 7.1875rem 8.3333333333% 1.25rem; + position: relative +} + +@media screen and (min-width: 768px) { + .cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner { + padding-bottom: 1.5625rem; + padding-top: 11.875rem + } +} + +@media screen and (min-width: 1024px) { + .cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner { + padding-left: 4.1666666667%; + padding-right: 4.1666666667% + } +} + +.cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner:before { + background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(#000)); + background-image: linear-gradient(0deg, transparent, #000); + content: ""; + display: block; + height: 7.8125rem; + left: 0; + opacity: .8; + position: absolute; + top: 0; + width: 100% +} + +@media screen and (min-width: 768px) { + .cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner:before { + height: 15.625rem + } +} + +.cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner .f--wysiwyg, +.cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner .f--wysiwyg a, +.cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner .f--wysiwyg p { + color: #fff +} + +html[data-whatintent=mouse] .cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner .f--wysiwyg a:hover { + color: #fff; + text-decoration: none +} + +.cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner .left { + padding-left: 0; + padding-right: 0; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start +} + +.cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner .left .icon-alert { + margin-bottom: .625rem; + position: relative +} + +@media screen and (min-width: 768px) { + .cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner .left .icon-alert { + margin-bottom: 1.5625rem + } +} + +.cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner .left span.alert-title { + color: #fff; + display: block; + font-size: 1.875rem; + font-weight: 800; + line-height: 1; + margin-bottom: 1.25rem; + max-width: 34.375rem; + text-transform: uppercase +} + +@media screen and (min-width: 768px) { + .cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner .left span.alert-title { + font-size: 3.75rem; + line-height: .9167; + margin-bottom: 1.5rem + } +} + +.cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner .right { + margin-top: 0 +} + +.cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner .right .f--wysiwyg { + color: #fff; + max-width: 34.375rem +} + +.cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner .right .f--wysiwyg a, +.cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner .right .f--wysiwyg p { + color: #fff +} + +html[data-whatintent=mouse] .cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner .right .f--wysiwyg a:hover { + color: #fff; + text-decoration: none +} + +.cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner .right .f--wysiwyg.date-updated { + color: #fff; + font-size: .875rem; + line-height: 1.7143 +} + +.cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner .right .f--link a, +.cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner .right .f--link span { + color: #fff +} + +.cc--notification-banner.extreme-emergency .c--notification-banner .notification-banner-inner .close-notification svg polygon { + fill: #fff +} + +.cc--page-body .c--page-body { + margin: 0 auto; + max-width: 1800px; + padding: 2.5rem 8.3333333333% +} + +@media screen and (min-width: 768px) { + .cc--page-body .c--page-body { + padding: 3.125rem 14.5833333333% + } +} + +@media screen and (min-width: 1024px) { + .cc--page-body .c--page-body { + padding: 3.125rem 27.0833333333% 4.6875rem + } +} + +.cc--page-body .f--section-title { + margin-bottom: .5625rem +} + +@media screen and (min-width: 768px) { + .cc--page-body .f--section-title { + margin-bottom: .8125rem + } +} + +@media screen and (min-width: 1024px) { + .cc--page-body .f--section-title { + margin-bottom: 1.75rem + } +} + +.cc--page-body .f--section-title h2 { + text-transform: uppercase +} + +@media screen and (max-width: 767px) { + .cc--page-body .f--section-title h2 { + font-size: 1.75rem + } +} + +.cc--pager-calendar .c--pager-calendar { + display: none +} + +@media screen and (min-width: 1024px) { + .cc--pager-calendar .c--pager-calendar { + display: block; + margin-bottom: 7.8125rem; + padding-left: 5.5555555556%; + padding-right: 13.8888888889% + } +} + +.cc--pager-calendar .c--pager-calendar .pager ul { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between +} + +.cc--pager-calendar .c--pager-calendar .pager ul li { + color: #000; + font-size: .6875rem; + letter-spacing: .024375rem; + text-transform: uppercase +} + +.cc--pager-calendar .c--pager-calendar .pager ul li a { + color: inherit; + font-family: inherit; + font-size: inherit; + text-decoration: none +} + +.cc--pager-calendar .c--pager-calendar .pager ul li.pager__item--previous svg { + margin-right: .625rem +} + +.cc--pager-calendar .c--pager-calendar .pager ul li.pager__item--next svg { + margin-left: .625rem +} + +.cc--pager-load-more { + margin-bottom: 2.5rem; + padding-left: 8.3333333333%; + padding-right: 8.3333333333% +} + +.cc--pager-load-more ul { + list-style: none; + margin: 0; + padding: 0 +} + +.cc--pager-load-more .pager__item { + list-style: none; + text-align: center +} + +.cc--pager-load-more .pager__item a { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: .875rem; + line-height: 1.2858; + padding-left: .9375rem; + padding-right: .9375rem; + position: relative; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: #881c1c; + border: 0; + border-radius: 0; + color: #fff; + height: 3.125rem; + text-align: center; + text-decoration: none; + text-transform: uppercase; + -webkit-transition: background-color .1s ease-in-out; + transition: background-color .1s ease-in-out; + white-space: normal; + width: 100% +} + +html[data-whatintent=mouse] .cc--pager-load-more .pager__item a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--pager-load-more .pager__item a:hover { + background-color: #6a1010; + color: #fff; + text-decoration: none; + -webkit-transition: background-color .1s ease-in-out, color .1s ease-in-out; + transition: background-color .1s ease-in-out, color .1s ease-in-out +} + +.cc--pager-load-more .pager__item a { + margin: 0 auto; + max-width: 170px +} + +.cc--pager-load-more .icon-wrapper { + text-align: center +} + +.cc--pager-load-more .icon-wrapper svg { + -webkit-animation: spin 2s linear infinite; + animation: spin 2s linear infinite; + height: 2.1875rem; + width: 2.1875rem +} + +.cc--pager-load-more .icon-wrapper svg path { + fill: #881c1c +} + +@media screen and (min-width: 1024px) { + .tc--events-listing .cc--pager-load-more { + padding-left: 5.5555555556%; + padding-right: 13.8888888889% + } +} + +@-webkit-keyframes spin { + to { + -webkit-transform: rotate(1turn); + transform: rotate(1turn) + } +} + +@keyframes spin { + to { + -webkit-transform: rotate(1turn); + transform: rotate(1turn) + } +} + +@media screen and (min-width: 768px) { + .cc--related-news-card:not(:last-child) { + border-bottom: .0625rem solid #ccc + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--related-news-card, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--related-news-card, + .sg-pattern-example>.cc--related-news-card, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--related-news-card, + body.pattern-lab-demo>.cc--related-news-card { + border: 0 + } +} + +@media screen and (min-width: 768px) { + .cc--related-news-card .c--related-news-card { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + padding-bottom: 1.625rem + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--related-news-card .c--related-news-card, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--related-news-card .c--related-news-card, + .sg-pattern-example>.cc--related-news-card .c--related-news-card, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--related-news-card .c--related-news-card, + body.pattern-lab-demo>.cc--related-news-card .c--related-news-card { + display: block; + padding-bottom: 0 + } +} + +.cc--related-news-card .f--image { + margin-bottom: 1.125rem +} + +@media screen and (min-width: 768px) { + .cc--related-news-card .f--image { + margin-bottom: 0; + -ms-flex-preferred-size: 37.5%; + flex-basis: 37.5%; + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2 + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--related-news-card .f--image, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--related-news-card .f--image, + .sg-pattern-example>.cc--related-news-card .f--image, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--related-news-card .f--image, + body.pattern-lab-demo>.cc--related-news-card .f--image { + margin-bottom: 1.125rem + } +} + +@media print { + .cc--related-news-card .f--image { + margin-bottom: 1.125rem + } +} + +@media screen and (min-width: 768px) { + .cc--related-news-card .text-container { + padding-right: 10%; + -ms-flex-preferred-size: 62.5%; + flex-basis: 62.5%; + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1 + } +} + +.cc--related-news-card .f--cta-title { + margin-bottom: .625rem +} + +@media screen and (min-width: 768px) { + .cc--related-news-card .f--cta-title { + margin-bottom: .9375rem + } +} + +.cc--related-news-card .f--cta-title h3 { + font-size: .9375rem; + line-height: 1.2 +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--related-news-card .f--cta-title h3, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--related-news-card .f--cta-title h3, + .sg-pattern-example>.cc--related-news-card .f--cta-title h3, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--related-news-card .f--cta-title h3, + body.pattern-lab-demo>.cc--related-news-card .f--cta-title h3 { + font-size: 1rem; + line-height: 1.25 + } +} + +@media print { + .cc--related-news-card .f--cta-title h3 { + font-size: 1rem; + line-height: 1.25 + } +} + +.cc--related-news-card .f--cta-title h3 a { + color: #000; + text-decoration: none +} + +html[data-whatintent=mouse] .cc--related-news-card .f--cta-title h3 a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--related-news-card .f--cta-title h3 a:hover { + color: #881c1c +} + +.cc--related-news-card .f--description p { + font-size: .875rem; + line-height: 1.7143 +} + +@media screen and (min-width: 768px)and (max-width:1023px) { + .cc--related-news-card .f--description p { + font-size: .9375rem; + line-height: 1.8667 + } +} + +.cc--related-news .c--related-news { + margin: 0 auto; + max-width: 1800px; + padding: 2.5rem 8.3333333333% +} + +@media screen and (min-width: 768px) { + .cc--related-news .c--related-news { + padding-bottom: 3.125rem; + padding-top: 3.125rem + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--related-news .c--related-news, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--related-news .c--related-news, + .sg-pattern-example>.cc--related-news .c--related-news, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--related-news .c--related-news, + body.pattern-lab-demo>.cc--related-news .c--related-news { + padding: 4.6875rem 6.25% + } +} + +@media print { + .cc--related-news .c--related-news { + padding-bottom: 4.6875rem; + padding-left: 2.0833333333%; + padding-right: 2.0833333333% + } +} + +.cc--related-news .c--related-news>.text-container { + margin-bottom: 1.125rem +} + +@media screen and (min-width: 768px) { + .cc--related-news .c--related-news>.text-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin-bottom: 1.5625rem; + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--related-news .c--related-news>.text-container, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--related-news .c--related-news>.text-container, + .sg-pattern-example>.cc--related-news .c--related-news>.text-container, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--related-news .c--related-news>.text-container, + body.pattern-lab-demo>.cc--related-news .c--related-news>.text-container { + margin-bottom: 1.125rem + } +} + +.cc--related-news .c--related-news>.text-container .f--section-title h2 { + color: #881c1c; + font-size: 1.75rem; + line-height: 1; + margin-bottom: 1rem; + text-transform: uppercase +} + +@media screen and (min-width: 768px) { + .cc--related-news .c--related-news>.text-container .f--section-title h2 { + font-size: 2.5rem; + line-height: 1; + margin-bottom: 0 + } +} + +@media print { + .cc--related-news .c--related-news>.text-container .f--section-title h2 { + color: #881c1c !important; + font-size: 2.5rem; + line-height: 1 + } +} + +.cc--related-news .c--related-news>.text-container .f--section-title h2 a { + text-decoration: none +} + +html[data-whatintent=mouse] .cc--related-news .c--related-news>.text-container .f--section-title h2 a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--related-news .c--related-news>.text-container .f--section-title h2 a:hover { + text-decoration: underline +} + +.cc--related-news .c--related-news>.text-container .f--link .link { + font-size: .875rem; + font-weight: 800; + line-height: 1.2858; + text-transform: uppercase +} + +@media print { + .cc--related-news .c--related-news>.text-container .f--link .link { + display: none + } +} + +html[data-whatintent=mouse] .cc--related-news .c--related-news>.text-container .f--link .link else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--related-news .c--related-news>.text-container .f--link .link:hover { + color: #151515 +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--related-news .f--cards, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--related-news .f--cards, + .sg-pattern-example>.cc--related-news .f--cards, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--related-news .f--cards, + body.pattern-lab-demo>.cc--related-news .f--cards { + display: -webkit-box; + display: -ms-flexbox; + display: flex + } +} + +@media print { + .cc--related-news .f--cards { + display: -webkit-box; + display: -ms-flexbox; + display: flex + } +} + +.cc--related-news .f--cards .cc--related-news-card:not(:last-child) { + margin-bottom: 1.5625rem +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--related-news .f--cards .cc--related-news-card, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--related-news .f--cards .cc--related-news-card, + .sg-pattern-example>.cc--related-news .f--cards .cc--related-news-card, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--related-news .f--cards .cc--related-news-card, + body.pattern-lab-demo>.cc--related-news .f--cards .cc--related-news-card { + margin-bottom: 0; + -ms-flex-preferred-size: 21.4285714286%; + flex-basis: 21.4285714286% + } + + .lc--full .cc--related-news .f--cards .cc--related-news-card:not(:last-child), + .sg-pattern-example>.cc--component-container .f--field.nested .cc--related-news .f--cards .cc--related-news-card:not(:last-child), + .sg-pattern-example>.cc--related-news .f--cards .cc--related-news-card:not(:last-child), + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--related-news .f--cards .cc--related-news-card:not(:last-child), + body.pattern-lab-demo>.cc--related-news .f--cards .cc--related-news-card:not(:last-child) { + margin-right: 4.7619047619% + } +} + +@media print { + .cc--related-news .f--cards .cc--related-news-card { + margin-bottom: 0; + -ms-flex-preferred-size: 21.4285714286%; + flex-basis: 21.4285714286% + } + + .cc--related-news .f--cards .cc--related-news-card:not(:last-child) { + margin-right: 4.7619047619% + } +} + +.cc--social-media-grid { + background-color: #4a4a4a +} + +.cc--social-media-grid .c--social-media-grid { + margin: 0 auto; + max-width: 1800px +} + +.cc--social-media-grid .social-media-grid-inner { + padding: 2.5rem 8.3333333333% +} + +@media screen and (min-width: 768px) { + .cc--social-media-grid .social-media-grid-inner { + padding: 3.125rem 4.1666666667% + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--social-media-grid .social-media-grid-inner, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--social-media-grid .social-media-grid-inner, + .sg-pattern-example>.cc--social-media-grid .social-media-grid-inner, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--social-media-grid .social-media-grid-inner, + body.pattern-lab-demo>.cc--social-media-grid .social-media-grid-inner { + padding-left: 6.25%; + padding-right: 6.25% + } +} + +.cc--social-media-grid .header-container { + margin-bottom: 2.5rem +} + +@media screen and (min-width: 768px) { + .cc--social-media-grid .header-container { + margin-bottom: 2.1875rem + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--social-media-grid .header-container, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--social-media-grid .header-container, + .sg-pattern-example>.cc--social-media-grid .header-container, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--social-media-grid .header-container, + body.pattern-lab-demo>.cc--social-media-grid .header-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin-bottom: 3.125rem; + padding-left: 2.380952381%; + padding-right: 2.380952381%; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between + } + + .lc--full .cc--social-media-grid .f--section-title, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--social-media-grid .f--section-title, + .sg-pattern-example>.cc--social-media-grid .f--section-title, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--social-media-grid .f--section-title, + body.pattern-lab-demo>.cc--social-media-grid .f--section-title { + -ms-flex-preferred-size: 37.5%; + flex-basis: 37.5% + } +} + +.cc--social-media-grid .f--section-title h2 { + color: #fff; + font-size: 1.875rem; + letter-spacing: -.06875rem; + line-height: 1; + text-transform: uppercase; + word-wrap: break-word +} + +@media screen and (min-width: 768px) { + .cc--social-media-grid .f--section-title h2 { + font-size: 2.5rem; + line-height: 1 + } +} + +.cc--social-media-grid .social-media-links { + margin-top: 1.5625rem +} + +@media screen and (min-width: 768px)and (max-width:1023px) { + .cc--social-media-grid .social-media-links { + display: -webkit-box; + display: -ms-flexbox; + display: flex + } +} + +.cc--social-media-grid .social-media-links>span { + color: #fff; + font-size: .75rem; + line-height: 1.5; + text-transform: uppercase +} + +@media screen and (min-width: 768px) { + .cc--social-media-grid .social-media-links>span { + font-size: .875rem; + line-height: 1.2858 + } +} + +@media screen and (min-width: 768px)and (max-width:1023px) { + .cc--social-media-grid .social-media-links>span { + margin-right: .9375rem + } +} + +.cc--social-media-grid .f--links { + display: -webkit-box; + display: -ms-flexbox; + display: flex +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--social-media-grid .f--links, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--social-media-grid .f--links, + .sg-pattern-example>.cc--social-media-grid .f--links, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--social-media-grid .f--links, + body.pattern-lab-demo>.cc--social-media-grid .f--links { + margin-top: .9375rem + } +} + +@media screen and (max-width: 767px) { + .cc--social-media-grid .f--links { + margin-top: .9375rem; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start + } +} + +.cc--social-media-grid .f--links a { + display: inline-block; + margin-left: .875rem; + margin-right: .875rem; + -webkit-transition: opacity .2s ease; + transition: opacity .2s ease +} + +.cc--social-media-grid .f--links a:first-child { + margin-left: 0 +} + +.cc--social-media-grid .f--links a:last-child { + margin-right: 0 +} + +html[data-whatintent=mouse] .cc--social-media-grid .f--links a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--social-media-grid .f--links a:hover { + opacity: .7 +} + +.cc--social-media-grid .f--links svg { + fill: #fff; + width: 1.25rem +} + +.cc--social-media-grid .crt-widget .crt-post { + border: 0 +} + +.cc--social-media-grid .crt-widget .crt-load-more-container { + margin: 0 auto; + max-width: 170px +} + +.cc--social-media-grid .crt-widget .crt-load-more-container .crt-load-more { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + font-size: .875rem; + line-height: 1.2858; + padding-left: .9375rem; + padding-right: .9375rem; + position: relative; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: #881c1c; + border: 0; + border-radius: 0; + color: #fff; + height: 3.125rem; + text-align: center; + text-decoration: none; + text-transform: uppercase; + -webkit-transition: background-color .1s ease-in-out; + transition: background-color .1s ease-in-out; + white-space: normal; + width: 100% +} + +html[data-whatintent=mouse] .cc--social-media-grid .crt-widget .crt-load-more-container .crt-load-more else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--social-media-grid .crt-widget .crt-load-more-container .crt-load-more:hover { + background-color: #6a1010; + color: #fff; + text-decoration: none; + -webkit-transition: background-color .1s ease-in-out, color .1s ease-in-out; + transition: background-color .1s ease-in-out, color .1s ease-in-out +} + +.cc--sort-az { + margin: 0 auto; + max-width: 1800px; + padding-left: 8.3333333333%; + padding-right: 8.3333333333% +} + +.cc--sort-az .c--sort-az { + border-bottom: .0625rem solid #ccc +} + +.cc--sort-az ul { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + list-style: none; + margin-bottom: .25rem; + padding-left: 0 +} + +.cc--sort-az ul li { + margin-right: 1.875rem +} + +.cc--sort-az ul li .bef-link { + color: #4a4a4a; + font-size: .75rem; + font-weight: 800; + line-height: 1.5; + text-decoration: none +} + +@media screen and (min-width: 768px) { + .cc--sort-az ul li .bef-link { + font-size: .875rem; + line-height: 1.2858 + } +} + +html[data-whatintent=mouse] .cc--sort-az ul li .bef-link else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--sort-az ul li .bef-link:hover { + text-decoration: underline +} + +.cc--sort-az ul li .bef-link--selected { + color: #881c1c +} + +.cc--sort-events { + margin: 0 auto 1.875rem; + max-width: 1800px; + padding-left: 8.3333333333%; + padding-right: 8.3333333333% +} + +@media screen and (min-width: 1024px) { + .cc--sort-events { + margin-bottom: 1.25rem; + padding-bottom: 0; + padding-left: 5.5555555556%; + padding-right: 13.8888888889% + } +} + +.cc--sort-events .c--sort-events { + border-bottom: .0625rem solid #ccc +} + +.cc--sort-events ul { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + list-style: none; + margin-bottom: .25rem; + padding-left: 0 +} + +.cc--sort-events ul li { + margin-right: 1.875rem +} + +.cc--sort-events ul li .bef-link { + color: #4a4a4a; + font-size: .75rem; + font-weight: 800; + line-height: 1.5; + text-decoration: none; + text-transform: uppercase +} + +@media screen and (min-width: 768px) { + .cc--sort-events ul li .bef-link { + font-size: .875rem; + line-height: 1.2858 + } +} + +html[data-whatintent=mouse] .cc--sort-events ul li .bef-link else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--sort-events ul li .bef-link:hover { + color: #881c1c; + text-decoration: none +} + +.cc--sort-events ul li .bef-link--selected, +.cc--sort-events ul li .bef-link.is-active { + color: #881c1c +} + +.cc--spacer { + margin: 0 auto; + max-width: 1800px +} + +.cc--spacer .c--spacer { + height: 1.5625rem +} + +@media screen and (min-width: 768px) { + .cc--spacer .c--spacer { + height: 2.5rem + } +} + +@media screen and (min-width: 1024px) { + .cc--spacer .c--spacer { + height: 3.125rem + } +} + +.cc--staff-card .c--staff-card .f--image { + -ms-flex-negative: 0; + flex-shrink: 0 +} + +@media screen and (min-width: 768px) { + .cc--staff-card .c--staff-card .f--image { + margin-right: 4.1666666667%; + -ms-flex-preferred-size: 25%; + flex-basis: 25% + } +} + +.cc--staff-card .c--staff-card text-container { + -ms-flex-preferred-size: 100%; + flex-basis: 100% +} + +@media screen and (min-width: 768px) { + .cc--story-card .c--story-card { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between + } +} + +.cc--story-card .c--story-card .f--image { + -ms-flex-negative: 0; + flex-shrink: 0 +} + +@media screen and (min-width: 768px) { + .cc--story-card .c--story-card .f--image { + margin-left: 4.1666666667%; + margin-right: 0; + -ms-flex-preferred-size: 33.3333333333%; + flex-basis: 33.3333333333%; + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2 + } + + .cc--story-card .c--story-card .text-container { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + -webkit-box-ordinal-group: 2; + -ms-flex-order: 1; + order: 1 + } +} + +.cc--story-card .c--story-card .date-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin-top: .3125rem +} + +.cc--story-card .c--story-card .f--author:after { + content: "|"; + display: inline-block +} + +.cc--testimonial { + background: #151515 +} + +.cc--testimonial .c--testimonial { + margin: 0 auto; + max-width: 1800px; + padding: 2.5rem 8.3333333333% +} + +@media screen and (min-width: 768px) { + .cc--testimonial .c--testimonial { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 4.375rem 13.8888888889% + } +} + +.cc--testimonial .f--image { + margin-bottom: 1.5625rem +} + +@media screen and (min-width: 768px) { + .cc--testimonial .f--image { + margin-bottom: 0; + margin-right: 7.6923076923%; + -ms-flex-preferred-size: 38.4615384615%; + flex-basis: 38.4615384615% + } + + .cc--testimonial .text-container { + -ms-flex-preferred-size: 53.8461538462%; + flex-basis: 53.8461538462% + } +} + +.cc--testimonial .text-container .f--quote { + margin-bottom: .9375rem +} + +.cc--testimonial .text-container .f--quote p { + color: #fff; + font-size: 1.625rem; + font-style: italic; + line-height: 1.3847 +} + +.cc--testimonial .text-container .f--quote p:before { + content: "“" +} + +.cc--testimonial .text-container .f--quote p:after { + content: "”" +} + +.cc--testimonial .text-container .f--attribution { + color: #fff; + font-size: .9375rem; + font-weight: 700; + line-height: 1.3334 +} + +.cc--testimonial .text-container .f--attribution:before { + content: "—"; + margin-right: .1875rem; + vertical-align: top +} + +.cc--testimonial .text-container .f--attribution p { + color: #fff; + display: inline-block; + font-size: .9375rem; + font-weight: 700; + line-height: 1.3334 +} + +.cc--testimonial .text-container .f--attribution a { + color: #fff +} + +.cc--testimonial .text-container .f--attribution a:hover { + color: #ccc +} + +footer.timeline h1, +header.timeline h1 { + margin-bottom: 1.75rem +} + +footer.timeline, +header.timeline { + margin: 0 auto; + max-width: 1800px; + padding-bottom: 2.5rem; + padding-left: 8.3333333333%; + padding-right: 8.3333333333% +} + +@media screen and (min-width: 768px) { + + footer.timeline, + header.timeline { + padding-bottom: 3.125rem; + padding-left: 8.3333333333%; + padding-right: 8.3333333333% + } +} + +.timeline-menu { + margin-top: 3rem +} + +@media screen and (max-width: 767px) { + .timeline-menu { + display: none; + margin-top: auto + } +} + +.timeline-menu ul { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -ms-flex-pack: center; + color: #fff; + font-weight: 700; + justify-content: center +} + +.timeline-menu li a { + background-color: #881c1c; + color: #fff; + display: block; + font-size: 1.125rem; + line-height: 1.2223; + padding: .5rem; + text-decoration: none +} + +@media screen and (max-width: 767px) { + .timeline-menu li a { + border-radius: 1.5rem; + margin: .5rem; + padding: .5rem 1rem + } +} + +.timeline-menu li a:hover { + background-color: #6a1010; + color: #fff; + text-decoration: underline +} + +ul.timeline-list:after { + background-color: #881c1c +} + +ul.timeline-list li.timeline-item .timeline-item-wrapper span.timeline-marker { + border: 3px solid #881c1c +} + +ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper .timeline-marker { + right: -5px +} + +ul.timeline-list.alternate li.timeline-item.even .timeline-item-wrapper .timeline-marker { + left: -5px +} + +.cc--timeline-event .c--timeline-event h2 { + color: #881c1c; + font-size: 2.5rem; + line-height: 1.05 +} + +@media screen and (max-width: 767px) { + .cc--timeline-event .c--timeline-event h2 { + font-size: 1.5rem; + line-height: 1.1667 + } +} + +.cc--timeline-event .c--timeline-event p { + font-size: .9375rem; + line-height: 1.6667; + margin-bottom: .9375rem +} + +@media screen and (min-width: 768px) { + .cc--timeline-event .c--timeline-event p { + font-size: 1rem; + line-height: 1.875; + margin-bottom: 2.1875rem + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--timeline-event .c--timeline-event p, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--timeline-event .c--timeline-event p, + .sg-pattern-example>.cc--timeline-event .c--timeline-event p, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--timeline-event .c--timeline-event p, + body.pattern-lab-demo>.cc--timeline-event .c--timeline-event p { + font-size: .9375rem; + line-height: 1.8667; + margin-bottom: 1.5625rem + } +} + +@media screen and (max-width: 767px) { + .cc--timeline-event .c--timeline-event .accordion h3 .accordion-trigger { + font-size: 1rem; + line-height: 1.125 + } + + .cc--timeline-event .c--timeline-event .accordion h3 .accordion-trigger:after { + width: 2rem + } +} + +.cc--timeline-event .c--timeline-event .accordion .button, +.cc--timeline-event .c--timeline-event .accordion .f--button-link a, +.f--button-link .cc--timeline-event .c--timeline-event .accordion a { + width: auto +} + +.cc--timeline-event .c--timeline-event .f--image { + padding: 0 8.3333333333% +} + +@media screen and (min-width: 768px) { + .cc--timeline-event .c--timeline-event .f--image { + padding-top: 0 + } +} + +@media screen and (min-width: 1024px) { + .cc--timeline-event .c--timeline-event .f--image { + padding-bottom: 0; + padding-top: 0 + } +} + +.video-controls { + position: absolute; + right: .75rem; + top: .625rem; + z-index: 4 +} + +@media screen and (min-width: 768px) { + .video-controls { + right: 1rem; + top: 1rem + } +} + +@media screen and (min-width: 1024px) { + .video-controls { + bottom: 2.5rem; + right: 2.5rem; + top: inherit + } +} + +.video-controls .video-button { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + border-radius: 50%; + height: 1.25rem; + justify-content: center; + width: 1.25rem +} + +@media screen and (min-width: 768px) { + .video-controls .video-button { + height: 2rem; + width: 2rem + } +} + +.video-controls .video-button.video-pause-button { + display: -webkit-box; + display: -ms-flexbox; + display: flex +} + +@media screen and (min-width: 768px) { + .video-controls .video-button.video-pause-button svg { + height: 1.75rem; + width: 1.5rem + } +} + +.video-controls .video-button.video-pause-button.hidden, +.video-controls .video-button.video-play-button { + display: none +} + +.video-controls .video-button.video-play-button.active { + display: -webkit-box; + display: -ms-flexbox; + display: flex +} + +html[data-whatintent=mouse] .video-controls .video-button else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .video-controls .video-button:hover svg path { + fill: #fff +} + +.video-controls .video-button svg { + height: 100%; + width: 100% +} + +.video-controls .video-button svg path { + fill: hsla(0, 0%, 100%, .5) +} + +.cc--wysiwyg .f--video-embed { + height: 0; + padding-bottom: 56.25%; + position: relative +} + +.cc--wysiwyg .f--video-embed iframe { + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100% +} + +.cc--video-full-width .c--video-full-width { + margin: 0 auto; + max-width: 1800px; + position: relative +} + +.cc--video-full-width .video-container { + margin-bottom: 1.25rem; + position: relative +} + +@media screen and (min-width: 768px) { + .cc--video-full-width .video-container { + margin-bottom: 2.1875rem + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .cc--video-full-width .video-container, + .sg-pattern-example>.cc--component-container .f--field.nested .cc--video-full-width .video-container, + .sg-pattern-example>.cc--video-full-width .video-container, + body.pattern-lab-demo>.cc--component-container .f--field.nested .cc--video-full-width .video-container, + body.pattern-lab-demo>.cc--video-full-width .video-container { + margin-bottom: 0; + -ms-flex-preferred-size: 68.1818181818%; + flex-basis: 68.1818181818%; + -webkit-box-ordinal-group: 3; + -ms-flex-order: 2; + order: 2 + } +} + +.cc--video-full-width .video-container.show .f--video-embed { + opacity: 1; + visibility: visible +} + +.cc--video-full-width .video-container.show .f--image { + opacity: 0; + visibility: hidden +} + +.cc--video-full-width .video-container .play-btn { + display: block; + height: 100%; + left: 50%; + position: absolute; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + width: 100% +} + +.cc--video-full-width .video-container .play-btn:after { + background-color: #881c1c; + background-image: url(/themes/custom/umass_base/images/icons/icon-play.svg); + background-position: 50%; + background-repeat: no-repeat; + background-size: .5625rem; + border: 1px solid hsla(0, 0%, 100%, .65); + border-radius: 50%; + -webkit-box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, .65); + box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, .65); + display: inline-block; + font-size: 0; + height: 3.125rem; + line-height: 0; + overflow: hidden; + text-indent: 101%; + white-space: nowrap; + width: 3.125rem +} + +html[data-whatintent=mouse] .cc--video-full-width .video-container .play-btn:after else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc--video-full-width .video-container .play-btn:after:hover { + background-color: #6a1010 +} + +.cc--video-full-width .video-container .play-btn:after { + border: 0; + content: ""; + z-index: 10 +} + +.cc--video-full-width .video-container .f--image { + height: 100%; + -webkit-transition: visibility 0s linear .2s, opacity .2s ease; + transition: visibility 0s linear .2s, opacity .2s ease +} + +.cc--video-full-width .video-container .f--image img { + height: 100%; + -o-object-fit: cover; + object-fit: cover +} + +.cc--video-full-width .video-container .f--video-embed { + height: 100%; + left: 0; + opacity: 0; + position: absolute; + top: 0; + -webkit-transition: opacity .2s ease; + transition: opacity .2s ease; + visibility: hidden; + width: 100%; + z-index: 11 +} + +.cc--video iframe, +.cc--video-full-width .video-container .f--video-embed iframe { + height: 100%; + width: 100% +} + +.cc--video iframe { + left: 0; + position: absolute; + top: 0 +} + +.cc--youvisit-embed { + margin: 0 auto; + max-width: 1800px +} + +.cc--youvisit-embed .c--youvisit-embed .youvisit-embed-container { + height: 0; + padding-bottom: 33.3333333333%; + position: relative; + width: 100% +} + +.cc--youvisit-embed .c--youvisit-embed .youvisit-embed-container iframe { + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100% +} + +.tc--article .form-wrapper:not(:last-child) .fi--form-item { + margin-bottom: 1.5625rem +} + +@media screen and (min-width: 768px) { + .tc--article .form-wrapper:not(:last-child) .fi--form-item { + margin-bottom: 2.5rem + } +} + +.tc--article .field--name-field-teaser-image .cc--wysiwyg, +.tc--article .form-wrapper.field--name-field-editorial-access-group, +.tc--article .js-form-type-vertical-tabs, +.tc--article input[data-drupal-selector=edit-field-teaser-image-form-0-actions-ief-add-save] { + display: none +} + +@media screen and (min-width: 1024px) { + .tc--chaptered-page .content-top { + display: none + } +} + +@media screen and (max-width: 1023px) { + .tc--chaptered-page .content-main .cc--hero-interior { + display: none + } +} + +.tc--error-page .content-top { + margin-top: -6.5625rem +} + +@media screen and (min-width: 768px) { + .tc--error-page .content-top { + margin-top: -9.5rem + } +} + +@media screen and (min-width: 1200px) { + .tc--error-page .content-top { + margin-top: -10.6875rem + } +} + +@media screen and (min-width: 1024px) { + .tc--events-listing .content-top { + display: none + } +} + +@media screen and (max-width: 1023px) { + .tc--events-listing .content-main .cc--hero-interior { + display: none + } +} + +.tc--form-page .lr--main { + padding-left: 8.3333333333%; + padding-right: 8.3333333333% +} + +@media screen and (min-width: 768px) { + .tc--form-page .lr--main { + padding-left: 6.25%; + padding-right: 6.25% + } +} + +@media screen and (min-width: 1024px) { + + .lc--full .tc--form-page .lr--main, + .sg-pattern-example>.cc--component-container .f--field.nested .tc--form-page .lr--main, + .sg-pattern-example>.tc--form-page .lr--main, + body.pattern-lab-demo>.cc--component-container .f--field.nested .tc--form-page .lr--main, + body.pattern-lab-demo>.tc--form-page .lr--main { + padding-left: 10.4166666667%; + padding-right: 10.4166666667% + } +} + +.fieldset-legend.form-required:before, +label.form-required:before { + color: red; + content: "* " +} + +.tc--home .content-top { + margin-top: -6.5625rem +} + +@media screen and (min-width: 768px) { + .tc--home .content-top { + margin-top: -9.5rem + } +} + +@media screen and (min-width: 1200px) { + .tc--home .content-top { + margin-top: -10.6875rem + } +} + +.t--login #edit-openid-connect-client-windows-aad-login { + max-width: 20rem +} + +.t--login .c--admin-tabs { + display: none +} + +@media screen and (min-width: 1024px) { + .tc--news-listing .content-top { + display: none + } +} + +@media screen and (max-width: 1023px) { + .tc--news-listing .content-main .cc--hero-interior { + display: none + } + + .tc--news-listing .content-main .lr--main { + padding-top: .625rem + } +} + +.page-node-type-story .publication-date, +.story-listing .f--field.f--eyebrow { + display: none +} + +.cc--story-listing { + margin: 0 auto; + max-width: 1800px; + padding-left: 8.33333%; + padding-right: 8.33333% +} + +.cc--story-listing .f--cards .cc--news-listing-card { + border-bottom: .0625rem solid #ccc; + margin-bottom: 1.3125rem; + padding-bottom: 1.625rem +} + +@media screen and (min-width: 768px) { + .cc--story-listing .f--cards .cc--news-listing-card { + margin-bottom: 2rem; + padding-bottom: 1.6875rem + } +} + +@media screen and (min-width: 1024px) { + .cc--story-listing .f--cards .cc--news-listing-card { + margin-bottom: 2.5rem; + padding-bottom: 2.5rem + } +} + +.cc_banner-wrapper { + z-index: 1000001 +} + +.cc_banner-wrapper .cc_container p.cc_message { + color: #fff +} + +.cc_banner-wrapper .cc_container p.cc_message a { + color: #fff; + font-weight: 700 +} + +html[data-whatintent=mouse] .cc_banner-wrapper .cc_container p.cc_message a else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc_banner-wrapper .cc_container p.cc_message a:hover { + color: #fff; + text-decoration: underline +} + +html[data-whatintent=mouse] .cc_banner-wrapper .cc_container .cc_btn_accept_all else { + -webkit-transition: all .1s; + transition: all .1s +} + +html[data-whatintent=mouse] .cc_banner-wrapper .cc_container .cc_btn_accept_all:hover { + text-decoration: none +} + +.lity .lity-wrap .lity-container { + background-color: #fff; + position: relative +} + +.lity .lity-wrap .lity-container .lity-content { + -webkit-transition: none; + transition: none +} + +.lity .lity-wrap .lity-container .lity-content:after { + display: none +} + +.lity .lity-wrap .lity-container .lity-content iframe { + vertical-align: top +} + +.lity .lity-wrap .lity-container .lity-close { + color: #000; + font-size: 0; + line-height: 0; + overflow: hidden; + position: absolute; + right: -35px; + text-indent: 101%; + top: -25px; + white-space: nowrap +} + +.lity .lity-wrap .lity-container .lity-close:after { + background-image: url(/images/icons/icon-close-grey.svg); + background-size: cover; + content: ""; + display: block; + height: 16px; + left: 50%; + position: absolute; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + width: 16px +} + +html[data-whatinput=keyboard] .lity .lity-wrap .lity-container .lity-close:focus { + outline: 3px solid #c69214 +} + +html[data-whatinput=mouse] .lity .lity-wrap .lity-container .lity-close:focus { + outline: none +} + +.lity .lity-wrap .lity-container h3 { + font-size: 1.25rem; + line-height: 1.5; + margin-bottom: .3125rem +} + +.lity .lity-wrap .lity-container p { + font-size: 1rem; + line-height: 1.625 +} + +.hamburger { + background-color: transparent; + border: 0; + color: inherit; + cursor: pointer; + display: inline-block; + font: inherit; + margin: 0; + overflow: visible; + padding: 9px 5px; + text-transform: none; + -webkit-transition-duration: .15s; + transition-duration: .15s; + -webkit-transition-property: opacity, -webkit-filter; + transition-property: opacity, -webkit-filter; + transition-property: opacity, filter; + transition-property: opacity, filter, -webkit-filter; + -webkit-transition-timing-function: linear; + transition-timing-function: linear +} + +.hamburger.is-active:hover, +.hamburger:hover { + opacity: 1 +} + +.hamburger.is-active .hamburger-inner, +.hamburger.is-active .hamburger-inner:after, +.hamburger.is-active .hamburger-inner:before { + background-color: #000 +} + +.hamburger-box { + display: inline-block; + height: 17px; + position: relative; + width: 25px +} + +.hamburger-inner { + display: block; + margin-top: -1.5px; + top: 50% +} + +.hamburger-inner, +.hamburger-inner:after, +.hamburger-inner:before { + background-color: #000; + border-radius: 0; + height: 3px; + position: absolute; + -webkit-transition-duration: .15s; + transition-duration: .15s; + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; + -webkit-transition-timing-function: ease; + transition-timing-function: ease; + width: 25px +} + +.hamburger-inner:after, +.hamburger-inner:before { + content: ""; + display: block +} + +.hamburger-inner:before { + top: -7px +} + +.hamburger-inner:after { + bottom: -7px +} + +.hamburger--squeeze .hamburger-inner { + -webkit-transition-duration: 75ms; + transition-duration: 75ms; + -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19); + transition-timing-function: cubic-bezier(.55, .055, .675, .19) +} + +.hamburger--squeeze .hamburger-inner:before { + -webkit-transition: top 75ms ease .12s, opacity 75ms ease; + transition: top 75ms ease .12s, opacity 75ms ease +} + +.hamburger--squeeze .hamburger-inner:after { + -webkit-transition: bottom 75ms ease .12s, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19); + transition: bottom 75ms ease .12s, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19); + transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19); + transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19), -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) +} + +.hamburger--squeeze.is-active .hamburger-inner { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transition-delay: .12s; + transition-delay: .12s; + -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); + transition-timing-function: cubic-bezier(.215, .61, .355, 1) +} + +.hamburger--squeeze.is-active .hamburger-inner:before { + opacity: 0; + top: 0; + -webkit-transition: top 75ms ease, opacity 75ms ease .12s; + transition: top 75ms ease, opacity 75ms ease .12s +} + +.hamburger--squeeze.is-active .hamburger-inner:after { + bottom: 0; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + -webkit-transition: bottom 75ms ease, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s; + transition: bottom 75ms ease, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s; + transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s; + transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s +} + +@keyframes gin-throbber { + 0% { + transform: rotateZ(0); + } + + 100% { + transform: rotateZ(360deg); + } +} + +.ajax-progress__throbber, +.ajax-progress__throbber--fullscreen, +.ui-dialog .ajax-progress__throbber, +.media-library-item .ajax-progress__throbber { + border: 3px solid var(--gin-color-primary); + border-inline-end: 3px dotted transparent; +} + +.ajax-progress .ajax-progress__message { + color: var(--gin-color-text); +} + +[dir].gin--dark-mode .ajax-progress--fullscreen { + background-color: var(--gin-color-primary); + border-color: transparent; + box-shadow: 0 2px 6px 0 var(--gin-bg-app); +} + +[dir].gin--dark-mode .ajax-progress--fullscreen .ajax-progress__throbber, +[dir].gin--dark-mode .ajax-progress--fullscreen .ajax-progress__throbber--fullscreen { + border: 3px solid var(--gin-bg-app); + border-inline-end: 3px dotted transparent; +} + +.media-library-widget .ajax-progress__throbber, +.media-library-widget .ajax-progress__throbber--fullscreen { + border: 2px solid var(--gin-color-primary); + border-inline-end: 2px dotted transparent; +} + +.ui-dialog .ajax-progress-throbber { + padding: var(--gin-spacing-xs); + background: var(--gin-bg-app); + border-radius: 50%; + box-shadow: 0 2px 6px 0 rgba(34, 35, 48, .1); + border: 1px solid rgba(216, 217, 224, .8); +} + +.gin--dark-mode .ui-dialog .ajax-progress-throbber { + background-color: var(--gin-color-primary); + border-color: transparent; + box-shadow: 0 2px 6px 0 var(--gin-bg-app); +} + +.ui-dialog .ajax-progress-throbber::before, +.contextual-links .ajax-progress-throbber::before { + content: ""; + display: block; + position: absolute; + inset-block-start: var(--gin-spacing-xs); + inset-inline-start: var(--gin-spacing-xs); + width: 1.125rem; + height: 1.125rem; + border: 2px solid var(--gin-color-primary); + border-inline-end: 2px dotted transparent; + border-radius: 50%; + animation: gin-throbber .75s linear infinite; +} + +.gin--dark-mode .ui-dialog .ajax-progress, +.gin--dark-mode .media-library-item .ajax-progress.ajax-progress.ajax-progress { + background-color: var(--gin-bg-app); + border-color: var(--gin-bg-app); +} + +.contextual-links li { + position: relative; +} + +.contextual-links .ajax-progress-throbber { + position: absolute; + inset-block-start: 0; + inset-inline-end: var(--gin-spacing-xxs); + width: 24px; + height: 24px; +} + +.contextual-links .ajax-progress-throbber::before { + inset-block-start: 0; + inset-inline-start: .25em; +} + +.claro-autocomplete__message { + color: var(--gin-color-primary); +} \ No newline at end of file diff --git a/sisvietnamvn/src/main/resources/static/flex-finish/js_JCi_juuOKmHD4jLfBeiPIEOsjGJaUI5Ql2UHefzU3E0.js.download b/sisvietnamvn/src/main/resources/static/flex-finish/js_JCi_juuOKmHD4jLfBeiPIEOsjGJaUI5Ql2UHefzU3E0.js.download index 419a5138..b74c9a1a 100644 --- a/sisvietnamvn/src/main/resources/static/flex-finish/js_JCi_juuOKmHD4jLfBeiPIEOsjGJaUI5Ql2UHefzU3E0.js.download +++ b/sisvietnamvn/src/main/resources/static/flex-finish/js_JCi_juuOKmHD4jLfBeiPIEOsjGJaUI5Ql2UHefzU3E0.js.download @@ -19,7 +19,7 @@ if(window.jQuery)jQuery.noConflict();document.documentElement.className+=' js';( window.cookieconsent_options={message:drupalSettings.cookieconsent.message,dismiss:drupalSettings.cookieconsent.dismiss,learnMore:drupalSettings.cookieconsent.learnMore,link:drupalSettings.cookieconsent.link,container:drupalSettings.cookieconsent.container,theme:drupalSettings.cookieconsent.theme,path:drupalSettings.cookieconsent.path,domain:drupalSettings.cookieconsent.domain,expiryDays:drupalSettings.cookieconsent.expiry,target:drupalSettings.cookieconsent.target,markup:['
',drupalSettings.cookieconsent.markup,'
']};; (function(Drupal,$,once){'use strict';Drupal.behaviors.headerSearch={attach(context){once('header-search','#search-drawer-trigger, #search-drawer-trigger-active',context).forEach((trigger)=>{$(trigger).on('click',function(){$('#search-flyout-container').slideToggle(300);$('.homepage [data-component-id="umass_base:tophat"]').toggleClass('search-active');$('[data-component-id="umass_base:site-header"]').toggleClass('search-active');$('#search-drawer-trigger').toggleClass('active');});});}};}(Drupal,jQuery,once));; (function(Drupal,$,once){'use strict';window.DP=window.DP||window.Drupal||{};window.DP.behaviors=window.DP.behaviors||{};var playerData=[];var addScriptTag=function addScriptTag(){var firstScriptTag=document.getElementsByTagName('script')[0];if(typeof YT==='undefined'||typeof YT.Player==='undefined'){var YTtag=document.createElement('script');YTtag.src='//www.youtube.com/iframe_api';YTtag.id='youtube-iframe-api';firstScriptTag.parentNode.insertBefore(YTtag,firstScriptTag);}};var initYoutubeApi=function initYoutubeApi(){addScriptTag();window.onYouTubeIframeAPIReady=function(){for(var i=0;i{$(trigger).on('click',function(){$(this).toggleClass('is-active');$('section[data-component-id="umass_base:site-header"]').toggleClass('mobile-menu-active');$('#mobile-flyout-container').slideToggle(300);});});once('site-header-arrow','#mobile-flyout-container .arrow-toggle',context).forEach((toggle)=>{$(toggle).on('click',function(){$(this).toggleClass('is-active');$(this).parent().next().slideToggle(300);});});}};}(Drupal,jQuery,once));; (function(Drupal,$,once){'use strict';Drupal.behaviors.tophat={attach(context){once('tophat-hamburger','#tophat-hamburger',context).forEach((trigger)=>{$(trigger).on('click',function(){$(this).toggleClass('is-active');$('#tophat-flyout-container').slideToggle(300);$('div[data-component-id="umass_base:tophat"]').toggleClass('tophat-active');});});}};}(Drupal,jQuery,once));; diff --git a/sisvietnamvn/src/main/resources/static/js/custom-umass.js b/sisvietnamvn/src/main/resources/static/js/custom-umass.js new file mode 100644 index 00000000..a250caec --- /dev/null +++ b/sisvietnamvn/src/main/resources/static/js/custom-umass.js @@ -0,0 +1,129 @@ +$(document).ready(function() { + // 1. Header Search Toggle + $('#search-drawer-trigger, #search-drawer-trigger-active').on('click', function() { + $('#search-flyout-container').slideToggle(300); + $('.homepage [data-component-id="umass_base:tophat"]').toggleClass('search-active'); + $('[data-component-id="umass_base:site-header"]').toggleClass('search-active'); + $('#search-drawer-trigger').toggleClass('active'); + }); + + // 2. Site Header Hamburger + $('#mobile-hamburger').on('click', function() { + $(this).toggleClass('is-active'); + $('section[data-component-id="umass_base:site-header"]').toggleClass('mobile-menu-active'); + $('#mobile-flyout-container').slideToggle(300); + }); + + // 3. Site Header Arrow Toggle (Mobile Menu Submenus) + $('#mobile-flyout-container .arrow-toggle').on('click', function() { + $(this).toggleClass('is-active'); + $(this).parent().next().slideToggle(300); + }); + + // 4. Tophat Hamburger Toggle + $('#tophat-hamburger').on('click', function() { + $(this).toggleClass('is-active'); + $('#tophat-flyout-container').slideToggle(300); + $('div[data-component-id="umass_base:tophat"]').toggleClass('tophat-active'); + }); + + // 5. Microsite Menu + var $micrositeMenu = $('.cc--menu-microsite'); + if ($micrositeMenu.length) { + var $toggle = $('.menu-microsite-toggle'); + var $arrowToggles = $micrositeMenu.find('.arrow-toggle'); + var $subMenus = $micrositeMenu.find('.submenu-wrapper'); + var $backButtons = $micrositeMenu.find('.button-back'); + + $toggle.on('click', function(e) { + e.preventDefault(); + $('html, body').animate({scrollTop: $('.cc--menu-microsite').offset().top}, 200); + + var el = this; + setTimeout(function() { + var $menuWrapper = $('.menu-microsite-menu-wrapper'); + $menuWrapper.removeAttr('style'); + var $menuHeight = $menuWrapper.height(); + var $toggleHeight = $('.menu-microsite-toggle').height(); + var $menuTopOffset = $micrositeMenu.offset().top - $(window).scrollTop(); + + $menuWrapper.height($menuHeight - $menuTopOffset - $toggleHeight); + $menuWrapper.css('top', $menuTopOffset + $toggleHeight); + + $('body').toggleClass('microsite-menu-is-active'); + $('.content-main').toggleClass('menu-open'); + $micrositeMenu.toggleClass('is-active'); + $(el).toggleClass('is-active'); + }, 200); + }); + + $arrowToggles.on('click', function(e) { + e.preventDefault(); + var $subMenu = $(this).closest('.menu-item').find('.submenu-wrapper').first(); + $subMenu.show().removeClass('is-hidden').addClass('is-visible'); + $micrositeMenu.addClass('is-hidden'); + + if ($(this).closest('.submenu-wrapper').hasClass('is-visible')) { + var $thisWrapper = $(this).closest('.submenu-wrapper'); + setTimeout(function() { + $thisWrapper.addClass('second-level-hidden'); + }, 300); + } + }); + + $backButtons.on('click', function(e) { + e.preventDefault(); + var $this = $(this); + setTimeout(function() { + $this.closest('.submenu-wrapper').removeClass('is-visible'); + }, 300); + + if ($this.closest('.submenu-wrapper').hasClass('second-level-hidden')) { + $this.closest('.second-level-hidden').removeClass('second-level-hidden'); + $this.parents('.submenu-wrapper.is-visible').first().removeClass('is-visible'); + } else { + $this.closest('.submenu-wrapper').removeClass('is-hidden').removeClass('is-visible'); + $micrositeMenu.removeClass('is-hidden'); + } + }); + } + + // 6. Sidebar Nav + var $navTitle = $('.cc--menu-left-nav .f--section-title h2, .cc--chaptered-nav .f--section-title h2'); + $navTitle.on('click', function() { + if (window.matchMedia('(max-width: 1023px)').matches) { + var $this = $(this); + var $target = $this.parent().next(); + if ($this.hasClass('open')) { + $this.removeClass('open'); + $target.removeClass('active').slideUp(250); + } else { + $this.addClass('open'); + $target.addClass('active').slideDown(250); + } + } + }); + + // 7. Video Embed Toggle + $('.cc--media-with-text, .cc--hero-article-media, .cc--media-full-width').each(function() { + var $mediaContainer = $('.f--video-embed', this); + var $iframe = $mediaContainer.find('iframe'); + var $playButton = $('.button-play', this); + var $exitMedia = $('.exit-media', this); + if ($iframe.length) { + var iframeSrc = $iframe.attr('src'); + if (iframeSrc && iframeSrc.indexOf('enablejsapi') <= 0) { + $iframe.attr('src', iframeSrc + (iframeSrc.indexOf('?') > -1 ? '&' : '?') + 'enablejsapi=1'); + } + $playButton.on('click', function(e) { + e.preventDefault(); + $(this).closest('.media-container').addClass('show'); + $iframe[0].contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*'); + }); + $exitMedia.on('click', function() { + $(this).closest('.media-container').removeClass('show'); + $iframe[0].contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*'); + }); + } + }); +}); diff --git a/sisvietnamvn/src/main/resources/templates/flex-finish.html b/sisvietnamvn/src/main/resources/templates/flex-finish.html index bbc90dcd..601259e2 100644 --- a/sisvietnamvn/src/main/resources/templates/flex-finish.html +++ b/sisvietnamvn/src/main/resources/templates/flex-finish.html @@ -14,9 +14,7 @@ - - - + diff --git a/sisvietnamvn/src/main/resources/templates/fragments/header.html b/sisvietnamvn/src/main/resources/templates/fragments/header.html index 4b7c6451..38cea665 100644 --- a/sisvietnamvn/src/main/resources/templates/fragments/header.html +++ b/sisvietnamvn/src/main/resources/templates/fragments/header.html @@ -3,7 +3,7 @@