:root {

    /***Logo's***/
    --logo-standard: url("../../custom/theme/assets/images/PotatoEurope2025_NL_pos.png");
    --logo-alt: url("../../custom/theme/assets/images/PotatoEurope2025_NL_bw.png"); 

    /***Header Image (Van toepassing op visual.twig)***/
    --header-image: url("../../../../custom/theme/assets/images/background.jpg");

    /***Brand Colors***/
    --color-brand-primary: #6aa230;
    --color-brand-primary-rgb: 106,162,48;
    --color-brand-secondary: #ecb044;
    --color-brand-tertiary: #ae5718;
    --color-brand-light: #fff0f7;
    --color-brand-dark: #1c1c1b;

    /***Font***/
    --font-family: 'Arial Regular', sans-serif; 
    --font-family-title: 'Arial Rounded MT Bold', sans-serif;
    --font-size: 1.6rem;

    /**** Voor meer settings zie: /themes/base/assets/style/variables.css ****/
}

.layout-header-full-width .header_visual:before {
    background-position: bottom;
}

.content-container {
    min-height: calc(70vh - var(--menu-height));
}

footer {
    background-color: #6aa230;
}

.header_visual-content .info * {
    font-size: var(--font-size-m);
}

.sponsor-container {
    background-color: #fff;
}
.logo-main-partner img, .supporting-partner img{
    max-width: 100%;
    width: 230px;
}
.logo-main-partner{
    display: flex;
    justify-content: center;
    padding: 3.2rem;
}
.supporting-partner{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3.2rem;
}

.sponsor-text {
    text-align: center;
    margin: 0px;
    padding: 8px;
    color: #FEFEFE;
    background-color: #ECB044;
    font-weight: bold;
    font-size: large;
}


.wallet-button.google {
    background-image: url("../../assets/images/google_wallet.png");
}
.header-text {
    color: var(--color-neutral-gray-07);
    background-color: var(--color-neutral-gray-0);
    padding: 0.8rem;
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}
.menu-items ul {
    align-items: center;
}
.menu-items li {
  height: unset; 
    margin-top: 6px;
}

@media (min-width: 1200px) {
    .layout-header-small .content-container .container, body.layout-header-full-width .container {
        width: 800px;
    }
}