/**
 * This element is using CSS from the following:
 *
 * - opengemeenten_linkhandling/Partials/Button/OpenGemeentenLinkHandling-Button.css
 *
 * Variables can be set there globally or override them here!
 */

.ede-regio-foodvalley-announcement {
    --font-size: var(--root-font-size); /* Reset: use REM */
}

.ede-regio-foodvalley-announcement__header {
    --color: var(--root-color--white);
    --font-family: var(--root-heading-2-family);
    --font-size: var(--root-heading-2-size);
    --font-style: var(--root-heading-2-style);
    --font-weight: var(--root-heading-2-weight);
    --line-height: var(--root-heading-2-line-height);
}

.ede-regio-foodvalley-announcement .button {
    --background-color: var(--root-color--support);
    --border-top-color: var(--root-color--support);
    --border-right-color: var(--root-color--support);
    --border-bottom-color: var(--root-color--support);
    --border-left-color: var(--root-color--support);
    --color: var(--root-color-text);
}

.ede-regio-foodvalley-announcement .button:active,
.ede-regio-foodvalley-announcement .button:focus,
.ede-regio-foodvalley-announcement .button:hover {
    --background-color: var(--root-color--support-dark);
    --border-top-color: var(--root-color--support-dark);
    --border-right-color: var(--root-color--support-dark);
    --border-bottom-color: var(--root-color--support-dark);
    --border-left-color: var(--root-color--support-dark);
}

@media (min-width: 62rem) {
    .ede-regio-foodvalley-announcement__header {
        --font-size: var(--root-heading-1-size);
    }
}

.ede-regio-foodvalley-announcement {
    z-index: 1;
}

.ede-regio-foodvalley-announcement::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 113 181'%3E%3Cpath fill='%23009DDE' d='M76.119 78.695c-7.587-1.653-15.652-5.773-22.659-4.43-13.536 2.592-27.779 4.953-35.79 19.634-10.997 20.152-5.774 44.143 13.727 56.15 20.88 12.856 44.226 7.453 57.062-12.68 9.668-15.164 7.369-48.882-12.34-58.674'/%3E%3Cpath fill='%23FF0' d='M13.67 153.006c7.342.22 12.888 5.885 12.733 13.01-.16 7.392-6.313 13.244-13.642 12.975-7.262-.266-12.915-6.06-12.758-13.075.166-7.415 6.218-13.132 13.667-12.91'/%3E%3Cpath fill='%232A9447' d='M111.957 20.778c-1.252 3.708-1.575 8.27-3.955 10.938-4.596 5.155-9.276 10.675-17.601 10.262-11.428-.565-20.31-9.137-20.4-20.709C69.905 8.88 78.23.234 90.124.002c8.96-.174 22.741 9.698 21.833 20.776'/%3E%3C/svg%3E");
    height: 11.3125rem;
    width: 7.0625rem;
    position: absolute;
    top: calc(2rem + 4.5rem);
    left: calc(2.5rem + 15rem - 3rem);
}

.ede-regio-foodvalley-announcement__visual {
    display: block;
    z-index: 1;
}

.ede-regio-foodvalley-announcement__image {
    height: auto;
    width: 15rem;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 316 322'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M159.551 3.013C107.785 12.948 53.32 21.992 22.683 78.238-19.372 155.448.603 247.367 75.18 293.37c79.85 49.253 169.128 28.553 218.213-48.582 36.973-58.1 28.182-187.281-47.19-224.798-29.013-6.333-59.854-22.118-86.65-16.976Z'/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 316 322'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M159.551 3.013C107.785 12.948 53.32 21.992 22.683 78.238-19.372 155.448.603 247.367 75.18 293.37c79.85 49.253 169.128 28.553 218.213-48.582 36.973-58.1 28.182-187.281-47.19-224.798-29.013-6.333-59.854-22.118-86.65-16.976Z'/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.ede-regio-foodvalley-announcement__header {
    margin-top: 0;
}

@media (max-width: 61.999rem) {
    .ede-regio-foodvalley-announcement > .flow {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .ede-regio-foodvalley-announcement__content {
        padding-top: 2rem;
    }
}

@media (min-width: 62rem) {
    .ede-regio-foodvalley-announcement::before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 380 487'%3E%3Cpath fill='%23DCDB24' d='M104.364 154.992c-10.01-.295-17.571-7.923-17.36-17.513.22-9.951 8.607-17.829 18.599-17.467 9.9.358 17.607 8.157 17.393 17.6-.227 9.983-8.477 17.679-18.632 17.38'/%3E%3Cpath fill='%23FF0' d='M374.99 442.047c-.493 22.746-19.365 40.752-41.846 39.926-22.275-.82-39.616-18.645-39.134-40.23.51-22.817 19.072-40.408 41.922-39.724 22.522.674 39.535 18.108 39.058 40.028Z'/%3E%3Cpath fill='%232A9447' d='M228.93 296.652c-2.027 5.825-2.55 12.996-6.402 17.188-7.443 8.1-15.02 16.775-28.498 16.126-18.503-.888-32.884-14.358-33.029-32.543-.155-19.47 13.324-33.055 32.581-33.42 14.505-.273 36.82 15.24 35.349 32.649'/%3E%3Cpath fill='%2388B340' d='M89.112 28.416c-2.498.558-5.153 1.948-7.46 1.495-4.458-.875-9.147-1.671-11.785-6.624-3.621-6.798-1.901-14.892 4.52-18.942C81.262.008 88.949 1.83 93.176 8.622c3.183 5.116 2.426 16.49-4.064 19.794M20.604 194.714c-2.741-4.528-8.315-6.035-12.798-3.46-4.652 2.672-6.2 8.566-3.432 13.068 2.743 4.462 8.435 5.991 12.848 3.453 4.665-2.683 6.162-8.467 3.382-13.06'/%3E%3Cpath fill='%23009DDE' d='M96.592 301.091c-8.234-1.792-16.987-6.26-24.593-4.804-14.692 2.811-30.15 5.371-38.845 21.29-11.936 21.852-6.267 47.866 14.9 60.886 22.662 13.94 48 8.08 61.932-13.75 10.493-16.443 7.998-53.004-13.394-63.622'/%3E%3C/svg%3E");
        height: 30.4375rem;
        width: 23.75rem;
        position: absolute;
        top: unset;
        bottom: -3rem;
        left: calc(50% - 23.75rem - (70rem / 2 - (2 * 1rem / 2) - 12.75rem));
    }

    .ede-regio-foodvalley-announcement::after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 284 283'%3E%3Cpath fill='%23FF0' d='M231.874 178.025c29.473.876 51.737 23.54 51.113 52.037-.645 29.57-25.343 52.977-54.761 51.902-29.151-1.065-51.844-24.238-51.213-52.298.666-29.663 24.958-52.53 54.86-51.64'/%3E%3Cpath fill='%232A9447' d='M262.91 44.546c-2.623 7.591-3.3 16.935-8.286 22.397-9.631 10.555-19.436 21.858-36.88 21.012-23.944-1.157-42.555-18.709-42.742-42.404-.2-25.371 17.242-43.072 42.163-43.546 18.771-.357 47.648 19.857 45.746 42.541'/%3E%3Cpath fill='%23009DDE' d='M90.923 50.619c-10.64-2.33-21.95-8.138-31.778-6.246-18.984 3.655-38.958 6.983-50.193 27.677-15.423 28.407-8.098 62.226 19.252 79.152 29.283 18.121 62.024 10.505 80.025-17.875 13.559-21.376 10.335-68.905-17.306-82.708'/%3E%3C/svg%3E");
        height: 17.6875rem;
        width: 17.75rem;
        position: absolute;
        bottom: -3rem;
        right: calc(50% - 17.75rem - (70rem / 2 - (2 * 1rem / 2)) + 5rem);
    }

    .ede-regio-foodvalley-announcement__container {
        display: flex;
        gap: 3.75rem;
    }

    .ede-regio-foodvalley-announcement__visual {
        order: 2;
    }

    .ede-regio-foodvalley-announcement__image {
        width: 20rem;
    }
}

@media (min-width: 70rem) {
    .ede-regio-foodvalley-announcement::before {
        left: calc(50% - 23.75rem - (70rem / 2 - (2 * 1rem / 2) - 8.75rem));
    }

    .ede-regio-foodvalley-announcement__container {
        margin-left: 8.75rem;
    }
}

.ede-regio-foodvalley-announcement {
    font-size: var(--font-size, 1rem);
}

.ede-regio-foodvalley-announcement__header {
    font-family: var(--font-family, inherit);
    font-size: var(--font-size, 2.222em);
    font-style: var(--font-style, normal);
    font-weight: var(--font-weight, bold);
    color: var(--color, white);
    line-height: var(--line-height, 1.25);
}