/*
	Theme Name: Custom Template
	Theme URI: https://daanbarnhoorn.nl
	Description: Basis voor de template
	Version: 1.0
	Author: Daan Barnhoorn
	Author URI: https://daanbarnhoorn.nl


*/


@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');


@font-face {
    font-family: 'DMSans';
    src: url('assets/fonts/DMSans-VariableFont_opsz,wght.ttf') format('truetype');
    font-weight: 100 1000;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: "DM Mono", monospace;
    src: url('assets/fonts/DMMono-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

 
 
:root {
	--font-body: "IBM Plex Mono", monospace;
	--font-title: "DM Mono", monospace;
	
	--color-light: #F4F0E8;
	--color-dark: #171717;
	
	--color-blue: #0E4058;
	--color-blue-dark: #0E4058;
	--color-blue-light: #4E8FA8;
	--color-coral: #D95745;
	--color-bordeux: #641D2C;
	--color-oker: #D79A22;

		
	--text-h1:100px;
	--text-h2:65px;
	--text-h3:50px;
	--text-h4:42px;
	--text-h5:32px;
	--text-h6:28px;
	
	--content-h2:42px;
	--content-h3:38px;
	--content-h4:32px;
	--content-h5:27px;
	--content-h6:25px;	

	--text-p-large:25px;
	--text-p-medium:21px;
	--text-p-small:16px;
	--text-p-smallest:13px;
	
	
	--padding-content:120px 0 88px;
		
	--space-16:16px;
	--space-24:24px;
	--space-32:32px;
	--space-64:64px; 

	
}
@media screen and (max-width:1250px){
	:root {
		--text-h1:55px;
	}
	
}

@media screen and (max-width:992px){
	
	:root {
		--text-h1:50px;
		--text-h2:36px;
		--text-h3:25px;
		--text-h4:23px;
		--text-h5:21px;
		--text-h6:20px;		
		
		--content-h2:28px;
		--content-h3:25px;
		--content-h4:23px;
		--content-h5:21px;
		--content-h6:20px;			
		
		
		--text-p-large:19px;
		--text-p-medium:17px;
		--text-p-small:14px;
		--text-p-smallest:10px;
		
		
		--padding-content:50px 0 18px;
		
	}
	
}

@media screen and (max-width:767px){
	
	:root {
		--text-h1:50px;
		--text-h2:32px;
		--text-h3:20px;
		--text-h4:19px;
		--text-h5:17px;
		--text-h6:16px;

		--content-h2:26px;
		--content-h3:22px;
		--content-h4:19px;
		--content-h5:17px;
		--content-h6:16px;			
		
		--text-p-large:17px;
		--text-p-medium:15px;
		--text-p-small:12px;
		--text-p-smallest:11px;
	}
	
}
@media screen and (max-width:550px){
	
	:root {
		--text-h1:50px;
		--text-h2:32px;	
	}
	
}



a,a svg, header, .sidenav, .video-link span, .card-hover-content, .socials li svg path, .btn, .read-more, .btn svg, .read-more svg, svg path, .mobbtn span{
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}


.learning-box:hover > div, .card-box:hover > a{
	box-shadow: 0 2px 5px rgb(0 0 0 / 15%);
}

.grecaptcha-badge { visibility: hidden;}


/*------------------------------------*\
    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:not(.contact-info) a:not(.btn):not(.read-more)  {font-weight:bold;color:var(--color-blue-light);text-decoration:underline;}

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

.standaard-content a:not(.btn):not(.read-more):hover, .contact-info-list a:hover {opacity:.6}

.standaard-content .socials, .sidenav .socials {display:flex!important;gap:16px}
.standaard-content .socials li, .sidenav .socials li {
    display: inline-block !important;
    width: auto !important;    
}
.standaard-content.contact-info .socials svg, .sidenav .socials svg {
    width: 35px;
}
/*------------------------------------*\
    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-title); margin: 0;color:var(--color-dark); font-weight:700;line-height:1.2;text-transform:none}
body {font-size:var(--text-p-medium);line-height:1.6;font-family: var(--font-body);color:var(--color-dark);font-weight:400;background:var(--color-light)}
 
h1, .h1 {font-size:var(--text-h1)}
h2, .h2 {font-size:var(--text-h2)}
h3, .h3 {font-size:var(--text-h3)}
.standaard-content h3 {text-transform:none!important}
h4, .h4  {font-size:var(--text-h4);font-family: var(--font-body);text-transform:uppercase;}
h5, .h5 {font-size:var(--text-h5);font-family: var(--font-body);text-transform:uppercase;} 
h6, .h6 {font-size:var(--text-h6);font-family: var(--font-body);text-transform:uppercase;}



.standaard-content h4,  .standaard-content h5, .standaard-content h6 {text-transform:none;}
/*.standaard-content h2:not(:last-child) {margin-bottom:24px;}*/


.standaard-content h2 {font-size:var(--content-h2)}
.stappen-row .standaard-content h2 {font-size:var(--text-h2)}

.standaard-content h3, .standaard-content .h3 {font-size:var(--content-h3)}
.standaard-content h4, .standaard-content .h4 {font-size:var(--content-h4)}
.standaard-content h5, .standaard-content .h5 {font-size:var(--content-h5)}
.standaard-content h6, .standaard-content .h6 {font-size:var(--content-h6)}

 
.page-banner .h1 {font-size:var(--text-h1);line-height:1.2;max-width:950px;color:var(--color-light);} 

@media screen and (min-width:768px){
	
	.page-banner .h1 {line-height:1;}
}

.page-banner .h1:not(:last-child){margin-bottom:var(--space-64)}
.page-banner .h1 span:not(.break) {color:var(--color-coral);font-style:italic;display:block}
.page-banner {font-size:28px;}
.page-banner .h1 span + br {display:none}
.page-banner {color:var(--color-light);}
.contact-info-list, .contact-info-list li {display:block;padding:0;margin:0;list-style:none}
.contact-info-list {display:flex;flex-wrap:wrap;gap:16px 64px}
.contact-info-list:not(:last-child) { margin-bottom: var(--space-24);} 
 
.contact-info-list li {display:flex;align-items:center;gap:16px}
.contact-info-list a {color:var(--color-light)}
.contact-info-list svg {width:25px;height:auto;}

.contact-info-list svg path {fill:var(--color-blue);}

.text-center .contact-info-list {justify-content:center;}


.content-dark .contact-info-list svg  path  {fill:var(--color-dark)}
.content-light .contact-info-list svg  path  {fill:var(--color-light)}
.content-blue-dark .contact-info-list svg  path  {fill:var(--color-blue-dark)}
.content-blue-light .contact-info-list svg  path  {fill:var(--color-blue-light)}
.content-coral .contact-info-list svg  path  {fill:var(--color-coral)}
.content-bordeux .contact-info-list svg  path  {fill:var(--color-bordeux)}
.content-oker .contact-info-list svg  path  {fill:var(--color-oker-light)}




.standaard-content.content-dark:not(.kolom-content) h2,.standaard-content.content-dark:not(.kolom-content) h3, .standaard-content.content-dark:not(.kolom-content) h4, .standaard-content.content-dark:not(.kolom-content) h5, .standaard-content.content-dark:not(.kolom-content) h6 {color:var(--color-dark)}

.standaard-content.content-blue-dark:not(.kolom-content) h2,.standaard-content.content-blue-dark:not(.kolom-content) h3, .standaard-content.content-blue-dark:not(.kolom-content) h4, .standaard-content.content-blue-dark:not(.kolom-content) h5, .standaard-content.content-blue-dark:not(.kolom-content) h6 {color:var(--color-blue-dark)}

.standaard-content.content-blue-light:not(.kolom-content) h2,.standaard-content.content-blue-light:not(.kolom-content) h3, .standaard-content.content-blue-light:not(.kolom-content) h4, .standaard-content.content-blue-light:not(.kolom-content) h5, .standaard-content.content-blue-light:not(.kolom-content) h6 {color:var(--color-blue-light)}

.standaard-content.content-coral:not(.kolom-content) h2,.standaard-content.content-coral:not(.kolom-content) h3, .standaard-content.content-coral:not(.kolom-content) h4, .standaard-content.content-coral:not(.kolom-content) h5, .standaard-content.content-coral:not(.kolom-content) h6 {color:var(--color-coral)}

.standaard-content.content-bordeux:not(.kolom-content) h2,.standaard-content.content-bordeux:not(.kolom-content) h3, .standaard-content.content-bordeux:not(.kolom-content) h4, .standaard-content.content-bordeux:not(.kolom-content) h5, .standaard-content.content-bordeux:not(.kolom-content) h6 {color:var(--color-bordeux)}

.standaard-content.content-oker:not(.kolom-content) h2,.standaard-content.content-oker:not(.kolom-content) h3, .standaard-content.content-oker:not(.kolom-content) h4, .standaard-content.content-oker:not(.kolom-content) h5, .standaard-content.content-oker:not(.kolom-content) h6 {color:var(--color-oker)}


.page-banner .h1 .break {display:inline-block}

@media screen and (max-width:1200px){
	.page-banner .h1 {font-size:80px;}
}
@media screen and (max-width:992px){
	.page-banner .h1 {font-size:60px;}
	.page-banner .h1:not(:last-child){margin-bottom:var(--space-32)}
	.page-banner {font-size:24px;}

}
@media screen and (max-width:767px){
	.page-banner .h1 {font-size:50px;}
	.page-banner .h1:not(:last-child){margin-bottom:var(--space-24)}
	.page-banner {font-size:20px;}
	.contact-info-list svg {width:20px}
}

@media screen and (max-width:600px){
	.page-banner {font-size:18px;}
}
@media screen and (max-width:450px){
	.page-banner {font-size:16px;}
}


p:not(:last-child), .fold-content { margin-top:0;margin-bottom:24px}
.large-content p, .intro-content, .page-banner p:not(:last-child) { margin-top:0;margin-bottom:32px}
p:last-child, .fold-content:last-child {margin:0}

blockquote {padding:12px 0 12px 32px;border-left:3px solid}
blockquote:not(:last-child) { margin-top:0;margin-bottom:24px}

code {
    font-size: .875em;
    color: var(--bs-code-color);
    word-wrap: break-word;
    display: block;
    background: #f7f7f7f7;
    padding: 12px 24px;
    color: var(--color-dark);
}


.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:24px;margin-bottom:12px;display:block;width:100%;}
.standaard-content ul:not(.btn-list) li:last-child {margin-bottom:0;}
.standaard-content ul:not(.btn-list), .standaard-content ol {margin-bottom:24px;}
.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: 10px;    line-height: 1;    content: "";     width: 8px;    height: 8px;    border-radius: 50%;    display: inline-block;    background-size: contain;    background-repeat: no-repeat;    background-position: center center;background-color:var(--color-blue-light)}


.standaard-content.contact-info ul li{display:flex;gap:16px;flex-wrap:wrap;align-items:center;padding-left:0;}
.standaard-content.contact-info  ul li:before {display:none}
.standaard-content.contact-info a {text-decoration:none;font-weight:400}
.standaard-content.contact-info svg {width:20px;height:auto;}
.standaard-content.contact-info svg path {fill:var(--color-blue)}
.bg-blue .standaard-content.contact-info svg path {fill:var(--color-light)}


.standaard-content.text-center ul:not(.btn-list) li:before {position:relative;}


.page-banner  ul:not(.btn-list):not(.contact-info-list):not(.vacature-info) li:before {    width: 21px;    top: 3px;}
.page-banner  ul:not(.btn-list):not(.contact-info-list):not(.vacature-info)  li {padding-left:34px}

.bold-content {font-weight:500}


.standaard-content.text-center ul:not(.btn-list) li {justify-content:center;text-align:left;}

.standaard-content ol { counter-reset: li}
.standaard-content ol li {display:block;padding-left:24px;position:relative;}
.standaard-content ol li:not(:last-child) {margin-bottom:12px;}
.standaard-content ol li:before{counter-increment: li;content: counter(li)'.'; color:var(--color-blue-light);
  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;gap:12px 24px;align-items:center;}
.text-center .btn-list {justify-content:center;}


.standaard-content ul.inline-list {    display: flex;    gap: 6px 24px;    flex-wrap: wrap;}
.standaard-content ul.inline-list li {display:inline-flex;    width: auto;}
.standaard-content.text-center ul.inline-list {justify-content:center}

.text-center {text-align:center}

.title-box {margin-bottom:24px}
@media screen and (max-width:767px){
.title-box {margin-bottom:12px}
	
}


.audio-code:not(:last-child) {margin-botom:24px;}

.centered-content {justify-content:center}
.centered-content > div {max-width:800px}


.fold-content {display:none}

.double-columns {  column-count: 1;	}

@media (min-width: 768px) {
  .double-columns {
    column-count: 2;
	column-gap: 24px;
  }
}

@media screen and (max-width:992px){
	.standaard-content ul.inline-list {gap:6px 16px}
	.standaard-content ul:not(.btn-list) li:not(:last-child) {margin-bottom:6px;}
}
@media screen and (max-width:768px){
	p:not(:last-child), .fold-content {margin-bottom:16px;}
	.standaard-content ul:not(.btn-list) li:not(:last-child) {margin-bottom:8px}
	.standaard-content ul:not(.btn-list) li:before {top:7px}
}
@media screen and (max-width:550px){
	p:not(:last-child), .fold-content {margin-bottom:16px;}
	.standaard-content ul:not(.btn-list) li:not(:last-child) {margin-bottom:8px}
	.learning-box .btn-list {    display: flex;    margin: 0 auto;    width:100%;max-width: 250px;    justify-content: center;}
	.learning-box .btn-list li:first-child {width:100%}
	.learning-box .btn-list li:first-child .btn {width:100%;justify-content:center}
}


div#cmplz-cookies-overview:not(:last-child), .cmplz-categories {margin-bottom:24px;margin-top:12px;}
.cmplz-dropdown, .cmplz-categories {    display: block;    background: var(--color-light);color: var(--color-dark);  padding:12px  24px;}
.cmplz-dropdown:not(:last-child), .cmplz-categories:not(:last-child) {margin-bottom:12px;}

summary.cmplz-service-header p{margin:0;}
summary.cmplz-service-header {  display:block;position:relative;padding-right:24px; }
summary.cmplz-service-header:before {content:"";position:absolute;right:0;top:12px;  border-left: 8px solid transparent;  border-right: 8px solid transparent;display:block;  border-top: 10px solid var(--color-dark);}
details[open] summary.cmplz-service-header:before {transform:rotate(180deg)}

summary.cmplz-service-header + div {padding-top:24px;}
.cmplz-dropdown > div:not(:last-child) {margin-bottom:24px;}
.cmplz-dropdown > div:last-child {padding-bottom:12px;}

.standaard-content:not(.contact-info) .cmplz-dropdown a:not(.btn):not(.read-more) {color: var(--color-dark); }


.cmplz-dropdown div[class$="-header"] {margin-top:12px;} 
@media screen and (max-width:768px){

	div#cmplz-cookies-overview:not(:last-child), .cmplz-categories, .cmplz-dropdown > div:not(:last-child) {margin-bottom:16px;}
}


.cmplz-dropdown, .cmplz-dropdown h2, .cmplz-dropdown h3, .cmplz-dropdown h4, .cmplz-dropdown h5, .cmplz-dropdown h6 {color: var(--color-dark);}
label.cmplz_consent_per_service_label{    word-wrap: normal !important;
    border: 0;
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;}



.cmplz-category-header {position:relative;display:block;padding-right:24px;}
.cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle {position:absolute;top:0;right:0;}
.cmplz-category:not(:first-child) {margin-top:12px;}

.title-dark, .content-dark {color:var(--color-dark)}
.title-light, .content-light {color:var(--color-light)}

.title-blue-dark, .content-blue-dark {color:var(--color-blue-dark)}
.title-blue-light, .content-blue-light {color:var(--color-blue-light)}
.title-coral, .content-coral {color:var(--color-coral)}
.title-bordeux, .content-bordeux {color:var(--color-bordeux)}
.title-oker, .content-oker {color:var(--color-oker)}


.content-dark a {color:var(--color-dark)}
.content-light a {color:var(--color-light)}
.content-blue-dark a {color:var(--color-blue-dark)}
.content-blue-light a {color:var(--color-blue-light)}
.content-coral a {color:var(--color-coral)}
.content-bordeux a {color:var(--color-bordeux)}
.content-oker a {color:var(--color-oker)}
 

.title-box span {font-style:italic;display:block}
.title-box .title-dark span {color:var(--color-blue-light)}
.title-box .title-light span {color:var(--color-blue-light)}
.title-box .title-coral span {color:var(--color-blue-coral)}
.title-box .title-bordeux span {color:var(--color-blue-bordeux)}
.title-box .title-oker span {color:var(--color-blue-oker)}
.title-box .title-blue-dark span {color:var(--color-blue-light)}
.title-box .title-blue-light span {color:var(--color-blue)}




.font-title {font-family: var(--font-title);}
.font-body {font-family: var(--font-body);}



.content-dark.standaard-content a:not(.btn):not(.read-more) {color:var(--color-dark)}
.content-light.standaard-content a:not(.btn):not(.read-more) {color:var(--color-light)}

.content-blue-dark.standaard-content a:not(.btn):not(.read-more) {color:var(--color-blue-dark)}
.content-blue-light.standaard-content a:not(.btn):not(.read-more) {color:var(--color-blue-light)}
.content-coral.standaard-content a:not(.btn):not(.read-more) {color:var(--color-coral)}
.content-bordeux.standaard-content a:not(.btn):not(.read-more) {color:var(--color-bordeux)}
.content-oker.standaard-content a:not(.btn):not(.read-more) {color:var(--color-oker)}








/*------------------------------------*\
    FORMS
\*------------------------------------*/
.page-form br {display:none}
.page-form p {margin:0;}
.page-form, .page-form > * {width:100%}
.page-form form {display:flex;flex-wrap:wrap;width:100%;gap:24px}
.page-form form > * {width:100%;}
.page-form form > .form-half {    width: calc(50% - 12px);}
.page-form label {    font-weight: 400;    display: block;    margin: 0 0 8px;}


.cta-row .page-form {margin-top:30px;}

input[type='text'], input[type='email'], input[type='tel'], textarea {
    border-radius: 0;color:var(--color-dark);
    border: 1px solid var(--color-light);
    background: var(--color-light);
    width: 100%;
    padding: 12px 16px;
    box-sizing: border-box;
    line-height: 1;
    height: 60px;
}

textarea {height:224px;}

input[type="radio"]{
	position:absolute;z-index:-9999;opacity:0;width:0;height:0;visibility:hidden
}
input[type="radio"] + span {font-size:var(--text-p-small);position:relative;padding-left:32px;display:block;}
input[type="radio"] + span:before {width:24px;height:24px;border-radius: 4px;border: 1px solid var(--color-light);background: var(--color-light);content:"";position:absolute;left:0;top:-4px;}
input[type="radio"]:checked + span:after {width:12px;height:12px;border-radius: 2px;background: var(--color-blue-light);content:"";position:absolute;left:0;top:2px;left:6px;}

.bg-light input[type='text'], .bg-light input[type='email'], .bg-light input[type='tel'], .bg-light textarea {
	  border: 1px solid var(--color-blue);
}
.bg-light  .page-form label {color:var(--color-dark)}

.wpcf7 form .wpcf7-response-output {
    margin: 0;color:var(--color-light);
    padding: 16px 24px;
    border: 2px solid var(--color-blue-light);background: var(--color-blue-light);
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: var(--color-blue-light);
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #dc3232;background: #dc3232;
}
.wpcf7-not-valid {border-color:#dc3232!important}
.wpcf7-not-valid-tip {
    color: var(--color-light);
	background:#dc3232;
    font-size: 1em;
    font-weight: normal;
    display: block;
    font-size: 80%;
    margin-top: 5px;padding:2px 8px
}
@media screen and (max-width:767px){
	.page-form form {gap:16px;}
	.page-form form > .form-half {    width: 100%;}
	input[type='text'], input[type='email'], input[type='tel'] {	height:45px;		}
	textarea {height:150px} 

}


::placeholder {
  color: var(--color-blue);
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: var(--color-blue);
}

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

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

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

.content-row {padding:var(--padding-content);position:relative;}
.cta-row {align-items:flex-end;}

.content-row.achtergrond-columns-row {padding:0;}
.titles-row {padding:var(--padding-content);padding-bottom:0;}


.bg-dark {background:var(--color-dark)!important}
.bg-light {background:var(--color-light)!important}
.bg-blue-dark {background:var(--color-blue-dark)!important}
.bg-blue-light {background:var(--color-blue-light)!important}
.bg-coral {background:var(--color-coral)!important}
.bg-bordeux {background:var(--color-bordeux)!important}
.bg-oker {background:var(--color-oker)!important}




.bg-dark:not(.page-banner) + .bg-dark, .bg-light + .bg-light, .bg-blue-dark + .bg-blue-dark, .bg-blue-light + .bg-blue-light, .bg-coral +.bg-coral, .bg-bordeux +.bg-bordeux, .bg-oker + .bg-oker {padding-top:0;}
.bg-img {overflow:hidden;background-color:#fff;}
.bg-img.repeat {background-repeat:repeat;}
.bg-img.object-cover {background-repeat:no-repeat;background-size:cover;background-position:center center}
 

.marginfix {margin-bottom:var(--space-32);}
.large-marginfix {margin-bottom:var(--space-64)!important;}

@media screen and (max-width:992px){
	.large-marginfix {margin-bottom:var(--space-32)!important;}
}
.small-margin {margin-bottom:var(--space-24);}

.media-content-row {overflow:hidden}
.media-content-row .slick-list, .media-content-row .slick-track {overflow:visible}
.media-row, .media-holder {margin-bottom:8px;justify-content:center;}
.media-box {position:relative;border-radius:0;overflow:hidden;margin-bottom:var(--space-24);}
.media-box img {width:100%;}
.media-slide {padding:0 12px}
.video-box {border-radius:8px;overflow:hidden;position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%;height: auto;} 
.video-box iframe, .video-box object, .video-box embed { position: absolute;top: 0;	left: 0;width: 100%;height: 100%;}

.video-link {display:block;position:relative}
.video-link.overlay {position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;}
.video-link span {position:absolute;top:calc(50% - 40px);left:calc(50% - 40px);border:6px solid var(--color-light);border-radius:50%;width:80px;height:80px}

.video-link:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-blue-light);opacity:.4}
.bg-blue-light .video-link:before {background:var(--color-blue);}
.video-link span:before {content:"";position:absolute;  width: 0; 
  height: 0; 
     border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 30px solid var(--color-light);top:calc(50% - 17px);left:calc(50% - 13px)}
.video-link:hover span {width:70px;height:70px;top:calc(50% - 35px);left:calc(50% - 35px);}

.right-image-content {    order: 2;    margin-left: auto;}
.bottom-image-content {   order: 2;}



.page-banner {position:relative;}
.page-banner img {position:absolute;top:0;left:0;width:100%;z-index:1;object-fit:cover;height:100%;}
.page-banner .container {position:relative;z-index:2;}
.page-banner .container .row {min-height:90vh;align-items:center;padding:150px 0 90px}
.page-banner-content {max-width:500px;}
.page-banner-content:not(:last-child) {margin-bottom:var(--space-64);}

.wide-content .page-banner-content {max-width:950px}

.page-banner.center-align .container .row >div {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
}
@media screen and (min-width:767px){

.page-banner.right-align .container .row >div {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    text-align: right;
}
}

@media screen and (max-width:992px){
	.page-banner .container .row {min-height:50vh;align-items:center;padding:80px 0 60px}
	.page-banner-content:not(:last-child) {margin-bottom:var(--space-32);}
}

@media screen and (max-width:767px){
	.page-banner-content:not(:last-child) {margin-bottom:var(--space-24);}

	
}
/*------------------------------------*\
    TRACK
\*------------------------------------*/
.track-details ul, .track-details li {padding:0;margin:0;list-style:none}
.track-details ul {display:block}
.track-details > ul > li {display:block}
.track-details > ul > li ul {display:flex;flex-wrap:wrap;}
.track-details > ul > li li {display:inline-block}
.track-details > ul > li li:first-child {width:100px;}
.track-details > ul > li li:last-child {width:calc(100% - 100px);}
.track-details {font-size:var(--text-p-small)}
.track-details h3, .track-colors h3 {font-size:var(--text-h4);margin-bottom:15px;}

.col-md-6 .track-details h3, .track-colors h3 {color:var(--color-oker);}

.frames-next-details h2 {font-size:var(--text-h4);}



.frame-grid, .frames-next-details {gap:24px 0}
.frames-next-details .title-box {margin-bottom:0;}

@media screen and (min-width:768px){
	.single-content-row {    padding: 0 25%;}
	.frames-next-details {padding-right:24px}
	.music-frame-single {
		width: 50%;
		margin-left: 25%;
	}
	.music-frame-double,.music-frame-details {
        width: 50%;
    }
	.music-frame-drie {
        width: 33.3333%;
    }
}

/*------------------------------------*\
    CARDS
\*------------------------------------*/
.card-box {margin-bottom:30px;position:relative}
.card-box a, .card-box {display:block;overflow:hidden}
.card-box a {position:relative;padding-bottom:100%;}
.card-image {padding-bottom:100%;background-color:#101010;position:absolute;z-index:1;width:100%;height:100%;overflow:hidden}
.card-image img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.card-content {position:absolute;z-index:2;margin-top:-90px;padding:24px 32px;width:100%;bottom:0;}
.card-image:before {content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background: #000;
background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);z-index:2}
p.cat-list {font-size:var(--text-p-small);color:var(--color-light);font-weight:300;text-transform:uppercase;margin-bottom:8px!important;}
.card-content {font-size:16px;}
.card-box a:hover .card-image:before {opacity:.2}
.card-box a:hover .card-image img {transform:scale(1.05)}
.card-box a:hover .card-content {opacity:.4}


.track-list {position:absolute;top:24px;left:44px;z-index:100;display:flex;flex-wrap:wrap;gap:16px;}
.card-box .track-list a {padding:0;display:inline-block}
.card-box .track-list a svg {width:50px;}
.card-box .track-list a svg path {fill:var(--color-light)}
.card-box .track-list a:hover svg path {fill:var(--color-oker)}


.card-content, .card-image img, .card-image:before {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}



.card-content h2 {margin-bottom:16px;text-transform:none!important;color:var(--color-light)}
.card-content .read-more {display:inline-flex;    font-size: var(--text-p-smallest);}
.card-content .read-more svg {height:15px}
.card-content p {margin-bottom:24px;color:var(--color-light)}
.archief-slide {padding:0 12px}

.overflow-hidden {overflow:hidden}
.overflow-hidden .slick-list {overflow:visible}

@media screen and (max-width:992px){
	.card-content {padding:24px}
}

 
@media screen and (max-width:767px){
	.card-content h2 {margin-bottom:12px;}
}
@media screen and (max-width:600px){
	.card-content p:not(.cat-list) {display:none}
}

.column-row {gap:24px 0}
.column-row h2 {margin-bottom:12px;}
.column-row p.count {font-size:var(--text-h5);margin-bottom:16px;opacity:.5;font-weight:700;font-family:var(--font-title)}

.achtergrond-columns {gap:0;}
.achtergrond-columns .col-md-6 {position:relative;z-index:10;padding-top:90px;padding-bottom:90px;}
.column-background  {position:absolute;z-index:-1;width:50vw;height:100%;background-size:cover;background-position:center center;top:0;left:0;}

.achtergrond-columns .col-md-6:nth-child(odd) .column-background{right:0;left:auto;}
.achtergrond-columns .col-md-6:nth-child(odd) {padding-right:64px;}
.achtergrond-columns .col-md-6:nth-child(even) {padding-left:64px;}


@media screen and (max-width:992px){
	.achtergrond-columns .col-md-6 {padding-top:50px;padding-bottom:50px;}
	.achtergrond-columns .col-md-6:nth-child(odd) {padding-right:32px;}
	.achtergrond-columns .col-md-6:nth-child(even) {padding-left:32px;}
}
@media screen and (max-width:767px){ 
	    .column-background {
        left: -12px !important;
        right: auto !important;
        width: calc(100% + 24px);
    }
		.achtergrond-columns .col-md-6:nth-child(odd) {padding-right:12px;}
	.achtergrond-columns .col-md-6:nth-child(even) {padding-left:12px;}
}



.stappen-row {margin-left:-64px;margin-right:-64px;}
.stappen-row > * {padding:24px 64px;}

.stappen-row > .col-md-4:not(:nth-child(3n)):not(:last-child) {border-right:1px solid var(--color-light)}
.bg-light .stappen-row > .col-md-4:not(:nth-child(3n)):not(:last-child) {border-right:1px solid rgb(173 128 47 / 40%)}

.stappen-row > .col-md-6:nth-child(odd):not(:last-child):not(.col-xl-3) {border-right:1px solid var(--color-light)}
.bg-light .stappen-row > .col-md-6:nth-child(odd):not(:last-child) {border-right:1px solid rgb(173 128 47 / 40%)}


.stappen-row > .col-xl-3:not(:nth-child(4n)):not(:last-child){border-right:1px solid var(--color-light)}
.bg-light .stappen-row > .col-xl-3:not(:nth-child(4n)):not(:last-child) {border-right:1px solid rgb(173 128 47 / 40%)}

.column-icon {width:64px;height:64px;object-fit:contain;margin-bottom:12px;}

.column-slide {padding:0 12px;}


@media screen and (max-width:1200px){
	.stappen-row > * {padding:24px 32px;}
	.stappen-row {margin-left:-32px;margin-right:-32px;}

}
@media screen and (max-width:992px){
	.stappen-row > * {padding:12px 24px;}
	.stappen-row {margin-left:-24px;margin-right:-24px;}
	.column-row p.count {margin-bottom:8px}
	
	.column-icon {    width: 44px;	height: 44px;}
}
@media screen and (max-width:767px){
	.stappen-row > * {padding:0px 12px;border:none!important}
	.stappen-row {margin-left:-12px;margin-right:-12px;}
	
}

/*------------------------------------*\
    Pagination
\*------------------------------------*/
.archive-pagination {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;margin-top:8px;}
.pagination-prev svg, .pagination-next svg {width:36px;height:auto;fill:var(--color-light)}
.page-numbers:hover > svg {fill:var(--color-blue-light)}
.page-numbers.disabled {opacity:.5}
.page-numbers {font-size:var(--text-p-medium);font-weight:700;color:var(--color-dark);background:var(--color-light);display:flex;align-items:center;justify-content:center;width:32px;height:32px;}
a.page-numbers:hover, .page-numbers.current {background:var(--color-blue-light)}


.pagination-next, .pagination-prev {display:none!important}

@media screen and (max-width:992px){
	.archive-pagination {gap:12px}
}
@media screen and (max-width:450px){
	.archive-pagination {gap:8px}
}

/*------------------------------------*\
    BUTTON
\*------------------------------------*/
.btn {
    font-size: var(--text-p-medium);
    font-family: var(--font-body);
    color: var(--color-light);
    font-weight: 400;
    display: inline-flex;
    line-height: 1;
    padding: 17px 24px;
    background: var(--color-blue);
    border-radius: 10px;
    min-width: 0;
    text-align: center;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-style: normal;
    cursor: pointer;
    text-transform: uppercase;
	letter-spacing:1px;
    align-items: center;    justify-content: center;
}


.btn.dark { color: var(--color-light); background: var(--color-dark);}
.btn.dark:hover, .btn.dark:focus { color: var(--color-light); background:#000000;}

.btn.light { color: var(--color-dark); background: var(--color-light);}
.btn.light:hover, .btn.light:focus { color: var(--color-dark); background: #e7e3dc;}

.btn.blue-light { color: var(--color-light); background: var(--color-blue-light);}
.btn.blue-light:hover, .btn.blue-light:focus { color: var(--color-light); background:#3e7489;}

.btn.blue-dark { color: var(--color-light); background: var(--color-blue-dark);}
.btn.blue-dark:hover, .btn.blue-dark:focus { color: var(--color-light); background:#0a3042;}

.btn.coral { color: var(--color-light); background: var(--color-coral);}
.btn.coral:hover, .btn.coral:focus { color: var(--color-light); background: #b64738;}

.btn.bordeux { color: var(--color-light); background: var(--color-bordeux);}
.btn.bordeux:hover, .btn.bordeux:focus { color: var(--color-light); background: #44121d;}

.btn.oker { color: var(--color-light); background: var(--color-oker);}
.btn.oker:hover, .btn.oker:focus { color: var(--color-light); background: #b5811a;}



.read-more {display:inline-flex;align-items:center;font-size: var(--text-p-medium);color:var(--color-dark);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--color-blue-light);padding-bottom:6px;}
.read-more svg {fill:var(--color-dark);height:20px;width:auto;margin-left:12px;}

.content-dark .read-more:not(:hover) svg {    fill: var(--color-dark);}

.card-box .read-more {color:var(--color-light)}
.card-box .read-more svg {fill:var(--color-light);}


@media screen and (max-width:767px){
	.read-more svg {height:17px;margin-left:8px}
	.btn {   padding: 13px 14px;}
}

audio + .read-more {font-size:80%;padding:0;border:none;margin-top:12px}
 
.bg-dark .read-more:not(:hover) {color:var(--color-light)}
.bg-dark .read-more:not(:hover) svg {fill:var(--color-light);}
.read-more:hover, .read-more:focus {color:var(--color-blue-light)}
.read-more:hover svg, .read-more:focus svg{fill:var(--color-blue-light)}

.read-more.dark {border-color:var(--color-dark)}
.read-more.dark:hover, .read-more.dark:focus {color:var(--color-dark)}
.read-more.dark:hover svg, .read-more.dark:focus svg{fill:var(--color-dark)}

.read-more.light {border-color:var(--color-light)}
.read-more.light:hover, .read-more.light:focus {color:var(--color-light)}
.read-more.light:hover svg, .read-more.light:focus svg{fill:var(--color-light)}

.read-more.blue-dark {border-color:var(--color-blue-dark)}
.read-more.blue-dark:hover, .read-more.blue-dark:focus {color:var(--color-blue-dark)}
.read-more.blue-dark:hover svg, .read-more.blue-dark:focus svg{fill:var(--color-blue-dark)}

.read-more.blue-light {border-color:var(--color-blue-light)}
.read-more.blue-light:hover, .read-more.blue-light:focus {color:var(--color-blue-light)}
.read-more.blue-light:hover svg, .read-more.blue-light:focus svg{fill:var(--color-blue-light)}

.read-more.coral {border-color:var(--color-coral)}
.read-more.coral:hover, .read-more.coral:focus {color:var(--color-coral)}
.read-more.coral:hover svg, .read-more.coral:focus svg{fill:var(--color-coral)}

.read-more.bordeux {border-color:var(--color-bordeux)}
.read-more.bordeux:hover, .read-more.bordeux:focus {color:var(--color-bordeux)}
.read-more.bordeux:hover svg, .read-more.bordeux:focus svg{fill:var(--color-bordeux)}

.read-more.oker {border-color:var(--color-oker)}
.read-more.oker:hover, .read-more.oker:focus {color:var(--color-oker)}
.read-more.oker:hover svg, .read-more.oker:focus svg{fill:var(--color-oker)}


.btn-align-center .btn-list{justify-content:center;}
.btn-align-right .btn-list{justify-content:flex-end;}


.btn-container.col-sm-12.col-md-6 .btn-list li{width:100%}
@media screen and (min-width:767px){
	.btn-container.col-md-6 {           padding-left: calc(8.333% + 12px);}
}


@media screen and (min-width: 1200px){
	.btn-container.col-md-6 {           padding-left: calc(16.6667% + 12px);}
}


.btn.custom {
	background-color: var(--btn-color); 
    color: var(--color-dark);
}
.btn.custom:hover, .btn.custom:focus {
		background-color: var(--btn-hover); 
    color: var(--color-dark);
}


.read-more.custom {border-color:var(--btn-color)}
.read-more.custom:hover, .read-more.custom:focus {color:var(--btn-color)}
.read-more.custom:hover svg, .read-more.custom:focus svg{fill:var(--btn-color)}


/*------------------------------------*\
    FILTERS
\*------------------------------------*/

.archief-slider .slick-dots {display:block;margin-bottom:24px;text-align:center;    position: relative;    bottom: 0;}
.archief-slider  .slick-dots li {display:inline-block}
.archief-slider .slick-dots li button {padding:0;margin:0;background:var(--color-blue);width:16px;height:16px;border-radius:50%;opacity:.5}
.archief-slider .slick-dots li.slick-active button {opacity:1;}
.bg-blue-light .archief-slider .slick-dots li button {background:var(--color-blue);}


.news-filter {display:flex;flex-wrap:wrap;gap:24px;}
.news-filter-btn {border:1px solid;border-color:var(--color-blue);background:var(--color-light);color:var(--color-blue)}
.news-filter-btn.active-filter, .news-filter-btn:hover, .news-filter-btn:focus, .news-filter-btn:active {color:var(--color-light)!important;background:var(--color-blue-dark)!important;border-color:var(--color-blue-dark)!important}


@media screen and (max-width:992px){
	.news-filter {gap:12px}
}

/*------------------------------------*\
    HEADER
\*------------------------------------*/
header {position:fixed;top:0;left:0;width:100%;z-index:6000;padding:24px 0;}


.fixed-header {padding:26px 0;background-color:var(--color-blue);}
.fixed-header.active {background-color:transparent}
.logged-in header {top:32px}
header .row {gap:30px;align-items:center;}
.header-logo {    width: 170px;}
.desktop-nav {width:auto;margin-left:auto;}

header ul, header li {padding:0;margin:0;list-style:none;}
.menu-items > ul {display:flex;align-items:center;gap:32px;}
.menu-items > ul > li {display:flex;}

.menu-items li {position:relative;}

header li a {line-height:1;font-size:var(--text-p-large);color:var(--color-dark);font-weight:700;letter-spacing:2px;text-transform:uppercase;font-family:var(--font-title);}
header li:hover > a, header li:focus > a, header li.current-menu-item > a, header li.current-menu-ancestor > a {color:var(--color-blue-light);}

.menu-items li.menu-item-has-children > a {padding-right:25px;}
.menu-items li.menu-item-has-children:after, .menu-items li.menu-item-has-children:before {content:"";position:absolute;width:10px; height:2px;background:var(--color-dark);    top: 22px;}
.menu-items li.menu-item-has-children:after {transform:rotate(45deg);right:6px}
.menu-items li.menu-item-has-children:before {transform:rotate(-45deg);right:0;}

.menu-items li.menu-item-has-children:hover:after {right:0}
.menu-items li.menu-item-has-children:hover:before {right:6px;}



.menu-items .sub-menu {position:absolute;top:100%;background:var(--color-light);padding:10px 15px;left:-15px;z-index:999;display:flex;flex-wrap:wrap;gap:0;display:none;min-width:200px}
.menu-items li:hover > .sub-menu {display:block} 
.menu-items .sub-menu li {display:block;width:100%;}



.menu-items .sub-menu a {font-size:var(--text-p-medium);;font-weight:400;border:none;padding:5px 0;text-transform:none;letter-spacing:0;}
.menu-items .sub-menu li:hover > a, .menu-items .sub-menu li.current-menu-item > a {color:var(--color-blue)}

.desktop-nav a {padding:12px 0;}



header.nav-up {top:-100%;}


.desktop-nav {display:none}
.sidenav {overflow:hidden;width:100%;padding:90px 24px 24px;position:fixed;top:0%;left:0;z-index:5000;height:100%;margin:0;opacity:0;visibility:hidden}
.sidenav:before {backdrop-filter: blur(10px);width:110%;position:absolute;top:-5%;left:-5%;z-index:5000;height:110%;margin:0;content:"";z-index:-1;    background: rgb(14 64 88 / 33%);}


.mobbtn-hold {display:block;margin-left:auto;width:auto}
.mobbtn {display:block;position:relative;width:30px;height:24px;cursor:pointer;}
.mobbtn span {position:absolute;left:0%;width:100%;height:4px;background:var(--color-light);border-radius:2px}
.mobbtn span:nth-child(1) {top:3px;}
.mobbtn span:nth-child(2) {top:11px;} 
.mobbtn span:nth-child(3) {top:19px;}

.mobbtn.active span:nth-child(1) {top:11px;transform:rotate(45deg);width:80%;left:10%;}
.mobbtn.active span:nth-child(2) {width:0;left:50%;}
.mobbtn.active span:nth-child(3) {top:11px;transform:rotate(-45deg);width:80%;left:10%;}

.sidenav ul {
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
}
.sidenav > div {height:100%;overflow:auto;}

.sidenav ul, .sidenav li {padding:0;margin:0;list-style:none}
.sidenav li {display:inline-block;padding:14px 0;width:100%;text-align:center}
.sidenav .socials {flex-direction:row}
.sidenav .socials a svg {fill:var(--color-light)}
.sidenav .socials a:hover svg {fill:var(--color-coral)}

.sidenav a {font-size:26px;display:block;color:var(--color-light);font-weight:700;letter-spacing: 0px;text-transform:uppercase;line-height:1;padding:4px 0;font-family:var(--font-title)}
.sidenav a:hover, .sidenav li.current-menu-item > a, .sidenav li.current-menu-ancestor > a {color:var(--color-coral)}

.sidenav .sub-menu li {border:none;padding:0px 0 10px 20px} 
.sidenav .sub-menu li:first-child {padding-top:10px}
.sidenav .sub-menu li:last-child {padding-bottom:0}
.sidenav .sub-menu a{font-size:14px;font-weight:400;text-transform:none;}


.sidenav .menu-item-has-children {padding-right:25px;position:relative;}
.sidenav .menu-item-has-children > .menu-icon {position:absolute;right:0;top:9px;cursor:pointer;height:24px;width:24px}
.sidenav .menu-item-has-children > .menu-icon:after, .sidenav .menu-item-has-children > .menu-icon:before {content:"";position:absolute;width:10px; height:2px;background:var(--color-dark);    top: 12px;}
.sidenav .menu-item-has-children > .menu-icon:after {transform:rotate(45deg);right:6px}
.sidenav .menu-item-has-children > .menu-icon:before {transform:rotate(-45deg);right:0;}
.sidenav .menu-item-has-children:hover > .menu-icon:after, .sidenav .menu-item-has-children > .menu-icon.active:after {right:0}
.sidenav .menu-item-has-children:hover > .menu-icon:before, .sidenav .menu-item-has-children > .menu-icon.active:before {right:6px;}
.sidenav .sub-menu {display:none}

@media screen and (max-width: 992px) {
	.menu-items li.menu-item-has-children:after, .menu-items li.menu-item-has-children:before {top:20px;}
	.menu-items > ul {gap:24px}
	.header-logo {    width: 80px;}
	header {padding:24px 0}
}

	.desktop-nav {display:none}
	.mobbtn-hold, .sidenav {display:block}
	header {padding:12px 0}
	.sidenav.active {top:0;opacity:1;visibility:visible}
	header.nav-up {top:-100%;}
	header.nav-up.active {top:0;}

/*------------------------------------*\
    FOOTER
\*------------------------------------*/
footer {background:var(--color-blue)}
footer ul, footer li {padding:0;margin:0;list-style:none;}
footer {padding:24px 0;}
footer, footer a {font-size:14px;color:var(--color-light)}
footer li {display:inline-block}
footer ul {display:flex;flex-wrap:wrap;gap:30px}
footer ul.socials {gap:12px}
footer a svg {width:20px;height:auto;}
footer ul.socials a svg {width:25px}
footer a svg path{fill:var(--color-light)}
footer a:hover, footer a:focus {opacity:.6}

@media screen and (min-width:991px){
footer .row {justify-content:space-between;align-items:center;}
}
footer .col-sm-12 {width:auto;}
.footer-logo a, .footer-logo img {width:70px;display:block;}

@media screen and (max-width:992px){
	footer .row {align-items:center;justify-content:center;text-align:center;gap:8px 0}
	footer .footer-column {width:100%}
	footer ul {justify-content:center;}
	
}
/*------------------------------------*\
    MISC
\*------------------------------------*/
::selection {
	background:var(--color-dark);
	color:var(--color-light);
	text-shadow:none;
}
::-webkit-selection {
	background:var(--color-dark);
	color:var(--color-light);
	text-shadow:none;
}
::-moz-selection {
	background:var(--color-dark);
	color:var(--color-light);
	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;
	}
}