/* raleway-300 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('/sites/assets/fonts/raleway-v19-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/sites/assets/fonts/raleway-v19-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/sites/assets/fonts/raleway-v19-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/sites/assets/fonts/raleway-v19-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/sites/assets/fonts/raleway-v19-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/sites/assets/fonts/raleway-v19-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('/sites/assets/fonts/raleway-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/sites/assets/fonts/raleway-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/sites/assets/fonts/raleway-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/sites/assets/fonts/raleway-v19-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/sites/assets/fonts/raleway-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/sites/assets/fonts/raleway-v19-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
}


body					{margin:0; padding:0; font-family: 'Raleway', sans-serif; color:#FFF; background: linear-gradient(75deg, #3d9692 0%, #50a3a2 60%, #42a67c 100%);}
footer nav ul			{list-style:none; padding:3em 0; text-align:center;}
footer nav ul li a		{font-size:0.7em;}

header					{text-align:center; padding:1.5em 3em; height:330px; position:relative; box-shadow: inset 0px -12px 5px -3px rgba(0,0,0,0.37);}
header::before			{content: ' '; position: fixed; width: 100%; height:calc(330px + 3em); top:0; left:50%; transform:translateX(-50%); background:url('/sites/assets/img/fff-band.jpg') no-repeat center center; background-size: cover; will-change: transform; z-index: -1; background-position-y: min(0px, calc(-100vw / 6.56 + 80px)); max-width: 2500px;}
header #logo					{width:100px;  filter: drop-shadow(2px 2px 6px #333);}

main .linklist			{background: linear-gradient(75deg, #3d9692 0%, #50a3a2 60%, #42a67c 100%); z-index:2; padding-top:4em;}
main .linklist nav		{max-width:950px; width:100%; margin:0 auto 4em auto; text-align:center;}
main .linklist nav ul	{list-style:none; padding:0;}
main .linklist nav ul li{margin:1em 2em;}
main .linklist nav a	{width:100%; max-width:500px; box-sizing:border-box; background:rgba(255,255,255,0.3) url(/sites/assets/img/logo.png) 15px center no-repeat; background-size:2.2em;}

a#fff-web				{background-image:url(/sites/assets/img/logo.png);}
a#fff-spot				{background-image:url(/sites/assets/img/spotify.png);}
a#fff-fb				{background-image:url(/sites/assets/img/facebook.png);}
a#fff-yt				{background-image:url(/sites/assets/img/youtube.png);}
a#fff-bc				{background-image:url(/sites/assets/img/bandcamp.png);}

.widget					{width:100%; margin:5em auto; padding:2em; box-sizing:border-box;}
.widget	> div			{position:relative; margin:auto; max-width:500px; border:1px solid #fff; border-radius: 35px; background:rgba(255,255,255,0.2); box-sizing:border-box;}
.widget iframe					{padding:2em; width:calc(100% - 4em);}
div.iframe-privacy				{margin:2em;}
.spotify div.iframe-privacy		{background:url(/sites/assets/img/widget-spotify.jpg) center no-repeat; background-size:cover;}
.youtube div.iframe-privacy		{background:url(/sites/assets/img/widget-youtube.jpg) center no-repeat; background-size:cover;}
div.iframe-privacy:after		{content: ""; background:rgba(255,255,255,0.9); top:0; bottom:0; left:0; right:0; position:absolute; z-index:0; margin:2em; background:#3d9692; opacity:0.8;}

div.iframe-privacy p	{padding:2em; position:absolute; box-sizing:border-box; text-align:center; font-weight:300; font-size:0.8em; line-height:1.5em; top: 50%; transform: translateY(-50%); z-index:5; width: calc(100% - 4em);}
div.iframe-privacy a.button {font-size:1.5em; /*color:#000; border-color:#000;*/}
div.iframe-privacy a.button::after { content:''; width:200px; height: 0; border-top:15px solid transparent; border-bottom:15px solid transparent; 
  border-left:30px solid #FFF; position:absolute; left:1.5em; top:50%; transform:translateY(-50%);}

a.button				{display:inline-block; border:1px solid #FFF; border-radius:35px; padding:1em 4em; color:#FFF; text-decoration:none; overflow:hidden; position:relative;}
a.button:visited		{color:#FFF;}
a.button:active			{transform:scale(0.9); transition: all 0.1s ease;}
a.button:hover::before 	{bottom: 0px;}
a.button::before 		{content: ''; background: rgba(255,255,255,0.3); margin: -0.3em -0.8em; position: absolute; bottom:80px; transition: all 0.1s cubic-bezier(0.42, 0, 0.58, 1); display: block; width: 100%; height: 100%; filter:blur(1em);}

h1						{margin:1em auto 0em auto; color:#FFF;}
a	 					{color:#FFF; font-weight:bold; text-decoration:none;}
a:visited				{color:#DDD;}

@media (max-width: 550px) {
  body						{font-size:0.8em;}
}