/*
Theme Name: Wildspots
Author: Wilco Vertegaal
Author URI: https://www.wilcovertegaal.nl/
Description: Wildspots blog theme
Version: 0.1
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

@import "https://fonts.googleapis.com/css2?family=Mochiy+Pop+P+One&display=swap";
@import "https://fonts.googleapis.com/css2?family=Afacad:ital,wght@0,400..700;1,400..700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Afacad:ital,wght@0,400..700;1,400..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";
@import "https://wildspots.app/css/safarispotter.css";
@import "https://wildspots.app/css/share.css";
@import "https://wildspots.app/css/landing.css";

body {
	max-width: 100vw;
	font-size: 12pt;
}

body > div.blog-header-wrapper {
	background: url(https://blog.wildspots.app/wp-content/uploads/2024/03/1000450.jpg) center center no-repeat;
	background-size: cover;
	height: 40vw;
	min-height: 30vh;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

body > div.blog-header-wrapper header.safarispotter-header {
	display: block;
	padding: 0 20vw;
	background: transparent url(https://blog.wildspots.app/wp-content/uploads/2024/03/wildspots-logo-wp.png) 10vw center no-repeat;
	background-size: auto 70%;
}

body > div.blog-header-wrapper header.safarispotter-header *, body > div.blog-header-wrapper .menu * {
	color: white;
}

main {
	margin: 2.5vw 10vw;
	width: auto;
}

section {
	max-height: none;
}

body > nav svg {
	fill: white;
	height: 12pt;
	width: 12pt;
	margin-right: 12px;
}

@media only screen and (min-width: 600px) {
	body > div.blog-header-wrapper header.safarispotter-header {
		padding: 0 calc(10vw + 70px);
	}

	body > nav {
		margin: 2.5vw 10vw;
	}
}