/*
 Theme Name: Twenty Fifteen - Child theme
 Author: Dennis van den Worm | Koditt
 Author URI: https: //koditt.nl/
 Description:  Twenty Fifteen Child Theme
 Template:     twentyfifteen
 Version:      1.0.0
 Tags:         plaats, hier, jouw, tags, gescheiden, door, kommas
 Text Domain:  twentyfifteen-child
*/



/* Sidebar*/
@media screen and (min-width: 954px) {
	.sidebar {
		height: 100vh;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.site-header {
		background-image: linear-gradient(to left bottom, #5f1cb8, #003174);
		border-bottom: 0;
		margin-bottom: 0;
		border-radius: 8px 8px 0 0;
		padding: 10%;
		color: white;
	}

	.site-title,
	.site-title a {
		color: white;
	}

	.sidebar #secondary {
		background-color: white;
		border-radius: 0 0 8px 8px;
	}
}

@media screen and (max-width: 954px) {
	.site-header {
		border-bottom: none;
		padding: 24px 7.6923%;

	}

	.secondary-toggle {
		border-radius: 4px;
		background-color: #f9f9f9;

	}

	.secondary {
		margin: 0;
		padding: 0;
	}
}





/* Navigation */
@media screen and (min-width: 954px) {
	.main-navigation {
		margin: 10%;
	}
}

@media screen and (max-width: 954px) {
	.main-navigation {
		padding: 24px 7.6923%;
	}
}

.main-navigation ul,
.main-navigation li {
	border: none;
}

.main-navigation li a {
	padding-left: 8px;
	border-radius: 4px;
	transition: all ease-in-out .2s;
}

.main-navigation li a:hover {
	background-color: #f9f9f9;
}

.main-navigation .current-menu-item>a,
.main-navigation .current-menu-ancestor>a {
	background-image: linear-gradient(to left bottom, #5f1cb8, #003174);
	color: white;
}

.main-navigation .current-menu-item>.dropdown-toggle:after,
.main-navigation .current-menu-ancestor>.dropdown-toggle:after {
	color: white;
}

.dropdown-toggle {
	border-radius: 2px;
	transition: all ease-in-out .2s;
}

.dropdown-toggle:focus {
	border: none;
	outline: none;
}

/* Main content */
body {
	background-color: transparent;
}

body:before {
	display: none;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

.site-main article {
	overflow: hidden;
	border-radius: 8px;
}

.site-main .post-thumbnail {
	background-color: black;
}

@media screen and (max-width: 38.75em) {
	.hentry {
		margin: 16px;
	}
}

/* Footer */
.site-footer {
	display: none;
}

/* Background animation*/
.section-dots {
	background: #4E73CF;
	background: radial-gradient(circle, rgb(31, 21, 46) 60%, rgba(9, 45, 87, 1) 100%);
	color: #efeeec;
	justify-content: center;
	align-items: stretch;
	height: 100vh;
	width: 100vw;
	display: flex;
	position: fixed;
	overflow: hidden;
	z-index: -1;
}

.section-dots__wrap {
	width: 100%;
	min-height: 30em;
	position: relative;
}

.dots-container {
	gap: 2em;
	pointer-events: none;
	flex-flow: wrap;
	justify-content: center;
	align-items: center;
	display: flex;
	position: absolute;
	inset: 0;
}

.dot {
	will-change: transform, background-color;
	transform-origin: center;
	background-color: #245e51;
	border-radius: 50%;
	width: 4px;
	height: 4px;
	position: relative;
	transform: translate(0);
}