/* THEME STYLES */

/* Add padding to sections */
.wp-block-group.alignfull[class*="is-style-section-"],
.wp-site-blocks > .wp-block-group[class*="is-style-section-"],
.wp-block-template-part > .wp-block-group[class*="is-style-section-"],
.is-root-container > .wp-block-group[class*="is-style-section-"] {
    padding-top: var(--wp--custom--global--spacing--padding--section);
    padding-bottom: var(--wp--custom--global--spacing--padding--section);
}

/* Remove padding from adjacent sections */
.wp-block-group.alignfull.is-style-section-base + .wp-block-group.alignfull.is-style-section-base,
.wp-site-blocks > .wp-block-group.is-style-section-base + .wp-block-group.is-style-section-base,
.wp-block-group.alignfull.is-style-section-base-variant + .wp-block-group.alignfull.is-style-section-base-variant,
.wp-site-blocks > .wp-block-group.is-style-section-base-variant + .wp-block-group.is-style-section-base-variant,
.wp-block-group.alignfull.is-style-section-contrast + .wp-block-group.alignfull.is-style-section-contrast,
.wp-site-blocks > .wp-block-group.is-style-section-contrast + .wp-block-group.is-style-section-contrast,
.wp-block-group.alignfull.is-style-section-primary + .wp-block-group.alignfull.is-style-section-primary,
.wp-site-blocks > .wp-block-group.is-style-section-primary + .wp-block-group.is-style-section-primary {
    padding-top: 0;
}

/* Remove margin from adjacent sections */
.wp-block-group.alignfull + .wp-block-group.alignfull,
.wp-site-blocks > .wp-block-template-part + .wp-block-group,
.wp-site-blocks > .wp-block-group {
    margin-top: 0;
}

/* Stretch child elements of stack groups to fill the width of the parent */
.wp-block-group.is-vertical > * {
    width: 100%;
}

/* Remove border radius from full width groups */
.wp-block-group.alignfull,
.wp-site-blocks > .wp-block-group,
.wp-block-template-part > .wp-block-group {
    border-radius: 0;
}
/* 
.wp-block-group.is-style-section-base-variant {
    overflow: hidden;
    position: relative;
}
.wp-block-group.is-style-section-base-variant::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 40vw;
    height: 40vw;
    min-width: 300px;
    min-height: 300px;
    border-radius: 50%;
    transform: translate(40%, -40%);
    border: 150px solid var(--wp--preset--color--base);
    z-index: -1;
} */

.icon_grid .wp-block-group {
    padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--60);
    background-color: var(--wp--preset--color--base);
    box-shadow: 0 10px 30px rgba(0,0,0,.1);
    border-bottom-left-radius: var(--wp--custom--global--border--radius--base);
    border-top-right-radius: var(--wp--custom--global--border--radius--base);
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    transition-duration: .2s;
    box-sizing: border-box;
    &:hover {
        transform: translateY(-.25rem);
    }
}

.icon_grid .wp-block-group .wp-block-sowmedia-icon {
    font-size: 68px;
    color: var(--wp--preset--color--primary);
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    transition-duration: .2s;
}

.icon_grid .wp-block-group:hover .wp-block-sowmedia-icon {
    color: var(--wp--preset--color--cta-variant);
} 

.icon_grid .wp-block-group p {
    opacity: .6;
}

.member-card,
.partner-card {
    padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--60);
    background-color: var(--wp--preset--color--base);
    box-shadow: 0 10px 30px rgba(0,0,0,.1);
    border-bottom-left-radius: var(--wp--custom--global--border--radius--base);
    border-top-right-radius: var(--wp--custom--global--border--radius--base);
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    transition-duration: .2s;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    text-align: center;
    &:hover {
        transform: translateY(-.25rem);
    }   
}
.member-card *,
.partner-card * {
    position: relative;
    z-index: 2;
}
.member-card:after,
.partner-card:after {
    content: '';
    width: 100%;
    position: absolute;
    bottom: 0;
    pointer-events: none;
    z-index: 10;
    background-position: bottom left;
    background-size: cover;
    aspect-ratio: 1920 / 323;
    z-index: 1;
    left: 0;
    background-image: url(/wp-content/themes/europartnerships/assets/css/block/core/../../../images/curve-base.svg);
}

.member-card img {
    border: 4px solid var(--wp--preset--color--base-variant);
    padding: 8px;
}

.wp-block-group.is-layout-grid:has(> .partner-card),
.wp-block-group.is-layout-grid:has(> .member-card) {
	align-items: stretch;
}

.partner-card,
.member-card {
	display: grid !important;
	grid-template-rows: auto 1fr;
	align-self: stretch;
}

.partner-card > .wp-block-group.is-vertical,
.member-card > .wp-block-group.is-vertical {
	display: flex;
	flex-direction: column;
	width: 100%;
	min-height: 0;
}

/* Knop naar de onderkant */
.partner-card > .wp-block-group.is-vertical > .wp-block-buttons,
.member-card > .wp-block-group.is-vertical > .wp-block-buttons {
	margin-top: auto;
    padding-top: var(--wp--preset--spacing--20);
}

@media (max-width: 768px) {
    .is-layout-grid.icon_grid,
    .is-layout-grid:has(.member-card),
    .is-layout-grid:has(.partner-card) {
        grid-template-columns: 1fr !important;
    }
    .is-layout-grid .partner-card * {
        text-align: center;
    }
    .is-layout-grid .partner-card .wp-block-image.is-style-rounded {
        width: 50%;
        margin: 0 auto;
    }
    .cta-row * {
        justify-content: flex-start !important;
    }
}

nav.wp-block-query-pagination {
    font-family: var(--wp--custom--global--typography--font-family--heading);
}

nav.wp-block-query-pagination .wp-block-query-pagination-numbers {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 3px;
}

nav.wp-block-query-pagination .wp-block-query-pagination-numbers span.page-numbers.current {
    background-color: var(--wp--preset--color--primary);
    color: #fff;
}

nav.wp-block-query-pagination .wp-block-query-pagination-numbers span.page-numbers,
nav.wp-block-query-pagination .wp-block-query-pagination-numbers a.page-numbers {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    text-decoration: none;
    background-color: var(--wp--preset--color--base-variant);
}

nav.wp-block-query-pagination a.wp-block-query-pagination-next,
nav.wp-block-query-pagination a.wp-block-query-pagination-previous {
    margin: 0;
    text-decoration: none;
}