/*
Theme name: Sabe Verpakkingen
Description: Het thema

/*
	Source SCSS styles are located in resources/scss/
	The compiled bundle is saved to `dist/index.${fingerprint}.css`
	(dist/manifest.json provides the exact path mapping).

	The DEVELOPMENT.md file contains instructions how to get the build
	process up & running.

	If you need to make a quick fix, feel free to add CSS
	below this comment -- it's loaded after the compiled bundle.
*/


p {  }
.section-content__inner{
	padding: 4em 15%;
}
@media (max-width: 1024){
	.section-content__inner{
		padding: 4em 10%;
	}
}
@media (max-width: 767px){
	.section-content__inner{
		padding: 4em 0%;
	}
}
@media (min-width: 767px){
	.section-intro__image:before {
		position: absolute;
		top: 50%;
		left: 0px;
		width: 832px;
		height: 832px;
		display: block;
		content: "";
		border-radius: 50%;
		background: #ffeedc;
		transform: translateY(-50%);
	}
	.section-intro__image {
		position: absolute;
		top: 0;
		bottom: -12%;
		left: 60%;
		height: auto;
		width: 100%;
		z-index: 1;
	}
}
.section-content__inner h1{
	color: #0071b9;
}
.section-content__inner h3{
margin-top: 1em;
}
.section-content__inner p {
    color: #2b2b2b;
}
.section-content__inner ul {
    margin-left: 2em;
}
.section-meet__image{
	width: 30%;
}
.section-meet__entry {
    width: 60%;
}
@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .section-meet__image {
        width: 100%;
        margin-bottom: 48px;
    }
	    .section-meet__entry {
        width: 100%;
    }
}
.article-single__author img{
	height: 2.5em;
    width: 2.5em;
    border-radius: 50%;
}
.single-post__image{
	height: 45%;
}
.single-post__image a{
	height: 100%;
}
.single-post__image a img{
	height: 100%;
}