/* 

blue    = #399cc2
green   = #99cc55

*/
.nen-block-container > .nen-inner {
    z-index: 1;
}
.wp-block-table{
    margin: auto;
}

/* START editor_styles ------------------------------------------- */


body{
    position: relative;
    background-color:   #fff;
    color:              #333;
    line-height:        26px;
    letter-spacing:     0.5px;
}
body,
body > div,
body [class*=“block-“] p{
    font-size:          16px;
    line-height:        1.6;
}

body, h1, h2, h3, h4, h5, h6 {
    position:           relative;
    font-family:        'Open Sans', sans-serif;
    font-weight:        400;
    letter-spacing:     .5px;
    margin-top:         0px;
    margin-bottom:      0px;
    padding:            0px;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    line-height:        1.1;
}
/*
*   Headers
*/
h1, h1.title, h1.entry-title, h1.archive-title,
.h1, .h1.title, .h1.entry-title, .h1.archive-title
{
    font-size:      36px;
    letter-spacing: 1px;
    font-weight:    600;
    padding-bottom: 24px;
}
h2, h2.entry-title,
.h2, .h2.entry-title
{
    font-size:      32px;
    letter-spacing: 0.5px;
    font-weight:    600;
    padding-bottom: 16px;
}
h3, h3.entry-title, 
.h3, .h3.entry-title
{
    font-size:      30px;
    letter-spacing: 1px;
    font-weight:    400;
    padding-bottom: 12px;
}
h4, h4.entry-title, 
.h4, .h4.entry-title
{
    font-size:      26px;
    letter-spacing: 1px;
    font-weight:    600;
    padding-bottom: 12px;
}
h5, .h5
{ 
    font-size:      24px;
    letter-spacing: 1px;
    font-weight:    400;
    padding-bottom: 8px;
}
h6, .h6
{ 
    font-size:      22px;
    letter-spacing: 1px;
    font-weight:    600;
    padding-bottom: 8px;
}



/*
*   Tekstlinks
*/

/* a[href^="tel"] */
a{
    cursor:             pointer;
    text-decoration:    underline;
    color:              #333;
}
a:hover{
    text-decoration:    none;
    color:              #333;
}
.entry-title a:hover, 
.entry-title a:focus,
a:hover{
    color:              #333;
}
a.btn{
    font-weight:        300;
    text-decoration:    none;
}

p a,
a.excerpt-end{
    text-decoration: underline;
    color: #399cc2;
    font-weight: 500;
    display: inline-block;
    padding: 0px 1px 0px 1px;
    margin: 0px 2px 0px 2px;
    border: 1px solid transparent;
    border-bottom: 1px solid transparent;
    /*border-bottom: 1px solid #ccc;*/
}
a.excerpt-end,
p a.excerpt-end{
    text-decoration: none;
}
p a:hover,
p a.link:active,
a.excerpt-end:hover {
    background-color: #99cc55;
    text-decoration: none;
    padding: 0px 5px 0px 5px;
    margin: 0px -2px 0px -2px;
    border: 1px solid #99cc55;
    border-bottom: 1px solid #99cc55;
    border-radius: 5px;
    color: #fff;
    box-shadow: 0px 0px 8px -2px #000;
    
}
p a:active,
a.excerpt-end:active {
    border-color: #399cc2;
    background-color: #399cc2;
    color: #fff;
    -webkit-transition: none;
    -moz-transition:    none;
    -ms-transition:     none;
    -o-transition:      none;
    transition:         none;    
}
p a.mce-anchor,
p a.mce-anchor:hover,
a.mce-anchor,
a.mce-anchor:hover{
    margin: 0px;
    padding: 0px;
    border: none;
    background: transparent;
    color: transparent;
    box-shadow: none;
    font-size: 0px;
    width: 0px;
    cursor: pointer;
}



/*
*   Admin user-stijlen
*/
.subtitle{
    font-weight: 200;
    letter-spacing: 1px;
    padding: 8px 0px;
    margin-top: 48px;
    margin-bottom: 48px;
}
.is-style-preface,
p.is-style-preface,
.inleiding,
p.inleiding{
    color:              #5f5454;
    font-size:          17px;
    line-height:        1.6;
    font-weight:        600;
}
.citaat{
    color:              #399cc2;
    text-align:         center;
    font-style:         italic;
    font-size:          24px;
    line-height:        1.9;
    margin:             32px 15%; 
}
.vlak{
    margin-top:         32px;
    margin-bottom:      32px;
    padding:            16px;
}
.kader{
    border-width:       1px;
    border-style:       solid;
    margin-top:         32px;
    margin-bottom:      32px;
    padding:            16px;
}
.devider{
    font-size:          0;
    line-height:        0;
    margin-top:         32px;
    margin-bottom:      32px;
    position: relative;
}
.devider *{
    display:            none;
}
.devider .devider-icon{
    display: block;
    position: absolute;
    left: 50%;
    top: -3px;
    margin-left: -32px;
    margin-top: -32px;
    width: 64px;
    height: 64px;
    background-color: #fff;
    border-radius: 100%;
    border: 4px dotted #fff;
}



[class*='bdr-dot']{
    border-width: 6px;
    border-style: solid;
    border-image: url(../images/border-dot-16-32-32-blue.svg) 32 repeat;
}
.bdr-dot-white{
    border-image: url(../images/border-dot-16-32-32-white.svg) 32 repeat;
}
.bdr-dot-black{
    border-image: url(../images/border-dot-16-32-32-black.svg) 32 repeat;
}
.bdr-dot-blue{
    border-image: url(../images/border-dot-16-32-32-blue.svg) 32 repeat;
}
.bdr-dot-green{
    border-image: url(../images/border-dot-16-32-32-green.svg) 32 repeat;
}
.bdr-dot-top{
    border-width: 0px;
    border-top-width: 6px;
}
.bdr-dot-bottom{
    border-width: 0px;
    border-bottom-width: 6px;
}
.bdr-dot-left{
    border-width: 0px;
    border-left-width: 6px;
}
.bdr-dot-right{
    border-width: 0px;
    border-right-width: 6px;
}



.list ol > li:before
.wp-block ol > li:before,
#tinymce ol > li:before {
    color: #399cc2; 
}

.list ul > li:before,  /* nen-lib */
.wp-block ul > li:before,
#tinymce ul > li:before {
    color: #399cc2; 
}




/* END editor_styles ------------------------------------------- */




/* - - - - - - - - gutenberg  - - - - - - - - - -  */



:root{
    --nen-column-gutter: 32px;
    --nen-column-gutter-default: 32px;
}
/*
[data-type*='nen-gbl/'] .alignnormal,
.nen-gutenberg-page .alignnormal,
.nen-gutenberg-page .alignnormal-children *,
.nen-gutenberg-page .alignwide-children *,
.nen-gutenberg-page .alignfull-children *,
.nen-gutenberg-page .i-alignnormal,
.nen-gutenberg-page .i-alignnormal-children *,
.nen-gutenberg-page .i-alignwide,
.nen-gutenberg-page .i-alignwide-children *,
.nen-gutenberg-page .i-alignfull,
.nen-gutenberg-page .i-alignfull-children *,
.nen-gutenberg-page .archive-description > *,
.nen-gutenberg-page .entry-header > *,
.nen-gutenberg-page.search .content *,
.nen-gutenberg-page .entry-content > *                              { margin-left: auto; margin-right: auto;}

.wp-block:not([data-align="wide"]):not([data-align="full"]),
[data-type*='nen-gbl/'] .alignnormal,
.nen-image > .nen-inner > div > .nen-aspect-ratio-inner,
.nen-gutenberg-page .archive-description *,
.nen-gutenberg-page .alignnormal,
.nen-gutenberg-page .alignnormal-children *,
.nen-gutenberg-page .entry-header *,
.nen-gutenberg-page.search .content *,
.nen-gutenberg-page .entry-content *                                { max-width: 704px; }
.nen-gutenberg-page .window-margin-adjust                           { max-width: 608px; }
.nen-gutenberg-page .i-alignnormal,
.nen-gutenberg-page .i-alignnormal-children *                       { max-width: 704px !important; }
.nen-gutenberg-page .i-window-margin-adjust                         { max-width: 608px !important; }

.wp-block[data-align="wide"],
[data-type*='nen-gbl/'] .alignwide,
.nen-image > .nen-inner > div > .nen-aspect-ratio-inner.alignwide,
.nen-gutenberg-page .alignwide-children *,
.nen-gutenberg-page .alignwide,
.nen-gutenberg-page .alignwide                                      { max-width: 1065px; }
.nen-gutenberg-page .alignwide.window-margin-adjust                 { max-width: 969px; }
.nen-gutenberg-page .i-alignwide-children *,
.nen-gutenberg-page .i-alignwide                                    { max-width: 1065px !important; }
.nen-gutenberg-page .i-alignwide.window-margin-adjust,
.nen-gutenberg-page .alignwide.i-window-margin-adjust,
.nen-gutenberg-page .i-alignwide.i-window-margin-adjust             { max-width: 969px !important; }

.nen-gutenberg-page .alignfull,
.nen-gutenberg-page .alignfull.window-margin-adjust,
.nen-gutenberg-page .alignfull-children *,
.nen-gutenberg-page .entry-content .nen-column,
.nen-gutenberg-page .entry-content .nen-column > .nen-inner > *:not(div),
.nen-gutenberg-page .entry-content .wp-block-group__inner-container,
.nen-gutenberg-page .entry-content .nen-inner                       { max-width: none; }
.nen-gutenberg-page .i-alignfull,
.nen-gutenberg-page .i-alignfull-children *                         { max-width: none !important; }
.nen-gutenberg-page .entry-content .nen-container > .nen-inner > *,
.nen-gutenberg-page .entry-content .nen-image > .nen-inner > *,
.nen-gutenberg-page .entry-content .nen-column > .nen-inner > *     { margin-left: auto; margin-right: auto;}


*/
.nen-container > .nen-inner {
    padding-top: 64px;
    padding-bottom: 64px;
}

p[data-block],
.site-inner p,
.site-inner .entry-content > ul,
[data-type="core/list"] ul,
[data-type="core/list"] ol{
    margin-bottom:24px;
}
.site-inner .nen-column .nen-inner > p:last-child{
    margin-bottom:0px;
}

p + ul.list-no-top-spacing,
p + ol.list-no-top-spacing,
ul + ul.list-no-top-spacing,
ul + ol.list-no-top-spacing,
ol + ul.list-no-top-spacing,
ol + ol.list-no-top-spacing{
    margin-top: -24px !important;
}
ul.list-no-bottom-spacing,
ol.list-no-bottom-spacing,
ul.list-no-bottom-spacing,
ol.list-no-bottom-spacing,
ul.list-no-bottom-spacing,
ol.list-no-bottom-spacing{
    margin-bottom: 0px !important;
}
.nen-gutenberg-page .site-inner .entry-content > ul li,
.nen-gutenberg-page .site-inner .entry-content > ol li,
[data-type="core/list"] > .editor-block-list__block-edit > [data-block] ul > li,
[data-type="core/list"] > .editor-block-list__block-edit > [data-block] ol > li{
    margin-bottom:6px;
}
.nen-gutenberg-page .site-inner .entry-content li > ul,
.nen-gutenberg-page .site-inner .entry-content li > ol,
[data-type="core/list"] > .editor-block-list__block-edit > [data-block] li > ul,
[data-type="core/list"] > .editor-block-list__block-edit > [data-block] li > ol{
    margin-bottom:0px;
}
.nen-gutenberg-page .site-inner .entry-content > ul ul,
.nen-gutenberg-page .site-inner .entry-content > ul ol,
.nen-gutenberg-page .site-inner .entry-content > ol ul,
.nen-gutenberg-page .site-inner .entry-content > ol ol,
[data-type="core/list"] > .editor-block-list__block-edit > [data-block] ul > li ul,
[data-type="core/list"] > .editor-block-list__block-edit > [data-block] ul > li ol,
[data-type="core/list"] > .editor-block-list__block-edit > [data-block] ol > li ul,
[data-type="core/list"] > .editor-block-list__block-edit > [data-block] ol > li ol{
    margin-top:6px;
}
ul.list-spacing-off li,
ol.list-spacing-off li{
    margin-bottom: 0px !important;
}
ul.list-spacing-off ul,
ul.list-spacing-off ol,
ol.list-spacing-off ul,
ol.list-spacing-off ol{
    margin-top: 0px !important;
}
ul.list-spacing-1-2 li,
ol.list-spacing-1-2 li{
    margin-bottom: 12px !important;
}
ul.list-spacing-1-2 ul,
ul.list-spacing-1-2 ol,
ol.list-spacing-1-2 ul,
ol.list-spacing-1-2 ol{
    margin-top: 12px !important;
}
ul.list-spacing-1 li,
ol.list-spacing-1 li{
    margin-bottom: 24px !important;
}
ul.list-spacing-1 ul,
ul.list-spacing-1 ol,
ol.list-spacing-1 ul,
ol.list-spacing-1 ol{
    margin-top: 24px !important;
}
ul.list-spacing-3-2 li,
ol.list-spacing-3-2 li{
    margin-bottom: 36px !important;
}
ul.list-spacing-3-2 ul,
ul.list-spacing-3-2 ol,
ol.list-spacing-3-2 ul,
ol.list-spacing-3-2 ol{
    margin-top: 36px !important;
}
ul.list-spacing-2 li,
ol.list-spacing-2 li{
    margin-bottom: 48px !important;
}
ul.list-spacing-2 ul,
ul.list-spacing-2 ol,
ol.list-spacing-2 ul,
ol.list-spacing-2 ol{
    margin-top: 48px !important;
}




/*
.entry-content .wrap,
.entry-content .wrap2{ max-width: none;}
.entry-title h1, 
.nen-container-inner > *, 
.nen-content > * {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.nen-content > *                                { max-width: 800px; }
.nen-content .window-margin-adjust              { max-width: 704px; }
body.gutenberg-editor-page .editor-block-list__layout .editor-block-list__block[data-align=wide], 
body.block-editor-page .editor-block-list__layout .wp-block[data-align=wide],

.alignwide                       { max-width: 1200px; }
.alignwide.window-margin-adjust  { max-width: 1104px; }

.alignfull                       { max-width: none; }
.alignfull.window-margin-adjust  { max-width: none; }
*/





/* - - - - - - - - default  - - - - - - - - - -  */

/*
 *  defaults
*/

.subtitle{
    font-weight: 200;
    letter-spacing: 1px;
    padding: 8px 0px;
    margin-top: 48px;
    margin-bottom: 48px;
    position: relative;
}
div:not(.header-image-box) + .site-inner{
    margin-top: 48px;
}
.header-image-box ~ .site-inner .subtitle{
    margin-top: 0px;
}
.subtitle:before{
    content:'';
    position: absolute;
    width:100%;
    top: 0px;
    left:0px;
    height: 48px;
    background-image: url(../images/grass_green.svg);
    background-repeat: repeat-x;
    background-position: bottom center;   
}
.header-image-box ~ .site-inner .subtitle:before{
    top: -48px;
}
.font1,
.font-1{
}


.grass-green{
    background-image: url(../images/grass_green.svg);
    background-repeat: repeat-x;
    background-position: bottom center;   
}
.grass-white{
    background-image: url(../images/grass_green.svg);
}

.mask-image-box{
    position: relative;
}
.mask-image{
    position: relative;
    overflow: hidden;
    padding-top: 30%;
    width: 100%;
}
.mask-image-content{
    position: absolute;
    display: block;
    width:100%;
    left: 0px;
}
.mask-image-content.fit{
    min-height:100%;
    min-width:100%;
    width: auto;
    height: auto;
}
.mask-image-content.fit{
    min-width: 100%;
    width: auto;
    height: auto;
}
.mask-image-content.fit > *{
    height: 100%;
}
.mask-image-content > p {
    display: none;
}
.mask-image-content.fit img{
    width: auto;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;    
}
.mask-image-content,
.mask-image-content.middle{
    top: 50%;
    -webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */
    -moz-transform: translateY(-50%); /* IE 9 */
    -ms-transform: translateY(-50%); /* IE 9 */
    -o-transform: translateY(-50%); /* IE 9 */
    transform: translateY(-50%); 
}
.mask-image-content.bottom{
    top: 100%;
    -webkit-transform: translateY(-100%); /* Chrome, Safari, Opera */
    -moz-transform: translateY(-100%); /* IE 9 */
    -ms-transform: translateY(-100%); /* IE 9 */
    -o-transform: translateY(-100%); /* IE 9 */
    transform: translateY(-100%); 
}
.mask-image-content.top{
    top: 0px;
    -webkit-transform: translateY(0%); /* Chrome, Safari, Opera */
    -moz-transform: translateY(0%); /* IE 9 */
    -ms-transform: translateY(0%); /* IE 9 */
    -o-transform: translateY(0%); /* IE 9 */
    transform: translateY(0%); 
}
.mask-image-content img{
    width: 100%;
}
.mask-image-content .p{
    display: none;
}
.mask-image-content .image-wrapper{
    padding:0px;
    margin:0px;
}
.mask-image-content.fit .image-wrapper{
    height: 100%;
}


/*
*   Header and Footer
*/

.nav-secondary:before { 
    content: '';
    position: absolute;
    left: -112px;
    bottom: 0px;
    width:96px;
    height: 96px;
    background-image: url(../images/header_trees.svg);
    background-repeat: no-repeat;
    background-position: center center;
}
.header-image-box{
    margin-top:16px;
}
.home .header-image-box {
    margin-top: 0px;
}
.footer-box{
    font-size: 95%;
}
.footer-2{
    padding-bottom: 48px;
}
.footer-txt-title,
.nawgegevens-footer .bedrijf{
    font-weight: 800;
}
.nawgegevens-footer .telefoon{
    margin-top: 16px;
}


/*
*   Layoutblocks
*/

.layoutblock.tekst{
    padding-top: 32px;
    padding-bottom: 72px;
}
.layoutblock.image-header .image-box { 
    max-height: none;
    padding-top: 40%; 
    height: auto;
}

@media all and (max-width: 600px) {
    .layoutblock.image-header .image-box { 
        padding-top: 50%; 
    }
}
.layoutblock.image-header .image-box-fitter{
    margin: auto;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: auto;
    height: auto;
    position: absolute;
}
.layoutblock.image-header .image-box-fitter > .wrap{
    height: 100%;
}


/*
*   arrows
*/

[data-arrow]{
    position: relative;
}
[data-arrow]:before{
    content:"";
    position:absolute;
    left:0px;
    top: 50%;
    margin-top:-14px;
    width:28px;
    height:28px;
    border-width: 1px;
    border-style: solid;    
    border-radius: 4px;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    /*background-image: url(../images/icon-arrow-white.svg);*/
}

a[data-arrow]:hover:before,
div[data-arrow]:hover:before,
[data-arrow].hover:before {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
    background-image: url(../images/icon-arrow-white.svg);
}
[data-arrow*="small"]:before {
    width:20px;
    height:20px;
    margin-top:-10px;
    border-radius: 2px;
    background-size: 16px 16px;
}
[data-arrow*="in "]:before {
}
[data-arrow*="out "]:before {
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    -moz-transform: rotate(180deg); /* IE 9 */
    -ms-transform: rotate(180deg); /* IE 9 */
    -o-transform: rotate(180deg); /* IE 9 */
    transform: rotate(180deg);
}

[data-arrow*="outline"]:before{
    background-color: transparent;
}
[data-arrow*="white"]:before{
    background-image: url(../images/icon-arrow-white.svg);
}
[data-arrow*="blue"]:before,
[data-arrow*="outline"][data-arrow*="blue"]:before{
    background-image: url(../images/icon-arrow-blue.svg);
}
[data-arrow*="green"]:before,
[data-arrow*="outline"][data-arrow*="green"]:before{
    background-image: url(../images/icon-arrow-green.svg);
}
[data-arrow]:after {
    content: '';
    position: absolute;
    width: calc(34px);
    border-width: 1px;
    border-style: solid;
    z-index: 0;
    height: calc(34px);
    left: -3px;
    top: calc(50% - 3px);
    margin-top:-14px;
    border-radius: 6px;
}
[data-arrow]:hover:after {
    border-color: #000;
}
.pagelink.align-right [data-arrow]:after{
    left: auto;
    right: -3px;
}
[data-arrow*="small"]:after {
    width: calc(26px);
    height: calc(26px);
    border-radius: 4px;
    margin-top:-10px;
}

.next-prev{
    position: relative;
    margin: 64px auto 32px auto;
    border-top-width: 1px;
    border-top-style: solid;
}
.next-prev .pagelink{
    margin: 8px 0px;
}




/*
 *  checklist
*/

.checklist{
    font-size: 115%;
    margin: 16px 0px;
}
.checklist ul{
    padding: 0px;
    margin: 0px;
    margin-right: 32px;
}
.checklist ul > li{
    position: relative;
    display: block;
    list-style: none; /* Remove list bullets */
    padding: 0;
    margin: 20px 0px;
    padding-left: 0px;
    margin-left: 56px;
}
.checklist ul > li:before{
    content: ""; 
    position: absolute;
    left: -56px;
    top:-4px;
    color: #399cc2; 
    width: 40px;
    height: 40px;
    background-image: url(../images/icon-checked-red.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}



/*
*   icons
*/
[class*='icon-'],
[class*='icon-bg']{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
span[class*='icon-']{
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 0px 4px -10px 0px;
}
[class*='icon-cl']{ background-position: center left; }
[class*='icon-tl']{ background-position: top left; }
[class*='icon-bl']{ background-position: bottom left; }
[class*='icon-cr']{ background-position: center right; }
[class*='icon-tr']{ background-position: top right; }
[class*='icon-br']{ background-position: bottom right; }
[class*='icon-tc']{ background-position: top center; }
[class*='icon-bc']{ background-position: bottom center; }
[class*='icon-left']{
    background-position: left center;
}
[class*='icon-right']{
    background-position: right center;
}
[class*='icon-after'],
[class*='icon-before']{
    position: relative;
}
[class*='icon-after']:after,
[class*='icon-before']:before{
    content: '';
    position: absolute;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border-radius: 0;
    background-image: inherit;
}
[class*='icon-after']:after{
    top: 0px;
}

[class*='icon-after'],
[class*='icon-before']{
    background-size: 0px 0px;
    display: inline-block;
}
.icon-fit:after,
.icon-fit:before{
    top:0px;
    left:0px;
    width: 100%;
    height: 100%;
}

h6 [class*='icon-'] {
    width: 64px;
    height: 64px;
    display: inline-block;
    margin-bottom: -24px;
    margin-right: 16px;
}
/*
[class*='icon-']{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
[class*='icon-left']{
    background-position: left center;
}
[class*='icon-before']{
    position: relative;
}
[class*='icon-before']:before{
    content: '';
    position: absolute;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border-radius: 100%;
    background-image: inherit;
}
*/
.icon-home-blue{
    background-image: url(../images/icon-home-blue.svg);
}
.icon-home-green{
    background-image: url(../images/icon-home-green.svg);
}
.icon-home-white{
    background-image: url(../images/icon-home-white.svg);
}
.icon-ja{
    background-image: url(../images/icon-ja.svg);
}
.icon-nee{
    background-image: url(../images/icon-nee.svg);
}

.nav-primary .genesis-nav-menu .menu-item-home-webshop a{
   padding-left: 32px;
}
.nav-primary .genesis-nav-menu .menu-item-home-webshop:before{
   top: 10px;
    width: 24px;
    height: 24px;
}
.woocommerce .wpm-menu-item-home{
    display: none !important;
}



/*
 *  nen-block-accordion
*/
.nen-accordion.type-steps > .nen-inner {
    border-left-style: dotted;
    border-left-width: 3px;
}
[data-block] > div > .nen-accordion-item.type-steps > .nen-inner,
.nen-accordion.type-steps > .nen-inner > .nen-accordion-item > .nen-inner,
[data-block] > div > .nen-accordion-subitem.type-steps > .nen-inner,
.nen-accordion.type-steps > .nen-inner > .nen-accordion-subitem > .nen-inner {
    margin-left: 28px;
}
[data-block] > div > .nen-accordion-subitem.type-steps > .nen-inner > .item-header > .bullet.show-bullet,
.nen-accordion.type-steps > .nen-inner > .nen-accordion-subitem > .nen-inner > .item-header > .bullet,
[data-block] > div > .nen-accordion-item.type-steps > .nen-inner > .item-header > .bullet.show-bullet,
.nen-accordion.type-steps > .nen-inner > .nen-accordion-item > .nen-inner > .item-header > .bullet {
    left: -29px;
}
[data-block] > div > .nen-accordion-subitem.type-steps:not(.type-normal) > .nen-inner,
.nen-accordion.type-steps > .nen-inner > .nen-accordion-subitem:not(.type-normal) > .nen-inner {
    margin-left: 40px;
}
[data-block] > div > .nen-accordion-subitem.type-steps:not(.type-normal) > .nen-inner > .item-header > .bullet,
.nen-accordion.type-steps > .nen-inner > .nen-accordion-subitem:not(.type-normal) > .nen-inner > .item-header > .bullet {
    left: -42px;
}
[data-block] > div > .nen-accordion-subitem.type-steps > .nen-inner > .item-header > .bullet.show-bullet,
.nen-accordion.type-steps > .nen-inner > .nen-accordion-subitem > .nen-inner > .item-header > .bullet,
[data-block] > div > .nen-accordion-item.type-steps > .nen-inner > .item-header > .bullet.show-bullet,
.nen-accordion.type-steps > .nen-inner > .nen-accordion-item > .nen-inner > .item-header > .bullet {
    min-width: 32px;
    height: 32px;
    line-height: 24px;
}
[data-block] > div > .nen-accordion-subitem.type-steps > .nen-inner > .item-header > .bullet.show-bullet,
.nen-accordion.type-steps > .nen-inner > .nen-accordion-subitem > .nen-inner > .item-header > .bullet {
    min-width: 16px;
    height: 16px;
}
[data-block] > div > .nen-accordion-item > .nen-inner > .item-header > .bullet.show-number > .number,
.nen-accordion.show-number > .nen-inner > .nen-accordion-item > .nen-inner > .item-header > .bullet > .number,
[data-block] > div > .nen-accordion-subitem > .nen-inner > .item-header > .bullet.show-number > .number,
.nen-accordion.show-number > .nen-inner > .nen-accordion-subitem > .nen-inner > .item-header > .bullet > .number {
    font-size: 70%;
}


/*
 *  Stappenplan
*/

.stappenplan{
    padding-left:48px;
    position: relative;
}
.stappenplan:before{
    content: '';
    position: absolute;
    height: 100%;
    width:17px;
    left:0px;
    top: 8px;
    display: block;
    border-right-width: 2px;
    border-right-style: dotted;
}

.stappenplan h1,
.stappenplan h2,
.stappenplan h3,
.stappenplan h4,
.stappenplan h5{
    font-style: italic;
}
.stappenplan .item{
    position: relative;
    margin-top: 32px;
}
.stappenplan .item-element{
    position: absolute;
    left: -48px;
    top: 0px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 100%;
    text-align: center;
    font-size: 120%;
}
.stappenplan .item-element:before {
    content: '';
    position: absolute;
    display: block;
    width: calc(100% + 6px);
    border-width: 1px;
    border-style: solid;
    z-index: 0;
    height: calc(100% + 6px);
    left: -3px;
    top: -3px;
    border-radius: 100%;
}
.stappenplan .mask-image-box:before {
    content: '';
    position: absolute;
    display: block;
    border-width: 2px;
    border-style: solid;
    width: 16px;
    height: 16px;
    left: -32px;
    top: -6px;
    margin-left:-8px;
    border-radius: 100%;
    border-color: #399cc2;
    background-color: #fff;
}




/*
 *  Faq
*/

.archive-faq .faq{
    padding-left: 48px;
    position: relative;
    margin: 16px auto;
}
.archive-faq .faq .item{
    position: relative;
    padding-bottom: 16px
}
.archive-faq .faq .item-title{
    font-style: italic;
    cursor: pointer;
    font-size: 24px;
}
.archive-faq .faq .item-title:hover{
    text-decoration: underline;
}
.archive-faq .faq .item-content{
    position: relative;
    max-height: 0px;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition:    all 0.3s ease-in-out;
    -ms-transition:     all 0.3s ease-in-out;
    -o-transition:      all 0.3s ease-in-out;
    transition:         all 0.3s ease-in-out;
    border-left-width: 2px;
    border-left-style: dotted;
    padding: 4px 0px;
    padding-left: 32px;
    margin-left:4px;
}
.archive-faq .faq .item.active .item-content{
    position: relative;
    max-height: 1000px;
    opacity: 1;
    margin-bottom:32px;
}
.archive-faq .faq .item:after{
    content: '?';
    position: absolute;
    display: block;
    left: -48px;
    top: 0px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 100%;
    text-align: center;
    font-size: 120%;
}
.archive-faq .faq .item:before {
    content: '';
    position: absolute;
    display: block;
    width: calc(38px);
    border-width: 1px;
    border-style: solid;
    z-index: 0;
    height: calc(38px);
    left: -51px;
    top: -3px;
    border-radius: 100%;
}



/*
 *  Mederwerker Archive
*/

.archive-medewerker .archive .item-box{
    position: relative;
    margin-bottom: 160px;
}
.archive-medewerker .archive .item-box-bar{
    position: absolute;
    width: 100%;
    min-height: 64px;
    top:-32px;
}
.archive-medewerker .archive .item-box-bar:before,
.single-medewerker .next-prev:before{
    content: '';
    position: absolute;
    width: 300px;    
    height: 96px;
    top:-96px;
    right:33%;
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-image: url(../images/tree-cow-green.svg); 
    -webkit-transform: translateX(50%); /* Chrome, Safari, Opera */
    -moz-transform: translateX(50%); /* IE 9 */
    -ms-transform: translateX(50%); /* IE 9 */
    -o-transform: translateX(50%); /* IE 9 */
    transform: translateX(50%); 
}
.archive-medewerker .archive .item-box:nth-child(even) .item-box-bar:before{
    right:66%;
}
@media all and (max-width: 500px) 
{
        .archive-medewerker .archive .item-box:nth-child(odd) .item-box-bar:before,
        .archive-medewerker .archive .item-box:nth-child(even) .item-box-bar:before{
            right:50%;
        }
}

.archive-medewerker .archive .item-a{
    width:48.75%;
}
.archive-medewerker .archive .item-box:nth-child(even) .item > div:last-child{
    /* margin-right: 32px; */
}
.archive-medewerker .archive .item-box:nth-child(odd) .item > div:first-child{
    margin-right: 32px;
}
.archive-medewerker .archive .item-box:nth-child(even) .item > div:last-child{
    margin-right: 32px;
}
.archive-medewerker .archive .item-box:nth-child(even) [class*='flex-child']:first-child{
    -webkit-order: 2; 
    -moz-order: 2; 
    -ms-order: 2; 
    order: 2;
}
.archive-medewerker .archive .item-image{
    padding-top:56.25%;
    position: relative;
    border:2px solid #fff;
}

.archive-medewerker .archive .item-header{
    min-height: 96px;
    margin-top: 16px;
    margin-bottom: 16px;
}

.archive-medewerker .archive .item-title{
    padding: 0px;
    margin: 0px;
    padding-top:36px;
    /*color: #fff;*/
}
.archive-medewerker .archive .item-function{
    color: #99cc55;
    padding-top:8px;
}
.archive-medewerker .archive .item-box:nth-child(even) .item-title,
.archive-medewerker .archive .item-box:nth-child(even) .item-function{
    text-align: right;
}
.archive-medewerker .archive .item-quote,
.single-medewerker .item-quote{
    margin-top: 64px;
    position: relative;
    font-size: 115%;
}
.archive-medewerker .archive .item-quote:before,
.single-medewerker .item-quote:before{
    content: "\201C";
    position: absolute;
    font-family: inherit;
    font-size: 72px;
    font-weight: 400;
    font-style: italic;
    top:-64px;
    left:0px;
}
.archive-medewerker .item-contact{
    position: relative;
    margin-top:24px;
}
.archive-medewerker .item-contact > div{
    display: inline-block;
}
.archive-medewerker .item-contact > div:after{
    content: '|';
    padding: 0px 8px;
}
.archive-medewerker .item-linkedin{
    float: left;
    position: relative;
    margin-right: 16px;
    top: -4px;
}
.archive-medewerker .item-contact > div:last-child:after,
.archive-medewerker .item-contact > div.item-linkedin:after{
    content: none;
}
.archive-medewerker .item-box:nth-child(even) .item-contact{
    text-align: right;
}
.archive-medewerker .item-box:nth-child(even) .item-linkedin{
    float: right;
    margin-left: 16px;
    margin-right: 0px;
}
.archive-medewerker .archive .item-content{
    padding-top: 0px;
}
@media all and (max-width: 800px) {

    .archive-medewerker .archive .item-header{
        min-height:0px;
        margin-top: 0px;
    }
    .archive-medewerker .archive .item-box:nth-child(even) .item-title,
    .archive-medewerker .archive .item-box:nth-child(even) .item-function{
        text-align: left;
    }
    .archive-medewerker .item-box:nth-child(even) .item-contact{
        text-align: left;
    }
    .archive-medewerker .item-box:nth-child(even) .item-linkedin{
        float: left;
        margin-left: 0px;
        margin-right: 16px;
    }
}



/*
 *  Mederwerker Single
*/

.single-medewerker .item-contact{
    margin-top: 32px;
    margin-bottom: 24px;
}
.single-medewerker .item-function{
    margin-top:-16px;
    margin-bottom: 32px;
}
.single-medewerker .item-contact > div{
    display: inline-block;
}
.single-medewerker .item-contact > div:after{
    content: '|';
    padding: 0px 8px;
}
.single-medewerker .item-contact > div:last-child:after,
.single-medewerker .item-contact > div.item-linkedin:after{
    content: none;
}
.single-medewerker .item-linkedin{
    float: left;
    margin-right: 16px;
}
.single-medewerker .next-prev{
    margin-top: 128px;
}



/*
*   anchor-list
*/

.anchor-list .function{
    font-size: 85%;
    position: relative;
}
.anchor-list .function:before{
    content: ' \00a0\2022\00a0 '; /* 2022 = &bull 2014 = &mdash 00a0=&nbsp */
}

.anchor-list-box{
    padding-top: 16px;
}

.anchor-list .pagelink [data-arrow]:hover:before{
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    -moz-transform: rotate(90deg); /* IE 9 */
    -ms-transform: rotate(90deg); /* IE 9 */
    -o-transform: rotate(90deg); /* IE 9 */
    transform: rotate(90deg);
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition:    all 0.15s ease-in-out;
    -ms-transition:     all 0.15s ease-in-out;
    -o-transition:      all 0.15s ease-in-out;
    transition:         all 0.15s ease-in-out;
}



/*
*   Social buttons
*/

.socialbutton #single *{
    opacity: 1;
}
.socialbutton #bg,
.socialbutton #element{
    opacity: 0;
}
.socialbutton #single *{
    fill: #99cc55;
}
.socialbutton:hover #single *{
    opacity: 0;
}
.socialbutton:hover #bg,
.socialbutton:hover #element{
    opacity: 1;
}






/*
*   Btn's (display als knop)
*/
.site-inner button,
.site-inner .button,
.site-inner input[type="button"],
.site-inner input[type="reset"],
.site-inner input[type="submit"],
.site-inner .btn,
.btn{
    position: relative;
    display: inline-block;
    padding: 0px 12px 0px 12px;
    text-decoration: none;
    cursor: pointer;
    z-index: 0;
    line-height: 32px;
}
.nen-style-button,
.btn{
    border-radius: 4px;
}
[data-block] .btn{
    cursor: text;
}
.btn:hover{
    background-color: #000;
    border-color: #000;
    color: #fff;
    box-shadow: 0px 0px 8px -3px #000;
}
.btn[class*='bg-color-']:hover,
.btn[class*='i-bg-color-']:hover{
    background-color: #000 !important;
}
.btn[class*='bdr-color-']:hover,
.btn:hover:after,
.btn:hover:before,
.btn[class*='i-bdr-color-']:hover{
    border-color: #000 !important;
}
.btn[class*='bdr-color-before']:hover:before,
.btn[class*='bdr-color-after']:hover:after{
    border-color: #000;
}
.btn[class*='bdr-color-'],
.btn[class*='i-bdr-color-']{
    border-width: 1px;
    border-style: solid;
}
.btn[class*="arrow-"]:before{
    background-color: #fff;
    left:10px;
    top:6px;
    color: #99cc55;
}
.btn:hover[class*="arrow-"]:before{
    color: #000;
}
[data-block] .nen-block-button.type-button > div  > .nen-inner:before,
.nen-block-button.type-button  > .nen-inner:before,
.btn:before {
    content: '';
    position: absolute;
    display: block;
    width: calc(100% + 8px);
    border: 1px solid #fff;
    z-index: -1;
    height: calc(100% + 8px);
    left: -4px;
    top: -4px;
    border-radius: 6px;
    border-color: inherit;
}
.nen-block-button.type-button .nen-inner {
    box-shadow: none;
}
.wpcf7 .btn.wpcf7-submit {
    color: #fff;       
    background-color: #99cc55;
}
/*
.btn.nen-wpcf7-submit {
    padding-right:44px;
}
.btn.nen-wpcf7-submit:after {
    content: '';
    position: absolute;
    display: block;
    width: 32px;
    height: 32px;
    right: 0px;
    top: 0px;
    border-radius: 4px;
    background-color: #99cc55;
    background-image: url(../images/icon-email-plane-white.svg); 
    background-size: 34px 34px;
}*/
.wpcf7 .btn{
    background-color: #fff;
    color: #99cc55;
}
.wpcf7 .btn:hover:before{
    border-color: #000;
}



/*
*   button-links (link naar pagina)
*/
.type-buttonlink, 
.type-pagelink, 
.type-paginalink, 
.buttonlink, 
.pagelink, 
.paginalink {
    margin-bottom: 24px;
}

.link-btn{
    position: relative;
    text-decoration: none;
    padding: 0px;
    padding-left: 48px;
    font-size: 17px;
    line-height: 1;
    cursor: pointer;
}
.link-btn[data-arrow*='small']{
    padding-left: 36px;
}
.pagelink.align-right .link-btn[data-arrow*='small'] {
    padding-right: 36px;
}

.link-btn:hover:before,
.link-btn[class*='bg-color-before-']:hover:before,
.link-btn[class*='i-bg-color-before-']:hover:before{
    background-color: #000 !important;
}
.link-btn:hover:before,
.link-btn[class*='bdr-color-before-']:hover:before,
.link-btn[class*='i-bdr-color-before-']:hover:before,
.link-btn[class*='bdr-color-after-']:hover:after,
.link-btn[class*='i-bdr-color-after-']:hover:after{
    border-color: #000 !important;
}
.link-btn:hover,
.link-btn[class*='color-']:hover,
.link-btn[class*='i-color-']:hover{
    color: #000 !important;
}





/*
*   widget_nen-pages-menu
*/

.pages-menu{
    margin-top:0px;
    font-weight: 400;
}
.pages-menu .pm-path{
    margin-bottom:8px;
}
.pages-menu .menu{  /* eerste ul */
    margin-top:0px;
}
.pages-menu .sub-menu{  /* elke ul ul */
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 18px;
    margin-top: 4px;
    margin-bottom: 0px;
}

.pages-menu .menu-item-has-children li:before {
    content: none;
    background-color: transparent;
}
.pages-menu li.menu-item-has-children:not(.active):before {
    /* content: "+"; */  /* inverse \203A */
    position: absolute;
    left:-16px;
    line-height: 12px;
    top:8px;
    color: inherit;
}

.pages-menu .menu-item{
    line-height: 1.2;
    padding-top: 4px;
    padding-bottom: 4px;
}
.pages-menu .pm-path-item,
.pages-menu li,
.pages-menu li.current_page_item.active > a,
.pages-menu a{
    color: #99cc55;
    padding: 0px 0px;
}
.pages-menu .pm-path-item.active > a,
.pages-menu li.active,
.pages-menu li.current_page_item.active > a{
    font-weight: 400;
    text-decoration: none;
    color: #333;
}
.pages-menu li.current_page_item.active:after {
    content: none;
    width: 5px;
    height: 5px;
    left: -16px;
}


.footer-extender,
.footer-extender-box{
    position: relative;
    width:100%;
    padding: 0px 0px;
    margin-top: 0px;
}
.layoutblock.quote,
.footer-extender-quote-box{
    padding-top: 96px;
    padding-bottom: 48px;
}

.layoutblock.quote .quote,
.footer-extender-quote .quote{
    position: relative;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 40px;
    line-height: 4.0rem;
    font-weight: 200;
    font-style: italic;
    letter-spacing: 1px;
    margin-bottom: 16px;
}
.layoutblock.quote .quote-credits,
.footer-extender-quote .quote-credits{
    text-align: right;
    padding-right:32px;
    margin-top: 0px;
}
.layoutblock.quote .quote-credits .function:before,
.footer-extender-quote .quote-credits .function:before{
    content: " - ";
}
.layoutblock.quote .quote-credits .company:before,
.footer-extender-quote .quote-credits .company:before{
    content: " | ";
}
.layoutblock.quote .quote:before,
.footer-extender-quote .quote:before{
    content: "\201C";
    position: absolute;
    font-family: 'Caecilia', sans-serif;
    font-size: 72px;
    font-weight: 400;
    font-style: italic;
    top:-32px;
    left:0px;
}
.layoutblock.quote .cell .quote,
.footer-extender-quote .cell .quote{
    margin-left: 32px;
}
.layoutblock.quote .cell:first-child,
.footer-extender-quote .cell:first-child{
    width:25%;
    position: relative;
}
.layoutblock.quote .image,
.footer-extender-quote .image{
    display: block;
    position: relative;
    width: 100%;
    padding-top: 100%;
    top: 0px;
    left: 0px;
    bottom: 48px;
    margin-top: -48px;
    /*
    mix-blend-mode: screen;
    -webkit-filter: grayscale(100%) invert(100%) contrast(100%);
    -moz-filter: grayscale(100%) invert(100%)  contrast(100%);
    -ms-filter: grayscale(100%) invert(100%)  contrast(100%);
    -o-filter: grayscale(100%) invert(100%)  contrast(100%);
    filter: grayscale(100%) invert(100%)  contrast(100%);
    opacity: 1;
    */
}
@media all and (max-width: 700px) {
    .layoutblock.quote .cell,
    .footer-extender-quote .cell{
        display: block !important;
        width:100%;
    }
    .layoutblock.quote .cell:first-child,
    .footer-extender-quote .cell:first-child{
        width:100%;
    }
    .layoutblock.quote .image,
    .footer-extender-quote .image{
        width: 100%;
        padding-top: 50%;
    }
    .layoutblock.quote .cell .quote,
    .footer-extender-quote .cell .quote{
        margin: 0px;
        margin-top: 64px;
    }
}



/*
*   Paginanummering
*/
/*
.pagination{
    margin-top:32px;
}
.page-numbers{
    background-color: #399cc2;
    border: 1px solid #399cc2;
    border-radius: 4px;
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    
    position:relative;
    display: inline-block;
    left:0px;
    top: -4px;
    width:32px;
    height:32px;
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 30px;
    text-align: center;
    color: #fff;
    text-decoration: none;
}
a.page-numbers,
.page-numbers.dots{
    background-color: #fff;
    color: #399cc2;
    border-color: #399cc2;
}
a.page-numbers:hover {
    background-color: #000;
    color: #fff;
    border-color: #000;
}
*/


/* 
*   Widget nen-cf7
*/
.wpcf7-form .verplicht,
div.wpcf7 .form-box .one-third {
    color: #99cc55;
}
.wpcf7-form-close, .wpcf7-form-divider, .wpcf7-form-spacer {
    border-color: #399cc2;
}
div.wpcf7 .form-box,
.wpcf7-form-close {
    border-color: #399cc2;
}   
.wpcf7 .show-on-type{
    max-height: 0px;
    overflow: hidden;
}
.wpcf7 .active .show-on-type{
    max-height: 1000px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition:    all 0.3s ease-in-out;
    -ms-transition:     all 0.3s ease-in-out;
    -o-transition:      all 0.3s ease-in-out;
    transition:         all 0.3s ease-in-out;
}



/*
 *  search 
*/

.search-info .count{
    display: inline-block;
    min-width: 40px;
    height: 40px;
    text-align: center;
    line-height: 35px;
    font-size: 120%;
    padding: 0 6px;
    border-radius: 40px;
    margin-right: 16px;
    top:2px;
    position: relative;
}

.search-form.footer {
    padding-bottom: 0px;
}
.search-terms .search-item-info .type,
.search-items .search-item-info .type{
    padding: 0px 6px;
    border-radius: 0px;
    font-size: 100%;
    line-height: 16px;
    height: 18px;
    display: inline-block;
    letter-spacing: 2px;
    font-variant: small-caps;
    display: none;
}
.search-terms .search-item-info span:not(:first-child):before, 
.search-items .search-item-info span:not(:first-child):before,
.search-items .search-item-info span:nth-child(2):before{
    content: none;
}
.search-terms .search-item-info .path,
.search-items .search-item-info .path{
    padding-left: 0px;
}
.highlight,
.search-items .search-string{
    display: inline;
    background: gold;
    background: rgba(255,255,0,0.5);
    box-shadow: 4px 0 0 rgba(255,255,0,0.5), -4px 0 0 rgba(255,255,0,0.5);
    border-radius: 3px;
    overflow: hidden;
}



/*
 *  slider 
*/
.slider-box .slider *{
    height: 100%;
}
.slider-box .slider .slick-dots{
    height: auto;
    bottom: 32px;
}
.slider-box .slider .slick-dots li button:before {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    width: 10px;
    height: 10px;
    text-align: center;
    opacity: 1;
    border-radius: 100%;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-shadow: 0px 0px 0px 2px #fff;
    box-shadow: 0px 1px 6px -1px #000;
}
.slider-box .slider .slick-dots li button:hover:before {
    background-color: #000;
}

.slider-box .slider .slick-dots li.slick-active button:before {
    opacity: 1;
    background-color: #000;
}
.slider-box .slider button{
    width: auto;
    height: auto;
}
.slider-box .slick-slider{
    margin: 64px 0px ;
}
.slider-box .slide{
    width:100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.entry-content .slider-box ul > li{
    display: inline-block;  
}
.entry-content .slider-box ul > li:before{
    content: none;
}
.entry-content .slider-box .slick-slider {
    margin:0px;
}


/*
 *  home slider
*/

.slider{
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}
.slider .slide{
    position: relative;
    text-align: center;
    display: inline-block;
    width: 100%;
    height: 100%;
    margin: 0px;
    bottom: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.slider .slick-prev{
    left:-60px;
}
.slider .slick-next{
    right:60px;
}
.slider .slick-prev:before,
.slider .slick-next:before{
    opacity: .15;
    font-size: 48px;
}
.slider .slick-prev:hover:before,
.slider .slick-next:hover:before{
    opacity: 1;
    display: none;
    /*color: #3b4;*/
}
/* DEZE REGEL TOEVOEGEN OM DE SLIDES DIV-VULLEND TE TONEN */
.slick-slider .slick-track, .slick-slider .slick-list { height: 100%; }
.slick-slider{ margin: 0px;}

.slider-item-over{
    position: absolute;
    max-width: 55%;
    margin:auto;
}
.slider-item-over-animate{
    position: relative;
    opacity: 0;
    box-shadow: 0px 3px 16px -3px #000;
    border-left-width: 6px;
    border-left-style: solid;
}
.slider-item-over.TL .slider-item-over-animate,
.slider-item-over.BL .slider-item-over-animate{
    left: -64px;
}
.slider-item-over.TR .slider-item-over-animate,
.slider-item-over.BR .slider-item-over-animate{
    left: 64px;
}
.slick-active .slider-item-over .slider-item-over-animate{
    left: 0px;
    opacity: 1;
    transition: all .4s ease-in-out 1.5s;
}

.slider-item-over.TL{
    border-bottom-right-radius: 0px;
}
.slider-item-over.TR{
    border-bottom-left-radius: 0px;
}
.slider-item-over.BR{
    border-top-left-radius: 0px;
}
.slider-item-over.BL{
    border-top-right-radius: 0px;
}
.slider-item-over.TL,
.slider-item-over.CL,
.slider-item-over.BL{
    margin-left:7%;
    left: 0px;
}
.slider-item-over.TL,
.slider-item-over.TC,
.slider-item-over.TR{
    margin-top:7%;
    top:0px;
}
.slider-item-over.BL,
.slider-item-over.BC,
.slider-item-over.BR{
    margin-bottom:7%;
    bottom:0px;
}
.slider-item-over.TR,
.slider-item-over.CR,
.slider-item-over.BR{
    margin-right:7%;
    right: 0px;
}
.slider-item-over-cover{
    position: absolute;
    width:100%;
    height: inherit;
    top:0px;
    left:0px;
    opacity: .85;
    z-index: 0;
    padding-bottom: 9999px; margin-bottom: -9999px;
}
.slider-item-over .pagelink{
    padding: 10px 20px 20px 20px;
    margin:0px;
}
.slider-item-over-txt{
    position: relative;
    font-size: 200%;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 10px 20px;
    z-index: 1;
    text-align: left;
    max-width: 500px;
}
.slider-item-over-txt span{
    letter-spacing: 0.5px;
    display: block;
    margin-bottom: 8px;
    font-size: 65%;
    font-weight: 400;
}


[class*='slider-icon-']{
    position: absolute;
    width: 144px;
    height: 144px;
    top:10%;
    margin-left:-72px;
    left: 0px;
    background-color: #fff;
    display: none;
}
.slider-icon-0{
    left: 25%;
}
.slider-icon-1{
    left: 50%;
}
.slider-icon-2{
    left: 75%;
}
@media all and (max-width: 1000px) {
    .slider-item-over-txt{
        font-size: 150%;
        max-width: 400px;
    }
    [class*='slider-icon-']{
        width: 128px;
        height: 128px;
        margin-left:-64px;
    }
}
@media all and (max-width: 800px) {
    .slider-item-over-txt{
        font-size: 125%;
        max-width: 300px;
        padding: 7px 15px;
    }
    [class*='slider-icon-']{
        width: 96px;
        height: 96px;
        margin-left:-48px;
    }
    .slider-item-over.TL,
    .slider-item-over.CL,
    .slider-item-over.BL{
        margin-left:3.5%;
        left: 0px;
    }
    .slider-item-over.TL,
    .slider-item-over.TC,
    .slider-item-over.TR{
        margin-top:3.5%;
        top:0px;
    }
    .slider-item-over.BL,
    .slider-item-over.BC,
    .slider-item-over.BR{
        margin-bottom:3.5%;
        bottom:0px;
    }
    .slider-item-over.TR,
    .slider-item-over.CR,
    .slider-item-over.BR{
        margin-right:3.5%;
        right: 0px;
    }
}
@media all and (max-width: 600px) {
    .slider-item-over-txt{
        font-size: 110%;
        max-width: 250px;
    }
    [class*='slider-icon-']{
        width: 80px;
        height: 80px;
        margin-left:-40px;
    }
}
@media all and (max-width: 500px) {
    .slider-item-over-txt{
        font-size: 105%;
        max-width: 225px;
        padding: 5px 10px;
    }
    [class*='slider-icon-']{
        width: 64px;
        height: 64px;
        margin-left:-32px;
    }
}


/*
 *
*/
.home h1{
    padding-top:32px;
    padding-bottom:40px;
    font-size: 44px;
    font-size: 4.4rem;
}
.home .content-flex{
    font-size: 140%;
    line-height: 1.7;
}
.home h2{
    padding-top:20px;
    padding-bottom:40px;
}
.home .subtitle{
    padding-top:24px;
    padding-bottom:0px;
}
.home .subtitle + h2{
    padding-top:4px;
}
.home .specialisme{
    position: relative;
    display:block;
    padding: 16px;
    padding-bottom: 72px;
}
.home .specialisme .item-icon{
    position: relative;
    display:inline-block;
    width:128px;
    height: 128px;
    margin-bottom: 16px;
    z-index: 3;
}
.home .specialisme h2,
.home .specialisme h3,
.home .specialisme h4,
.home .specialisme h5,
.home .specialisme h6{
    color: #99cc55;
}
.home .specialisme .pagelink{
    position: absolute;
    right: 16px;
    bottom: 16px;
}
.home .checklist h2{
    padding-bottom:25px;
}




/*
 *  list-posts
*/
.layoutblock.post-items{
    padding: 48px 0px;
}
.layoutblock.post-items h6 [class*='icon-']{
    margin-left: -12px;
}
.list-posts{
    padding: 32px 0px;
}
.list-posts .item{
    display: block;
    margin-bottom: 20px;
    padding-left: 48px;
}
.list-posts .item [data-arrow]{
    padding-left: 16px;
    margin-left: -16px;
    cursor: pointer;
    font-size:110%;
}
.list-posts .item [data-arrow]:before{
    margin-left: -32px;
    top:12px;
}
.list-posts .item-icons:before,
.list-posts .item-author:before{
    position: absolute;
    content: '|';
    left:-4px;
}
.list-posts .item-icons,
.list-posts .item-author{
    margin-left:8px;
    padding-left:8px;
    position: relative;
}
.list-posts .item-info{
    padding-top:4px;
    font-weight: 300;
}
.list-posts .item-icon{
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-bottom: -6px;
}






/*
*   block dnk-illustration
*/
.nen-dkn-illustration{
    position: relative;
    padding-top: 1px;
    margin-top: -1px;
}
.nen-gutenberg-page .nen-dkn-illustration{
    /*pointer-events: none;*/
}
.nen-dkn-illustration * {
    height: 100%;
}
[data-block] .nen-dkn-illustration,
.nen-dkn-illustration .nen-inner,
.nen-dkn-illustration .nen-inner * {
    position: relative;
    max-width: none !important;
}
.nen-dkn-illustration .illustration-box{
    position: relative;
    z-index: 2;    
    overflow: hidden;
}
.nen-dkn-illustration .illustration-box .position{
    position: relative;
    bottom: -1px;
    z-index: 2;  
    margin: auto;
    display: block;    
}
.nen-dkn-illustration .illustration-box .position.disable-height {
    position: absolute;
}
.nen-dkn-illustration .illustration-box .position.left {
    left: 5%;
    margin-left: 0px;
}
.nen-dkn-illustration .illustration-box .position.center {
    left: 50%;
    margin: 0px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%); 
    -ms-transform: translateX(-50%); 
    -o-transform: translateX(-50%); 
    transform: translateX(-50%); 
}
.nen-dkn-illustration .illustration-box .position.right {
    right: 5%;
    margin-right: 0px;
}


.nen-dkn-illustration .illustration{
    position: absolute;
    bottom: 0px;
    height: 100%;
    width: 200%;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
}
.nen-dkn-illustration .left .illustration{
    left: 0;
    background-position: bottom left;
}
.nen-dkn-illustration .center .illustration{
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%); 
    -ms-transform: translateX(-50%); 
    -o-transform: translateX(-50%); 
    transform: translateX(-50%); 
}
.nen-dkn-illustration .right .illustration{
    background-position: center right;
    right: 0;
}
.nen-dkn-illustration .illustration[class*='tree-cow-']{ width: 300%; }

.nen-dkn-illustration .illustration.tree-cow-green{
    background-image: url(../images/tree-cow-green.svg); 
}
.nen-dkn-illustration .illustration.tree-cow-white{
    background-image: url(../images/tree-cow-white.svg); 
}
.nen-dkn-illustration .illustration.tree-cow-blue{
    background-image: url(../images/tree-cow-blue.svg); 
}
.nen-dkn-illustration .illustration.tree-cow-brown{
    background-image: url(../images/tree-cow-brown.svg); 
}

.nen-dkn-illustration .illustration[class*='tractor-']{ width: 250%; }

.nen-dkn-illustration .illustration.tractor-green{
    background-image: url(../images/tractor-green.svg); 
}
.nen-dkn-illustration .illustration.tractor-white{
    background-image: url(../images/tractor-white.svg); 
}
.nen-dkn-illustration .illustration.tractor-blue{
    background-image: url(../images/tractor-blue.svg); 
}
.nen-dkn-illustration .illustration.tractor-brown{
    background-image: url(../images/tractor-brown.svg); 
}

.nen-dkn-illustration .illustration[class*='farm-']{ width: 300%; }

.nen-dkn-illustration .illustration.farm-green{
    background-image: url(../images/farm-green.svg); 
}
.nen-dkn-illustration .illustration.farm-white{
    background-image: url(../images/farm-white.svg); 
}
.nen-dkn-illustration .illustration.farm-blue{
    background-image: url(../images/farm-blue.svg); 
}
.nen-dkn-illustration .illustration.farm-brown{
    background-image: url(../images/farm-brown.svg); 
}




/*  - - - - - - - - - - - - - - - - - - - - - - -  other theme  - - - - - - - - - - - - - - - - - -  - - -   */






/*
*   Widget Highlight Partner
*/
.widget_nen-highlight-person{
    margin-top:24px;
}
.highlight-person .title-tab{
    height: 12px;
}
.highlight-person .pagelink{
    padding-right: 24px;
    margin-bottom: 0px;
}
.highlight-person{
    background: #99cc55;
    color: #fff;
    font-weight: 300;
    padding: 0px;
    padding-bottom: 16px;
}
.highlight-person .person-kop{
    font-weight: 300;
    font-style: italic;
    padding: 0px 16px;
    padding-top:9px;
    padding-bottom:8px;
    line-height: 20px;
    line-height: 2.0rem;
    font-size: 120%;
    color: #333;
}
.highlight-person .person-quote{
    padding: 0px 16px;
    font-size: 18px;
    font-size: 1.8rem;
    font-size: 90%;
    font-weight: 200;
    line-height: 24px;
    line-height: 1.2;
    letter-spacing: 1px;
}
.highlight-person .person-text{
    color: #333;
}
.highlight-person .person-img{
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-color: #fff;
    position: relative;
    height: 250px;
    width: auto;
    margin:0px -16px;
}