/*
	Theme Name: Custom Template
	Theme URI: https://www.dink.nl
	Description: Basis voor de template
	Version: 1.0
	Author: NVS Digital
	Author URI: https://www.dink.nl

*/

@font-face {
  font-family: 'PantonBold';
  src: url('assets/fonts/PantonBold/font.woff2') format('woff2'),
       url('assets/fonts/PantonBold/font.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PantonExtraBold';
  src: url('assets/fonts/PantonExtraBold/font.woff2') format('woff2'),
       url('assets/fonts/PantonExtraBold/font.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PantonRegular';
  src: url('assets/fonts/PantonRegular/font.woff2') format('woff2'),
       url('assets/fonts/PantonRegular/font.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'WeissenhofGroteskBold';
  src: url('assets/fonts/WeissenhofGroteskBold/font.woff2') format('woff2'),
       url('assets/fonts/WeissenhofGroteskBold/font.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'WeissenhofGroteskLight';
  src: url('assets/fonts/WeissenhofGroteskLight/font.woff2') format('woff2'),
       url('assets/fonts/WeissenhofGroteskLight/font.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'WeissenhofGroteskRegular';
  src: url('assets/fonts/WeissenhofGroteskRegular/font.woff2') format('woff2'),
       url('assets/fonts/WeissenhofGroteskRegular/font.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
	--font-pantonBold: 'PantonBold', sans-serif;
	--font-pantonExtraBold: 'PantonExtraBold', sans-serif;
	--font-panton: 'PantonRegular', sans-serif;
	
	--font-weissenhoffBold: 'WeissenhofGroteskBold', sans-serif;
	--font-weissenhoffLight: 'WeissenhofGroteskLight', sans-serif;
	--font-weissenhoff: 'WeissenhofGroteskRegular', sans-serif;
	
	--color-green-dark:#004852;
	--color-green:#008394;
	--color-grey:#919291;
	--color-default:#262526;
	
	--text-default: 16px;
	
}



a, header, .sidenav{
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}


/*------------------------------------*\
    MAIN


\*------------------------------------*/
body, html {margin:0;padding:0}
*,*:after,*:before {	-moz-box-sizing:border-box;	box-sizing:border-box;	-webkit-font-smoothing:antialiased;	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;}
html {	font-size:62.5%;}

.clear:before,.clear:after {    content:' ';    display:table;}
.clear:after {    clear:both;}
.clear {    *zoom:1;}

img {	max-width:100%;	vertical-align:bottom;height:auto}

a{text-decoration:none;}

.standaard-content a:not(.btn) {font-weight:bold;color:var(--color-green);text-decoration:underline;}

a:focus {	outline:0;}
a:hover,a:active {	outline:0;}
input:focus {	outline:0;	border:none;}

/*------------------------------------*\
    Fonts
\*------------------------------------*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-bottom:0;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {   font-family: var(--font-family-title); margin: 0;color:var(--color-pakk-blue); font-weight:400;line-height:1;text-transform:none}
body {font-size:var(--text-default);line-height:1.35;font-family: var(--font-weissenhoff);color:var(--color-default);font-weight:300;}
 

p { margin-top:0;margin-bottom:24px}
.large-content p, .intro-content { margin-top:0;margin-bottom:30px}
p:last-child {margin:0}


.standaard-content ul:not(.btn-list), .standaard-content ul:not(.btn-list) li, .standaard-content ol {padding:0;margin:0;list-style:none;display:block}
.standaard-content ul:not(.btn-list) li {position:relative;padding-left:20px;margin-bottom:3px;}
.standaard-content ul:not(.btn-list) li:last-child {margin-bottom:0;}
.standaard-content ul:not(.btn-list), .standaard-content ol {margin-bottom:20px;}
.standaard-content ul:not(.btn-list):last-child, .standaard-content ul li:last-child, .standaard-content ol:last-child {margin-bottom:0}
.standaard-content ul:not(.btn-list) li:before {content:"";position:absolute;left:0;top:9px;line-height:1;content: "";background:var(--color-green);width:7px;height:7px;border-radius:50%}
.standaard-content ol { counter-reset: li}
.standaard-content ol li {display:block;padding-left:20px;position:relative;}
.standaard-content ol li:before{counter-increment: li;content: counter(li)'.'; color: var(--color-green);
  display: inline-block; position:absolute;left:0;top:0;}

.standaard-content ul + .btn, .standaard-content ol + .btn {margin-top:5px;}

.btn-list , .btn-list  li {padding:0;margin:0;list-style:none }
.btn-list {display:flex;flex-wrap:wrap;margin-top:8px;margin-bottom:-24px}
.btn-list  li {margin-right:32px;margin-bottom:24px;}


/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
     max-width: 1485px;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding: 0 20px;
}

.row {margin-left:-16px;margin-right:-16px;}
.row>* {padding-right:16px;padding-left:16px;}


/*------------------------------------*\
    BUTTON
\*------------------------------------*/

/*------------------------------------*\
    HEADER
\*------------------------------------*/

header {position:fixed;z-index:9999;background-color:transparent;top:0;left:0;}




/*------------------------------------*\
    FOOTER
\*------------------------------------*/

.footer-copyright {padding:45px 0 25px;background:#fff;}
.footer-copyright .row {align-items:center;}
.footer-copyright, .footer-copyright a {color:var(--color-grey);font-weight:400;}
.footer-copyright ul, .footer-copyright li {padding:0;margin:0;list-style:none}
.footer-copyright .col-lg-8 ul, .footer-copyright .col-lg-8 li {display:inline-block}
.footer-copyright .col-lg-8 li:not(:last-child) {margin-right:40px;}
.footer-copyright a:hover, .footer-copyright a:focus {color:var(--color-green)}


/*------------------------------------*\
    MISC
\*------------------------------------*/



::selection {
	background:var(--color-pakk-blue);
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:var(--color-pakk-blue);
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:var(--color-pakk-blue);
	color:#FFF;
	text-shadow:none;
}






/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}