/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.quote{container-type:inline-size;container-name:quote;--_column:var(--column,1);--_width:var(--width,12);--_row:var(--row,9);--_mobile-row:var(--mobile-row,8);--_arrow-height:var(--arrow-size,9rem);--_arrow-width:var(--arrow-width,calc(2 * var(--_arrow-height)));display:grid;grid-template-columns:2rem repeat(12,1fr) 2rem;max-width:500px;width:100%;margin:max(var(--_arrow-height),6rem) auto;grid-template-rows:auto calc(var(--_mobile-row) * 10px) auto;}.quote__image{grid-column:1 / -1;grid-row:1 / -2;object-fit:cover;object-position:var(--focus-x,60%) var(--focus-y,10%);width:100%;height:100%;}.quote__image img{width:100%;height:100%;object-position:inherit;object-fit:cover;}.quote__caption{grid-column:calc(1 + var(--_column)) / span var(--_width);font-size:1.8rem;grid-row:2 / -1;}.quote__content{line-height:1.6;display:block;padding:3rem 4rem;background:#ffe272;color:#205998;font-weight:bold;filter:drop-shadow(14px 14px 0px currentColor);margin-bottom:1rem;position:relative;}.quote__attribution{text-align:right;}.quote__content::before{border:solid 6px currentColor;display:block;position:absolute;inset:0;translate:-2rem -2rem;}.quote__content::after{content:"";display:block;position:absolute;color:#ffe272;translate:0 5rem;z-index:-1;}.bottom-right .quote__content::after{inset:auto 0 0 auto;translate:0 calc(var(--_arrow-height));border:none;border-bottom:var(--_arrow-height) solid transparent;border-top:var(--_arrow-height) solid currentColor;border-left:var(--_arrow-width) solid currentColor;}.top-right .quote__content::after{inset:0 0 auto auto;translate:0 calc(-1 * var(--_arrow-height));border:none;border-bottom:var(--_arrow-height) solid transparent;border-top:var(--_arrow-height) solid transparent;border-left:var(--_arrow-width) solid currentColor;}.top-left .quote__content::after{inset:0 auto auto 0;translate:0 calc(-1 * var(--_arrow-height));border:none;border-bottom:var(--_arrow-height) solid transparent;border-top:var(--_arrow-height) solid transparent;border-right:var(--_arrow-width) solid currentColor;}.bottom-left .quote__content::after{inset:auto auto 0 0;translate:0 calc(var(--_arrow-height));border:none;border-bottom:var(--_arrow-height) solid transparent;border-top:var(--_arrow-height) solid transparent;border-right:var(--_arrow-width) solid currentColor;}.left-top .quote__content::after{inset:0 auto auto 0;translate:calc(-1 * var(--_arrow-height)) 0;border:none;border-left:var(--_arrow-height) solid transparent;border-right:var(--_arrow-height) solid transparent;border-bottom:var(--_arrow-height) solid currentColor;}.left-bottom .quote__content::after{inset:auto auto 0 0;translate:calc(-1 * var(--_arrow-height)) 0;border:none;border-left:var(--_arrow-height) solid transparent;border-right:var(--_arrow-height) solid transparent;border-top:var(--_arrow-height) solid currentColor;}@media (max-width:599.9px){.left-top .quote__content::after,.left-bottom .quote__content::after{inset:0 auto auto 0;translate:0 calc(-1 * var(--_arrow-height));border:none;border-bottom:var(--_arrow-height) solid transparent;border-top:var(--_arrow-height) solid transparent;border-right:var(--_arrow-width) solid currentColor;}}.quote__wrapper{container-type:inline-size;container-name:quoteWrapper;display:flex;gap:0;align-items:center;}.quote__wrapper{gap:4rem;justify-content:space-evenly;padding-inline:4rem;}@media (max-width:599.9px){.quote__wrapper{flex-direction:column;padding-inline:min(2vw,4rem);gap:0;}.quote__wrapper .quote::after{content:"";position:absolute;z-index:-1;display:block;width:100vw;height:max(30rem,var(--_bg-height,50%));place-self:center;background:#184171;}}@container quote (max-width:400px){.quote__caption{grid-row:calc(1 + var(--_mobile-row)) / -1;grid-column:2 / -2;font-size:1.6rem;}}.container:has(.quote--wide){max-width:none;padding:0;}@media (min-width:600px){.quote--wide{--max-width:min(1200px,90vw);max-width:none;height:auto;grid-template-columns:calc((100vw - var(--max-width)) / 2) [content-start] 2rem repeat(12,1fr) 2rem [content-end] calc((100vw - var(--max-width)) / 2);}.quote--wide:before{background:#184171;}.quote--wide .quote__image{grid-column:content-start / 9;}.quote__image{grid-column:1 / -1;grid-row:1 / -1;}.quote--wide .quote__caption{grid-row:1 / -1;grid-column:8 / content-end;display:grid;place-content:center;padding-block:3rem;}.quote{grid-template-rows:2rem repeat(12,1fr) 2rem;}}.quote--wide.with-bg:after{content:"";background:#184171 url(https://www.ccsu.edu/sites/default/files/2024-02/175-pattern.png?1) 0 0;background-size:350px;grid-column:1 / -1;grid-row:2 / -2;z-index:-1;opacity:0.2;width:auto;}.quote--wide:before{content:"";background-size:410px;grid-column:1 / -1;grid-row:2 / -2;z-index:-1;}@media (min-width:800px){.quote__wrapper::after{content:"";position:absolute;z-index:-1;display:block;width:100%;height:var(--_bg-height,50%);place-self:center;background:#184171;}}.quote__wrapper:has(.quote--wide){padding-inline:0;}.quote__wrapper:has(.quote--wide)::before,.quote__wrapper:has(.quote--wide)::after{content:none;}.quote__wrapper:has(.quote + .quote) .quote{margin-inline:0px;}.paragraph--type--contact-information.blue,.paragraph--type--contact-information-ref.blue{background:#205998;}[class*="paragraph--type--contact-information"]:has(+ [class*="paragraph--type--contact-information"]){padding-top:20px;}
