/*

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

body {
    overflow-x: hidden;
}

.font-montserrat {
    font-family: 'Montserrat';
}

ol,
ul {
    margin: 0 0 1.5em 2em
}

.read-more {
    border-radius: 4px;
}

body.blog .read-more{
    display: none;
}

/* Hover */

.hover-effect {
    -webkit-transition: -webkit-transform 250ms;
    transition: -webkit-transform 250ms;
    -o-transition: transform 250ms;
    transition: transform 250ms;
    transition: transform 250ms, -webkit-transform 250ms;
}

.hover-effect:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}


/* Back to top */

.generate-back-to-top,
.generate-back-to-top:visited {
    background-color: #fff !important;
    color: #DDD !important;
    border: 1px solid #DDD;
    border-radius: 50%;
    line-height: 70px;
    width: 70px;
    transition-duration: 0.2s;
}


/* The button when you hover/click it */

.generate-back-to-top:hover,
.generate-back-to-top:focus {
    background-color: #DDD !important;
}


/* Header */

.site-header {
    border-bottom: 1px solid #DDD;
}

#secondary-navigation .inside-navigation {
    padding: 0 100px;
}

#secondary-navigation .inside-navigation ul li:last-child a,
#primary-menu ul li:last-child a {
    padding-right: 0;
}

#secondary-navigation .call-cta a {
    color: var(--orange);
}

#secondary-navigation .call-cta a:hover,
#secondary-navigation .call-cta a:hover::before {
    color: var(--orange);
}

#secondary-navigation .call-cta a::before {
    display: inline-block;
    margin: 0 5px 0 0;
    font-family: 'Font Awesome 6 Pro';
    font-size: 14px;
    color: var(--orange);
    content: '\f8d3';
    text-align: center;
    float: left;
    font-weight: 500;
}

.secondary-navigation .menu-toggle {
    display: none;
}

.main-navigation.sub-menu-right {
    width: 100%;
}

.main-navigation .inside-navigation {
    justify-content: end;
}


/* Home - Banner */

.banner-raster {
    background: linear-gradient(180deg, #F8AD46 0%, #E24912 100%);
}

.banner-left {
    max-width: 615px;
    margin: auto;
    padding: 50px;
}

.banner-buttons .gb-button-wrapper {
    gap: 20px;
}

.banner-right img {
    width: 100%;
}


/* Home - Services */

.services-raster {
    position: relative;
    top: -50px;
}

.services-container .services-raster {
    row-gap: 20px;
}

@keyframes slide-in {
    from {
        transform: translatey(+50%);
    }
    to {
        transform: translatey(0%);
    }
}

.services-container .services-raster {
    animation: slide-in 1000ms;
}

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

.service-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;
}

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

.service-item .service-item-link a {
    text-decoration: none;
}

.service-item .service-item-link a:hover,
.service-item .service-item-link a:hover::after {
    color: var(--dark-blue);
    transition-duration: 0.2s;
}

.service-item .service-item-link a::after {
    margin: 0 0px 0px 3px;
    font-family: 'Font Awesome 6 Pro';
    font-size: 16px;
    color: var(--orange);
    content: '\f061';
    font-weight: 400;
}


/* Home - Content */

body.home .read-more-container {
    display: none;
}

.content-container-left .gb-inside-container {
    position: relative;
}

.content-container-left .floating-image {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.call-back-button path {
    fill: var(--white);
}

.logo-container .slick-track {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.logo-container .slick-slide {
    padding-left: 30px;
    padding-right: 30px;
}

.logo-container .slick-slide img {
    width: 100%;
}


/* Home - Form */

.form-container input[type="text"],
.form-container input[type="email"],
.form-container input[type="url"],
.form-container input[type="password"],
.form-container input[type="search"],
.form-container input[type="tel"],
.form-container input[type="number"],
.form-container textarea,
.form-container select {
    background-color: rgb(255 255 255 / 60%);
    border: 0px;
    border-radius: 4px;
}

.form-container .gform_wrapper.gravity-theme input[type=text],
.form-container .gform_wrapper.gravity-theme input[type=tel] {
    padding: 16px;
}

.form-container .gfield_checkbox label,
.form-container .gfield_checkbox label a {
    color: var(--white);
    font-family: 'Fira Sans';
    font-weight: 400;
    font-size: 16px !important;
}

.form-container #field_submit {
    justify-content: end;
}

.form-container input[type="submit"] {
    background-color: var(--white);
    color: var(--dark-blue);
    /* font-size: 18px; */
    font-family: 'Montserrat';
    font-weight: 500;
    border-radius: 40px;
    padding: 20px;
}

.form-container input[type="submit"]:hover {
    background-color: var(--orange);
    color: var(--white);
}

.form-container .gform_footer {
    display: none !important;
}

.site-content .form-container .check-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
}


/* Home - Job offer */

.job-offer-loop-container .gb-inside-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    align-items: baseline;
}

.job-offer-loop-container a {
    text-decoration: none;
}

.job-offer-raster>.gb-grid-column {
    transition-duration: 0.2s;
}

.job-offer-raster>.gb-grid-column:hover {
    background-color: var(--light-grey);
}

.job-offer-loop-container {
    padding: 20px 10px;
    border-bottom: 1px solid #ddd;
}

.job-offer-badge span {
    background-color: var(--grey);
    color: var(--white);
    padding: 8px 12px;
    border-radius: 40px;
    text-transform: capitalize;
    font-family: 'Montserrat';
    font-weight: 700;
}

.job-offer-badge a,
.job-offer-badge a:hover {
    color: var(--white);
}


/* Home - Slider */

.last-blogs-container .gb-grid-wrapper {
    row-gap: 40px;
}

.swiper .swiper-slide {
    background-color: var(--white);
    padding: 30px;
    box-shadow: 0px 10px 15px rgb(5 20 57 / 4%);
    border-radius: 8px;
}

.swiper .swiper-slide img {
    max-height: 225px;
    min-height: 225px;
    width: 100%;
    object-fit: cover;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next,
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    background-color: var(--grey);
}

.swiper h2 {
    font-size: 22px;
    margin: 0 0 5px 0;
    min-height: 79px;
}

.swiper h2 a {
    text-decoration: none;
    color: var(--dark-blue);
}

.swiper h2 a:hover {
    color: var(--orange);
}

.swiper p:empty {
    display: none;
}

.swiper-wrapper {
    padding: 20px;
}

.swiper .date-time {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    color: var(--light-orange);
    margin-bottom: 5px;
}

.swiper .date::before,
.swiper .reading-time .span-reading-time::before {
    display: inline-block;
    font-family: 'Font Awesome 6 Pro';
    font-size: 16px;
    color: var(--light-orange);
    text-align: center;
    font-weight: 900;
    width: auto;
}

.swiper .date::before {
    content: '\e0d5';
    margin: 0 5px 0px 0;
}

.swiper .reading-time .span-reading-time::before {
    content: '\e29e';
}

.swiper p {
    margin-bottom: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.site-content .swiper-button-prev:after,
.site-content .swiper-rtl .swiper-button-next:after,
.site-content .swiper-button-next:after,
.site-content .swiper-rtl .swiper-button-prev:after {
    font-family: 'Font Awesome 6 Pro';
    font-size: 20px;
    color: var(--white);
}

.site-content .swiper-button-prev:after,
.site-content .swiper-rtl .swiper-button-next:after {
    content: '\f060';
}

.site-content .swiper-button-next:after,
.site-content .swiper-rtl .swiper-button-prev:after {
    content: '\f061';
}

.site-content .swiper-button-next,
.site-content .swiper-button-prev {
    width: 50px;
    height: 50px;
    border-radius: 4px;
}


/* Home - Contact */

.contact-image {
    background: linear-gradient(180deg, #EA9953 0%, #DD6235 100%);
    border-radius: 50% !important;
}

.contact-title a {
    text-decoration: none;
}


/* Subpage - Banner */

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

.subbanner-container {
    position: relative;
}

.subbanner-container::after {
    content: "";
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    opacity: 0.5;
}

.subbanner-container h1 {
    word-break: break-all;
}


/* Subpage - Sidebar */

.separate-containers .inside-right-sidebar,
.separate-containers .inside-left-sidebar {
    margin-top: 0;
}

body.left-sidebar .site-content {
    padding: 0 100px;
}

body.left-sidebar .site.grid-container {
    margin-bottom: 70px;
}

body.left-sidebar .entry-content img {
    border-radius: 8px;
}

body.left-sidebar .inside-left-sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 50px;
}

.dynamic-sidebar-data ul {
    font-family: 'Montserrat';
    font-weight: 700;
    margin-bottom: 40px;
}

.dynamic-sidebar-data ul li {
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.dynamic-sidebar-data a {
    text-decoration: none;
}

.dynamic-sidebar-data a:hover {
    text-decoration: underline;
}

.dynamic-sidebar-data h2,
.dynamic-sidebar-data h3 {
    font-size: 20px;
}

.cta-sidebar-container>.gb-inside-container {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sidebar .widget {
    margin-bottom: 20px;
}


/* Subpage with sidebar - Content */

.separate-containers .site-main {
    margin: 0 60px;
}

.cta-in-content-inner-container>.gb-inside-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
}

.cta-in-content-inner-container .content-inner-cta {
    flex: 1;
}

.steps-inner-container .gb-inside-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.steps-inner-container {
    padding: 15px;
    margin-bottom: 10px;
}

.steps-inner-container img {
    width: 56px;
    height: 56px;
}

.entry-content ul li,
.entry-content ol li {
    padding-bottom: 5px;
}

#content .blog-on-page-container {
    box-shadow: 0px 24px 32px rgba(5, 20, 57, 0.1);
    padding: 25px;
    border-radius: 8px;
    margin-bottom: 30px;
}

#content .blog-on-page-container img {
    border-radius: 0;
}

.blog-on-page-container .gb-grid-wrapper {
    row-gap: 15px;
}

.inner-inner-right {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    color: var(--light-orange);
}

.inner-inner-right .reading-time {
    display: flex;
    align-items: center;
    gap: 5px;
}

.gb-accordion__item button {
    background-color: var(--white);
}


/* Subpage - Before footer */

.form-before-footer-container {
    background: linear-gradient(180deg, #F8AD46 0%, #E24912 100%);
    /* margin-top: 70px; */
}

.form-before-footer-left {
    height: 100%;
}

.form-before-footer-raster {
    align-items: stretch !important;
}

.form-before-footer-raster .gb-grid-column:nth-of-type(2) {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.form-before-footer-left img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    /* aspect-ratio: 1 / 1; */
}

.form-before-footer-right h2 {
    color: var(--white);
}

.form-before-footer-container .check-box {
    display: flex !important;
}

.form-before-footer-container input[type="text"],
.form-before-footer-container input[type="email"],
.form-before-footer-container input[type="url"],
.form-before-footer-container input[type="password"],
.form-before-footer-container input[type="search"],
.form-before-footer-container input[type="tel"],
.form-before-footer-container input[type="number"],
.form-before-footer-container textarea,
.form-before-footer-container select {
    background-color: rgb(255 255 255 / 60%);
    border: 0px;
    border-radius: 4px;
}

.form-before-footer-container .gform_wrapper.gravity-theme input[type=text],
.form-before-footer-container .gform_wrapper.gravity-theme input[type=tel] {
    padding: 16px;
}

.form-before-footer-container .gfield_checkbox label,
.form-before-footer-container .gfield_checkbox label a {
    color: var(--white);
    font-family: 'Fira Sans';
    font-weight: 400;
    font-size: 16px !important;
}

.form-before-footer-container #field_submit {
    justify-content: end;
}

.form-before-footer-container input[type="submit"] {
    background-color: var(--white);
    color: var(--dark-blue);
    font-size: 18px;
    font-family: 'Montserrat';
    font-weight: 500;
    border-radius: 40px;
    padding: 20px;
}

.form-before-footer-container input[type="submit"]:hover {
    background-color: var(--grey);
    color: var(--white);
}

.form-before-footer-container .gform_footer {
    display: none !important;
}

.form-before-footer-container .check-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
}


/* Subpage - Collapse items */

.uitklap-items-container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.uitklap-items-container .uitklap-items-accordion {
    flex: 1;
}

.uitklap-items-container img,
.uitklap-items-container figure {
    max-width: 56px;
}


/* About page - blocks */

.site-content .usp-about-container {
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax(350px, 1fr));
    gap: 60px 30px;
}


/* About page - World Class Workplace */

.word-class-floating {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    box-shadow: 0px 24px 32px rgb(0 0 0 / 8%);
    border-radius: 8px;
    max-width: 325px;
    padding: 30px;
}

.world-class-raster {
    row-gap: 40px;
}


/* About page - Team */

.team-wrap-person-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.team-wrap-person-container img {
    width: 150px;
    height: 150px;
    object-fit: contain;
    border-radius: 50%;
    border: 3px solid #fff;
}

.show-more-button {
    border: 3px solid #fff;
}

.team-wrap-person-container img,
.team-wrap-person-container figure {
    text-align: center;
}

.team-wrap-person-container figure:not(:first-child),
.show-more-button {
    margin-left: -30px;
}


/* About page - Reviews */

.button-top-custom:hover path {
    fill: #fff;
}

.reviews-carrousel-item-container .slick-list {
    overflow-y: visible;
    overflow-x: clip;
}

.reviews-carrousel-item-slide figure {
    margin-top: -90px;
}

.reviews-carrousel-item-slider img {
    width: 140px;
    height: 140px;
    margin: auto;
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 50%;
    object-fit: contain;
    background-color: #fff;
}

.reviews-carrousel-item-slide {
    overflow: visible !important;
}


/* .reviews-carrousel-item-slider figure {
    position: relative;
    margin-top: -70px;
    z-index: 10;
} */

.reviews-carrousel-item-container .slick-next,
.reviews-carrousel-item-container .slick-prev {
    top: 20px;
    z-index: 999999;
    border: 1px solid #BABABA;
    padding: 24px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reviews-carrousel-item-container .slick-prev {
    left: auto;
    right: 60px;
}

.reviews-carrousel-item-container .slick-next {
    right: 0;
}

.reviews-carrousel-item-container {
    box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.08);
}

.reviews-carrousel-item-container .slick-prev::before,
.reviews-carrousel-item-container .slick-next::before {
    display: none;
}

.reviews-carrousel-item-container .slick-prev {
    display: inline-block;
    background-image: url(/wp-content/uploads/2023/03/arrow-before.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
}

.reviews-carrousel-item-container .slick-next {
    display: inline-block;
    background-image: url(/wp-content/uploads/2023/03/arrow-right-grey.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
}


/* .reviews-carrousel-item-container .slick-list,
.reviews-carrousel-item-container .slick-track,
.reviews-carrousel-item-container .slick-active {
    overflow: visible;
} */

.reviews-carrousel-item-container {
    position: relative;
}

.reviews-carrousel-item-container::after {
    content: '';
    position: absolute;
    bottom: -26px;
    left: 50%;
    width: 0;
    height: 0;
    border: 46px solid transparent;
    border-top-color: #ffffff;
    border-bottom: 0;
    border-left: 0;
    margin-left: -10px;
    margin-bottom: -20px;
}


/* Work - De Vaart */

.tabs-buttons-container .gb-button {
    position: relative;
    text-align: left;
}

.tabs-inner-container .gb-block-is-current::before {
    position: absolute;
    left: -2px;
    bottom: 0;
    content: "";
    width: 10px;
    height: 59px;
    display: inline-block;
    background-image: url(/wp-content/uploads/2023/03/tab-active-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
}


/* Work - Impression */

.impression-gallery,
.impression-gallery-second {
    display: flex;
    gap: 20px;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.impression-raster .gb-grid-column,
.impression-raster .impression-left,
.impression-raster .gb-block-image {
    display: flex;
    /* width: 100%; */
}

.impression-raster {
    row-gap: 20px;
}


/* Work - Job offers */

.single-job-offer-container {
    display: grid;
    grid-template-columns: 100px 440px 1fr 1fr 20px;
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding: 25px 5px 25px 5px;
}

.single-job-offer-cat span {
    background-color: var(--grey);
    padding: 8px 12px;
    border-radius: 40px;
    color: #fff;
}

.all-job-offers-raster .gb-grid-column {
    transition-duration: 0.2s;
}

.all-job-offers-raster .gb-grid-column:hover {
    background-color: var(--light-grey);
}

.impression-left img {
    object-fit: cover;
}


/* Single blog */


/* Single blog share icons */

.single-share-wrapper svg {
    max-width: 20px;
    min-width: 20px;
}

.single-share-wrapper .share-items {
    display: none;
}

.share-heading,
.share-item a,
#copy-url .share-link {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.share-item a:hover,
.share-heading span:hover,
#copy-url span:hover {
    color: var(--orange);
    text-decoration: underline;
}

.share-item {
    margin-bottom: 5px;
}

.share-item a,
.share-heading span,
#copy-url span {
    text-decoration: none;
    color: var(--grey);
}

.single-share-wrapper .share-items.active {
    display: block;
    border: 1px solid var(--orange);
    padding: 10px;
    margin: 10px 0;
    border-radius: 4px;
}

.share-heading:hover,
#copy-url span:hover {
    cursor: pointer;
}

#social-icons-sharing {
    margin-top: 30px;
}


/* Single blog content */

.banner-blog-image {
    max-height: 530px;
    object-fit: cover;
    border-radius: 4px;
}

.banner-blog-data .reading-time {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: nowrap;
    color: var(--light-orange);
    font-weight: 600;
}

.share-thumb a {
    text-decoration: none;
    color: var(--light-orange);
}

.share-thumb a:hover {
    text-decoration: underline;
}

.single-post .site.grid-container {
    padding: 50px 100px;
    max-width: 1024px;
    margin: auto;
}

.single-post h1 {
    font-size: 48px;
    color: var(--grey);
}

.single-post h2 {
    font-size: 22px;
}

.single-post .entry-content .rt-reading-time {
    display: none !important;
}


/* Blog - Related */

.single-post .related-raster {
    gap: 25px;
}

.single-post .related-raster .gb-grid-column {
    background-color: #fff;
    padding: 25px;
    flex: 1;
    box-shadow: 0px 24px 32px rgba(5, 20, 57, 0.1);
    border-radius: 8px;
}

.single-post .related-raster img {
    min-height: 210px;
    object-fit: cover;
    aspect-ratio: 2/1;
}

.single-post .related-item-data .reading-time {
    color: var(--light-orange);
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 5px;
}

.single-post .related-item-data p {
    font-weight: 400;
}


/* Archive Blogs */

.archive-banner-facet-inner p:empty {
    display: none;
}

.archive-banner-facet-inner .facetwp-facet input.facetwp-search,
.archive-banner-facet-inner .facetwp-facet input.facetwp-location,
.archive-banner-facet-inner .facetwp-input-wrap {
    width: 100%;
}

.archive-banner-facet-inner .facetwp-type-search input {
    background-color: #fff;
    border: 1px solid #DDD;
    border-radius: 40px;
    font-weight: 500;
    font-family: 'Montserrat';
    font-size: 18px;
    padding: 20px;
}

.archive-banner-facet-inner {
    max-width: 1200px;
}

.archive-banner-facet-inner .facetwp-icon:before {
    background: url(/wp-content/uploads/2023/03/search-icon.svg) no-repeat;
    background-position: center;
    width: 60px;
}

.archive-banner-facet-inner .facetwp-icon {
    opacity: 1;
}

.archive-banner-facet-inner .facetwp-type-radio {
    display: flex;
    justify-content: center;
    column-gap: 15px;
    row-gap: 20px;
    flex-wrap: wrap;
}

.archive-banner-facet-inner .facetwp-counter {
    display: none;
}

.archive-banner-facet-inner .facetwp-radio {
    background-color: var(--light-grey);
    padding-left: 0;
    padding: 16px;
    border-radius: 40px;
    background-image: none !important;
    transition-duration: 0.2s;
}

.archive-banner-facet-inner .facetwp-radio:hover {
    background-color: #E24912;
    color: #fff;
}

.archive-banner-facet-inner .facetwp-radio.checked {
    background-color: #E24912;
    color: #fff;
}

.archive-banner-facet-inner .facetwp-radio span {
    font-family: 'Montserrat';
    font-weight: 500;
}

.facetwp-flyout-open {
    border-radius: 4px;
}

.facetwp-flyout .name-zoeken,
.facetwp-flyout .facetwp-counter {
    display: none;
}


/* Archive | Loop item */

.blog-loop-item-data .reading-time {
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--light-orange);
}

.blog-loop-item,
.blog-loop-item {
    background: #FFFFFF;
    box-shadow: 0px 24px 32px rgb(5 20 57 / 10%);
    border-radius: 8px;
    height: 100%;
    padding: 25px;
}

.blog-loop-image {
    min-height: 275px;
    max-height: 275px;
    aspect-ratio: 1/1;
    width: 100%;
    object-fit: cover;
}

.blog .generate-columns,
.archive .generate-columns {
    margin-bottom: 30px;
    padding-left: 30px;
}

.blog .site.grid-container,
.archive .site.grid-container {
    padding: 0px 100px;
}

.blog .paging-navigation,
.archive .paging-navigation {
    padding: 20px 30px;
    margin: 0;
}

.site-content .page-numbers {
    background-color: #f5f5f5;
    color: var(--dark-blue);
    padding: 10px;
    border-radius: 8px;
    text-decoration: none;
    transition-duration: 0.2s;
    text-transform: capitalize;
}

.site-content .page-numbers:hover {
    background: var(--light-orange);
    color: #fff;
}

.site-content .page-numbers span {
    display: none;
}


/* Single vacature */

.single-vacature .site.grid-container {
    padding: 30px 100px;
}

.single-vacature h1 {
    font-size: 48px;
    color: var(--grey);
}

.single-vacature h2 {
    font-size: 22px;
}

.single-vacature .banner-single-job {
    max-height: 530px;
    object-fit: cover;
    border-radius: 4px;
}


/* Referenties */

.review-custom-shadow {
    box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.08);
}

.review-custom-left {
    margin: -90px auto auto auto;
}

.review-custom-left img,
.review-custom-left figure {
    width: 140px;
    height: 140px;
    margin: auto;
}

.review-custom-left img {
    margin: auto;
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 50%;
    object-fit: contain;
    background-color: #fff;
}


/* Contact */

.contactpage-form-inner-container>.gb-grid-wrapper {
    row-gap: 40px;
}


/* Archive */

.archive .page-header {
    display: none;
}


/* Archive Medewerkers */

.post-type-archive-medewerker .site-main {
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax(350px, 1fr));
    gap: 30px;
    padding: 30px 0;
}

.post-type-archive-medewerker .medewerker .entry-summary {
    margin-top: 10px;
}

.post-type-archive-medewerker .medewerker h2 {
    font-size: 22px;
}

.post-type-archive-medewerker .medewerker img {
    border-radius: 4px;
}

.post-type-archive-medewerker .medewerker .post-image,
.post-type-archive-medewerker .medewerker {
    margin-bottom: 10px !important;
}


/* Footer */

.footer-top-container>.gb-inside-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.footer-top-inner-container .gb-inside-container {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 10px;
}

.footer-top-container {
    position: relative;
}

.footer-top-container::after {
    content: "";
    width: 300px;
    height: 300px;
    display: inline-block;
    background-image: url(/wp-content/uploads/2023/02/Driehoek-footer.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: -232px;
}

.footer-logo-container {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.site-info {
    display: none;
}

.copyright-bar a {
    text-decoration: none;
}

.site-footer .footer-widgets .widget {
    margin-bottom: 15px;
}

.footer-custom-button .gb-button path {
    transition-duration: 0.2s;
}

.footer-custom-button .gb-button:hover path {
    fill: #fff;
}

#footer-widgets h3 {
    color: var(--white);
}

#footer-widgets {
    font-family: 'Montserrat';
}

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

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

#footer-widgets .footer-custom-button a:hover {
    text-decoration: none;
}

body > div.gb-container.gb-container-1c4308e9.form-before-footer-container > div > div.gb-grid-column.gb-grid-column-6ce8b539 > div > img {
    object-position: right;
}

/* Gravity forms */

.gfield_checkbox input {
    width: 16px;
    height: 16px;
}


/* Mobile */

.site-header .mobile-menu-control-wrapper .menu-toggle,
.site-header.mobile-menu-control-wrapper .menu-toggle:hover,
.site-header .mobile-menu-control-wrapper .menu-toggle:focus,
.site-header .has-inline-mobile-toggle #site-navigation.toggled {
    background-color: var(--white);
}

@media (prefers-reduced-motion: no-preference) {
    /* Intersection observer classes */
    .fade-in {
        opacity: 0;
    }
    .fade-in-fast {
        opacity: 0;
        transition: opacity 500ms ease-in;
    }
    .fade-in-medium {
        transition: opacity 1000ms ease-in;
    }
    .fade-in-slow {
        transition: opacity 1500ms ease-in;
    }
    .fade-in.appear {
        opacity: 1;
    }
    .slide-in-from-left {
        transform: translateX(-50%);
    }
    .slide-in-from-right {
        transform: translateX(50%);
    }
    .slide-in-from-left,
    .slide-in-from-right {
        transition: opacity 400ms ease-in, transform 800ms ease-in;
        opacity: 0;
    }
    .slide-in-from-left[data-delay] {
        transform: translateY(100%);
    }
    .slide-in-from-left[data-delay="200"] {
        transition: opacity 200ms ease-in, transform 200ms ease-in;
    }
    .slide-in-from-left[data-delay="400"] {
        transition: opacity 400ms ease-in, transform 400ms ease-in;
    }
    .slide-in-from-left[data-delay="600"] {
        transition: opacity 600ms ease-in, transform 600ms ease-in;
    }
    .slide-in-from-left[data-delay="800"] {
        transition: opacity 800ms ease-in, transform 800ms ease-in;
    }
    .slide-in-from-left[data-delay="1000"] {
        transition: opacity 1000ms ease-in, transform 1000ms ease-in;
    }
    .slide-in-from-left[data-delay="1200"] {
        transition: opacity 1200ms ease-in, transform 1200ms ease-in;
    }
    .slide-in-from-left[data-delay="1400"] {
        transition: opacity 1400ms ease-in, transform 1400ms ease-in;
    }
    .slide-in-from-left[data-delay="1600"] {
        transition: opacity 1600ms ease-in, transform 1600ms ease-in;
    }
    .slide-in-from-left.appear,
    .slide-in-from-right.appear {
        transform: translate(0, 0);
        opacity: 1;
    }
    @media screen and (min-width: 769px) {
        .slide-in-from-left[data-delay] {
            transform: translate(-100%, 0);
        }
        .slide-in-from-left[data-delay].appear,
        .slide-in-from-right[data-delay].appear {
            transform: translate(0, 0);
        }
    }
}


/* Responsive */

@media screen and (min-width: 1800px) {
    .banner-right img {
        max-height: 800px;
        object-fit: cover;
        object-position: top;
    }
}

@media screen and (min-width: 950px) {
    /* Blog archive - FacetWP */
    .facetwp-flyout-open {
        display: none;
    }
}

@media screen and (max-width: 1550px) {
    /* Global */
    h1 {
        font-size: 40px;
    }
    /* Home - Banner */
    #main .banner-sub-title {
        margin-bottom: 10px;
        font-size: 20px;
    }
}

@media screen and (max-width: 1200px) {
    /* Header */
    .main-navigation .main-nav ul li a {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (max-width: 1160px) {
    .footer-top-container::after {
        display: none;
    }
    .curved-shape {
        display: none;
    }
}

@media screen and (max-width: 1120px) {
    /* Global */
    h1 {
        font-size: 32px;
    }
}

@media screen and (max-width: 1024px) {
    /* Home - Banner */
    #main .banner-raster .gb-grid-column {
        width: 100%;
    }
    .banner-left {
        max-width: inherit;
        padding: 50px 20px;
    }
    /* Home - Services */
    .services-raster {
        top: 0px;
    }
    /* Home - Content with two images */
    .content-container-left .floating-image {
        display: none;
    }
    .content-container-left img {
        width: 100%;
    }
    /* Home - Job offer */
    #main .content-container-raster .gb-grid-column {
        width: 100%;
    }
    .content-container-raster {
        row-gap: 20px;
    }
    /* Subpage - With sidebar */
    body.left-sidebar .site-content {
        padding: 0 20px;
    }
    /* Work - De Vaart */
    .site-content .tabs-overview {
        flex-direction: column;
    }
    .site-content .tabs-buttons-container {
        width: 100%;
    }
    /* Blog */
    .single-post .site.grid-container {
        padding: 20px;
    }
    .single-post h1 {
        font-size: 25px;
    }
    /* Blog - Related */
    .single-post .related-raster .gb-grid-column {
        width: 100%;
    }
    .single-post .related-raster {
        flex-direction: column;
    }
    /* Single vacature */
    .single-vacature .site.grid-container {
        padding: 30px 20px;
    }
    .single-vacature h1 {
        font-size: 25px;
    }
}

@media screen and (max-width: 950px) {
    .archive-banner-facet .facetwp-type-radio {
        display: none;
    }
}

@media screen and (max-width: 875px) {
    /* Work page */
    .single-job-offer-container {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}

@media screen and (max-width: 767px) {
    /* Global */
    h2,
    #main .content-container h2,
    #main .form-container-right h2 {
        font-size: 22px;
    }
    /* Header - Top bar */
    #secondary-navigation {
        display: none;
    }
    /* Home - Content with two images */
    .content-container .content-container-raster {
        row-gap: 20px;
    }
    /* Home - Job offer */
    .site-content #main .job-offer-title {
        font-size: 16px;
    }
    .job-offer-badge a {
        font-size: 14px;
    }
    /* Home - Contact */
    #main .contact-title {
        font-size: 16px;
    }
    /* Work page */
    .single-job-offer-container figure {
        text-align: right;
    }
    .single-job-offer-container {
        padding: 15px 5px 15px 5px;
        margin-bottom: 15px;
    }
    /* Blog - Archive */
    .blog .site.grid-container,
    .archive .site.grid-container {
        padding: 0px 20px;
    }
    /* Pages - Sidebar */
    .sidebar .widget {
        padding: 10px 0;
    }
    /* Pages - steps */
    .uitklap-items-container {
        align-items: center;
    }
    /* Pageg CTA */
    .cta-in-content-container>.gb-inside-container {
        padding: 30px !important;
    }
    .cta-in-content-inner-container>.gb-inside-container {
        justify-content: center;
    }
}

@media screen and (max-width: 500px) {
    /* Home - Banner */
    .banner-buttons .gb-button-wrapper {
        gap: 10px;
        flex-direction: column;
    }
    /* Home - Job offer */
    .job-offer-loop-container figure {
        display: none;
    }
    .job-offer-loop-container .gb-inside-container {
        flex-direction: column;
    }
    /* Home - Form */
    .form-container input[type="submit"] {
        width: 100%;
        font-size: 16px;
        padding: 10px;
    }
}


/* Generatepress mega menu fix */

@media(min-width: 1150px) {
    .main-navigation ul ul li.bottom-menu-item {
        position: absolute;
        inset: auto 0 0;
        background-color: #F5F5F5;
        border-radius: 0 0 8px 8px;
    }
}

@media (min-width: 1150px) {

    nav .main-nav .mega-menu {
        position: static;
        padding-bottom: 50px;
        margin-bottom: -50px;
    }

    header nav .main-nav .mega-menu>ul {
        position: absolute;
        width: 100%;
        left: 0 !important;
        display: grid !important;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        padding: 30px 30px 60px;
        /* this changes from 30px */
        border-radius: 8px;
        top: 110px;
        box-shadow: 0px 24px 32px rgba(5, 20, 57, 0.1);
    }
    nav .main-nav .mega-menu>ul::before {
        position: absolute;
        top: -13px;
        left: 50%;
        transform: translate(-50%, -50%);
        content: "";
        width: 30px;
        height: 30px;
        display: inline-block;
        background-image: url(/wp-content/uploads/2023/02/menu-arrow.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
        margin-right: 5px;
    }
    nav .main-nav .mega-menu>ul>li>a {
        font-weight: bold;
    }
    nav .main-nav .mega-menu>ul>li {
        vertical-align: top;
    }
    nav .main-nav .mega-menu>ul>li:nth-child(-n+3) {
        border-right: 1px solid #D3D3D3;
    }
    nav .main-nav .mega-menu.mega-menu-col-2>ul>li {
        width: 50%;
    }
    nav .main-nav .mega-menu.mega-menu-col-3>ul>li {
        width: 33.3333%;
    }
    nav .main-nav .mega-menu.mega-menu-col-5>ul>li {
        width: 20%;
    }
    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;
        opacity: 1;
        visibility: visible;
        width: 100%;
        box-shadow: 0 0 0;
        left: 0;
        height: auto;
        pointer-events: auto;
        transform: scale(1);
    }
    nav .main-nav .sfHover .sub-menu {
        display: block;
    }
    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;
    }
    .bottom-menu-item {
        text-align: right;
    }
    .sub-menu .bottom-menu-item a {
        font-weight: 500 !important;
        padding-right: 30px !important;
        color: var(--light-orange) !important;
    }
    .sub-menu .bottom-menu-item a:hover {
        text-decoration: underline;
    }
    .sub-menu .bottom-menu-item a::after {
        content: "";
        width: 16px;
        height: 16px;
        display: inline-block;
        background-image: url(/wp-content/uploads/2023/03/arrow-menu-dropdown.svg);
        background-size: contain;
        background-repeat: no-repeat;
        vertical-align: bottom;
        margin-left: 10px;
    }
}