/*
 Theme Name:   bertgarssen
 Theme URI:    https://www.bertgarssen.nl
 Description:  Theme development for bertgarssen.nl
 Author:       The New Brand
 Author URI:   https://www.thenewbrand.nl
 Template:     generatepress
 Version:      0.1
 ColorLib:     https://coolors.co/f5f5f5-dbdbdb-424b54-767522-87a330
*/
:root {
    /* CSS HEX */
    --white: #ffffff;
    --off-smoke: #f1ede6;
    --green: #006C45;
    --gray: #143e38;
    --accent-1: #F8EA3E;
    --color-1: #3FAB37;

    /* CSS HSL */
    --off-smoke-hsl: hsla(38, 28%, 92%, 1);
    --green-hsl: hsla(140, 40%, 54%, 1);
    --gray-hsl: hsla(171, 51%, 16%, 1);

    /* SCSS RGB */
    --off-smoke-rgb: rgba(241, 237, 230, 1);
    --green-rgb: rgba(90, 185, 122, 1);
    --gray-rgb: rgba(20, 62, 56, 1);
}

/*!* montserrat-regular - latin *!*/
/*@font-face {*/
/*    font-display: swap; !* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. *!*/
/*    font-family: 'Montserrat';*/
/*    font-style: normal;*/
/*    font-weight: 400;*/
/*    src: url('assets/fonts/montserrat-v26-latin-regular.woff2') format('woff2'); !* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ *!*/
/*}*/
/*!* montserrat-italic - latin *!*/
/*@font-face {*/
/*    font-display: swap; !* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. *!*/
/*    font-family: 'Montserrat';*/
/*    font-style: italic;*/
/*    font-weight: 400;*/
/*    src: url('assets/fonts/montserrat-v26-latin-italic.woff2') format('woff2'); !* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ *!*/
/*}*/
/*!* montserrat-600 - latin *!*/
/*@font-face {*/
/*    font-display: swap; !* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. *!*/
/*    font-family: 'Montserrat';*/
/*    font-style: normal;*/
/*    font-weight: 600;*/
/*    src: url('assets/fonts/montserrat-v26-latin-600.woff2') format('woff2'); !* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ *!*/
/*}*/
/*!* montserrat-600italic - latin *!*/
/*@font-face {*/
/*    font-display: swap; !* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. *!*/
/*    font-family: 'Montserrat';*/
/*    font-style: italic;*/
/*    font-weight: 600;*/
/*    src: url('assets/fonts/montserrat-v26-latin-600italic.woff2') format('woff2'); !* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ *!*/
/*}*/
/*!* montserrat-700 - latin *!*/
/*@font-face {*/
/*    font-display: swap; !* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. *!*/
/*    font-family: 'Montserrat';*/
/*    font-style: normal;*/
/*    font-weight: 700;*/
/*    src: url('assets/fonts/montserrat-v26-latin-700.woff2') format('woff2'); !* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ *!*/
/*}*/
/*!* montserrat-700italic - latin *!*/
/*@font-face {*/
/*    font-display: swap; !* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. *!*/
/*    font-family: 'Montserrat';*/
/*    font-style: italic;*/
/*    font-weight: 700;*/
/*    src: url('assets/fonts/montserrat-v26-latin-700italic.woff2') format('woff2'); !* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ *!*/
/*}*/

/*!* Icons *!*/
/*@font-face*/
/*{*/
/*    font-family: 'slick';*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*    src: url('assets/fonts/slick.eot');*/
/*    src: url('assets/fonts/slick.eot?#iefix') format('embedded-opentype'),*/
/*    url('assets/fonts/slick.woff') format('woff'),*/
/*    url('assets/fonts/slick.ttf') format('truetype'),*/
/*    url('assets/fonts/slick.svg#slick') format('svg');*/
/*}*/
/*!* The New Brand *!*/

/*!* Animation *!*/


/*.scroll {*/
/*    width: 60px;*/
/*    height: 60px;*/
/*    border: 2px solid #143e38;*/
/*    border-radius: 50%;*/
/*    position: relative;*/
/*    animation: down 2s infinite;*/
/*    -webkit-animation: down 2s infinite;*/
/*}*/
/*.scroll::before {*/
/*     content: '';*/
/*     position: absolute;*/
/*     top: 15px;*/
/*     left: 18px;*/
/*     width: 18px;*/
/*     height: 18px;*/
/*     border-left: 2px solid #143e38;*/
/*     border-bottom: 2px solid #143e38;*/
/*     transform: rotate(-45deg);*/
/*}*/

/*@keyframes down {*/
/*    0% {*/
/*        transform: translate(0);*/
/*    }*/
/*    20% {*/
/*        transform: translateY(15px);*/
/*    }*/
/*    40% {*/
/*        transform: translate(0);*/
/*    }*/
/*}*/

/*@-webkit-keyframes down {*/
/*    0% {*/
/*        transform: translate(0);*/
/*    }*/
/*    20% {*/
/*        transform: translateY(15px);*/
/*    }*/
/*    40% {*/
/*        transform: translate(0);*/
/*    }*/
/*}*/

/*!* Basics *!*/
/*.gb-button {*/
/*    transition: all .10s ease-in-out;*/
/*}*/

/*.gb-button .gb-icon {*/
/*    transform: translate(0px, 0px);*/
/*    transition: all .3s ease-in-out;*/
/*}*/

/*.gb-button:hover .gb-icon {*/
/*    transform: translate(8px, 0px);*/
/*}*/

/*.gb-button.p-down:hover .gb-icon {*/
/*    transform: translate(0px, 8px);*/
/*}*/

/*.gb-button.p-up:hover .gb-icon {*/
/*    transform: translate(0px, -8px);*/
/*}*/
/*footer .gb-button:hover .gb-icon {*/
/*    transform: translate(0px, 0px);*/
/*}*/

/*.float-right {*/
/*    margin-right: calc(-10% + -32px);*/
/*}*/

/*.float-left {*/
/*    margin-left: calc(-10% + -32px);*/
/*}*/

/*.round {*/
/*    border-radius: 50%;*/
/*    aspect-ratio: 1 / 1;*/
/*    -webkit-shape-outside: circle(50%);*/
/*    shape-outside: circle(50%);*/
/*    margin: -2rem -10% 1rem 1rem;*/
/*    padding: 1rem 0 .5rem .5rem;*/
/*}*/

/*.round img {*/
/*    border-radius: 50%;*/
/*    aspect-ratio: 1 / 1;*/
/*    !* Change the shape according to the image *!*/
/*    -webkit-shape-outside: circle(50%);*/
/*    shape-outside: circle(50%);*/
/*    margin: 1rem;*/
/*}*/

/*.round.float-left {*/
/*    border-radius: 50%;*/
/*    aspect-ratio: 1 / 1;*/
/*    -webkit-shape-outside: circle(50%);*/
/*    shape-outside: circle(50%);*/
/*    margin: -2rem 1rem 1rem -10%;*/
/*    padding: 1rem .5rem .5rem 0;*/
/*}*/

/*.round.float-left img {*/
/*    border-radius: 50%;*/
/*    aspect-ratio: 1 / 1;*/
/*    !* Change the shape according to the image *!*/
/*    -webkit-shape-outside: circle(50%);*/
/*    shape-outside: circle(50%);*/
/*    margin: 1rem;*/
/*}*/

/*@media screen and (min-width: 768px) {*/
/*    .set-absolute {*/
/*        position: absolute;*/
/*        top: 0;*/
/*    }*/
/*}*/
/*.clear {*/
/*    clear: both;*/
/*}*/

/*!* Navigation *!*/
/*@media screen and (max-width: 768px) {*/
/*    .wp-block-navigation__responsive-container-open {*/
/*        transition: all .3s ease-in-out;*/
/*    }*/

/*    .has-modal-open .wp-block-navigation__responsive-container-open {*/
/*        opacity: 0;*/
/*        pointer-events: none;*/
/*    }*/

/*    .wp-block-navigation__responsive-container-open svg {*/
/*        width: 32px;*/
/*        height: 32px;*/
/*    }*/

/*    .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open,*/
/*    .wp-block-navigation__responsive-container.is-menu-open,*/
/*    .wp-block-navigation__responsive-container {*/
/*        background-color: #1DBBB1;*/
/*        padding-top: 150px;*/
/*        z-index: -2;*/
/*        margin-right: 50px;*/
/*    }*/
/*}*/
/*!* Forms *!*/
/*.wpcf7-form input[type=email],*/
/*.wpcf7-form input[type=number],*/
/*.wpcf7-form input[type=password],*/
/*.wpcf7-form input[type=search],*/
/*.wpcf7-form input[type=tel],*/
/*.wpcf7-form input[type=text],*/
/*.wpcf7-form input[type=url],*/
/*.wpcf7-form select,*/
/*.wpcf7-form textarea {*/
/*    width: 100%;*/
/*}*/

/*.wpcf7-spinner {*/
/*    display: block;*/
/*    margin: 0 auto;*/
/*}*/
/*.text-center {*/
/*    text-align: center;*/
/*}*/

/*nav .wp-block-navigation-item__content:hover::after {*/
/*    width: 100%;*/
/*}*/

/*!*.current-menu-item {*!*/
/*!*    color: var(--olive);*!*/
/*!*}*!*/

/*!* slick track *!*/
/*.slick-track .gb-image{*/
/*    object-position: center center;*/
/*    object-fit: contain;*/
/*    margin: 0 auto;*/
/*}*/
/*!* gallery *!*/
/*.gallery-container {*/
/*    width: 100%;*/
/*}*/

/*.gallery-item {*/
/*    position: relative;*/
/*}*/

/*.gallery-overlay {*/
/*    padding: 1rem;*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    background: linear-gradient(transparent, rgba(20, 20, 20, 0.85)) !important;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: flex-end;*/
/*    align-items: center;*/
/*    transition: all .3s ease-in-out;*/
/*    opacity: 0;*/
/*}*/

/*.gallery-overlay,*/
/*.gallery-overlay .title,*/
/*.gallery-overlay .content,*/
/*.gallery-overlay p {*/
/*    color: var(--white-smoke);*/
/*    margin-bottom: 0;*/
/*}*/

/*.gallery-overlay .title {*/
/*    font-size: 1.5rem;*/
/*    font-family: 'Montserrat', serif;*/
/*}*/

/*.gallery-overlay:active,*/
/*.gallery-overlay:hover {*/
/*    opacity: 1;*/
/*}*/

/*.grid-item,*/
/*.grid-sizer {*/
/*    width: 45%;*/
/*    margin-bottom: 16px;*/
/*}*/
/*.grid-item.grid-item--width2,*/
/*.grid-item.grid-item--width3 { width: 100%; }*/

/*@media screen and (min-width: 768px) {*/
/*    .grid-item,*/
/*    .grid-sizer { width: 30%; }*/

/*    .grid-item.grid-item--width2 { width: calc(60% + 16px); }*/
/*    .grid-item.grid-item--width3 { width: 100%; }*/
/*}*/