/*
Theme Name: Max500
Author: Max Ruokolainen Kågström
*/

html {
	margin-top:0px!important;
	height:auto;
	min-height:100%;
}

body{
	background-image: linear-gradient(#000000, #111111);
	background-image:url('http://max500.se/app/uploads/2020/10/mixer2-1.jpg');
	color:#ffffff;
	background-size:cover;
	background-attachment: fixed;
}

a{
	transition:all 0.3s;
}
	a:hover{
		transition:all 0.3s;
		text-decoration:none!important;
	}

p{
	font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5{
	font-family: 'Sansita Swashed', cursive;
}

.container{
	background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.2));
	border-radius:5px;
}

header{
	background-image: linear-gradient(rgba(40,40,40,0.95), rgba(10,10,10,0.95));
	width:100%;
	height:auto;
}

div.menu-top_menu-container{
	display:inline-block;
}

ul.top-navigation{
	margin:0;
	padding:0;
	list-style-type:none;
}
	ul.top-navigation li{
		display:inline-block;
	}
		ul.top-navigation a{
			display:inline-block;
			padding:40px;
			margin:3px 3px 3px 0px;
			color:#ffffff;
			font-size:20px;
			font-family: 'Sansita Swashed', cursive;
			border-radius:5px;

			transition:all ease-in-out 0.3s;
		}
		ul.top-navigation a:hover{
			background-color:rgba(40,40,40,0.8);
			text-decoration:none;

			transition:all ease-in-out 0.3s;
		}
/*Submenu*/
ul.top-navigation ul{
	position:absolute;
	visibility:hidden;
	list-style-type:none;
	margin:0;
	padding:0;
	opacity:0;

	transition:all ease-in-out 0.3s;
}
ul.top-navigation li:hover ul{
	visibility:visible;
	opacity:1;

	transition:all ease-in-out 0.3s;
}
ul.top-navigation ul li{
	display: block;
}
		ul.top-navigation ul a{
			display:block;
			padding:10px;
			min-width:250px;
			text-align:center;
			background: linear-gradient(0deg,rgba(232,171,0,1),rgba(244,143,6,1) 100%,transparent);
			text-shadow: 0px 0px 8px rgba(0,0,0,0.5);
			opacity:0.9;

			transition:all ease-in-out 0.3s;
		}
		ul.top-navigation ul a:hover{
			opacity:1;

			transition:all ease-in-out 0.3s;
		}
/*Submenu slut*/

.logo-top{
	display:inline-block;
	float:right;
	margin-top:5px;
}
	.logo-top img{
		opacity:1;

		transition:all ease-in-out 0.3s;
	}
	.logo-top img:hover{
		opacity:0.9;

		transition:all ease-in-out 0.3s;
	}

.wp-block-buttons a{
	font-family: 'Sansita Swashed', cursive;
	opacity:0.93;
	text-shadow: 0px 0px 8px rgba(0,0,0,0.5);
}
.wp-block-buttons a:hover{
	text-decoration:none;
	opacity:1;
}



#social-menu{
	position:fixed;
	display:inline-block;
	left:0px;
	top:40%;
	width:auto;
	z-index:111111;
}
.socialmedia img{
	opacity:1;
	border-radius: 0px 7px 7px 0px;
	margin-top:3px;

	transition:all ease-in-out 0.3s;
}
.socialmedia img:hover{
	opacity:0.9;

	transition:all ease-in-out 0.3s;
}





.blocks-gallery-grid .blocks-gallery-image figcaption, 
.blocks-gallery-grid .blocks-gallery-item figcaption, 
.wp-block-gallery .blocks-gallery-image figcaption, 
.wp-block-gallery .blocks-gallery-item figcaption{
	/*
	background: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.5) 100%,transparent);
	*/
	padding-top:10px;

	background-image:none!important;
}

figcaption.blocks-gallery-item__caption a{
	color:white;
	font-size:22px;
	font-weight:bold;

	float:left!important;
	width:100%!important;
	height:100%!important;
	opacity:0;
	padding:20px;
}

figcaption.blocks-gallery-item__caption a:hover{
	opacity:1;
	background: linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.8) 100%,transparent);
}

figcaption.blocks-gallery-item__caption{
	height:100%;
	margin:0px!important;
	padding:0px!important;
}



.bottom{
	font-size:12px;
	color:#666666;
}




.logobar{
	display:inline-block;
	padding:18px;
}
.logobar a{
	opacity:0.8;
}
.logobar a:hover{
	opacity:1;
}

.logobar div.textwidget{
	width:1110px;
	text-align:center;
}

p.has-large-font-size{
	font-size:26px;
}






ul.blocks-gallery-grid{
	margin-top:30px;
}
ul.blocks-gallery-grid img,
figure.wp-block-media-text__media{
	border-radius: 5px!important;
}
ul.blocks-gallery-grid img{
	border:0px solid rgba(234,172,0,0.1);
}

a img{
	transition:all ease-in-out 0.3s;
}
a:hover img{
	opacity:0.85;
}