/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.paragraph--type--accordion-group h3.accordion-group-heading{padding-top:1.5rem}@media (min-width:576px){.paragraph--type--accordion-group h3.accordion-group-heading{padding-top:1.5rem}}
.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--text-and-image .old-style{float:right;width:210px}.paragraph--type--text-and-image .right-landscape{width:100%;margin:0 0 30px}@media (min-width:768px){.paragraph--type--text-and-image .right-landscape{float:right;width:287px;margin:0 0 32px 32px}}.paragraph--type--text-and-image .right-landscape picture{display:block;width:100%}.paragraph--type--text-and-image .right-landscape picture img{width:100%}.paragraph--type--text-and-image .right-portrait{float:right;width:145px;margin:0 0 12px 12px}@media (min-width:768px){.paragraph--type--text-and-image .right-portrait{width:216px;margin:0 0 32px 32px}}.paragraph--type--text-and-image .right-portrait picture img{width:100%}.paragraph--type--text-and-image .left-landscape{width:100%;margin:0 0 30px}@media (min-width:768px){.paragraph--type--text-and-image .left-landscape{float:left;width:287px;margin:0 32px 32px 0}}.paragraph--type--text-and-image .left-landscape picture{display:block;width:100%}.paragraph--type--text-and-image .left-landscape picture img{width:100%}.paragraph--type--text-and-image .left-portrait{float:left;width:145px;margin:0 12px 12px 0}@media (min-width:768px){.paragraph--type--text-and-image .left-portrait{width:216px;margin:0 32px 32px 0}}.paragraph--type--text-and-image .left-portrait picture img{width:100%}
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}}