/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: jeroen Mulder
 * Template: blocksy
 * Text Domain: blocksy
 */

/***** Homepage ******/
.hero-h1{
	font-family:playfair display, serif;
	font-size:3rem;
	color:#4A5A6A;
	font-weight: 600;
}

.z-kleur{
	color: #a089b0;
}

.login-link {
  color: #333;
  transition: color 0.3s ease;
}

.login-link svg {
  fill: currentColor;
  transition: fill 0.3s ease;
}

.login-link:hover {
  color: #8BA89C; /* saliegroen */
}


/*tarieven*/

.tarieven-card{
	text-align:start;
	padding:px;
	max-width:800px;
}
.tarieven-tabel tr:nth-child(odd){background-color:#fff}
.tarieven-tabel tr:nth-child(2n){background-color:#dfe7e2}.tarieven-tabel td{padding:6px 8px;text-align:left}

.tarieven-tabel,
.tarieven-tabel td,
.tarieven-tabel tr {
  border: none;
  border-collapse: collapse;
}






/* ********* Footer ********* */

/* contactgegevens*/

.footer-contact a {
	color: #f7f8f9;
	text-decoration: none;
	transition: color 0.3s ease;
	font-family: 'Open Sans', sans-serif;
}

.footer-contact a:hover {
	color: #afc1b6;
}

.footer-contact i {
	color: #cbb8d2;
	margin-right: 6px;
	margin-top:5px;
}

.footer-contact {
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	color: #f7f8f9;
}

.footer-contact strong {
	display: block;
	font-size: 17px;
	margin-bottom: 8px;
	font-family: 'Merriweather', serif;
	color: #afc1b6;
}

.footer-contact ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-contact li {
	margin-bottom: 6px;
	display: flex;
	align-items: start;
}




/*pagina*/

.footer-links {
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	color: #f7f8f9;
	
}

.footer-links strong {
	display: block;
	font-size: 17px;
	margin-bottom: 8px;
	font-family: 'Merriweather', serif;
	color:  #afc1b6;
}

.footer-links ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-links li {
	margin-bottom: 6px;
	display: flex;
	align-items: center;
}

.footer-links i {
	color: #cbb8d2;
	margin-right: 6px;
}

.footer-links a {
	color: #f7f8f9;
	text-decoration: none;
	transition: color 0.3s ease;
}

.footer-links a:hover {
	color: #afc1b6;
}

/*juridische info*/

.legal-info {
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	color: #f7f8f9;
	
}

.legal-info strong {
	display: block;
	font-size: 17px;
	margin-bottom: 8px;
	font-family: 'Merriweather', serif;
	color:  #afc1b6;
}

.legal-info ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.legal-info li {
	margin-bottom: 6px;
	display: flex;
	align-items: center;
}

.legal-info i {
	margin-right: 6px;
	color: #cbb8d2;
}

.legal-info a {
	color: #f7f8f9;
	text-decoration: none;
	transition: color 0.3s ease;
}

.legal-info a:hover {
	color: #afc1b6;
}


/*certificaten*/

.footer-certificates {
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	color: #f7f8f9;
}

.footer-certificates strong {
	display: block;
	font-size: 17px;
	margin-bottom: 8px;
	font-family: 'Merriweather', serif;
	color:  #afc1b6;
}

.footer-certificates ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-certificates li {
	margin-bottom: 8px;
	display: flex;
	align-items: center;
}

.footer-certificates i {
	margin-right: 8px;
	color: #cbb8d2;
}

.footer-certificates img {
	max-height: 60px;
	margin-top: 10px;
}


.footer-certificates a:hover {
	color: #afc1b6;;
}


.site-footer-note{
font-size:0.8rem;
color: #f7f8f9;
}

.site-footer-note a{
	color: #cbb8d2;;
	text-decoration: none;
	transition: color 0.3s ease;
	
	}

	.site-footer-note a:hover{
		color: #afc1b6;;
		
		}


/* Voor tablets (768px en kleiner) */
@media (max-width: 900px) {
  .hero-h1 {
    font-size: 2.5rem;
  }
}

/* Voor mobiele schermen (480px en kleiner) */
@media (max-width: 480px) {
  .hero-h1 {
    font-size: 2rem;
  }
	
}

.copyright {
	color:#fff;
}

footer i{
  color: #afc1b6;
	margin-right: 3px;
	margin-left:3px;

}