/*
Theme Name: NGS - Child
Description: Child theme for Netwerk Groene Stadshubs
Author: As you were
Author URI: https://asyouwere.nl
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/


@media (-webkit-device-pixel-ratio: 1.25) {
.row-menu, .page-body:not(.header-home) {
    zoom: 0.85;
  }
}

/* Page background */
@media (min-width:960px){
.post-content {
    background-image: url(img/ngs-page-background.png);
    background-size: 65vw;
    background-repeat: no-repeat;
    background-position-x: -100px;
    background-position-y: 110%;
    }
}

/* Fonts */
@font-face {
    font-family: 'Aventa';
    src: url('fonts/Aventa/Aventa-SemiBold.ttf') format('truetype');
    font-style: normal;
    font-weight: 600;
}
@font-face {
    font-family: 'Aventa';
    src: url('fonts/Aventa/Aventa-SemiBoldItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: 600;
}
@font-face {
    font-family: 'Aventa';
    src: url('fonts/Aventa/Aventa-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: 700;
}

/* Font styles */
h1, h2, h3, h4, h5, h6 {
    line-height: 1.1em!important;
} 
 p, p a, a {
    line-height: 1.3em!important;
} 
.text-lead p {
    font-family: 'Aventa';
    font-weight: 700;
}
::-moz-selection {
    background-color: #59D48A;
    color: #fff;
}
::selection {
    background-color: #59D48A;
    color: #fff;
}
@media (max-width: 959px){
.fontsize-173057 {
    font-size: 40px;
    }
}
/* Desktop menu */
@media (min-width: 960px) {
.logo-container {
    padding-top:10px ;
    padding-bottom: 10px;
    }
.hmenu .menu-primary .menu-smart > li > a, .hmenu-center .menu-primary .menu-smart > li > a {
    font-family: 'Aventa',sans-serif;
    font-size: 18px!important;
    font-weight: 600!important;
    color:#4B4B4B;
    }
.menu-light .menu-smart > li.active > a, .menu-light .menu-smart > li a.active, .menu-light .menu-smart > li.current-menu-ancestor > a, .menu-light .menu-smart > li.current-menu-item:not(.menu-item-type-custom) > a {
    color: #59D48A;
    }
body[class*=hmenu] div:not(.menu-accordion) > ul.menu-smart > li.menu-item-button, .main-wrapper ul.menu-smart.menu-horizontal > li.menu-item-button, .navbar-cta ul.menu-smart > li.menu-item-button {
    display: none;
    }
}

/* Mobile menu */
@media (max-width: 959px) {
.menu-container .logo-container {
    position: relative;
    padding: 10px 18px 10px 18px !important;
    }

body:not(.menu-force-opacity):not(.menu-scroll-transparency:not(.navbar-hover)) .menu-primary.is_stuck:not(.menu-mobile-transparent) .menu-container {
    box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0);
    }
.lines-button .lines, .lines-button .lines:before, .lines-button .lines:after, .lines-button .lines > span { 
    background-color: #0F8561!important;
    }
.open-overlay-menu .menu-container {
    background: linear-gradient(20deg, #CAEEFE, #C8ECCF,  #FEEBC8);
    }
.open-overlay-menu .lines-button .lines, .open-overlay-menu .lines-button .lines:before, .open-overlay-menu .lines-button .lines:after, .open-overlay-menu .lines-button .lines > span { 
    background-color: #0F8561;
    }
.menu-primary .menu-smart > li > a {
    margin: 15px 30px 15px 30px;
    padding: 0px!important;
    }
body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner ul.menu-smart.menu-primary-inner > li > a {
    font-size: 20px!important;
    color: #0F8561;
    font-weight: 700!important;
    }
.menu-light .menu-smart > li.current-menu-item:not(.menu-item-type-custom) > a {
    color: #0F8561!important;
    height: 30px;
    width: fit-content;
    margin: auto;
    }
.hmenu .menu-primary .menu-smart > li > a:after, .hmenu-center .menu-primary .menu-smart > li > a:after {
    content: "";
    display: block;
    }
.hmenu .menu-primary .menu-smart > li.current-menu-item > a:after, .hmenu .menu-primary .menu-smart  > li.menu-item.current-menu-ancestor.current-menu-parent.current_page_parent.current_page_ancestor.menu-item-has-children.dropdown.menu-item-link > a:after {
    border-bottom: 2px solid #0F8561!important;
    position: absolute;
    width: 100%;
    left: 0;
    }
.hmenu .menu-primary .menu-smart > li > a .fa.fa-angle-down.fa-dropdown:before {
    display: none;
    }
.menu-item-button a .menu-btn-container.btn {
    margin-top: 20px!important;
    border: 0px;
    background-color: transparent!important;
    background-image: url(img/ngs-call-icon.svg);
    background-position-x: 50%;
    background-position-y: 100%;
    background-repeat: no-repeat;
    background-size: 50px!important;
    padding: 10px 0px 70px 0px!important;
    font-size: 20px!important;
    color: #0F8561;
    font-weight: 700!important;
    letter-spacing: 0!important;
    transition: 0.5s;
    text-transform: none;
    text-align: center;
    }
}

/* Buttons */
@media (min-width: 960px) {

.custom-link.btn.btn-round-right {
    border: 0px;
    background-color: transparent!important;
    background-image: url(img/arrow-round-right.svg);
    background-position-x: 98%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-size: 65px!important;
    padding: 10px 115px 10px 0px!important;
    font-family: "halyard-display", sans-serif;
    font-weight: 400!important;
    font-size: 18px!important;
    color:#4B4B4B!important;
    letter-spacing: 0!important;
    transition: 0.5s;
    text-transform: none!important;
    }
.btn-default.custom-link.btn.btn-round-right:hover {
    background-position-x: 100%!important;
    }
}
@media (max-width: 959px) {
.btn-row .row div[class*=col-lg-].align_right > .uncol > .uncoltable > .uncell > .uncont, .btn-row  .row div[class*=col-lg-] .row-inner .align_right > .uncol > .uncoltable > .uncell > .uncont {
    text-align: left;
    }
.custom-link.btn.btn-round-right {
    border: 0px;
    background-color: transparent!important;
    background-image: url(img/arrow-round-right.svg);
    background-position-x: 98%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-size: 65px!important;
    padding: 10px 115px 10px 0px!important;
    font-family: "halyard-display", sans-serif;
    font-weight: 400!important;
    font-size: 18px!important;
    color:#4B4B4B!important;
    letter-spacing: 0!important;
    transition: 0.5s;
    text-transform: none;
    }
.btn-default.custom-link.btn.btn-round-right:hover {
    background-position-x: 100%!important;
    }
}
@media (max-width: 569px){
.btn:not(input):not(.checkout-button):not(.btn-no-scale), .btn-link:not(input):not(.checkout-button):not(.btn-no-scale) {
    transform: scale(1);
    transform-origin: left;
    }
}


/* Custom styles */
.margin-top-10 {
    margin-top: 10px!important;
}
.img-shape .single-wrapper { 
    transform: rotate(-45deg);
    max-width: 75%!important;
}
.img-shape .t-entry-visual{
    border-top-left-radius: 100%;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0%;
    border-bottom-right-radius: 20px;
}
.img-shape .t-entry-visual img {
    transform: rotate(45deg);
    width: 150%;
}
.unradius-std, .img-round-std.img-round, .img-round-std.tmb-round, .img-round-std.img-round > img, .img-round-std.tmb-round > img, .img-round-std.img-round > .t-inside, .img-round-std.tmb-round > .t-inside, .img-round-std.img-round .t-entry-visual-cont > a, .img-round-std.tmb-round .t-entry-visual-cont > a, .uncell.unradius-std, .uncont.unradius-std, .img-round-std.img-round.tmb > .t-inside .t-entry-visual, .img-round-std.img-round.tmb > .t-inside .t-entry-visual-cont {
    border-radius: 20px;
    background-clip: padding-box;
}
.column-background .background-wrapper .background-inner {
    border-radius: 20px;
}
.embed-container { 
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%;
} 
.embed-container iframe, .embed-container object, .embed-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
    border-radius: 20px;
}
.embed-container p:nth-child(2) {
    max-width: 50%;
    z-index: 1;
    position: absolute;
    bottom: 50px;
    left: 50px;
    font-family: 'Aventa', sans-serif!important;
    font-weight: 600!important;
    font-size: 60px;   
    color: #fff;
}
@media (max-width:959px){
.embed-container p:nth-child(2) {
    display: none;
    }
}
.video-caption {
    margin-top: 10px!important;
}
.video-caption p {
    font-size: 12px;
}
.text-image-row  .column-background .background-wrapper .background-inner {
    border-radius: 20px;
}
@media (min-width: 960px) {
.col-lg-4 {
    width: 39%;
    }
.icon-background .icon-media {
    width: 100%!important;
    }
}
@media (max-width: 959px) {
.main-container .row-container .row-parent, .row.limit-width.row-parent.row-header{
    padding-left: 18px;
    padding-right: 18px;
    }
.icon-background .icon-media {
    width: 94%!important;
    }
}


/* Main header */
.header-wrapper:after {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%!important;
    content: "";
    background-image: url(img/background-home.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    z-index: -1;
}
.page-id-242 .header-wrapper:after, .error404 .header-wrapper:after, .page-id-283 .header-wrapper:after{
    display: none;

}
@media (min-width: 960px) {
.main-header .col-lg-4 .uncol.style-light .uncell.single-block-padding {
    background-color: #fff;
    padding: 120px 55px 80px 65px;
    border-radius: 20px;
    }
.main-header .col-lg-4 .uncol.style-light .uncell img {
    width: 70%;
    max-width: 250px;
    margin-right: auto;
    }
.row.limit-width.row-parent.row-header {
    height: calc(100vh - 100px);
    }
.main-header .wpb_row.row-inner {
    min-height: 650px!important;
    }
}
@media (max-width: 959px) {
.main-header {
    padding-top: 18px!important;
    }
.main-header .col-lg-4 .uncol.style-light .uncell.single-block-padding {
    background-color: #fff;
    padding: 80px 50px 80px 50px!important;
    border-radius: 20px;
    }
.main-header .col-lg-4 .uncol.style-light .uncell img {
    width: 70%;
    max-width: 250px;
    margin-right: auto;
    }
.main-header .col-lg-8 {
    height: 125vw;
    }
.main-header .uncode-single-media .single-wrapper {
    max-width: 100%!important;
    }
} 

/* Content Block */
.first-content-row:after {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%!important;
    content: "";
    background-image: url(img/background-home.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    z-index: -1;
}
@media (min-width: 960px) {
.main-content-block .row-internal .wpb_row.row-inner .uncell, .third-content-block .row-internal .wpb_row.row-inner .uncell, .main-content-block .wpb_row.row-inner .uncell, .third-content-block .wpb_row.row-inner  .uncell {
    height: 650px!important;
    }
.main-content-block .col-lg-4 .uncol.style-light .uncell {
    background: linear-gradient(45deg, #C8ECCF, #CAEEFE);
    padding: 120px 75px 80px 60px;
    border-radius: 20px;
    }
.main-content-block .col-lg-4 .uncol.style-light .uncell .fluid-svg .icon-media {
    width: 100%!important;
    max-width: 200px!important;
    margin: auto;
    }
.main-content-block .col-lg-4 .uncol.style-light .uncell img {
    max-height: 150px!important;
    object-fit: contain;
    margin: auto;
    }
.first-content-row .col-lg-4 .uncol.style-light .uncell.single-block-padding {
    background-color: #fff;
    padding: 120px 75px 60px 60px!important;
    border-radius: 20px;
    }
.second-content-block .col-lg-4 {
    width: 39%
    }
.second-content-block .text-column .uncont {
    width: 90%;
    margin-left: 0px!important;
    margin-right: auto!important;
    }
.main-container .second-content-block .row-inner > div:not(.vc_helper).col-lg-8 .uncont {
    background: linear-gradient(0deg, #C8ECCF, #CAEEFE)!important;
    border-radius: 20px;
    }
.second-content-block .t-entry-visual {
    width: 110%;
    left: -5%;
    margin: 20px auto;
    }
.third-content-block .col-lg-4 .uncol.style-light .uncell {
    background: linear-gradient(45deg, #C8ECCF, #CAEEFE);
    border-radius: 20px;
    }
.third-content-block .col-lg-4 .uncol.style-light .uncell .uncode_text_column{
    padding: 0px 75px 80px 60px;
    }
.third-content-block .t-entry-visual {
    width: 110%;
    left: -5%;
    margin: auto;
    }
}
@media (max-width: 959px) {
.main-content-block .row-internal .wpb_row.row-inner .network-map .uncell {
    height: 125vw!important;
    }
.main-content-block {
    padding-top: 18px!important;
    }
.main-content-block .col-lg-4 .uncol.style-light .uncell, .third-content-block  .col-lg-4 .uncol.style-light .uncell{
    background: linear-gradient(45deg, #C8ECCF, #CAEEFE);
    padding: 80px 50px 80px 50px!important;
    border-radius: 20px;
    }
.main-content-block .col-lg-4 .uncol.style-light .uncell .fluid-svg .icon-media {
    width: 100%!important;
    max-width: 200px!important;
    margin: auto;
    }
.main-content-block .col-lg-4 .uncol.style-light .uncell img {
    max-height: 150px!important;
    object-fit: contain;
    margin: auto;
    }
.first-content-row .col-lg-8 {
    height: 125vw;
    }
.first-content-row {
    padding-top: 18px!important;
    }
.first-content-row .col-lg-4 .uncol.style-light .uncell.single-block-padding {
    background-color: #fff;
    padding: 65px 20px 65px 20px!important;
    border-radius: 20px;
    }
.second-content-block .text-column .uncont {
    width: 90%;
    margin-left: 0px!important;
    margin-right: auto!important;
    }
.main-container .second-content-block .row-inner > div:not(.vc_helper).col-lg-8 .uncont {
    background: linear-gradient(0deg, #C8ECCF, #CAEEFE)!important;
    border-radius: 20px;
    }
.second-content-block .t-entry-visual {
    width: 110%;
    left: -5%;
    margin: 20px auto;
    }
.main-container .inverted-device-order > .col-half-gutter > .row-inner > div:first-child:not([class*=col-sm]) {
    padding-top: 36px!important;
    }
}

/* Customers overview */
.customer-logo  {
    border: 1px solid #707070;
    border-radius: 20px;
}
.customer-logo img {
    border-radius: 20px;
}

@media (min-width: 960px) {
.customers-overview {
    margin-top: 18px!important;
    }
}
@media (max-width: 959px) {
.customers-overview {
    margin-top: 18px!important;
    }
.customers-overview .col-lg-4 {
    height: 125vw;
    }
.customers-overview .col-lg-6, .customers-overview .col-lg-3 {
    margin-top: 0px!important;
    display: inline-block!important;
    width: 50%;
    padding:0px!important
    }
.customers-overview .col-lg-6:first-child, .customers-overview .col-lg-3:first-child, .customers-overview .col-lg-3:nth-child(3) {
    padding-right: 9px!important;
    }
.customers-overview .col-lg-6:nth-child(2), .customers-overview .col-lg-3:nth-child(2), .customers-overview .col-lg-3:nth-child(4) {
    padding-left: 9px!important;
    }
 .customers-overview .col-lg-3:nth-child(3), .customers-overview .col-lg-3:nth-child(4) {
    margin-top: 18px!important;
    }
}


/* Postbox */
@media (min-width: 960px) {
.post-box .t-entry-visual {
    background-color: #D2EFE0;
    padding: 20px 25px!important;
    }
.post-box .t-entry-visual .dummy {
    padding-top: 75%!important; 
    }
.post-box .t-entry-visual img {
    width: 75%;
    height: 75%;
    object-fit: contain;
    margin:auto;
    top: 50%;
    transform: translate(0px, -50%);
    }
.post-box .img-round-std.img-round.tmb > .t-inside .t-entry-visual, .post-box .img-round-std.img-round .t-entry-visual-cont > a, .post-box .img-round-std.img-round.tmb > .t-inside .t-entry-visual-cont {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
    }
.post-box .tmb .t-entry-text .t-entry-text-tc.single-block-padding {
    background-color: #D2EFE0;
    padding: 0px 25px 25px 25px!important;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    }
.post-box .t-entry-meta.t-entry-type {
    font-family: 'Aventa', sans-serif!important;
    font-weight: 600!important;
    font-size: 12px;
    line-height: 1em;
    color: #FDC622!important;
    }
.post-box .t-entry-title.h6 {
    height: 45px;
    overflow: hidden;
    }
.post-box .t-entry-title.h6 a{
    font-family: 'Aventa', sans-serif!important;
    font-weight: 400!important;
    font-size: 22px;
    color: #0F8561!important;
    line-height: 1.2em;
    }
.post-box .t-entry-excerpt {
    margin-top: 0px!important;
    height: 47px;
    overflow: hidden;
    }
.post-box .t-entry-excerpt p {
    font-family: "halyard-display", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.3em!important;
    color: #4B4B4B;
    }
.post-box .t-entry-readmore.btn-container {
    margin-top: 20px!important;
    text-align: left;
    }
.post-box .t-entry-readmore.btn-container a.btn {
    border: 0px!important;
    width: 100%!important;
    background-image: url(img/arrow-round-right.svg);
    background-position-x: 100%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-size: 65px!important;
    padding: 10px 0px!important;
    background-color: transparent!important;
    font-family: "halyard-display", sans-serif;
    font-weight: 400!important;
    font-size: 18px;
    line-height: 1.3em!important;
    color: #4B4B4B!important;
    letter-spacing: 0!important;
    transition: 0.5s;
    text-transform: none;
    text-align: left;
    }
}
@media (max-width:959px){
.post-box .owl-item.active.index-active {
    width: 82vw!important;
    margin-right: 10px!important;
    }
.post-box .owl-item :not(.active) {
    width: 82vw;
    }
.post-box .t-entry-visual {
    background-color: #D2EFE0;
    padding: 20px 25px!important;
    width: auto!important
    }
.post-box .t-entry-visual a, .post-box .t-entry-visual .t-entry-visual-tc, .post-box .t-entry-visual-cont, .post-box .t-entry {
    width: 100%!important;
    }
.post-box .t-entry-visual .dummy {
    padding-top: 75%!important; 
    width: auto!important;
    }
.post-box .t-entry-visual img {
    width: 75%!important;
    height: 75%;
    object-fit: contain;
    margin:auto;
    top: 50%;
    transform: translate(0px, -50%);
    }
.post-box .img-round-std.img-round.tmb > .t-inside .t-entry-visual, .post-box .img-round-std.img-round .t-entry-visual-cont > a, .post-box .img-round-std.img-round.tmb > .t-inside .t-entry-visual-cont {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
    width: auto!important;
    }
.post-box .tmb .t-entry-text .t-entry-text-tc.single-block-padding {
    background-color: #D2EFE0;
    padding: 0px 25px 25px 25px!important;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    width: auto!important;
    margin-top: -1px;
    }
.post-box .t-entry-meta.t-entry-type {
    font-family: 'Aventa', sans-serif!important;
    font-weight: 600!important;
    font-size: 12px;
    line-height: 1em;
    color: #FDC622!important;
    width: auto!important;
    }
.post-box .t-entry-title.h6 {
    height: 45px;
    overflow: hidden;
    width: auto!important;
    }
.post-box .t-entry-title.h6 a{
    font-family: 'Aventa', sans-serif!important;
    font-weight: 600!important;
    font-size: 22px;
    color: #0F8561!important;
    line-height: 1.2em;
    width: auto!important;
    }
.post-box .t-entry-excerpt {
    margin-top: 0px!important;
    height: 47px;
    overflow: hidden;
    width: 100%!important;
    }
.post-box .t-entry-excerpt p {
    font-family: "halyard-display", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.3em!important;
    color: #4B4B4B;
    width: auto!important;
    }
.post-box .t-entry-readmore.btn-container {
    margin-top: 20px!important;
    text-align: left;
    width: auto!important;
    }
.post-box .t-entry-readmore.btn-container a.btn {
    border: 0px!important;
    width: 100%!important;
    background-image: url(img/arrow-round-right.svg);
    background-position-x: 100%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-size: 65px!important;
    padding: 10px 0px!important;
    background-color: transparent!important;
    font-family: "halyard-display", sans-serif;
    font-weight: 400!important;
    font-size: 18px;
    line-height: 1.3em!important;
    color: #4B4B4B!important;
    letter-spacing: 0!important;
    transition: 0.5s;
    text-transform: none;
    text-align: left;
    }
}

/* Postbox portrait */
@media (min-width: 960px) {
.post-box-portrait, .post-box-portrait .isotope-container, .post-box-portrait .isotope-wrapper.grid-wrapper.half-gutter, .post-box-portrait .tmb, .post-box-portrait .t-entry-visual {
    height: 100%;
    }
.post-box-portrait .t-inside {
    margin-top: 0px!important;
    background: linear-gradient(45deg, #C8ECCF, #CAEEFE)!important;
    border-radius: 20px;
    height: 100%;
    }
.post-box-portrait .t-inside .dummy {
    padding-top: 133%!important;
    }
.post-box-portrait .t-inside img {
    width: 40%;
    margin-left: 60px;
    top: 20%;
    }
.post-box-portrait  .t-overlay-text {
    padding: 60px 60px 80px 60px;
    }
.post-box-portrait .t-entry-title.h6 {
    font-family: 'Aventa', sans-serif!important;
    font-weight: 400!important;
    font-size: 40px;
    color: #0F8561!important;
    line-height: 1.2em;
    margin-top: 20px!important;
    }
.post-box-portrait .t-entry-excerpt {
    margin-top: 20px!important;
    }
.post-box-portrait .t-entry-excerpt p {
    font-family: "halyard-display", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.3em!important;
    color: #4B4B4B!important;
    }
.post-box-portrait .t-entry-readmore.btn-container {
    margin-top: 36px!important;
    }
.post-box-portrait .t-entry-readmore.btn-container span {
    border: 0px;
    background-color: transparent !important;
    background-image: url(img/arrow-round-right.svg);
    background-position-x: 98%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-size: 65px !important;
    padding: 10px 115px 10px 0px !important;
    font-family: "halyard-display", sans-serif;
    font-weight: 400 !important;
    font-size: 18px !important;
    color: #4B4B4B !important;
    letter-spacing: 0 !important;
    transition: 0.5s;
    text-transform: none;
    }
}
@media (max-width: 959px) {
.post-box-portrait, .post-box-portrait .isotope-container, .post-box-portrait .isotope-wrapper.grid-wrapper.half-gutter, .post-box-portrait .tmb, .post-box-portrait .t-entry-visual {
    height: 110vw;
    }
.post-box-portrait .t-inside {
    margin-top: 0px!important;
    background: linear-gradient(45deg, #C8ECCF, #CAEEFE)!important;
    border-radius: 20px;
    height: 100%;
    }
.post-box-portrait .t-inside img {
    width: 35%;
    margin-left: 20px;
    top: 20%;
    }
.post-box-portrait  .t-overlay-text {
    padding: 60px 20px 40px 20px!important;
    }
.post-box-portrait .t-entry-title {
    margin-top: 20px!important;
    }
.post-box-portrait .t-entry-title.h6 {
    font-family: 'Aventa', sans-serif!important;
    font-weight: 400!important;
    font-size: 30px;
    color: #0F8561!important;
    line-height: 30px;
    margin-top: 10px!important;
    }
.post-box-portrait .t-entry-excerpt {
    margin-top: 10px!important;
    }
.post-box-portrait .t-entry-excerpt p {
    font-family: "halyard-display", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.3em!important;
    color: #4B4B4B!important;
    }
.post-box-portrait .t-entry-readmore.btn-container {
    margin-top: 20px!important;
    }
.post-box-portrait .t-entry-readmore.btn-container span {
    border: 0px;
    background-color: transparent !important;
    background-image: url(img/arrow-round-right.svg);
    background-position-x: 98%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-size: 45px !important;
    padding: 10px 80px 10px 0px !important;
    font-family: "halyard-display", sans-serif;
    font-weight: 400 !important;
    font-size: 16px !important;
    color: #4B4B4B !important;
    letter-spacing: 0 !important;
    transition: 0.5s;
    text-transform: none;
    }
}

/* Diensten after */
@media (min-width:960px){
.diensten-after .t-inside { 
    padding: 30px 50px;
    background-color: #D2EFE0!important;
    border-radius: 20px;
    }
.diensten-after .t-entry-visual .dummy {
    padding-top: 80%!important; 
    }
.diensten-after .t-entry-visual img {
    height: 100%;
    object-fit: contain;
    margin:auto;
    }
.diensten-after .t-entry-visual {

    }
.diensten-after .t-entry-title.h6 a{
    font-family: 'Aventa', sans-serif!important;
    font-weight: 600!important;
    font-size: 30px;
    color: #0F8561!important;
    line-height: 1em;
    width: auto!important;
    }
.diensten-after .t-entry-excerpt {
    margin-top: 10px!important;
    width: 80%;
    height: 52px!important;
    overflow: hidden;
    }
.diensten-after .t-entry-readmore.btn-container {
    margin-top: 10px!important;
    }
.diensten-after .t-entry-readmore.btn-container a.btn {
    border: 0px!important;
    width: 100%!important;
    background-image: url(img/arrow-round-right.svg);
    background-position-x: 100%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-size: 65px!important;
    padding: 10px 0px!important;
    background-color: transparent!important;
    font-family: "halyard-display", sans-serif;
    font-weight: 400!important;
    font-size: 0px;
    line-height: 22px!important;
    color: #4B4B4B!important;
    letter-spacing: 0!important;
    transition: 0.5s;
    text-transform: none;
    }
}
@media (max-width:959px){
.diensten-after .t-inside { 
    padding: 18px 18px;
    background-color: #D2EFE0!important;
    border-radius: 20px;
    }
.diensten-after .tmb-content-lateral-responsive.tmb-content-lateral.tmb > .t-inside .t-entry-visual {
    width: 30%!important;
    }
.diensten-after .t-entry-visual {
    background-color: #D2EFE0;
    display: inline-block!important;
    }
.diensten-after .t-entry-visual .dummy {
    padding-top: 70%!important; 
    }
.diensten-after .t-entry-visual img {
    height: 100%;
    object-fit: contain;
    margin:auto;
    }
.diensten-after .tmb-content-lateral-responsive.tmb-content-lateral.tmb > .t-inside .t-entry-text {
    position: absolute;
    left: 40%;
    width: 60%!important;
    height: auto;
    vertical-align: middle;
    top: 50%;
    transform: translate(0px, -50%);
    }
.tmb-no-bg.tmb-content-lateral-responsive.tmb .t-entry-text .t-entry-text-tc {
    padding: 10px 0px!important;
    }
.diensten-after .t-entry-title.h6 {
    display: inline-block!important;
    width: 70%!important;
    }
.diensten-after .t-entry-title.h6 a {
    font-family: 'Aventa', sans-serif!important;
    font-weight: 600!important;
    font-size: 20px;
    color: #0F8561!important;
    line-height: 20px!important;
    width: auto!important;
    vertical-align: middle;
    }
.diensten-after .t-entry-excerpt {
    display: none;
    }
.diensten-after .t-entry-readmore.btn-container {
    display: inline-block!important;
    width: 30%!important;
    margin-top: 0px!important;
    text-align: right;
    }
.diensten-after .t-entry-readmore.btn-container a.btn {
    border: 0px!important;
    width: 100%!important;
    background-image: url(img/arrow-round-right.svg);
    background-position-x: 100%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-size: 50px!important;
    padding: 10px 0px!important;
    background-color: transparent!important;
    font-family: "halyard-display", sans-serif;
    font-weight: 400!important;
    font-size: 0px;
    line-height: 22px!important;
    color: #4B4B4B!important;
    letter-spacing: 0!important;
    transition: 0.5s;
    text-transform: none;
    }
}
@media(max-width:375px){
.diensten-after .t-entry-title.h6 a {
    font-family: 'Aventa', sans-serif!important;
    font-weight: 600!important;
    font-size: 17px;
    color: #0F8561!important;
    line-height: 17px!important;
    width: auto!important;
    vertical-align: middle;
    }
.diensten-after .t-entry-readmore.btn-container a.btn {
    border: 0px!important;
    width: 100%!important;
    background-image: url(img/arrow-round-right.svg);
    background-position-x: 100%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-size: 40px!important;
    padding: 5px 0px!important;
    background-color: transparent!important;
    font-family: "halyard-display", sans-serif;
    font-weight: 400!important;
    font-size: 0px;
    line-height: 22px!important;
    color: #4B4B4B!important;
    letter-spacing: 0!important;
    transition: 0.5s;
    text-transform: none;
    }
}

/* Verkooppunten */
.wpsl-search { 
    display: none;
}
#wpsl-wrap {
    height: 100%;
    border-radius: 20px;
    overflow: visible;
}
#wpsl-gmap {
    float: right;
    width: 100%;
    margin-bottom: 0;
    border-radius: 20px;
}
.row .network-map .uncont, .row .network-map .uncont .uncode_text_column {
    height: 100%!important;
}
#wpsl-wrap #wpsl-stores, #wpsl-wrap #wpsl-direction-details, #wpsl-wrap #wpsl-gmap {
    height: 100%!important;
}
#wpsl-stores {
    display: none!important;
}
.gm-style-iw.gm-style-iw-c {
    background-color: #59d48a;
}
.gm-style .gm-style-iw-t::after {
    background: linear-gradient(45deg,rgba(89, 212, 138,1) 50%,rgba(89, 212, 138,0) 51%,rgba(89, 212, 138,0) 100%);
    box-shadow: 0px rgba(0,0,0,.3);
    border: 0px;
    content: "";
    height: 18px;
    left: 0;
    position: absolute;
    top: -1px;
    transform: translate(-50%,-50%) rotate(-45deg);
    width: 18px;
}
.gm-style .gm-style-iw-c {
    padding: 12px!important;
}
.gm-style-iw-d {
    overflow: auto!important;
    padding: 10px 10px 20px 10px;
}
#wpsl-wrap .wpsl-info-window p strong, #wpsl-wrap .wpsl-info-window a {
    font-family: 'Aventa', sans-serif!important;
    font-weight: 700!important;
    color: #fff!important;
    font-size: 22px;
    line-height: 1.5em;
}
#wpsl-wrap .wpsl-info-window p, #wpsl-wrap .wpsl-info-actions a, #wpsl-wrap .wpsl-info-window span {
    font-family: "halyard-display", sans-serif!important;
    font-weight: 400;
    color: #fff!important;
    font-size: 15px;
}
div.gm-style-iw-d {
    color: #fff;
    font-size: 18px;
}
#wpsl-wrap .wpsl-info-actions a {
    text-decoration: underline;
}
button.gm-ui-hover-effect img{
    display: none!important;
}
button.gm-ui-hover-effect {
    top: 0px!important;
    right: 0px!important;
    background-image: url(img/close_btn.svg)!important;
    background-repeat: no-repeat!important;
    background-position-x: 50%!important;
    background-position-y: 50%!important;
    z-index: 9999999;
    height: 30px!important;
    width: 30px!important;
    position: absolute!important;
}
.address-details, .route-details {
    margin-top: 10px!important;
}
.address-details p {
    font-family: "halyard-display", sans-serif!important;
    color: #FFF;
    font-size: 15px;
}
.address-details a {
    font-family: "halyard-display", sans-serif!important;
    text-decoration: underline;
    color: #fff;
}
.wpsl-directions{ 
    display:none 
}
.route-details a {
    font-family: "halyard-display", sans-serif!important;
    text-decoration: underline;
    color: #fff;
}



/* Veelgestelde vragen */
@media (min-width: 960px){
.veelgestelde-vragen {
    width: 75%;
    margin: auto;
    }
}
.veelgestelde-vragen .panel-title a {
    font-family: 'Aventa', sans-serif!important;
    text-decoration: none!important;
    padding-right: 50px;
    font-size: 20px!important;
}
.panel-group .panel-heading + .panel-collapse:before {
    display: none!important;
}
.panel.panel-default.wpb_accordion_section.group {
    border-color: #59D48A!important;
}
.veelgestelde-vragen.uncode-accordion:not(.default-typography) .panel-title > a > span {
    font-family: 'Aventa', sans-serif!important;
    font-size: 18px!important;
    font-weight: 700!important;
    text-transform: none;
    letter-spacing: 0;
}
.veelgestelde-vragen .panel-body {
    border-color: #59D48A!important;
    padding-top: 10px!important;
    padding-bottom: 36px!important;
}
.veelgestelde-vragen .panel-title > a > span:after {
    content: "";
    background-image: url(img/ngs-plus-icon.svg);
    width: 30px;
    height: 30px;
    background-size: 20px;
    background-repeat: no-repeat;
    transition: transform 0ms ease-out;
    transform: translateY(-50%) translateX(-0%) rotate(0deg);
    background-position: center;
}
.veelgestelde-vragen .panel-title.active > a span:after {
    background-image: url(img/ngs-min-icon.svg);
}
.veelgestelde-vragen .wpb_accordion_content p a {
    color: #94BB3D !important;
}
.veelgestelde-vragen .wpb_accordion_content p a:hover {
    text-decoration: underline;
}


/* Ninja forms */
.nf-form-content, .nf-cell {
    padding: 0px!important;
}
.nf-form-cont {
    margin-top: 20px;
}
.nf-before-form-content, .nf-before-field, .nf-field-label, .nf-form-title, .nf-fu-progress {
    display: none!important;
}
.nf-form-content textarea.ninja-forms-field,  .nf-form-cont .nf-form-content input {
    padding: 0px;
    border-radius: 0px!important;
    background-color: transparent!important;
    border: 0px!important;
    border-bottom: 1px solid #59D48A!important;
}
.nf-form-content input.ninja-forms-field {
    height: 25px!important;
}
.nf-form-content textarea.ninja-forms-field {
    height: 75px!important;
}
input[type="submit"]:not(.btn-custom-typo):not(.btn-inherit){
    margin-top: 0px;
    border: 0px!important;
    background-color: transparent!important;
    background-image: url(img/arrow-round-right.svg)!important;
    background-position-x: 97%!important;
    background-position-y: 50%!important;
    background-repeat: no-repeat!important;
    background-size: 65px!important;
    padding: 10px 115px 10px 0px!important;
    font-family: "halyard-display", sans-serif;
    font-weight: 400!important;
    color: #4b4b4b!important;
    font-size: 18px;
    letter-spacing: 0!important;
    transition: 0.5s;
    text-transform: none!important;
    width: auto!important;
    height: auto!important;
}
@media (min-width:960px){
.cta-contact .uncont { 
    width:70%;
    margin: auto;
    }
input[type="submit"]:not(.btn-custom-typo):not(.btn-inherit){
    float: right!important;
    }
}
input[type="submit"]:not(.btn-custom-typo):not(.btn-inherit):hover {
    background-position-x: 100%!important;
}
.nf-form-content  input[type="button"]:not(.btn-custom-typo):not(.btn-inherit){
    font-weight: 400!important;
}
.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
    color: #0F8561!important;
}
.nf-response-msg {
    color: #0F8561;
    font-size: 12px;
}
.nf-error.field-wrap .nf-field-element:after {
    background: transparent!important;
    color: #E5302A!important;
    font-family: FontAwesome;
    font-size: 16px!important;
    content: "\f12a";
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    height: 25px!important;
    width: 50px;
    line-height: 25px!important;
    text-align: center;
    transition: all .5s;
}
.nf-pass.field-wrap .nf-field-element:after {
    color: green;
    font-family: FontAwesome;
    font-size: 16px!important;
    content: "\f058";
    position: absolute;
    top: 0;
    right: 19px!important;
    height: 25px!important;
    line-height: 25px!important;
    transition: all .5s;
}
.nf-error .nf-error-msg {
    color: #E5302A;
    font-size: 12px;
}
.form-control:-moz-placeholder { /* Firefox 18- */
   color: #0F8561;
    vertical-align: bottom!important; 
}
.form-control::-moz-placeholder {  /* Firefox 19+ */
   color: #0F8561;  
}
.form-control:-ms-input-placeholder {  
   color: #0F8561;  
}
.nf-field-container .field-wrap .nf-element::placeholder {
   color: #0F8561;  
}
.form-control:focus {
    border-color: transparent;
    outline: 0;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(0,0,0,.6);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(0,0,0,.6);
    border: 1px solid #0F8561;
}

/* Footer */
.footer:after {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%!important;
    content: "";
    background-image: url(img/background-home.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    z-index: -1;
}
.footer p, .footer p a {
    color: #4b4b4b;
}
.footer .icon-box {
    margin-top: 20px!important;
}
.footer .icon-media {
    width: 50px!important;
}
@media (max-width: 959px){
.footer .btn-container {
    margin-top: 20px!important;
}
.footer .btn-round-right {
    margin-top: ;
    height: 55px;
    background-position-x: 50%!important;
    }
.footer .btn-default.custom-link.btn.btn-round-right:hover {
    background-position-x: 55%!important;
    }
}


/* Privacy Beleid */
.cky-audit-table-element h3 { 
    color: #0F8561;
}
table.cky-cookie-audit-table thead tr th {
    background: transparent!important;
    color: #0F8561;
}
table.cky-cookie-audit-table tbody, table.cky-cookie-audit-table tr {
    padding: 0px!important;
    width: auto!important;
}
table.cky-cookie-audit-table td, table.cky-cookie-audit-table th {
    border: 1px solid #0F8561!important;
    padding: 10px!important;
    vertical-align: top;
    width: 33.3%!important;
}
table.cky-cookie-audit-table td, table.cky-cookie-audit-table td p {
    margin-top: 0px!important;
    background: transparent!important;
    color: #4b4b4b!important;
    font-weight: 400!important;
    display: revert!important;
    line-height: 1.4em;
    font-size: 14px!important;
}
.cky-cookie-audit-table { 
    margin-top:10px auto!important;
    width: 100%!important;
}
.cky-audit-table-element h3 {
    font-size: 18px;
}
a.cky-banner-element {
    border: 0px;
    background-color: transparent!important;
    background-image: url(img/arrow-round-right.svg);
    background-position-x: 97%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-size: 65px!important;
    padding: 10px 125px 10px 0px!important;
    color: #4b4b4b!important;
    font-family: "halyard-display", sans-serif;
    font-weight: 400!important;
    font-size: 18px;
    letter-spacing: 0!important;
    transition: 0.5s;
    text-transform: none;
    float: right;
}
a.cky-banner-element:hover {
    background-position-x: 100%;
}

/* Cookie bar */
.cky-consent-container .cky-consent-bar {
    background-color: #fff;
    border: 0px!important;
}
.cky-title {
    color: #0F8561!important;
    width: fit-content;
}
.cky-notice-des p, .cky-notice-des p a {
    color: #4b4b4b!important;
}
.cky-btn-revisit-wrapper {
    display: none!important;
}

@media (min-width: 769px){
.cky-notice {
    max-width: 900px;
    margin: auto;
    }
.cky-notice-group { 
    display: block!important;
    align-items: right!important;
    }
.cky-notice-btn-wrapper {
    display: block;
    justify-content: right!important;
    align-items: right!important;
    margin-left: 0px;
    margin-top: 15px;
    }
.cky-btn.cky-btn-accept {
    background-color: #0F8561!important;
    border: 0px;
    border-radius: 20px;
    padding: 8px 20px!important;
    color: #fff!important;
    font-size: 14px!important;
    line-height: 1em!important;
    transition: 0.3s;
    }
.cky-btn.cky-btn-customize {
    background-color: transparent!important;
    border: 1px solid #0F8561!important;
    border-radius: 20px;
    padding: 8px 20px!important;
    color: #0F8561!important;
    font-size: 14px!important;
    line-height: 1em!important;
    transition: 0.3s;
    }
   .cky-btn.cky-btn-preferences, .cky-btn.cky-btn-reject {
    background-color: transparent!important;
    border: 1px solid #0F8561!important;
    border-radius: 20px;
    padding: 8px 20px!important;
    color: #0F8561!important;
    font-size: 14px!important;
    line-height: 1em!important;
    transition: 0.3s;
    }
}
@media (max-width: 768px){
.cky-box-bottom-right {
    bottom: 0px!important;
    right: 0px!important;
    }
.cky-consent-container {
    width: 100%!important;
    }
.cky-custom-brand-logo-wrapper, .cky-notice .cky-title, .cky-notice-des, .cky-notice-btn-wrapper {
    padding: 0px 16px!important;
    }
.cky-notice-btn-wrapper {
    display: block!important;
    margin-top: 15px;
    }
.cky-btn.cky-btn-accept {
    margin-top: 10px!important;
    background-color: #0F8561!important;
    border: 0px;
    border-radius: 20px;
    padding: 8px 20px!important;
    color: #fff!important;
    font-size: 14px!important;
    line-height: 1em!important;
    transition: 0.3s;
    width: 100%!important;
    }
.cky-btn.cky-btn-customize {
    margin-top: 10px!important;
    background-color: transparent!important;
    border: 1px solid #0F8561!important;
    border-radius: 20px;
    padding: 8px 20px!important;
    color: #0F8561!important;
    font-size: 14px!important;
    line-height: 1em!important;
    transition: 0.3s;
    width: 100%!important;
    }
.cky-btn.cky-btn-preferences, .cky-btn.cky-btn-reject {
    margin-top: 10px!important;
    background-color: transparent!important;
    border: 1px solid #0F8561!important;
    border-radius: 20px;
    padding: 8px 20px!important;
    color: #0F8561!important;
    font-size: 14px!important;
    line-height: 1em!important;
    transition: 0.3s;
    width: 100%!important;
    }
}
@media (max-width: 440px){
.cky-custom-brand-logo-wrapper, .cky-notice .cky-title, .cky-notice-des, .cky-notice-btn-wrapper {
    padding: 0 18px;
    }
}
.cli_action_button:hover {
     background-color: #59d48a!important;
     color: #fff!important;
}
.cli_settings_button:hover  {
     background-color: #59d48a!important;
     color: #fff!important;
}

/* Hustle */
@media (min-width:960px){
.direct-contact a {
    position: fixed;
    right: 50px;
    bottom: 50px;
    background-color: #0F8561!important;
    border: 0px;
    border-radius: 50px;
    padding: 20px 30px 24px 30px!important;
    color: #59D48A!important;
    font-size: 18px!important;
    line-height: 18px!important;
    transition: 0.3s;
    box-shadow: 0px 0px 12px -7px rgb(0, 0, 0,1);
    z-index: 999999;
    }
.hustle-ui.hustle-popup .hustle-popup-content {
    width: 100%;
    position: fixed!important;
    margin: unset;
    right: 70px;
    left: auto;
    bottom: 70px;
    top: auto;
    }
.hustle-main-wrapper {
    border-radius:20px;
    box-shadow: 0px 0px 12px -7px rgb(0, 0, 0,1);
    background: linear-gradient(20deg, #CAEEFE, #C8ECCF,  #FEEBC8);
    padding: 36px!important;
    }
}
@media (max-width:959px){
.direct-contact a {
    position: fixed;
    right: 18px;
    bottom: 18px;
    background-color: #0F8561!important;
    border: 0px;
    border-radius: 50px;
    padding: 14px 24px 18px 24px!important;
    color: #59D48A!important;
    font-size: 18px!important;
    line-height: 18px!important;
    transition: 0.3s;
    box-shadow: 0px 0px 12px -7px rgb(0, 0, 0,1);
    z-index: 999999;
    }
.hustle-ui.hustle-popup .hustle-popup-content {
    width: 100%;
    position: fixed!important;
    margin: unset;
    right: 30px;
    left: 0px;
    bottom: 30px;
    top: auto;
    }
.hustle-main-wrapper {
    border-radius:20px;
    box-shadow: 0px 0px 12px -7px rgb(0, 0, 0,1);
    background: linear-gradient(20deg, #CAEEFE, #C8ECCF,  #FEEBC8);
    padding: 36px 18px!important;
    }
}
.direct-contact a:hover {
    background-color: #fff!important;
}
.hustle-ui .hustle-info {
    display: block;
    max-width: 500px;
    margin-left: auto;
    margin-right: 10px!important;
}
.hustle-layout-header {
    border: 0px!important;
    padding: 0px!important;
}
.hustle-content, .hustle-ui.module_id_2 .hustle-layout .hustle-content .hustle-content-wrap {
    padding: 0px!important;
}
.hustle-layout-header, .hustle-content-wrap {
    text-align: left;
}
.hustle-ui .hustle-layout .hustle-title {
    font-family: 'Aventa', sans-serif!important;
    font-size: 20px!important;
    font-weight: 700!important;
    text-transform: none!important;
    text-decoration: none!important;
    color: #0F8561;
}
.hustle-ui .hustle-layout .hustle-group-content p {
    margin-top: 20px!important;
    font-family: "halyard-display", sans-serif;
    font-weight: 400!important;
    font-size: 18px;
    color: #0F8561;
}
.hustle-ui .hustle-layout .hustle-group-content p a.telefoonnummer {
    background-color: transparent!important;
    background-image: url(img/ngs-call-icon.svg);
    background-position-x: 0%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-size: 30px!important;
    padding: 5px 0px 5px 35px!important;
    line-height: 40px!important;
    margin-top: 10px!important;
    font-family: "halyard-display", sans-serif;
    font-weight: 400!important;
    font-size: 16px;
    color: #4b4b4b;
}
.hustle-ui .hustle-layout .hustle-group-content p a.email {
    background-color: transparent!important;
    background-image: url(img/ngs-mail-icon.svg);
    background-position-x: 0%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-size: 30px!important;
    padding: 5px 0px 5px 35px!important;
    line-height: 40px!important;
    margin-top: 10px!important;
    font-family: "halyard-display", sans-serif;
    font-weight: 400!important;
    font-size: 16px;
    color: #4b4b4b;
}
.hustle-ui.module_id_2 button.hustle-button-close {
        color: #0F8561!important;
        right: 10px!important;
        top: 10px!important;
}