@charset "utf-8";
/*
Theme Name: Lijsten Kunst 2024
Theme URI: http://lijsten-kunst.nl/
Author: The Imagineering Suite
Author URI: http://thesuite.nl/
Description: Lijsten-kunst website based on the Whiteboard framework and elaborated upon by The Imagineering Suite.
Version: 1.0.0

 * Built on the Whiteboard Framework
 * http://whiteboardframework.com
 */

/*
 * The Whiteboard Framework is licensed under the GPL license.
 * Feel free to use the Whiteboard Framework for commercial and non-commercial ventures.
 * We require a link in the CSS file and request a link on the website
*/

/*
List of divs in Whiteboard
Note that this list does not include the dynamically generated ids and classes, such as the body classes, the post ids, etc
*/

@font-face {
	font-family: 'open';
	src: url('opensans.ttf'); 
}


a {
	color: #40ce24;
}

a:active {
	color: #40ce24;
}

a:visited {
	color: #40ce24;
}


body {
	background: url('bg.jpg')#333;
	background-size:cover;
	text-align:center;
	font-family: open;
	font-size:1.1vw;
	color: #ddd;	
}

.logo {
	width:30%;
	margin-bottom:40px;
	margin-top:40px;
}

.suitelogo {
	width:5%;
	margin-bottom:20px;
	margin-top:20px;
}

.container {
	background: rgba(0,0,0,0.8);
	width:50%;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	border-radius:20px;
}

P {
	font-family: open;
	font-size:1.1vw;
	color: #ddd;
}


@media only screen and (max-width: 600px) {
	
	body {
		text-align:center;
		font-family: open;
		font-size:6vw;
		line-height:7vw;
		color: #ddd;	
	}
	
	.logo {
		width: 80%;
		margin-bottom: 40px;
		margin-top: 40px;
	}

	.container {
		background: rgba(0,0,0,0.8);
		width:90%;
		margin-left:auto;
		margin-right:auto;
		padding:20px;
		border-radius:20px;
	}
	
	P {
		font-family: open;
		font-size:5vw;
		line-height:6vw;
		color: #ddd;
	}
	
	.suitelogo {
		width: 50%;
		margin-bottom: 20px;
		margin-top: 20px;
	}
}