/* vaux-directory */
:root{--button-background:var(--color-vauxhall-pink);--button-color:var(--color-text-contrast)}body:has(.block__vauxhall-vaux-directory) header{--header-background:var(--color-vauxhall-white)}.block__vauxhall-vaux-directory{padding-top:60px;padding-bottom:var(--spacing-xl);position:relative}.block__vauxhall-vaux-directory .wrapper{display:flex;flex-direction:column;align-items:center}.block__vauxhall-vaux-directory .wrapper .title{width:100%;max-width:var(--container-xl-max-width);display:flex}.block__vauxhall-vaux-directory .wrapper .title h2{color:var(--color-text-primary);font:var(--type-s1);line-height:200px;text-transform:uppercase;padding:0 36px;background:var(--color-vauxhall-green)}.block__vauxhall-vaux-directory .wrapper .mobile-filter-bar{display:none}.block__vauxhall-vaux-directory .wrapper .filters{background-color:var(--color-vauxhall-blue);padding:30px var(--spacing-lg);z-index:2;width:100%;display:flex;justify-content:center}.block__vauxhall-vaux-directory .wrapper .filters .inner{max-width:var(--container-width);width:100%;display:flex;gap:30px;flex-wrap:wrap}.block__vauxhall-vaux-directory .wrapper .filters .inner a{font:500 16px/normal "GT America",sans-serif;text-transform:uppercase;letter-spacing:.54px;opacity:.5;color:var(--color-vauxhall-sand);transition:opacity .4s ease-out}.block__vauxhall-vaux-directory .wrapper .filters .inner a.active,.block__vauxhall-vaux-directory .wrapper .filters .inner a:hover{opacity:1}.block__vauxhall-vaux-directory .wrapper .middle{display:flex;gap:75px;max-width:var(--container-width);margin-top:96px;align-items:start}.block__vauxhall-vaux-directory .wrapper .middle .posts{width:100%;max-width:calc((100% - 75px)/ 2);display:flex;flex-wrap:wrap;--gap:28px;gap:var(--gap);transition:opacity .4s ease-out}.block__vauxhall-vaux-directory .wrapper .middle .posts.faded{opacity:.3}.block__vauxhall-vaux-directory .wrapper .middle .posts .post{max-width:calc((100% - var(--gap) * 2)/ 3);width:100%;display:flex;flex-direction:column;gap:10px;background:var(--color-vauxhall-sand);border-radius:4px;padding:6px;color:var(--color-text-primary);--adjusted-p:calc(min(1, var(--scroll-progress)*6));opacity:var(--adjusted-p);transform:translateY(calc(50px * (1 - var(--adjusted-p))));transition:transform .3s ease-out}.block__vauxhall-vaux-directory .wrapper .middle .posts .post:hover{transform:rotate(4deg)}.block__vauxhall-vaux-directory .wrapper .middle .posts .post:hover .media img,.block__vauxhall-vaux-directory .wrapper .middle .posts .post:hover .media video{transform:scale(1.05)}.block__vauxhall-vaux-directory .wrapper .middle .posts .post h4{font:var(--type-h5);font-size:25px;line-height:30px;margin-bottom:auto;padding:6px;padding-bottom:0}.block__vauxhall-vaux-directory .wrapper .middle .posts .post .media{aspect-ratio:22/13;width:100%;overflow:hidden;border-radius:4px}.block__vauxhall-vaux-directory .wrapper .middle .posts .post .media img,.block__vauxhall-vaux-directory .wrapper .middle .posts .post .media video{transition:transform .3s ease-out;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.block__vauxhall-vaux-directory .wrapper .middle .map{width:100%;height:90vh;overflow:hidden}.block__vauxhall-vaux-directory .wrapper .middle .map .pin .icon{width:40px}.block__vauxhall-vaux-directory .wrapper .middle .map .pin .icon svg{width:100%;height:auto}.block__vauxhall-vaux-directory .wrapper .middle .map .pin .hover{font:var(--type-b3);font-size:16px;padding:0 10px;background:var(--color-vauxhall-sand);color:var(--color-vauxhall-blue);border-radius:4px;position:absolute;white-space:nowrap;transform:translate(-50%,0);opacity:0;transition:opacity .3s ease-out;left:50%}.block__vauxhall-vaux-directory .wrapper .middle .map .pin:hover{z-index:100}.block__vauxhall-vaux-directory .wrapper .middle .map .pin:hover .hover{opacity:1}.block__vauxhall-vaux-directory .wrapper .middle .single-holder{background:var(--color-vauxhall-sand);padding:33px;overflow-y:scroll;opacity:0;pointer-events:none;touch-action:none;transition:opacity .4s ease-out;border-radius:4px;color:var(--color-text-primary)}.block__vauxhall-vaux-directory .wrapper .middle .single-holder.active{opacity:1;pointer-events:all;touch-action:auto}.block__vauxhall-vaux-directory .wrapper .middle .single-holder .closer{font-size:0;border:none;background:0 0;position:absolute;top:20px;right:20px;cursor:pointer;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNyIgaGVpZ2h0PSIyNyIgdmlld0JveD0iMCAwIDI3IDI3IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNiAxTDI1LjUgMjAuNSIgc3Ryb2tlPSIjMDAyRTVBIiBzdHJva2Utd2lkdGg9IjMiLz4KICA8cGF0aCBkPSJNMjUuNSAxTDYgMjAuNSIgc3Ryb2tlPSIjMDAyRTVBIiBzdHJva2Utd2lkdGg9IjMiLz4KPC9zdmc+);width:27px;height:27px;background-size:contain;background-repeat:no-repeat;background-position:center}.block__vauxhall-vaux-directory .wrapper .middle .single-holder h3{font-family:"GT America Compressed";font-size:52px;font-style:normal;font-weight:700;line-height:54px}.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.media{aspect-ratio:70/28;width:100%;overflow:hidden;border-radius:4px;margin-bottom:40px}.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.media img,.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.media video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.cta-holder{margin-bottom:20px}.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.cta-holder a{padding:7px 15px;background:var(--button-background);border-radius:2px;font:var(--type-b2);font-size:16px;line-height:normal;text-transform:uppercase;color:var(--button-color);display:inline-block;transition:transform .3s ease-out;font-weight:700}.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.cta-holder a:hover{transform:rotate(-10deg)}.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.basic-info{display:flex;margin-bottom:70px;margin-top:34px}.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.basic-info>.item{border-right:1px solid var(--color-text-primary);padding:0 40px}.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.basic-info>.item h5{font-family:"GT America";font-size:16px;font-style:normal;font-weight:300;line-height:normal;letter-spacing:.48px;text-transform:uppercase}.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.basic-info>.item p{font-family:"GT America";font-size:16px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.48px;text-transform:uppercase}.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.basic-info>.item:last-child{border-right:none;padding-right:0}.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.basic-info>.item:first-child{padding-left:0}.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.content{font:var(--type-b2);font-size:20px;line-height:normal}.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.content p{margin-bottom:var(--spacing-sm)}.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.content p:last-child{margin-bottom:0}.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.content b,.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.content strong{font-weight:700}.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.content h1,.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.content h2,.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.content h3,.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.content h4,.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.content h5{margin-bottom:1em}.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.content h1{font:var(--type-h2)}.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.content h2{font:var(--type-h3)}.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.content h3{font:var(--type-h4)}.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.content h4{font:var(--type-h4)}.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.content p+h1,.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.content p+h2,.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.content p+h3,.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.content p+h4{margin-top:var(--spacing-md)}.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.content p.b1{font:var(--type-b1)}.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.content a:link,.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.content a:visited{color:var(--color-text-primary);text-decoration:underline}.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.content a:link.btn,.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.content a:visited.btn{text-decoration:none}.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.content img{width:100%!important;border-radius:var(--radius-medium)}.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.content figure{width:100%!important}.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.content figure figcaption{font:var(--type-b3)}.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.content .wagworks-btn{padding:7px 15px;background:var(--button-background);border-radius:2px;font:var(--type-b2);font-size:16px;line-height:normal;text-transform:uppercase;color:var(--button-color);display:inline-block;transition:transform .3s ease-out;font-weight:700}.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.content .wagworks-btn:hover{transform:rotate(-10deg)}.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.content ul{list-style-position:outside;padding-left:1em;list-style:disc}.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.content ol{list-style-type:decimal;list-style-position:inside}.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.content ol,.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.content ul{margin-bottom:1em}.block__vauxhall-vaux-directory .wrapper .middle .single-holder>.content blockquote{font:var(--type-b2);border-left:2px solid var(--color-border-highlight);padding-left:var(--spacing-md);margin:var(--spacing-md) 0}@media screen and (max-width:1274px){.block__vauxhall-vaux-directory{padding-top:22px}.block__vauxhall-vaux-directory .wrapper .title h2{line-height:128%;padding:5px 15px}.block__vauxhall-vaux-directory .wrapper .filters{flex-direction:column;align-items:center;justify-content:start;padding:0;background:0 0}.block__vauxhall-vaux-directory .wrapper .filters .inner{gap:8px 30px;padding:20px var(--container-padding);opacity:0;transition:opacity .4s ease-out;pointer-events:none;touch-action:none;width:100%;max-width:100%;background:var(--color-vauxhall-blue);display:none}.block__vauxhall-vaux-directory .wrapper .filters .inner.show{pointer-events:all;touch-action:auto;display:flex;animation:show-animation .4s ease-out forwards}.block__vauxhall-vaux-directory .wrapper .filters .inner.hide{display:flex;animation:hide-animation .4s ease-out forwards}@keyframes show-animation{0%{display:flex;opacity:0}100%{display:flex;opacity:1}}@keyframes hide-animation{0%{display:flex;opacity:1}99%{display:flex;opacity:0}100%{display:none;opacity:0}}.block__vauxhall-vaux-directory .wrapper .filters .mobile-filter-bar{display:flex;background:var(--color-vauxhall-blue);color:var(--color-vauxhall-white);width:100%;padding:9px 28px}.block__vauxhall-vaux-directory .wrapper .filters .mobile-filter-bar .left button{opacity:.5}.block__vauxhall-vaux-directory .wrapper .filters .mobile-filter-bar .left button.active{opacity:1}.block__vauxhall-vaux-directory .wrapper .filters .mobile-filter-bar .right{margin-left:auto}.block__vauxhall-vaux-directory .wrapper .filters .mobile-filter-bar .right button{display:flex;align-items:center;gap:4px}.block__vauxhall-vaux-directory .wrapper .filters .mobile-filter-bar .right button::after{content:"";background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgMTAgNyIgZmlsbD0ibm9uZSI+CiAgPHBhdGggZD0iTTEgMS41TDUgNS41TDkgMS41IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4=) no-repeat center;background-size:contain;width:15px;height:10px;transition:transform .3s ease-out}.block__vauxhall-vaux-directory .wrapper .filters .mobile-filter-bar .right button.active::after{transform:rotate(180deg)}.block__vauxhall-vaux-directory .wrapper .filters .mobile-filter-bar button{background:0 0;border:none;outline:0;color:inherit;font-family:"GT America Compressed";font-size:16px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.5px;text-transform:uppercase}.block__vauxhall-vaux-directory .wrapper .middle{flex-direction:column}.block__vauxhall-vaux-directory .wrapper .middle .posts{max-width:100%;--gap:15px}.block__vauxhall-vaux-directory .wrapper .middle .posts .post{max-width:calc((100% - var(--gap) * 2)/ 3)}}@media screen and (max-width:1274px) and (max-width:768px){.block__vauxhall-vaux-directory .wrapper .middle .posts .post{max-width:calc((100% - var(--gap))/ 2)}}@media screen and (max-width:1274px){.block__vauxhall-vaux-directory .wrapper .middle .posts .post h4{font-size:24px}.block__vauxhall-vaux-directory .wrapper .middle .single-holder{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;z-index:500;border-radius:0}.block__vauxhall-vaux-directory.list-view-active .wrapper .middle .map{display:none}.block__vauxhall-vaux-directory.map-view-active{padding-bottom:0}.block__vauxhall-vaux-directory.map-view-active .wrapper .middle{width:100%;max-width:100%;margin-top:40px}.block__vauxhall-vaux-directory.map-view-active .wrapper .middle .posts{display:none}.block__vauxhall-vaux-directory.map-view-active .wrapper .middle .map{max-height:calc(100vh - 50px - 90px - var(--header-height) - 15px);max-height:calc(100dvh - 50px - 90px - var(--header-height) - 15px);height:100vh}}