/*
Theme Name: My Twenty Fifteen
Author: AKA Design
Author URI: https://www.akadesign.nl
Template: twentyfifteen
*/

/* Import Twenty Ten Stylesheet */
@import url(../twentyfifteen/style.css);

.entry-content ul li, .entry-content ol li {
    padding-bottom: 1.2rem;
}

/** zwarte lijn onder elk bericht bij t kleinste schermformaat **/
.entry-footer {
	font-size: 1.2rem;
	border-bottom: 3px solid #333;
}

/** kleiner maken van witruimte tussen post en comments **/
.entry-content, .entry-summary {
    padding: 0 7.6923% 1.6923%;
}

@media screen and (min-width: 38.75em) {
	.entry-footer {
		border-bottom: 0;
	}
	
	/** Aanklikbaar logo naast website titel op alle schermformaten behalve de kleinste **/
	.site-title a {
		background-image: url("https://www.grutjes.nl/woorddruk/wp-content/uploads/2015/07/g.jpg");
		background-repeat: no-repeat;
		background-position: left top;
		background-size: contain;
		margin-bottom: -54px;
		margin-left: -84px;
		padding-bottom: 54px;
		padding-left: 84px;
	}
	/** kleiner maken van witruimte tussen post en comments **/
	.entry-content, .entry-summary {
	padding: 0 9.0909% 1.6923%;
	}
}

@media screen and (min-width: 46.25em) {
	.site-title a {
		background-image: url("https://www.grutjes.nl/woorddruk/wp-content/uploads/2015/07/g.jpg");
		background-repeat: no-repeat;
		background-position: left top;
		background-size: contain;
		margin-bottom: -65px;
		margin-left: -110px;
		padding-bottom: 65px;
		padding-left: 110px;
	}
}

@media screen and (min-width: 55em) {
	.site-title a {
		background-image: url("https://www.grutjes.nl/woorddruk/wp-content/uploads/2015/07/g.jpg");
		background-repeat: no-repeat;
		background-position: left top;
		background-size: contain;
		margin-bottom: -75px;
		margin-left: -130px;
		padding-bottom: 75px;
		padding-left: 130px;
	}
}

/**
 * 16.4 Desktop Small 955px
 */

@media screen and (min-width: 59.6875em) {
	.site-title a {
		background-image: url("https://www.grutjes.nl/woorddruk/wp-content/uploads/2015/07/g.jpg");
		background-repeat: no-repeat;
		background-position: left top;
		background-size: contain;
		margin-bottom: -75px;
		margin-left: -144px;
		padding-bottom: 75px;
		padding-left: 144px;
	}
	/** kleiner maken van witruimte tussen post en comments **/
	.entry-content, .entry-summary {
	padding: 0 10% 1.6923%;
	}
}

/** donatieformulier **/
.donaform p {
	margin-bottom: 0.5em;
	}
.donaformfield {
	
	}
.donaformsucces{
	
	}
.donaformerr{
	
	}

/** related posts by taxonomy shortcode container **/
.rpbt_shortcode {
	font-size: 1.6rem;
	font-family: "Noto Sans",sans-serif;
	line-height: 1.1;
	opacity: 0.9;
}
 
/** title **/
.rpbt_shortcode h3 {
	border-top: 1px solid #ddd;
	font-size: 1.3rem;
	font-family: "Noto Sans",sans-serif;
	line-height: 1;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 1em;
	opacity: 0.9;
}

.rpbt_shortcode ul {
  list-style-type: none;
}

/** mailchimp form **/
#mc_embed_signup{background:#fff; clear:left; }
.mc-field-group {margin-bottom: 1.6rem;}

/** Kader **/
div.kader {
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.01);
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
	line-height: 1.2;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 0.8em;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
	font-family: Inconsolata, monospace;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}
div.kader img {
	margin: 0.4118em 0 0.4118em 0.4118em;
}

/* animatie 
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

#menu-item-1846 {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-name: hinge;
	animation-name: hinge;
}

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.share-custom-hougrutjesindelucht {
	-webkit-animation-name: pulse;
	animation-name: pulse;
	animation-duration: 3s;
	animation-delay: 3s;
	animation-iteration-count: infinite;	
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-10s {
  -webkit-animation-delay: 10s;
  animation-delay: 10s;
}

@media (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}
/* einde animatie*/

/* Quiz */
div.fca_qc_quiz svg.fca_qc_rectancle {
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
    border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    border: 1px solid #000;
}

/*---Hide reCaptcha v3 visible seal---*/
.grecaptcha-badge {
opacity:0 !important;
}