/*
 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
*/


/* Global */


/* Header */

#secondary-navigation .inside-navigation {
    justify-content: space-between;
    padding: 0 20px;
}

#secondary-navigation .main-nav ul li:last-of-type a {
    padding-right: 0;
}

.topbar-content span {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 40px;
}

.topbar-content,
.topbar-content a {
    color: #fff;
}

.topbar-content a {
    border-left: 1px solid #fff;
    padding-left: 5px;
    margin-left: 5px;
    line-height: 14px;
}

.topbar-content a:hover {
    text-decoration: underline;
}

.site-header .inside-header {
    flex-direction: column;
    justify-content: center;
}

.site-header .main-navigation .inside-navigation {
    justify-content: center;
    padding: 0 20px;
}

.site-header .inside-header .site-logo {
    padding: 10px 0;
}

.site-header .inside-header #site-navigation {
    margin-left: 0;
    width: 100%;
    border-top: 1px solid #e5e5e5;
}

.inside-header .navigation-search {
    background-color: #ffF;
    top: 100%;
    max-width: 50%;
    left: initial;
    right: 0;
    box-shadow: 0 4px 32px rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0 4px 32px rgb(0 0 0 / 12%);
    padding: 1.5rem;
}

.inside-header .navigation-search form {
    display: flex;
    margin-bottom: 15px;
}

.inside-header .navigation-search form .search-field {
    border: 1px solid var(--contrast);
}

.inside-header .navigation-search .search-submit {
    background-color: var(--rood);
    transition-duration: 0.2s;
}

.inside-header .navigation-search .search-submit:hover {
    background-color: var(--contrast);
}

.inside-header .navigation-search .popular-search .title {
    font-family: 'Cardo';
    font-size: 20px;
    margin-bottom: 5px;
}

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

.inside-header .navigation-search .keyword {
    background-color: var(--contrast);
    color: #fff;
    padding: 5px 18px;
    transition-duration: 0.2s;
    font-size: 15px;
}

.inside-header .navigation-search .keyword:hover {
    background-color: var(--rood);
}


/* Page title bar */

.bar-title-breadcrumb-inner-container .gb-inside-container {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}

.bar-title-breadcrumb-inner-container .rank-math-breadcrumb p,
.bar-title-breadcrumb-inner-container .rank-math-breadcrumb a {
    color: #b7b7b7;
    margin-bottom: 0;
    text-decoration: none;
    font-size: 13px;
}


/* Home */

.intro-text-container * {
    color: #fff;
}

body:not(.home) {
    background-image: none;
}

.home .sbi-header {
    color: #fff;
    font-family: 'Cardo';
    text-align: center;
}

.home .bar-title-breadcrumb {
    display: none;
}

.services-item {
    transition-duration: 0.2s;
}

.services-item:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: -webkit-transform 250ms;
    transition: -webkit-transform 250ms;
    -o-transition: transform 250ms;
    transition: transform 250ms;
    transition: transform 250ms, -webkit-transform 250ms;
}


/* .raster-gap-home {
    row-gap: ;
} */

.related-items-page .related-items-image img {
    width: 100%;
}

.services-raster {
    row-gap: 25px;
}


/* Archive and search results */

.post-type-archive-kunstenaar .site-main {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(282px, 1fr));
    gap: 25px;
    padding: 20px;
}

.post-type-archive-collectie .site-main,
.search .site-main .generate-columns-container,
.tag .site-main,
.category .site-main {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    gap: 25px;
    padding: 0px;
}

.post-type-archive-kunstenaar .dynamic-content-template {
    margin-bottom: 0;
}

.post-type-archive-collectie .site-content,
.search .site-content {
    padding: 0 20px;
}

.post-type-archive-collectie .collectie {
    margin-bottom: 0;
}

.search .site-content .dynamic-content-template {
    width: 100%;
    margin-bottom: 0;
}

.search .page-header,
.tag .page-header,
.category .page-header {
    display: none;
}

.post-type-archive .archive-item,
.search .archive-item,
.tag .site-main .dynamic-content-template,
.category .site-main .dynamic-content-template {
    display: flex;
    align-items: stretch;
    height: 100%;
    border: 1px solid var(--border);
}

.post-type-archive .archive-item .gb-inside-container,
.search .archive-item .gb-inside-container,
.tag .site-main .dynamic-content-template .gb-inside-container,
.category .site-main .dynamic-content-template .gb-inside-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

.tag .site-main .dynamic-content-template .gb-inside-container,
.category .site-main .dynamic-content-template .gb-inside-container {
    height: 100%;
}

.post-type-archive .archive-item *,
.search .archive-item * {
    color: var(--contrast);
}

.post-type-archive .archive-item a:hover,
.search .archive-item a:hover,
.tag .site-main .dynamic-content-template a:hover,
.category .site-main .dynamic-content-template a:hover {
    color: var(--rood);
}

.post-type-archive .archive-item img,
.search .archive-item img {
    width: 100%;
}

.post-type-archive .archive-item a,
.search .archive-item a,
.tag .site-main .dynamic-content-template a,
.category .site-main .dynamic-content-template a {
    text-decoration: none;
}

.post-type-archive .site-main .paging-navigation,
.search .site-main .paging-navigation {
    grid-column: 1;
}

.post-type-archive .spec-single-collection,
.search .spec-single-collection {
    font-size: 13px;
    margin: 0;
    color: #838383;
}

.post-type-archive article,
.search article,
.tag .site-main .dynamic-content-template,
.category .site-main .dynamic-content-template {
    transition-duration: 0.2s;
}

.post-type-archive article:hover,
.search .article:hover,
.tag .site-main .dynamic-content-template:hover,
.category .site-main .dynamic-content-template:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: -webkit-transform 250ms;
    transition: -webkit-transform 250ms;
    -o-transition: transform 250ms;
    transition: transform 250ms;
    transition: transform 250ms, -webkit-transform 250ms;
}

.site-main .paging-navigation a {
    text-decoration: none;
    color: #000;
}

#primary .collectie-attributes .gb-inside-container {
    flex-direction: row;
    justify-content: flex-start;
    gap: 3px;
    flex-wrap: wrap;
}

.facetwp-page {
    color: var(--contrast);
    text-decoration: none;
}

.archive .tag-uitverkocht>.gb-container::before,
.archive .tag-sold>.gb-container::before,
.single .related-works-container .tag-uitverkocht>.gb-container::before,
.single .related-works-container .tag-uitverkocht::before,
.single .related-works-container .tag-sold::before,
.single .container-items .tag-uitverkocht::before,
.single .container-items .tag-sold::before,
.related-items-page-raster .tag-uitverkocht::before,
.related-items-page-raster .tag-sold::before {
    content: "";
    width: 60px;
    height: 60px;
    display: inline-block;
    background-image: url(/wp-content/uploads/2023/01/sold.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    position: absolute;
}


/* Single kunstenaar */

.container-items {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(282px, 1fr));
    gap: 25px;
    padding: 20px
}

.container-single-item {
    border: 1px solid var(--border);
    transition-duration: 0.2s;
}

.container-single-item:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: -webkit-transform 250ms;
    transition: -webkit-transform 250ms;
    -o-transition: transform 250ms;
    transition: transform 250ms;
    transition: transform 250ms, -webkit-transform 250ms;
}

.container-single-item * {
    color: var(--contrast);
}

.container-single-item a {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.container-single-item img {
    margin-bottom: 10px;
}

.container-single-item a p:hover {
    color: var(--rood);
}

.container-items .title-kunstenaar-collectie-item {
    text-transform: uppercase;
    padding: 5px 10px 0 10px;
    margin: 0;
    font-family: cardo;
    font-size: 17px;
}

.container-items .container-specs .container-specs-seperator {
    padding: 0 !important;
    color: #838383 !important;
}

.container-items .container-specs {
    padding: 0 10px 10px 10px;
    display: flex;
    flex-direction: row;
    gap: 3px;
    color: #838383;
}

.container-items .container-spec {
    margin: 0 0 10px 0;
}

.container-items .container-single-spec span {
    font-size: 13px;
    color: #838383;
}

.single-kunstenaar .entry-content {
    padding: 30px 20px 30px 20px;
    margin: 0;
}


/* Single kunstwerk */

.single-collectie .container-second-title h2,
.single-collectie .container-second-title a {
    font-size: 17px;
    text-decoration: none;
    color: var(--contrast);
    /* font-family: 'Cardo'; */
}

.single-collectie .container-second-title a:hover {
    text-decoration: underline;
}

.single-collectie .gform_legacy_markup_wrapper li.hidden_label input {
    margin-top: 0;
}

.single-collectie .gform_legacy_markup_wrapper {
    margin-top: 0;
    margin-bottom: 0;
}

.single-collectie .gform_legacy_markup_wrapper ul.gform_fields li.gfield {
    padding-right: 0;
}

.single-collectie input[type="submit"] {
    font-weight: bold;
}

.single-collectie input[type="submit"]:hover {
    opacity: 0.8;
}

.single-collectie .gform_legacy_markup_wrapper .gform_footer input.button,
.single-collectie .gform_legacy_markup_wrapper .gform_footer input[type=submit],
.single-collectie .gform_legacy_markup_wrapper .gform_page_footer input.button,
.single-collectie .gform_legacy_markup_wrapper .gform_page_footer input[type=submit] {
    margin: 0;
    width: 100%;
}

.single-collectie .gform_required_legend {
    display: none;
}

.single-collectie .gform_legacy_markup_wrapper .gform_footer {
    padding: 0;
    margin: 8px 0 0 0;
}

.single-collectie input[type="text"],
.single-collectie input[type="email"],
.single-collectie input[type="url"],
.single-collectie input[type="password"],
.single-collectie input[type="search"],
.single-collectie input[type="tel"],
.single-collectie input[type="number"],
.single-collectie textarea,
.single-collectie select {
    border: 1px solid var(--licht-grijs);
    background-color: #f7f7f7;
}

.single-collectie button,
.single-collectie html input[type="button"],
.single-collectie input[type="reset"],
.single-collectie input[type="submit"],
.single-collectie a.button,
.single-collectie a.wp-block-button__link:not(.has-background) {
    background-color: var(--rood);
}

.single-collectie .specs-item .gb-inside-container {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 5px;
}

.single-collectie .usp-container .gb-icon svg {
    fill: var(--contrast);
}

.single-collectie .related-works-container {
    max-width: 1310px;
    margin: 35px auto 35px auto;
    padding: 0 20px;
}

.single-collectie .related-works-container .container-items {
    padding: 0;
}

.single-collectie .image-collection-container img {
    max-width: 600px;
    object-fit: contain;
}

.single-collectie .link-to-all {
    text-align: center;
    margin-top: 20px;
}

.single-collectie .link-to-all a {
    color: var(--contrast);
}

.single-collectie .link-to-all a:hover {
    color: var(--rood);
}

.gallery {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-row-end: 3;
    align-content: start;
    max-width: 700px;
    transition: all 150ms linear;
}

.gallery input[type="radio"] {
    display: none;
}

.gallery label {
    position: relative;
    display: block;
    padding-bottom: 60%;
    margin: 5px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

.gallery label:before {
    border: 1px solid #e3e3e3;
    content: '';
    position: absolute;
    left: -5px;
    right: -5px;
    bottom: -5px;
    top: -5px;
}

.gallery img {
    display: none;
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 2;
    width: 100%;
    transition: all 150ms linear;
}

.gallery input[name="select"]:checked+label+img {
    display: block;
}

.gallery input[name="select"]:checked+label:before {
    border: 1px solid #000;
}

.gallery label:only-of-type {
    display: none;
}


/* FacetWP styling */

.archive .facetwp-checkbox,
.facetwp-flyout .facetwp-checkbox,
.search .facetwp-checkbox {
    background: url(/wp-content/uploads/2022/12/checkbox.svg);
    background-repeat: no-repeat;
    padding-left: 25px;
    margin-bottom: 0px;
    background-size: 15px;
    background-position: left;
}

.archive .facetwp-checkbox.checked,
.facetwp-flyout .facetwp-checkbox.checked,
.search .facetwp-checkbox.checked {
    background: url(/wp-content/uploads/2022/12/check-facetwp.svg);
    background-repeat: no-repeat;
    padding-left: 25px;
    margin-bottom: 0px;
    background-size: 17px;
    background-position: left;
}

.facetwp-flyout-open {
    padding: 5px;
    background-color: var(--rood);
    color: #ffff;
    width: 25%;
    margin: 0;
    position: fixed;
    bottom: 25px;
    z-index: 999;
    cursor: pointer;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 4px;
}

.archive .facetwp-checkbox span,
.facetwp-flyout .facetwp-checkbox span,
.search .facetwp-checkbox span {
    text-transform: capitalize;
    font-size: 15px;
}

.archive #left-sidebar .facetwp-facet,
.facetwp-flyout .facetwp-facet,
.search .facetwp-facet {
    margin-bottom: 20px;
    border-bottom: 1px solid var(--licht-grijs);
    padding-bottom: 20px;
}

.facetwp-facet-zoeken {
    padding-bottom: 0 !important;
}

.facetwp-selection-label {
    display: none;
}

.facetwp-selections {
    padding-bottom: 20px;
}

.facetwp-selections .facetwp-selection-value {
    border: 1px solid var(--border);
    padding: 5px 16px 5px 5px;
}

.facetwp-facet-paginering {
    text-align: center;
}

.archive .facetwp-icon:before,
.facetwp-flyout .facetwp-icon:before,
.search .facetwp-icon:before {
    background: url(/wp-content/uploads/2022/12/search-icon.svg) no-repeat;
    background-size: 16px;
    background-position: 50% 50%;
    width: 35px;
}

.archive .facetwp-counter,
.facetwp-flyout .facetwp-counter,
.search .facetwp-counter {
    display: none;
}

.facetwp-facet input.facetwp-search {
    font-size: 14px;
    border: none;
}

#left-sidebar .facetwp-facet input.facetwp-search {
    min-width: 310px;
}

.archive .facetwp-toggle,
.search .facetwp-toggle {
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
}

h3.facet-label {
    font-family: Cardo;
}

.search .type-kunstenaar .data-item {
    display: none;
}


/* Subpage */

#main .related-items-page-raster {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(275px, 1fr));
    gap: 25px;
    padding: 0px;
}

.related-items-page .gb-inside-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.related-items-page-raster .gb-grid-column {
    border: 1px solid #d5d5d5;
}

.related-items-content-specs .gb-inside-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 3px;
}

.related-items-page-raster .gb-grid-column p a {
    text-decoration: none;
}

.item-gouda-left img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.item-gouda-right h2 {
    border-top: 2px solid var(--rood);
    max-width: fit-content;
    padding-top: 5px;
}

.item-gouda {
    margin-bottom: 45px;
}

.item-gouda>.gb-inside-container {
    border-bottom: 1px solid var(--border);
}


/* Gravity Forms */

.gform_required_legend {
    display: none;
}


/* Agenda */

.tribe-events .tribe-events-c-search__button {
    background-color: var(--rood);
}

.tribe-events .tribe-events-c-search__button:hover {
    background-color: var(--contrast);
}

.site-content .tribe-events-c-subscribe-dropdown__container {
    display: none;
}

#tribe-events-content a,
.tribe-events-event-meta a {
    color: var(--rood);
}

#tribe-events-content a:hover,
.tribe-events-event-meta a:hover {
    color: var(--contrast);
    text-decoration: underline;
}

.tribe-events .datepicker .day.active,
.tribe-events .datepicker .day.active.focused,
.tribe-events .datepicker .day.active:focus,
.tribe-events .datepicker .day.active:hover,
.tribe-events .datepicker .month.active,
.tribe-events .datepicker .month.active.focused,
.tribe-events .datepicker .month.active:focus,
.tribe-events .datepicker .month.active:hover,
.tribe-events .datepicker .year.active,
.tribe-events .datepicker .year.active.focused,
.tribe-events .datepicker .year.active:focus,
.tribe-events .datepicker .year.active:hover {
    background-color: var(--rood);
}


/* Footer */

.instagram-title-footer .gb-inside-container {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
}

.instagram-title-footer h2 a {
    text-decoration: none;
}

.instagram-title-footer h2 a:hover {
    text-decoration: underline;
}

.instagram-title-footer .gb-inside-container img {
    width: 40px;
}

#footer-widgets * {
    color: #fff;
}

#footer-widgets input[type="submit"] {
    background-color: var(--contrast);
}

#footer-widgets input[type="submit"]:hover {
    background-color: #000;
}

#footer-widgets a {
    text-decoration: none;
}

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


/* EN-US styling */

[data-value="schilderijen-en"],
[data-value="sculpturen-en"] {
    display: none;
}


/* Responsive */

@media screen and (min-width: 1600px) {
    .intro-text-container>.gb-inside-container {
        padding: 130px 20px;
    }
}

@media screen and (min-width: 769px) {
    .facetwp-flyout-open {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    /* Header */
    header .inside-header {
        padding: 0 20px;
    }
    .post-type-archive-collectie .sidebar {
        display: none;
    }
    .post-type-archive-collectie .site-main .paging-navigation {
        margin-bottom: 20px;
    }
    .site-header .inside-header {
        flex-direction: row;
    }
    .inside-header .navigation-search {
        max-width: 100%;
    }
    .site-header .main-navigation .inside-navigation {
        padding: 0;
    }
    .site-header .inside-header #site-navigation {
        border: 0;
        margin: 0;
    }
    .mobile-menu-control-wrapper .menu-toggle,
    .mobile-menu-control-wrapper .menu-toggle:hover {
        background-color: #fff;
    }
    .inside-header .navigation-search form .search-field {
        border: 0;
    }
    .navigation-search {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 500px) {
    #secondary-navigation .inside-navigation {
        justify-content: center;
    }
    .site-logo {
        max-width: 60%;
    }
    .bar-title-breadcrumb-inner-container .rank-math-breadcrumb {
        display: none;
    }
}