/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.accordion .accordion-trigger{position:relative;z-index:10}.accordion .accordion-trigger:focus{outline:1px solid}.accordion .accordion-panel{max-height:none;overflow:hidden;transition:max-height .3s ease-in-out}.accordion svg path.vertical{opacity:1;transition:all .3s ease;will-change:transform}.accordion button[aria-expanded=true] .vertical{opacity:0;transform:scaleY(0);transform-origin:center}.accordion span.button-text{width:100%}.accordion span.indicator{display:inline-block;flex-shrink:0;width:25px;height:25px;margin-left:1rem}.accordion span.indicator svg path{fill:#00606b}.accordion .hidden-text h2:first-child,.accordion .hidden-text h3:first-child,.accordion .hidden-text h4:first-child{padding-top:0}.accordion .hidden-text a:focus{outline:1px solid;outline-offset:2px}.accordion .inline-image{float:none;width:100%;padding:0 0 30px 0}@media (min-width:768px){.accordion .inline-image{float:left;width:33.3333%;padding:0 30px 25px 0}}
.icon-list{font-size:0}.paragraph--type--social-icon{width:auto;height:32px;margin-right:0}.paragraph--type--social-icon:not(:last-of-type){margin-right:1rem}@media (max-width:575px){.paragraph--type--social-icon:not(:last-of-type){margin-right:0}}@media (max-width:575px){.paragraph--type--social-icon{width:25%}}.social-icon{background-image:url(/themes/custom/surrey/assets/dist/img/social-icons.svg);background-repeat:no-repeat}.social-icon.social-icon--facebook{width:33px;height:32px;background-position:0 0}.social-icon.social-icon--instagram{width:33px;height:32px;background-position:0 -42px}.social-icon.social-icon--instagram.social-icon--instagram--coloured{background-position:0 -378px}.social-icon.social-icon--linkedin{width:33px;height:32px;background-position:0 -84px}.social-icon.social-icon--snapchat{width:34px;height:32px;background-position:0 -126px}.social-icon.social-icon--twitter{width:39px;height:32px;background-position:0 -168px}.social-icon.social-icon--twitter.social-icon--twitter--coloured{background-position:0 -336px}.social-icon.social-icon--wechat{width:38px;height:32px;background-position:0 -210px}.social-icon.social-icon--weibo{width:40px;height:32px;background-position:0 -252px}.social-icon.social-icon--youtube{width:45px;height:32px;background-position:0 -294px}.social-icon.social-icon--pencil{width:32px;height:32px;background-position:0 -420px}.social-icon.social-icon--tiktok{width:32px;background-position:-6px -466px}.social-icon.social-icon--bluesky{min-width:40px;background-image:url(/themes/custom/surrey/assets/dist/img/blue-sky-grey.svg);background-position-x:-10px;background-position-y:-16px;background-size:60px auto}
@media (max-width:575px){.paragraph--type--social-icons .icon-list{display:block;width:100%}}@media (max-width:575px){.paragraph--type--social-icons .icon-list li:nth-of-type(-n+4){margin-bottom:1.5rem}}
.paragraph--type--external-profile .biography-toggle-container .biography-toggle,.paragraph--type--external-profile .biography-toggle-container::before,.paragraph--type--university-profile .biography-toggle-container .biography-toggle,.paragraph--type--university-profile .biography-toggle-container::before{position:absolute;top:50%;transform:translateY(-50%)}.paragraph--type--external-profile .accordion-trigger,.paragraph--type--university-profile .accordion-trigger{position:relative;z-index:10}.paragraph--type--external-profile .accordion-trigger:focus,.paragraph--type--university-profile .accordion-trigger:focus{outline:1px solid}.paragraph--type--external-profile .accordion-panel,.paragraph--type--university-profile .accordion-panel{z-index:0;max-height:0;overflow:hidden;transition:max-height .3s ease-out}.paragraph--type--external-profile .accordion-panel .open,.paragraph--type--university-profile .accordion-panel .open{transition:max-height .3s ease-in}@media (min-width:768px){.paragraph--type--external-profile .img-rounded-wrap>img,.paragraph--type--university-profile .img-rounded-wrap>img{width:100px;height:100px}.paragraph--type--external-profile .biography-container,.paragraph--type--university-profile .biography-container{margin-left:calc(100px + 1.5rem)}}.paragraph--type--external-profile .responsive-image,.paragraph--type--university-profile .responsive-image{width:150px;margin-right:auto;margin-left:auto}.paragraph--type--external-profile .responsive-image.people-list,.paragraph--type--university-profile .responsive-image.people-list{width:100px}@media (min-width:768px){.paragraph--type--external-profile .responsive-image,.paragraph--type--university-profile .responsive-image{width:100px}}.paragraph--type--external-profile .biography-toggle-container,.paragraph--type--university-profile .biography-toggle-container{position:relative;display:flex;height:10px}.paragraph--type--external-profile .biography-toggle-container .biography-toggle,.paragraph--type--external-profile .biography-toggle-container .biography-toggle-container::before,.paragraph--type--university-profile .biography-toggle-container .biography-toggle,.paragraph--type--university-profile .biography-toggle-container .biography-toggle-container::before{position:absolute;top:50%;transform:translateY(-50%)}.paragraph--type--external-profile .biography-toggle-container::before,.paragraph--type--university-profile .biography-toggle-container::before{left:0;width:100%;height:1px;content:'';background:#867004}.paragraph--type--external-profile .biography-toggle-container .biography-toggle,.paragraph--type--university-profile .biography-toggle-container .biography-toggle{right:-40px;display:flex;align-items:center;justify-content:center;width:35px;height:35px;background:0 0;border:solid 1px #003e7e;border-radius:50%}.paragraph--type--external-profile .biography-toggle-container .biography-toggle svg path.vertical,.paragraph--type--university-profile .biography-toggle-container .biography-toggle svg path.vertical{opacity:1;transition:all .3s ease;will-change:transform}.paragraph--type--external-profile .biography-toggle-container .biography-toggle[aria-expanded=true] svg path.vertical,.paragraph--type--university-profile .biography-toggle-container .biography-toggle[aria-expanded=true] svg path.vertical{opacity:0;transform:scaleY(0);transform-origin:center}.paragraph--type--external-profile .biography-toggle-container .biography-toggle span.indicator,.paragraph--type--university-profile .biography-toggle-container .biography-toggle span.indicator{display:inline-block;flex-shrink:0;width:25px;height:25px;margin-left:0}.paragraph--type--external-profile .biography-toggle-container .biography-toggle span.indicator svg path,.paragraph--type--university-profile .biography-toggle-container .biography-toggle span.indicator svg path{fill:#003e7e}
html{scroll-behavior:smooth}@media screen and (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.scrollspy-wrapper{z-index:0}.scrollspy-wrapper .sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.scrollspy-wrapper .sticky::after,.scrollspy-wrapper .sticky::before{display:table;content:''}.scrollspy-wrapper .scrollspy-section{scroll-margin-top:175px}@media (min-width:576px){.scrollspy-wrapper .scrollspy-section{scroll-margin-top:129px}}@media (min-width:768px){.scrollspy-wrapper .scrollspy-section{scroll-margin-top:157px}}@media (min-width:992px){.scrollspy-wrapper .scrollspy-section{scroll-margin-top:80px}}.node--type-staff-profile .scrollspy-wrapper .scrollspy-section{scroll-margin-top:105px}@media (min-width:576px){.node--type-staff-profile .scrollspy-wrapper .scrollspy-section{scroll-margin-top:108px}}@media (min-width:992px){.node--type-staff-profile .scrollspy-wrapper .scrollspy-section{scroll-margin-top:58px}}.node--type-cpd-short-courses .scrollspy-wrapper .scrollspy-section{scroll-margin-top:105px}@media (min-width:576px){.node--type-cpd-short-courses .scrollspy-wrapper .scrollspy-section{scroll-margin-top:157px}}@media (min-width:992px){.node--type-cpd-short-courses .scrollspy-wrapper .scrollspy-section{scroll-margin-top:58px}}.nav-scrollspy .nav-item,.nav-tabs .nav-item{flex:1 0 50%}.nav-scrollspy .nav-item a,.nav-tabs .nav-item a{display:flex;align-items:center;justify-content:center;height:100%;padding:.25rem .5rem;text-align:center}@media (min-width:768px){.nav-scrollspy .nav-item a,.nav-tabs .nav-item a{padding:.8rem .5rem}}@media (min-width:1200px){.nav-scrollspy .nav-item a,.nav-tabs .nav-item a{padding:.8rem 1.5rem}}@media (min-width:992px){.nav-scrollspy .nav-item,.nav-tabs .nav-item{flex:1 0 1px;text-align:center}}