/* 
Theme Name: Neerlands Groeikapitaal
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Child theme of Hello Elementor
Author: Cees & Co
Author URI: https://www.ceesenco.com/
Template: hello-elementor
Version: 1.0.0
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: neerlandsgroeikapitaal
Domain Path: /languages
*/

/** ----------------------------------------------------------------
 * Helpers
 * --------------------------------------------------------------- */

#content {
    overflow-x: hidden;
}

.flex {
    display: flex;
}

.hidden {
    display: none !important;
}

.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.overflow-wrap {
    overflow-wrap: break-word;
}

.break-word {
    word-wrap: break-word;
}

.aspect-square {
    aspect-ratio: 1/1;
}

.ngk-bg-gradient--white-to-grey {
    background: linear-gradient(180deg, #FFFFFF 0%, #F2F2F2 100%);
}

.ngk-bg-gradient--grey-to-white {
    background: linear-gradient(180deg, #F2F2F2 22.12%, #FFFFFF 100%);
}

/** ----------------------------------------------------------------
 * Buttons
 * --------------------------------------------------------------- */

.ngk-btn {
    display: flex;
    justify-content: center;
    padding: 10px 24px;
    border-radius: 12px;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
}

.ngk-btn.ngk-btn--primary {
    color: #ffffff;
    background: #d84f31;
    border: 2px solid #d84f31;
}

.ngk-btn--primary:hover {
    background: transparent;
    color: #d84f31;
}

.ngk-btn.ngk-btn--secondary {
    color: #000000;
    background: #ffffff;
    border: 2px solid #ffffff;
}

.ngk-btn.ngk-btn--secondary:hover {
    background: transparent;
    color: #ffffff;
}

.ngk-btn.ngk-btn--subscribe {
    color: #000000;
    background: #ffffff;
    border: 2px solid #ffffff;
}

.ngk-btn.ngk-btn--subscribe:hover {
    background: transparent;
    color: #ffffff;
}

.ngk-btn.ngk-btn--unsubscribe {
    color: #ffffff;
    background: #AC3F27;
    border: 2px solid #AC3F27;
}

.ngk-btn.ngk-btn--unsubscribe:hover {
    background: transparent;
    color: #ffffff;
}

.btn-ledenportaal a {
    display: flex;
    justify-content: center !important;
    text-align: center;
    background: #d84f31;
    border: 2px solid #d84f31;
    padding: 12px 24px !important;
    border-radius: 12px;
    color: #ffffff !important;
    margin-top: 16px;
}

.btn-ledenportaal:hover a {
    background: transparent;
    color: #d84f31 !important;
}

.btn-menu--logout a {
    display: flex;
    justify-content: center !important;
    text-align: center;
    background: #d84f31;
    border: 2px solid #d84f31;
    padding: 8px 20px !important;
    border-radius: 12px;
    color: #ffffff !important;
    margin-top: 16px !important;
    margin-left: 0 !important;
}

@media only screen and (min-width: 1025px) {
    .btn-menu--logout a {
        margin-top: 0 !important;
        margin-left: 12px !important;
    }
}

.btn-menu--logout:hover a {
    background: transparent;
    color: #d84f31 !important;
}

/** ----------------------------------------------------------------
 * Messages
 * --------------------------------------------------------------- */

.ngk-notice {
    display: flex;
    padding: 12px 24px;
    border-radius: 40px;
    margin-bottom: 16px;
}

.ngk-notice--ok,
.ngk-notice--unsub_ok {
    background: #ecfdf5;
    color: #065f46;
}

.ngk-notice--err,
.ngk-notice--unsub_err {
    background: #fef2f2;
    color: #991b1b;
}

.ngk-notice--dup,
.ngk-notice--unsub_dup {
    background: #eff6ff;
    color: #1e40af;
}

/** ----------------------------------------------------------------
 * Header
 * --------------------------------------------------------------- */

.hamburger-menu {
    display: flex;
    align-items: center;
}

.close-menu {
    display: flex;
    align-items: center;
}

/** ----------------------------------------------------------------
 * Footer
 * --------------------------------------------------------------- */

.footer-social-icon {
    display: flex;
    align-items: center;
}

.footer-social-icon .elementor-icon-wrapper {
    display: flex;
}

/** ----------------------------------------------------------------
 * Single Evenement
 * --------------------------------------------------------------- */

.ngk-single-evenement:not(h1, h2, h3, h4, h5, h6) {
    font-family: 'Inter', Sans-serif;
}

.ngk-single-evenement .container {
    max-width: 1328px;
    margin: 0 auto;
    padding: 0 24px;
}

.ngk-singlevenement__section {
    overflow: hidden;
}

.ngk-single-evenement__back {
    margin-top: 20px;
    display: flex;
    color: #3D8C70 !important;
}

.ngk-single-evenement__back:hover {
    color: #3D8C70 !important;
    text-decoration: underline;
}

.ngk-single-evenement__message {
    display: flex;
    padding: 12px 24px;
    border-radius: 40px;
    margin-top: 32px;
}

.ngk-single-evenement__message__success {
    background: #ecfdf5;
    color: #065f46;
}

.ngk-single-evenement__message__error {
    background: #fef2f2;
    color: #991b1b;
}

.ngk-single-evenement__banner {
    display: flex;
    flex-wrap: wrap;
    background: #d84f31;
    border-radius: 40px;
    overflow: hidden;
    margin-top: 36px;
    margin-bottom: 80px;
}

.ngk-single-evenement__banner-content {
    width: 100%;
    padding: 24px;
    color: #ffffff;
}

.ngk-single-evenement__banner-image {
    display: flex;
    align-self: stretch;
    width: 100%;
    flex-grow: 1;
    background-size: cover;
    min-height: 345px;
}

.ngk-single-evenement__banner-content__title {
    font-family: 'Epilogue', Sans-serif;
    font-size: 36px;
    line-height: 1.3em;
    margin: 0;
    overflow-wrap: break-word;
}

@media only screen and (min-width: 1025px) {
    .ngk-single-evenement__banner {
        flex-wrap: nowrap;
    }

    .ngk-single-evenement__banner-content {
        width: 66.66%;
        padding: 48px;
    }

    .ngk-single-evenement__banner-image {
        min-height: auto;
        width: 33.33%;
    }

    .ngk-single-evenement__banner-content__title {
        font-size: 72px;
        line-height: 1.2em;
    }
}

.ngk-single-evenement__banner-content__description {
    font-size: 18px;
}

.ngk-single-evenement__actions {
    margin-top: 32px;
}

.ngk-single-evenement__form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ngk-single-evenement__form-group label {
    display: block;
    font-weight: 500;
    margin-bottom: 8px;
}

.ngk-single-evenement__form-group input[type=number],
.ngk-single-evenement__form-group select {
    height: 46px;
    border-radius: 12px;
    max-width: 100%;
}

@media only screen and (min-width: 1025px) {
    .ngk-single-evenement__form-group input[type=number],
    .ngk-single-evenement__form-group select {
        max-width: 25%;
    }
}

.ngk-single-evenement__note {
    font-size: 12px;
}

.ngk-single-evenement__note a {
    color: #ffffff;
}

.ngk-single-evenement__note a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.ngk-single-evenement__actions__buttons {
    margin-top: 16px;
    display: flex;
    gap: 16px;
}

.ngk-single-evenement__information {
    display: flex;
    flex-wrap: wrap;
    font-size: 18px;
    line-height: 1.5em;
    gap: 48px;
}

.ngk-single-evenement__general-info,
.ngk-single-evenement__subscribers,
.ngk-single-evenement__unsubscribers {
    width: 100%;
    padding: 22px 16px;
    background: #F2F2F2;
    border-radius: 25px;
}

.ngk-single-evenement__information__title {
    font-family: 'Epilogue', Sans-serif;
    font-size: 28px;
    color: #d84f31;
    margin: 0 0 8px 0;
}

.ngk-single-evenement__general-info {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.ngk-single-evenement__general-info__item {
    display: flex;
    flex-direction: column;
}

@media only screen and (min-width: 1025px) {
    .ngk-single-evenement__information {
        flex-wrap: nowrap;
        gap: 30px;
    }

    .ngk-single-evenement__general-info {
        width: 50%;
    }

    .ngk-single-evenement__subscribers,
    .ngk-single-evenement__unsubscribers {
        width: 25%;
    }
}

.ngk-single-evenement__subscribers__list,
.ngk-single-evenement__unsubscribers__list {
    list-style: none;
    padding: 0;
}

.ngk-single-evenement__practical {
    padding: 64px 0;
}

.ngk-single-evenement__practical__title {
    font-family: 'Epilogue', Sans-serif;
    font-size: 36px !important;
}

.ngk-single-evenement__practical__tagline {
    font-size: 24px;
    line-height: 1.5em;
}

.ngk-single-evenement__practical__wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: 48px;
    gap: 48px;
}

.ngk-single-evenement__practical__content,
.ngk-single-evenement__practical__image {
    width: 100%;
}

.ngk-single-evenement__practical__image img {
    border-radius: 40px;
}

.ngk-single-evenement__practical__item {
    padding: 16px 32px;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    transition: all 0.2s ease-in-out;
}

.ngk-single-evenement__practical__item:hover {
    background: #F2F2F2;
}

@media only screen and (min-width: 1025px) {
    .ngk-single-evenement__practical {
        padding: 112px 0;
    }

    .ngk-single-evenement__practical__title {
        font-size: 52px !important;
    }

    .ngk-single-evenement__practical__wrapper {
        flex-wrap: nowrap;
        margin-top: 80px;
        gap: 80px;
    }

    .ngk-single-evenement__practical__content {
        width: 40%;
    }

    .ngk-single-evenement__practical__image {
        width: 60%;
    }

    .ngk-single-evenement__practical__item {
        padding: 24px 32px;
    }
}

/** ----------------------------------------------------------------
 * Ledenlijst (page-ledenlijst.php)
 * --------------------------------------------------------------- */

.ngk-ledenlijst {
    font-family: 'Inter', Sans-serif;
    background: #F2F2F2;
    padding: 48px 0 48px 0;
}

.ngk-ledenlijst .container {
    max-width: 1328px;
    margin: 0 auto;
    padding: 0 24px;
}

.ngk-ledenlijst__sort {
    display: flex;
    justify-content: flex-end;
    font-size: 18px;
    padding: 0 0 48px 0;
}

.ngk-ledenlijst__sort__link {
    color: #000000 !important;
}

.ngk-ledenlijst__list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
}

.ngk-ledenlijst__lid {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 24px;
}

.ngk-ledenlijst__lid__image img {
    border-radius: 150px;
    width: 150px;
    height: 150px;
}

.ngk-ledenlijst__lid__info {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ngk-ledenlijst__lid__name {
    font-weight: 500;
    font-size: 22px;
    margin-bottom: 8px;
}

.ngk-ledenlijst__lid__description {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ngk-ledenlijst__lid__contact {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 24px;
}

.ngk-ledenlijst__lid__email a,
.ngk-ledenlijst__lid__phone a {
    color: #d84f31 !important;
}

@media only screen and (min-width: 768px) {
    .ngk-ledenlijst__list {
        grid-template-columns: 1fr 1fr;
    }
}

@media only screen and (min-width: 1025px) {
    .ngk-ledenlijst__list {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

.ngk-pagination.ngk-pagination--ledenlijst {
    margin-top: 48px;
    display: flex;
    justify-content: center;
}

/** ----------------------------------------------------------------
 * Ledenlijst (page-ledenlijst.php)
 * --------------------------------------------------------------- */

.ngk-pitches {
    font-family: 'Inter', Sans-serif;
    font-size: 24px;
    background: linear-gradient(90deg, #FBEDEA 0%, #F7DBD5 100%);
    padding: 48px 0 48px 0;
}

.ngk-pitches .container {
    max-width: 1328px;
    margin: 0 auto;
    padding: 0 24px;
}

.ngk-pitches__no-results {
    text-align: center;
}

.ngk-pitches__list {
    display: grid;
    gap: 48px;
}

.ngk-pitches__item {
    display: flex;
    flex-direction: column;
    padding: 32px;
    background: #F7DBD5;
    border-radius: 32px;
    gap: 32px;
}

.ngk-pitches__item__title {
    font-family: 'Epilogue', Sans-serif;
    font-size: 28px;
    font-weight: 500;
    margin: 0;
    color: #000000 !important;
}

.ngk-pitches__item__title a {
    color: #000000 !important;
}

.ngk-pitches__item__link {
    display: flex;
    align-items: center;
    font-size: 22px;
    font-weight: 600;
    color: #3D8C70 !important;
    gap: 8px;
    transition: all 0.2s ease-in-out;
}

.ngk-pitches__item__link:hover {
    color: #d84f31 !important;
}

@media only screen and (min-width: 1025px) {
    .ngk-pitches__list {
        display: grid;
        gap: 80px;
    }

    .ngk-pitches__item {
        padding: 48px;
    }

    .ngk-pitches__item__title {
        font-size: 44px;
    }
}

.ngk-pagination.ngk-pagination--pitches {
    margin-top: 48px;
    display: flex;
    justify-content: center;
    font-size: initial !important;
}

.ngk-pitches__search {
    display: flex;
    justify-content: center;
    margin-bottom: 48px;
}

@media only screen and (min-width: 1025px) {
    .ngk-pitches__search {
        margin-bottom: 80px;
    }
}

.ngk-pitch-search {
    display: flex;
    width: 100%;
    max-width: 600px;
    gap: 16px;
}

.ngk-pitch-search input[type=text] {
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 12px;
}

.ngk-pitch-search__submit {
    border: 2px solid #FFFFFF !important;
    background: #FFFFFF !important;
    color: #000000 !important;
}

.ngk-pitch-search__submit:hover {
    background: transparent !important;
}

/** ----------------------------------------------------------------
 * Single Evenement
 * --------------------------------------------------------------- */

.ngk-single-pitch {
    overflow: hidden;
}

.ngk-single-pitch:not(h1, h2, h3, h4, h5, h6) {
    font-family: 'Inter', Sans-serif;
}

.ngk-single-pitch__title,
.ngk-single-pitch__subtitle,
.ngk-single-pitch__label {
    font-family: 'Epilogue', Sans-serif;
    margin: 0;
}

.ngk-single-pitch__subtitle {
    font-size: 36px !important;
}

.ngk-single-pitch .container {
    max-width: 1328px;
    margin: 0 auto;
    padding: 0 24px;
}

.ngk-single-pitch__top {
    padding: 64px 0 80px 0;
}

.ngk-single-pitch__back {
    display: flex;
    align-items: center;
    color: #3D8C70 !important;
}

.ngk-single-pitch__message {
    display: flex;
    padding: 12px 24px;
    border-radius: 40px;
    margin-top: 32px;
}

.ngk-single-pitch__message__success {
    background: #ecfdf5;
    color: #065f46;
}

.ngk-single-pitch__message__error {
    background: #fef2f2;
    color: #991b1b;
}

.ngk-single-pitch__base {
    margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
}

.ngk-single-pitch__base__right {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.ngk-single-pitch__description {
    font-size: 24px;
    line-height: 1.5em;
}

.ngk-single-pitch__info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.ngk-single-pitch__info-grid__item {
    display: flex;
    flex-direction: column;
}

.ngk-single-pitch__info-grid__item .ngk-single-pitch__label {
    font-size: 22px;
}

.ngk-single-pitch__interested {
    display: flex;
    flex-direction: column;
    background: #F2F2F2;
    padding: 24px 16px;
    border-radius: 25px;
}

.ngk-single-pitch__interested__list,
.ngk-single-pitch__not-interested__list {
    list-style: none;
    padding: 0;
}

.ngk-single-pitch__interested__list__item,
.ngk-single-pitch__not-interested__list__item{
    margin-bottom: 4px;
}

.ngk-single-pitch__body {
    padding: 64px 0;
    background: #F2F2F2;
}

.ngk-single-pitch__body__wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
}

.ngk-single-pitch__body__left {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.ngk-single-pitch__actions {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 16px;
}

.ngk-single-pitch__action__btn {
    padding: 10px 24px !important;
    width: 100%;
}

.ngk-single-pitch__action__btn.ngk-single-pitch__action__btn--interested {
    background: #d84f31;
    border-color: #d84f31;
    color: #ffffff;
}

.ngk-single-pitch__action__btn.ngk-single-pitch__action__btn--interested:hover {
    background: transparent;
    color: #d84f31;
}

.ngk-single-pitch__action__btn.ngk-single-pitch__action__btn--not-interested {
    background: #E6E6E6;
    border-color: #E6E6E6;
    color: #000000;
}

.ngk-single-pitch__action__btn.ngk-single-pitch__action__btn--not-interested:hover {
    background: transparent;
}

.ngk-single-pitch__status__message {
    display: flex;
    flex-direction: column;
    padding: 24px;
    border-radius: 25px;
}

.ngk-single-pitch__status__message.ngk-single-pitch__status__message--subscribed {
    background: #d84f31;
    color: #ffffff;
}

.ngk-single-pitch__status__message.ngk-single-pitch__status__message--not-subscribed {
    background: rgba(0, 0, 0, 0.05);
    color: #000000;
}

.ngk-single-pitch__attachments {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0;
}

.ngk-single-pitch__attachments__item {
    position: relative;
    display: grid;
    grid-template-columns: 48px auto;
    gap: 40px;
    padding-bottom: 32px;
}

.ngk-single-pitch__attachments__item__title {
    font-family: 'Epilogue', Sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.4em;
    color: #000000;
    margin: 0;
}

.ngk-single-pitch__attachments__item__icon {
    position: relative;
    background: #F2F2F2;
    width: 48px;
    height: 48px;
    z-index: 1;
}

.ngk-single-pitch__attachments__item__copy {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ngk-single-pitch__attachments__item__download {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #000000 !important;
    font-weight: 700;
    transition: all 0.2s ease-in-out;
}

.ngk-single-pitch__attachments__item__download:hover {
    color: #d84f31 !important;
    text-decoration: underline;
}

@media only screen and (min-width: 1025px) {
    .ngk-single-pitch__subtitle {
        font-size: 52px !important;
    }

    .ngk-single-pitch__top {
        padding: 112px 0 80px 0;
    }

    .ngk-single-pitch__body {
        padding: 112px 0;
    }

    .ngk-single-pitch__base {
        margin-top: 64px;
        grid-template-columns: 1fr 1fr;
    }

    .ngk-single-pitch__body__wrapper {
        grid-template-columns: 1fr 1fr;
    }

    .ngk-single-pitch__actions {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 24px;
    }

    .ngk-single-pitch__status__message {
        max-width: 390px;
    }
}

/** ----------------------------------------------------------------
 * Profile
 * --------------------------------------------------------------- */

.ngk-profile {
    overflow: hidden;
    padding-bottom: 64px;
}

.ngk-profile:not(h1, h2, h3, h4, h5, h6) {
    font-family: 'Inter', Sans-serif;
}

.ngk-profile__title {
    font-family: 'Epilogue', Sans-serif;
    margin: 0;
}

.ngk-profile__container {
    max-width: 1328px;
    margin: 0 auto;
    padding: 0 24px;
}

.ngk-profile__wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.ngk-profile__left,
.ngk-profile__right {
    width: 100%;
}

.ngk-profile__form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.ngk-profile__form__group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ngk-profile__form__group input,
.ngk-profile__form__group textarea {
    background: #F2F2F2;
    border: 2px solid #F2F2F2;
    border-radius: 12px;
    padding: 10px 16px;
}

.ngk-profile__form__group--first-name {
    grid-column: span 1 / span 1;
}

.ngk-profile__form__group--last-name {
    grid-column: span 1 / span 1;
}

.ngk-profile__form__group--email {
    grid-column: span 2 / span 2;
}

.ngk-profile__form__group--phone {
    grid-column: span 2 / span 2;
}

.ngk-profile__form__group--description {
    grid-column: span 2 / span 2;
}

.ngk-profile__form__group--has-errors input,
.ngk-profile__form__group--has-errors textarea {
    border-color: #991b1b;
}

.ngk-profile__form__submit {
    display: inline-flex;
    color: #ffffff !important;
    width: auto;
}

.ngk-profile__form__submit:hover,
.ngk-profile__form__submit:focus,
.ngk-profile__form__submit:active {
    background: transparent;
    color: #d84f31 !important;
}

.ngk-profile__message {
    display: flex;
    padding: 12px 24px;
    border-radius: 40px;
    margin-bottom: 32px;
}

.ngk-profile__message ul {
    padding-left: 20px;
}

.ngk-profile__message__success {
    background: #ecfdf5;
    color: #065f46;
}

.ngk-profile__message__error {
    background: #fef2f2;
    color: #991b1b;
}

.ngk-profile__picture__title {
    font-family: 'Epilogue', Sans-serif;
    margin: 0;
}

.ngk-profile__picture {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.ngk-profile__picture__form {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 24px;
}

.ngk-profile__picture__image {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 257px;
    height: 257px;
    border-radius: 50%;
    overflow: hidden;
}

.ngk-profile__picture__image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.ngk-profile__picture__form__upload {
    display: inline-flex;
}

.ngk-profile__picture__delete {
    display: flex;
    justify-content: center;
    width: 257px;
}

.ngk-profile__picture__form__delete {
    display: flex;
    gap: 5px;
    font-weight: 400 !important;
    color: #000000 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}

.ngk-profile__picture__form__delete:hover,
.ngk-profile__picture__form__delete:focus,
.ngk-profile__picture__form__delete:active {
    color: #d84f31 !important;
}

.ngk-profile__picture__form__upload {
    display: inline-flex;
    color: #ffffff !important;
    width: auto;
}

.ngk-profile__picture__form__upload:hover,
.ngk-profile__picture__form__upload:focus,
.ngk-profile__picture__form__upload:active {
    background: transparent;
    color: #d84f31 !important;
}

@media only screen and (min-width: 1025px) {
    .ngk-profile {
        padding-bottom: 112px;
    }

    .ngk-profile__wrapper {
        flex-wrap: nowrap;
    }

    .ngk-profile__form__group--email {
        grid-column: span 1 / span 1;
    }

    .ngk-profile__form__group--phone {
        grid-column: span 1 / span 1;
    }
}