/*
Theme Name: Slottsfjell Future
Theme URI: https://poison.no
Author: Poison AS
Author URI: https://poison.no
Description: Modern theme built specifically for Slottsfjell by Poison AS.
Version: 1.1
Text Domain: slottsfjell
License: Made specifically for Slottsfjell Festival to be hosted by Poison AS.
*/

/* @font-face {
  font-family:Ros;
  src: url('/wp-content/themes/slottsfjell/ros.otf');
}

@font-face {
  font-family:Pop-Reg;
  font-weight:400;
  src: url('/wp-content/themes/slottsfjell/pop-reg.woff');
}

@font-face {
  font-family:Pop-Bold;
  font-weight:600;
  src: url('/wp-content/themes/slottsfjell/pop-bold.woff');
} */

:root {
	--font:"ff-good-headline-web-pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	--fontbold:"Good Headline Pro Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	--typefont:"ff-good-headline-web-pro-ext", var(--font);
	
	--transition:all 333ms ease-out;
	
	--gap:1rem;
	
	--theme-colour-white:rgb(255,255,255);
	--theme-colour-offwhite:rgb(254,243,227);
	--theme-colour-grey:rgb(180,180,180);
	--theme-colour-black:rgb(11, 34, 38);
	--theme-colour-orange:rgb(247, 174, 65);
	--theme-colour-purple:rgb(63, 59, 133);
	
	/* --theme-gradient-orange:linear-gradient(90deg, rgb(223, 73, 95) 0, rgb(247, 174, 65) 100%); */
	/* --theme-gradient-purple:linear-gradient(90deg, rgb(63, 59, 133) 0, rgb(168,144,138) 100%); */
	/* --theme-gradient-purple-reverse:linear-gradient(90deg, rgb(168,144,138) 0, rgb(63, 59, 133) 100%); */
	--theme-gradient-full:linear-gradient(90deg, rgb(223, 73, 95) 0, rgb(247, 174, 65) 50%, rgb(63, 59, 133) 100%);
	--theme-gradient-full-reversable:linear-gradient(90deg, rgb(223, 73, 95) 0, rgb(247, 174, 65) 20%, rgb(247, 174, 65) 30%, rgb(63, 59, 133) 50%, rgb(247, 174, 65) 75%, rgb(223, 73, 95) 100%);

	/* --theme-gradient-darkpurple:linear-gradient(180deg, #010043 0%, #613556 100%); */
	
	
	
	--theme-new-white:#ffffff;
	--theme-new-blue:#000043;
	--theme-new-orange:#ff6702; /* #fdc757 */
	
	
	--theme-gradient-orange:linear-gradient(0, var(--theme-new-orange), var(--theme-new-orange));
	
	--theme-gradient-purple:linear-gradient(0, var(--theme-new-blue), var(--theme-new-blue));
	--theme-gradient-purple-reverse:linear-gradient(0, var(--theme-new-blue), var(--theme-new-blue));
	--theme-gradient-darkpurple:linear-gradient(0, var(--theme-new-blue), var(--theme-new-blue));
	
}

html
{
	background:var(--theme-colour-white);
	font-size:125%;
	
	-webkit-tap-highlight-color:transparent;
	-webkit-text-size-adjust:100%;
}

body, body *
{
	box-sizing:border-box;
	margin:0;
	padding:0;
	border:0;
	vertical-align:top;
	list-style:none;
	font-size:1rem;
	text-decoration:none;
}

*, *:before, *:after
{
	box-sizing:border-box;
}

body
{
	display:flex;
	flex-direction:column;
	min-height:100vh;
	font:normal 500 1rem/1.25 var(--font);
	color:var(--theme-new-blue);
}

body strong
{
	font-weight:700;
}

.logged body
{
	min-height:calc(100vh - 32px);
}

@media screen and (max-width:782px) {
	.logged body
	{
		min-height:calc(100vh - 46px);
	}
}

body.open
{
	overflow:hidden;
}

body, a, button, input, textarea, select
{
	font-synthesis:none;
	-webkit-font-smoothing:antialiased;
	-moz-font-feature-settings:"kern";
	-moz-osx-font-smoothing:grayscale;
	color:var(--theme-new-blue);
	background:none;
}

button, select, input, textarea
{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}

img, svg, video
{
	width:100%;
	height:auto;
}

@media screen and (max-width:700px) {

	.video
	{
		width:100%;
		height:60vh;
	}

		.video video
		{
			width: 100%;
			height:100%;
			object-fit:cover;
		}

}

main
{
	flex:1;
}

section
{
	position:relative;
	overflow-x:hidden;
	background-size:cover;
	background-position:50% 50%;
}

section>*
{
	z-index:2;
	position:relative;
}

	.section-background
	{
		pointer-events:none;
		z-index:0;
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		background-size:cover;
		background-position:50% 50%;
		opacity:0.33;
		mix-blend-mode:overlay;
	}

/* Utility */

.reader
{
	position:absolute;
	overflow:hidden;
	clip:rect(1px, 1px, 1px, 1px);
	clip-path: inset(0px 0px 99.9% 99.9%);
	height:1px;
	width:1px;
}

.contain
{
	max-width:49rem;
	margin:0 auto;
	padding:3rem 1rem;
}

.contain + .contain
{
	padding-top:0;
}

.contain-large
{
	max-width:60rem;
}

.contain-full
{
	max-width:100%;
	padding:0 0 3rem;
}

/* section:last-child .contain:last-child:has(>img), */

.contain-full:only-child,
section:has(.marquee-over) .contain-full
{
	padding-bottom:0;
}

.contain-split
{
	display:grid;
	grid-template-columns:1fr 1fr;
}

@media screen and (max-width:767px) {
	
	.contain-split
	{
		grid-template-columns:1fr;
	}
	
}

.mobile
{
	display:none;
}

@media screen and (max-width:700px) {
	.mobile { display:block; }
	.desktop { display:none !important; }
}

/* Save */

.save-fly
{
	z-index:900;
	position:absolute;
	width:2rem;
	margin:-15px 0 0 10px;
	
	transition:all 999ms ease-in-out;
	
	transform-origin:50% 50%;
	
	animation-name:savePop;
	animation-duration:999ms;
	animation-timing-function:ease-in-out;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
}

	.save-fly svg *
	{
		fill:var(--theme-new-blue);
	}

@keyframes savePop {
	
	0%, 100%
	{
		transform:translate3d(0,0,0) scale(0.5);
	}
	
	50%
	{
		transform:translate3d(-50px,-50px,0) scale(1);
	}
	
	100%
	{
		transform:translate3d(0,0,0) scale(0);
	}
	
}

/* Elements */

.button
{
	display:inline-block;
	height:2rem;
	padding:0 1rem;
	border-radius:2rem;
	background:var(--theme-new-blue);
	line-height:2.3rem;
	font-family:var(--typefont);
	font-weight:900;
	font-size:1.5rem;
	color:var(--theme-new-white);
	letter-spacing:0.025rem;
	font-style:italic;
	line-height:1.4;
}

.button-orange
{
	background:var(--theme-new-orange);
	color:var(--theme-new-white);
}

.button-white
{
	background:var(--theme-colour-white);
	color:var(--theme-new-blue);
}

.button-pulse
{
	z-index:0;
	position:relative;
}

.button-pulse:before,
.button-pulse:after
{
	z-index:-10;
	content:"";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	border:2px solid var(--theme-colour-white);
	border-radius:5rem;
	opacity:0;
	
	animation-name:buttonPulseRing;
	animation-duration:1500ms;
	animation-iteration-count:infinite;
	animation-fill-mode:forwards;
}

.button-pulse:after
{
	animation-delay:750ms;
}

@keyframes buttonPulseRing {
	0%
	{
	}
	
	10%
	{
		opacity:1;
		border-width:8px;
	}
	
	100%
	{
		opacity:0;
		top:-10px;
		right:-10px;
		bottom:-10px;
		left:-10px;
		border-width:1px;
	}
}

@media screen and (max-width:767px) {
	
	.button
	{
		height:1.5rem;
		line-height:1.66rem;
		font-size:1.25rem;
	}

}

.title
{
	line-height:1;
	font-family:var(--typefont);
	font-size:2rem;
	text-transform:uppercase;
}

.contain.title
{
	padding-bottom:1.5rem;
}

h1.title
{
	font-size:4rem;
}

h2.title
{
	font-size:3rem;
}

.title-centre
{
	text-align:center;
}

.text-white .title
{
	color:var(--theme-colour-white);
}

@media screen and (max-width:767px) {

	.title
	{
		font-size:1.5rem;
	}
	
	h1.title
	{
		font-size:3rem;
	}
	
	h2.title
	{
		font-size:2rem;
	}
	
}

.marquee
{
	position:relative;
	overflow:hidden;
	white-space:nowrap;
	user-select:none;
	-webkit-user-select:none;
	font-family:var(--typefont);
	font-style:italic;
	transform:translateZ(0);
	
	--marquee-direction:forwards;
	--marquee-text:var(--theme-new-blue);
	--marquee-tower:var(--theme-new-blue);
}

.marquee-over
{
	position:absolute;
	top:0;
}

	.marquee-content
	{
		display:inline-block;
		transform:translateZ(0);
		animation:marqueeMove 66s linear infinite;
		animation-direction:var(--marquee-direction);
	}
	
		.marquee-content-item
		{
			display:inline-block;
			height:4rem;
			padding:0.5rem 0;
			line-height:3.2rem;
			color:var(--marquee-text);
			font-size:3.5rem;
			transform:translateZ(0);
		}
		
			.marquee-content-item svg
			{
				width:auto;
				height:3rem;
				margin:0 0.75rem;
			}
		
			.marquee-content-item svg *
			{
				fill:var(--marquee-tower);
			}
		
@keyframes marqueeMove {
		
	0%
	{
		transform:translate3d(0,0,0);
	}
	
	100%
	{
		transform:translate3d(-100%,0,0);
	}

}

@media screen and (max-width:767px) {
	
	.marquee-content-item
	{
		height:2.5rem;
		padding:0.25rem 0;
		line-height:2.5rem;
		font-size:2.5rem;
	}
	
		.marquee-content-item svg
		{
			height:2.1rem;
			margin:0 0.5rem;
		}
	
}

.slideshow
{
	width:100%;
	overflow:hidden;
	padding:0.5rem 0;
}

	.slideshow-list
	{
		display:flex;
		transition:all 333ms ease-in-out;
	}
	
		.slide
		{
			flex:0 0 100%;
		}
		
.slideshow-dots
{
	display:flex;
	justify-content:center;
	width:100%;
	padding:0.5rem 0 0;
}

	.slideshow-dot
	{
		width:1rem;
		height:1rem;
		margin:0 0.25rem;
		background:rgba(1,1,1,0.25);
		transition:all 333ms ease-in-out;
	}
	
	.slideshow-dot.active
	{
		background:var(--theme-new-blue);
	}

.link-container
{
	width:100%;
	display:flex;
	justify-content:center;
}

	.link
	{
		display:flex;
		align-items:center;
		margin:0 auto;
	}
	
	.text-white .link
	{
		color:var(--theme-colour-white);
	}
		
		.link-label
		{
			padding:0 1rem;
			font-weight:700;
			font-size:1.25rem;
		}
		
		.link-icon
		{
			width:1.5rem;
		}
		
@media screen and (max-width:767px) {

	.link-label
	{
		font-size:1rem;
	}
	
	.link-icon
	{
		width:1rem;
	}
	
}

.slider
{
	width:100%;
	height:50%;
	overflow-x:hidden;
	position:relative;
}

	.slider-list
	{
		display:flex;
	}

		.slider-list-item
		{
			flex:0 0 50%;
		}

		.slider-list-item .grid-artists-item-link
		{
			aspect-ratio:1/1;
			overflow:hidden;
		}

		.slider-list-item img
		{
			object-fit:cover;
			width:100%;
			height:100%;
		}

			.slider .grid-artists-item
			{
				padding:0.5rem;
				background:transparent !important;
			}

				.slider .grid-artists-item-title
				{
					font-size:3rem;
					text-shadow:
						0 -3px 0 #fff,
						3px 0 0 #fff,
						0 3px 0 #fff,
					-3px 0 0 #fff,
						3px -3px 0 #fff,
						3px  3px 0 #fff,
					-3px  3px 0 #fff,
					-3px -3px 0 #fff;
				}

	.slider-button
	{
		position:absolute;
		top:50%;
		left:1rem;
		width:2rem;
		transform:translateY(-50%);
	}

	.slider-button + .slider-button
	{
		left:auto;
		right:1rem;
	}

		.slider-button svg *
		{
			fill:var(--theme-new-orange);
		}

@media screen and (max-width:800px) {

	.slider-list-item
	{
		flex:0 0 100%;
	}

		.slider .grid-artists-item
		{
			padding:0;
		}

}

.grid
{
	display:grid;
	grid-template-columns:repeat( var(--grid-columns), 1fr );
	grid-gap:1rem;
}

	.grid-news>*:first-child
	{
		grid-column:1/span 2;
	}
	
		.grid-news>*:first-child .grid-item-image-title
		{
			font-size:3rem;
		}

	.grid-item
	{
		position:relative;
		display:block;
	}
	
	.grid-item-image
	{
		position:relative;
		padding:100% 0 0;
		background-size:cover;
		background-position:50% 50%;
		
		background-color:rgba(255,255,255,0.1);
	}
	
	.grid-item-image:after
	{
		content:"";
		z-index:100;
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		height:50%;
		background:linear-gradient(0, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
	}
	
		.grid-item-image-title
		{
			z-index:200;
			position:absolute;
			bottom:0;
			left:0;
			width:100%;
			padding:1rem;
			line-height:1;
			font-family:var(--typefont);
			font-size:1.5rem;
			color:var(--theme-colour-white);
			text-align:center;
			font-style:italic;
			-webkit-text-stroke:1px var(--theme-new-blue);
		}
		
	.grid-item-button
	{
		
	}
	
	.grid-item-icon
	{
		padding:100% 0 0;
		background:var(--theme-new-blue);
	}
		
		.grid-item-icon-content
		{
			position:absolute;
			display:flex;
			flex-direction:column;
			align-items:center;
			justify-content:center;
			top:0;
			left:0;
			width:100%;
			height:100%;
			color:var(--theme-new-orange);
		}
		
			.grid-item-icon-graphic,
			.grid-item-icon svg
			{
				width:40%;
				height:auto;
			}

			.grid-item-icon-title
			{
				padding:1rem 1rem 0;
				font-size:3rem;
				line-height:1;
				font-family:var(--typefont);
				font-style:italic;
				color:var(--theme-new-white);
				text-align:center;
				text-transform:uppercase;
			}
	
	.grid-item-icon-list
	{
		padding:0;
		grid-column:1/span 2;
	}
	
		.grid-item-icon-list .grid-item-icon-content
		{
			position:static;
			flex-direction:row;
			justify-content:flex-start;
			padding:0 1rem;
		}
		
			.grid-item-icon-list .grid-item-icon-title
			{
				text-align:left;
				padding:0.75rem 1rem 0.5rem;
				font-size:2rem;
				line-height:1;
			}
			
			.grid-item-icon-list .grid-item-icon-graphic
			{
				width:2rem;
				height:2rem;
			}
			
			.grid-item-icon-list svg
			{
				width:2rem !important;
			}
			
			.grid-item-icon-arrow
			{
				width:2rem;
				margin:0 0 0 auto;
			}
			
				.grid-item-icon-arrow *
				{
					fill:var(--theme-new-blue);
				}
				
@media screen and (max-width:767px) {

	.grid
	{
		grid-template-columns:1fr 1fr;
	}
	
		.grid-item-icon
		{
			
		}
		
			.grid-item-icon-graphic,
			.grid-item-icon svg
			{
				width:33%;
			}
		
			.grid-item-icon-title
			{
				font-size:1.5rem;
			}
			
			.grid-item-icon-list .grid-item-icon-title
			{
				font-size:1.5rem;
			}
	
}
				
.grid-sponsors
{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}

.grid-sponsors-1
{
	padding-bottom:1rem;
}

	.grid-sponsor
	{
		display:flex;
		align-items:center;
		justify-content:center;
		width:20%;
	}
	
	.grid-sponsors-1 .grid-sponsor
	{
		width:50%;
	}
	
	.grid-sponsors-3 .grid-sponsor
	{
		width:15%;
	}
	
		.grid-sponsor a,
		.grid-sponsor span
		{
			display:block;
			padding:1.5rem;
		}
		
@media screen and (max-width:767px) {
	
	.grid-sponsor
	{
		width:33%;
	}
	
	.grid-sponsors-3 .grid-sponsor
	{
		width:25%;
	}
	
}
				
.grid-artists
{
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	grid-gap:1rem;
}

	.grid-artists-item
	{
		position:relative;
		background:var(--theme-gradient-orange);
	}
	
	.grid-artists-item.grid-artists-item-night
	{
		background:var(--theme-gradient-purple-reverse);
	}
	
		.grid-artists-item-save
		{
			z-index:100;
			position:absolute;
			top:0.5rem;
			right:0.5rem;
			width:3rem;
			height:2rem;
			border-radius:1.5rem;
			background-image:var(--theme-gradient-orange);
			background-size:calc( ( 1160px / 4 ) - 30px) 100%;
			background-position:calc( ( ( ( 1160px / 4 ) - 30px ) - 65px ) - ( ( ( 1160px / 4 ) - 30px ) - 65px ) - ( ( ( 1160px / 4 ) - 30px ) - 65px ) ) 0;
		}
		
		.grid-artists-item.grid-artists-item-night .grid-artists-item-save
		{
			background-image:var(--theme-gradient-purple-reverse);
		}
		
			.grid-artists-item-save-badge
			{
				position:absolute;
				top:3px;
				right:3px;
				bottom:3px;
				left:3px;
				border-radius:1.5rem;
				background:var(--theme-colour-white);
			}
			
			.grid-artists-item-save-badge svg
			{
				width:1.25rem;
				margin:0.25rem 0 0;
			}
			
			.grid-artists-item-save-badge svg *
			{
				fill: none;
				stroke: var(--theme-new-blue);
				stroke-width: 12;
				stroke-miterlimit: 10;
			}
			
			.grid-artists-item-save.saved svg *
			{
				fill:var(--theme-new-blue);
			}
	
		.grid-artists-item-link
		{
			display:block;
			position:relative;
		}
	
			.grid-artists-item-title
			{
				position:absolute;
				left:0;
				bottom:0.5rem;
				inset:auto 1rem 2rem 1rem;
				padding:0 0.75rem;
				line-height:1;
				font-size:2rem;
				text-align:center;
				font-weight:900;
				font-style:italic;
				font-family:var(--typefont);
				color:var(--theme-new-blue);
				text-transform:uppercase;
				text-shadow:
					0 -2px 0 #fff,
					2px 0 0 #fff,
					0 2px 0 #fff,
				-2px 0 0 #fff,
					2px -2px 0 #fff,
					2px  2px 0 #fff,
				-2px  2px 0 #fff,
				-2px -2px 0 #fff;
			}
			
				.grid-artists-item-title span
				{
					font-size:inherit;
				}
				
					.grid-artists-item-title span + span
					{
						padding:0 0 0 0.25rem;
						vertical-align:top;
						font-size:0.5em;
					}
					
			.grid-artists-stage
			{
				position:absolute;
				top:0.75rem;
				left:0.75rem;
				color:var(--theme-new-orange);
			}

			.grid-artists-item-night .grid-artists-stage
			{
				color:var(--theme-new-blue);
			}

				.grid-artists-stage svg
				{
					width:15%;
					height:auto;
					stroke:var(--theme-new-white);
					stroke-width:1;
				}
				
@media screen and (max-width:1000px) {
	
	.grid-artists
	{
		grid-template-columns:repeat(3, 1fr);
	}
	
}

@media screen and (max-width:767px) {
	
	.grid-artists
	{
		grid-template-columns:repeat(2, 1fr);
	}
	
}

@media screen and (max-width:600px) {
	
	.grid-artists
	{
		grid-template-columns:repeat(1, 1fr);
	}
	
}

.title-tickets
{
	padding-bottom:1rem;
}
			
.tickets
{
	display:grid;
	grid-gap:1rem;
}

	.ticket
	{
		background:var(--theme-new-blue);
	}
	
		.ticket-link
		{
			position:relative;
			display:flex;
			align-items:center;
			min-height:6rem;
		}
		
			.ticket-info
			{
				flex:1;
				padding:0 1rem;
			}
			
				.ticket-info-title
				{
					padding:0.25rem 0 0;
					line-height:1;
					font-family:var(--typefont);
					font-size:2.5rem;
					color:var(--theme-new-white);
					text-transform:uppercase;
				}
				
				.ticket-info-details
				{
					font-weight:700;
					color:var(--theme-new-white);
				}

			.ticket-out
			{
				display:flex;
				gap:1rem;
				padding:1rem;
			}

				.ticket-out-button
				{
					cursor:pointer;
				}
			
		.ticket-more
		{
			position:relative;
			display:none;
			flex-direction:column;
			gap:0.75rem;
			padding:0 0 1rem;
		}

		.active .ticket-more
		{
			display:flex;
		}

			.ticket-more-close
			{
				position: absolute;
				display: block;
				inset: 0.5rem 0.5rem auto auto;
				color: var(--theme-new-orange);
				font-size: 2rem;
				height: 2rem;
				width: 2rem;
				font-weight:700;
				line-height: 100%;
			}

			.ticket-more-image
			{
				aspect-ratio:10/6;
				object-fit:cover;
			}

			.ticket-more-title,
			.ticket-more-text
			{
				padding:0 1rem;
				color:var(--theme-new-white);
			}
				
@media screen and (max-width:767px) {
	
	.ticket-info
	{
		padding:0.5rem 1rem;
	}
	
	.ticket-info-title
	{
		font-size:1.5rem;
	}
	
	.ticket-link
	{
		flex-direction:column;
		align-items:flex-start;
	}

		.ticket-out
		{
			width:100%;
		}

			.ticket-out .button
			{
				flex:1;
				text-align:center;
			}
	
}

.timetable
{
	
}

	.timetable-days
	{
		display:grid;
		grid-template-columns:1fr 1fr;
		grid-gap:0.5rem;
		padding:0 0 2rem;
	}
	
		.timetable-days-link
		{
			padding:0.5rem;
			background:var(--theme-colour-offwhite);
			font-size:1.25rem;
			font-weight:700;
			text-align:center;
			text-transform:uppercase;
		}

	.timetable-tabs
	{
		padding:2rem 0;
	}
	
	.timetable-content
	{
		padding:2rem 0;
	}
	
		.timetable-title
		{
			font-size:2.5rem;
		}
		
		.timetable-tabs-title
		{
			padding:0.5rem 0.5rem 0;
			background:var(--theme-gradient-orange);
			color:var(--theme-colour-white);
		}
	
		.timetable-content-list
		{
			padding:1rem 0 2rem;
		}
		
			.timetable-content-list-item
			{
				display:grid;
				grid-template-columns:auto 1.25rem;
				grid-gap:1rem;
				border-top:1px solid var(--theme-colour-purple);
			}
			
			.timetable-content-list-item:first-child
			{
				border-top:none;
			}
			
				.timetable-content-list-item-link
				{
					display:grid;
					grid-template-columns:2fr 1fr 1fr;
					grid-gap:0.5rem;
					padding:0.25rem 0;
					align-items:center;
				}
				
					.timetable-content-list-item-link span
					{
						font-weight:700;
					}
				
					.timetable-content-list-item-link-name
					{
						font-family:var(--typefont) !important;
						font-size:1.75rem;
					}
					
					.timetable-content-list-item-link-stage
					{
						font-size:0.8rem;
					}
			
					.timetable-content-list-item-link-time
					{
						text-align:right;
					}
					
				.timetable-content-list-item-link-save
				{
					
				}
				
					.timetable-content-list-item-link-save-badge
					{
					}
					
						.timetable-content-list-item-link-save-badge svg *
						{
							fill: none;
							stroke: var(--theme-new-blue);
							stroke-width: 12;
							stroke-miterlimit: 10;
						}
						
						.saved .timetable-content-list-item-link-save-badge svg *
						{
							fill:var(--theme-new-blue);
						}
					
@media screen and (max-width:800px) {
	
	.timetable-days-link
	{
		font-size:1.25rem;
	}
	
	.timetable-title
	{
		font-size:1.5rem;
	}
	
}

@media screen and (max-width:600px) {
	
	.timetable-content-list-item
	{
		grid-template-columns:auto 1rem;
		grid-gap:0.5rem;
	}
	
	.timetable-content-list-item-link-name
	{
		font-size:1.25rem;
	}
	
	.timetable-content-list-item-link-stage
	{
		font-size:0.66rem;
	}
	
	.timetable-content-list-item-link-time
	{
		font-size:0.75rem;
	}
	
}
				
.artist
{
	
}

	.artist-profile
	{
		padding:0 2rem;
	}

		.artist-subtitle
		{
			padding:2rem 0 1rem;
			font-weight:700;
		}
		
		.artist-networks
		{
			display:flex;
			flex-wrap:wrap;
			padding:0.25rem 0 0;
		}
		
			.artist-networks a
			{
				display:flex;
				justify-content:center;
				align-items:center;
				width:2rem;
				height:2rem;
				margin:0.75rem 0.75rem 0 0;
				padding:0.5rem;
				border-radius:50%;
				background:var(--theme-colour-purple);
			}
			
				.artist-networks svg
				{
					fill:var(--theme-colour-white);
				}

		.artist-past
		{
			margin:1rem 0 0;
			border-radius:0.5rem;
			padding:0.5rem 0.75rem;
			background:var(--theme-new-orange);
			font-weight:700;
			font-family:var(--typefont);
			font-size:1.5rem;
			font-style:italic;
		}
				
		.artist-description
		{
			padding:3rem 0 2rem;
			line-height:1.5;
		}
		
			.artist-description p:not(:empty)
			{
				padding:0 0 1rem;
			}
			
			.artist-description p:last-child
			{
				padding:0;
			}
		
	.artist-playlist
	{
		padding:0 0 2rem;
	}
	
		.artist-playlist iframe
		{
			height:600px;
		}
		
@media screen and (max-width:767px) {
	
	.artist-profile
	{
		padding:0 1rem;
	}
	
}

.lineup-logo-natten
{
	width:15rem;
	margin:0 auto;
	padding:0 0 2rem;
	color:var(--theme-new-blue);
}

.text-white .lineup-logo-natten
{
	color:var(--theme-colour-white);
}

.marquee-over + .contain
{
	padding-top:6rem;
}
		
.lineup
{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	padding:0 0.5rem;
	font-size:4rem;
	font-style:italic;
}

	.lineup-columns
	{
		display:grid;
		grid-template-columns:1fr 1fr;
		grid-gap:2rem;
		padding:0 0 2rem;
	}

		.lineup-column
		{
			text-align:right;
		}
		
			.lineup-column .lineup
			{
				justify-content:flex-end;
			}
		
		.lineup-column + .lineup-column
		{
			text-align:left;
		}
		
		.lineup-column + .lineup-column .lineup
		{
			justify-content:flex-start;
		}
	
			.lineup-title
			{
				position:relative;
				/* padding: 0 0 1rem; */
				font-size: 2rem;
				color: var(--theme-colour-white);
				font-family:var(--typefont);
				text-align: center;
				text-transform: uppercase;
				/* background: var(--theme-colour-white); */
				align-self: center;
				width: auto;
				display: inline-block;
				color: var(--theme-colour-purple);
				padding: 0 1rem;
				margin: 0 0 1rem;
				font-weight:bold;
				font-style:italic;
				-webkit-text-stroke:0.15em var(--theme-colour-white);
				
				/* text-shadow:-1px -1px 0 var(--theme-colour-white), 1px -1px 0 var(--theme-colour-white), -1px 1px 0 var(--theme-colour-white), 1px 1px 0 var(--theme-colour-white); */
			}
			
			.lineup-title:after
			{
				content:attr(data-name);
				position:absolute;
				inset:0 0 0 0;
				text-shadow:none;
				-webkit-text-stroke:0.15em rgba(0,0,0,0);
			}

	.lineup .lineup-item
	{
		display:block;
		padding:0 0.5rem;
		line-height:1;
		font-family:var(--typefont);
		text-transform:uppercase;
		font-style:italic;
	}
	
	.text-white .lineup-item
	{
		color:var(--theme-colour-white);
	}

	.lineup-1 .lineup-item
	{
		font-size:1em;
	}

	.lineup-2 .lineup-item
	{
		font-size:0.80em;
	}
	
	.lineup-3 .lineup-item
	{
		font-size:0.6em;
	}
	
	.lineup-4 .lineup-item
	{
		font-size:0.5em;
	}

	.lineup-1 + .lineup-2,
	.lineup-2 + .lineup-3,
	.lineup-3 + .lineup-4
	{
		padding-top:1rem;
	}
	
		.lineup-item.lineup-day
		{
			color:var(--theme-new-orange);
			
			/* background-image:var(--theme-gradient-orange);
			background-clip:text;
			-webkit-background-clip:text;
			-webkit-text-fill-color:transparent;
			-webkit-filter:drop-shadow(0px 1px 1px rgba(0,0,0,0.66));
			filter:drop-shadow(0px 1px 1px rgba(0,0,0,0.66)); */
		}
		
		.lineup-item.lineup-night
		{
			color:var(--theme-colour-purple);
			/* text-shadow:-1px -1px 0 var(--theme-colour-white), 1px -1px 0 var(--theme-colour-white), -1px 1px 0 var(--theme-colour-white), 1px 1px 0 var(--theme-colour-white); */
			/* text-shadow:-2px -2px 0 var(--theme-colour-white), 2px -2px 0 var(--theme-colour-white), -2px 2px 0 var(--theme-colour-white), 2px 2px 0 var(--theme-colour-white); */
			
						
			/* background-image:linear-gradient(90deg, #59337e 0%, #c53f66 100%);
			background-clip:text;
			-webkit-background-clip:text;
			-webkit-text-fill-color:transparent;
			-webkit-filter:drop-shadow(0px 1px 1px rgba(0,0,0,0.66));
			filter:drop-shadow(0px 1px 1px rgba(0,0,0,0.66)); */
		}
		
			.lineup-item.lineup-night>span:first-child,
			.lineup-item.lineup-day>span:first-child
			{
				position:relative;
				-webkit-text-stroke:0.15em var(--theme-colour-white);
			}
		
			.lineup-item.lineup-night>span:first-child:after,
			.lineup-item.lineup-day>span:first-child:after
			{
				content:attr(data-name);
				position:absolute;
				inset:0 0 0 0;
				text-shadow:none;
				-webkit-text-stroke:0.15em rgba(0,0,0,0);
			}
	
		.lineup-item-image
		{
			display:none;
		}
		
		.lineup-item span:nth-child(1),
		.lineup-item span:nth-child(2)
		{
			font-size:inherit;
		}
		
		.lineup-item span:nth-child(2)
		{
			padding:0 0 0 0.25rem;
			vertical-align:top;
			font-size:0.5em;
		}

@media screen and (max-width:767px) {
	
	.lineup-logo-natten
	{
		width:10rem;
	}
	
	.lineup-1 .lineup-item
	{
		font-size:0.75em;
	}
	
	.lineup-2 .lineup-item
	{
		font-size:0.6em;
	}
	
	.lineup-3 .lineup-item
	{
		font-size:0.5em;
	}
	
}

@media screen and (max-width:600px) {

	.lineup-columns
	{
		grid-template-columns:1fr;
	}
	
		.lineup-title
		{
			font-size:1.5rem;
		}

	.lineup-1 .lineup-item
	{
		font-size:0.65em;
	}
	
}
		
.arrow-list
{
	display:flex;
	flex-direction:column;
	align-items:center;
}

	.arrow-list-link
	{
		display:flex;
		align-items:center;
		width:100%;
		max-width:25rem;
		margin:2rem 0 0;
	}
	
	.arrow-list-link:first-child
	{
		margin:0;
	}
	
		.arrow-list-label
		{
			padding:0 1rem 0 0;
			font-weight:700;
			font-size:1.25rem;
		}
		
		.arrow-list-icon
		{
			width:2rem;
			margin:0 0 0 auto;
			color:var(--theme-colour-purple);
		}
		
.expand-list
{
	display: grid;
	grid-gap: 1rem;
}

	.expand-list-item
	{
		background:var(--theme-colour-offwhite);
		transition:all 222ms ease-out;
	}
	
	.expand-list-item.active
	{
		background:var(--theme-colour-orange);
	}
	
		.expand-list-item-title
		{
		}
		
			.expand-list-item-button
			{
				display:flex;
				width:100%;
				align-items:center;
				padding:0.75rem 1rem;
				font-weight:700;
				text-align:left;
				transition:all 222ms ease-out;
				cursor:pointer;
			}
			
				.expand-list-item-label
				{
					padding:0 0.75rem 0 0;
				}
				
				.expand-list-item-icon
				{
					width:1rem;
					min-width:1rem;
					height:1rem;
					margin:0 0 0 auto;
					transform-origin:50% 50%;
					transition:all 333ms cubic-bezier(.75,0,.25,1);
				}
				
				.expand-list-item.active .expand-list-item-icon
				{
					transform:rotate(180deg);
				}
				
		.expand-list-item-expanded
		{
			display:none;
			padding:0 1rem 1rem;
			line-height:1.5;
		}
		
		.expand-list-item.active .expand-list-item-expanded
		{
			display:block;
		}	

/* Header */

#header
{
	z-index:800;
	position:sticky;
	top:0;
	width:100%;
	height:5rem;
	
	transform:translateZ(0);
}

@media screen and (max-width:768px) {
	#header
	{
		height:7rem;
	}
}

@media screen and (min-width:782px) {
	.logged #header { top:32px; }
}

@media screen and (max-width:782px) and (min-width:600px) {
	.logged #header { top:46px; }
}

	#header-content
	{
		height:5rem;
		
		overflow:hidden;
		
		background:var(--theme-new-blue);
		
		transform:translateZ(0);
		
		transition:all 222ms cubic-bezier(.1,.79,.5,1);
		
		animation-name:headerContentBulge;
		animation-duration:333ms;
		animation-timing-function:cubic-bezier(.73,.34,.5,1);
		animation-iteration-count:1;
		animation-fill-mode:forwards;
		animation-play-state:paused;
	}
	
	.open #header-content
	{
		height:100vh;
		height:100dvh;
		transition:all 333ms cubic-bezier(.73,.34,.5,1);
		animation-play-state:running;
	}
	
	@keyframes headerContentBulge {
		
		0%, 90%
		{
			border-bottom-left-radius:0 0;
			border-bottom-right-radius:0 0;
		}
		
		30%
		{
			border-bottom-left-radius:100% 30%;
			border-bottom-right-radius:100% 30%;
		}
		
	}
	
		#header-top
		{
			display:flex;
			align-items:flex-end;
			height:1.5rem;
			padding:0 1rem;
		}
		
			#header-top-sponsor
			{
				display:flex;
				align-items:flex-end;
			}
			
				#header-top-sponsor svg
				{
					width:auto;
					height:1rem;
					fill:var(--theme-colour-white);
				}
				
				#header-top-sponsor span
				{
					padding:0 0 0 0.25rem;
					font-size:0.65rem;
					line-height:0.6rem;
					font-weight:700;
					text-transform:uppercase;
					color:var(--theme-colour-white);
				}
			
			#header-top-date
			{
				margin:0 0 0 auto;
				font-family:var(--typefont);
				text-transform:uppercase;
				font-style:italic;
				color:var(--theme-new-orange);
				font-size:1.5rem;
				align-self:flex-start;
				
				text-shadow:
					0 -1px 0 var(--theme-new-white),
					-1px 0 var(--theme-new-white),
					0 1px 0 var(--theme-new-white),
					1px 0 0 var(--theme-new-white);
			}
			
		#header-main
		{
			display:flex;
			align-items:center;
			height:3.5rem;
		}
		
			#header-main-logo
			{
				margin:0.75rem auto 0 0.25rem;
				
				font-size:3rem;
				font-style:italic;
				font-family:var(--typefont);
				color:var(--theme-new-white);
			}

				#header-main-logo-graphic
				{
					width:auto;
					height:3rem;
				}
					
			#header-main-button-group
			{
				
			}
								
				.header-main-button
				{
					margin:0 0 0 1rem;
				}
			
			.header-main-toggle
			{
				position:relative;
				margin:0 1rem;
				width:2rem;
				height:1.5rem;
			}
			
				.header-main-toggle-icon
				{
					position:relative;
					display:block;
					width:100%;
					height:100%;
				}
				
					.header-main-toggle-icon span
					{
						position:absolute;
						display:block;
						top:0;
						left:0;
						width:2rem;
						height:6px;
						border-radius:3px;
						background:var(--theme-colour-white);
						
						transform-origin:2px 2px;
						transform:translateZ(0);
						transition:all 222ms cubic-bezier(.18,.83,.37,1);
					}
					
						.header-main-toggle-icon span:nth-child(1)
						{
							transition-delay:222ms;
						}
					
						.header-main-toggle-icon span:nth-child(2)
						{
							top:auto;
							bottom:0;
							transform-origin:38px 2px;
							transition-delay:222ms;
						}
						
						.header-main-toggle-icon span:nth-child(3),
						.header-main-toggle-icon span:nth-child(4)
						{
							top:12px;
							transform-origin:50% 50%;
							transition:all 333ms cubic-bezier(.7,0,.37,1);
						}
						
						.header-main-toggle-icon span:nth-child(4)
						{
							transform:translateZ(0) scale(0.95,1);
						}
						
						.open .header-main-toggle-icon span:nth-child(1),
						.open .header-main-toggle-icon span:nth-child(2)
						{
							transform:translateZ(0) scale(0,1);
							transition-delay:0ms !important;
						}
						
						.open .header-main-toggle-icon span:nth-child(3)
						{
							transform:translateZ(0) rotate(45deg);
						}
						
						.open .header-main-toggle-icon span:nth-child(4)
						{
							transform:translateZ(0) rotate(-45deg);
						}
						
				.header-main-toggle-program
				{
					display:none !important;
					
					position:absolute;
					top:-0.5rem;
					right:-0.5rem;
					width:2rem;
					height:1.25rem;
					border-radius:0.75rem;
					background-image:var(--theme-gradient-full-reversable);
					background-size:200vw 100%;
					background-position:calc(100vw + 2.5rem) 0;
					
					transform:translateZ(0);
					transition:all 222ms cubic-bezier(.1,.79,.5,1);
				}
				
				.header-main-toggle-program.bounce
				{
					transform:scale(1.25);
				}
				
					.header-main-toggle-program-badge
					{
						position:absolute;
						display:flex;
						align-items:center;
						top:3px;
						right:3px;
						bottom:3px;
						left:3px;
						border-radius:0.5rem;
						background:var(--theme-colour-white);
					}
					
						.header-main-toggle-program-badge svg
						{
							width:0.7rem;
							height:0.7rem;
							margin:0 0.1rem 0 0.2rem;
						}
						
							.header-main-toggle-program-badge svg *
							{
								fill:none;
								stroke:var(--theme-new-blue);
								stroke-width:12;
								stroke-miterlimit:10;
							}
					
						.header-main-toggle-program-count
						{
							padding-right:0.15rem;
							line-height:1;
							font-weight:700;
							font-size:0.75rem;
							color:var(--theme-colour-purple);
						}
			
		#header-dropdown
		{
			height:calc(100vh - 5rem);
			height:calc(100dvh - 5rem);
		}
		
			#header-dropdown-options
			{
				display:flex;
				justify-content:center;
				height:3.5rem;
				padding:1rem 0 0.5rem;
			}
			
				.header-dropdown-option
				{
					height:2rem;
					padding:0 1rem;
					border:1px solid var(--theme-colour-white);
					border-top-left-radius:2rem;
					border-bottom-left-radius:2rem;
					line-height:2.1rem;
					font-family:var(--typefont);
					font-size:1.5rem;
					color:var(--theme-colour-white);
					text-transform:uppercase;
				}
				
				.header-dropdown-option:last-child
				{
					border-top-left-radius:0;
					border-bottom-left-radius:0;
					border-top-right-radius:2rem;
					border-bottom-right-radius:2rem;
					white-space:nowrap;
				}
				
				.header-dropdown-option.active
				{
					background:var(--theme-new-white);
					color:var(--theme-new-blue);
				}
				
			.header-dropdown-tab
			{
				display:none;
				align-items:center;
				width:100%;
				max-width:50rem;
				height:calc(100% - 3rem);
				overflow-y:auto;
				margin:0 auto;
				padding:0 2rem;
			}
			
			.header-dropdown-tab.active
			{
				display:flex;
			}
			
				#header-nav
				{
					width:100%;
					padding:2rem 0 6rem;
				}
				
				.error404 div#header-nav *
				{
					opacity:1;
					color:var(--theme-new-blue) !important;
				}
				
					#header-nav-menus
					{
						display:grid;
						grid-template-columns:3fr 2fr;
					}
					
						.header-nav-menu
						{
							padding:0.75rem 0 0;
							
							opacity:0;
							transition:all 333ms ease-out;
							transition-delay:222ms;
						}
						
						.open .header-nav-menu
						{
							opacity:1;
						}
						
						.header-nav-menus-group-large .header-nav-menu
						{
							padding:0;
						}
						
							.menu-item
							{
								
							}
							
								.menu-item a
								{
									display:inline-block;
									padding:0.25rem 0;
									font-size:1.25rem;
									color:var(--theme-colour-white);
								}
								
								.header-nav-menus-group-large .menu-item a
								{
									font-size:2.5rem;
									font-weight:700;
								}
								
				#header-myprogram
				{
					
				}
				
					#header-myprogram-list
					{
						display:flex;
						flex-direction:column;
						padding:0.5rem 0;
					}
					
						.header-myprogram-list-item
						{
							display:grid;
							grid-template-columns:1fr 2fr 2fr 1fr;
							grid-gap:1rem;
							align-items:center;
							padding:0.5rem 0;
							color:var(--theme-colour-white);
						}
						
							.header-myprogram-list-item-image
							{
								
							}
							
							.header-myprogram-list-item-details
							{
								
							}
							
								.header-myprogram-list-item-details-title
								{
									line-height:0.8;
									font-family:var(--typefont);
									font-size:3rem;
									text-transform:uppercase;
								}
								
								.header-myprogram-list-item-details-stage
								{
									font-weight:700;
									font-size:1.25rem;
								}
							
							.header-myprogram-list-item-when
							{
								
							}
							
								.header-myprogram-list-item-when-day
								{
									font-weight:700;
									font-size:1.25rem;
								}
								
								.header-myprogram-list-item-when-time
								{
									font-weight:700;
									font-size:1.25rem;
								}
							
							.header-myprogram-list-item-remove
							{
								width:2.5rem;
								padding:0;
								line-height:1;
							}
							
				#header-myprogram-empty
				{
					max-width:50%;
					margin:0 auto;
					padding-top:1rem;
					text-align:center;
					font-weight:700;
					color:var(--theme-colour-white);
				}
				
@media screen and (max-width:767px) {
	
	#header-content
	{
		height:7rem;
	}
	
		#header-top
		{}
		
			#header-top-date
			{
				position:relative;
				bottom:-2.25rem;
			}
	
		#header-main
		{
			display:grid;
			grid-template-columns:auto auto;
			grid-template-rows:auto auto;
			height:auto;
		}
		
			#header-main-logo
			{
				grid-column:1/-1;
				grid-row:1/2;
				line-height:1;
				margin:0.15rem auto 0 0;
			}
			
			#header-main-button-group
			{
				grid-column:1/-1;
				grid-row:2/3;
				width:100%;
				display: grid;
				margin-top:0;
				grid-template-columns:1fr 1fr;
				padding: 0 1rem 0 0;
			}
			
				#header-main-button-group a
				{
					text-align:center;
				}
				
			
			.header-main-toggle
			{
				grid-column:2/3;
				grid-row:1/2;
				
				position:fixed;
				right:1rem;
				bottom:1rem;
				
				width:3rem;
				height:3rem;
				border-radius:50%;
				margin:0;
				padding:0.875rem .5rem;
				
				background:var(--theme-new-orange);
			}
			
			#header .header-main-toggle
			{
				display:none;
			}
			
			#header + .header-main-toggle
			{
				z-index:99999;
				display:block !important;
			}
			
				.header-main-toggle-icon span
				{
					height:5px;
					background:var(--theme-new-white);
				}
				
				.header-main-toggle-icon span:nth-child(3),
				.header-main-toggle-icon span:nth-child(4)
				{
					top:10px;
				}
				
				.header-main-toggle-program
				{
					top:0;
					right:2.25rem;
					background:none;
				}
				
				.open .header-main-toggle-icon span
				{
					background:var(--theme-new-blue);
				}
				
	#header-dropdown-options
	{
		padding:1rem 1rem 0.5rem;
	}
	
		.header-dropdown-option
		{
			width:50%;
		}
	
	.header-dropdown-tab
	{
		height:calc(100% - 4.5rem);
		align-items:flex-start;
	}
	
		#header-nav
		{
			padding:3rem 0 4rem;
		}
	
			#header-nav-menus
			{
				grid-template-columns:1fr;
			}
			
			.menu-item a
			{
				font-size:1rem;
			}
			
			.header-nav-menus-group-large .menu-item a
			{
				font-size:1.5rem;
			}
			
	.header-myprogram-list-item-details-title
	{
		font-size:1.5rem;
	}
	
	.header-myprogram-list-item-details-stage,
	.header-myprogram-list-item-when-day,
	.header-myprogram-list-item-when-time
	{
		font-size:0.75rem;
	}
	
}

@media screen and (max-width:500px) {
	
	#header-top
	{
	}
	
	#header-main-logo
	{
	}
	
	#header-main-button-group
	{
	}
	
	.header-main-toggle
	{
		margin:0 0.5rem;
	}
	
	#header-dropdown-options
	{
		padding:1rem 0.5rem 0.5rem;
	}
	
}
			
/* Footer */

#footer
{
	z-index:600;
	background:var(--theme-new-blue);
}

	#footer-form-intro
	{
		padding:1rem 0;
		text-align:center;
		font-weight:700;
	}
	
	#footer-form
	{
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		padding:2rem 0;
	}
	
		#footer-form-content
		{
			display:flex;
		}
		
			#footer-form input
			{
				width:15rem;
				height:3rem;
				margin:0 0.5rem 0 0;
				padding:0 1rem;
				border-radius:3rem;
				background:var(--theme-colour-white);
				outline:none;
			}
			
			#footer-form input::placeholder
			{
				color:var(--theme-colour-purple);
			}
			
			#footer-form-send
			{
				width:auto;
				height:3rem;
				padding-left:2rem;
				padding-right:2rem;
				background:var(--theme-new-orange);
				color:var(--theme-new-white);
				line-height:2.1;	
				font-style:normal;
			}
			
			@media screen and (max-width:500px) {
				
				#footer-form-send
				{
					font-size:1.25rem !important;
					line-height:2.5 !important;
					padding-left:1rem;
					padding-right:1rem;
				}
				
			}
			
			#footer-form-success,
			#footer-form-error
			{
				display:none;
				width:100%;
				font-weight:700;
				color:var(--theme-colour-white);
				text-align:center;
			}
			
			#footer-form-error
			{
				padding-top:1rem;
			}
			
	#footer-networks
	{
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		margin:2rem 0 0;
	}
	
		#footer-networks a
		{
			width:2.5rem;
			height:2.5rem;
			margin:0 1rem 1rem;
			padding:0.66rem;
			border-radius:2rem;
			background:var(--theme-new-blue);
		}
		
			#footer-networks svg *
			{
				fill:var(--theme-new-white);
			}

	#footer-extra
	{
		display:flex;
		flex-wrap:wrap;
		padding:2rem 1rem;
	}
		
		#footer-extra *
		{
			font-size:0.75rem;
			color:var(--theme-colour-grey);
		}
	
		#footer-extra-details
		{
			display:flex;
			flex-direction:column;
			align-items:flex-start;
		}
		
			#footer-extra-details a
			{
				padding:0.25rem 0 0;
				display:flex;
				align-items:center;
			}
			
			#footer-extra a,
			#footer-extra a *
			{
				transition:all 333ms ease-in-out;
			}
		
				#footer-extra svg
				{
					width:auto;
					height:0.5rem;
					margin:0 0 0 0.25rem;
				}
				
					#footer-extra svg *
					{
						fill:currentColor;
					}
				
				#footer-extra a:hover,
				#footer-extra a:focus,
				#footer-extra a:active,
				#footer-extra a:hover *,
				#footer-extra a:focus *,
				#footer-extra a:active *
				{
					color:var(--theme-colour-white);
				}
		
		#footer-extra-credit
		{
			display:grid;
			grid-template-columns:1fr 1fr;
			grid-gap:2rem;
			margin:0 0 0 auto;
		}
		
			#footer-extra-credit p
			{
				font-size:0.66rem;
			}
		
			#footer-extra-credit a
			{
				line-height:1.75;
			}
			
		#footer .link-container *
		{
			color:var(--theme-new-white);
			fill:var(--theme-new-white);
		}

@media screen and (max-width:767px) {
	
	#footer-form
	{
	}
	
		#footer-networks a
		{
			margin:0 0.5rem 0.5rem;
		}
	
		#footer-form-content
		{
			width:80%;
			flex-direction:column;
		}
		
			#footer-form-content input
			{
				width:100%;
				margin:0 0 1rem;
			}
			
			#footer-form-send
			{
				font-size:2rem;
				line-height:3.2rem;
			}
	
		#footer-extra-details
		{
			width:100%;
		}
		
		#footer-extra-credit
		{
			display:flex;
			width:100%;
			padding:2rem 0 0;
			justify-content:flex-start;
		}
	
}

/* Content */

main
{
	z-index:400;
}