/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


/* Color variables to be found in customizer */


/* Load fonts locally */


/* inter-regular - latin */

@font-face {
    font-display: swap;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url('assets/fonts/inter-v12-latin-regular.woff2') format('woff2');
}


/* inter-500 - latin */

@font-face {
    font-display: swap;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    src: url('assets/fonts/inter-v12-latin-500.woff2') format('woff2');
}


/* inter-600 - latin */

@font-face {
    font-display: swap;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    src: url('assets/fonts/inter-v12-latin-600.woff2') format('woff2');
}


/* global */

html {
    scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6 {
    scroll-margin-top: 5em;
}

.heading-h2,
.heading-h3 {
    font-family: 'degular';
    font-weight: 700;
    margin-bottom: 1.25rem;
    line-height: 1.33;
}

.heading-h2 {
    font-size: 2.25rem;
}

.heading-h3 {
    font-size: 1.75rem;
}

@media (max-width: 768px) {
    .heading-h2 {
        font-size: 1.875rem;
    }
    .heading-h3 {
        font-size: 1.5rem;
    }
}

.logo-color-invert img {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
}

.button {
    border-radius: .25rem;
}

.button-alt,
a.button-alt {
    color: var(--contrast);
    background-color: var(--light-accent);
}

.button-big {
    padding: .75rem 1.5rem;
}

.block-link-container {
    position: relative;
    transition: transform linear 0.25s;
}

.block-link-container:hover {
    -webkit-transform: translateY(-0.25rem);
        -ms-transform: translateY(-0.25rem);
            transform: translateY(-0.25rem);
}

.block-link-container:hover h3 a {
    color: var(--accent);
}

.block-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.full-width-content .entry-content>.gb-container:not(.full-width-container) {
    margin-left: 1rem;
    margin-right: 1rem;
}

.dynamic-term-description p a,
.single .entry-content p a {
    text-decoration: underline;
    font-weight: 600;
}

.single .entry-content > .wp-block-image img,
.single .entry-content > p > img {
    display: block;
    width: 100%;
    max-width: 630px;
    margin: 0.5rem 0 1rem;
    border-radius: 0.25rem;
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 99;
}

.site-header.add-shadow {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.blog .site-header,
.archive .site-header,
.search .site-header,
.page-template-default .site-header {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}


/* Header */

.mobile-menu-control-wrapper {
    margin-left: revert;
}

.header-after-primary-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1.5rem;
}

.header-after-primary-menu.mobile-header-icons {
    margin-left: auto;
    gap: .5rem;
}

.weekmenu-button a {
    display: flex;
    align-items: center;
    padding: .875rem 1.25rem;
}

.weekmenu-button a::before {
    content: '';
    display: inline-block;
    margin-right: .5rem;
    background-color: var(--contrast);
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M64 160L64 0 32 0 0 160c0 47.6 34.6 87.1 80 94.7L80 480l0 32 64 0 0-32 0-225.3c45.4-7.6 80-47.1 80-94.7L192 0 160 0l0 160-16 0L128 0 96 0 80 160l-16 0zM448 0C416 0 288 32 288 176l0 176 96 0 0 128 0 32 64 0 0-32 0-128 0-112 0-32L448 0z'/%3E%3C/svg%3E") no-repeat 50% 50% / 1rem;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M64 160L64 0 32 0 0 160c0 47.6 34.6 87.1 80 94.7L80 480l0 32 64 0 0-32 0-225.3c45.4-7.6 80-47.1 80-94.7L192 0 160 0l0 160-16 0L128 0 96 0 80 160l-16 0zM448 0C416 0 288 32 288 176l0 176 96 0 0 128 0 32 64 0 0-32 0-128 0-112 0-32L448 0z'/%3E%3C/svg%3E") no-repeat 50% 50% / 1rem;
    width: 1.25rem;
    height: 1.25rem;
    transition: background-color 100ms ease;
}

.weekmenu-button a:is(:hover,:focus-visible)::before {
    background-color: var(--base);
}

.header-after-primary-menu .custom-search .menu-bar-item a {
    font-size: 1.375rem;
    line-height: 1.4;
    padding: .875rem 1rem;
    background-color: var(--accent);
    border-radius: .25rem;
    color: var(--base);
}

.header-after-primary-menu .custom-search .menu-bar-item a:hover {
    background-color: var(--dark-accent);
    color: var(--base);
}

.mobile-header-icons.header-after-primary-menu .gp-icon svg,
.mobile-menu-control-wrapper .gp-icon svg {
    height: 1.5rem;
    width: 1.5rem;
    top: 0.125rem;
}

.mobile-header-icons.header-after-primary-menu .mobile-account-icon-container svg {
    height: 1.75rem;
    width: 1.75rem;
    top: 0.125rem;
    position: relative;
    fill: currentColor;
}

.mobile-header-icons.header-after-primary-menu .mobile-account-icon-container a {
    background-color: var(--base);
    color: var(--contrast);
}

.mobile-header-icons.header-after-primary-menu .mobile-account-icon-container a:hover {
    color: var(--dark-accent);
}

.mobile-header-icons.header-after-primary-menu .custom-search .menu-bar-item a {
    background-color: var(--base);
    color: var(--contrast);
}

.mobile-header-icons.header-after-primary-menu .custom-search .menu-bar-item a:hover {
    color: var(--dark-accent);
}

.mobile-menu-control-wrapper.main-navigation .menu-toggle {
    padding-inline: .75rem;
}

.account-button:hover .gb-button-text {
    text-decoration: underline;
}

.custom-search .navigation-search {
    top: 100%;
    max-width: 800px;
    left: initial;
    right: 0;
    box-shadow: 0 .25rem 2rem rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0 .25rem 2rem rgb(0 0 0 / 12%);
    background-color: var(--base);
    padding: 1.5rem;
    border-radius: .25rem;
}

.mobile-header-icons .custom-search .navigation-search {
    border-radius: 0;
    border-top: 1px solid var(--border-color);
}

.custom-search .navigation-search form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid var(--border-color);
    padding: .5rem;
    border-radius: .25rem;
}

.custom-search .navigation-search input[type="search"] {
    height: auto;
    color: var(--contrast);
}

.custom-search .navigation-search input[type="submit"] {
    border-radius: .25rem;
}

.search-results .site-content .search-form,
.search-no-results .site-content .search-form,
.error404 .site-content .search-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid var(--border-color);
    padding: .5rem;
    border-radius: .25rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.search-results .site-content .search-form input[type="search"],
.search-no-results .site-content .search-form input[type="search"],
.error404 .site-content .search-form input[type="search"] {
    height: 100%;
}

.search-results .site-content .search-form .search-submit,
.search-no-results .site-content .search-form .search-submit,
.error404 .site-content .search-form .search-submit {
    border-radius: .25rem;
}

.navigation-search .popular-search {
    margin-top: 1.5rem;
}

.navigation-search .popular-search .title {
    font-family: 'degular';
    font-weight: 600;
    font-size: 1.375rem;
    margin-bottom: 0.5rem;
}

.navigation-search .popular-search .keywords {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .5rem;
    overflow-x: auto;
}

.navigation-search .popular-search .keyword {
    padding: .5rem 1rem;
    background-color: var(--contrast-2);
    border-radius: 4rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-bottom: .5rem;
    font-family: 'Inter';
    font-size: 1rem;
    font-weight: 400;
    color: var(--contrast);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.navigation-search .popular-search .keyword:hover {
    background-color: #DCC6AA;
    cursor: pointer;
}

.mobile-navbar .navigation-search.nav-search-active {
    top: unset;
    bottom: 100%;
}

.mobile-navbar .custom-search .navigation-search form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
    border: none;
}

.mobile-navbar .custom-search .navigation-search input[type="search"] {
    border: 1px solid var(--border-color);
    padding: 1.5rem;
    border-radius: 0.25rem;
}

.mobile-navbar .custom-search .navigation-search input[type="submit"] {
    width: 100%;
}

.menu-ebooks-container {
    max-width: 360px;
    background-color: var(--contrast-2);
    padding: 2rem 1.5rem;
    text-align: center;
    border-radius: .25rem;
    margin-left: auto;
    margin-top: 1rem;
}

.menu-ebooks-container .button {
    color: var(--base)!important;
    font-weight: 600!important;
    padding: .75rem 1.5rem!important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
}


/* Mobile navigation + menu */

.site-header.has-inline-mobile-toggle .inside-header {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}



.mobile-navbar {
    position: fixed;
    bottom: 1rem;
    width: calc(100% - 2rem);
    max-width: 500px;
    left: calc(50% - 2rem);
    margin: 0 1rem;
    -webkit-transform: translateX(-45%);
        -ms-transform: translateX(-45%);
            transform: translateX(-45%);
    background-color: var(--dark-accent);
    box-shadow: 0px 0px 24px 4px rgb(0 0 0 / 25%);
    -webkit-box-shadow: 0px 0px 24px 4px rgb(0 0 0 / 25%);
    border-radius: 4rem;
    z-index: 99;
    
}

.mobile-navbar.is-hidden {
    bottom: -100px;
    opacity:0;
    -webkit-transition: .5s ease-in-out .5s;
    -o-transition: .5s ease-in-out .5s;
    transition: .5s ease-in-out .5s;
}
.mobile-navbar.is-visible {
    bottom: 1rem;
    opacity:1;
    -webkit-transition: .5s ease-in-out .5s;
    -o-transition: .5s ease-in-out .5s;
    transition: .5s ease-in-out .5s;
}

.mobile-navbar-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 1rem;
    padding: 1rem 2rem;
}

.mobile-navbar-inner .account-icon {
    display: none;
}

.mobile-navbar-inner a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: var(--base);
    font-size: .75rem;
}

.mobile-navbar-inner p {
    margin-bottom: 0;
    font-size: .75rem;
    color: var(--base);
}

.mobile-navbar-inner a:before {
    content: none!important;
}

.mobile-navbar svg {
    width: 1.5rem;
    height: 1.5rem;
    color: var(--base);
}

.mobile-navbar span:hover,
.mobile-navbar a:hover {
    text-decoration: none;
}

.mobile-navbar svg path {
    fill: var(--base);
}

#generate-slideout-menu.main-navigation {
    --gp-slideout-width: 400px;
    max-width: 90%;
}

.slideout-menu .mega-menu-title .sub-menu li:last-child a {
    font-weight: 600;
}

.slideout-menu .sub-menu.toggled-on a {
    padding-left: 2.5rem;
}

.slideout-menu .sub-menu.toggled-on .sub-menu a {
    padding-left: 3.5rem;
}

.slideout-menu .weekmenu-button a {
    background-color: var(--light-accent) !important;
    color: var(--contrast) !important;
    margin: 1rem 1.75rem;
    padding: 0 1rem !important;
    border-radius: .25rem;
    justify-content: center;
}

.slideout-menu .weekmenu-button a::before {
    background-color: var(--contrast);
}


/* Blocks */

.custom-recipe-thumbnail {
    aspect-ratio: 1.2/1;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: .25rem;
}

.two-columns-overlap figure,
.two-columns-overlap figure img {
    border-radius: .25rem .25rem 0 0;  
    aspect-ratio: 1.1/1;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;

}

.two-columns-overlap.left-image .gb-grid-wrapper>.gb-grid-column:last-child,
.two-columns-overlap.right-image .gb-grid-wrapper>.gb-grid-column:first-child {
    background-color: var(--base);
    -webkit-box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.12);
    border-radius: .25rem;
    padding: 1.5rem;
}

.two-columns-overlap.right-image .gb-grid-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
}

.create-account-block {
    margin-left: 1rem;
    margin-right: 1rem;
}

.create-account-block .image-block {
    position: relative;
    z-index: -1;
}

.create-account-block .image-block:before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--contrast);
    opacity: 0;
    border-radius: .25rem .25rem 0 0;
}

.create-account-block .image-block>.gb-inside-container {
    display: -ms-grid;
    display: grid;
}

.create-account-block .image-block .main-image {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
}

.create-account-block .image-block .overlay-image {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-top: 1rem;
    padding-left: 1rem;
    z-index: 1;
}

.create-account-block .image-block .overlay-image .gb-icon svg {
    max-width: 40vw;
    max-height: 40vw;
}

/* Custom Pinterest Image */

.pinterest-image-container {
    position: relative;
    max-width: 630px;
    margin: 0.5rem 0 1rem;
}

.pinterest-image-container img {
    width: 100%;
    border-radius: 0.25rem;
}

.pinterest-image-container .pinterest-button {
    position: absolute;
    right: 1rem;
    top: 1rem;
    font-weight: 600;
    color: var(--base);
}

.pinterest-image-container svg {
    display: inline;
    vertical-align: middle;
    margin-top: -0.15em;
    width: 1.3em;
    height: 1.3em;
    overflow: visible;
}

/* Plaatje met receptmeta container */

.image-recipe-meta-container {
    display: -ms-grid;
    display: grid;
    position: relative;
}

.image-recipe-meta-container .custom-recipe-thumbnail {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1/4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
}

.image-recipe-meta-container .heart-icon {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    margin: 1rem 1rem 0 auto;
    z-index: 3;
}

.image-recipe-meta-container .cookingtime-category-day {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: .5rem;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    margin: 0 .75rem .75rem;
}

.cooking-time,
a.category,
.image-recipe-meta-container .day {
    font-size: .9rem;
    padding: .375rem .75rem;
    border-radius: 100vw;
    z-index: 3;
}

.cooking-time {
    color: var(--contrast);
    background-color: var(--base);
}

.cooking-time .wprm-recipe-details-unit {
    font-size: inherit;
}

.cooking-time .icon,
.image-recipe-meta-container .day .icon {
    margin-right: .5em;
}

a.category {
    color: var(--base);
    background-color: var(--accent);
}

a.category:is(:hover,:focus-visible) {
    background-color: var(--dark-accent);
}

.image-recipe-meta-container .day {
    background-color: var(--contrast);
    color: var(--base);
}

.image-recipe-meta-container .wprm-recipe-add-to-collection .wprm-recipe-icon {
    width: 3rem;
    height: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
}

.wprm-recipe-add-to-collection .wprm-recipe-icon:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.image-recipe-meta-container .wprm-recipe-add-to-collection img {
    width: 1.25rem;
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
}


/* Custom search container */

.on-page-search-form-container {
    margin: 1.5rem 0;
}

.on-page-search-form-container form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0.5rem;
    border: 1px solid var(--border-color);
    border-radius: 0.25rem;
}

.on-page-search-form-container #search-bar {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.on-page-search-form-container .button {
    padding: .75rem 1rem;
}


/* Archive / Blog / Search */

.blog .site-content .sidebar,
.archive .site-content .sidebar,
.search .site-content .sidebar {
    display: none;
}

.blog .site-content .inside-left-sidebar,
.archive .site-content .inside-left-sidebar,
.search .site-content .inside-left-sidebar {
    margin-top: 0;
}

.blog .site-content,
.archive .site-content,
.search .site-content {
    gap: 1.5rem;
}

.blog .site-content .content-area,
.archive .site-content .content-area,
.search .site-content .content-area {
    width: calc(100% - 2rem);
    margin: 0 1rem;
}

.blog .page-header,
.archive .page-header,
.search .page-header {
    padding: 0;
    margin-top: 1rem;
}

.blog .post,
.archive .post,
.search .post {
    margin-bottom: 1.5rem;
}

.blog .post .inside-article,
.archive .post .inside-article,
.search .post .inside-article,
.search .page .inside-article {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 50px 1fr 50px auto;
    grid-template-rows: 50px 1fr 50px auto;
    padding: 0;
    transition: transform linear 0.25s;
}

.blog .post .inside-article:hover,
.archive .post .inside-article:hover,
.search .post .inside-article:hover,
.search .page .inside-article:hover {
    -webkit-transform: translateY(-0.25rem);
        -ms-transform: translateY(-0.25rem);
            transform: translateY(-0.25rem);
}

.blog .post .post-image,
.archive .post .post-image,
.search .post .post-image,
.search .page .post-image {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1/4;
    margin: 0!important;
}

.blog .post .post-image img,
.archive .post .post-image img,
.search .post .post-image img,
.search .page .post-image img {
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 1.2/1;
    width: 100%;
    height: 100%;
    border-radius: .25rem;
}

.blog .post .entry-header,
.archive .post .entry-header,
.search .post .entry-header {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    grid-row: 4/5;
    position: relative;
}

.blog .post .entry-title,
.archive .post .entry-title,
.search .post .entry-title,
.search .page .entry-title {
    font-size: 1.5rem;
    font-weight: 600;
    height: 100%;
}

.blog .post .inside-article .entry-title a,
.archive .post .inside-article .entry-title a,
.search .post .inside-article .entry-title a,
.search .page .inside-article .entry-title a {
    display: block;
    padding: 0.25rem 0 0 0;
}

.blog .post .inside-article:hover .entry-title a,
.archive .post .inside-article:hover .entry-title a,
.search .post .inside-article:hover .entry-title a,
.search .page .inside-article:hover .entry-title a {
    color: var(--accent);
}

.blog .post .add-to-favorites,
.archive .post .add-to-favorites,
.search .post .add-to-favorites {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    margin: 1rem 1rem 0 auto;
    z-index: 2;
}

.blog .add-to-favorites .wprm-recipe-add-to-collection .wprm-recipe-icon,
.archive .add-to-favorites .wprm-recipe-add-to-collection .wprm-recipe-icon,
.search .add-to-favorites .wprm-recipe-add-to-collection .wprm-recipe-icon {
    width: 3rem;
    height: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
}

.blog .add-to-favorites .wprm-recipe-add-to-collection .wprm-recipe-icon:hover,
.archive .add-to-favorites .wprm-recipe-add-to-collection .wprm-recipe-icon:hover,
.search .add-to-favorites .wprm-recipe-add-to-collection .wprm-recipe-icon:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.blog .add-to-favorites .wprm-recipe-add-to-collection img,
.archive .add-to-favorites .wprm-recipe-add-to-collection img,
.search .add-to-favorites .wprm-recipe-add-to-collection img {
    width: 20px;
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
}

.blog .post .cooking-time-category,
.archive .post .cooking-time-category,
.search .post .cooking-time-category {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
    align-self: flex-end;
    margin-left: .5rem;
    margin-bottom: .75rem;
    margin: 0 .5rem .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: .5rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 2;
}

.blog .post .entry-summary,
.archive .post .entry-summary,
.search .post .entry-summary,
.search .page .entry-summary {
    display: none;
}

.blog .post .entry-meta,
.archive .post .entry-meta,
.search .post .entry-meta,
.search .page .entry-meta {
    display: none;
}

.search .page-header {
    margin-top: 0;
}

.search .page-header h1 {
    font-size: 2rem;
    line-height: 1;
    margin-top: -0.5rem;
}

.archive-count-sort-wrapper .gb-grid-wrapper .gb-grid-column {
    padding-bottom: 0;
}

.archive-count-sort-wrapper .gb-grid-wrapper .gb-grid-column .facetwp-facet {
    margin-bottom: 0;
}

.facetwp-facet-recepten.facetwp-type-pager {
    min-height: 2rem;
}

.archive-count-sort-wrapper .facetwp-facet-sorteren {
    position: relative;
    min-height: 3.625rem;
}

.archive-count-sort-wrapper .facetwp-facet-sorteren:after {
    content: '';
    right: 1rem;
    top: 1.5rem;
    position: absolute;
    border: solid black;
    border-width: 0 2px 2px 0;
    padding: .25rem;
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    pointer-events: none;
}

.archive-count-sort-wrapper .facetwp-facet-sorteren select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    font-weight: 600;
    padding: 1rem 2rem 1rem 1rem;
    border-radius: 0.25rem;
    background-color: var(--light-accent);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.archive-filter-button-wrapper .facetwp-flyout-open:hover {
    cursor: pointer;
}

.category-seo-text-container ul {
    margin-left: 2rem;
}

.facetwp-flyout .facetwp-flyout-content {
    padding: 1rem;
    margin-bottom: 4rem;
}

.close-flyout-button {
    position: fixed;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -30%);
        -ms-transform: translate(-50%, -30%);
            transform: translate(-50%, -30%);
    width: 200px;
    padding: 1rem 0;
    text-align: center;
    cursor: pointer;
}

.close-flyout-button .facetwp-facet {
    margin-bottom: 0;
}


/* Pagination */

.paging-navigation#nav-below {
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    margin: 2rem 0;
    padding: 1.5rem 0;
}

.paging-navigation .nav-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 1rem;
    position: relative;
}

.paging-navigation .nav-links .page-numbers {
    display: -ms-grid;
    display: grid;
    place-content: center;
    font-weight: 600;
    border: 1px solid var(--accent);
    border-radius: 50%;
    height: 2.5rem;
    width: 2.5rem;
    padding: .25rem;
}

.paging-navigation .nav-links .page-numbers.dots {
    border: none;
    color: var(--accent);
}

.paging-navigation .nav-links .page-numbers.current,
.paging-navigation .nav-links .page-numbers:not(.dots):hover {
    background-color: var(--accent);
    color: var(--base);
    text-decoration: none;
}

/* landingspage */


.page-id-13615 .title {
    display: flex;
    align-items: center;
}

.landing {
    font-family: degular;
    font-weight: 600;
    font-size: 1.25rem;
    padding: 1.125rem 1.5rem;
}

.landing-links {
      display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
  
}

.landing-links p.linksub a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.5rem 1rem;
    border-radius: 100vw;
    background-color: var(--accent);
  	float:left;
}

.landing-links p a {
    color: var(--base);
}

.landing-links p a:hover {
    background-color: var(--dark-accent);
}

.landing-links a::before {
    content: '';
    background-color: var(--base);
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M32 229.5L32 80c0-8.8 7.2-16 16-16l149.5 0c8.5 0 16.6 3.4 22.6 9.4l176 176c12.5 12.5 12.5 32.8 0 45.3L262.6 428.1c-12.5 12.5-32.8 12.5-45.3 0l-176-176L18.7 274.7l22.6-22.6c-6-6-9.4-14.1-9.4-22.6zm-32 0c0 17 6.7 33.3 18.7 45.3l176 176c25 25 65.5 25 90.5 0L418.7 317.3c25-25 25-65.5 0-90.5l-176-176c-12-12-28.3-18.7-45.3-18.7L48 32C21.5 32 0 53.5 0 80L0 229.5zM112 168a24 24 0 1 0 0-48 24 24 0 1 0 0 48z'/%3E%3C/svg%3E") no-repeat 50% 50% / 1rem;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M32 229.5L32 80c0-8.8 7.2-16 16-16l149.5 0c8.5 0 16.6 3.4 22.6 9.4l176 176c12.5 12.5 12.5 32.8 0 45.3L262.6 428.1c-12.5 12.5-32.8 12.5-45.3 0l-176-176L18.7 274.7l22.6-22.6c-6-6-9.4-14.1-9.4-22.6zm-32 0c0 17 6.7 33.3 18.7 45.3l176 176c25 25 65.5 25 90.5 0L418.7 317.3c25-25 25-65.5 0-90.5l-176-176c-12-12-28.3-18.7-45.3-18.7L48 32C21.5 32 0 53.5 0 80L0 229.5zM112 168a24 24 0 1 0 0-48 24 24 0 1 0 0 48z'/%3E%3C/svg%3E") no-repeat 50% 50% / 1rem;
    width: 1rem;
    height: 1rem;
    transition: background-color 100ms ease;
}

.landing-omschrijving {
  padding: 1.25rem 0;
}

.page-id-13615 .laatste-recepten-wrapper {
  padding: 3.125rem 0;
}

p.linksub {
  display: flex;
  gap: .675rem;
  flex-wrap: wrap;
}


/* Left sidebar FacetWP */

.left-sidebar-container {
    padding-left: 1rem;
}

.facet-label {
    font-weight: 600;
    margin-top: 1rem;
    display: none;
}

.facetwp-facet.facetwp-facet-categorie_zoeken {
    border: 1px solid #bbb;
    border-radius: 0.25rem;
    margin-bottom: 1.5rem;
}

.search-no-results .facetwp-facet.facetwp-facet-categorie_zoeken {
    display: none;
}

.facetwp-facet-categorie_zoeken .facetwp-input-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0.5rem;
}

.facetwp-facet-categorie_zoeken .facetwp-input-wrap .facetwp-icon {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    opacity: 1;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: .25rem;
    background-color: var(--accent);
}

.facetwp-facet-categorie_zoeken .facetwp-input-wrap .facetwp-icon:hover {
    background-color: var(--dark-accent);
}

.facetwp-facet-categorie_zoeken .facetwp-input-wrap .facetwp-icon:before {
    background-image: url(https://www.lekkeretenmetlinda.nl/wp-content/themes/generatepress_child/assets/images/magnifying-glass-regular.svg);
}

.facetwp-facet-categorie_zoeken .facetwp-input-wrap .facetwp-search {
    border-radius: 0.25rem;
    min-width: unset;
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.facetwp-type-checkboxes .facetwp-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-weight: 500;
    line-height: 2rem;
    padding-left: 1.7rem;
    margin-bottom: .5rem;
    background: url(https://www.lekkeretenmetlinda.nl/wp-content/themes/generatepress_child/assets/images/empty-checkbox.svg) 0 50% no-repeat;
}

.facetwp-type-checkboxes .facetwp-checkbox.checked {
    background-image: url(https://www.lekkeretenmetlinda.nl/wp-content/themes/generatepress_child/assets/images/filled-checkbox.svg);
}

.facetwp-facet.facetwp-type-checkboxes {
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
}

.facetwp-type-checkboxes .facetwp-toggle {
    text-decoration: underline;
    font-weight: 500;
}

.facetwp-type-checkboxes .facetwp-toggle:hover {
    color: var(--dark-accent);
}

.facetwp-facet.facetwp-type-reset {
    margin-bottom: 1.5rem;
}

.facetwp-reset {
    font-weight: 500;
    text-decoration: underline;
}

.facetwp-selections ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
    margin-left: 0;
}

.facetwp-selections ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.5rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.sidebar .facetwp-selections ul li:last-child,
.facetwp-flyout-content .facetwp-selections ul li:last-child {
    margin-bottom: 1rem;
}

.sidebar .facetwp-selections .facetwp-selection-label,
.facetwp-flyout-content .facetwp-selections .facetwp-selection-label {
    font-weight: 600;
}

.sidebar .facetwp-selections .facetwp-selection-value,
.facetwp-flyout-content .facetwp-selections .facetwp-selection-value {
    padding: 0.5rem 0.75rem;
    padding-left: 2rem;
    margin-right: 0;
    background-position: 0.75rem center;
    background-color: var(--contrast-2);
    border-radius: 4rem;
}

.sidebar .facetwp-selections .facetwp-selection-value:hover,
.facetwp-flyout-content .facetwp-selections .facetwp-selection-value:hover {
    background-color: #DCC6AA;
}

.archive .facetwp-flyout,
.blog .facetwp-flyout,
.search .facetwp-flyout {
    width: 350px;
    max-width: 95%;
}

.facetwp-flyout .facetwp-flyout-close {
    font-size: 2rem;
}


/* Single Post */

.single.separate-containers .post>.inside-article {
    padding-top: 0;
}

.single-post-banner {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

.single-post-banner-container .single-post-banner {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 100px 1fr 100px;
    grid-template-rows: 100px 1fr 100px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-height: 640px;
}

.single-post-banner-container .banner-image {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1/4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    max-height: 500px;
}

.single-post-banner-no-recipe-container .banner-image {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    max-height: 640px;
}

.single-post-banner-container .banner-button-container {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    margin-left: auto;
    margin-right: 1.5rem;
}

.single-post-banner-container .banner-button-container .button {
    font-size: 1.125rem;
    color: var(--contrast);
    background-color: var(--base);
    padding: .75rem 1.5rem;
    text-align: center;
}

.single-post-banner-container .banner-button-container .button:hover {
    background-color: var(--accent);
    color: var(--base);
}

.single-post-banner-container .wprm-recipe-add-to-collection-container {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    margin-left: auto;
    margin-right: 1rem;
}

.single-post-banner-container .wprm-recipe-add-to-collection .wprm-recipe-icon {
    width: 4rem;
    height: 4rem;
    display: -ms-grid;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
}

.single-post-banner-container .wprm-recipe-add-to-collection .wprm-recipe-icon:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.single-post-banner-container .wprm-recipe-add-to-collection img {
    width: 1.75rem;
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
}

.single-recipe-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
    padding: 0 1rem;
}

.single-recipe-meta .rating {
    min-height: 1.75rem;
}

.single-recipe-meta .wprm-recipe-rating {
    display: flex;
    align-items: center;
}

.single-recipe-meta .cooking-time-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1rem;
}

.single-recipe-meta .cooking-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: .5rem;
    border: 1px solid var(--border-color);
}

.single-recipe-meta .categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: .5rem;
}

.single-recipe-meta .category-tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.5rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: .9rem;
    padding: 0.375rem .75rem;
    border-radius: 100vw;
    background-color: var(--accent);
}

.single-recipe-meta .category-tag:hover {
    background-color: var(--dark-accent);
}

.single-recipe-meta .category-tag a {
    color: var(--base);
}

.single-recipe-meta .category-tag svg {
    width: 1.5em;
    height: 1.5em;
    color: var(--base);
}

.single-recipe-meta .cooking-time .wprm-recipe-time-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    gap: .25rem;
}

.single-recipe-meta .cooking-time>.wprm-recipe-time-container:not(:first-of-type) .wprm-recipe-time::before {
    content: "+";
}

.single-recipe-meta .cooking-time .wprm-recipe-time-container>.wprm-block-text-normal {
    font-weight: 600;
}

.single-recipe-meta .cooking-time .wprm-recipe-details-unit {
    font-size: .9rem;
}

.single-recipe-meta .rating .wprm-recipe-rating-details {
    font-size: .9rem;
}

.rating .wprm-rating-star svg {
    margin: 0 1px;
}

.rating .wprm-rating-star img {
    max-width: 1.25rem;
}

.rating .wprm-rating-star .icon {
    color: var(--accent);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FFA800;
    margin: 0 1px;
}

.rating .wprm-rating-star.wprm-rating-star-full .icon,
.rating .wprm-rating-star.wprm-rating-star-selecting-filled .icon {
    color: #FFA800;
}

.rating .wprm-rating-star svg {
    vertical-align: text-top;
    margin-top: 0!important;
}

.single .tags-links,
.single .cat-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1rem 0.5rem;
}

.single .cat-links {
    margin-bottom: 2rem;
}

.single .tags-links h2,
.single .cat-links h2 {
    margin-top: -0.5rem;
    margin-bottom: 0;
    margin-right: 1rem;
    color: var(--contrast);
}

.single .tags-links a,
.single .cat-links a {
    font-size: .9rem;
    padding: .375rem .75rem;
    border-radius: 100vw;
}

.single .tags-links a {
    background-color: var(--contrast-2);
    color: var(--contrast);
}

.single .cat-links a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.5rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: var(--accent);
    color: var(--base);
}

.single .tags-links a:hover {
    background-color: #DCC6AA;
    text-decoration: none;
}

.single .cat-links a:hover {
    background-color: var(--dark-accent);
    text-decoration: none;
}

.single .cat-links a::before {
    content: '';
    background-color: var(--base);
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M32 229.5L32 80c0-8.8 7.2-16 16-16l149.5 0c8.5 0 16.6 3.4 22.6 9.4l176 176c12.5 12.5 12.5 32.8 0 45.3L262.6 428.1c-12.5 12.5-32.8 12.5-45.3 0l-176-176L18.7 274.7l22.6-22.6c-6-6-9.4-14.1-9.4-22.6zm-32 0c0 17 6.7 33.3 18.7 45.3l176 176c25 25 65.5 25 90.5 0L418.7 317.3c25-25 25-65.5 0-90.5l-176-176c-12-12-28.3-18.7-45.3-18.7L48 32C21.5 32 0 53.5 0 80L0 229.5zM112 168a24 24 0 1 0 0-48 24 24 0 1 0 0 48z'/%3E%3C/svg%3E") no-repeat 50% 50% / 1.25em;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M32 229.5L32 80c0-8.8 7.2-16 16-16l149.5 0c8.5 0 16.6 3.4 22.6 9.4l176 176c12.5 12.5 12.5 32.8 0 45.3L262.6 428.1c-12.5 12.5-32.8 12.5-45.3 0l-176-176L18.7 274.7l22.6-22.6c-6-6-9.4-14.1-9.4-22.6zm-32 0c0 17 6.7 33.3 18.7 45.3l176 176c25 25 65.5 25 90.5 0L418.7 317.3c25-25 25-65.5 0-90.5l-176-176c-12-12-28.3-18.7-45.3-18.7L48 32C21.5 32 0 53.5 0 80L0 229.5zM112 168a24 24 0 1 0 0-48 24 24 0 1 0 0 48z'/%3E%3C/svg%3E") no-repeat 50% 50% / 1.25em;
    width: 1.25em;
    height: 1.25em;
    transition: background-color 100ms ease;
}


.single-post-navigation .gb-grid-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    padding: 1.5rem 1rem;
}

.single-post-navigation .gb-grid-wrapper .gb-grid-column {
    width: auto;
}

.single-post-navigation .prev-post-container .gb-headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .5rem;
}

.single-post-navigation .next-post-container .gb-headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: .5rem;
}

.single-post-navigation .gb-headline .gb-icon {
    padding: 0;
}

.single-post-navigation .prev-post-container a,
.single-post-navigation .next-post-container a {
    display: block;
    color: var(--contrast);
    font-weight: 600;
}

.single-post-navigation .prev-post-container a:hover,
.single-post-navigation .next-post-container a:hover {
    color: var(--accent);
}

.single-blog-contact-box p:last-child {
    margin-bottom: 0;
}

.single-blog-contact-box a {
    font-weight: 600;
    text-decoration: underline;
}

.wprm-recipe-servings-text-buttons-container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background-color: var(--base);
    padding: 1rem 1rem;
    border-radius: 2rem;
    margin-top: 0.75rem;
}

#main .ingredienten-servings .wprm-recipe-servings-text-buttons-container .wprm-recipe-servings-change {
    display: -ms-grid;
    display: grid;
    place-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 1rem;
    height: 1rem;
    font-weight: 600;
    padding: 0.8rem;
    font-size: 1.125rem;
    border: 2px solid black !important;
    border-radius: 100vw!important;
}

#main .ingredienten-servings .wprm-recipe-servings-text-buttons-container .wprm-recipe-servings-decrement {
    margin-right: 1rem;
}

#main .ingredienten-servings .wprm-recipe-servings-text-buttons-container .wprm-recipe-servings-increment {
    margin-left: 1rem;
}

#main .ingredienten-servings .wprm-recipe-servings-text-buttons-container .wprm-recipe-servings {
    border: none;
    width: 1.5rem;
    font-size: inherit;
}

.ingredienten-servings .wprm-recipe-details-unit {
    font-size: 1rem;
}

.single .sidebar .inside-right-sidebar {
    height: 100%;
}


/* Pages */

.page-template-default .page>.inside-article {
    padding-top: 0;
}

.page .featured-image {
    margin-left: -1rem;
    margin-right: -1rem;
}

.page .two-columns-normal img {
    max-height: 650px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: .25rem;
}

.page .two-columns-normal.right-image .gb-grid-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
}

.content-newsletter .gb-icon {
    color: transparent;
}

/* Single Weekmenu */

.single-weekmenu-dag-container {
    margin-bottom: 1.5rem;
}

.single-weekmenu-dag-container img {
    border-radius: .25rem;
}

@media ( width > 1024px ) {

    .single-weekmenu-dag-container {
        margin-bottom: 2.5rem;
    }

}


/* Contactformulier */

.contactformulier-container {
    border-radius: .25rem;
}

.contactformulier-container .gform_wrapper .gform_fields input:not([type="submit"]),
.contactformulier-container .gform_wrapper .gform_fields textarea {
    padding: 1.25rem 1.5rem;
    border-radius: .25rem;
}

.contactformulier-container .gform_wrapper .gform_fields input::-webkit-input-placeholder, .contactformulier-container .gform_wrapper .gform_fields textarea::-webkit-input-placeholder {
    font-family: 'degular';
    font-weight: 600;
    font-size: 1.25rem;
    color: var(--contrast);
    font-weight: 600;
}

.contactformulier-container .gform_wrapper .gform_fields input::-moz-placeholder, .contactformulier-container .gform_wrapper .gform_fields textarea::-moz-placeholder {
    font-family: 'degular';
    font-weight: 600;
    font-size: 1.25rem;
    color: var(--contrast);
    font-weight: 600;
}

.contactformulier-container .gform_wrapper .gform_fields input:-ms-input-placeholder, .contactformulier-container .gform_wrapper .gform_fields textarea:-ms-input-placeholder {
    font-family: 'degular';
    font-weight: 600;
    font-size: 1.25rem;
    color: var(--contrast);
    font-weight: 600;
}

.contactformulier-container .gform_wrapper .gform_fields input::-ms-input-placeholder, .contactformulier-container .gform_wrapper .gform_fields textarea::-ms-input-placeholder {
    font-family: 'degular';
    font-weight: 600;
    font-size: 1.25rem;
    color: var(--contrast);
    font-weight: 600;
}

.contactformulier-container .gform_wrapper .gform_fields input::placeholder,
.contactformulier-container .gform_wrapper .gform_fields textarea::placeholder {
    font-family: 'degular';
    font-weight: 600;
    font-size: 1.25rem;
    color: var(--contrast);
    font-weight: 600;
}

.contactformulier-image .gb-inside-container,
.contactformulier-image figure,
.contactformulier-image img {
    height: inherit;
}

.contactformulier-image .wp-block-image img {
    -o-object-fit: cover;
       object-fit: cover;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}


/* Fitchef */

.fitchef-block-image-container .gb-inside-container,
.fitchef-block-image-container figure,
.fitchef-block-image-container img {
    height: inherit;
}

.fitchef-block-image-container .gb-inside-container {
    display: -ms-grid;
    display: grid;
}

.fitchef-block-image-container>.gb-inside-container>figure {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    display: -ms-grid;
    display: grid;
    place-content: center;
}

.fitchef-block-image-container .gb-inside-container>figure img {
    border-radius: .25rem .25rem 0 0;
}

.fitchef-block-image-container>.gb-inside-container>.fitchef-logo-container {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    margin-top: auto;
}

.fitchef-block-image-container .fitchef-logo-container>.gb-inside-container {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0.75rem;
    background-color: var(--base);
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
    padding: 0.75rem;
    border-radius: .25rem;
}

.fitchef-sidebar-logo-container>.gb-inside-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
    padding: 0.75rem;
}

.fitchef-block-image-container .fitchef-logo-container p,
.fitchef-sidebar-logo-container p {
    margin-bottom: 0;
}

.fitchef-block-image-container .fitchef-logo-container img,
.fitchef-sidebar-logo-container img {
    max-width: 100px;
}

.fitchef-form-container {
    border-radius: 0 0 .25rem .25rem;
}

.fitchef .fitchef-form-container h2 {
    text-align: center;
    margin-bottom: 0;
}

.fitchef .fitchef-form-container p {
    text-align: center;
    max-width: 350px;
    width: 100%;
    margin: .5rem auto 1rem;
}

.fitchef .fitchef-form-container .fc-widget,
.fitchef.fitchef-widget-sidebar .fc-widget {
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    padding: 0;
}

.fitchef .fitchef-form-container .fc-widget form fieldset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
}

.fitchef .fitchef-form-container .fc-widget form legend,
.fitchef.fitchef-widget-sidebar .fc-widget form legend {
    display: none;
}

.fitchef .fitchef-form-container .fc-widget form .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
}

.fitchef .fitchef-form-container .fc-widget form .form-group label,
.fitchef.fitchef-widget-sidebar .fc-widget form .form-group label {
    color: var(--contrast);
    font-family: 'degular';
    font-size: 1.25rem;
    font-weight: 600;
    text-align: center;
    width: 100%;
    margin-bottom: 1rem;
}

.fitchef .fitchef-form-container .fc-widget form .form-group select,
.fitchef.fitchef-widget-sidebar .fc-widget form .form-group select {
    color: var(--contrast);
    font-family: 'degular';
    font-size: 1.25rem;
    font-weight: 600;
    height: unset;
    padding: 1.25rem 1.5rem;
    border: none;
}

.fitchef .fitchef-form-container .fc-widget form .form-group select option,
.fitchef.fitchef-widget-sidebar .fc-widget form .form-group select option {
    font-weight: 600;
}

.fitchef .fitchef-form-container .fc-widget form button,
.fitchef.fitchef-widget-sidebar .fc-widget form button {
    font-family: 'degular';
    font-size: 1.25rem;
    font-weight: 600;
    width: 100%;
    border: none!important;
    padding: 1.25rem 1.5rem;
}

.fitchef .fitchef-form-container .fc-widget form button:hover {
    border: none!important;
}

.fitchef .fitchef-form-container .fc-widget form button:active:focus {
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
}

/* FAQ rankmath */
#rank-math-faq .rank-math-list-item {
     border: none;
    border-bottom: 1px solid #e4e4e4;
    border-radius: 0;
    margin-bottom: 0;
}

#rank-math-faq .rank-math-question {
    font-size: 1.25rem;
    font-weight: 600;
}

#rank-math-faq .rank-math-question:after {
    color: var(--accent);
}

#rank-math-faq .rank-math-question.faq-q-open {
    border-bottom: none;
}

#rank-math-faq .rank-math-answer {
  border-bottom:none;
}

.rank-math-answer p {
  margin-bottom:0;
}

/* Table of content Rank Math */

.wp-block-rank-math-toc-block ul {
    margin-left: 1.75em;
}

.wp-block-rank-math-toc-block ul ul {
    margin-left: 1em;
}

.wp-block-rank-math-toc-block li {
    margin-bottom: .25em;
}

.wp-block-rank-math-toc-block a {
    color: var(--contrast);
    text-decoration: underline;
}

.wp-block-rank-math-toc-block a:is(:hover,:focus-visible) {
    text-decoration: none;
}

/* Right sidebar */

.is-right-sidebar {
    margin-top: 1.5rem;
    width: auto;
}

.is-right-sidebar h3 {
    font-weight: 600;
    margin-top: .5rem;
}

.sidebar-about figure {
    margin-bottom: -108px;
    /* = 50% image height */
}

.sidebar-about figure img {
    display: block;
    margin: 0 auto;
}

.sidebar .gb-inside-container {
    transition: transform linear 0.25s;
}

.sidebar .gb-container-link:hover+.gb-inside-container {
    -webkit-transform: translateY(-0.25rem);
        -ms-transform: translateY(-0.25rem);
            transform: translateY(-0.25rem);
}

.sidebar .gb-container-link:hover+.gb-inside-container h3 {
    color: var(--accent);
}

.sidebar-themarecept img:hover,
.sidebar-weekmenu img:hover,
.sidebar-uitgelicht img:hover {
    aspect-ratio: 1.22/1;
    width: 100%;
}

.sidebar-highlighted-posts .gb-query-loop-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1rem 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-left: 0;
}

.sidebar-highlighted-posts .gb-query-loop-wrapper .gb-query-loop-item {
    padding: 0;
}

.sidebar-highlighted-posts .gb-query-loop-wrapper .gb-query-loop-item .gb-inside-container {
    padding: 0;
    transition: transform linear 0.25s;
}

.sidebar-highlighted-posts .gb-query-loop-wrapper .gb-query-loop-item .gb-inside-container:hover {
    -webkit-transform: translateY(-0.25rem);
        -ms-transform: translateY(-0.25rem);
            transform: translateY(-0.25rem);
}

.sidebar-highlighted-posts .gb-query-loop-wrapper .gb-query-loop-item .gb-inside-container h3 a {
    display: inherit;
    margin-top: 0.25rem;
}

.sidebar-highlighted-posts .gb-query-loop-wrapper .gb-query-loop-item .gb-inside-container:hover h3 a {
    color: var(--accent);
}

.sidebar-highlighted-posts h3 {
    margin-top: 0;
    word-break: normal;
    overflow-wrap: anywhere;
}

.sidebar-highlighted-posts a {
    color: var(--contrast);
    font-size: 1.25rem;
    line-height: 1.5rem;
}

.sidebar-highlighted-posts figure {
    margin: 0;
}

.sidebar-highlighted-posts img {
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 1.35/1;
    width: 100%;
    border-radius: .25rem;
}

.sidebar .sidebar-newsletter .gb-icon {
    color: transparent;
}

.sidebar .sidebar-newsletter .gform_confirmation_wrapper {
    text-align: center;
    padding-bottom: 2rem;
    font-weight: 600;
}


/* Whatsapp share */

.wprm-recipe-link.whatsapp-share-link {
    color: #333;
    font-weight: 400;
}


/* Yarpp related posts */

.yarpp.yarpp-related {
    margin-bottom: 4rem;
    margin-top: 2rem;
    padding: 0 1rem;
}

.yarpp-related .yarpp-recepten {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

.yarpp-recepten .yarpp-recept:nth-last-of-type(-n+3) {
    display: none;
}

.yarpp-related .block-title {
    text-align: center;
}

.yarpp.yarpp-related h3 {
    margin-top: 0.25em;
    text-transform: none;
}

.yarpp-related a.category {
    font-weight: 400;
}

.yarpp-related h3 a {
    color: var(--contrast);
    font-size: 1.5rem;
    font-weight: 600;
}

.yarpp-related h3 a:hover {
    text-decoration: underline;
}


/* Footer */

.before-footer-widgets>.gb-inside-container {
    border-bottom: 1px solid rgb(255 255 255 / 30%);
}

.inschrijfformulier_wrapper .inschrijfformulier .gform-body .gform_fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 500px;
    background-color: white;
    border-radius: .25rem;
}

.content-newsletter .inschrijfformulier_wrapper .inschrijfformulier .gform-body .gform_fields {
    margin-left: auto;
    margin-right: auto;
}

.e-book-formulier_wrapper .e-book-formulier .gform-body .gform_fields {
    border: 1px solid var(--border-color);
    padding: 0.5rem;
}

.inschrijfformulier_wrapper .inschrijfformulier .gform-body .gform_fields>.gfield:first-child {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.inschrijfformulier_wrapper .inschrijfformulier .gform_fields .ginput_container_email {
    height: 100%;
}

.inschrijfformulier_wrapper .inschrijfformulier .gform_fields .ginput_container_email input {
    background-color: var(--base);
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    height: 100%;
}

.inschrijfformulier_wrapper .inschrijfformulier .gform_fields .ginput_container_email input::-webkit-input-placeholder {
    font-weight: 600;
    color: var(--contrast);
}

.inschrijfformulier_wrapper .inschrijfformulier .gform_fields .ginput_container_email input::-moz-placeholder {
    font-weight: 600;
    color: var(--contrast);
}

.inschrijfformulier_wrapper .inschrijfformulier .gform_fields .ginput_container_email input:-ms-input-placeholder {
    font-weight: 600;
    color: var(--contrast);
}

.inschrijfformulier_wrapper .inschrijfformulier .gform_fields .ginput_container_email input::-ms-input-placeholder {
    font-weight: 600;
    color: var(--contrast);
}

.inschrijfformulier_wrapper .inschrijfformulier .gform_fields .ginput_container_email input::placeholder {
    font-weight: 600;
    color: var(--contrast);
}

.inschrijfformulier_wrapper .inschrijfformulier .gform_fields #field_submit {
    background-color: var(--light-accent);
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

.e-book-formulier_wrapper .e-book-formulier .gform_fields #field_submit {
    border-radius: .25rem;
}

.sidebar-newsletter .inschrijfformulier_wrapper .inschrijfformulier .gform_fields #field_submit {
    background-color: var(--base);
}

.inschrijfformulier_wrapper .inschrijfformulier .gform_fields #field_submit .gform-button {
    min-width: 1.5rem;
    padding: 1.5rem;
}

.inschrijfformulier.gform_confirmation_wrapper {
    padding-bottom: 2rem;
    font-weight: 600;
}

.footer-widgets .inside-footer-widgets {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
}

.footer-widgets .inside-footer-widgets>div:nth-child(odd):not(:last-of-type) {
    padding-right: 1rem;
}

.footer-widgets .inside-footer-widgets .footer-widget-5 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
}

.footer-widgets .copyright {
    margin-bottom: 0.5em;
}

.footer-widgets a:hover {
    text-decoration: underline;
}

.footer-copyright-container .gb-inside-container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-bottom: 2rem;
}

.footer-copyright-container ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 1rem;
    margin: 0;
}

.footer-copyright-container a:hover {
    color: var(--base);
    text-decoration: underline;
}

/* Ultimate Member - all using importants */

.um .um-form input[type=text], .um .um-form input[type=search], .um .um-form input[type=tel], .um .um-form input[type=password], .um .um-form textarea {
    color: var(--contrast)!important;
    border-radius: 0.25rem!important;
}

.um-request-button {
    background-color: var(--accent)!important;
}

.um-request-button:hover {
    background-color: var(--dark-accent)!important;
}

.um input[type=submit].um-button, .um input[type=submit].um-button:focus, .um a.um-button:not(.um-alt), .um a.um-button.um-disabled:hover, .um a.um-button.um-disabled:focus, .um a.um-button.um-disabled:active {
    background: var(--accent)!important;
}

.um input[type=submit].um-button:hover {
    background: var(--dark-accent)!important;
}

.um .um-tip:hover, .um .um-field-radio.active:not(.um-field-radio-state-disabled) i, .um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i, .um .um-member-name a:hover, .um .um-member-more a:hover, .um .um-member-less a:hover, .um .um-members-pagi a:hover, .um .um-cover-add:hover, .um .um-profile-subnav a.active, .um .um-item-meta a, .um-account-name a:hover, .um-account-nav a.current, .um-account-side li a.current span.um-account-icon, .um-account-side li a.current:hover span.um-account-icon, .um-dropdown li a:hover, i.um-active-color, span.um-active-color {
    color: var(--accent)!important;
}

.um-page-register h1,
.um-page-login h1,
.um-page-loggedout h1 {
    text-align: center;
}

.um-page-login .um-field-checkbox:not(.um-field) {
    margin: 1rem 0;
}

.um-field {
    margin-bottom: 0.5rem;
}

.um-field-label label {
    color: var(--contrast);
}

.um-account-meta {
    display: none!important;
}

.um-account-side li {
    background-color: var(--base)!important;
}

.um-account-side li a {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-align: center!important;
        -ms-flex-align: center!important;
            align-items: center!important;
    font-size: 1rem!important;
    padding: 0.5rem!important;
}

.um-account-side li a:hover {
    background: var(--base)!important;
}

.um-account-side li a:hover .um-account-title {
    text-decoration: underline;
}

.um-account-nav a {
    font-size: 1rem!important;
}

.um-account-nav span.arr {
    font-size: 1rem!important;
}

.um-account-side li a span.um-account-arrow {
    position: relative!important;
    right: initial!important;
    top: initial!important;
    font-size: 1rem!important;
    margin-left: 0.5rem!important;
}

.um-account-icon {
    font-size: 1.5rem!important;
}

.um-page-account .um-account-main div.um-account-heading {
    color: var(--contrast)!important;
    margin-bottom: 1rem!important;
}

.um-page-account .um-account-main div.um-account-heading i {
    color: var(--accent);
}

.um-page-account div.uimob800 .um-account-side li a.current:hover {
    color: #666!important;
}

.wprmprc-action.wprmprc-overview-grid-collection-add,
.wprmprc-collection-add-column {
    opacity: 1!important;
    text-decoration: underline;
    margin-top: 1rem;
}

.wprmprc-collection-group-add-item {
    margin-top: .5rem;
}

.um-account .wprmprc-container-header-container .wprmprc-container-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 1rem;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-bottom: 2rem;
}

.um-account .wprmprc-container-header-container .wprmprc-container-header-actions {
    display: none;
}

.wprmprc-container-header-container .wprmprc-container-header .wprmprc-header-link {
    text-decoration: none;
}

.wprmprc-overview-grid-collection.wprmprc-overview-grid-collection-clickable .wprmprc-overview-grid-collection-name, .wprmprc-overview-grid-collection.wprmprc-overview-grid-collection-clickable .wprmprc-overview-grid-collection-images-container {
    font-weight: 600;
    margin-left: .25rem;
}

.wprmprc-overview-grid-collection .wprmprc-icon svg {
    width: 1.25rem;
}

.wprm-recipe-collections-layout-grid .wprmprc-collection {
    display: block!important;
    margin-top: 0.5rem!important;
}

.wprm-recipe-collections-layout-grid .wprmprc-collection-group .wprmprc-collection-group-items {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
    gap: 1rem;
}

.um .um-form .css-1g6gooi input[type=text],
.um .um-form .css-1g6gooi input[type=text]:focus {
    border: none!important;
}

.wprm-recipe-collections-layout-grid .wprmprc-collection-item .wprmprc-collection-item-servings {
    display: none!important;
}

.wprmprc-collection-item-action-order {
    display: none!important;
}

.wprmprc-collection-item-action .wprmprc-icon svg {
    width: 2rem;
    max-height: 2rem;
}

.wprmprc-collection-item-action-add .wprmprc-icon svg {
    width: 1.5rem;
    max-height: 1.5rem;
    vertical-align: middle;
}

.wprm-recipe-collections-layout-grid .wprmprc-collection-item {
    padding: 1rem;
    border: 1px solid var(--border-color)!important;
    margin-bottom: 0!important;
}

.wprm-recipe-collections-layout-grid .wprmprc-collection-actions-add-item  .wprmprc-collection-item {
    padding: 1rem;
    border: 1px solid var(--border-color)!important;
    margin-bottom: .25rem!important;
}

.wprm-recipe-collections-layout-grid .wprmprc-collection-item .wprmprc-collection-item-main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    position: relative;
}

.wprm-recipe-collections-layout-grid .wprmprc-collection-actions-add-item .wprmprc-collection-item .wprmprc-collection-item-main {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.wprm-recipe-collections-layout-grid .wprmprc-collection-item .wprmprc-collection-item-main .wprmprc-collection-item-details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
}

.wprm-recipe-collections-layout-grid .wprmprc-collection-actions-add-item .wprmprc-collection-item .wprmprc-collection-item-main .wprmprc-collection-item-details {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1rem;
}

.wprmprc-collection-item-name {
    max-width: 80%;
}

.wprm-recipe-collections-layout-grid .wprmprc-collection-item .wprmprc-collection-item-main .wprmprc-collection-item-details .wprmprc-collection-item-image {
    padding: 0!important;
    font-size: initial!important;
}

.wprm-recipe-collections-layout-grid .wprmprc-collection-item .wprmprc-collection-item-main .wprmprc-collection-item-details .wprmprc-collection-item-image img {
    width: 100%!important;
    max-width: 300px;
    aspect-ratio: 1/1;
    -o-object-fit: cover;
       object-fit: cover;
}

.wprm-recipe-collections-layout-grid .wprmprc-collection-actions-add-item .wprmprc-collection-item .wprmprc-collection-item-main .wprmprc-collection-item-details .wprmprc-collection-item-image img {
    width: 75px!important;
    max-width: 300px;
    aspect-ratio: 1/1;
    -o-object-fit: cover;
       object-fit: cover;
    vertical-align: bottom;
}

.wprmprc-collection-item-name {
    font-size: 1rem;
    font-weight: 700;
}

.wprmprc-collection-actions-add-item .wprmprc-collection-item-name {
    font-weight: 400;
}

.wprm-recipe-collections-layout-grid .wprmprc-collection-item .wprmprc-collection-item-main .wprmprc-collection-item-actions {
    min-height: initial!important;
    position: absolute;
    right: 0;
}

.wprm-recipe-collections-layout-grid .wprmprc-collection-actions-add-item .wprmprc-collection-item .wprmprc-collection-item-main .wprmprc-collection-item-actions {
    position: relative;
}

.wprm-recipe-collections-layout-grid .wprmprc-collection-actions-add-item .wprmprc-collection-action-select-items .wprmprc-collection-action-select-items-add {
    font-size: 1rem!important;
    padding-bottom: .25rem;
    font-weight: 600;
    margin-top: 0.5rem;
}

.wprm-recipe-collections-layout-grid .wprmprc-collection-group .wprmprc-collection-group-header {
    margin-bottom: 1rem;
}

/* Branded content -- post id bewust gebruikt omdat deze niet verandert */

.postid-33247 .post-33247 .entry-title {
    margin-top: .5em;
}

.postid-33247 .post-33247 .entry-meta {
    display: none;
}

/* Responsive - Media queries */

@media only screen and (min-width: 370px) {

    .mobile-navbar-inner .account-icon {
        display: block;
    }

}

@media only screen and (min-width: 481px) {
    .logo-slogan .gb-inside-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 3rem;
    }
    .yarpp-related .yarpp-recepten {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .yarpp-recepten .yarpp-recept:nth-last-of-type(-n+3) {
        display: block;
    }

    .mobile-navbar-inner {
        gap: 2rem;
    }

}

@media only screen and (min-width: 768px) {
    .logo-slogan .gb-inside-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 3rem;
    }
    .site-logo {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .custom-recipe-thumbnail {
        aspect-ratio: 1.35/1;
    }
    .two-columns-overlap .gb-grid-wrapper {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[6];
        grid-template-columns: repeat(6, 1fr);
    }
    .two-columns-overlap.left-image .gb-grid-wrapper>.gb-grid-column:first-child {
        -ms-grid-column: 1;
        -ms-grid-column-span: 4;
        grid-column: 1 / 5;
        -ms-grid-row: 1;
        grid-row: 1;
        -webkit-box-flex: unset;
            -ms-flex-positive: unset;
                flex-grow: unset;
        width: unset;
    }
    .two-columns-overlap.left-image .gb-grid-wrapper>.gb-grid-column:last-child {
        -ms-grid-column: 4;
        -ms-grid-column-span: 3;
        grid-column: 4 / 7;
        -ms-grid-row: 1;
        grid-row: 1;
        width: unset;
        padding: 2.5rem;
    }
    .two-columns-overlap.right-image .gb-grid-wrapper>.gb-grid-column:first-child {
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1 / 4;
        -ms-grid-row: 1;
        grid-row: 1;
        width: unset;
        z-index: 2;
        padding: 2.5rem;
    }
    .two-columns-overlap.right-image .gb-grid-wrapper>.gb-grid-column:last-child {
        -ms-grid-column: 3;
        -ms-grid-column-span: 4;
        grid-column: 3 / 7;
        -ms-grid-row: 1;
        grid-row: 1;
        width: unset;
        -webkit-box-flex: unset;
            -ms-flex-positive: unset;
                flex-grow: unset;
    }
    .two-columns-overlap figure,
    .two-columns-overlap figure img {
        border-radius: .25rem;
        aspect-ratio: 3/2;

    }
    .single .site-main {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto 1fr auto auto auto;
        grid-template-rows: auto 1fr auto auto auto;
        -ms-grid-columns: 35fr 35fr 30fr;
        grid-template-columns: 35fr 35fr 30fr;
    }
    .single .single-recipe-meta {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
    }   
    .single .site-main > .post {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
    }
    .single .single-post-navigation {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/4;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/4;
    }
    .single .yarpp-wrapper {
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
        grid-row: 4/5;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/4;
    }
    .single .sidebar {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        grid-row: 1/3;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4;
        padding-right: 1rem;
        margin-top: 0;
    }
    .blog .post,
    .archive .post,
    .search .post {
        margin-bottom: 0;
    }
    .single-post-navigation .gb-grid-wrapper {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .yarpp-related .yarpp-recepten {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .yarpp-related h3 a {
        font-size: 1.75rem;
    }
    .blog .site-header,
    .archive .site-header,
    .page-template-default .site-header,
    .search .site-header {
        box-shadow: none;
        -webkit-box-shadow: none;
    }
    .blog .site-content .site-main,
    .archive .site-content .site-main,
    .search .site-content .site-main {
        margin: 0;
    }
    .blog .post .inside-article,
    .archive .post .inside-article,
    .search .post .inside-article,
    .search .page .inside-article {
        -ms-grid-rows: (1fr)[4];
        grid-template-rows: repeat(4, 1fr);
        margin: 0;
    }

    .archive .facetwp-flyout, .blog .facetwp-flyout, .search .facetwp-flyout {
        width: 450px;
    }

    .close-flyout-button {
        bottom: 1rem;
        width: 250px;
    }

    .navigation-search .popular-search .keywords {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    
    .navigation-search .popular-search .keyword {
        padding: .5rem 1rem;
        background-color: var(--contrast-2);
        border-radius: 4rem;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
    }

    .paging-navigation#nav-below {
        margin-left: 1.25rem;
    }
    .paging-navigation .nav-links {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }
    .paging-navigation .nav-links .page-numbers.prev {
        position: absolute;
        left: 0;
    }
    .paging-navigation .nav-links .page-numbers.next {
        position: absolute;
        right: 0;
    }
    .paging-navigation .nav-links .page-numbers.next,
    .paging-navigation .nav-links .page-numbers.prev {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 0.5rem;
        border: none;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        color: var(--contrast);
    }
    .paging-navigation .nav-links .page-numbers.next:hover,
    .paging-navigation .nav-links .page-numbers.prev:hover {
        background-color: initial;
        color: initial;
    }
    .paging-navigation .nav-links .page-numbers.next:hover,
    .paging-navigation .nav-links .page-numbers.prev:hover {
        color: var(--accent);
    }
    .page .featured-image {
        margin-left: 0;
        margin-right: 0;
    }
    .page .featured-image img {
        border-radius: .25rem;
        max-height: 620px;
        -o-object-fit: cover;
           object-fit: cover;
    }
    .page .two-columns-normal.right-image .gb-grid-wrapper {
        -webkit-box-orient: initial;
        -webkit-box-direction: initial;
            -ms-flex-direction: initial;
                flex-direction: initial;
    }
    .contactformulier-container {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .fitchef .fitchef-form-container h2 {
        text-align: left;
    }
    .fitchef .fitchef-form-container p {
        text-align: left;
        max-width: 100%;
        margin: 1rem auto 2rem auto;
    }
    .single .fitchef .fitchef-form-container p {
        margin-bottom: 1rem;
    }
    .fitchef-block-image-container>.gb-inside-container>figure {
        position: relative;
    }
    .fitchef-block-image-container>.gb-inside-container>figure img {
        border-radius: .25rem 0 0 .25rem;
        position: absolute;
        -o-object-fit: cover;
           object-fit: cover;
    }
    .fitchef-block-image-container .gb-inside-container>.fitchef-logo-container {
        z-index: 2;
    }
    .fitchef .fitchef-form-container .fc-widget form .form-group {
        gap: 1rem;
    }
    .fitchef .fitchef-form-container .fc-widget form .form-group label {
        width: unset;
        margin-bottom: 0;
    }
    .single .fitchef .fitchef-form-container .fc-widget form .form-group label {
        width: 100%;
        text-align: left;
    }
    .fitchef .fitchef-form-container .fc-widget form .form-group select {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
    }
    .fitchef .fitchef-form-container .fc-widget form button {
        width: 100%;
        max-width: 350px;
        margin: 2rem auto 0 auto;
        display: block;
    }
    .single .fitchef .fitchef-form-container .fc-widget form button {
        max-width: initial;
        margin: 1rem auto 0 auto;
    }
    .fitchef-form-container {
        border-radius: 0 .25rem .25rem 0;
    }
    .fitchef .fitchef-form-container .fc-widget form fieldset {
        display: block;
    }
    .footer-widgets .inside-footer-widgets {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
    }
    .footer-widgets .inside-footer-widgets .footer-widget-5 {
        -ms-grid-column: 1;
        -ms-grid-column-span: 4;
        grid-column: 1/5;
        margin-top: 3rem;
    }
    .footer-widgets .inside-footer-widgets>div:nth-child(odd):not(:last-of-type) {
        padding-right: 0;
    }

    .footer-copyright-container ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-column-gap: 1rem;
           -moz-column-gap: 1rem;
                column-gap: 1rem;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }

    .footer-copyright-container li:not(:last-child) {
        border-right: 1px solid var(--base);
        padding-right: 1rem;
    }

}

@media only screen and (min-width: 1024px) {
    /* Generatepress desktop breakpoint */
    .blog .site-content .sidebar,
    .archive .site-content .sidebar,
    .search .site-content .sidebar {
        display: block;
    }

    .facet-label {
        display: block;
    }

    .blog .post,
    .archive .post,
    .search .post {
        margin-bottom: 1.25rem;
    }
}

@media only screen and (min-width: 1200px) {
    /* primary menu breakpoint */
    /* Mega Menu -- CSS moet nog nagelopen worden*/
    .site-logo {
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
    }
    .site-header>.inside-header {
        position: relative;
        gap: 1rem;
    }
    .site-header .main-navigation .inside-navigation {
        position: initial;
    }
    nav .main-nav .mega-menu {
        position: initial;
    }

    .site-header.add-shadow {
        -webkit-box-shadow: 0 0 8px -3px var(--border-color);
        box-shadow: 0 0 8px -3px var(--border-color);
    }

    .mobile-header-icons {
        display: none;
    }

    .main-navigation .sub-menu {
        box-shadow: 0 .25rem 2rem rgb(0 0 0 / 12%);
        -webkit-box-shadow: 0 .25rem 2rem rgb(0 0 0 / 12%);
        border-radius: 0.25rem;
    }
    
    #menu-main-menu .mega-menu-title:nth-of-type(1) {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        grid-row: 1/3;
    }
    #menu-main-menu .mega-menu-title:nth-of-type(2) {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        grid-row: 1/3;
    }
    #menu-main-menu .mega-menu-title:nth-of-type(3) {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        grid-row: 1/3;
    }
    #menu-main-menu .mega-menu-title:nth-of-type(4) {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2;
    }
    #menu-main-menu .mega-menu-title:nth-of-type(5) {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3;
        margin-top: 2rem;
    }
    #menu-main-menu .menu-item-type-gs_sim {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        grid-row: 1/3;
    }
    #menu-main-menu .mega-menu-title>a {
        font-weight: 600;
        color: var(--accent);
        padding-bottom: 0;
        cursor: initial;
    }
    #menu-main-menu .mega-menu-title .sub-menu a {
        padding: .125rem 1.75rem;
    }
    #menu-main-menu .mega-menu-title .sub-menu li:last-child a {
        font-weight: 600;
    }
    nav .main-nav .mega-menu>ul {
        position: absolute;
        width: 100%;
        left: 0 !important;
        display: -ms-grid;
        display: grid;
        /*grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));*/
        -ms-grid-columns: 1fr 1fr 1fr 1fr 1.5fr;
        grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr;
        padding: 0;
        background-color: #FFFFFF;
        box-shadow: 0 .25rem 2rem rgb(0 0 0 / 12%);
        -webkit-box-shadow: 0 .25rem 2rem rgb(0 0 0 / 12%);
        border-radius: .25rem;
    }
    nav .main-nav .mega-menu:hover > ul {
        padding: 1rem 2rem 3rem 1rem;
    }
    nav .main-nav .mega-menu>ul>li:hover>a,
    nav .main-nav .mega-menu>ul>li:focus>a,
    nav .main-nav .mega-menu>ul>li[class*="current-"]>a,
    nav .main-nav .mega-menu ul ul {
        background-color: transparent !important;
        color: inherit;
    }
    nav .main-nav .mega-menu ul .sub-menu {
        position: static;
        display: block;
        opacity: 1;
        visibility: visible;
        width: 100%;
        -webkit-box-shadow: 0 0 0;
                box-shadow: 0 0 0;
        left: 0;
        height: auto;
        pointer-events: auto;
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1);
    }
    nav .main-nav .mega-menu ul.toggled-on .sub-menu {
        pointer-events: auto;
    }
    nav .main-nav .mega-menu .sub-menu .menu-item-has-children .dropdown-menu-toggle {
        display: none;
    }
    .fitchef .fitchef-form-container .fc-widget form fieldset {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        gap: 1rem;
    }
    .single .fitchef .fitchef-form-container .fc-widget form fieldset {
        display: block;
    }
    .fitchef .fitchef-form-container .fc-widget form .form-group {
        margin-bottom: 0;
    }
    .footer-widgets-container {
        padding-bottom: 2.5rem;
    }
    .footer-widgets .inside-footer-widgets {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[5];
        grid-template-columns: repeat(5, 1fr);
    }
    .footer-widgets .inside-footer-widgets .footer-widget-5 {
        grid-column: unset;
        margin-top: 0;
    }
    .fitchef .fitchef-form-container .fc-widget form button {
        width: auto;
        margin-top: 0;
    }
    .single .fitchef .fitchef-form-container .fc-widget form button {
        width: 100%;
    }
    .mobile-navbar {
        display: none;
    }

    .blog .post .inside-article .entry-title a,
    .archive .post .inside-article .entry-title a,
    .search .post .inside-article .entry-title a,
    .search .page .inside-article .entry-title a {
        position: relative;
        inset: 0.25rem 0 0 0;
        padding: 0;
        height: inherit;
    }
    .blog .post .post-image img,
    .archive .post .post-image img,
    .search .post .post-image img,
    .search .page .post-image img {
        aspect-ratio: 1.5/1;
    }

    .footer-copyright-container .gb-inside-container {
        padding-top: 2rem;
        border-top: 1px solid rgb(255 255 255 / 30%);
    }

}

@media only screen and (min-width: 1480px) {
    /* site-breedte + padding-left-right */
    .header-top-bar > .gb-inside-container,
    .site-header > .inside-header {
        padding: 0 !important;
    }
    .site-header .main-navigation .inside-navigation {
        gap: 3.5rem;
    }
    .single.separate-containers .inside-article {
        padding: 1rem 1rem 2.5rem 0;
    }
    .single.separate-containers .post>.inside-article {
        margin-top: -1.5rem;
    }
    .single-post-banner .banner-image {
        border-radius: 0.25rem;
    }
    .single-recipe-meta {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 2rem;
    }
    .single.separate-containers .post.category-weekmenu>.inside-article,
    .single.separate-containers .post.tag-leml-no-recipe>.inside-article {
        padding-top: 2rem;
    }
    .single .site-main {
        -webkit-column-gap: 1.5rem;
           -moz-column-gap: 1.5rem;
                column-gap: 1.5rem;
    }
    .single .sidebar {
        padding-right: 0;
    }
    .page .page>.inside-article {
        padding-left: 0;
        padding-right: 0;
    }
    .yarpp.yarpp-related {
        padding-left: 0;
        padding-right: 0;
    }
    .logged-in .create-account-block {
        display: none;
    }
    .create-account-block {
        margin-left: 0;
        margin-right: 0;
    }
    .create-account-block .image-block:before {
        border-radius: .25rem;
    }
    .is-right-sidebar {
        padding-right: 0;
    }
    .left-sidebar-container {
        padding-left: 0;
    }
    .blog .site-content .content-area,
    .archive .site-content .content-area,
    .search .site-content .content-area {
        margin: 0;
    }
    .site .blog-archive-heading-wrapper>.gb-inside-container {
        padding-left: 0;
        padding-right: 0;
    }

    .error404 .site-main > .gb-container > .gb-inside-container {
        padding-left: 0;
        padding-right: 0;
    }
    .before-footer-widgets.gb-container>.gb-inside-container {
        padding-left: 0;
        padding-right: 0;
    }
    .footer-widgets-container {
        padding-left: 0;
        padding-right: 0;
    }

    .footer-copyright-container .gb-inside-container {
        padding-left: 0;
        padding-right: 0;
    }
}

body:not(.fiu-has-branded-ingredients) #page .recipe-ingredienten-container .branded-ingredients-disclaimer {
	display: block !important;
}

/* Mediavine Mobile CSS */
@media only screen and (max-width: 359px) {

    .inside-article {
    padding-left: .675rem !important;
    padding-right: .675rem !important;
    }

}