/*
Theme Name: Kikkert Advocatuur
Template: twentysixteen
Author: Klokwerk-Design
Description: Child Theme based in WP Twenty Sixteen
Version: 1.0.1758909118
Updated: 2025-09-26 17:51:58

*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
  	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
}

.links, .rechts {
	width: 20%;
	z-index: 1000;
}
.site-branding {
	width: 60%;
	text-align: center;
}
.dropdown-toggle, .main-navigation ul .dropdown-toggle.toggled-on, .menu-toggle, .site-header .social-navigation, .site-footer .main-navigation {
	display: block;
}
.site-header-menu {
	display: none;
}
.site-title {
	font-size: 2em;
	border-bottom: 1px solid #2F6EBA;
	padding: 0.5em 0;
	line-height: 1;
}
.site-title a, .site-title {
	color: #D70000 !important;
}
.site-description {
	font-size: 2em;
	padding: 0;	
	line-height: 1;	
	color: #D70000;	
}
.titles {
	display: inline-block;
}
.site-header-menu.toggled-on, .no-js .site-header-menu {
  	display: block;
  	position: absolute;
	background: #fff;
	margin-top: 4em;
	right: 0;
}
.site-header-menu li {
	list-style: none;
	margin-bottom: 1em;
}
.site-header-menu ul {
	margin: 1em 0 0;
	padding: 1em;
}
.menu-toggle {
	float: right;
}
.home .entry-header {
	display: none;
}
.site {
	margin: 0;
}
.site-inner {
	max-width: none;
}
body:not(.search-results) article:not(.type-page) .entry-content {
	width: 100%;
	overflow-x: hidden;
}
.rij {
	display: flex;
	flex-grow: 100;
}
.kolom50 {
	width: 48%;
	margin-right: 2%;
}
.kolom33 {
	width: 31%;
	margin-right: 2%;
}
.kolom25 {
	width: 23%;
	margin-right: 2%;
}
.wijd {
	width: 100%;
}
.site-header {
	padding-top: 1em;
	padding-bottom: 1em;
	background: #fff;
}
.menu-toggle.toggled-on, input[type="submit"] {
	background-color: #D70000 !important;
}
.menu-toggle {
	background-color: transparent !important;
}
h1, h2, h3, h4, h5, h6 {
	color: #D70000;
}
blockquote, .menu-toggle.toggled-on, .menu-toggle.toggled-on:hover, .menu-toggle.toggled-on:focus, .post-navigation, .post-navigation div + div, .pagination, .widget, .page-header, .page-links a, .comments-title, .comment-reply-title {
	border-color: #2F6EBA !important;
}
.rij.header {
	padding-top: 4em;
	padding-bottom: 2em;
	margin-bottom: 2em;
}
.rij.header .kolom50:last-child {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}
.no-sidebar .entry-header, .no-sidebar .entry-content, .no-sidebar .entry-summary, .no-sidebar .entry-footer, .no-sidebar .comments-area, .no-sidebar .image-navigation, .no-sidebar .post-navigation, .no-sidebar .pagination, .no-sidebar .page-header, .no-sidebar .page-content, .no-sidebar .content-bottom-widgets {
	margin-left: 0;
	margin-right: 0;
}
.site-content {
	padding: 0;
}
.rij { 
	padding-left: 4.5455%;
	padding-right: 4.5455%;
}
.entry-footer {
	display: none;
}
.content-bottom-widgets {
	width: 100%;
}
.site-description {
	display: block;
	padding: 1rem 0;
	margin: 0;
}
.site-title {
	font-weight: bold;
	font-size: 3em; 
	padding: 1rem 0;
}
.entry-content button a {
	color: #fff;
	box-shadow: none;
}
.site-header {
	width: 100% !important;
}
.rij div {
	width: 100%;
}
.site-branding {
	margin-top: 0;
	margin-bottom: 0;
}
.header-image {
	margin: auto;
	width: 100%;
	text-align: center;
	padding: 2em 38%;
}
body:not(.custom-background-image)::after {
	content: none;
	display: none;
}	
.wpcf7 form.sent .wpcf7-response-output {
  border-color: #2F6EBA !important;
}
.widget h6 {
	font-size : 1rem;
	font-weight: normal;
	font-style: normal;
}


@media only screen and (min-width: 61.5625em) { 
	.rij, .site-footer {
		padding-left: 20%;
		padding-right: 20%;
	}
}	
@media only screen and (max-width: 61.5625em) {
	.header-image {	
		padding: 2em 15%;
	}
	.kolom33, .kolom25 {
		width: 100%;
		margin: 0;
	}
	.content-bottom-widgets {
		flex-direction: column;
	}
	.content-bottom-widgets .widget-area {
		margin-bottom: 2em;
		margin-right: 0;
	}
}