/*** FILE : MX PAGE ***/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
html {scroll-behavior: smooth;}
#ds-overlay {display: none !important;}
.dataTables_wrapper th {color: #000;}

body { font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; font-size: 14px;}


.dashboard .tool-tabs.default { background-color: #808080!Important; }


.meer-items-button {
    font-size: 20px;
    font-weight: bold;
    margin: auto;
    width: fit-content;
    text-align: center;
    background-color: #50B266;
    box-sizing: border-box;
    padding: 5px 25px;
    border-radius: 5px;
    color: white;
}
.home-tekst-rechts {color: #fff; font-size: 1.3em;}
.article-details > .col-large > .content img {width: 100%; max-height: 250px; object-fit: contain; object-position: left; margin-bottom: 40px; transition: .2s ease all;}
.article-details > .col-large > .content img:hover {transition: .2s ease all; max-height: 500px;}


.meer-items-button a {color: #fff; text-decoration: none;}
.article-details > .col-large > .image {max-height: 300px; object-fit: cover;}
.articles-widget.grid-mode > .articles-container {grid-template-columns: 30% 30% 30%;}

/* HOMEPAGE */

.hero  { height: 80vh; width: 100%; background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('https://v3.marketingxpress.net/io/download/image/CAgeEs6ia__nAhB-kSg0rapk---zoyBQ0?v=20200511104337');  background-position: center; background-repeat: no-repeat; background-size: cover;}
.hero2 { height: 20vh; width: 100%; background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('https://v3.marketingxpress.net/io/download/image/CAgeEs6ia__nAhB-kSg0rapk---zoyBQ0?v=20200511104337');  background-position: center; background-repeat: no-repeat; background-size: cover;}
#row_widget_1873 {background-color: #50B266;}
.titelhome {font-size: 30px; color: #50B266; font-weight: 600;}
[data-id="2117"] { pointer-events: none; color: #fff; border-radius: 5px; box-sizing: border-box; padding: 5px 10px; background-color: #50B266; font-weight: 700;}
.menu_main nav > ul > li:hover > a {border-color: #50B266;}
.footer {background-color: #50B266;}

/*.hero   */
.articles-widget > .paging {background-color: #fff !important;}

#row_widget_107, #row_widget_166, #row_widget_187 {width: 100%; background-color: #50B266;}
.menu-widget .mobile-menu.active .mobile-nav-button i:before, .menu-widget .mobile-menu.active .mobile-nav-button i:after {background-color: #000;}
.articles-widget.grid-mode > .articles-container > .article > .image {object-fit: cover; height: 172px;}
.articles-widget.grid-mode > .articles-container {width: 100% !important;}
.articles-widget.grid-mode > .articles-container > .article {width: 100% !important;}
.menu-widget .mobile-menu .mobile-nav-button {position: fixed; top: 55px;}


.hero-content-right { border-radius: 5px;}
.hero-content-right h2 { color: #fff; font-weight: 600; font-size: 30px; line-height: 36px; }
.hero-content-right h3 { color: #fff; font-weight: 100; font-size: 20px; line-height: 30px; }

.menu-widget .mobile-menu .mobile-nav-button i {background-color: #fff;}
.menu-widget .mobile-menu .mobile-nav li > a {color: #000 !important;}
.hero h1 { font-family: 'Open Sans'; font-weight: 900; color: #fff; font-size: 60px; line-height: 70px;}

@media only screen and (max-width: 767px) {
    #row_widget_1885 {display: none;}
    [data-id="1566"],[data-id="1567"],[data-id="1572"], [data-id="1703"]{display: none;}
  .hero {height: 80vh !important;}
  .hero-content-right {    margin: 20px auto 0!important; max-width: 90vw !important;}
  .articles-widget.grid-mode > .articles-container > .article {width: 100% !important; padding-left: 0px !important; padding-right: 0px !important}
  .articles-widget.grid-mode > .articles-container > .article > .header {min-height: 0 !important;}
}

.article-details > .col-medium {display: none;}
.article-details > .col-large {width: calc(90% - 100px);}

.articles-widget.grid-mode > .articles-container {justify-content: center;}

@media only screen and (max-width: 600px) {
.hero-content-right { display: none;}
.hero {height: 80vh;}
.menu-widget .mobile-menu .mobile-nav li {position:relative;width: 100%;text-align: right;}

.article-details > .col-large {width: calc(100% - 100px);}
.article-details > .col-small {display: none;}
.article-details {padding: 100px 0 50px;}
.article-details {padding-top: 20px !important;}
.articles-widget.grid-mode > .articles-container {grid-template-columns: 90%; justify-content: center;}

    
    
}

.fa-calendar-alt:before { color: #000 !important;}

@media only screen and (max-width: 1290px) {
 .articles-widget.grid-mode > .articles-container > .article > .header > .title { font-size: 18px;}
}


.why .image h1 { color: #1F3567; font-size: 20px; line-height: 22px; font-family: 'Open Sans'; font-weight: 700; padding-top: 20px;}
.why .image p { color: #121212; font-size: 12px; line-height: 17px; font-family: 'Open Sans'; font-weight: 100;}
.footer h1 { color: #fff; font-size: 25px; line-height: 25px; font-family: 'Open Sans'; font-weight: 700;}
.footer p { color: #fff; font-size: 16px; line-height: 21px; font-family: 'Open Sans'; font-weight: 300;}

.footer img {margin-right: 5px;}

#row_widget_113, #row_widget_183, #row_widget_189 { background-color: #50B266;}
[data-cms-toolbar="314"], [data-cms-toolbar="340"],  [data-cms-toolbar="346"], .step-title, .step-header, .navigation { display: none;}
.form-field { width: 100% !important;}
.cmsappwidget div > .tool-app { width: 90% !important; padding: 0 !important;}


.cmsappwidget div > .buttonRow {
    padding: 0 0 0 20px !important;
    float: left !important;
}

.tool-app .body.edit .area-form .form .form-field, .app-form .form .form-field { margin-top: 5px !important;}
.button { background-color: #1F3567;}

.menu-wrap { color: #fff !important; float: right; padding-right: 5%; }
.menu-item { color: #fff; float: right;margin-right: 20px; margin-top: 40px; padding-top: 5px;}
[data-id="2116"] { color: #fff; border-radius: 5px; box-sizing: border-box; padding: 5px 10px; background-color: #50B266; font-weight: 700;}
[data-id="2116"]:before, [data-id="2115"]:before { content: ""; font-family: 'Font Awesome 5 Free';}
.menu-item a { color: #fff !important; padding: 5px 0; font-family: 'Open Sans'; text-decoration: none; font-weight: 600; font-size: 18px;}
.area_footer { display: none;}
.filter-block { display: none;}

.articles-widget.grid-mode > .articles-container { float: none !important; margin: auto !important;}
.articles-widget.grid-mode > .articles-container > .article { width: 33%; padding-left: 10px; padding-right: 10px;}
.articles-widget.grid-mode > .articles-container > .article > .header > .date-format { display: none;}
.articles-widget.grid-mode > .articles-container > .article > .header > .title, .articles-widget.grid-mode > .articles-container > .article > .content { text-align: left; height: 55px;}


.articles-widget.grid-mode > .articles-container > .article > .header > .title { color: #50B266; font-family: 'Open Sans'; font-weight: 700;}
.articles-widget.grid-mode > .articles-container > .article > .more-link { float: left;}

.ui-feedback .messages.error { display: none !important; opacity: 0 !important;}
#row_widget_107, #row_widget_166 { overflow: hidden;}

.hero-content-right a {color: #fff !important; text-decoration: none !important; font-size: 18px;}

.assortiment .hero, .aanbod .hero {height: 51vh;}
.assortiment .logo-left, .aanbod .logo-left {height: 20vh;}
.assortiment .hero-content-left, .aanbod .hero-content-left {height: 30vh;}
.assorti-img {height: 180px; object-fit: cover; object-position: center; margin: 20px 0;}
.assorti-tekst h1 {font-size: 20px; color: #000 !important;}
.assorti-tekst { margin-bottom: 40px;}

.assorti-padding {padding: 15px !important; box-sizing: border-box;}
.article-overlay > .article > .col-small {display: none;}

.aanbod .articles-widget.list-mode > .articles-container > .article > .content {-webkit-line-clamp: 9; max-height: inherit;}
.aanbod .more-link {display: none;}

#menu_widget_320 {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    z-index: 2;
}


#row_widget_1885{
    top: 0;
    left: 0;
    right: 0;
    height: 85vh;
    overflow: hidden;
    z-index: 2;
    position: absolute !important;
    
}
    
    .slider-widget .slider-content img {filter: brightness(0.85); height: 85vh; object-fit: cover;}
    .menu-widget {z-index: 100 !important;}
    
    .menu-widget .mobile-menu .mobile-nav-button i { background-color: #50B266; }
    
    .articles-widget.grid-mode > .paging > [data-hook=previous] > i:before {
    content: "Volgende >";
    font-family: Regular;
    font-size: 19px;
}

.articles-widget.grid-mode > .paging > [data-hook=next] > i:before {
    content: "< Vorige";
    font-family: Regular;
    font-size: 19px;
}

i.fa.fa-2x.fa-angle-left {
    box-sizing: border-box;
    padding: 20px 10px;
    border-radius: 5px;
    background-color: #50B266;
    color: #fff;
    line-height: 0;
}

i.fa.fa-2x.fa-angle-right {
    box-sizing: border-box;
    padding: 20px 10px;
    border-radius: 5px;
    background-color: #50B266;
    color: #fff;
    line-height: 0;
}

/* FIX MENU */
.page-layout-container { position: initial; }
.editablePage .page-layout-container { position: relative; }