/*
	Theme Name: 55E5
	Theme URI: http://wpdedicated.co.uk
	Description: Hand Crafted theme
	Version: 1.0
	Author: Ben Kitching
	Author URI: http://wpdedicated.co.uk
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    Typography
\*------------------------------------*/

@font-face {
    font-family: 'Inter';
    src: url('./fonts/Inter-Light.woff2') format('woff2'),
        url('./fonts/Inter-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('./fonts/Inter-SemiBold.woff2') format('woff2'),
        url('./fonts/Inter-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('./fonts/Inter-Regular.woff2') format('woff2'),
        url('./fonts/Inter-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dida';
    src: url('./fonts/Dida.woff2') format('woff2'),
        url('./fonts/Dida.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Reckless';
    src: url('./fonts/Reckless.woff2') format('woff2'),
        url('./fonts/Reckless.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
body, html {
	margin:0;
	padding:0;
	overflow:hidden;
}
body {
	font:300 1vw/1.3 'Inter', sans-serif;
	color:#030D1F;
	background-color:#f4f4f4;
}
body.home.dark {
	background-color:#1C052F;
	color:#fff;
}
body.home .header a.center {
	cursor: default;
}
body.loading {
	overflow:hidden;
}
#loader, #home-loader {
	background-color:#1C052F;
	width:100vw;
	height:100vh;
	min-height:46vw;
	position:absolute;
	top:0;
	left:0;
	z-index:9999999;
}
#bm {
	position: absolute;
    display: flex;
    align-items: center;
    width: 100vw;
    height: 100%;
    min-width: 750px;
}
#bm svg {
	display: block;
	width:100% !important;
	height:auto !important;
	margin:auto;
	position: absolute;
}
#headphones {
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 25vw;
    min-width: 400px;
}
#loading-toggle {
	position: absolute;
	bottom:10vw;
	left:50%;
	transform: translateX(-50%);
	color:#d8ff00;
	display: flex;
}
#loading-toggle .toggle-inner {
	border-color:#d8ff00;
}
#loading-toggle .toggle-inner:after {
	background-color: #d8ff00;
}

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
	object-fit:cover;
}
a {
	color:inherit;
	text-decoration:none;
}

a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
a.underline {
	border-bottom:1px solid;
}
input:focus {
	outline:0;
}

p {
	margin:5px 0;
}
h1, .h1, h2, .h2, h3, .h3 {
	font-family:'Reckless', serif;
	font-weight:normal;
	margin:5px 0;
}
h1, .h1 {
	font-size:1.2vw;
}
.mt0 {
	margin-top:0;
}
.mb0 {
	margin-bottom:0;
}
.lspacing {
	letter-spacing:0.075em;
}

.bubblegum {
	color:#ED5360;
}
.lemon {
	color:#D8FF00;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.flex {
	display: flex;
	justify-content:center;
}
.fgrow {
	flex-grow:1;
}
.w100 {
	width:100%;
}

.toggle {
	display: flex;
	align-items: center;
}
.toggle-inner {
	width: 2.5vw;
    height: 1.5vw;
    border: 1px solid #030D1F;
    border-radius: 1vw;
    margin-right: 0.5vw;
    display: flex;
    align-items: center;

}
.right .toggle {
	justify-content: flex-end;
}
.toggle-inner:after {
	content:'';
	position: static;
	background-color: #030D1F;
	width:calc(1.5vw - 4px);
	height:calc(1.5vw - 4px);
	border-radius: 50%;
	margin:0 auto 0 2px;
	transition:0.5s margin;
}
.right .toggle-inner {
	margin-right:0;
	margin-left: 0.5vw;
}
.on .toggle-inner:after {
	margin:0 2px 0 auto;
}
.home.dark .toggle-inner {
	border-color:#D8FF00;
}
.home.dark .slide-header .toggle-inner {
	border-color:#000;
}
.home.dark .toggle-inner:after {
	background-color:#D8FF00;
}
.home.dark .slide-header .toggle-inner:after {
	background-color:#000;
}
.home.dark .toggle .bubblegum, .home.dark .header h1, .dark .footer a, .projects-open .footer a {
	color:#D8FF00;
}
.home.dark .swiper .toggle .bubblegum {
	color:#ED5360;
}
.home.dark .header a.center p, #about-footer a.white {
	color:#fff;
}
.home #playShowreel .st0 {
	fill:#ED5360;
}
.home.dark #playShowreel .st0 {
	fill:#D8FF00;
}



/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

main {
	height:100%;
	overflow:auto;
}

/* wrapper */
.wrapper {
	width:100vw;
	height:100vh;
	min-height: 46vw;
	overflow:hidden;
	padding:3% 5%;
	position: relative;
}
/* header */
.header, .slide-header {
	position: absolute;
	width:90%;
	left:5%;
	top:50px;
	z-index: 99;
}
.slide-header {
	display: none;
}
.header-box-inner {
    display: flex;
    align-items: center;
    background-color: #FFF2EC;
    padding: 0.8vw 1vw;
    width: fit-content;
    margin-bottom: 0.8vw;
}
.slide-header .header-box-inner {
	width:37vw;
	background-color:#d8ff00;
}
.slide-header .header-box p {
	color:#000;
}
.header-box .divider {
	display: inline-block;
    margin: 0 1vw;
    font-size: 1.2vw;
    color:#000;
}
.header-box p {
	width:24vw;
}
.project-info-wrapper {
	display: flex;
}
.svg-arrow {
	height: 1.4vw;
    width: auto;
    margin-left: 1vw;
}
#header-logo a {
	width: 13vw;
}
.home #header-logo {
	display: none;
}
/* footer */
.footer {
	position: absolute;
	width:90%;
	left:5%;
	bottom:50px;
	z-index: 99;
}
.footer svg {
	display: block;
	margin:auto;
	width: 2.5vw;
	height: auto;
	margin-bottom:5px;
}
#footer-inner {
	align-items: center;
}
#about-footer #footer-inner {
	align-items: flex-end;
}
.light-footer a {
	color:#FFF2EC;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

#page-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
}
#page-bg img, #page-bg video {
	width:100%;
	height:100%;
	object-fit: cover;
}

#video-row {
    display: flex;
    justify-content: space-between;
    height: 100%;
    align-items: center;
    position: fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    min-height:46vw;
    -webkit-mask-image: url('./img/55LOGO.svg');
    -webkit-mask-size: 90%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 50% 50%;
    mask-image: url('./img/55LOGO.svg');
    mask-size: 90%;
    mask-repeat: no-repeat;
    mask-position: 50%;
    padding:3% 5%;
    transition:-webkit-mask-size 1.6s, 1.6s mask-size, -webkit-mask-position 1.6s , mask-position 1.6s;
}
#video-swiper {
	position: fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    min-height:46vw;
    -webkit-mask-image: url('./img/55LOGO.svg');
    -webkit-mask-size: 90%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 50% 50%;
    mask-image: url('./img/55LOGO.svg');
    mask-size: 90%;
    mask-repeat: no-repeat;
    mask-position: 50%;
    padding:3% 5%;
    transition:2s -webkit-mask-size, 2s mask-size, 0s -webkit-mask-position, 0s mask-position;
}
#video-row.zoom , #video-swiper.zoom {
	-webkit-mask-size:5000vh;
	mask-size: 5000vh;
}
#video-row.zoom.one, #video-swiper.zoom.one {
	-webkit-mask-position:0 48%;
	mask-position:0 48%;
}
#video-row.zoom.two, #video-swiper.zoom.two {
	-webkit-mask-position:34% 50%;
	mask-position:34% 50%;
}
#video-row.zoom.three, #video-swiper.zoom.three {
	-webkit-mask-position:62% 50%;
	mask-position:62% 50%;
}
#video-row.zoom.four, #video-swiper.zoom.four {
	-webkit-mask-position: 96% 50%;
	mask-position: 96% 50%;
}
#vid-captions {
	position: absolute;
	width:90%;
	top:75vh;
}
#vid-captions .caption {
	width:25%;
	text-align: center;
	opacity: 0;
	transition:0.5s opacity;
}
.dark #vid-captions, .dark #mob-caption {
	color:#D8FF00;
}

.video-container {
	width:21vw;
	padding-bottom:21vw;
	position: relative;
	cursor:pointer;
	display: none;
}
.video-container.clicked {
	position: fixed;
	top:0;
	left:0;
	width: 100vw;
	height: 100vh;
	z-index: 9;
}
.video-container video {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit: cover;
	filter:blur(5px);
	transition:0.5s filter;
}
.video-container video:hover {
	filter:none;
}

.swiper-slide video {
	width:100%; 
	height:60%;
	margin-top:18vh;
	object-fit: cover;
}
.swiper-slide video.thumbnail-video {
	filter:blur(5px);
	transition:0.5s filter;
	cursor:pointer;
	position: relative;
	z-index: 2;
}
.swiper-slide video.thumbnail-video:hover {
	filter:none;
}
.swiper-slide video.full-video {
	position: absolute;
	top:0;
	left:0;
}
#video-swiper.big {
	padding:0;
}
#video-swiper.big .swiper-slide, #video-swiper.big video {
	width: 100%;
	height:100%;
	margin-top:0;
	filter:none;
}
#video-swiper.big .swiper-slide {
	pointer-events:none;
}
#video-swiper.big .swiper-slide .slide-header {
	pointer-events:all;
}
.swiper #header-logo {
	position: fixed;
    right: 5%;
    top: 50px;
    z-index: 2;
}

.info-box {
	background-color:#D8FF00;
	position: absolute;
	width:24vw;
	min-height:26vw;
	padding:2vw;
	color:#634E9D;
	opacity:0;
	transition: 0.5s all;
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	font-size:1.2vw;
}
.info-box p {
	width:100%;
	margin:20px 0;
}
.info-box p:first-child {
	margin-top:0;
}
.info-box.show {
	opacity: 1;
}
.info-box.fade {
	filter: blur(5px);
}
#box-one {
	top:10vw;
	left:8vw;
	align-items: flex-start;
}
.info-box h1 {
	font-family: 'Inter', sans-serif;
	font-size: 1.6vw;
}

#box-two {
	background-color:#1C052F;
	color:#FFF2EC;
	top:12vw;
	left:24vw;
}
#box-three {
	background-color:#ED5360;
	color:#FFF2EC;
	top:6vw;
	left:40vw;
}
#box-four {
	background-color:#6BC9C5;
	color:#1C052F;
	top:14vw;
	left:56vw;
}
#box-five {
	background-color:#FFF2EC;
	color:#1C052F;
	top:8vw;
	left:72vw;
}
.contact .info-box {;
	transform:translateY(-50%);
}
#contact-intro {
	left:calc(30% - 20vw);
	top:48%;
	background-color: #ED5360;
	color:#FFF2EC;
	align-items: flex-start;
	padding-right: 10%;
}
#contacts {
	left:24%;
	top:64%;
	background-color:#1C052F;
	color:#FFF2EC;
	align-items: flex-start;
}
.contact-details {
	margin-bottom:2vw;
}
#contacts p#address {
	position: absolute;
	bottom:2vw;
}

#project-info, .project-info {
	position: absolute;
    background-color: #f4f4f4;
    width: calc(37vw - 1px);
    padding: 0 2vw;
    top: 110px;
    left:5%;
    color: #634E9D;
    max-height: 0;
    overflow: hidden;
    transition: 1s max-height;
    z-index: 2;
}
#project-info p:first-child, .project-info p:first-child {
	margin-top:2vw;
}
#project-info p:last-of-type, .project-info p:last-of-type {
	margin-bottom:2vw !important;
}
#project-info.open, .project-info.open {
	height:auto;
	max-height:80vh;
}
#project-meta, .project-meta {
	flex-wrap: wrap;
	justify-content: space-between;
}
#project-meta p, .project-meta p {
	margin:5px 0 !important;
}
.project-title-wrapper {
	display: flex;
}

.swiper svg {
	width: 2vw;
	height: auto;
	display: block;
}
.prev svg {
	transform:rotate(180deg);
}
.prev, .next {
	position: absolute;
	top:50%;
	transform:translateY(-50%);
	cursor:pointer;
	z-index: 3;
}
.home .prev, .home .next, .about .prev {
	display: none;
}
.prev {
	left:5%;
}
.next {
	right:5%;
}
@keyframes wobble {
	0% {right:5%}
	50% {right:6%}
	100% {right:5%}
}
.pagination {
	position: absolute;
    right: 5%;
    bottom: 8%;
    width: fit-content;
    color: #634E9D;
    z-index: 3;
    font-size: 10vw;
    left: unset;
    letter-spacing: -1.4vw;
    display: none;
}
.pagination span {
	font-family: 'Dida', sans-serif;
}

.about .info-box, .what-we-do .info-box {
	pointer-events: none;
	align-items: flex-start;
	transition: 0.5s opacity;
}
.info-box-cover {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 6vw);
}
.info-box-inner svg.wwdo-headphones {
	width: 20%;
	height:auto;
}
.play-video-link a {
	text-decoration: underline;
}
.box-nav {
	display: flex;
	position: absolute;
	width: calc(100% - 4vw);
	bottom: 2vw;
	left: 2vw;
}
.info-box.show {
	pointer-events:all;
}
.box-nav span {
	display: block;
	margin:0 1vw;
}
.about-next, .about-prev {
	width: 50%;
	display: flex;
	align-items: center;
	cursor: pointer;
}
.about-next {
	justify-content: flex-end;
}
#box-one .box-nav {
	justify-content: flex-end;
}

#showreel {
	position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(28,5,47,0.9);
    z-index: 9999;
    display: none;
}
#showreel-inner {
	display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
    height:100%;
}
#showreel-inner div {
	padding: 44% 0 0 0;
    position: relative;
    width: 80%;
}
#showreel-inner video {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#close-showreel {
	position: absolute;
    top: 2%;
    right: 1%;
}
#close-showreel svg {
	width:2vw;
	height: auto;
	display: block;
}
.mobile-video {
	display: none;
}

.play-video-link {
	position: relative;;
	z-index: 2;
}

#contact-link {
	display: flex;
	width: fit-content;
	margin: auto;
	justify-content: center;
	align-items: center;
	position: relative;
	top: 0.2vw;
}
#contact-link svg {
	width: 2vw;
	margin-top: 0.2vw;
	margin-right: 0.2vw;
}
#contact-link svg path {
	fill:#ED5360;
}
.dark #contact-link svg path {
	fill:#D8FF00;
}



/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

#mob-caption, #mob-project, .mob-play, .box-nav-mob {
	display: none;
}

@media (orientation:portrait) and (max-width:1200px) {
	body {
		font-size: 3vw;
		line-height: 1.2;
	}
	h1, .h1 {
		font-size:4vw;
	}
	a.underline {
		padding-bottom:10px;
	}
	.header, .footer {
		width:90%;
		left:5%;
	}
	#loading-toggle {
		flex-wrap:nowrap;
		width:60vw;
	}
	#loading-toggle .toggle-inner {
		width:10vw;
		margin-right:2vw;
	}
	#home-loader {
		min-height:unset;
	}
	#bm {
		min-width:unset;
	}
	#bm svg {
	    width: 93% !important;
	    margin: 0 auto 17vw 3vw;
	}
	.ios #bm svg {
		margin-bottom:12vw;
	}
	.ios #loading-toggle {
		bottom:140px;
	}
	.header {
		top:25px;
	}
	.ios .footer {
		bottom:14vh;
	}
	#header-logo img {
		width:33vw;
	}
	.header-box-inner {
		background:transparent;
	}
	.header-box-inner .h1, #contact-intro, .box-nav {
		display: none;
	}
	.toggle {
		flex-wrap: wrap;
		justify-content: center !important;
		width:12vw;
	}
	.toggle-inner {
		width:100%;
		height:6vw;
		margin-bottom:1vw;
		margin-left:0 !important;
		border-radius: 8vw;
	}
	.toggle-inner:after {
		width:calc(6vw - 4px);
		height:calc(6vw - 4px);
	}
	.toggle .lspacing {
		order:1;
	}
	#sound-toggle .bubblegum, .home.dark #sound-toggle .bubblegum, #video-swiper .swiper-slide .slide-header .toggle .bubblegum {
		color:#D8FF00;
	}
	#sound-toggle .toggle-inner, .home.dark #sound-toggle .toggle-inner, #video-swiper .swiper-slide .slide-header .toggle-inner {
		border-color:#D8FF00;
	}
	#sound-toggle .toggle-inner:after, .home.dark #sound-toggle .toggle-inner:after, #video-swiper .swiper-slide .slide-header .toggle-inner:after {
		background-color:#D8FF00;
	}
	.home #sound-toggle .bubblegum {
		color:#ED5360;
	}
	.home #sound-toggle .toggle-inner {
		border-color:#030D1F;
	}
	.home #sound-toggle .toggle-inner:after {
		background-color:#030D1F;
	}
	.info-box {
		top:50% !important;
		left:50% !important;
		width: 80vw;
		height:50vh;
		transform:translate(-50%, -50%);
		padding:10vw;
		font-size: 3vw;

	}
	.info-box h1 {
		font-size:6vw;
	}
	#box-one a {
		width:calc(100% - 20vw);
		bottom:10vw;
	}
	#box-one a svg {
		width:10vw;
		margin-bottom:2vw;
	}
	.about .next {
		top: unset;
	    bottom: 60px;
	    left: 50%;
	    transform: translateX(-50%);
	    width: fit-content;
	    height: fit-content;
	}
	.about .next svg {
		transform:rotate(90deg);
	}
	.about .prev svg {
		transform:rotate(-90deg);
	}
	.about .prev {
		top: 60px;
	    left: 50%;
	    transform: translateX(-50%);
	    width: fit-content;
	    height: fit-content;
	}
	.contact .info-box {
		transform:translate(-50%, -50%);
	}
	#contacts p#address {
		width:calc(100% - 20vw);
		bottom:10vw;
	}
	#mob-project {
		display:block;
		margin-bottom:25px;
	}
	.contact-details {
		margin-bottom:10vw;
	}
	.home #header-inner {
		position: relative;
	}
	#home-header-inner {
		position: absolute;
	    width: 100%;
	    left: 0;
	    top: 14vw;
	}
	#home-header-inner br, #footer-inner br {
		display: inline;
	}
	#lights-toggle {
		margin-left:auto;
	}
	#video-swiper {
		-webkit-mask-image:url('./img/55E5-mobile.svg');
		mask-image:url('./img/55E5-mobile.svg');
		-webkit-mask-size:80%;
		mask-size:80%;
		-webkit-mask-position:50% 44%;
		mask-position: 50% 44%;
	}
	#video-row.zoom.one, #video-swiper.zoom.one {
		-webkit-mask-position:25% 25%;
		mask-position:25% 25%;
	}
	#video-row.zoom.two, #video-swiper.zoom.two {
		-webkit-mask-position:25% 25%;
		mask-position:25% 25%;
	}
	#video-row.zoom.three, #video-swiper.zoom.three {
		-webkit-mask-position:25% 25%;
		mask-position:25% 25%;
	}
	#video-row.zoom.four, #video-swiper.zoom.four {
		-webkit-mask-position: 25% 25%;
		mask-position: 25% 25%;
	}
	.swiper-grid .swiper-wrapper {
		height:42%;
		margin-top:25vh;
	}
	.swiper-grid .swiper-slide {
		height:50%;
		order:5;
		max-width:24%
	}
	.swiper-grid .swiper-slide:nth-child(1) {
		order:1;
	}
	.swiper-grid .swiper-slide:nth-child(2) {
		order:2;
	}
	.swiper-grid .swiper-slide:nth-last-child(2) {
		order:3;
	}
	.swiper-grid .swiper-slide:nth-last-child(1) {
		order:4;
	}
	.swiper-grid .swiper-slide video {
		height:100%;
		margin-top:0;
		filter:none;
	}
	#video-swiper.big .swiper-slide, #video-swiper.big video {
		width:100% !important;
	}
	.swiper #header-logo {
		top:25px;
	} 
	#vid-captions, .swiper .fgrow.right, .slide-header .divider {
		display: none;
	}
	.slide-header .header-box-inner {
		background-color: transparent;
	}
	.slide-header .header-box-inner .h1 {
		display: block;
	}
	.pagination {
		display: block;
	    bottom: 10%;
	    right: 10%;
	    font-size: 20vw;
	    letter-spacing: -3vw;
	}
	.ios .pagination {
		bottom:17vh;
	}
	.swiper svg {
		width:6vw;
	}
	.project-info-wrapper {
	    position: absolute;
	    width: 100%;
	    top: 110%;
	}
	.mob-play {
		color:#D8FF00;
		border:2px solid;
		margin-left:1vw;
	}
	.mob-play, .project-title-wrapper {
		height: 15vw;
		padding:0 4vw;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size:4vw;
	}
	.project-title-wrapper {
		background-color:#D8FF00;
		width:70%;
		justify-content: flex-start;
	}
	.project-info-wrapper svg {
		height:5vw;
		width: auto;
		display: inline-block;
		margin-left: 2vw;
	}
	.project-info-wrapper .show-info svg {
		margin-left:0;
	}
	#mob-caption {
		display: block;
		position: absolute;
	    bottom: 33vh;
	    text-align: center;
	    width: 90%;
	}
	.ios #mob-caption {
		bottom:28vh;
	}
	.slide-header .header-box-inner .h1 {
		flex-grow:1;
	}
	.about .info-box, .what-we-do .info-box {
		position: relative;
	    transform: none;
	    top: 0 !important;
	    left: 0 !important;
	    opacity: 1;
	    margin: 65vw auto 70vw;
	    z-index:4;
	    font-size:4vw;
	    height:95vw;
	    pointer-events:all;
	}
	.ios.about .info-box, .ios.what-we-do .info-box {
		top:-10% !important;
	}
	.info-box-cover {
		display: none;
	}
	.box-nav-mob {
		display: block;
		text-align: center;
		position: absolute;
		width: calc(100% - 20vw);
		left: 10vw;
		bottom: 5vw;
	}
	.box-nav-mob p {
		margin:10px 0;
	}
	#box-four .box-nav-mob svg {
		transform:rotate(180deg);
	}
	.ios #contacts {
		top: 45% !important;
	}
	.about .prev, .about .next {
		pointer-events: none;
	}
	#close-showreel svg {
		width:6vw;
	}
	#close-showreel {
		right:4%;
	}
	#project-info, .project-info {
	    width: 90% !important;
	    left: 6%;
	    top: 135px;
	    padding: 0 4vw;
	    line-height:1.4;
	}
	#project-info p:first-child, .project-info p:first-child {
		margin-top:4vw;
	}
	#project-info p:last-of-type, .project-info p:last-of-type {
		margin-bottom:4vw !important;
	}

	#footer-inner {
		flex-wrap: wrap;
	}
	#footer-inner a {
		display: block;
		width: 100%;
		text-align: center;
	}
	#contact-link svg {
	    width: 8vw;
	    margin-top: 1vw;
	}
	#footer-inner a.center {
		display: flex;
	}
	#footer-inner a.center {
		display: flex;
		width: fit-content;
		margin: 2vw auto 1vw;
	}
	#footer-inner a.center svg {
		enable-background: new 0 0 37.8 24;
		width: 8vw;
		margin-bottom: 4px;
		margin-right: 10px;
	}
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#634E9D;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#634E9D;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#634E9D;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}