/* Change log
 * - Prevented adjacent table blocks from inheriting the generic top margin.
 */
@font-face {
	font-family: 'JI Chubby Caps';
	src: url('/themes/zwarte-plasje-drukwerk/fonts/jl_chubby_caps/ji_chubby_caps-webfont.woff2') format('woff2'),
		 url('/themes/zwarte-plasje-drukwerk/fonts/jl_chubby_caps/ji_chubby_caps-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
/* FONTS: */

body { 
	font-weight: 400;
	line-height: 1.25;
}

*:is(h1, h2, h3, h4, h5, a.button, button, nav *:not([class*="fa-"])):not([class*="small"],[class*="subtle"],[class*="tiny"]) {
	font-family: 'Madani', 'Roboto', 'Helvetica Neue', 'Segoe UI', 'Arial', sans-serif; /*mediumregular'; */;
	text-wrap:balance;
	font-weight: 300;
}
.zp-home-intro *, .zp-newspaper *:not(h1, h2, h3, h4, h5) { 
	font-weight:400;
}
h1, h2 {
	font-size:var(--fontsize_h1,30px);
}

h3 {
	font-size:var(--fontsize_h3,14px);
}
h4 {
	font-size:var(--fontsize_h4,14px);
}
footer *:is(p, li, nav, div) {  
	font-size:var(--fontsize_tiny,12px);
}
footer h3 {
	line-height: 30px;
}
p, div, td, li, td a, footer * { 
	font-family: 'Roboto',  'Madani', 'Helvetica Neue', 'Segoe UI', 'Arial', sans-serif; /*mediumregular'; */;
}
p, div, td, li, td a { 
	font-size:var(--fontsize_p,14px);
	font-weight:400;
	line-height: 1.428;
}
strong {
	font-weight: 700;
}
p strong { 
	
}

@media (min-width: 640px){ 
	body:not(body[data-domain*="svh"]) .jumbo p, a.button:not([class*="small"],[class*="subtle"],[class*="tiny"]), big p  {
		font-size:var(--fontsize_big,20px);
		line-height: 30px;
	}
}

p {
	transform: translateX(1px);
}
* + :is(p, ol, ul),
* + p, p + *, *:not(div, img) + *:is(ul, table, img, .pd-acc-item-content) {
	margin-top: 10px;
}
table + table {
	margin-top: 0;
}
ol {
	display: flex;
	flex-direction: column;
	gap:10px;
}

p ~ form {
	margin-top: 30px;
}

.funky, .special {
	display: inline-block;
	font-family: "JI Chubby Caps";
	
	text-align: center;
	letter-spacing: 0.25vw;
	font-weight:normal!important;
	transform: rotate(-0.1deg);
	/*color:#fc0;*/
	text-shadow: 1px 1px 2px rgba(0,0,0,0.66);
	font-size:110%;
}
form .description {
	font-size: 80%;
	line-height: 20px;
}

*:is(p, .content-wrapper li, table) a:not(b > a, strong > a)  {
	white-space: nowrap;
	margin-left: 3px;
	margin-right: 2px;
}