/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.accordion .card-header.container{padding:0 15px;background:0 0}.accordion .card-header button{position:relative;width:100%;text-align:left}.accordion .card-header button.active,.accordion .card-header button:focus{outline:1px solid #003e7e;box-shadow:none}.accordion .card-header button.btn-light-gray-blue:focus{background-color:#b9d7d3;border-color:#b0d3cd}.accordion .card-header button::after{position:absolute;top:12px;right:18px;display:block;content:url(/themes/custom/surrey/assets/dist/img/dropdown_arrow.svg)}.accordion .card-header button[aria-expanded=true]::after{position:absolute;top:7px;right:18px;display:block;content:url(/themes/custom/surrey/assets/dist/img/dropdown_arrow.svg);transform:rotate(180deg)}.accordion button.accordion-trigger::after{display:none}.accordion button.accordion-trigger[aria-expanded=true]::after{display:none}.accordion .mystic-item.card-header button::after{top:13px;right:16px;content:url(/themes/custom/surrey/assets/dist/img/dropdown_arrow_primary_large.svg)}.accordion .mystic-item.card-header button[aria-expanded=true]{color:#fff!important;background:#004682}.accordion .mystic-item.card-header button[aria-expanded=true]::after{top:7px;right:21px;content:url(/themes/custom/surrey/assets/dist/img/ic-close.svg)}@media (max-width:767px){.accordion .mobile-reveal{position:relative;height:400px;overflow:hidden;transition:height 250ms}.accordion .mobile-reveal::after{position:absolute;bottom:0;left:0;width:100%;height:80px;content:'';background:url(/themes/custom/surrey/assets/dist/img/mobile-reveal-arrow.svg) center center no-repeat,linear-gradient(0deg,#fff 5%,rgba(255,255,255,.7) 100%)}.accordion .mobile-reveal.open{height:auto;overflow:auto}.accordion .mobile-reveal.open::after{display:none}}.accordion-fw-stone-blue{position:relative}.accordion-fw-stone-blue button{position:absolute;bottom:0;left:0;width:100%;text-align:center}@media (max-width:767px){.accordion-fw-stone-blue button{visibility:visible!important}}.accordion-fw-stone-blue button.active,.accordion-fw-stone-blue button:focus{box-shadow:none}.accordion-fw-stone-blue button:focus{outline:1px solid #003e7e}.accordion-fw-stone-blue button::after{position:absolute;top:10px;left:50%;display:block;content:url(/themes/custom/surrey/assets/dist/img/dropdown_arrow_stone_blue.svg)}.accordion-fw-stone-blue button[aria-expanded=true]::after{position:absolute;top:4px;display:block;content:url(/themes/custom/surrey/assets/dist/img/dropdown_arrow_stone_blue.svg);transform:rotate(180deg)}.accordion-fw-gold{position:relative}.accordion-fw-gold button{position:absolute;bottom:0;left:0;width:100%;text-align:center}.accordion-fw-gold button.btn-light-gray-blue:focus{background-color:#b9d7d3;border-color:#b0d3cd}@media (max-width:767px){.accordion-fw-gold button{visibility:visible!important}}.accordion-fw-gold button.active,.accordion-fw-gold button:focus{box-shadow:none}.accordion-fw-gold button::after{position:absolute;top:10px;left:50%;display:block;content:url(/themes/custom/surrey/assets/dist/img/dropdown_arrow_gold.svg)}.accordion-fw-gold button[aria-expanded=true]::after{position:absolute;top:4px;display:block;content:url(/themes/custom/surrey/assets/dist/img/dropdown_arrow_gold.svg);transform:rotate(180deg)}.accordion-custom .collapsed{max-height:144px;overflow:hidden;line-height:24px}.accordion-custom .not-collapsed{max-height:none}.abstract{height:0;overflow:hidden;opacity:0;transition:all .2s ease-in}.abstract.open{height:auto;opacity:1}
.banner-image{z-index:-1000;overflow:hidden}.banner-image .banner-image-470{height:470px}.banner-image .banner-image-330{height:330px}.banner-image .banner-image-280{height:280px}.banner-image .banner-image-280 img,.banner-image .banner-image-330 img,.banner-image .banner-image-470 img{min-width:1500px}.banner-image .banner-branding{position:absolute;top:0;right:0;width:600px;height:100%;-webkit-clip-path:polygon(100% 0,100% 100%,68% 50%,100% 0);clip-path:polygon(100% 0,100% 100%,68% 50%,100% 0);background-color:rgba(255,255,255,.5)}@media (min-width:576px){.banner-image .banner-branding{width:535px;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%,29% 50%,0 0);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,29% 50%,0 0)}}@media (min-width:992px){.banner-image .banner-branding{width:550px;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%,30% 50%,0 0);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,30% 50%,0 0)}}@media (min-width:1200px){.banner-image .banner-branding{width:600px;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%,27.5% 50%,0 0);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,27.5% 50%,0 0)}}.banner-image .banner-branding.brand-color-widening-participation{background-color:rgba(0,138,133,.85)}.banner-image .banner-branding.brand-color-sbs{background-color:rgba(0,123,99,.85)}.banner-image .banner-branding.brand-color-gsa{background-color:rgba(104,35,106,.85)}.banner-image .banner-branding.brand-color-ai{background-color:rgba(0,146,160,.85)}.banner-image .banner-branding.brand-color-cvssp{background-color:rgba(255,255,255,.85)}.banner-image .banner-branding>picture{max-width:110px;margin-right:10px;margin-left:0}@media (min-width:576px){.banner-image .banner-branding>picture{max-width:220px;margin-right:0;margin-left:34%}}@media (min-width:992px){.banner-image .banner-branding>picture{margin-left:35%}}@media (min-width:1200px){.banner-image .banner-branding>picture{margin-left:32.5%}}.banner-image .clipping-path{z-index:1;justify-content:center;width:100%}@media (min-width:768px){.banner-image .clipping-path{width:42%;-webkit-clip-path:polygon(0 0,100% 0,75% 100%,0 100%);clip-path:polygon(0 0,100% 0,75% 100%,0 100%)}}.banner-image .clipping-path.has-mobile-banner{justify-content:center;width:65%;padding-right:40px;-webkit-clip-path:polygon(0 0,100% 0,75% 100%,0 100%);clip-path:polygon(0 0,100% 0,75% 100%,0 100%)}@media (min-width:576px){.banner-image .clipping-path.has-mobile-banner{padding-right:0}}@media (min-width:768px){.banner-image .clipping-path.has-mobile-banner{justify-content:start;width:50%;padding-left:10%}}@media (min-width:992px){.banner-image .clipping-path.has-mobile-banner{width:45%}}.banner-image .clipping-path.theme-color-green{background:#00852a}.banner-image .clipping-path.theme-color-pink{background:#df018e}.banner-image .clipping-path.theme-color-mauve{background:#595dd4}.banner-image .clipping-path.theme-color-blue{background:#009de0}.banner-image .clipping-path.theme-color-purple{background:#6901d4}.banner-image .clipping-path.theme-color-pg-purple{background:#403a83}.banner-image .clipping-path.theme-color-pg-teal{background:#00729b}.banner-image .clipping-path.theme-color-pg-green{background:#046150}.banner-image .clipping-path.theme-color-pg-red{background:#d50140}.banner-image .clipping-path.theme-color-pg-blue{background:#032650}.banner-image .clipping-path.theme-color-pg-grey{background:#303747}.banner-image .clipping-path.theme-color-pg-lilac{background:#e9e7fc}.banner-image .clipping-path.theme-color-very-dark-blue{background:#123047}.banner-image .svg-container{height:180px}@media (min-width:576px){.banner-image .svg-container{height:250px}}@media (min-width:768px){.banner-image .svg-container{height:330px}}.banner-image .svg-container svg{z-index:1;width:70%;max-width:320px;max-height:115px;margin:0}@media (min-width:576px){.banner-image .svg-container svg{width:60%}}@media (min-width:768px){.banner-image .svg-container .extended{width:55%}}.banner-image .svg-container .extended svg{z-index:1;width:80%;max-width:none!important;max-height:none!important}@media (min-width:576px){.banner-image .svg-container .extended svg{width:60%}}@media (min-width:992px){.banner-image .svg-container .extended svg{width:55%}}.banner-image .desktop-banner{display:none}@media (min-width:768px){.banner-image .desktop-banner{display:block}}.banner-image .mobile-banner{display:block;max-width:400px}@media (min-width:768px){.banner-image .mobile-banner{display:none}}.banner-image .mobile-banner img{min-height:250px;-o-object-fit:cover;object-fit:cover}.intro-block picture{display:flex;justify-content:center}.employability-badge{height:280px}.employability-badge picture{height:50%}@media (min-width:768px){.employability-badge picture{height:75%}}