/* GELOOF-42*/
.site-nav.site-nav-with-metamenu .site-nav__wrapper .site-nav__nav li a:hover, .site-nav.site-nav-with-metamenu .site-nav__wrapper .site-nav__nav li a:focus {
    color: #B2C3C0;
}

.site-nav.site-nav-with-metamenu .site-nav__wrapper .site-nav__nav li a {
    font-weight: 900;
}


/* GELOOF-51*/
.articles-button .articles-pages__pages .articles-pages__body .btn-secondary:hover {
    background: #fff;
}

.btn-alt:hover {
    background: #fff;
}

.articles-block .articles-block__main.categorie-blog .filters-meta a:hover,
.articles-block .articles-block__main.categorie-blog .filters-meta a:focus,
.articles-block .articles-block__main.categorie-blog .subject:hover .subject-title,
.articles-block .articles-block__main.categorie-blog .subject:focus .subject-title,
.articles-block .articles-block__main.categorie-blog .tag-cloud-item:hover .subject-title,
.articles-block .articles-block__main.categorie-blog .tag-cloud-item:focus .subject-title {
    color: #EE7656;
    background-color: rgba(238, 121, 88, 0.35);
}

.articles-block .articles-block__main.categorie-denkprikkel .subject:hover .subject-title,
.articles-block .articles-block__main.categorie-video .subject:hover .subject-title,
.articles-block .articles-block__main.categorie-denkprikkel .tag-cloud-item:hover .subject-title,
.articles-block .articles-block__main.categorie-video .tag-cloud-item:hover .subject-title,
.articles-block .articles-block__main.categorie-denkprikkel .subject:focus .subject-title,
.articles-block .articles-block__main.categorie-video .subject:focus .subject-title,
.articles-block .articles-block__main.categorie-denkprikkel .tag-cloud-item:focus .subject-title,
.articles-block .articles-block__main.categorie-video .tag-cloud-item:focus .subject-title {
    background: rgba(86, 134, 133, 0.5);
}


/* Algemeen -> achtergrond kleuren*/
.yellow-bg {
    background: rgba(233, 180, 91, 0.15) !important;
}

.lightgreen-bg {
    background: rgba(178, 194, 191, 0.15) !important;
}

.green-bg {
    background: rgba(86, 135, 134, 0.15) !important;
}

.red-bg {
    background: rgba(238, 118, 86, 0.15) !important;
}

/*Header -> pagetitle-maxi */
.pagetitle-maxi.yellow-bg::before {
    background: #E9B45B;
}

.pagetitle-maxi.lightgreen-bg::before {
    background: #B2C3C0;
}

.pagetitle-maxi.green-bg::before {
    background: #568786;
}

.pagetitle-maxi.red-bg::before {
    background: #EE7656;
}

.yellow-bg .pagetitle-maxi__content h1 {
    color: #E9B45B;
}

.lightgreen-bg .pagetitle-maxi__content h1 {
    color: #B2C3C0;
}

.green-bg .pagetitle-maxi__content h1 {
    color: #568786;
}

.red-bg .pagetitle-maxi__content h1 {
    color: #EE7656;
}

.yellow-bg .pagetitle-maxi__content::after {
    background-image: url(/assets/img/pagetitle-maxi-icon-right.svg);
}

.lightgreen-bg .pagetitle-maxi__content::after {
    background-image: url(/assets/img/pagetitle-maxi-icon-right-yellow.svg);
}

.green-bg .pagetitle-maxi__content::after {
    background-image: url(/assets/img/pagetitle-maxi-icon-right-yellow.svg);
}

.red-bg .pagetitle-maxi__content::after {
    background-image: url(/assets/img/pagetitle-maxi-icon-right-green.svg);
}

/* Card*/
.card-yellow .filter-highlight, .productslider .yellow-cards-default .filter-card.filter-highlight {
    background: #E9B45B;
}

.card-lightgreen .filter-highlight, .productslider .lightgreen-cards-default .filter-card.filter-highlight {
    background: #B2C3C0;
}

.card-green .filter-highlight, .productslider .green-cards-default .filter-card.filter-highlight {
    background: #568786;
}

.card-red .filter-highlight, .productslider .red-cards-default .filter-card.filter-highlight, .material-slider .card-red .filter-card.filter-highlight {
    background: #EE7656;
}

.card-yellow, .productslider .yellow-cards-default .card-default, .material-slider .card-yellow {
    background: linear-gradient(to top, #E9B45B, #E9B45B 1rem, #fff 1rem);
}

.card-lightgreen, .productslider .lightgreen-cards-default .card-default, .material-slider .card-lightgreen {
    background: linear-gradient(to top, #B2C3C0, #B2C3C0 1rem, #fff 1rem);
}

.card-green, .productslider .green-cards-default .card-default, .material-slider .card-green {
    background: linear-gradient(to top, #568786, #568786 1rem, #fff 1rem);
}

.card-red, .productslider .red-cards-default .card-default, .material-slider .card-red {
    /* background: linear-gradient(to top, #EE7656, #EE7656 1rem, #fff 1rem); */
}

.card-default > figure a {
    position: relative;
}

.card-default figure a {
    width: 100%;
    height: 100%;
    bottom: 0;
    z-index: 9999;
    background: none;
}

/*.card-default figure a {
  background: url('/assets/img/card-overlay-yellow.svg') right center no-repeat;
  background-size: contain;
}
.card-yellow figure a, .productslider .yellow-cards-default figure a{
  background: url('/assets/img/card-overlay-yellow.svg') right center no-repeat;
  background-size: contain;
}
.card-red figure a, .productslider .red-cards-default figure a{
  background: url('/assets/img/card-overlay-red.svg') right center no-repeat;
  background-size: contain;
}
.card-green figure a, .productslider .green-cards-default figure a{
  background: url('/assets/img/card-overlay-green.svg') right center no-repeat;
  background-size: contain;
}*/ /* Weggehaald door Niek */

/*.card-lightgreen figure a, .productslider .lightgreen-cards-default figure a{
  background: none;
}*/ /* Weggehaald door Niek */

.elearning-list .card-elearning {
    background: none;
}

/* Slider Home -> slider-overflow */
.slick-overflow-item .tag-cloud {
    display: none;
}

.slick-overflow-item .platform-theme {
    display: none;
}

/*.slick-overflow-item .card__meta {*/
/*    display: none;*/
/*}*/

.input-group input, .input-group select, .input-group textarea {
    padding: 16px 33px;
    border: 1px solid transparent;
    border-radius: 35px;
    background: #FFFFFF;
    font-size: 18px;
    color: #568786;
    box-shadow: 0 0 5px rgb(51 51 51 / 16%);
}

/* Contact formulier -> Form plugin */
input[type="file"] {
    display: none;
}

.custom-select {
    position: relative;
}

.custom-select .default {
    color: #B2C3C0;
}

.custom-select select {
    width: 100%;
    z-index: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #568786;
}

.custom-select::after {
    content: '';
    background: url('/assets/img/select-arrows.svg') no-repeat;
    display: block;
    width: 14px;
    height: 29px;
    background-size: contain;
    right: 21px;
    top: calc(50% - 13px);
    position: absolute;
    cursor: pointer;
    pointer-events: none;
    z-index: 0;
}

.custom-file-upload {
    padding: 9px 0px 9px 11px;
    border: 1px solid transparent;
    border-radius: 35px;
    background: #FFFFFF;
    font-size: 18px;
    color: #568786;
    box-shadow: 0 0 5px rgb(51 51 51 / 16%);
    cursor: pointer;
}

.custom-file-upload span {
    margin-left: 16px;
    color: #B2C3C0;
    font-size: 1rem;
}

.custom-upload-btn {
    margin: 0 !important;
    border: none;
    font-family: 'Lato', sans-serif;
    /*text-transform: uppercase;*/
    font-size: 0.88888889rem;
    line-height: 1;
    background: #B2C3C0;
    color: #fff;
    /*font-weight: 400;*/
    padding: 16px 32px;
    border-radius: 20em;
    position: relative;
    display: inline-flex;
    text-align: center;
}

/* GELOOF-49*/
.nav-1._js-list-slider:before, .content-material .material-slider._js-list-slider:before {
    display: none;
}

/* END GELOOF-49*/

/* GELOOF-42 */
@media (min-width: 1640px) {
    .site-nav.site-nav-with-metamenu .site-nav__wrapper .site-nav__nav {
        gap: 30px;
        margin-right: 30px;
    }
}

@media (max-width: 1500px) {
    .site-nav.site-nav-with-metamenu .site-nav__wrapper .site-nav__nav {
        gap: 5px;
        margin-right: 0px;
    }
}

@media (max-width: 1250px) {
    .site-nav.site-nav-with-metamenu .site-nav__wrapper .site-nav__nav > li {
        max-width: 15%;
    }

    .site-nav.site-nav-with-metamenu .site-nav__wrapper .site-nav__nav {
        justify-content: left;
    }
}

/* END GELOOF-42 */

@media (max-width: 1299px) and (min-width: 900px) {
    /* GELOOF-42 */
    .homepage-header .page-header__image {
        border-bottom-left-radius: 242px;
    }

    /* END GELOOF-42*/
}

/* GELOOF-43 */
@media (max-width: 1023px) {
    .articles-block .articles-block__main.first {
        padding-left: 0;
        grid-column-end: span 11;
    }

    .articles-block .articles-block__main {
        padding-right: 0;
        grid-column-end: span 12;
        grid-column-start: 15;
    }

    .articles-block .articles-block__list {
        grid-column-end: span 24;
    }

    .articles-block .articles-block__main.first .card-flipped figure {
        order: 1 !important;
        height: unset;
    }
}

@media screen and (min-width: 900px) {
    .site-nav.site-nav-with-metamenu .site-nav__wrapper .site-nav__nav > li._active > a, .site-nav.site-nav-with-metamenu .site-nav__wrapper .site-nav__nav > li._open > a {
        color: #E9B45B;
    }
}

@media (max-width: 900px) and (min-width: 768px) {
    .articles-block .articles-block__main.first {
        grid-column-start: 1;
        grid-column-end: span 14;
        padding: 0 8px 0 40px;
    }

    .articles-block .articles-block__main {
        grid-column-end: span 14;
        grid-column-start: 15;
        padding: 0 40px 0 8px;
    }

    .articles-block .articles-block__list {
        grid-column-start: 1;
        grid-column-end: span 28;
        margin: 20px 40px 0;
    }
}

@media (max-width: 768px) {
    /*GELOOF-44*/
    .cards .slick-prev::after, .cards .slick-next:after {
        width: 25%;
    }

    /*END GELOOF-44*/
    /*GELOOF-43*/
    .articles-block .articles-block__list {
        grid-column-end: span 24;
    }

    .articles-block .articles-block__main.first {
        grid-column-start: 2;
        grid-column-end: span 26;
        grid-row-start: 1;
        grid-row-end: span 1;
        padding: 0 8px;
        /*margin-top: 20px;*/
    }

    .articles-block .articles-block__main {
        grid-column-start: 2;
        grid-column-end: span 26;
        grid-row-start: 2;
        grid-row-end: span 2;
        padding: 0 8px;
        margin-top: 20px;
    }

    .articles-block .articles-block__list {
        grid-column-start: 2;
        grid-column-end: span 26;
        grid-row-start: 4;
        grid-row-end: span 4;
        margin: 20px 8px;
    }

    .articles-block .articles-block__main.first .card-flipped figure {
        order: -2 !important;
        height: unset;
    }

    /* END GELOOF-43*/
    /* GELOOF-45 */
    .articles-button .articles-pages__pages .articles-pages__body {
        padding: 20px;
    }

    /* END GELOOF-45 */
}

@media (max-width: 480px) {
    .articles-block .articles-block__list {
        grid-column-end: span 26;
        flex-direction: column;
    }

    /*.articles-block .articles-block__list*/
    /* GELOOF-51*/
    .custom-upload-btn {
        padding: 10px 21px;
        font-size: 1rem;
    }

    /* END GELOOF-51*/
}

._filter .site-nav.site-nav-with-metamenu {
    z-index: 1 !important;
}


.user-not-logged-in {
    background-color: rgba(86, 135, 134, 0.15) !important
}

.user-not-logged-in h3, .user-not-logged-in p {
    color: #568786
}

/*GELOOF-106*/
.filter.filterlist__category.filterlist__filter-rol {
    display: none;
}

.template-my-lists-delete .template-profile .listst__body .btn-secondary.btn-secondary-outline:not(:hover),
.template-my-lists-edit .template-profile .listst__body .btn-secondary.btn-secondary-outline:not(:hover),
.template-my-lists-form .template-profile .listst__body .btn-secondary.btn-secondary-outline:not(:hover),
.template-my-lists-show .template-profile .listst__body .btn-secondary.btn-secondary-outline:not(:hover),
.template-my-lists .template-profile .listst__body .btn-secondary.btn-secondary-outline:not(:hover) {
    border: 1px solid #e9b45b;
    background: #FFFFFF;
}

.template-my-lists-delete .template-profile .listst__body .btn-secondary.btn-secondary-outline:hover,
.template-my-lists-edit .template-profile .listst__body .btn-secondary.btn-secondary-outline:hover,
.template-my-lists-form .template-profile .listst__body .btn-secondary.btn-secondary-outline:hover,
.template-my-lists-show .template-profile .listst__body .btn-secondary.btn-secondary-outline:hover,
.template-my-lists .template-profile .listst__body .btn-secondary.btn-secondary-outline:hover {
    border: 1px solid transparent;
}

/**
  GELOOF-89
*/

@media (max-width: 767px) {
    .cards.nav-1 .section-intro > p {
        padding-inline: 1.5rem;
    }

    .tinybuilder.grid {
        grid-template-columns: .75rem .75rem 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr .75rem .75rem;
    }

    .blockquote, .text blockquote {
        font-size: 1.7em;
    }
}

@media (max-width: 1300px) and (min-width: 900px) {
    .pagetitle-maxi__content h1 {
        font-size: 2.8em;
    }
}

/**
End GELOOF-89
 */

/**
GELOOF-81
 */

@media (max-width: 1200px) and (min-width: 1024px) {
    .mylists-button img {
        max-height: 47px;
    }

    .site-nav__content .dropdown {
        flex: 0 0 auto;
    }

    .site-nav__content .dropdown .js-user-name img {
        max-height: 47px;
    }
}

@media (max-width: 767px) {
    .mylists-button {
        margin-right: 1em;
    }
}

.full-nav-1 .full-nav__wrapper {
    padding: 2em 0 2em;
}

/*.subjects-block {margin-top: 1em; margin-bottom: 1em;}*/

@media (max-width: 899px) {
    .site-nav__nav {
        justify-content: left;
    }

    .site-nav-with-metamenu__metamenu ul {
        padding-inline: 0.5em;
    }

    .site-nav.site-nav-with-metamenu .site-nav__wrapper {
        padding: 1.5em;
    }

    .site-nav-with-metamenu__metamenu .container {
        margin-left: 1rem;
        margin-right: 1rem;
    }
}

@media (min-width: 900px) {
    .site-nav-with-metamenu._submenu_enabled li._submenu-open .site-nav__submenu {
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
    }
}

/**
End GELOOF-81
 */

/**
GELOOF-115
 */
.input-group select {
    appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 140 140' width='12' height='12' xmlns='http://www.w3.org/2000/svg'><g><path d='m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z' fill='%23568786'/></g></svg>");
    background-repeat: no-repeat;
    background-position: 90% 50%;
}

.input-group .custom-select select {
    background-image: unset;
}

.rv-form-thanks {
    color: #568786;
}

.text figure {
    margin-bottom: 1em;
}

/**
GELOOF-98
 */

.template-profile .listst__body .btn-alt:hover,
.template-profile .listst__body .btn-alt:active {
    color: #568786;
    background: rgba(86, 135, 134, 0.2);
}

/**
GELOOF-108
 */

.content-public-list .card-default .tag-cloud,
.template-my-lists-show .card-default .tag-cloud {
    display: none;
}

.content-public-list .card-default._article .card__meta,
.content-public-list .card-default._shopify .card__meta,
.template-my-lists-show .card-default._article .card__meta,
.template-my-lists-show .card-default._shopify .card__meta {
    display: block;
}

.content-public-list .card-default._shopify .card__meta .filter-card .price,
.template-my-lists-show .card-default._shopify .card__meta .filter-card .price {
    display: none;
}

.template-my-lists-show .template-profile .listst__body {
    max-width: unset;
}

.template-my-lists-show .listst__body .container {
    margin-inline: 0;
}

/**
GELOOF-110
 */

@media screen and (min-width: 900px) {
    .articles-button .articles-pages__pages-content > img {
        height: 40vh;
        object-fit: cover;
    }
}

@media screen and (min-width: 900px) and (max-width: 1300px) {
    .articles-button .articles-pages__pages .articles-pages__body {
        height: 60vh;
    }
}

@media screen and (min-width: 1500px) {
    .articles-button .articles-pages__pages .articles-pages__body {
        padding: 100px;
    }
}

@media screen and (min-width: 1500px) {
    .articles-button .articles-pages__pages .articles-pages__body .articles-pages__body-text p:not(:last-of-type) {
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 900px) {
    .articles-button .articles-pages__pages-content > img {
        height: 50vw;
        object-fit: cover;
    }
}

/* GELOOF-117 */

@media (max-width: 1024px) {
    .nav-1._js-list-slider:before {
        display: none;
    }
}

.list-2 .card-default._material .tag-cloud {
    display: none;
}


/* GELOOF-89 */

[data-main-page="artikelen"] .pagetitle-mini {
    height: 4em
}

.

@media screen and (min-width: 768px) and (max-width: 899px) {
    [data-main-page="artikelen"] .algolia-list .algolia-list__search .search-form__group {
        margin-top: -35px
    }
}

[data-main-page="artikelen"] section.bodytext-html {
    margin: 0
}

/* GELOOF-119 */
.builder-container {
    background-color: #f4f2f2;
    padding-block: 1em;
}

@media only screen and (min-width: 1300px) {
    .builder-container section.cards {
        padding-block: 100px;
    }
}

.tinybuilder .builder-container {
    background-color: unset;
    padding-block: 0;
}

.builder-container ._js-list-slider + .bodytext {
    background-color: white;
    margin-block: 0;
    padding-block: 1em;
}

@media screen and (min-width: 900px) {
    .builder-container ._js-list-slider + .bodytext {
        padding-block: 3em;
    }
}

.nav-1:not(.nav-1.productslider) .section-intro {
    position: relative;
    z-index: 1;
}


/**
[SGELOOF-14] Temp aanpassingne, bij goedkeurign wordt die in de git meegenomen

 */
.platform-theme {
    display: none;
}

.articles-block .articles-block__main .platform-theme {
    display: inline-block;
}

.articles-block .articles-block__list .card-inline .filter-card {
    display: none;
}

.card-default._shopify .card__meta {
    display: block;
}

.card .subjects,
.card ._pubdate,
.card .tag-cloud,
.card-default .subjects,
.card-default ._pubdate,
.card-default .tag-cloud,
.card-default._shopify .filter-card .price{
 display: none;
}

.builder-container:empty {
    display: none;
}

.footer-1 .footer-1__col1 {
    .crkbo-logo {
        margin-top: 1em;
        display: flex;
        align-items: center;
        gap: 10px;
        img {
            max-width: 75px;
        }

        p {
            color: #568786;
        }
    }
}