/*
 * Mixins
 */	

@mixin font-for-header($font-weight:700) {
	font-family: "adobe-caslon-pro",serif;
	font-style: normal;
	font-weight: $font-weight;
}

@mixin font-for-body($font-weight:400) {
	font-family: "servus-slab",serif;
	font-style: normal;
	font-weight: $font-weight;
}

@mixin button-with-icon(){
	
	position:relative;
	
	&::after{
		content:"";
		position:absolute;
		top:0;
		right:0;
		width:100%;
		height:100%;
		background-image: url(../images/leeuw.svg);
		background-position:100% 0%;
		background-size:auto 200%;
		background-repeat: no-repeat;
		opacity:0.15;
	}
}

@mixin amimate-element($duration:0.3s){
	-webkit-transition: all $duration;
	-moz-transition: all $duration;
	transition: all $duration;
}

@mixin animate-element($duration:0.3s){
	-webkit-transition: all $duration;
	-moz-transition: all $duration;
	transition: all $duration;
}

@mixin vertical-center($position:50%){
	top:$position;
	transform:translateY(-$position);
}


@mixin has-shadow($opacity:0.25,$size:1em){
	box-shadow: 0 0 $size rgba(0,0,0,$opacity);
}

@mixin text-shadow($opacity:0.75,$size:0.125rem){
	text-shadow: 0 0 $size rgba(0,0,0,$opacity);
}