Components
48
Background Gradients Breadcrumb Content Card Carousel Content Card Grid Content Cards Two Column Content Contact Form Content Contact Form Reveal Content Courses Map Content Courses Search Content Event Details Content Events Carousel Content Faqs Content Featured Cards Content Featured Products Content Featured Products Carousel Content Form Over Image Content Game Elements Content Hall Of Fame Carousel Content Horizontal Accordion Content Horizontal Scrolling Content How To Find Us Content Job Roles Grid Content Map Embed Content Marquee Text Content Media Carousel Content Players Content Quick Links Content Quote Over Image Content Simple Text And Image Variations Content Specification Content Stat Row Content Stat With Images And Content Content Text And Cards Grid Content Text And Image Variations Content Text Columns Content Text Image Carousel Content Text Over Image Content Title Content Useful Links Content Vacancies Grid Cookie Table Example Hero Basic Hero Featured Card Hero Game Hero Video And Carousel Hero Video Cards Playlist Hero Video Player

Content How To Find Us

How to find us

British Esports, The Place, Athenaeum Street, Sunderland, SR1 1QX

info@britishesports.org +44 (0) 191 500 7077

Opening hours

Monday - Friday

07:00 - 19:00

Closed to public

Saturday - Sunday

07:00 - 19:00

Closed to public

*Bookings by appointment only

How to get here

There is currently no visitor parking available at the National Esports Performance Campus.

If visiting by car, please consider using one of several local car parks, including;

Nile Street Car Park: Located just around the corner from The Place and Gaming Houses.

Tatham Street Car Park: Approximately a four minute walk from The Place.

High Street West Car Park: Also a four minute walk from The Place. For drivers displaying a disabled badge, no charges are required.

Foyle Street: There is limited street parking available on Foyle Street, just outside of The Place.

Please note, parking may be more difficult on match days when Sunderland AFC are playing at home.

Traveling to the National Esports Performance Campus from London by train is a straightforward journey.

Start your trip at London King’s Cross Station, one of the city’s major railway hubs. From there, select a train heading north to Newcastle upon Tyne (or Sunderland), as these services often make stops at Sunderland Railway Station. Newcastle is well connected, and you can expect regular train services in that direction.

Once onboard, settle in for a comfortable ride as you travel north. The journey from London to Sunderland typically takes around 3 to 3.5 hours, depending on the specific service.

Your final destination is Sunderland Railway Station, conveniently located within Sunderland’s city center.

Upon arriving at Sunderland Railway Station, you’ll find yourself just a short walk away from the National Esports Performance Campus.

The campus is well signposted within the city, making it easy to navigate from the train station. This train journey offers a convenient and efficient way to reach the campus from London, allowing you to enjoy the excitement of esports in Sunderland without the need for additional transportation.

From the North of England, follow the M1 motorway heading south. Merge onto the A1(M) toward London and continue until you reach junction 36. From there, take the A690 toward Sunderland. Follow the A690 until you reach Sunderland city center, where you’ll find clear signage to the campus.

From the South of England, take the M1 motorway northbound and merge onto the A1(M) heading north. Continue until you reach junction 62, then follow the A690 toward Sunderland.

Unfortunately, there is currently no visitor parking available at the campus. Please consider using one of the following recommended car parks:

Nile Street Car Park: Located just around the corner from The Place and Gaming Houses.

Tatham Street Car Park: Approximately a four minute walk from The Place.

High Street West Car Park: Also a four minute walk from The Place.

Foyle Street: There is limited street parking available on Foyle Street, just outside of The Place.

Arriving at the National Esports Performance Campus by bus, coach, or taxi is a convenient option for visitors. Sunderland boasts an efficient public transportation network, making access to the campus straightforward.

Numerous local bus routes connect to the Sunderland city center, where you can conveniently disembark near the campus.

For those arriving by coach, Sunderland’s central coach station is just a short walk away.

Taxis are readily available throughout the city, offering a swift and hassle free journey to the campus.

With various transportation choices at your disposal, getting to the National Esports Performance Campus is both simple and efficient.

Our contemporary and modern offices and classrooms at The Place offer accessibility to wheelchair users .

Lifts are available for guests to use across all floors allowing freedom of movement throughout the building, however there may be some restrictions to certain areas.

We recommend you get in touch to discuss for further accessibility information.

Explore our Campus Resources, including Residents Handbook, Booking & Cancellation Policy and Floor Plans & Venue Options.

There are no ACF fields assigned to this component.

				
@import "../../resources/scss/util/variables";
@import "../../resources/scss/util/mixins";
@import "../../resources/scss/vendor/bootstrap/vendor/rfs";

.block-how-to-find-us {
	&.theme--dark {
		.block-how-to-find-us__box {
			background-color: #030a32;
			background-image: url('/wp-content/themes/british-esports/assets/images/gradients/gradient.svg');
			background-position: center;
			background-size: cover;
			background-repeat: no-repeat;
		}

		.tab {
			&:last-child {
				border-bottom: 1px solid rgba( $white, 0.3);
			}

			&-label {
				border-top: 1px solid rgba( $white, 0.3);
			}
		}
	}

	&__map {
		width: 100%;
		aspect-ratio: 4/3;

		@include bp($md) {
			aspect-ratio: 1920/700;
		}
	}

	&__box {
		@include padding( rem-calc(80 0) );
	}

	.heading,
	p,
	a {
		color: var(--text-color);
	}

	&__title {
		max-width: rem-calc(500);
		display: flex;
		flex-direction: column;
		margin-bottom: rem-calc(48);

		@include bp($md) {
			margin-bottom: 0;
		}

		.heading {
			@include margin-bottom( rem-calc(48) );
		}

		p,
		a {
			font-weight: 700;
		}

		a {
			text-decoration: none;
			transition: 0.3s var( --ease );
			transition-property: color;
			margin-bottom: 0;

			&:hover {
				text-decoration: underline;
				color: $secondary;
			}
		}
	}

	&__opening {
		margin-bottom: rem-calc(48);

		@include bp($md) {
			margin-bottom: 0;
		}

		.heading {
			@include margin-bottom( rem-calc(26) );
		}
	}

	&__opening-item {
		@include margin-bottom( rem-calc(32) );

		&:last-of-type {
			margin-bottom: 0;
		}

		p {
			font-weight: 400;
			margin-bottom: 0;
		}
	}

	&__info {
		@include bp($md) {
			margin-top: rem-calc(64);
		}

		@include bp($xl) {
			margin-top: 0;
		}

		.heading {
			@include margin-bottom( rem-calc(44) );
		}
	}

	&__info-items {
		overflow: hidden;

		input {
			position: absolute;
			opacity: 0;
			z-index: -1;
		}
	}

	.tab {
		width: 100%;
		overflow: hidden;
		position: relative;

		&:last-child {
			border-bottom: 1px solid rgba( $primary, 0.3);
		}

		&-label {
			display: flex;
			justify-content: space-between;
			padding: rem-calc(20 0);
			font-weight: 700;
			cursor: pointer;
			margin-bottom: 0;
			border-top: 1px solid rgba( $primary, 0.3);
			transition: 0.3s var(--ease);
			transition-property: color;
			color: var(--text-color);

			&:hover {
				color: $secondary;
			}

			&:after {
				content: "+";
				width: 1em;
				height: 1em;
				text-align: center;
			}
		}

		&-content {
			max-height: 0;
			transition: .35s var( --ease );
			transition-property: max-height, height, opacity;
			opacity: 0;
			display: none;

			p {
				@include fluid-type(14, 18);
			}
		}

		// :checked
		input:checked {
			+ .tab-label {
				&:after {
					content: "-";
				}
			}

			~ .tab-content {
				max-height: 100vh;
				opacity: 1;
				display: block;
			}
		}
	}
}
class HowToFindUs {
	constructor(block) {
		this.block = block;
		this.mapContainer = block.querySelector( '.block-how-to-find-us__map' );
		if ( this.mapContainer ) {
			this.initMap();
		}
	}

	initMap() {
        if ( ! mapboxgl ) {
            console.error( mapboxgl );
            return;
        }

        // Create a new token - https://account.mapbox.com/
        mapboxgl.accessToken = 'pk.eyJ1Ijoic3RyYXRlZ2lxIiwiYSI6ImNsZGRiZ2Q5azAyMGQzcHFvbXBuMXQ1bXkifQ.btRsN7ao0mRYoepAGqLxCw';

        let lng  = parseFloat( this.mapContainer.getAttribute('data-lng') );
		let lat  = parseFloat( this.mapContainer.getAttribute('data-lat') );
		let zoom = parseFloat( this.mapContainer.getAttribute('data-zoom') );

		this.map = new mapboxgl.Map({
			container: this.mapContainer,
			style: 'mapbox://styles/mapbox/streets-v11',
			center: [(lng), (lat)],
			zoom: zoom,
			cooperativeGestures: true,
		});

		new mapboxgl.Marker({
			color: "#cd2f45",
		}).setLngLat( [lng, lat] )
		.addTo( this.map );

		// Add zoom and rotation controls to the map.
		this.map.addControl( new mapboxgl.NavigationControl() );
	}
}

document.querySelectorAll('.block-how-to-find-us').forEach((block) => {
	new HowToFindUs( block );
});

Animation: